/*
SILGENEVE Styles
Copyright: ARCHILEXMP SA
Date: September 2024

RICORDA : Tutti i DIV centrati con DIV.max-width = 950px
    NB div.mainContent = 1100px;  divContenu > max-width : 950px; ecc.
*/

body {

}


/* SubMenu in MenuBar*/
.dropdown-item.triangle-left::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.5em;
    vertical-align: middle;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 8px solid black; /* Colore del triangolo */
}

/* mauro june 2025 */
/* SEARCH-BAR : search in document*/
.modern-search-bar {
    height: 53px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: rgba(255,255,255,0.95);
    border-radius: 1rem;
    box-shadow: 0 2px 8px rgba(60,60,60,0.08), 0 1.5px 4px rgba(60,60,60,0.06);
    padding: 0.5rem 1rem;
    _box-shadow: 0 4px 16px rgba(0,0,0,0.12);
    _max-width: 700px;
    _margin: 5px 0;
    margin-left: 5px;
    margin-right: 5px;
}

.modern-search-input {
    flex: 1 1 260px;
    min-width: 90px;
    border: none;
    background: transparent;
    font-size: 1.1rem;
    outline: thin;
    box-shadow: none;
}

.modern-search-btn {
    background: none;
    border: none;
    color: #444;
    font-size: 1.2rem;
    padding: 0.4rem 0.6rem;
    border-radius: 50%;
    transition: background 0.2s;
}

    .modern-search-btn:hover {
        background: #e5e5e5;
    }

.modern-search-count {
    min-width: 2.5rem;
    text-align: center;
    font-size: 1rem;
    color: #555;
}

.modern-search-select {
    width: auto;
    border-radius: 1rem;
    font-size: 1rem;
    margin-left: 0.5rem;
    background: #f5f5f5;
    border: none;
}

.modern-head-btn {
    background: none;
    border: none;
    color: #444;
    font-size: 1.2rem;
    padding: 0.4rem 0.6rem;
    border-radius: 50%;
    transition: background 0.2s;
}

    .modern-head-btn:hover {
        background:  #f7a129;
    }
.search-main-group {
    display: flex;
    flex-grow: 1;
    gap: 0.5rem;
}

@media (max-width: 760px) {
    .modern-search-bar {
        flex-wrap: wrap;
        height: auto;
        padding: 0.5rem;
    }

    .modern-search-input {
        _flex-basis: 90%;
        min-width: 120px;
        margin-bottom: 0.5rem;
    }

    .search-main-group {
        flex: 1 1 100%;
        margin-bottom: 0.5rem;
    }

    #lblCount0 {
        display: none !important;
    }

}

/* DIV MENU DETT: Bottoni moderni*/
.modern-button-bar {
    display: flex;
    gap: 0.5rem;
    padding: 10px;
    flex-wrap: nowrap; /* fondamentale: mai a capo! */
    overflow: hidden; /* nasconde bottoni che escono */
    width: 100%; /* 600pxo max-width: 100% per responsive */
    position: relative;
    justify-content: flex-start; /* flex-start o center, come preferisci */
}


.modern-action-btn {
    margin: 0;
    border-radius: 0.5rem;
    background: #fff8ea; /* #ffdd99;   #f4f9ed;*/
    text-align: center;
    min-width: 100px;
    flex-shrink: 0;
    border-width: thin;
}

.overflow-btn {
    background: #d1e4d8;
    _background: #ffdd99;
    width: 2.5rem;
    min-width: 2.5rem;
    padding: 0;
    font-size: 1rem;
    font-weight: bold;
}

.overflow-container {
    /*position: relative;
    display: flex;
    align-items: center;
    width: 400px;*/ /* oppure max-width: 100%; se vuoi responsive */
    /*overflow: hidden;*/ /* nasconde i bottoni che escono */
}

