#logoutForm a {
    /*margin: 5px; 5px; 5px; 5px;*/
    color: #535353;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
}

#logoutForm a:hover {
    
        /*color: #45A9B2;*/
}

/*Password Validation*/

.passwordValidation {
      display: block;
          padding-right: 0px;
}
.passwordValidation h1 {
    margin:0;
    padding:10px 0;
    font-size:24px;
    text-align:center;
    background:#eff4f7;
    border-bottom:1px solid #dde0e7;
    box-shadow:0 -1px 0 #fff inset;
    border-radius:5px 5px 0 0; /* otherwise we get some uncut corners with container div */
    text-shadow:1px 1px 0 #fff;
}

.pswd_info {
    background-color:rgba(255,255,255,0.9);
    visibility: hidden;
    display: block;
    font-weight: 600;
    border-right: 2px solid #cdd2d8;

}
.pswd_info li{
    margin-left: 26px;
    list-style-type: disc;
    font-size: 14px;

}
.lower-container {
    
        padding: 20px;
}
.pswd_info ul{

    margin-left: 8px;
}


.pswd_info h5 {
        font-weight: 600;

}

.pswd_info::before {
    content: "\25C0";
    position:absolute;
    top:100px;
    left:1%;
    line-height:14px;
    color:#ddd;
    text-shadow:none;
    display:block;
} 

.pass_valid {
    position: relative;
    color:#049298;
}
 
.pass_valid:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color:#049298;
/*--adjust as necessary--*/
    font-size: 14px;
    padding-right: 0.5em;
    position: absolute;
    left: -20px;


}

.pass_invalid {
    position: relative;
    color: #5c616e;

}
.pass_invalid:before {

}

.password_validation_text{
    
      color: #535353;

}

/*****************************************************************************
                                    LOADING
*****************************************************************************/

.loading {
    display: none;
    position: relative;
    left: 50%;
    top: 50%;
    margin: 0px 0 0 -60px;
    background: #232B38;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 10px solid #393F4F;
}
.loading:after {
    content: '';
    background: transparent;
    width: 140%;
    height: 140%;
    position: absolute;
    border-radius: 100%;
    top: -20%;
    left: -20%;
    opacity: 0.7;
    box-shadow: rgba(255, 255, 255, 0.6) -4px -5px 3px -3px;
    animation: rotate 2s infinite linear;
    -webkit-animation: rotate 2s infinite linear;
}

@keyframes rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

@-webkit-keyframes rotate {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

/***************************************************************************/

#input-field{
    position:relative;
    padding:0;
    margin:0;
    background:#ddd;
}
#NewPassword {
    height:3rem;
    margin:0;
}
.input_check {
    position:absolute;
    bottom:8px;
    right: 10px;
    width:10px;
    height:20px;
    font-size: 16px;
    color: #049298;
    visibility: hidden;
}