.btn-link:focus {
    color: var(--main-color);
}

a {
    text-decoration: underline !important;
}

.navbar-default .navbar-toggle:focus,
li.dropdownvapor a:focus,
#buttonHeaderRightMobile:focus {
    border: 2px solid #fff !important; /* Bordo bianco più spesso */
    box-shadow: 0 0 5px 2px rgba(173, 216, 230, 0.75) !important; /* Glow azzurro */
    outline: none !important;
}


ul.submenuvapor li a:focus {
    border: 2px solid var(--main-color) !important; 
    box-shadow: 0 0 5px 2px rgba(173, 216, 230, 0.75) !important; /* Glow azzurro */
    outline: none !important;
}


.input-group-btn:focus {
    box-shadow: 0 0 0 0.25rem rgb(242 242 242 / 56%);
}

.btn-link:focus,
.button_link:focus,
button:focus,
input.FldExtDom_button:focus,
.reloadSingleBtnWidget:focus,
.favoriteIcon i:focus,
.reloadSingleBtnWidget:focus,
.Attach_label:focus,
#insertquesito:focus,
.text-grafica:focus,
.primary-button:focus,
.secondary-button:focus,
ul.dynatree-container a:focus,
#finestra_modale *:focus,
#Azienda_div:focus,
.Grid *:focus,
#finestra_modale_sessione:focus,
#TD_ATTACH_ALL *:focus,
#TD_ATTACH_ALL *:focus-visible,
.main-color-border-right:focus,
#uploader_button:focus,
#clear_button:focus,
input[type="button"]:focus,
.button-grafica:focus,
a:focus,
.dynatree-expander:focus,
.leading-0.clearfix[itemprop="blogPost"] *:focus {
    box-shadow: 0 0 0 0.2rem var(--main-color) !important;
    border: 0 !important;
    outline: unset;
}

a:has(img[alt="Vedi"]):focus {
    display: block;
}

.div_pulsanti_finestra input:focus,
.div_pulsanti_finestra input:focus-visible {
    box-shadow: 0 0 0 0.2rem var(--main-color) !important;
    border: 0 !important;
    outline: unset;
}

#rightArea *:focus {
    box-shadow: 0 0 0 0.2rem var(--main-color) !important;
    border: 0 !important;
    outline: unset;
    display: block;
}

.VerticalModel_ReadOnlyField:focus,
.VerticalModel_ReadOnlyField td:focus,
.VerticalModel_ReadOnlyField div:focus,
.VerticalModel_ReadOnlyField input:focus,
.VerticalModel_ReadOnlyField span:focus,
input[tabindex]:focus {
    outline: 2px solid #fff !important;
    box-shadow: 0 0 0 0.2rem var(--main-color) !important;
}


table.VerticalModel_ReadOnlyField:has(td[name="Cell_OE_Estero"]):focus {
    outline: unset !important;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}



/* CSS per nascondere visivamente ma mantenere accessibile per screen reader */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* COLORI CONTRASTO */

:root {
    --main-color: #004F75; /* COLORE PRINCIPALE */
    --main-color-vapor: #004F75;
    --bg-pulsanti-header-hover: #004F75; /* HOVER PULSANTI HEADER */
    --bg-color-cta-modal: #004F75; /* COLORE PRINCIPALE */
    --tab-main-color: #004F75;
    --link: #004F75;
    --primary-button: #004F75;
    --secondary-button-color: #004F75;
    --secondary-button-hover: #004F75;
    --secondary-button-gradient-hover: #004F75;
    --secondary-button-border: #004F75;
    --colore-pulsanti-azione: #004F75;
    --color-text-elemento-hr: #004F75;
    --bg-pulsanti-menu-gradient-hover: #006075; /* SFUMATURA HOVER PULSANTI */
    --bg-pulsanti-menu-hover: #006075; /* HOVER PULSANTI */
    --bg-pulsanti-input-group-menu-gradient-hover: #006075; /* SFUMATURA HOVER PULSANTI INPUT GROUP */
    --bg-pulsanti-input-group-menu-hover: #006075; /* HOVER PULSANTI INPUT GROUP */
    --tab-main-color-hover: #006075;
    --tab-main-color-gradient-hover: #006075;
    --primary-button-hover: #006075;
    --primary-button-gradient-hover: #006075;
    --search-bg-icon-gradient-hover: #006075; /* SFUMATURA HOVER PULSANTI INPUT GROUP */
    --search-bg-icon-hover: #006075; /* HOVER PULSANTI INPUT GROUP */
}

.widget-list-body p.breadcrumbActivity,
#containerRightArea p.breadcrumbActivity {
    color: #535865 !important;
}

