.lang-icon{
  width:20px;
}
.register-language > div, .english-lang, .chinese-lang, .thai-lang{
  padding:10px;
}
.mobile_verified{
  margin-top:6px;
}
.alert-danger{
  background-color: #f2dede !important;
  border-color: #ebccd1 !important;
  color: #a94442 !important;
}
.alert-success {
    background-color: #dff0d8 !important;
    border-color: #d6e9c6 !important;
    color: #3c763d !important;
}
.alert-msg, #error_msg,#success{
  width:320px;
  position:fixed;
  top:50px;
  right:10px;
  z-index:3000;
}
span.err_msg{
  /*color: #ff0000;*/
  line-height: 1em;
  font-weight: bold;
}
.register-language{
  padding:0 !important;
  /*background-color: #54a6ff !important;*/
  background-color: white !important;
  height: 44px;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5) !important;
}
.register-div{
  width:500px;
  margin: 30px auto;
}
.register-form-div{
  background-color:white;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  padding:0px 25px;
  border-radius:8px;
}
.login-layout {
    background-color: #e6edfa !important;
/*    background-image: url(../images/bg.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;*/

    /*background-color: #f0f0f0 !important;*/
}

.control-label{
  text-align: right;
  margin-bottom: 0;
  padding-top: 7px;
}
.btn-success,.btn-success:focus{
  background: #cbb499 !important;
  border-color: #cbb499 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  border-radius: 3px;
  margin-right: 5px;
}
.btn-success:hover, .btn-success:active, .btn-success:focus:active,.btn-success:focus:hover {
  background: #ac9881 !important;
}
.login-layout .widget-box {
  background-color: #54a6ff; 
  border-radius:5px;
}
.register-title{
  padding:12px;
  margin-top:30px;
}
.register-label{
  background-color: #cbb499 !important;
  border-left-color: #cbb499 !important;
  font-size:18px;
  height:35px;
  float:none !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) !important;
  padding: 0.4em 0.6em 0.4em !important;

}
.register-label::after{
  border-left-color: #cbb499 !important;
  border-width: 18px 12px !important;
  right:-24px !important;
}
.blue{
  color: #6ab4f4 !important;
}
.logo-div{
  margin-top: 80px !important;
  margin-bottom: 10px !important;
  text-align: center;
}
.pointer{
  cursor: pointer;
}
.logo{
  font-size: 26px;
  font-weight: normal;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;

  font-weight: 500;
  color: inherit;
  cursor:pointer;
  text-decoration:none !important;
  /*display:block !important;*/
  margin:0 auto;

}
.logo-border-bottom{
  border-top: 1.5px solid #bdcbd8 !important; box-shadow: 0 1px 0px #ffffff !important;
}
@media only screen and (max-width: 400px) {
  
  .register-div{
    width:300px !important;
  }

}
@media only screen and (max-width: 500px) {
  .register-div{
    width:350px !important;
  }
}

@media only screen and (max-width: 345px) and (max-height: 600px) {
  .register-div{
    width:280px !important;
  }
  .captcha-div{
    width: 25% !important;
    padding-right: 0px !important;
  }
   .captcha-div > div{
    padding: 0px !important;
  }
}
@media only screen and (max-width: 760px) {
  .thai-lang{
    width:33.333% !important;
    text-align: center !important;
    border-left: 1px solid #414755;
  }
  .chinese-lang{
    width:33.333% !important;
    text-align: center !important;

  }
  .register-language{
    height: 41px !important;
  }
  .english-lang{
    width:33.333% !important;
    text-align: center !important;
    /*border-right: 1px solid white;*/
    border-right: 1px solid #414755;
  }
/*  .register-language {
    background-color: #3881f0 !important;
  }*/
  .register-div{
    width:80%;
  }
  #captcha{
    margin-left:0px !important;
  }
  .alert-msg, #error_msg,#success{
    top:10px !important;
  }
  .register-btn{
    width:100% !important;
    padding: 20px !important;
    text-align: center !important;
  }
}

#captcha{
  margin-top:3px !important;
  margin-left:12px;
}
.m-t-3{
  margin-top:3px;
}

#username{
  text-transform: uppercase;
}
#username::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
#username:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
#username::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
#username:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
#username::placeholder { /* Recent browsers */
    text-transform: none;
}
img, table, td{
  max-width: 100% !important;
}
.introduction-content{
  
}
.darkgrey{
  color: #414755 !important;
}
.lightbrown{
  color: #cbb499 !important;
}