.wrapper {
  margin-top: 50px;
  margin-bottom: 20px;
}
.form-select-biz #btn-a-fba{
  background-color: #d9534f !important;
}
.form-select-biz .btn-a{
  font-size: 16px;
  font-weight: bold;
}
.form-select-biz{
  max-width: 800px;
  padding: 35px 20px 30px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.form-signin {
  max-width: 1000px;
  padding: 15px 80px 20px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.form-signin-admin-viewer {
  max-width: 1000px;
  padding: 15px 220px 20px;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 30px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 14px;
  height: auto;
  /*padding: 10px;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: 10px;
}
#register_link{
  padding:30px 0 15px 0;
  display: block;
  text-align: center;
  text-decoration: underline;
}
#reset_link{
  float: right;
  text-decoration: underline;
}
#logo_login{
  width: 100%;
  border-bottom: 3px solid #2b7fc7;
  padding-bottom: 5px;
  font-size: 20px;
  font-weight: bold;
  /*margin-bottom: 25px;*/
}
#form-reset{
  max-width: 800px !important;
}
.label_register{
  text-align: right;
  width: 100%;
  line-height: 32px;
  font-size: 13px;
}
.required-label{
  color: red;
  padding-left: 10px;
}
.btn-a{
  color: #fff;
  font-size: 13px;
  display: block;
  background: #d9534f;
  border: 1px solid #1468AF;
  text-align: center;
  padding: 12px;
  border-radius: 5px;
}
#btn-a-fba{
  border: 1px solid #1468AF;
  border-color: #d9534f !important;

}
.btn-a:hover{
  color: #fff;
  text-decoration: none;
}
.box-left{
  /*border-right: 1px solid #ddd;*/
  float: left;
  padding-top: 125px;
  /*margin-left: -17px;*/
}
.input-group-addon{
  background: none !important;
  border: none !important;
}
.input-group-addon{
  background: none !important;
  border: none !important;
}
.inputs {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-radius: 0px !important;
  margin-bottom: 0px !important;
}
.logo-a-hover:hover{
  text-decoration: none !important;
}
.seal-post{
  background:#f0ad4e !important;
  border-color: #eea236 !important;
}
@media screen and (max-width: 767px) {
  /*.form-signin {*/
  /*max-width: 500px;*/
  /*}*/
  /*.box-left{*/
  /*width: 100%;*/
  /*border: none;*/
  /*}*/
}
/*.form-signin input[type="password"] {*/
/*margin-bottom: 20px;*/

/*}*/
.btn-select {
  background:#2B7FC7;
  border:1px solid #1468AF;
}

.radio-country {
  padding-left: 0 !important;
}

.radio-country label {
  margin-bottom: 0 !important;
  line-height: 14px !important;
  font-size: 14px;
}

#password_div {
  padding-top: 10px !important;
}

body, tr, td {
  color: #000000;
  font-size: 13px;
  margin-bottom: 8px;
  font-family: Verdana, MS UI Gothic;
  line-height: 130%;
}
a:link {
  color: #085595;
  text-decoration: none;
}

a:visited {
  color: #085595;
  text-decoration: none;
}

a:active {
  color: #085595;
  text-decoration: none;
}

a:hover {
  color: #33a2ff;
  text-decoration: underline;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #2c85cf;
  border: none;
  color: white;
  padding: 5px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
}

input:hover[type=button], input:hover[type=submit], input:hover[type=reset] {
  background-color: #2c85cf;
  border: none;
  color: white;
  padding: 5px 20px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 20px;
}

button.menu {
  width: 90%;
  color: #000000;
  border: solid 1px #555555;
  background-color: #f4f4f4;
  padding: 10px 15px;
  text-align: left;
  border-radius: 5px;
  font-size: 13px;
  font-family: Verdana, MS UI Gothic;
}

button:hover.menu {
  width: 90%;
  color: #33a2ff;
  border: solid 1px #085595;
  background-color: #ffffff;
  padding: 10px 15px;
  text-align: left;
  border-radius: 5px;
  font-size: 13px;
  font-family: Verdana, MS UI Gothic;
}