.overflow-menu {
    position: relative;
    right: 0;
    border: 1px solid #d1e4d8;
    border-radius: 0.5rem;
    box-shadow: 0 2px 12px rgba(50,100,200,0.13);
    min-width: 140px;
    padding: 0.5rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
}

    .overflow-menu .modern-action-btn {
        width: 100%;
        margin: 0;
        border-radius: 0;
        background: #ffdd99; /*#f4f9ed;*/
        text-align: left;
    }

.buttonSyncWin {
    background: #fff8ea;
    padding: 4px 17px; /* spaziatura per non tagliare l’icona */
    border-radius: 6px;
    border: 1px solid black;
    display: inline-flex; /* usa flexbox */
    align-items: center; /* centra l’icona verticalmente */
    justify-content: center; /* centra orizzontalmente */
}

    .buttonSyncWin i {
        font-size: 16px; /* controlla la grandezza dell’icona */
        line-height: 1; /* evita spazi extra */
    }

.buttonSyncronisedWin {
    background: #d1e4d8;
    padding: 4px 17px; /* spaziatura per non tagliare l’icona */
    border-radius: 6px;
    border: 1px solid black;
    display: inline-flex; /* usa flexbox */
    align-items: center; /* centra l’icona verticalmente */
    justify-content: center; /* centra orizzontalmente */
}

    .buttonSyncronisedWin i {
        font-size: 16px; /* controlla la grandezza dell’icona */
        line-height: 1; /* evita spazi extra */
    }


/* TITOLO troncato del documento principale */
.titolo-troncato {
    display: block; /* oppure inline-block, secondo necessità */
    width: 100%; /* oppure una larghezza fissa, es: 300px */
    white-space: nowrap; /* il testo resta su una sola riga */
    overflow: hidden; /* nasconde il testo che esce */
    text-overflow: ellipsis; /* aggiunge i puntini di sospensione */
}

.custom-checkboxlist label {
    _font-family: monospace;
    _white-space: pre;
}

/* FINE mauro June 2025 */


.buttonSearch {
    border: none 0px #3f3f3f;
    text-align: left;
    background: transparent url('../images/button/btnSearch@2x.png') no-repeat center center;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
}

    .buttonSearch:hover {
        cursor: pointer;
        border: none 0px #3f3f3f;
        text-align: left;
        background: transparent url('../images/button/btnSearchHover@2x.png') no-repeat center center;
        background-size: 36px 36px;
    }


.buttonClearSearch {
    border: none 0px #3f3f3f;
    text-align: left;
    background: transparent url('../images/button/btnClearSearch@2x.png') no-repeat center center;
    background-size: 36px 36px;
    width: 36px;
    height: 36px;
}

    .buttonClearSearch:hover {
        cursor: pointer;
        border: none 0px #3f3f3f;
        text-align: left;
        background: transparent url('../images/button/btnClearSearchHover@2x.png') no-repeat center center;
        background-size: 36px 36px;
    }


.iframeSIL {
    padding-top: 10px; /* Padding superiore */
    padding-right: 10px; /* Padding destro */
    padding-bottom: 10px; /* Padding inferiore */
    padding-left: 10px; /* Padding sinistro */
    width: 100%;
    height: 100%;
}

/*TOOLBAR E BOTTONI TOOLBAR*/

