@import url('https://fonts.googleapis.com/css?family=Roboto');

html, body {min-height: 100%;}

body {
	font-family: 'Roboto', sans-serif;
	background: url('../../img/UIBackground.jpg') no-repeat center center fixed;
	background-size: cover;
}

.main-section {
  margin: 0 auto;
  margin-top: 130px;
  padding: 0;
}

.form-group {
 margin-bottom: 25px;
}
.form-group input {
 height: 32px;
 border-radius: 0px;
 border: 0;
 font-size: 14px;
 /*letter-spacing: 2px;*/
 /*padding-left: 26px;*/
}
.form-group1 {
 margin-bottom: 25px;
}
.form-group1 input {
 height: 36px;
 border-radius: 5px;
 border: 0;
 font-size: 12px;
 padding-left: 46px;
 width:66%;
}


.form-input button {
 width: 40%;
 margin: 5px 0 25px; 
}
.btn-success {
 background-color: #00943A;
 font-size: 12px;
 border-radius: 12px;
 padding: 7px 14px;
 width:122px;
 border-color: transparent;
}
.btn-success:hover {
 background-color: #fff;
 border:#00943A;
 color:#00943A;
 border-color: #00943A;
 font-weight:bold;
}
a.forgot-password-link {
    color: #fff;
}
.auth-box {
    padding-top: 15px;
    padding-bottom: 28px;
    padding-left: 40px;
    padding-right: 40px;
    border-radius: 10px;
    width:100%;
    background: #0B2240;
    min-height: 560px;
}
 .login {
    align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
}
.logindevelopment{
  align-items: center;
    display: flex;
    height: 100%;
    position: absolute;
    text-align: center;
    width: 100%;
}
.login-card {
    border-radius: 30px;
    position: relative;
    display: block;
}.auth-body {
    width: 100%;
    min-width: 450px;
    padding-top:0px;
}
.m-b-20 {
    margin-top: 20px;
    margin-bottom: 30px;
}
.col-sm-8.col-xs-12.forgot-phone{   
    padding-top: 10px;
    color:#fff;
}
a.text-right.forgot-password {
    font-weight: bold;
    font-size: 16px; 
    color: #6CBEEF;
    padding-left: 47px;
    margin-left: -50px;
}

.developmentstyle{
  background-color: #00a850;
  width: 400px;
  border-radius: 8px;
}
@media (max-width: 500px) {
    .auth-body {
        min-width: 350px !important;
        
    }
}

@media only screen and (max-width:767px) {
    .logindevelopment {
       position: relative;
    }
    .developmentstyle{
       width: 381px;
       margin-top:-66px;
    }
}



.authfields {
    background: #FFFFFF4D;
    color: #FFFFFF;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 400;
    height: 38px !important;
}
.login-footer{
   color:#7e869b;
    font-family:verdana;
    font-size:8px;
}

.unique-username {
    font-size:10px;
    color:#949599;
    font-family: Verdana, Geneva, sans-serif;
    text-align:left;
    width:100%;
}

.password-given {
    font-size:10px;
    color:#949599;
    font-family: Verdana, Geneva, sans-serif;
    text-align: left;
    width:100%;
}
.remember-login {
    font-size:14px;
    font-weight: 400;
    color:#FFFFFFCC;
    padding-left:7px;
    display: inline-flex;
    vertical-align: bottom;
    padding-top:5px;
}
.authfields::placeholder {
  color: #FFFFFF !important;
  opacity: 1 !important;
}
.Authcookiestyle{
  color: #6CBEEF !important;
}
.Loginsubmitbtnstyle {  
    font-size: 16px; 
    line-height: 26px; 
    border-radius: 31px; 
    background-color: #00A850; 
    color: white; 
    border: none; 
    font-weight: bold;
}



/*#rememberMe {
    margin-left: -83px;
}
*/
.msg-sucess {
    color:white;
     font-size:13px;
}
.msg-err {
    color:red;
    font-size:13px;
}

.forgot-email {
    padding-left: 22px;
    padding-right:25px;
}
.forgot-back-btn {
    font-size: 12px;
    border-radius: 12px;
    padding: 7px 14px;
    width: 120px;
    background-color: #1B9AD7;
      border:1px solid #1B9AD7;
}
.forgot-back-btn:hover {
   color:#1B9AD7;
   background-color: #fff;
   border:1px solid #1B9AD7;
   border-color:#1B9AD7;
}

.err-msg {
    color: #0B2240;
    font-size:14px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.success-msg {
    color:white;
    font-size:13px;
}
button#forgot-password-btn {
    width: 120px;
    margin: 10px;
}

.modal.show .modal-dialog {
    margin-top: 216px !important;
}

.nopadding {
   padding-top: 4px;
   padding-left: 2px;
}


input[type=checkbox] {
  display: none;
}

input[type=checkbox] + label:before {
  content: "\2714";
  border: 0.1em solid #fff;
  border-radius: 0.2em;
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: top;
  color: transparent;
  transition: .2s;
  margin-top:5px;
}

input[type=checkbox] + label:active:before {
  transform: scale(0);
}

input[type=checkbox]:checked + label:before {
  background-color: #8A8E94;
  border-color: #8A8E94;
  color: #fff;
  font-size:11px;

}

.developmentstyle{
  background-color: #00a850;
  /*height: 498px;*/
  min-height: 588px;*/
 /* width: 400px;*/
 width: 370px;
  border-radius: 8px;
}
@media only screen and (max-width:767px) {
    .logindevelopment {
       position: relative;
    }
    .developmentstyle{
       /*width: 381px;*/
      /* margin-top:-66px;position: relative;*/
    }
}


@media (max-width: 768px) {
    .auth-box {
        padding-bottom: 20px !important;
    }
    
    .remember-login {
        font-size: 12px;
    }

    /*.auth-box img {
        width: 60% !important;
    }*/

    .developmentstyle {
        /*margin-top: 20px !important;*/
    }

    .forgot-password {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .remember-login {
        font-size: 10px;
    }

    /*.auth-box img {
        width: 80% !important;
    }*/

    .auth-box {
        padding-bottom: 40px !important;
    }

    .developmentstyle {
        /*margin-top: 10px !important;*/
    }
}

.loginbox{
   border-radius: 10px 0 0 10px !important;
}

.maintenancebox{
  border-radius: 0 10px 10px 0 !important;
}

@media screen and (max-width: 768px) {
  .loginbox,
  .maintenancebox,
  .img-fluid {
    border-radius: 10px !important;
  }
}

@media screen and (max-width: 1111px) {
  .loginbox,
  .maintenancebox,
  .img-fluid {
    border-radius: 10px !important;
  }
}

.Authinputlabel {
    font-size: 12px;
    font-weight: 500;
    color: #FFFFFFCC;
    text-align: left; 
    display: block;   
}
.authlogostyle {
    width: 170px; 
    height: 130px; 
}

.LoginErrorcontainer{
    display: flex;
    gap: 10px;
    background-color: rgb(226, 248, 231);
    padding: 7px;
    border-radius: 4px;
    max-width: 390px;
}
.text-color {
  color: #FFFFFFCC;
}