#doc_cambio_password button {
    background: #005E8A;
    border: 2px solid #005E8A;
}

    #doc_cambio_password button:hover {
        background: #ffffff;
        border: 2px solid #005E8A;
        color: #005E8A;
    }

.GridCol_Link, .GridCol_Link1 {
    color: #045D86;
}

.close {
    opacity: 1 !important;
}

.VerticalModel_Value input[type="checkbox"]:checked {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUFJREFUeNpiZPAvZRgIwMQwQGDU4lGLRy0etXjEW8wjLnZ0YuH28jgGRkb6WQy0dWdVjJW8pIelzvZKAnYzUdtWCQjXw0zNV9eY5haj2crA8H/VwWubL5+lrcXYbL0UPmEZw///FFmsbqR3eVpJf7wfkbbO3XWGoK1AwELAVmO93Zk+siIC/LasDIwMhQs2EbQ1ZfoagrYCATODhjUe6c50PwclaSCDn4tTWoRXTkho54WblNtK2OLjD9966imJ8XKh2U2hrUDASLCxJ6oov680XEdKBMJ9/Ob9rmsvNOUFKbGVKIsx7UYF5NhKbHZ6ff+hU/fKK8/eUMtWEvIxNrvJt5W0AgRkdw/UbmBMU2IrySXX63sPLZsWXHn2etfZ2ynTVpNtK7GJa7QhMGrxqMWjFo9aPIAWMzKy0N9KCA0QYADpjqaPY/P7RwAAAABJRU5ErkJggg==') !important;
}

table.Grid td span {
    white-space: normal !important;
}

@media screen and (max-width: 768px) {
    .input-group > .form-control:focus, .input-group > .form-select:focus {
        z-index: auto;
    }
}

@media screen and (max-width: 960px) {
    .input-group > .form-control:focus, .input-group > .form-select:focus {
        z-index: auto;
    }
}

@media screen and (max-width: 1024px) {
    #backtoold {
        height: 50px;
        margin-top: 0px;
        width: 50px;
        margin-right: 0px !important;
        background: var(--color-h5-header-menu);
        border-radius: 0;
        margin-left: 20px;
        color: var(--white);
    }

    .input-group-btn {
        width: 38px;
        height: 39px !important;
        background: var(--bg-pulsanti-input-group);
        background: var(--bg-pulsanti-input-group-menu-gradient);
        margin-left: -30px;
        z-index: 10;
        border-radius: 0;
    }

    #rightArea .pageTitle h2 {
        font-size: 5vw !important;
    }

    #rightArea .pageTitle p,
    #rightArea .input-group input,
    #rightArea .tertiary-button,
    #containerRightArea p,
    #containerRightArea i {
        font-size: 3.5vw !important; /* Usa vw al posto di px */
    }

    .toastVapor {
        right: -110%;
    }

        #FormViewerFiltro{height:auto!important;}
    }

#footerCompact a{
    text-decoration:underline;
}
    #footerCompact a:focus {
        box-shadow: 0 0 0 0.1rem #fff !important;
        border: 0 !important;
        outline: unset;
    }

/* Nascondi il menu in modalità mobile quando aria-hidden è true */
.header-right[aria-hidden="true"] {
    display: none; /* Nascondi completamente */
}

/* Mostra il menu quando aria-hidden è false */
.header-right[aria-hidden="false"] {
    max-width: 100%;
    display: flex; /* Mostra il menu */
    position: absolute;
    top: 110px; /* Aggiusta questo valore in base al layout */
    left: 50%;
    margin-left: -220px;
    z-index: 999;
    background: var(--main-header-menu-color);
    border-radius: 65px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
    transition: all 0.5s ease;
    width: auto;
}

.toastVapor {
    transition: opacity 0.3s ease, visibility 0.3s ease;
    visibility: hidden;
}

    .toastVapor[aria-hidden="false"] {
        visibility: visible;
    }


/* Sidebar nascosta inizialmente su mobile */
@media screen and (max-width: 1024px) {
    #sidebar-wrapper {
        display: none; /* Escludila completamente */
        width: 0px; /* Larghezza iniziale a 0 */
        overflow: hidden; /* Impedisce il contenuto di essere visibile */
    }

        #sidebar-wrapper.active {
            display: block; /* Mostra la sidebar */
            width: 75%; /* Imposta la larghezza */
            box-shadow: rgb(0 0 0 / 10%) 11px 0px 14px 3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
            overflow: auto; /* Ripristina lo scorrimento */
            transition: width 0.3s ease; /* Aggiungi animazione per la transizione */
        }
}

.skiplinks a {
    font-size:14pt;
}