/*  DIV upBarMin per Mobile */
#upBarMin {
    margin: 0 auto;
    height: 79px;
    _background-image: url('../images/tile.png');
    color: #FFF;
    background-repeat: repeat-x;
    _background-color: #FFF; /*#3F3F3F;  #4D4D4D; */
    padding-left: 0px;
    display: none;
}

    #upBarMin div.Logosilge {
        background-image: url('../images/LogoGE.svg');
        background-repeat: no-repeat;
        top: 5px;
        left: 15px;
        position: absolute;
        width: 110px;
        height: 69px;
    }

    #upBarMin div.contenumin {
        background-image: url('../images/button/syncronisedWin@2x.png');
        background-repeat: no-repeat;
        background-size: 48px 48px;
        top: 18px;
        right: 40px;
        position: relative;
        float: right;
        width: 48px;
        height: 48px;
    }

        #upBarMin div.contenumin:hover {
            background-image: url('../images/button/syncronisedWin@2x.png');
            background-repeat: no-repeat;
        }

    #upBarMin div.searchmin {
        background-image: url('../images/button/SearchMin.png');
        background-repeat: no-repeat;
        background-size: 48px 48px;
        top: 18px;
        right: 25px;
        position: relative;
        float: right;
        width: 48px;
        height: 48px;
    }

        #upBarMin div.searchmin:hover {
            background-image: url('../images/button/SearchMin.png');
            background-repeat: no-repeat;
        }


    #upBarMin div.printmin {
        background-image: url('../images/button/PrintMin.png');
        background-repeat: no-repeat;
        background-size: 48px 48px;
        top: 18px;
        right: 15px;
        position: relative;
        float: right;
        width: 48px;
        height: 48px;
    }

        #upBarMin div.printmin:hover {
            background-image: url('../images/button/PrintMin.png');
            background-repeat: no-repeat;
        }


    #upBarMin div.moremin {
        background-image: url('../images/button/MenuMin.png');
        background-repeat: no-repeat;
        background-size: 48px 48px;
        top: 18px;
        right: 10px;
        position: relative;
        float: right;
        width: 48px;
        height: 48px;
    }

        #upBarMin div.moremin:hover {
            background-image: url('../images/button/MenuMin.png');
            background-repeat: no-repeat;
        }


/*  DIV upBar Classico */
#upBar {
    _margin: 0 auto;
    height: 79px;
    _background-image: url('../images/tileUp.png');
    _color: #FFF;
    background-repeat: repeat-x;
    background: #FFF; /*linear-gradient(to right, #ffdd99, #fff8ea);*/
    _background-color: #FFF; /*#4D4D4D;  #4D4D4D; #3F3F3F;*/
    padding-left: 0px;
}


    #upBar div.Logosilge {
        background-image: url('../images/LogoGE.svg');
        background-repeat: no-repeat;
        top: 5px;
        left: 15px;
        position: absolute;
        width: 110px;
        height: 69px;
    }


    #upBar div.homepage {
        background-image: url('../images/button/Home.png');
        background-repeat: no-repeat;
        top: 18px;
        left: 270px;
        position: absolute;
        width: 110px;
        height: 38px;
    }

        #upBar div.homepage:hover {
            background-image: url('../images/button/HomeHover.png');
            background-repeat: no-repeat;
        }


    #upBar div.favoris {
        color: #000;
        font-family: 'Segoe UI';
        font-size: 24px;
        top: 24px;
        left: 220px;
        position: absolute;
    }


    #upBar div.contenu {
        color: #000;
        font-family: 'Segoe UI';
        font-size: 24px;
        top: 24px;
        left: 370px;
        position: absolute;
    }

        #upBar div.contenu:hover {
            text-decoration: underline;
        }


    #upBar div.search {
        color: #000;
        font-family: 'Segoe UI';
        font-size: 24px;
        top: 24px;
        left: 520px;
        position: absolute;
    }

        #upBar div.search:hover {
            text-decoration: underline;
        }


    #upBar div.print {
        color: #000;
        font-family: 'Segoe UI';
        font-size: 24px;
        top: 24px;
        left: 690px;
        position: absolute;
    }

        #upBar div.print:hover {
            text-decoration: underline;
        }


    #upBar div.more {
        color: #000;
        font-family: 'Segoe UI';
        font-size: 24px;
        top: 24px;
        left: 860px;
        position: absolute;
    }

        #upBar div.more:hover {
            text-decoration: underline;
        }


.textTitlePane12 {
    _position: relative;
    _left: 35px;
    _top: 10px;
    _width: 300px;
    height: 100%;
}

