/* Common CSS */
html * {
    font-family: 'Lato', normal;
    letter-spacing: normal;
}

h2 {
    font-weight: 600;
    font-size: 1.87rem !important;
    color: #171C27;
}

p {
    font-weight: 400;
    font-size: 0.87rem;
    line-height: 1.2rem !important;
    color: #171C27;
}

a {
    font-size: 14px;
    font-weight: 600;
    color: #1B4A80;
    text-decoration: none;
}

a:hover {
    color: #1B4A80;
    text-decoration: underline;
    text-underline-offset: 4px;
}

input {
    height: 45px;
    color: black !important;
}

.grecaptcha-badge { opacity:0;}

/* Specific elememts CSS */
.alert {
    border: none !important;
}

.alert>p {
    color: #171C27;
}

.custom-input-container .top-label-frame-container {
    height: auto !important;
}

.buttom_custom_active{
    font-size: 18px !important;
    font-weight: 500 !important;
}

/* Extra CSS */
.menu_logo_img{
    display: none;
}
.menu_submit_inline, .menu_submit_inline:hover{
    margin-left: 1rem !important;
}
.buttom_custom_default.button_inline {
    color: #1B4A80;
    font-size: var(--font-size-14);
    width: auto;
}

.buttom_custom_default.button_inline:hover {
    color: #1B4A80;
    font-size: var(--font-size-14);
    width: auto;
}

label.custom_label_regular.label_inline {
    color: #1B4A80;
    font-size: var(--font-size-14);
}

label.custom_label_medium.heading_inline {
    color: #171C27;
    font-size: var(--font-size-38);
}

.buttom_custom_active.submit_inline {
    width: 100%;
    height: 48px;
}

#set_password_container,
#password_changed_container,
#used_container,
#invalid_container,
#expired_container {
    display: none;
}

#set_password_container .wrong .fa-check {
    display: none;
}

#set_password_container .good .fa-times {
    display: none;
}

#set_password_container .alert {
    display: none;
}

.reset_component {
    background-color: #253453;
    height: 100vh;
    flex-direction: column !important;
    display: flex !important;
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) * -.5);
    margin-left: calc(var(--bs-gutter-x) * -.5);
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}

.reset-pw-box {
    background-color: white;
    margin-top: 2rem !important;
    min-width: 420px !important;
}

.requirements{
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 14px;
}
.requirements{
    color: #A4A8AF;
}
.requirements>img{
    margin-right: 5px;
}
ul{
    padding-left: 0px !important;
}
.requirements-confirm{
    visibility: hidden;
    color: #EB5259 !important;
}
/* Media Queries */
@media (max-width: 1400px){
    html{
        font-family: 'Lato', normal;
        letter-spacing: normal;
        font-size: 16px !important;
    }
}
@media (max-width: 767px){
    .reset_component{
        height: auto !important;
    }
    .reset-pw-box{
        width: 100vw;
        border-radius: 0 !important;
        margin-top: 0px !important;
        min-width: auto !important;
    }
    .desktop-logo{
        display: none;
    }
    .reset-pw-box{
        padding-left: 18px!important;
        padding-right: 18px !important;
    }
}

@media (min-width: 767px) {
    .logo_component{
        display: none;
    }
}