/* login layout  */

#porttest {
    visibility: hidden !important;
}

.title-section {
    width: auto;
}

.footer-section {
    display: block;
    width: 100%;
    background: #efefef !important;
    font-size: 12px;
    color: #666666;
    position: fixed !important;
    visibility: hidden !important;
}

.button_loader_changepassword {
    background: url(/Content/WebcastHCPImages/loader.gif) 10px center no-repeat #949494 !important;
    background-size: 15px !important;
}

.main-wrapper .main-content-section .header-section {
    background-size: auto auto;
    background-size: cover;
    background: #FFF !important;
}

.main-wrapper .main-content-section .header-section .header-section-inner {
    padding: 5px 1px 4px 0;
}

.main-wrapper .main-content-section .header-section .header-left-panel .logo-wrap {
    display: inline-block;
    width: 180px;
    margin-top: 7px;
}

.footer-section {
    width: 100%;
    background: #efefef !important;
    font-size: 12px;
    color: #666666;
}


/* login layout  end*/

.error-note,
.error-text {
    color: white !important;
}

.login-main-wrap,
.login-right-wrap {
    position: relative;
    width: 100%;
}

.ForgotPassword .login-main-wrap {
    background: #fff;
}

.ForgotPassword .login-right-wrap .login-logo-wrap {
    background: #fff;
}

.ForgotPassword .footer-section .footer-inner p {
    padding: 0px 15px;
}

.ForgotPassword .foot-menu,
.footer-inner p a:focus,
.footer-inner p a:hover,
.footer-section p a {
    color: #58585b;
}

@media only screen and (max-width: 767px) {
    .footer-section p {
        text-align: center;
        font-size: 9px !important;
    }
}

@media (max-height: 480px) {
    .ForgotPassword .login-right-wrap .login-wrap {
        margin: 0px auto 0 auto;
    }
    .ForgotPassword .login-right-wrap {
        margin-top: 20px;
    }
}

@media (max-height: 410px) {
    .ForgotPassword .footer-section {
        position: relative !important;
    }
}

.ForgotPassword {
    font-size: clamp(0.65rem, 2vw, 1rem);
}

.ForgotPassword .footer-section .footer-inner p {
    font-size: clamp(0.5rem, .90vw, 0.75rem);
}

.ForgotPassword main {
    display: grid;
    grid-auto-rows: 1fr auto;
}
.terms-condition{
    text-decoration: underline;
}
body,
html {
    font-family: Arial, Helvetica, sans-serif !important;
}
.footer-inner{
    font-family: Arial, Helvetica, sans-serif !important;
}
.ForgotPassword .footer-section {
    display: none !important;
}