/*TOOLBAR TABMAT*/
div.headIFrameTitle {
    padding-top: 3px;
    font-size: 1.111em;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    _background: linear-gradient(to right, transparent, #f4b41a 1%, #fff8ea 90%);
    ____background: linear-gradient(to right, #ffdd99, #fff8ea);
    _background: #ebebeb;
    _background: #ffcc33;
    background: #ffdd99; /*#f4f9ed;*/
    width: 100%;
    height: 53px;
    padding-left: 5px;
}

.buttonBackContenu {
    border: none 0px #d3d3d3;
    text-align: left;
    background: transparent url('../images/button/backContenu@2x.png') no-repeat center center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    left: 3px;
    position: relative;
    right: 10px;
    top: -26px;
}

    .buttonBackContenu:hover {
        cursor: pointer;
        border: none 0px #d3d3d3;
        text-align: left;
        background: transparent url('../images/button/backContenuHover@2x.png') no-repeat center center;
        background-size: 24px 24px;
    }


.buttonSync {
    border: none 0px #d3d3d3;
    background: transparent url('../images/button/sync@2x.png') no-repeat center center;
    background-size: 24px 24px;
    vertical-align: middle;
    width: 36px;
    height: 36px;
}

/*TOOLBAR LEGGE*/
div .headIFrame {
    font-size: 1.111em;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    background: #ffdd99; /*#f4f9ed;*/
    _background: linear-gradient(to right, #ffe6B7, #fff8ea);
    _background: #ffe6B7;
    width: 98%;
    height: 53px;
    padding: 3px;
    _margin-top: 0px;
}

div.headIFrameSearchInDoc {
    font-size: 1.111em;
    border: 1px solid #d3d3d3;
    border-radius: 1rem;
    background: #fff;
    _background: linear-gradient(to right, #ffe6B7, #fff8ea);
    width: 98%;
    height: 53px;
    padding: 3px;
    _margin-top: 0px;
}

.divMenuDett {
    border: 1px solid #d3d3d3;
    font-family: arial,sans-serif;
    color: #4D4D4D;
    _background: #ebebeb;
    height: 40px;
    _display: none;
    padding-left: 3px;
    padding-top: 3px;
    width: 100%;
    font-size: 1.1em;
    _z-index: 5;
}


.lblCount {
    color: Black;
    padding: 3px;
    background-color: #ffbcbc;
}


.txtSurb {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: normal;
    position: relative;
    top: 1px;
    left: 8px;
    height: 22px;
    width: 180px;
    border-radius: 6px;
    border: 1px solid #666;
    padding-left: 10px;
    padding-right: 10px;
}

.txtSurbMain {
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    font-style: normal;
    position: relative;
    _top: 10px;
    _left: 8px;
    _height: 22px;
    _width: 180px;
    border-radius: 6px;
    border: 1px solid #666;
    _padding-left: 5px;
    _padding-right: 10px;
}

.txtSurbExp {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    font-style: normal;
    position: relative;
    top: 1px;
    left: 8px;
    height: 22px;
    width: 180px;
    border-radius: 6px;
    border: 1px solid #aaa;
    padding-left: 5px;
    padding-right: 10px;
}


    .txtSurb:active, .txtSurb:focus, .txtSurbExp:active, .txtSurbExp:focus, .txtSurbMain:active, .txtSurbMain:focus {
        border: 1px solid #F57A29;
    }


/* BOTTONI TOOLBAR LEGGE */

    .SelectSearchType {
    font-size: medium;
    position: relative;
    _left: 10px;
    _top: 10px;
    height: 30px;
    border-radius: 5px;
    vertical-align: middle;
    background-color: #fff;
}


.btnBackToContent {
    border: none 0px #d3d3d3;
    background: transparent url('../images/button/MenuMin-black.png') no-repeat center center;
    background-size: 36px 36px;
    position: relative;
    width: 48px;
    height: 48px;
    _right: 10px;
    float: left;
}

    .btnBackToContent:hover {
        cursor: pointer;
        border: none 0px #d3d3d3;
        background: transparent url('../images/button/MenuMin.png') no-repeat center center;
        background-size: 36px 36px;
    }

.btnBackToNewSearch {
    border: none 0px #d3d3d3;
    background: transparent url('../images/button/search-result-back-48.png') no-repeat center center;
    background-size: 36px 36px;
    position: relative;
    width: 48px;
    height: 48px;
    _right: 10px;
    float: left;
}

    .btnBackToNewSearch:hover {
        cursor: pointer;
        border: none 0px #d3d3d3;
        background: transparent url('../images/button/search-result-back-48@2.png') no-repeat center center;
        background-size: 36px 36px;
    }

.buttonBackToSearch {
    border: none 0px #d3d3d3;
    background: transparent url('../images/button/search-result-48.png') no-repeat center center;
    background-size: 36px 36px;
    position: relative;
    width: 48px;
    height: 48px;
    _right: 10px;
    float: left;
}

    .buttonBackToSearch:hover {
        cursor: pointer;
        border: none 0px #d3d3d3;
        background: transparent url('../images/button/search-result-48@2.png') no-repeat center center;
        background-size: 36px 36px;
    }



.buttonSurb {
    border: none 0px #d3d3d3;
    text-align: left;
    background: transparent url('../images/button/surb@2x.png') no-repeat center center;
    background-size: 30px 30px;
    position: relative;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}


.buttonSurbExpanded {
    border: none 0px #d3d3d3;
    text-align: left;
    background: transparent url('../images/button/surb@2x.png') no-repeat center center;
    background-size: 30px 30px;
    position: relative;
    left: 15px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

    .buttonSurb:hover, .buttonSurbExpanded:hover {
        cursor: pointer;
        border: none 0px #d3d3d3;
        text-align: left;
        background: transparent url('../images/button/surbHover@2x.png') no-repeat center center;
        background-size: 30px 30px;
    }

    .buttonSurb[disabled], .buttonSurbExpanded[disabled], .buttonSurbGoBack[disabled] {
        border: none 0px #d3d3d3;
        text-align: left;
        background: transparent url('../images/button/surbDisabled.png') no-repeat center center;
        width: 30px;
        height: 30px;
        cursor: default;
    }


.buttonDown {
    vertical-align: middle;
    border: none 0px #d3d3d3;
    width: 30px;
    height: 30px;
    background: transparent url('../images/button/down@2x.png') no-repeat center center;
    background-size: 30px 30px;
}

.buttonDownExpanded {
    vertical-align: middle;
    border: none 0px #d3d3d3;
    width: 30px;
    height: 30px;
    background: transparent url('../images/button/down@2x.png') no-repeat center center;
    background-size: 30px 30px;
}

    .buttonDown:hover, .buttonDownExpanded:hover {
        cursor: pointer;
        border: none 0px #d3d3d3;
        text-align: left;
        background: transparent url('../images/button/downHover@2x.png') no-repeat center center;
        background-size: 30px 30px;
    }

.buttonUp {
    border: none 0px #d3d3d3;
    background: transparent url('../images/button/up@2x.png') no-repeat center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

.buttonUpExpanded {
    border: none 0px #d3d3d3;
    background: transparent url('../images/button/up@2x.png') no-repeat center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

    .buttonUp:hover, .buttonUpExpanded:hover {
        cursor: pointer;
        border: none 0px #d3d3d3;
        text-align: left;
        background: transparent url('../images/button/upHover@2x.png') no-repeat center center;
        background-size: 30px 30px;
    }

.buttonPageBack {
    border: none 0px #d3d3d3;
    position: relative;
    float: right;
    right: 10px;
    _top: 5px;
    background: transparent url('../images/button/back@2x.png') no-repeat center center;
    background-size: 30px 30px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
}

    .buttonPageBack:hover {
        cursor: pointer;
        border: none 0px #d3d3d3;
        text-align: left;
        background: transparent url('../images/button/backHover@2x.png') no-repeat center center;
        background-size: 24px 24px;
    }


.divCount {
    font-size: 12px;
    text-align: left;
    position: relative;
}

.divCountExp {
    font-size: 12px;
    text-align: left;
    position: relative;
    top: 5px;
    left: 17px;
}


.buttonPDF {
    border: none 0px #d3d3d3;
    text-align: left;
    background: transparent url('../images/button/btnPDF@2x.png') no-repeat center center;
    width: 32px;
    height: 32px;
    background-size: 32px 32px;
    vertical-align: middle;
}

    .buttonPDF:hover {
        cursor: pointer;
        border: none 0px #d3d3d3;
        _text-align: left;
        background: transparent url('../images/button/btnPDFHover@2x.png') no-repeat center center;
        background-size: 32px 32px;
    }


.buttonMaximize {
    border: none 0px #d3d3d3;
    text-align: left;
    background: transparent url('../images/button/openWin@2x.png') no-repeat center center;
    background-size: 24px 24px;
    width: 24px;
    height: 24px;
    position: relative;
    _top: 5px;
    float: right;
    right: 5px;
    vertical-align: middle;
}

    .buttonMaximize:hover {
        cursor: pointer;
        border: none 0px #d3d3d3;
        _text-align: left;
        background: transparent url('../images/button/openWinHover@2x.png') no-repeat center center;
        background-size: 24px 24px;
    }

/*TOOLBAR EXPANDED*/






/*PARTE PER TOOL TIPP*/

#tt {
    position: absolute;
    display: block;
}

#tttop {
    display: block;
    height: 5px;
    margin-left: 4px;
    overflow: hidden
}

#ttcont {
    display: block;
    padding: 2px 5px 3px 5px;
    margin-left: 5px;
    background: #fff;
    color: #000;
    border: 1px solid #F57A29;
    border-radius: 5px;
}

#ttbot {
    display: block;
    height: 5px;
    margin-left: 5px;
    overflow: hidden
}

.ui-dialog-titlebar-close {
    visibility: hidden;
}

/* Search result highlight. 
    vedi searchEngine.css
*/


/* The grid container */
.grid-container {
    display: grid;
    grid-template-areas:
        'left middle middle middle middle right';
    _grid-template-columns: 250px auto auto;
    grid-template-columns: 300px auto auto;
    grid-column-gap: 5px; /*- if you want gap between the columns */
    _max-width: 95vw; /* 1250px;  Limita la larghezza : con 96vw; hai 96% della larghezza del viewport */
    margin: 0 auto; /* Centra orizzontalmente il contenitore */
}

.left,
.middle,
.right {
    padding: 5px;
    _height: 300px; /* Should be removed. Only for demonstration */
    _background-color: white; /* Imposta il colore di sfondo a bianco */
}

/* Style the left column */
.left {
    grid-area: left;
}

/* Style the middle column */
.middle {
    grid-area: middle;
}

/* Style the right column */
.right {
    grid-area: right;
}

.upBarGrid {
    display: grid;
    grid-template-areas:
        'left middle middle middle middle right';
    grid-template-columns: 300px auto auto;
    grid-column-gap: 0px;
    margin: 0 auto;
}
.leftBar {
    grid-area: left;
}
.middleBar {
    grid-area: middle;
}
.rightBar {
    grid-area: right;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 1060px) {
    .grid-container {
        grid-template-areas:
            'left left left left left left'
            'middle middle middle middle middle middle'
            'right right right right right right';
    }
}

.grid-container > div {
    _border: 1px solid #000; /* Sostituisci #000 con il colore desiderato */
}


.searchBook {
    text-align: left;
}

/* EPK Update */
.labelSearchBookPage {
    line-height: 1.5;
    color: #F57A29;
}

.firstPageRow {
    padding-top: 25px;
}

.txtSearchPage {
    font-size: medium;
    background-color: #e0fbee;
    height: 32px;
    border-style: none;
    border: 1px solid #aaa;
    border-radius: 6px;
    position: relative;
}
    .txtSearchPage:focus {
        background-color: #f4fff6 !important; /* Mantieni colore anche sul focus : verde chiaro > #e0fbee - #f4fff6*/
    }

.searchResultsClass {
    overflow: auto;
    width: 100%;
}


.searchResultsClass a, .searchResultsClass a:link {
    text-decoration: none;
    color: #666666;
}


.searchResultsClass a:hover {
    text-decoration: none;
    color: #ff0000;
}

.searchResultsClass a:active {
    text-decoration: none;
    color: #ff0000;
}

.dropdown-menu-SIL {
    --bs-dropdown-min-width: 0rem;
}

.buttonFAV {
    border: none 0px #d3d3d3;
    text-align: left;
    background: transparent url('../images/button/btnFAV@2x.png') no-repeat center center;
    width: 24px;
    height: 24px;
    background-size: 24px 24px;
    vertical-align: middle;
}

.buttonFAV:hover {
    cursor: pointer;
    border: none 0px #d3d3d3;
    background: transparent url('../images/button/btnFAVHover@2x.png') no-repeat center center;
    background-size: 24px 24px;
}

.buttonClose {
    border: none 0px #d3d3d3;
    text-align: left;
    background: transparent url('../images/button/btnClose@2x.png') no-repeat center center;
    width: 26px;
    height: 26px;
    background-size: 26px 26px;
    vertical-align: middle;
}

.buttonClose:hover {
    cursor: pointer;
    border: none 0px #d3d3d3;
    background: transparent url('../images/button/btnCloseHover@2x.png') no-repeat center center;
    background-size: 26px 26px;
}

.divMainHeader {
    align-content: center;
    _max-width: 1250px; /*1400px;*/
    max-width: 99%;  
    margin: 0 auto;
}

.divMainHeaderWin {
    margin: 0 auto;
    border-bottom: 1px solid #d3d3d3;
    _background: #FFC34D;
    _background: #ffe6B7;
    _background: #3f3f3f; /*grigio */
    _background: #ebebeb;  /*#c0c0c0; */
}

.accordion {
    --bs-accordion-bg: #ffffff; /* Change background color - #f8f8f8;*/
    --bs-accordion-color: #333; /* Change text color */
    --bs-accordion-btn-focus-border-color: #ffe6B7;
    --bs-accordion-btn-bg: #ffe6B7;
    --bs-accordion-active-bg: #ffe6B7;
}

.accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}

.accordion-button .accordion-button.collapsed {
    color: #000000;
}

.accordion-button:not(.collapsed) {
    color: #000000;
}

.btn-link {
    color: #000;
    font-weight:bold;
    text-decoration: none;
}

.btn-custom {
    background: #d3f4ff;
    border: 1px solid #aaa;
}
    .btn-custom:focus {
        background-color: #B0D0E0;
    }

.btn-light {
    background: none;
    border: 1px solid #aaa;
}
    .btn-light:hover {
        background-color: #ffcd39;
    }
    .btn-light:focus {
        background-color: #ffcd39;
    }

.divMainContentAccessible {
    margin: 0 auto;
    border-bottom: 1px solid #d3d3d3;
}

#skiplinkMain1 {
    width: 100%;
    height: 60px;
    padding: 6px;
    position: absolute;
    top: -100px;
    left: 0px;
    color: white;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity))
    /*!important*/
    ;
    -webkit-transition: top .5s ease-out;
    transition: top .5s ease-out;
    z-index: 100;
}

    #skiplinkMain1 a {
        color: white;
        text-decoration: none;
    }

    #skiplinkMain1:focus-within {
        position: absolute;
        left: 0px;
        top: 0px;
        -webkit-transition: top .05s ease-in;
        transition: top .05s ease-in;
    }

