/* ============================== SAML AUTHENTICATION ============================== */
.external-login-buttons .btn.external-login-type-saml {
    background-position: 8px center;
    background-size: 20px;
    background-image: url(/HDAPortal/_CustomResources/Images/microsoft.svg);
}

:root {
    --acidgreen: #AEBA00;
    --darkgreen: #005d63;
    --accessibility-highlight-color: #AEBA00;
    --accessibility-highlight-position: inset;
}

.field .field-content-wrapper {
    border-radius: 0px;
}

.checkbox-field {
    font-size: 10px;
}

.login-body-backGround {
    background-image: none;
    background-size: cover;
    background-color: var(--darkgreen);
}


.logo-container {
    padding: 20px 0 10px 0;
}

.portal-logo {
    background-image: url(/HDAPortal/_CustomResources/Images/logo-zambon-green.jpg);
    width: 170px;
    height: 53px;
}

#loginBody .mainWindow {
    border-top-color: white;
    border-radius: 0px;
}

.login-title {
    font-size: 14px;
    padding-top: 20px;
    display: flex;
    align-items: center;
    text-align: center;
}

    .login-title::before,
    .login-title::after {
        content: "";
        flex: 1;
        border-bottom: 1px solid #A7A9AC;
    }

    .login-title:not(:empty)::before {
        margin-right: 3%;
    }

    .login-title:not(:empty)::after {
        margin-left: 3%;
    }

.btn-forgotpassword, .btn-changepassword {
    color: var(--acidgreen);
}

.btn.btn-primary,
.webix_primary .webix_button,
.webix_primary .webix_button .webix_icon_btn,
.webix_popup_button.confirm, .mce-btn.mce-primary,
.webix_hint_buttons .webix_hint_button.webix_hint_button_next {
    background-color: var(--darkgreen);
    border-color: var(--darkgreen);
    color: white;
    box-shadow: none;
    border-radius: 0px;
}

    .btn.btn-primary:hover,
    .btn.btn-primary.is-over,
    .btn.btn-primary.x-btn.is-over,
    .webix_primary .webix_button:hover,
    .webix_popup_button.confirm:hover,
    .mce-btn.mce-primary:hover,
    .webix_hint_buttons .webix_hint_button.webix_hint_button_next:hover {
        background-color: var(--darkgreen);
        border-color: var(--acidgreen);
        color: white;
    }

    .btn.btn-primary:focus,
    .btn.btn-primary.is-focused,
    .btn.btn-primary.x-btn.is-focused,
    .webix_primary .webix_button:focus,
    .webix_popup_button.confirm:focus,
    .mce-btn.mce-primary:focus,
    .webix_hint_buttons .webix_hint_button.webix_hint_button_next:focus {
        background-color: var(--darkgreen);
        border-color: var(--acidgreen);
        color: white;
    }

    .btn.btn-primary:active,
    .btn.btn-primary.is-active,
    .btn.btn-primary.x-btn.is-active,
    .webix_primary .webix_button:active,
    .webix_popup_button.confirm:active,
    .mce-btn.mce-primary:not(.mce-disabled):active,
    .webix_hint_buttons .webix_hint_button.webix_hint_button_next:active {
        background-color: var(--darkgreen);
        border-color: var(--acidgreen);
        color: white;
    }

.login-footer {
    background-color: var(--acidgreen);
    height: 40px;
    position: fixed;
    bottom: 0px;
    width: 100%;
    color: white;
    display: flex;
}

.login-footer-left {
    width: 35%;
    vertical-align: middle;
    padding-top: 13px;
    padding-left: 40px;
    text-align: start;
    color: var(--darkgreen);
}

.login-footer-right {
    width: 65%;
    vertical-align: middle;
    padding-top: 13px;
    padding-right: 40px;
    text-align: end;
    color: var(--darkgreen);
}

.firm,
.vendor {
    display: none;
}


/* ======================================================== ACCESSIBILITY ======================================================== */
div:has(> input.is-focused-visible:not([type='hidden'])),
a:focus-visible,
button:focus-visible,
.tabbable-container:focus-visible,
.communications-carousel.carousel-nav-type-side .notification-item:focus-visible,
td.x-grid-cell:focus-visible,
.powerfinder-result:focus-visible .powerfinder-result-title {
    --accessibility-highlight-position: inset;
    -webkit-box-shadow: var(--accessibility-highlight-position) 0px 0px 0px 1px var(--accessibility-highlight-color);
    box-shadow: var(--accessibility-highlight-position) 0px 0px 0px 1px var(--accessibility-highlight-color);
    animation: AccessibilityShadowInset 4s ease infinite;
}

@keyframes AccessibilityShadowInset {
    0% {
        -webkit-box-shadow: var(--accessibility-highlight-position) 0 0 0 1px var(--accessibility-highlight-color);
        box-shadow: var(--accessibility-highlight-position) 0 0 0 1px var(--accessibility-highlight-color);
    }

    50% {
        -webkit-box-shadow: var(--accessibility-highlight-position) 0 0 4px 1px var(--accessibility-highlight-color);
        box-shadow: var(--accessibility-highlight-position) 0 0 4px 1px var(--accessibility-highlight-color);
    }

    100% {
        -webkit-box-shadow: var(--accessibility-highlight-position) 0 0 0 1px var(--accessibility-highlight-color);
        box-shadow: var(--accessibility-highlight-position) 0 0 0 1px var(--accessibility-highlight-color);
    }
}