.forgotVar {
    --colorPrimary: var(--forgot-color-primary)!important;
    --bgPrimary: var(--forgot-primary)!important;
    --bgSecondary: var(--forgot-secondary)!important;
}
html body {
    font-size: .18rem;
}
.stepMenu {
    margin-bottom: 0.2rem!important;
}   
.stepRadio + .tab-content {
    padding: 0.2rem 0!important;
}
.wizard > .content > .body {
    transform: translateX(5%)!important;
}
.nav-tabs>li>a {
    color: var(--forgot-header-list) !important; 
}
.nav-tabs .radioItem.active>a, .nav-tabs .radioItem>a:hover{
    color: var(--forgot-header-list-active)!important;
}
.radioItem::before {
    background: var(--forgot-header-list-active)!important;
}
.nav-tabs .menuItem.active>a, .nav-tabs .menuItem>a:hover, #passwordService .passwordServiceBtn, .forgotContentText .btn {
    color: var(--forgot-hover-text-color)!important;
    background: var(--forgot-hoverbg-color) !important;
    white-space: normal;
    word-wrap: break-word;
}
.nav-tabs.stepRadio {
    border-bottom: 2px solid var(--bgPrimary, var(--home-signUpBtn-border)) !important;
}
.wizard > .content {
    background: var(--forgot-content-box);
    background-image: none;
}
.wizard > .content > .body input {
    background-color: var(--forgot-input-bg);
    color: var(--forgot-header-list) !important;
}
#passwordService .passwordServiceBtn:hover, .forgotContentText .btn:hover{
    -webkit-filter: brightness(1.2);
}
.forgotContentText .btn.focus,
.forgotContentText .btn:focus,
.forgotContentText .btn:hover{
    background-color: var(--forgot-hoverbg-color) !important;
}

.wizard > .content {
    min-height: 16em;
}
.wizard > .steps .done .number {
    color: #858585;
}
#langList .lang-item a:hover {
    text-decoration: none;
}