@media (prefers-reduced-motion: reduce) {
    #skiplinkMain1 a {
        transition-duration: 0.001ms
        /*!important*/
        ;
    }
}

.linkSearchresult {
    text-decoration: none;
    color: #000;
}

.linkSearchresult:hover {
    text-decoration: underline;
    color: #ff0000;
}

.linkSearchresultactive {
    text-decoration: none;
    color: #ff0000;
}

.spinnerSize {
    width: 5rem;
    height: 5rem;
}

.spinnerCenter {
    width: 50vh;
}

.spinnerDiv {
    z-index: 1100;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.spinnerDivDialog {
    position: relative;
    width: auto;
    margin: 2.5vh auto;
    max-height: 50vh;
    height: 300px;
}

.spinnerDivContent {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    _color: var(--bs-modal-color);
    background-color: #FFFFFF;
    background-clip: padding-box;
    border: 1px solid;
    border-radius: 0.5rem;
    outline: 0;
    max-height: 95vh;
    height: 300px;
    width: 300px;
}

.spinnerDivBody {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
    max-height: 90vh;
    height: 300px;
}

/* autoComplete */
.autoComplete_wrapper {
    width: 100%;
}

.autoComplete_wrapper > ul {
  max-height: 350px;
  border-radius: 6px;
  background-color: #fff;
  border: 1px solid rgba(33, 33, 33, 0.3);
}

.autoComplete_wrapper > input {
    color: rgba(0,0,0,1);
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 1);
    width: 100%;
}

