body { 
  background:  url('../img/icons/layout/login-bg.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*img.login-bg {
  //Set rules to fill background 
  min-height: 100%;
  min-width: 1024px;
    
  //Set up proportionate scaling 
  width: 100%;
  height: auto;
    
  //Set up positioning 
  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) { //Specific to this particular image
  img.login-bg {
    left: 50%;
    margin-left: -512px;   //50%
  }
}*/
.box {
    margin-top: 100px;
}

.phone-plus{
    font-size: 22px;
    color:white;
}
.country-code{
    width:90%;
    display:inline;
}

.login-layout{
  margin: auto;
  position: absolute;
  top: 47%;
  left: 50%;
  margin-right: -50%;
  /* bring your own prefixes */
  transform: translate(-50%, -53%);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;  
  resize: both;
}
.login-box {
    width:400px;
    margin:0 auto;
    background-color: rgba(24, 40, 53, 0.9);
    padding: 40px;
    margin-top: 15px;
    -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.login-box a{
 color: #fff;
}

fieldset {
    border-top:solid 1px #fff;
    text-align: center;
}

legend {
    border:0;
    width:auto;
    font-size: 12px;
    padding:10px;
    color: #fff;
    margin: 0;
}

.btn-login {
    color: #fff;
    font-size: 14px;
    font-family: "OpenSans Bold";
    text-align: center;
    padding:10px;
    margin-bottom: 10px;
    text-transform: uppercase;
	cursor: hand;
}

.mask {
    margin-bottom: 10px;
    margin-top: 10px;
}
.mask img {
   max-width: 270px;
}

.input-container {
    position: relative;
    margin-bottom: 5px;
    margin-top: 10px;
}

.input-container input{
    padding-left: 30px;
}

.input-container select{
    padding-left: 30px;
}

.input-container img {
    position: absolute;
    left:10px;
    top:12px;
    width:12px;
}

.btn-register {
    background-color: transparent;
    margin-top: 20px;
    border: 1px solid #888;
        -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #888;
}

.btn-register:hover {
    border: 1px solid #fff;
    color: #fff;
}

.btn-blue {
    background-color: #01a1dd;
    margin-top: 15px;
        -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.btn-blue:hover {
    background-color: #0290c5;
}

#login-footer {
    background-color: transparent;
    padding: 20px 0;
    position: fixed;
    width: 100%;
    bottom: 0;
    font-size: 12px;
    text-align: center;
    left: 0;
    z-index: 1;
    color: #fff;
}

#login-footer a{
color: #fff;
}
#login-footer a:hover{
color: #FA7A25;
}

.signup-box {
    width:700px;
    background-color: rgba(24, 40, 53, 0.9);
    padding: 40px;
    margin: auto;
    margin-top: 15px;
    -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
margin-bottom: 50px;
}

.captcha-container {
    margin: 30px 0;
}

#recaptcha_area {
    margin:auto;
}

.label-input {
    font-family: "Myriad Pro";
    color: #01a1dd;
    margin-bottom: 3px;
}

.signup-info {
    list-style-type: none;
    padding-left:0;
    font-size: 12px;
}

.modal-dialog {
    margin-top: 50px;
}

#register-footer {
    background-color: transparent;
    padding: 20px 0;
    width: 100%;
    font-size: 12px;
    text-align: center;
    left: 0;
    z-index: 1;
    color: #fff;
}

.signup.box {
    margin-top: 30px;
}

.img-signup {
    margin-bottom: 15px;
}
.left-0{
        padding-left: 0px;
        padding-right: 15px;
}
.right-0{
        padding-right: 0px;
        padding-left: 15px;
}
.register-agree{
    color: #01a1dd;
}
.register-agree a{
    color: #ff8936;
}

.login-layout .error-msg {
    background-color: transparent;
    color: #fff;
    padding: 10px;
    font-family: "OpenSans";
    font-size: 13px;
    margin: 13px 10px;
    font-weight: normal;
    text-align: left;
}
.signup-box .error-msg {
    background-color: transparent;
    color: #fff;
    padding: 10px;
    font-family: "OpenSans";
    font-size: 13px;
    margin: 13px 10px;
    font-weight: normal;
    text-align: left;
}
.alert.yellow{background-color: #ffba58; color: #333}
.alert.error{background-color: #ff6158;}
.alert.green{background-color: #5cb85c;}

.captcha{
  text-align: right;
  margin: 20px 0 10px 0 ;
}

.captcha > .g-recaptcha > div{
  margin: auto;
}

.signup-box .captcha > .g-recaptcha > div{
  margin-right: 0;
}