/* For alert messsage */
.alert {
  padding: 0px;
}
.alert .inner {
  /* width: 900px; */
  padding: 10px;
  border-radius: 5px;
  border: 1px solid rgb(180,180,180);
  background-color: rgb(212,212,212);
}

.alert .inner,.alert .close {
  color: rgb(88,88,88);
}

.alert input {
  display: none;
}

.alert.warning .inner {
  padding: 15px;
  border: 1px solid #F86D8F;
  background-color: #FFFDFD;
}
.alert.warning .inner a {
  color: #085595;
}
.alert.warning .inner a:hover {
  color: #33a2ff;
}
.alert.warning .inner,.alert.warning .close {
  color: #000000;
}

.alert.warning .important {
  color: red;
  font-weight: bold;
}
.login-header {
  text-align:right;
  margin:40px 20px 2px 20px;
  border-bottom:solid 1px #999999;
  padding:0px 10px 3px 0px;
}
.m-logo {
  text-align:center;
  margin:50px 0px 20px 0px;
}
.tbl-login {
  width: 100%;
}
.w-tbl-login {
  border:dotted 2px #999999;
  background-color:#fcfcfc;
  padding: 10px 15px 10px 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.copy-right {
  margin: 30px 0px 10px 0px;
  border-top:solid 1px #999999;
  padding-top:5px;
  text-align: center;
  height: 100px;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.hr-login {
  margin-top: 10px;
  margin-bottom: 10px;
  border: 0;
  border-top: 1px solid #cccccc;
}
.m-height {
  min-height: 75vh;
}
.btn-close {
  background-color: #2c85cf;
  border: none;
  color: white;
  padding: 5px 20px;
}
.btn-close:hover {
  border-radius: 20px;
}
.bg-ig {
  width: 100%;
  margin-top: 15px;
}
.nav-toggle .nav-tabs {
  -moz-box-shadow:    inset 0 2px 5px 0px #ececec;
  -webkit-box-shadow: inset 0 2px 5px 0px #ececec;
  box-shadow:         inset 0 2px 5px 0px #ececec;
  border-radius: 50px;
}
.nav-toggle .nav-tabs li{
  width: 50%;
}

.nav-tabs>li>a:hover {
  background: none;
}
.nav-toggle .nav-tabs li a {
  color: #0c0c0c;
  border: none!important;
  text-align: center;
}
.nav-toggle li.active a {
  color: #0000cc!important;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  font-weight: 600;
  border-radius: 50px;
}
.alert-information {
  word-break: break-word;
  border-color: unset!important;
}
.alert-information .header-information , .alert-information .footer-information {
  border: 1px solid #999999;
  border-radius: 10px;
  padding: 15px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.m-logo img {
  max-width: 600px;
  width: 90%;
  border-radius: 10px;
}
.list-msg li .msg-header{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.list-msg li .msg-details i{
  background: #0c0c0c;
  color: white;
  padding: 7px;
  border-radius: 50%;
}
.list-msg li .msg-details:hover {
  cursor: pointer;
}
.list-msg {
  width: 100%;
  margin-left: 0px;
  padding-left: 0px;
}
.list-msg li {
  list-style: none;
  position: relative;
  margin-top: 20px;
  border: 1px solid #999999;
  border-radius: 10px;
  padding: 7px;
}
.list-msg li .msg-date {
  color: #c57f07;
  padding-right: 10px;
}
.list-msg li .msg-title {
  /*text-decoration: underline;*/
}
.list-msg li .msg-body {
  padding-left: 10px;
  margin-top: 10px;
  display: none;
}

.list-msg li .msg-title:hover {
  cursor: pointer;
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .tab-content >div {
    display: block!important;
  }
  .tab-content .fade {
    opacity: unset;
  }
}

@media screen and (max-width: 768px) {
  .bg-ig {
    width: 70%;
  }
  .tbl-login tr{
    display: flex;
    flex-direction: column;
  }
  .tbl-login tr td {
    width: 100%!important;
  }

}