.autoComplete_wrapper > ul > li mark {
    background-color: transparent;
    color: var(--bs-danger);
    font-weight: bold;
}

.no_result,
.pElementSmartSearch {
    padding: 10px 20px;
    list-style: none;
    text-align: left;
    font-size: 16px;
    color: #212121;
    transition: all 0.1s ease-in-out;
    border-radius: 3px;
    background-color: rgba(255, 255, 255, 1);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all 0.2s ease;
}

.mark, mark {
    padding: 0px;
}


/* Dropdown Submenu */
.dropdown-menu li {
    position: relative;
}

.dropdown-menu .dropdown-submenu {
    display: none;
    position: absolute;
    left: 100%;
    top: -7px;
}

.dropdown-menu .dropdown-submenu-left {
    right: 100%;
    left: auto;
}

.dropdown-menu > li:hover > .dropdown-submenu {
    display: block;
}


/* Mauro */
.dropdown-search-filter {
    _display: none;
    position: absolute;
    top: 100%; /* Posiziona il menu a tendina sotto l'icona */
    left: 0;
    z-index: 1000;
}

.textbox-container {
    position: relative;
    display: inline-block;
}

.clear-btn {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 18px;
    color: #888;
    user-select: none;
}

    .clear-btn:hover {
        color: #000;
    }


