.recovery-success-body,
.recovery-body,
.forgot-password-body,
.login-body{
    min-height:100vh;
    width: 100%;
    padding:0px !important;
    position:relative; 
    opacity: 0;
    transition:all 0.3s linear;
    overflow:hidden;
}
.login-content-wrapper::-webkit-scrollbar {
    width:10px;
    /* height: 8px;*/
}
.login-content-wrapper::-webkit-scrollbar-button:start:decrement,
.login-content-wrapper::-webkit-scrollbar-button:end:increment {
    height: 1px;display: block;background-color: #e1e1e1;
}

.login-content-wrapper::-webkit-scrollbar-button:horizontal:start:decrement,
.login-content-wrapper::-webkit-scrollbar-button:horizontal:end:increment {
    height: 1px;display: block;background-color: #e1e1e1;
}

.login-content-wrapper::-webkit-scrollbar-track-piece {
    background-color:transparent;
}

.login-content-wrapper::-webkit-scrollbar-thumb:vertical,
.login-content-wrapper::-webkit-scrollbar-thumb:horizontal {
    background-color: #a4a4a4;
    border: 1px solid #a4a4a4;
    -webkit-border-radius:8px;
}
.login-body:after{
    content:'';
    display: block;
    background: url(../img/login/login-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height:100vh;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index: -1;
}
.forgot-password-body:after{
    content:'';
    display: block;
    background: url(../img/login/forgot-bg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height:100vh;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:-1;
}
.recovery-body:after{
    content:'';
    display: block;
    background: url(../img/login/recovery.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height:100vh;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:-1; 
}
.recovery-success-body:after{
    content:'';
    display: block;
    background: url(../img/login/recovery-success.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    height:100vh;
    position:absolute;
    top:0;
    left:0;
    right:0;
    z-index:-1; 
}
.recovery-success-body.contentLoaded,
.recovery-body.contentLoaded,
.forgot-password-body.contentLoaded,
.login-body.contentLoaded{
    opacity:1;
}
.recovery-success-content-wrapper,
.recovery-content-wrapper,
.forgot-password-content-wrapper,
.login-content-wrapper{
    width:550px;
    position:fixed;
    right:0;
    top: 0;
    height: 100%;
    background:rgba(255, 255, 255, 0.7555);
    padding:20px 3vw;
    -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  overflow: auto;
}
/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    .recovery-success-content-wrapper,
    .recovery-content-wrapper,
    .forgot-password-content-wrapper,
    .login-content-wrapper {
      background-color:transparent;
      background:url(../img/login/blur-background.png) no-repeat;
    }
  }
.recovery-success-content-wrapper .heading,
.recovery-content-wrapper .heading,
.forgot-password-content-wrapper .heading,
.login-content-wrapper .heading{
    font-size: 35px;
    margin-top:15vh;
    font-weight:bold;
}
.recovery-success-content-wrapper .sub-heading,
.recovery-content-wrapper .sub-heading,
.forgot-password-content-wrapper .sub-heading,
.login-content-wrapper .sub-heading{
    font-size: 20px;
    display: block;
    font-weight: bold;
}
.recovery-success-content-wrapper .logo,
.recovery-content-wrapper .logo,
.forgot-password-content-wrapper .logo {
    position: relative;
    padding-right: 70px;
}
.recovery-success-content-wrapper .logo .login-page,
.recovery-content-wrapper .logo .login-page,
.forgot-password-content-wrapper .logo .login-page {
    position:absolute;
    top:5px;
    right:0;
    font-size: 18px;
    font-weight: bold;
}
.login-form{
    margin-top:8vh;
}
.login-form .form-group{
    position: relative;
    margin-bottom: 35px;
}
.login-form .form-control{
    background:transparent;
    border-bottom: 1px solid #000;
    height:50px;
}
.login-form .form-control:focus{
    outline:none;
    box-shadow:none;
}
.login-form input.form-control:-webkit-autofill,
.login-form input.form-control:-webkit-autofill:hover,
.login-form input.form-control:-webkit-autofill:focus,
.login-form input.form-control:-webkit-autofill:active{
    -webkit-box-shadow:0 0 0 1000px white inset !important;
    -webkit-text-fill-color: transparent !important;
    opacity:0.4;
}
.login-form .form-group.user-focus-input input.form-control:-webkit-autofill,
.login-form .form-group.user-focus-input input.form-control:-webkit-autofill:hover,
.login-form .form-group.user-focus-input input.form-control:-webkit-autofill:focus,
.login-form .form-group.user-focus-input input.form-control:-webkit-autofill:active {
    -webkit-text-fill-color: #000 !important;
}

.login-form .form-group .label{
    position: absolute;
    top:12px;
    font-size: 18px;
    font-weight:500;
    margin:0;
    cursor:text;
    transition: all 0.3s ease-in-out;
    z-index:1;
}

.input-icon-right .input-icon{
    position:absolute;
    right:0;
    top:12px;
    font-size:24px;
}
.input-icon-right .form-control {
    padding-right: 30px;
}
.btn-login{
    font-size:18px;
    padding:10px 15px;
    font-weight:600;
}
.login-form .form-action{
    text-align: center;
    margin-top:40px;
}
.login-form .form-action .link{
    font-size: 18px;
    font-weight:bold;
    text-decoration: underline;
    display: inline-block;
    margin-top:15px;
}
.login-form .form-group.user-focus-input .form-control{
    color:#000;
    font-size: 14px;
    padding-left: 0;
}
.login-form .form-group.user-focus-input .label{
    font-size: 12px;
    top: -6px;
    color: #696b6e;
}
.term-text{
    margin-top:20vh;
    font-size:18px;
    font-weight: 300;
}
.forgot-password-content-wrapper .term-text{
    margin-top:30vh;
}
.heading-icon{
    font-size: 40px;
}
.recovery-content-wrapper .term-text{
    margin-top:40vh;
}
.form-group .icon-eye-slash,
.form-group .icon-eye{cursor:pointer;}