/* LOGIN PAGE */
.gradient-custom-2 {
    /* fallback for old browsers */
    background: #fccb90;
    /* Chrome 10-25, Safari 5.1-6 */
    /*background: -webkit-linear-gradient(to right, #ffcd39, #e63312, #d22e11);*/
    background: -webkit-linear-gradient(to right, #d22e11, #d22e11, #d22e11);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    /*background: linear-gradient(to right, #ffcd39, #e63312, #d22e11);*/
    background: linear-gradient(to right, #d22e11, #d22e11, #d22e11);
}

@media (min-width: 768px) {
    .gradient-form {
        height: 100vh !important;
    }
}

@media (min-width: 769px) {
    .gradient-custom-2 {
        border-top-right-radius: .3rem;
        border-bottom-right-radius: .3rem;
    }
}

.legalInformation {
    font-size: .7rem !important;
}

.otp-form-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.otp-inputbar {
    width: 50px;
    height: 50px;
    border-radius: 15px;
    text-align: center;
    margin-right: 10px;
    font-size: 16px;
    color: #333;
}

#errmsg {
    color: red;
}

.dashboardTab {
    border-right-width: 0px;
}

.dashboardTab:hover {
    background: #ffcc33;
}

.dashboardTabActive {
    background: #ffcc33;
}

.appSilHover:hover {
    color: #f00;
}

.bmSaved {
    color: #f00;
}

.bmSaved:hover {
    color: #000;
}

.bmNotSaved {
    color: #000;
}

.bmNotSaved:hover {
    color: #f00;
}

.adminHeader {
    background-color: rgb(255, 230, 183);
}

.adminRow:hover {
    cursor: pointer;
    background-color: #F4F9ED;
}

.adminRowNoHand:hover {
    background-color: #F4F9ED;
}