:root {
    --height-footer-compact: 96px;
    --height-footer-extended: 260px;
    --widthFieldDesk: 260px;
    --widthFieldMobile: 200px;
}

a:active {
    outline: none;
}

body {
    font-family: 'Roboto', sans-serif;
    margin: 0;
}

#cap_HELP_VARIAZIONE_DATI_AZIENDA div.LBL_HELP {
    background: url(../../images/circle-info-solid.png) no-repeat left top 4px #fff !important;
    border: unset !important;
    padding: 10px 0 10px 30px !important;
    background-size: 24px !important;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, select, textarea, input {
    vertical-align: middle
}

#container {
    background: var(--bg-content-page);
    min-width: unset;
}

@font-face {
    font-family: "Cairo";
    src: url("../../googleFont/Cairo-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Roboto";
    src: url("../../googleFont/Roboto-Regular.ttf") format("truetype");
}


html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, button, select, textarea, input {
    font-family: "Roboto";
}

a {
    color: var(--link);
    font-size: 14px;
}

.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;
}

.Grid_Title {
    width: 100%;
}

.Grid_TitleCell {
    display: block;
    width: 100vw !important;
    padding-bottom: 15px !important;
}
/* Schermo inferiore a 1366px */
@media screen and (max-width: 1366px) {
    .Grid_TitleCell {
        width: 85vw !important;
    }
}
/* Schermo compreso tra 1920px e 1366px */
@media screen and (min-width: 1367px) {
    .Grid_TitleCell {
        width: 90vw !important;
    }
}
/* Schermo maggiore di 1920px */
@media screen and (min-width: 1921px) {
    .Grid_TitleCell {
        width: 95vw !important;
    }
}


h1, h2, h3, h4, h5 {
    padding: 20px;
    margin-bottom: 0;
}

h1, h2, h3 {
    font-family: 'Cairo', sans-serif;
    font-weight: 700;
}

h4, h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    padding: 20px;
}

#DIV_FIRMA {
    padding: 0 16px;
}

    #DIV_FIRMA h1,
    #DIV_FIRMA h2 {
        font-size: 26px;
        padding: 20px 0;
    }

#DIV_FIRMA_H {
    padding: 0 16px;
}

    #DIV_FIRMA_H h1,
    #DIV_FIRMA_H h2 {
        font-size: 26px;
        padding: 20px 0;
    }

.allegato_firma {
    margin: 40px 0;
}


h1 {
    font-size: 42px;
    line-height: 48px;
}

h2 {
    font-size: 34px;
    line-height: 40px;
}

h3 {
    font-size: 24px;
    line-height: 32px;
}

h4 {
    font-size: 20px;
    line-height: 24px;
}

h5 {
    font-size: 16px;
    line-height: 24px;
}

#Div_ViewerGriglia > form {
    padding: 20px;
    margin-top: 0;
}

#Div_ViewerGriglia {
    background: var(--white);
}

button {
    border-radius: 2px;
    padding: 10px 5px;
}

@media (min-width: 1500px) {
    .col-xxl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.toRight {
    margin-left: auto;
}

.html_gerarchici table.Caption tr,
.pageTitle,
#CAPTION_DOCUMENT_ID {
    border-bottom: 2px solid var(--main-color);
    /* min-height: 80px; */
    position: relative;
    background: var(--white);
}

    .html_gerarchici table.Caption tr td,
    .pageTitle h2,
    .pageTitle td,
    .Grid_TitleCell {
        font-size: 20px !important;
        color: var(--page-title) !important;
        letter-spacing: 0;
        font-family: Cairo;
        font-weight: 600 !important;
        text-align: center !important;
        padding: 16px 0;
    }


    .pageTitle p {
        font-size: 12px;
        color: var(--bg-pulsanti-menu-hover);
        letter-spacing: 0;
        line-height: 10px;
        font-family: Roboto;
        font-weight: 400;
        text-align: center;
        padding-bottom: 15px;
    }

.primary-button,
#bottomButtonsContainer ul.Toolbar li a,
.div_pulsanti_finestra input,
.quizFaseII #aggiungi {
    background: var(--primary-button);
    background: var(--primary-button-gradient);
    font-size: 16px;
    color: var(--white);
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 41px;
    text-shadow: 1px 1px 0 rgba(21,41,53,0.24);
    font-family: Roboto;
    font-weight: 500;
    border: 0;
    height: 40px;
    min-width: 143px;
    margin-left: 20px;
    display: block;
}

    .primary-button:hover,
    .div_pulsanti_finestra input:hover,
    #bottomButtonsContainer ul.Toolbar li a:hover {
        background: var(--primary-button-hover);
        background: var(--primary-button-gradient-hover);
        color: var(--white);
        border: 0;
    }

.Toolbar li a {
    color: var(--colore-pulsanti-azione);
    border: 0;
}

    .Toolbar li a:hover {
        background: var(--colore-pulsanti-azione-hover);
        color: var(--color-toolbar-hover);
        border: 0;
    }

.text-grafica:focus {
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25) !important;
}


.secondary-button,
#button_elimina,
#button_svuota,
#reset-button {
    border: 1px solid var(--secondary-button-border);
    font-size: 16px;
    color: var(--secondary-button-color);
    letter-spacing: 0.2px;
    font-family: Roboto;
    font-weight: 500;
    text-align: center;
    background: var(--secondary-button-background);
    background: var(--secondary-button-background-gradient);
    height: 40px;
    min-width: 110px;
}

div.FldDomainValue {
    margin: 0 !important;
}

.secondary-button:hover,
reset-button:hover {
    background: var(--secondary-button-hover);
    background: var(--secondary-button-gradient-hover);
    color: var(--white);
}

.tertiary-button {
    font-size: 16px;
    border: 0;
    color: var(--main-color);
    letter-spacing: 0.2px;
    background: transparent;
    font-family: Roboto;
    font-weight: 500;
    text-align: center;
    height: 40px;
    min-width: 143px;
}

    .tertiary-button:hover {
        background: var(--background-input-color);
        border: 0;
    }

.primary-alert {
    font-size: 16px;
    color: var(--main-text-color);
    letter-spacing: 0;
    text-align: center;
    line-height: 15px;
    font-family: Roboto;
    font-weight: 500;
    height: 40px;
    min-width: 128px;
    background: var(--alert-color);
    border-radius: 2px;
}

    .primary-alert:hover {
        background: #FC4E3D;
        border: 0;
        color: var(--main-text-color);
    }

.line-divider {
    border-bottom: 1px solid #dfe8f1;
    padding: 5px 0;
    width: 95%;
    margin: 0 auto;
}

#menuSXSearch {
    width: 170px !important;
    min-width: 170px !important;
}

.top_header_mid {
    color: var(--main-text-color);
    float: none;
    font-family: Roboto;
    font-weight: 400;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
}

@media (max-width: 1500px) {
    .top_header_mid {
        display: none;
    }
}

.access_div_splash_masterpage {
    background: url(../../images/faseII/bg-def.svg) center center no-repeat;
    min-height: calc(100vh - (var(--height-footer-compact) + var(--height-header) + 74px));
    background-size: 60%;
    justify-content: center;
}


/* MODALE */

.ui-widget.ui-widget-content:not(.ui-datepicker, .wizardFormula, .ui-tooltip) {
    border-radius: 0;
    border: 0;
    /*min-width: 600px !important;
    width: auto!important;*/
    width: 600px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    min-height: 250px;
    left: 50% !important;
    margin-left: -300px;
    top: 50% !important;
    margin-top: -265px;
}

.ui-widget.ui-widget-content:has(div#ELENCO_VALORI) {
    border-radius: 0;
    border: 0;
    min-width: 600px !important;
    width: auto !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    min-height: 250px;
    left: 50% !important;
    margin-left: -21%;
    top: 50% !important;
    margin-top: -380px;
}

.modalDelete .modal-content {
    border-radius: 0;
    border: 0;
    min-width: 600px !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    min-height: 250px;
    left: 50% !important;
    margin-left: -300px;
    top: 50% !important;
}

#finestra_modale_confirm form#FORMDOCUMENT {
    width: 100%
}

.modal-title {
    font-size: 24px;
    color: var(--modal-title);
    letter-spacing: 0;
    line-height: 16px;
    font-family: Cairo;
    font-weight: 600;
    text-align: left;
    padding: 20px 0;
}

.ui-dialog .ui-dialog-titlebar {
    font-size: 24px;
    color: var(--modal-title);
    letter-spacing: 0;
    line-height: 16px;
    font-family: Cairo;
    font-weight: 600;
    text-align: left;
    padding: 0 10px;
    background: none;
    border: 0;
    border-bottom: 2px solid var(--main-color);
    border-radius: 0;
    min-height: 50px;
    padding: 10px;
}

.ui-dialog .ui-dialog-content {
    min-height: 111px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto !important;
}


.MsgBox_Caption td {
    font-size: 18px;
    color: var(--modal-text) !important;
    letter-spacing: 0;
    line-height: 24px;
    font-family: Roboto;
}

.modal-body,
.MsgBox_Message,
#finestra_modale_sessione {
    font-size: 16px;
    color: var(--modal-text);
    letter-spacing: 0;
    line-height: 24px;
    font-family: Roboto;
    font-weight: 400;
    text-align: left;
}

.modal-footer,
.ui-dialog .ui-dialog-buttonpane {
    background: var(--background-input-color);
    border: 0;
    margin-top: 20px;
    padding: 10px 0;
}

.open-modal,
.ui-widget-overlay {
    display: block;
    background: rgba(0,80,117,0.32);
    z-index: 97 !important;
    opacity: unset;
}

.ui-dialog-buttonset {
    display: flex;
    justify-content: center;
    float: unset !important;
}

    .ui-dialog-buttonset button {
        background: var(--primary-button);
        background: var(--primary-button-gradient);
        font-size: 16px !important;
        color: var(--white);
        letter-spacing: 0.2px;
        text-align: center;
        line-height: 0;
        text-shadow: 1px 1px 0 rgba(21,41,53,0.24);
        font-family: Roboto !important;
        font-weight: 500;
        border: 0;
        height: 40px;
        min-width: 143px;
        margin-left: 20px !important;
        display: block;
        border-radius: 2px;
    }

        .ui-dialog-buttonset button:hover,
        .ui-dialog-buttonset button:active,
        .ui-dialog-buttonset button:focus {
            opacity: 0.8;
            color: var(--white);
            border: 0;
            background: var(--primary-button-hover);
            background: var(--primary-button-gradient-hover);
        }

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 10rem auto;
    }
}

.header-alert {
    border-bottom: 2px solid var(--alert-color);
}



.flex {
    display: flex;
    align-items: center;
}

.iconBackgroundGreyRounded {
    background: #f7f7f7;
    padding: 10px;
    border-radius: 50%;
}

.card {
    margin-top: 15px;
    margin-bottom: 15px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

#containerRightArea {
    height: unset;
}


    #containerRightArea h5,
    .card-body h5 {
        font-size: 16px !important;
        color: var(--modal-title) !important;
        font-family: Cairo SemiBold;
        font-weight: 700;
        text-align: left;
        padding: 0;
    }

    .widget-list-body p,
    #containerRightArea p,
    .card-footer p {
        font-size: 14px;
        color: var(--modal-text);
        letter-spacing: 0.25px;
        text-align: left;
        line-height: 20px;
        font-family: Roboto;
        font-weight: 400;
        margin-bottom: 0;
    }

        .widget-list-body p.breadcrumbActivity,
        #containerRightArea p.breadcrumbActivity {
            font-size: 12px;
            color: #acb3b8;
            letter-spacing: 0.25px;
            text-align: left;
            line-height: 20px;
            font-family: Roboto;
            font-weight: 400;
        }

.timeActivity {
    text-align: right;
}

#loader {
    padding: 10px;
    z-index: 9999;
    width: 100%;
    height: 100vw;
    margin-top: 20px;
}

    #loader i {
        color: var(--main-color);
    }

#AF_CHAT_ROOM::-webkit-scrollbar-track,
#AF_CHAT_ROOMS::-webkit-scrollbar-track,
.card-vapor .body::-webkit-scrollbar-track,
.widget-list-body::-webkit-scrollbar-track,
.dynatree-container::-webkit-scrollbar-track,
.Folder::-webkit-scrollbar-track,
#sidebar-wrapper::-webkit-scrollbar-track,
.submenuvapor::-webkit-scrollbar-track,
#rightArea::-webkit-scrollbar-track,
#page-content-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #cacaca;
    background: #cacaca;
}

#AF_CHAT_ROOM::-webkit-scrollbar,
#AF_CHAT_ROOMS::-webkit-scrollbar,
.card-vapor .body::-webkit-scrollbar,
.widget-list-body::-webkit-scrollbar,
.dynatree-container::-webkit-scrollbar,
.Folder::-webkit-scrollbar,
#sidebar-wrapper::-webkit-scrollbar,
.submenuvapor::-webkit-scrollbar,
#rightArea::-webkit-scrollbar,
#page-content-wrapper::-webkit-scrollbar {
    width: 16px;
    height: 6px;
    background-color: #cacaca;
    background: #cacaca;
}


#AF_CHAT_ROOM::-webkit-scrollbar-thumb,
#AF_CHAT_ROOMS::-webkit-scrollbar-thumb,
.card-vapor .body::-webkit-scrollbar-thumb,
.widget-list-body::-webkit-scrollbar-thumb,
.dynatree-container::-webkit-scrollbar-thumb,
.Folder::-webkit-scrollbar-thumb,
#sidebar-wrapper::-webkit-scrollbar-thumb,
.submenuvapor::-webkit-scrollbar-thumb,
#rightArea::-webkit-scrollbar-thumb,
#page-content-wrapper::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background: var(--color-scrollbar);
    background: var(--color-scrollbar-gradient);
    cursor: grab !important;
}

    #AF_CHAT_ROOM::-webkit-scrollbar-thumb:active,
    #AF_CHAT_ROOMS::-webkit-scrollbar-thumb:active,
    .card-vapor .body::-webkit-scrollbar-thumb:active,
    .widget-list-body::-webkit-scrollbar-thumb:active,
    .dynatree-container::-webkit-scrollbar-thumb:active,
    .Folder::-webkit-scrollbar-thumb:active,
    #sidebar-wrapper::-webkit-scrollbar-thumb:active,
    .submenuvapor::-webkit-scrollbar-thumb:active,
    #rightArea::-webkit-scrollbar-thumb:active,
    #page-content-wrapper::-webkit-scrollbar-thumb:active {
        cursor: grabbing !important;
    }

.d-none {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}

#menu-toggle-2:hover {
    border: 1px solid var(--white);
}

.main-color {
    color: var(--main-color);
}

.main-color-border-right {
    border-right-color: var(--main-color) !important;
}

.search-bar {
    flex: 0 !important;
}


.navbar-collapse {
    flex-basis: auto;
    padding-top: 6px;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.5rem 1rem;
}

.navbar-default {
    background: var( --main-header-menu-color);
    color: var(--main-text-color);
    border-radius: 0;
    flex-wrap: nowrap;
    border-top: var(--border-top-header);
    border-image-source: var(--border-image-background);
    border-left: 0;
    border-right: 0;
    border-bottom: var(--border-bottom-header);
    height: var(--height-header);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
    display: block;
    padding-top: 9px;
    border-image-slice: 1;
    z-index: 99;
}

    .navbar-default .navbar-toggle {
        font-size: 24px;
        color: var(--white);
        letter-spacing: 0;
        text-align: center;
        line-height: 15px;
        font-weight: 400;
        border: 0;
        cursor: pointer;
        width: 30px;
        background: transparent;
        padding: inherit;
    }

        .navbar-default .navbar-toggle:focus,
        .navbar-default .navbar-toggle:hover {
            background: transparent;
            border: 0;
            outline: none;
        }



.nav-pills > li > a {
    border-radius: 0;
}


#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
}

    #wrapper.toggled {
        padding-left: 192px;
        overflow: hidden;
    }

#sidebar-wrapper {
    z-index: 1000;
    position: absolute;
    left: 192px;
    width: 0;
    height: calc(100vh - var(--height-header) );
    margin-left: -192px;
    overflow-y: auto;
    overflow-x: hidden;
    background: var(--main-menu-color);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}

#page-content-wrapper {
    position: absolute;
    padding: 15px;
    width: 100%;
    overflow-x: hidden;
}

.min-width {
    min-width: 360px;
}

#wrapper.toggled #page-content-wrapper {
    position: relative;
    margin-right: 0px;
}

.fixed-brand {
    width: auto;
}
/* Sidebar Styles */


.sidebar-nav {
    position: absolute;
    top: 0;
    width: 192px;
    margin: 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #5a6872;
    padding-right: 7px;
}


.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background: var(--bg-pulsanti-menu);
    background: var(--bg-pulsanti-menu-gradient);
    color: var(--textMenuSx-color-hover);
}

    .nav-pills > li.active > a i,
    .nav-pills > li.active > a i:focus,
    .nav-pills > li.active > a i:hover {
        color: var(--iconMenuSx-color-hover);
    }

.sidebar-nav li {
}

.fa-stack {
    width: 3em !important;
}

.fa-stack-1x, .fa-stack-2x {
    left: -3px !important;
}

.textMenu {
    width: 88%;
    display: block;
    padding: 0 0 0px 65px;
}

.sidebar-nav li a {
    display: flex;
    font-size: 14px;
    color: var(--textMenuSx-color);
    font-family: Roboto;
    text-align: left;
    text-decoration: none;
    font-weight: 400;
    position: relative;
    line-height: 1.5em;
    padding: 10px 0;
    height: var(--height-header);
    align-items: center;
}

    .sidebar-nav li a:active {
        text-decoration: none;
        color: var(--textMenuSx-color-hover);
        background: var(--bg-pulsanti-menu-hover);
        background: var(--bg-pulsanti-menu-gradient);
    }

    .sidebar-nav li a:hover {
        text-decoration: none;
        color: var(--textMenuSx-color-hover);
        background: var(--bg-pulsanti-menu-gradient);
    }

    .sidebar-nav li a:active i {
        color: var(--textMenuSx-color-hover);
    }

    .sidebar-nav li a:hover i {
        color: var(--textMenuSx-color-hover);
    }

.arrow-right i {
    font-size: 16px !important;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -10px;
}

.header-right {
    align-items: center;
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
}

.header-dots {
    margin-left: auto;
    display: flex;
    align-items: center;
    /*padding-top:4px;*/
}

    .header-dots span i {
        color: var(--color_button_header);
        font-size: 20px;
    }

    .header-dots button {
        width: 40px;
        height: 40px;
    }



.fa-stack {
    position: absolute !important;
    display: block !important;
    left: 5px;
    top: 50%;
    margin-top: -18px;
}

.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}

.sidebar-nav li a i {
    font-size: 24px;
    font-weight: 400;
    color: var(--iconMenuSx-color);
    letter-spacing: 0;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(21,41,53,0.24);
    font-weight: 400;
}

.wrapper-submenu {
    width: 392px !important;
}

ul.submenuvapor {
    list-style-type: none;
    display: block;
    position: fixed;
    background: var(--backgrund-submenu);
    color: #000;
    left: 192px;
    top: var(--height-header);
    height: calc(100vh - var(--height-header));
    width: 200px;
    overflow-y: scroll;
    display: none;
}

    ul.submenuvapor li a {
        font-size: 13px;
        color: var(--modal-text);
        letter-spacing: 0.44px;
        text-align: left;
        font-family: Roboto;
        font-weight: 400;
        padding: 20px 8px;
    }

.submenuvapor li a:hover,
.activeSub {
    background: var(--backgrund-submenu-li);
    color: var(--text-color-submenu-li);
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}

    .sidebar-nav > .sidebar-brand a {
        color: #999999;
    }

        .sidebar-nav > .sidebar-brand a:hover {
            color: var(--white);
            background: none;
        }

.no-margin {
    margin: 0;
}


@media (min-width: 1025px) { /*1024 + 1*/
    #wrapper {
        padding-left: 192px;
    }

    .fixed-brand {
        padding: 0 20px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 192px;
        box-shadow: rgb(0 0 0 / 10%) 11px 0px 14px 3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 192px;
    }

    #wrapper.toggled-2 #sidebar-wrapper {
        width: 64px;
    }

        #wrapper.toggled-2 #sidebar-wrapper:hover {
            width: 192px;
        }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
        height: calc(100vh - var(--height-header) );
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 192px;
    }

    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        margin-left: -128px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
    }

    @media (min-width: 1025px) {
        .header-right {
            display: flex !important;
            align-items: flex-start;
        }
    }
}

.input-group input {
    background: var(--background-input-color);
    border: 1px solid var(--main-header-menu-color);
    width: 260px !important;
    min-height: 40px;
    border-radius: 0;
}

.input-group-btn {
    width: 40px;
    min-height: 40px;
    background: var(--bg-pulsanti-input-group);
    background: var(--bg-pulsanti-input-group-menu-gradient);
    margin-left: -2px;
    z-index: 10;
    border-radius: 0;
}

.navbar .input-group-btn {
    height: 40px;
}

.input-group-btn i {
    font-size: 16px;
    color: var(--white);
    letter-spacing: 0;
    text-shadow: 1px 1px 0 rgba(21,41,53,0.24);
    font-weight: 400;
    text-align: left;
}


.companyButton {
    min-width: 170px;
    color: var(--main-text-color);
}

#userLogout i {
    color: var(--main-color);
}

.companyButton:hover {
    color: var(--color_button_header_hover);
}


.buildingIcon {
    color: var(--main-header-menu-color) !important;
    background: var(--bg-pulsanti-header);
    border-radius: 4px;
    padding: 8px;
    margin-right: 5px;
}

#rightArea {
    background: var(--backgrund-submenu);
    height: calc(100vh - var(--height-header));
    position: absolute;
    right: 0;
    top: var(--height-header);
    box-shadow: rgb(0 0 0 / 10%) -7px 0px 14px 3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
    z-index: 99;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 0;
    visibility: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    opacity: 0;
}

    #rightArea:not(.areaOpen) div {
        display: none;
    }

    #rightArea.no-transition {
        transition: none !important;
    }

    #rightArea.areaOpen {
        max-width: 100vw;
        min-width: 300px;
    }

.areaOpen {
    width: 53% !important;
    visibility: visible !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 1 !important;
}

/* Se lo schermo è più piccolo di 1200px, aumenta la larghezza */
@media (max-width: 1650px) {
    .areaOpen {
        width: 64% !important;
    }
}


@media (max-width: 1300px) {
    .areaOpen {
        width: 70% !important;
    }
}

/* Se lo schermo è più piccolo di 992px, aumenta ancora */
@media (max-width: 992px) {
    .areaOpen {
        width: 70% !important;
    }
}

/* Se lo schermo è più piccolo di 768px, quasi a schermo intero */
@media (max-width: 768px) {
    .areaOpen {
        width: 90% !important;
    }
}

/* Se lo schermo è più piccolo di 480px, full width */
@media (max-width: 480px) {
    .areaOpen {
        width: 100% !important;
    }
}

.areaOpen h4 {
    color: var(--main-color);
    padding: 20px;
}

.buttonAreaUtente {
    background: var(--bg-pulsanti-header);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .buttonAreaUtente:hover,
    .buttonAreaUtente:active,
    .buttonAreaUtente:focus {
        background: var(--bg-pulsanti-header-gradient);
        background: var(--bg-pulsanti-header-gradient-hover);
    }

        .buttonAreaUtente:hover span i,
        .buttonAreaUtente:active span i,
        .buttonAreaUtente:focus span i {
            color: var(--color-pulsanti-header-hover) !important;
        }


.buttonHeaderRight {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .buttonHeaderRight:hover,
    .buttonHeaderRight:active,
    .buttonHeaderRight:focus {
        color: var(--color-pulsanti-header-hover) !important;
        background: var(--bg-pulsanti-header-hover);
        background: var(--bg-pulsanti-header-gradient-hover);
    }

        .buttonHeaderRight:hover span i,
        .buttonHeaderRight:active span i,
        .buttonHeaderRight:focus span i {
            color: var(--color-pulsanti-header-hover) !important;
        }

#buttonWorkspace:hover span i.buildingIcon,
#buttonWorkspace:active span i.buildingIcon,
#buttonWorkspace:focus span i.buildingIcon {
    color: var(--color-pulsanti-header-hover) !important;
    background: var(--bg-pulsanti-header-hover);
    background: var(--bg-pulsanti-header-gradient-hover);
}

.closeWindows {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 15px;
    top: 60%;
    margin-top: -25px;
    color: var(--main-color);
    background: var(--white);
}

#rightArea h5 {
    color: var(--color-h5-header-menu);
}

.divider {
    border-bottom: 1px solid #dfe8f1;
}

.search-recent {
    padding: 15px;
    display: -webkit-box;
}

.chip {
    background: #B9E6F6;
    border: 1px solid var(--main-color);
    border-radius: 16px;
    font-size: 14px;
    color: var(--modal-title);
    letter-spacing: 0;
    text-align: center;
    font-family: Roboto;
    font-weight: 400;
    padding: 5px;
}

#bottomButtons {
    width: 100%;
    position: absolute;
    bottom: 0;
}

#DIV_Help_Bando_ATTACH_EMPTY,
#DIV_Help_Offerte_ATTACH_EMPTY,
#DIV_Help_Offerte_Indicativa_ATTACH_EMPTY {
    background: unset !important;
    border: unset !important;
}

.containerToolbarButton {
    width: 48% !important;
}

#bottomButtonsContainer,
.containerToolbarButton {
    height: 112px;
    background: var(--white);
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    text-align: right;
}

.areaOpenButton {
    width: 35.3%;
}

.favoriteIcon {
    text-align: center;
}

    .favoriteIcon i {
        color: var(--main-color);
        font-size: 20px;
    }

#deleteActivity,
#deleteBookmarks {
    text-align: right;
    padding: 0 20px 10px;
}

/* DOCUMENT IFRAME */

.iframeRightAreaContain {
    background: url(../../images/FaseII/vaporLoader.gif) center center no-repeat;
    background-size: 5%;
    width: 100%;
    height: calc(100vh - 60px - 4px - var(--height-header));
}

.iframeRightArea {
    width: 100%;
    height: 70%;
    background: #fff;
    /*margin-top: 45px;*/
}

    .iframeRightArea.iframeHeight70 {
        height: 70%;
    }

#TOOLBAR_HOMELIGHT_CambioPassword {
    margin-left: auto;
}

#FORMDOCUMENT {
    background: var(--white);
}

#DRAWER_USER_DOC_TESTATA.VerticalModel_Tab,
#DRAWER_USER_DOC_UTENTI,
#DRAWER_SCHEDA_ANAGRAFICA_ENTE {
    width: 100%;
    margin: 0 auto;
    border: 20px solid var(--white);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    background: var(--white);
}

#DRAWER_USER_DOC_TESTATA hr {
    display: none;
}


.FldExtDom_button.DateFaseII {
    background-color: var(--primary-button-gradient) !important;
    background: var(--primary-button-gradient) !important;
    margin: 0;
}

.FldExtDom_button.DomGerFaseII {
    background-color: var(--bg-pulsanti-input-group) !important;
    background: var(--bg-pulsanti-input-group-menu-gradient) !important;
    margin: 0;
}

    .FldExtDom_button.DomGerFaseII:hover {
        background-color: var(--bg-pulsanti-input-group-menu-hover) !important;
        background: var(--bg-pulsanti-input-group-menu-gradient-hover) !important;
    }

.main_istanza input, .main_istanza select {
    background-color: var(--white);
    margin-top: 0;
    margin-right: 0;
}

.main_istanza table td input {
    margin-left: 0;
}

.main_istanza input#DataRapLeg_button, .main_istanza input#DataRapLeg_V, .main_istanza input#DelProcura_button, .main_istanza input#DelProcura_V { /*display:inline;*/
    margin-top: 0;
    cursor: pointer;
}

.GridPrintProducts td.TD_ATTACH_ALL {
    width: unset;
    border: none !important
}

table.Folder {
    background-color: white;
    border: 0;
    border-bottom: 1px solid var(--main-color);
    display: block;
    width: 100%;
}

    table.Folder td {
        background-color: var(--white);
        border: 0;
    }

        table.Folder td button {
            font-size: 14px;
            letter-spacing: 0.23px;
            text-align: center;
            line-height: 24px;
            font-family: Cairo;
            font-weight: 600;
            padding: 0 10px;
            min-height: 48px;
            outline: none;
            color: var(--tab-main-color);
        }

        table.Folder td.Folder_Label {
            background-color: #F2F5F8;
            border-bottom: 4px solid var(--tab-main-color);
            color: var(--tab-main-color);
        }

        table.Folder td.Folder_LabelSelected {
            background-color: var(--tab-main-color);
            background: var(--tab-main-color);
            background: var(--tab-main-color-gradient);
            color: var(--white);
            border-bottom: 4px solid var(--tab-main-color);
            padding-bottom: 0;
        }

            table.Folder td.Folder_LabelSelected button {
                background-color: var(--tab-main-color);
                background: var(--tab-main-color);
                background: var(--tab-main-color-gradient);
                color: var(--white);
                padding-bottom: 0;
            }

        table.Folder td.Folder_Label:hover {
            background-color: var(--tab-main-color-hover);
            background: var(--tab-main-color-hover);
            background: var(--tab-main-color-gradient-hover);
            color: var(--white);
            border-bottom: 4px solid var(--tab-main-color);
            padding-bottom: 0;
        }

        table.Folder td.Folder_Label button {
            color: #5A6872;
        }

        table.Folder td.Folder_Label:hover button {
            color: var(--white);
            outline: none
        }

.FldCaption {
    font-size: 1.3em !important;
    color: var(--modal-text);
    line-height: 16px;
    font-family: Roboto;
    font-weight: 400;
    text-align: left;
    white-space: break-spaces;
    min-width: fit-content;
}

td.VerticalModel_ObbligCaption .FldCaption {
    font-weight: 600;
}

/*input text*/
input[type="text"].Text,
input[type="text"].Field_Url,
input[type="text"].Fld_Number {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    /*    margin-bottom: 8px;*/
}

.contentinput input[type="text"].Text,
.contentinput input[type="text"].Field_Url,
.contentinput input[type="text"].Fld_Number {
    padding: 0 16px;
}
/*@media only screen and (max-width: 1200px) {
    input[type="text"].Text,
    input[type="text"].Fld_Number 
    {
        width: var(--widthFieldMobile);
    }
}*/
input[type="text"].Text:hover,
input[type="text"].Fld_Number:hover {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--main-color);
}

.contentinput input[type="text"].Text:hover,
.contentinput input[type="text"].Field_Url:hover,
.contentinput input[type="text"].Fld_Number:hover {
    padding: 0 16px;
}

input[type="text"].Text:focus-visible,
input[type="text"].Fld_Number:focus-visible {
    outline: 1px solid var(--main-color);
}

/*textarea*/

textarea {
    font-size: 14px;
}

#DIV_RDOCUMENTAZIONEGrid_0_Allegato_ATTACH_EMPTY {
    background: none !important;
    border: none !important
}


#AF_CHAT_MESSAGE,
textarea.TextArea {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    margin-bottom: 8px;
    margin-top: 0px;
    display: block;
}


    #AF_CHAT_MESSAGE:hover,
    textarea.TextArea:hover {
        background-color: var(--background-input-color);
        background: var(--background-input-color);
        min-height: 40px;
        padding: 9px 16px;
        border: 1px solid var(--main-color);
    }

    #AF_CHAT_MESSAGE:focus-visible,
    textarea.TextArea:focus-visible {
        outline: 1px solid var(--main-color);
    }

    #AF_CHAT_MESSAGE:disabled,
    textarea.TextArea:disabled {
        background: var(--background-input-color) !important;
        border: 1px solid var(--modal-title) !important;
        min-height: 40px;
        min-width: 260px;
        padding: 10px 0 0 10px;
    }

.full-width-textarea .VerticalModel_Value {
    width: 100%;
}

div.div_fld_template div.FldDomainValue {
    border: 0 !important;
    background: unset !important;
}

.full-width-textarea .VerticalModel_Value > textarea.TextArea {
    width: 100% !important;
    transform-origin: left;
    font-size: 14px;
    color: #515157;
    line-height: 1.5;
}

.VerticalModel_Value .VerticalModel_ReadOnlyField .Fld_Domain_label,
.VerticalModel_Value .VerticalModel_ReadOnlyField .Fld_Domain_label2 {
    min-width: unset !important;
    display: inline-block !important;
    padding: 12px 16px !important;
}

.VerticalModel_ReadOnlyField td div div,
.VerticalModel_ReadOnlyField td div div div,
.VerticalModel_Value table.VerticalModel_ReadOnlyField td div table div {
    background: unset !important;
    border: unset !important;
    min-height: unset;
    min-width: unset;
    width: unset;
    padding: unset;
}


.VerticalModel_Value table.VerticalModel_ReadOnlyField div table td span,
.VerticalModel_Value td div div,
.VerticalModel_Value td div div div {
    background: unset !important;
    border: unset !important;
    min-height: unset;
    min-width: unset;
    width: unset;
    padding: unset;
}

.contentinput .inputdiv .div_fld_template,
.VerticalModel_ReadOnlyField div span.Text,
.VerticalModel_ReadOnlyField div,
.VerticalModel_Value table.VerticalModel_ReadOnlyField td span,
.VerticalModel_Value td span,
.VerticalModel_Value td div {
    font-size: 14px !important;
    color: #333;
    letter-spacing: 0.25px;
    text-align: left;
    line-height: unset;
    font-family: Roboto;
    font-weight: 400;
    word-break: break-word;
    display: block;
    white-space: break-spaces;
}

    .VerticalModel_Value table.VerticalModel_ReadOnlyField td div > span,
    .VerticalModel_Value td div > span {
        display: inline;
    }

input {
    font-size: 14px;
    color: var(--input-color);
    letter-spacing: 0.25px;
    text-align: left;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 400;
    word-break: break-word;
    white-space: break-spaces;
}

.Fld_Hierarchy_label_width {
    white-space: normal;
}

table.VerticalModel_ReadOnlyField {
    border: 0 !important;
    background: none !important;
    margin: 0 !important;
}


#Cell_aziProfilo,
#Cell_RuoloUtente,
#Cell_pfuprofili,
#Cell_SettoriCCNL,
#Cell_Azienda,
#Cell_SIGN_ATTACH,
#Cell_AllegatoPerOCP,
.Cell_AllegatoPerOCP,
#Cell_Allegato {
    border: 0 !important;
    background: none !important;
    margin: 0 !important;
}


#DRAWER_USER_DOC_TESTATA.VerticalModel_Tab {
    border-spacing: 5px;
    border-collapse: separate;
}

#CAPTION_DOCUMENT_ID {
    display: none
}


.VerticalModel_StaticCaption {
    padding: 0px 0 !important;
    background: transparent !important;
    width: auto;
}


hr {
    color: rgba(0, 0, 0, 0.5);
}

#commissione_gara_t_model tbody,
#commissione_giudicatrice_t_model tbody,
#commissione_economica_t_model tbody {
    padding-bottom: 0 !important;
}

#commissione_gara_t_model,
#commissione_giudicatrice_t_model,
#commissione_economica_t_model {
    width: 100%;
    margin-bottom: 0
}

    #commissione_gara_t_model td,
    #commissione_giudicatrice_t_model td,
    #commissione_economica_t_model td {
        text-align-last: center;
        min-width: 100%;
        padding-bottom: 0 !important;
    }

    #commissione_gara_t_model label,
    #commissione_giudicatrice_t_model label,
    #commissione_economica_t_model label {
        font-size: 20px !important;
        color: var(--page-title) !important;
        letter-spacing: 0;
        font-family: Cairo;
        font-weight: 600;
        line-height: 2;
        text-transform: uppercase;
        text-align: center !important;
        padding: 10px 20px 0;
    }

    #commissione_gara_t_model td hr,
    #commissione_giudicatrice_t_model td hr,
    #commissione_economica_t_model td hr {
        display: none;
    }

#ATTI,
#ATTIG,
#ATTIC {
    margin-top: 0;
}

#DIV_FIRMA_ECO h1,
#DIV_FIRMA h1,
#DIV_FIRMA_TEC h1,
#DIV_FIRMA_ECO h2,
#DIV_FIRMA h2,
#DIV_FIRMA_H h2,
#DIV_FIRMA_TEC h2 {
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    padding: 0 10px;
    width: 100%;
    color: var(--modal-title);
    line-height: 39px;
    font-family: Cairo;
    text-transform: uppercase;
    position: relative;
}

.VerticalModel_StaticCaption label,
.VerticalModel_StaticCaption span {
	color: var(--white);
	font-size: 20px;
	font-weight: 500;
	width: 100%;
	color: var(--modal-title);
	line-height: 39px;
	font-family: Cairo;
	text-transform: uppercase;
	position: relative;
}

#DIV_FIRMA_ECO h1::after,
#DIV_FIRMA h1::after,
#DIV_FIRMA_TEC h1::after,
#DIV_FIRMA_ECO h2::after,
#DIV_FIRMA h2::after,
#DIV_FIRMA_H h2::after,
#DIV_FIRMA_TEC h2::after {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
    position: absolute;
    width: -webkit-fill-available;
    height: 5px;
    display: -webkit-inline-box;
    color: #000;
    left: 260px;
    z-index: 9999;
    content: '';
}

#DIV_FIRMA_ECO .editistanza,
#DIV_FIRMA_ECO .attachpdf,
#DIV_FIRMA_TEC .editistanza,
#DIV_FIRMA_TEC .attachpdf,
#DIV_FIRMA_AMPIEZZA_GAMMA .editistanza,
#DIV_FIRMA_AMPIEZZA_GAMMA .attachpdf {
    padding: 0 10px;
}

#DIV_FIRMA_ECO ul,
#DIV_FIRMA_TEC ul {
    display: flex;
    margin: 0px 0 20px 9px;
}


#DIV_FIRMA_TEC .generapdf,
#DIV_FIRMA_TEC .generapdfdisabled {
    min-width: 150px;
    width: auto;
    /*margin: 0 0 20px 0 !important;*/
}

#DIV_FIRMA_AMPIEZZA_GAMMA .generapdf,
#DIV_FIRMA_AMPIEZZA_GAMMA .generapdfdisabled {
    min-width: 150px;
    width: auto;
}

#DIV_FIRMA_ECO .generapdf,
#DIV_FIRMA_ECO .generapdfdisabled {
    min-width: 150px;
    width: auto;
}


#Cell_F1_SIGN_ATTACH .div_fld_template {
    width: 100%;
}

.VerticalModel_Value input {
    background: var(--background-input-color);
    border: 1px solid var(--border-input-standard) !important;
    min-height: 40px;
    min-width: 260px;
    padding: 9px 16px;
}

    .VerticalModel_Value input.evidenzia_campo_obbligatorio {
        background-color: var(--background-input-color) !important;
        border-color: var(--border-color-alert) !important;
    }

    .VerticalModel_Value input[type=radio] {
        min-height: unset;
        min-width: unset;
    }

.DomCheck_Opt {
    margin-left: 0 !important;
}

.help_fld_obblig {
    margin-left: 45px;
    background: url(../../images/question-solid.png) top left no-repeat;
    background-size: contain;
    padding-left: 45px;
}

table.FldDomainValue_OptionTAB tbody {
    display: flex;
}

    table.FldDomainValue_OptionTAB tbody tr {
        min-width: 50px;
    }

table.mod_quest_amm_OptionTAB tbody {
    display: grid;
    grid-template-columns: minmax(0, 150px) minmax(0, 150px) minmax(0, 1fr);
    gap: 5px 10px; /* Spazi tra righe e colonne */
    width: 100%;
}

    table.mod_quest_amm_OptionTAB tbody tr {
        min-width: 50px;
    }

.VerticalModel_Value input:hover,
.VerticalModel_Value input:active,
.VerticalModel_Value input:focus-visible {
    border: 1px solid var(--main-color) !important;
}

select.FldDomainValue {
    background-color: var(--background-input-color) !important;
    height: 40px !important;
    padding: 0px 35px 0px 16px !important;
    border: 1px solid var(--border-input-standard);
    width: var(--widthFieldDesk) !important;
    /*margin-bottom: 8px !important;*/
    /*custom arrow for padding*/
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC) !important;
    background-position: 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    font-family: 'Roboto', sans-serif !important;
    text-overflow: ellipsis;
}
    /*
@media only screen and (max-width: 1200px) {
    select.FldDomainValue {
        width: var(--widthFieldMobile);
    }
}*/

    select.FldDomainValue:hover {
        border: 1px solid var(--main-color);
        cursor: pointer;
    }

    select.FldDomainValue:focus-visible {
        outline: 1px solid var(--main-color);
    }

table.VerticalModel_Tab > tbody,
table.FiltroPortale_Tab > tbody {
    padding: 15px;
    display: block;
}

/*@media only screen and (max-width: 1200px) {
    .VerticalModel_Tab .VerticalModel_Value select.FldDomainValue {
        width: var(--widthFieldMobile);
    }
}*/

.VerticalModel_Tab .VerticalModel_Value select.FldDomainValue:hover,
.FiltroPortale_Tab .VerticalModel_Value select.FldDomainValue:hover {
    border: 1px solid var(--main-color);
    cursor: pointer;
}

.VerticalModel_Tab .VerticalModel_Value select.FldDomainValue:focus-visible,
.FiltroPortale_Tab .VerticalModel_Value select.FldDomainValue:focus-visible {
    outline: 1px solid var(--main-color);
}

.VerticalModel_ReadOnlyField td div:not( :has(select.FldDomainValue), .DIV_ATTACH_SINGLE, .DIV_ATTACH_EMPTY_NOT_EDITABLE, .DOM_Desc_MultiValue_AFTER, .FldDomainValue, td[name="Cell_Allegato "] .div_fld_template, td[name="Cell_Province_Dove_Opera "] .div_fld_template, td[name="Cell_Attach "] .div_fld_template, td[name="Cell_SettoriCCNL "] .div_fld_template, td[name="Cell_Categorie_Merceologiche "] .div_fld_template),
.VerticalModel_Value table.VerticalModel_ReadOnlyField td > span,
.VerticalModel_Value table.VerticalModel_ReadOnlyField td span.Text,
.VerticalModel_Value table.VerticalModel_ReadOnlyField td div:not(:has(select.FldDomainValue), .DIV_ATTACH_SINGLE, .DIV_ATTACH_EMPTY_NOT_EDITABLE),
*[readonly],
.readonly,
input.readonly {
    background: var(--input-readonly-bg);
    border: 1px solid var(--input-readonly-border-color);
    min-height: 40px;
    min-width: 260px;
    width: 260px;
    margin: 0;
    white-space: break-spaces;
    line-height: unset;
    padding: 12px 0;
    color: #333333 !important;
}

    *[readonly]:hover,
    .readonly:hover,
    input.readonly:hover,
    *[readonly]:active,
    .readonly:active,
    input.readonly:active,
    .VerticalModel_Value input.readonly:hover {
        background: var(--input-readonly-bg) !important;
        border: 1px solid var(--input-readonly-border-color) !important;
        outline: 1px solid var(--input-readonly-border-color) !important;
    }


.FldDomainValue {
    font-size: 14px;
    color: #152935;
    line-height: 18px;
    font-family: Roboto;
    font-weight: 400;
    text-align: left;
}

.top100 {
    top: 100px !important;
}

/* MEDIA QUERY PER RESPONSIVE */

@media screen and (min-width: 1600px) {

    .access_div_splash_masterpage,
    .widget-container {
        min-height: calc(100vh - (var(--height-footer-compact) + var(--height-header) + 74px));
    }
}

@media screen and (max-width: 1024px) {

    #wrapper {
        /*padding-left: 192px;*/
    }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
        height: calc(100vh - var(--height-header) );
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        /*margin-left: -128px;*/
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
    }

    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        /*margin-left: -128px;*/
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
    }

    #footerCompact {
        width: 100vw !important;
    }

    #buttonHeaderRightMobile {
        display: block !important;
        color: var(--white);
    }

        #buttonHeaderRightMobile i {
            font-size: 38px;
        }

    .header-right {
        max-width: 100%;
        border-radius: 65px;
        position: absolute;
        top: -110px;
        left: 50%;
        margin-left: -220px;
        background: var(--main-header-menu-color);
        /* height: 6rem; */
        z-index: 999;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
        width: auto;
    }

        .header-right .header-dots span i {
            font-size: 1.5em;
            color: var(--main-text-color);
        }

        .header-right .dropdown {
            /*margin-left: 50px;*/
            /*padding-top: 15px;*/
        }

        .header-right .companyButton {
            margin-top: -8px;
            margin-left: 50px;
        }

        .header-right .buttonAreaUtente {
            width: 60px;
            height: 60px;
            /*margin-top: 6px;*/
            /*margin-left: 50px;*/
            margin: 2px 0px;
        }

    .fixed-brand {
        padding: 0 10px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 75%;
        box-shadow: rgb(0 0 0 / 10%) 11px 0px 14px 3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
    }

    .sidebar-nav {
        width: 100%
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 80%;
    }

    #wrapper.toggled-2 #sidebar-wrapper {
        width: 0px;
    }

        #wrapper.toggled-2 #sidebar-wrapper:hover {
            width: 80%;
        }

    #page-content-wrapper {
        padding: 20px;
        position: relative;
        height: calc(100vh - var(--height-header) );
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        padding-left: 70%;
    }

    #wrapper.toggled-2 #page-content-wrapper {
        position: relative;
        margin-right: 0;
        /*margin-left: -128px;*/
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
        width: auto;
    }

    .sidebar-nav li a {
        display: block;
        font-size: 33px;
        padding: 26px 0;
        height: 100px;
    }

    .fa-stack {
        width: 0 !important;
        height: 0;
        line-height: 1em !important;
        left: 18px;
    }

    .arrow-right i {
        right: 20px;
        top: 50%;
        margin-top: -6px;
    }

    .wrapper-submenu {
        width: 100% !important;
    }


    ul.submenuvapor {
        position: relative;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
        overflow-y: auto;
        height: auto;
    }

        ul.submenuvapor li a {
            font-size: 30px;
            padding: 40px 20px;
            height: 0;
            line-height: 0;
        }

    .areaOpen {
        width: 90% !important;
    }

    #rightArea {
        height: 100vh;
    }

    #containerRightArea p {
        font-size: 30px;
        line-height: 44px;
    }

    #containerRightArea i {
        font-size: 40px;
    }

    #rightArea .pageTitle h2 {
        font-size: 45px !important;
    }

    #rightArea .pageTitle p {
        font-size: 35px !important;
    }

    #rightArea .closeWindows {
        font-size: 20px;
        right: 35px;
        top: 41%;
    }


    #rightArea .input-group input {
        height: 84px;
        font-size: 33px;
    }

    #rightArea .input-group-append {
        display: none;
    }

    #rightArea .tertiary-button {
        font-size: 33px;
        height: 100px;
    }
}


/* ICONE MENU GRUPPI */
#GESTIONE_Utente i::before {
    content: var(--GESTIONE_Utente);
}

#GROUP_Gestione_Enti_Aderenti i::before {
    content: var(--GROUP_Gestione_Enti_Aderenti);
}

#GROUP_Gestione_Fornitori i::before {
    content: var(--GROUP_Gestione_Fornitori);
}

#GROUP_Validazione_Anagrafiche i::before {
    content: var(--GROUP_Validazione_Anagrafiche);
}

#GROUP_Monitoraggio_Sistema i::before {
    content: var(--GROUP_Monitoraggio_Sistema);
}

#GROUP_Pannello_Sicurezza i::before {
    content: var(--GROUP_Pannello_Sicurezza);
}

#GROUP_Configurazione_di_Sistema i::before {
    content: var(--GROUP_Configurazione_di_Sistema);
}

#GROUP_Configurazione_Valori i::before {
    content: var(--GROUP_Configurazione_Valori);
}

#GROUP_Configurazione_DGUE i::before {
    content: var(--GROUP_Configurazione_DGUE);
}

#GROUP_Gestione_codifiche_classificazioni i::before {
    content: var(--GROUP_Gestione_codifiche_classificazioni);
}

#GROUP_Albo_Telematico i::before {
    content: var(--GROUP_Albo_Telematico);
}

#GROUP_Cataloghi_ME i::before {
    content: var(--GROUP_Cataloghi_ME);
}

#GROUP_Albo_Fornitori i::before {
    content: var(--GROUP_Albo_Fornitori);
}

#GROUP_RDA i::before {
    content: var(--GROUP_RDA);
}

#GROUP_Albo_Lavori i::before {
    content: var(--GROUP_Albo_Lavori);
}

#GROUP_Albo_Unico i::before {
    content: var(--GROUP_Albo_Unico);
}

#GROUP_Albo_Unico i::before {
    content: var(--GROUP_ALBO_UNICO_OE);
}

#GROUP_Gestione_Enti_Aderenti i::before {
    content: var(--GROUP_Gestione_Enti_Aderenti);
}

#GROUP_Albo_Professionisti i::before {
    content: var(--GROUP_Albo_Professionisti);
}

#GROUP_Gestione_SDA i::before {
    content: var(--GROUP_Gestione_SDA);
}

#GROUP_Procedura_AccordoQuadro i::before {
    content: var(--GROUP_Procedura_AccordoQuadro);
}

#GROUP_Gestione_Fabbisogni i::before {
    content: var(--GROUP_Gestione_Fabbisogni);
}

#GROUP_PROGRAMMAZIONE i::before {
    content: var(--GROUP_PROGRAMMAZIONE);
}

#GROUP_Gestione_Questionari i::before {
    content: var(--GROUP_Gestione_Questionari);
}

#GROUP_GESTIONE_PREGARA i::before {
    content: var(--GROUP_GESTIONE_PREGARA);
}

#GROUP_Gestione_Pubblicita_Legale i::before {
    content: var(--GROUP_Gestione_Pubblicita_Legale);
}

#GROUP_INTEGRAZIONE_PBM i::before {
    content: var(--GROUP_INTEGRAZIONE_PBM);
}

#GROUP_Procedura_RDO i::before {
    content: var(--GROUP_Procedura_RDO);
}

#GROUP_Procedura_Gara i::before {
    content: var(--GROUP_Procedura_Gara);
}

#GROUP_Affidamenti_Semplificati i::before {
    content: var(--GROUP_Affidamenti_Semplificati);
}

#GROUP_Gestione_SEMPLIFICATO i::before {
    content: var(--GROUP_Gestione_SEMPLIFICATO);
}

#GROUP_Procedura_Gara_Rilancio_Competitivo i::before {
    content: var(--GROUP_Procedura_Gara_Rilancio_Competitivo);
}

#GROUP_Consultazioni_Preliminari_Mercato i::before {
    content: var(--GROUP_Consultazioni_Preliminari_Mercato);
}

#GROUP_Procedura_Cottimo i::before {
    content: var(--GROUP_Procedura_Cottimo);
}

#GROUP_GESTIONE_ASTE i::before {
    content: var(--GROUP_GESTIONE_ASTE);
}

#GROUP_Richieste_Accesso_Atti i::before {
    content: var(--GROUP_Richieste_Accesso_Atti);
}

#GROUP_COM_DPE i::before {
    content: var(--GROUP_COM_DPE);
}

#GROUP_Gestione_Acquisti_a_catalogo i::before {
    content: var(--GROUP_Gestione_Acquisti_a_catalogo);
}

#GROUP_Acquisti_a_catalogo i::before {
    content: var(--GROUP_Acquisti_a_catalogo);
}

#GROUP_Dossier i::before {
    content: var(--GROUP_Dossier);
}

#GROUP_REPORT i::before {
    content: var(--GROUP_REPORT);
}

#GROUP_AVCP i::before {
    content: var(--GROUP_AVCP);
}

#GROUP_Release_Notes i::before {
    content: var(--GROUP_Release_Notes);
}

#GROUP_Formulari i::before {
    content: var(--GROUP_Formulari);
}

#GROUP_HELP_DESK i::before {
    content: var(--GROUP_HELP_DESK);
}

#FASCICOLO_GARA i::before {
    content: var(--FASCICOLO_GARA);
}

#GROUP_Gestione_Anagrafiche i::before {
    content: var(--GROUP_Gestione_Anagrafiche);
}

#GROUP_Gestione_Anagrafiche_SuperUser_OE i::before {
	content: var(--GROUP_Gestione_Anagrafiche_SuperUser_OE);
}

#GROUP_MIEI_BANDI i::before {
    content: var(--GROUP_MIEI_BANDI);
}

#GROUP_MIEI_INVITI i::before {
    content: var(--GROUP_MIEI_INVITI);
}

#GROUP_OFFERTE_FORN i::before {
    content: var(--GROUP_OFFERTE_FORN);
}

#GROUP_CONTRATTI_FORN i::before {
    content: var(--GROUP_CONTRATTI_FORN);
}

#GROUP_DOC_TERZI i::before {
    content: var(--GROUP_DOC_TERZI);
}

#GROUP_ALBO i::before {
    content: var(--GROUP_ALBO);
}

#GROUP_ALBO_SDA i::before {
    content: var(--GROUP_ALBO_SDA);
}

#GROUP_ALBO_FORNITORI_FORNITORE i::before {
    content: var(--GROUP_ALBO_FORNITORI_FORNITORE);
}

#GROUP_ALBO_LAVORI_FORNITORE i::before {
    content: var(--GROUP_ALBO_LAVORI_FORNITORE);
}

#GROUP_ALBO_PROFESSIONISTI_FORNITORE i::before {
    content: var(--GROUP_ALBO_PROFESSIONISTI_FORNITORE);
}

#GROUP_ACQUISTI i::before {
    content: var(--GROUP_ACQUISTI);
}

#GROUP_Admin i::before {
    content: var(--GROUP_Admin);
}

#GROUP_Admin_SuperUser_OE i::before {
	content: var(--GROUP_Admin_SuperUser_OE);
}

#GROUP_BANDO_CONSULTAZIONE i::before {
    content: var(--GROUP_BANDO_CONSULTAZIONE);
}

#GROUP_COMUNICAZIONI i::before {
    content: var(--GROUP_COMUNICAZIONI);
}

#GROUP_NOTIER i::before {
    content: var(--GROUP_NOTIER);
}

#GROUP_FLES i::before {
    content: var(--GROUP_FLES);
}

#GROUP_FVOE i::before {
    content: var(--GROUP_FVOE);
}

#GROUP_CTR_ESCL i::before {
    content: var(--GROUP_CTR_ESCL);
}

.arrow-right i::before {
    content: var(--ARROWRIGHT) !important;
}

.littleStar {
    margin-left: 3px;
    cursor: pointer;
}

.littleTrash {
    margin-left: 3px;
    cursor: pointer;
    color: #e73838 !important;
}


.vapor-breadcrumbs {
    padding: 0px;
    list-style-type: none;
    display: flex;
    font-family: Cairo, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    flex-wrap: wrap;
}

    .vapor-breadcrumbs li span {
        font-size: 8px;
        display: inline-block;
        width: 32px;
        text-align: center;
        color: var(--modal-title) !important;
    }

    .vapor-breadcrumbs li a {
        color: var(--main-color) !important;
        text-decoration: none;
    }

        .vapor-breadcrumbs li a:hover {
            color: var(--primary-button-gradient-hover) !important;
        }

        .vapor-breadcrumbs li a.current {
            color: var(--modal-title);
            font-weight: bold;
        }

.containerInfoSessionServerHours {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}

table.loaderDocumentFaseII {
    border: none;
}

    table.loaderDocumentFaseII td {
        border: none;
    }

    table.loaderDocumentFaseII table.SinteticHelp_Tab {
        border: none;
    }

#INFO_PROCESS, #INFO_PROCESS2 {
    position: absolute !important;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100vw;
}

#footerCompact {
    width: calc(100vw - 64px);
    height: var(--height-footer-compact);
    bottom: 0;
    left: 0;
    background-color: var(--main-footer-color);
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    z-index: 1000;
    margin-top: 20px;
    margin-left: -20px;
    margin-bottom: -20px;
}

.footerText {
    font-size: 12px;
    color: #FAFBFD;
    letter-spacing: 0.4px;
    text-align: center;
    line-height: 16px;
    font-family: Roboto;
    font-weight: 400;
}

    .footerText p {
        margin: 5px;
    }

.containerIconsFooter {
    display: flex;
    padding: 16px;
    margin: 0;
}

.iconFooter {
    color: white;
    padding: 16px;
}

.nomeAziendaHeader {
    text-overflow: ellipsis;
    max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}


.btn-link:focus {
    color: var(--main-color);
    text-decoration: unset;
}

@media screen and (max-width: 1400px) {
    .nomeAziendaHeader {
        display: none;
    }

    #buttonWorkspace.companyButton {
        min-width: 0px;
        width: 0px;
    }

        #buttonWorkspace.companyButton .angleDownNomeAziendaHeader {
            display: none;
        }
}

#DivCalendar {
}

    #DivCalendar #IdMonth {
        width: 120px;
        height: 40px;
        padding: 10px 16px;
        background-color: var(--background-input-color);
        height: 40px;
        border: 1px solid var(--border-input-standard);
        margin-bottom: 8px !important;
        /*custom arrow for padding*/
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
        background-position: 100%;
        background-repeat: no-repeat;
        border-radius: 0;
        cursor: pointer;
        font-family: 'Roboto', sans-serif;
    }

        #DivCalendar #IdMonth:hover {
            border: 1px solid var(--main-color);
            /*cursor: pointer;*/
        }

        #DivCalendar #IdMonth:focus-visible {
            outline: 1px solid var(--main-color);
        }

    #DivCalendar .FontLinkLabelCover {
        /*background: yellow;*/
    }

    #DivCalendar input.fontCommand {
        background: var(--main-color);
        padding: 10px
    }

        #DivCalendar input.fontCommand:hover {
            background: var(--primary-button-gradient-hover);
            padding: 10px
        }

    #DivCalendar table tbody tr:first-child > td.FontLegalPub {
        border: none;
        background: white;
        width: 0px;
        padding: 0;
    }

        #DivCalendar table tbody tr:first-child > td.FontLegalPub:hover {
            border: none;
            background: white;
        }

        #DivCalendar table tbody tr:first-child > td.FontLegalPub img {
            display: none;
        }

    #DivCalendar table tbody tr:first-child > td.FontTitleCover {
        background-color: white;
    }

    #DivCalendar table table > tbody > tr:first-child input.FontLegalPub {
        width: 62px;
        min-height: 40px;
        padding: 10px 16px;
        background-color: var(--background-input-color);
        border: 1px solid var(--border-input-standard);
        margin-bottom: 8px !important;
        font-family: 'Roboto', sans-serif;
    }

        #DivCalendar table table > tbody > tr:first-child input.FontLegalPub:hover {
            border: 1px solid var(--main-color);
            /*cursor: pointer;*/
        }

        #DivCalendar table table > tbody > tr:first-child input.FontLegalPub:focus-visible {
            outline: 1px solid var(--main-color);
        }

    #DivCalendar .FontLinkLabelCover {
        color: black;
    }


#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel {
    width: 100%;
}

    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel #Div_ViewerFiltro table,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel #Div_CubeFilter table,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel #Div_ViewerFiltro table {
        background-color: #e3e9ef !important;
    }

    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel tr,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel tr,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel tr {
        margin: 0px 0px;
        justify-items: stretch;
    }

@media only screen and (min-width: 1150px) {
    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel tr,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel tr,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel tr {
        width: 33%;
    }
}

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel tbody,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel tbody,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel tbody {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

/*input text*/
.VerticalModel_Tab .VerticalModel_Value .Text,
.FiltroPortale_Tab .Text {
    background-color: var(--background-input-color);
    min-height: 40px;
    border: 1px solid var(--border-input-standard);
    width: var(--widthFieldDesk);
    margin-bottom: 8px;
}

    /*@media only screen and (max-width: 1200px) {
    .VerticalModel_Tab .VerticalModel_Value .Text {
        width: var(--widthFieldMobile);
    }
}*/


    .VerticalModel_Tab .VerticalModel_Value .Text:hover,
    .FiltroPortale_Tab .Text:hover {
        background-color: var(--background-input-color);
        min-height: 40px;
        border: 1px solid var(--main-color);
    }

    .VerticalModel_Tab .VerticalModel_Value .Text:focus-visible,
    .FiltroPortale_Tab .Text:focus-visible {
        outline: 1px solid var(--main-color);
    }

.VerticalModel_Value table.VerticalModel_ReadOnlyField td span:hover,
.VerticalModel_Value table.VerticalModel_ReadOnlyField td span.Text:hover {
    background: var(--input-readonly-bg);
    border: 1px solid var(--input-readonly-border-color);
}


/*input text Div_ViewerFiltro*/
#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .Text,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .Text,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel .Text {
    background-color: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    margin-bottom: 8px;
}

@media only screen and (max-width: 1200px) {
    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .Text,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .Text,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel .Text {
        width: var(--widthFieldMobile);
    }
}


#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .Text:hover,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .Text:hover,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel .Text:hover {
    background-color: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--main-color);
}

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .Text:focus-visible,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .Text:focus-visible,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel .Text:focus-visible {
    outline: 1px solid var(--main-color);
}


/*label caption*/
#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Caption .FldCaption,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Caption .FldCaption,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel .FiltroPortale_Caption .FldCaption {
    margin-bottom: 0;
    font-weight: bold;
    min-width: max-content;
}

/*Domini estesi*/
.FldHier_edit_new,
#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .FldHier_edit_new,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .FldHier_edit_new,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel .FldHier_edit_new {
    background-color: var(--background-input-color) !important;
    min-height: 40px;
    /*    padding: 9px 16px;*/
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    /*margin-bottom: 8px;*/
    outline: none;
}

.cover table.VerticalModel_Tab td {
    padding: 0;
}

label {
    margin: 5px 0 !important;
}

.ModuloQuestionarioParameterNoteContainer table.VerticalModel_ReadOnlyField div.div_fld_template {
    padding: 13px 13px 0 0 !important;
}

.ModuloQuestionarioParameterNoteContainer .DIV_ATTACH_BTN input[alt="Inserisci allegato"] {
    min-height: 40px;
    text-align: center;
    font-size: 17px;
    background: var(--bg-pulsanti-input-group) !important;
    background: var(--bg-pulsanti-input-group-menu-gradient) !important;
    color: var(--white);
    width: 40px;
    min-width: 40px;
    padding: 0;
    cursor: pointer;
    z-index: 10;
    color: var(--color-input-group);
}

    .ModuloQuestionarioParameterNoteContainer .DIV_ATTACH_BTN input[alt="Inserisci allegato"]:hover {
        background: var(--bg-pulsanti-input-group-menu-gradient-hover) !important;
    }

.rowParameterNote {
    margin: 15px 0;
}

.ModuloQuestionarioParameterNoteContainer input[type="text"] {
    background-color: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    width: 260px !important;
}

.ModuloQuestionarioParameterNoteContainer textarea {
    background-color: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    width: 318px !important;
}

.ModuloQuestionarioParameterNoteContainer .DOM_OPT {
    padding-right: 10px;
}

.ModuloQuestionarioParameterNoteContainer .DomCheck_Opt {
    margin-bottom: 5px;
}

.ModuloQuestionarioSectionOpen {
    margin-top: 10px;
}


.rowParameterNote .DIV_ATTACH_CONTAINER {
    margin-bottom: 0;
}

.inputReadOnly {
    margin: 20px 0 0px 50px;
    font-style: italic;
    font-weight: bold;
}

/*select*/
#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value select,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value select,
select,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel select {
    background-color: var(--background-input-color) !important;
    height: 40px !important;
    padding: 9px 16px !important;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    /*margin-bottom: 8px !important;*/
    /*custom arrow for padding*/
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC) !important;
    background-position: 100% !important;
    background-repeat: no-repeat !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    font-family: 'Roboto', sans-serif !important;
}

    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value select:hover,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value select:hover,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel select:hover {
        border: 1px solid var(--main-color);
        /*cursor: pointer;*/
    }

    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value select:focus-visible,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value select:focus-visible,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel select:focus-visible {
        outline: 1px solid var(--main-color);
    }

    /*option*/
    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value select option,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value select option,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel select option {
        /*https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-an-html-select-element*/
    }

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel {
    width: 100%;
}

    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel #Div_ViewerFiltro table,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel #Div_ViewerFiltro table,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel #Div_ViewerFiltro table {
        background-color: #e3e9ef !important;
    }

    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel tr,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel tr,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel tr {
        margin: 0px 0px;
        justify-items: stretch;
    }

@media only screen and (min-width: 1150px) {
    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel tr,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel tr,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel tr {
        width: 33%;
    }
}

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel tbody,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel tbody,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel tbody {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

/*input text*/
#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .Text,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .Text,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel .Text {
    background-color: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    margin-bottom: 8px;
}

@media only screen and (max-width: 1200px) {
    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .Text,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .Text,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel .Text {
        width: var(--widthFieldMobile);
    }
}

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .Text:hover,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .Text:hover,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel .Text:hover {
    background-color: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--main-color);
}

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .Text:focus-visible,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .Text:focus-visible,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel .Text:focus-visible {
    outline: 1px solid var(--main-color);
}


/*label caption*/
#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Caption .FldCaption,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Caption .FldCaption,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel .FldCaption {
    margin-bottom: 0;
    font-weight: bold;
}

/*Domini estesi*/
#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .FldHier_edit_new,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .FldHier_edit_new,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel .FldHier_edit_new {
    background-color: var(--background-input-color) !important;
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    margin-bottom: 8px;
    outline: none;
}

@media only screen and (max-width: 1200px) {
    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .FldHier_edit_new,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .FldHier_edit_new,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel .FldHier_edit_new {
        width: var(--widthFieldMobile);
    }
}

/*Domini estesi 2*/
#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .FldExtDom_edit_new,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .FldExtDom_edit_new,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel .FldExtDom_edit_new {
    background-color: var(--background-input-color) !important;
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    /*margin-bottom: 8px;*/
    outline: none;
}

.FldExtDom_edit_new {
    background-color: var(--background-input-color) !important;
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    /*margin-bottom: 8px;*/
    outline: none;
}

@media only screen and (max-width: 1200px) {
    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .FldExtDom_edit_new,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value .FldExtDom_edit_new,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel .FldExtDom_edit_new {
        width: var(--widthFieldMobile);
    }
    /*.FldExtDom_edit_new {
        width: var(--widthFieldMobile);
    }*/
}

/*select*/
#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value select,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value select,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel select {
    background-color: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px !important;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    margin-bottom: 8px !important;
    /*custom arrow for padding*/
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-repeat: no-repeat;
    border-radius: 0;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
}

@media only screen and (max-width: 1200px) {
    #Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value select,
    #Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value select,
    #Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel select {
        width: var(--widthFieldMobile);
    }
}

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value select:hover,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value select:hover,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel select:hover {
    border: 1px solid var(--main-color);
    /*cursor: pointer;*/
}

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value select:focus-visible,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value select:focus-visible,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel select:focus-visible {
    outline: 1px solid var(--main-color);
}

/*option*/
#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value select option,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .VerticalModel_Value select option,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel select option {
    /*https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-an-html-select-element*/
}

#ScrollPage select {
    background-color: var(--background-input-color);
    height: unset !important;
    padding: 9px 16px !important;
    border: 1px solid var(--border-input-standard);
    width: 60px;
    margin-bottom: 0 !important;
    /*custom arrow for padding*/
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-repeat: no-repeat;
    border-radius: 2px;
    cursor: pointer;
}

    #ScrollPage select:hover {
        border: 1px solid var(--main-color);
        /*cursor: pointer;*/
    }

    #ScrollPage select:focus-visible {
        outline: 1px solid var(--main-color);
    }

    /*option*/
    #ScrollPage select option {
        /*https://stackoverflow.com/questions/7208786/how-to-style-the-option-of-an-html-select-element*/
    }

.SP_Button {
    vertical-align: bottom;
}

table.SP_Bar {
    margin: 0 0 20px 0;
}

.rowButtonsFaseII tr {
    background-color: transparent;
    position: inherit;
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    margin-right: 50px;
}

.rowButtonsFaseII #ViewerFiltro_reset,
.secondaryButtonVapor,
.secondaryButtonVapor:focus,
.ui-dialog-buttonset button[value="ko"] {
    border: 1px solid var(--secondary-button-border) !important;
    font-size: 16px !important;
    color: var(--secondary-button-color) !important;
    letter-spacing: 0.2px !important;
    font-family: Roboto !important;
    font-weight: 500 !important;
    text-align: center !important;
    background: var(--secondary-button-background) !important;
    background: var(--secondary-button-background-gradient) !important;
    height: 40px !important;
    min-width: 143px !important;
    margin-left: 20px !important;
    border-radius: 2px;
    padding: 0px;
    text-decoration: unset !important;
}


    .rowButtonsFaseII #ViewerFiltro_reset:hover,
    .secondaryButtonVapor:hover,
    .ui-dialog-buttonset button[value="ko"]:hover {
        background: var(--secondary-button-hover) !important;
        background: var(--secondary-button-gradient-hover) !important;
        color: var(--white) !important;
    }

.rowButtonsFaseII #ViewerFiltro_submit,
.primaryButtonVapor,
div#CHIARIMENTI table#template_doc tr#areapdfquesiti th:nth-of-type(2) a {
    background: var( --primary-button) !important;
    background: var(--primary-button-gradient) !important;
    font-size: 16px !important;
    color: var(--white) !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    line-height: 12px !important;
    text-shadow: 1px 1px 0 rgba(21,41,53,0.24) !important;
    font-family: Roboto !important;
    font-weight: 500 !important;
    border: 0 !important;
    height: 40px !important;
    min-width: 143px !important;
    margin-left: 20px !important;
    border-radius: 2px;
    padding: 0px;
}


    .rowButtonsFaseII #ViewerFiltro_submit:hover,
    .primaryButtonVapor:hover,
    div#CHIARIMENTI table#template_doc tr#areapdfquesiti th:nth-of-type(2) a:hover {
        background: var(--primary-button-gradient-hover) !important;
        color: var(--white) !important;
        border: 0 !important;
    }

#Div_ViewerFiltro table td,
#Div_CubeFilter table td {
    padding: 0;
}

td[name="Cell_Certificazioni "] .div_fld_template {
    padding: 0 !important
}

#Div_ViewerFiltro table,
#Div_CubeFilter table,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel table {
    background-color: unset !important;
}

#Div_ViewerFiltro > table,
#Div_CubeFilter > table {
    background-color: white !important;
}

#ScrollPage .SP_Button img {
    margin: 0 !important;
}


#ScrollPage .SP_Direct input {
    background: white !important;
}

#ScrollPage .SP_Cur {
    margin: 0 !important;
}

#ScrollPage .SP_Cur {
    background: var(--main-color) !important;
}

#ScrollPage .SP_Pag {
    padding-right: 25px;
}

#FormViewerGriglia .viewer_label_numerorighe {
    padding-left: 25px;
}


table {
    border: none;
}

    table td {
        border: none;
    }

        table td:has(input:not([type="text"]):not([type="button"])) {
            vertical-align: middle !important;
        }

        table td:has(input[type="text"], select.FldDomainValue, div.DIV_ATTACH_EMPTY, span.Fld_Number) {
            vertical-align: middle !important;
        }

    table tr.GR0 {
        background-color: white;
    }

    table tr.GR1 {
        background-color: var(--background-input-color);
    }

    table tr.GR_OverRow {
        background-color: #0090d114;
    }

    table tr.GR0_Sel {
        background-color: #0090d147;
    }

    table tr.GR1_Sel {
        background-color: #0090d147;
    }

    table tr.GR_OverRow_Sel {
        background-color: #0090d114;
    }

tr {
    color: var(--dark) !important;
}

    tr.firstRowGridFaseII th {
        background-color: white !important;
        border: 1px solid #9DA6AD;
        border-left: 0;
        padding: 10px;
        white-space: nowrap;
        color: var(--dark);
    }

table.Grid tr.firstRowGridFaseII {
    background: #fff;
    /*    position: sticky;
    z-index: 97;
    top: 0px;*/
    border-top: 0;
    border-bottom: 0;
}

.ui-dialog {
    z-index: 98 !important;
}

#GridViewerR0,
#GridViewerR0 td {
    border-top: 0 !important;
}

strong {
    font-weight: bold;
    font-size: 1.3em;
    color: var(--main-color);
}

#Div_ViewerGriglia table.Grid td {
    border-bottom: 1px solid #9DA6AD;
    border-right: 1px solid #9DA6AD;
    vertical-align: middle !important;
    text-wrap: wrap;
    position: relative;
}

    #Div_ViewerGriglia table.Grid td:first-child {
        border-top: 0;
    }

    #Div_ViewerGriglia table.Grid td table td {
        padding: 5px 0px;
    }

    #Div_ViewerGriglia table.Grid td > table > tbody > tr > td > span.Text {
        max-width: 315px;
    }

#div_GridViewer table.Grid td span a {
    padding-left: 20px !important;
}

#Div_ViewerGriglia table.Grid td .IMG_MAILPEC {
    position: absolute;
    bottom: 50%;
    left: 11px;
}

table.Grid tr {
    border-bottom: 1px solid #9DA6AD;
    border-left: 1px solid #9DA6AD;
    border-right: 1px solid #9DA6AD;
}

    table.Grid tr table tr {
        border: none;
    }

table.Grid table.GridCol_Link_Tab tr {
    border: none;
}

table.Grid td {
    padding: 0;
}

table.Grid > tbody > tr > td {
    border: 0;
    position: relative;
    /* border: 1px solid #9DA6AD; */
    border-bottom: 1px solid #9DA6AD;
    padding: 0.5em;
    border-right: 1px solid #9DA6AD;
    vertical-align: middle;
}

table.Grid {
    border-left: 1px solid #9DA6AD !important;
}

table.FLbl_Tab tr {
    border: 0 !important;
    z-index: 0 !important;
}

table input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    height: 16px !important;
    width: 16px !important;
    border: 1px solid var(--main-color);
    border-radius: 2px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    outline: none;
    margin-left: 8px;
    min-width: unset;
    min-height: unset;
    margin: 0;
}

    table input[type="checkbox"]:checked {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANPSURBVFhHxVVNaxRBEJ3ZkBgifqCiG41gFBW9uZKLgiDxFI+CB8FTfkKOXvXmwT+gB8H8FDF+LHiKeHCjRBIkRDD4gVHX6nrV1dXTvcvumsRH78yrVzVdVVMzs2Xx4HVRFgX96OiWM1hhbl1QWPAuo4DDVVEqxB2LGkvuLIR0IX45VyIGxZMaTChxvHOZeI6kxFwIQQngQoUKYGZ1dVlkIwHuWEoIa0e6p50UbV4M8gm8EojCxAf0Go8Zx0WJYkTpQBVPSA8uEw+XjZcwXe7eGeB6CzVTvaIAqa5mrP/Hp/of5uQxSLzv2NWVVOqWqRSkz87MMvE1vMe0LGBmdXVZZCOBTrrvmCStCxVxUEUMiicDdC/EZQAGmRMjcs00jn2+eWLl8t5JERTVeNzqajle8YT04DLxcHmFsj45vWt/UdaPHnx6Zd+kE0287ABRv1xkAEoAXJki0X1WQf3wnjtg6Q5sbs1TPdOYsFnpfrY+frkXIrFCPG2CjrMjzIpA5OJeR6Ksy+vTCxutDvGMtnbsazFFMRmZu3ry++1TzandPgAu7TW6w7Tj4oe16ecbrRCJVd2/w3sMpRyeu3b8/sTQaFG7cLbenBqrRGazXn/5tVXZUKE7V59qWaocmB0fkkDKfabevMi52ZvO1WV99S3uFcnYjLvX95hAk6gMY/3uu58/hBMo95FmY4xYOlfptetcrVgWj964Euin1bHFRzoN37o0/nByZJQFxp/Ftd/jh4Zzd1i6cVrYgTlcRjHvMRwVlJvzz1Znl6K+z+WzJjvAzOousavFV2pJGAlyb5rciniusrA1825PdX4YgJLN+YWVJHffc/VwSi0uSuvi5Vyq/Jp/sTr7XnPbuXbrzCyXTU2eMUkW7hqhAjEp9/IN6rvdXlz6dB5zzaLjDoGUxeO3bHBFEaEjn1BspOSIOyIyVsDhMoq+x4PMiTFgfPLliuZKfq+rot7+5xrE6P+YloWaqZ6NzOrqsmC996d6i7tHxwPOyaDveP5ybWdnQQTxLj9jgNyAEqBiKtx2QgVddoiVnp9qIdiCzU7dBx2Keq0Yddz3nHqKpzSCKB7/Tjs0V286F99qQAngLhMqgJnV1WWRRio4sZTgK9rO7ulyuMryL2Hn7Q1zFRwGAAAAAElFTkSuQmCC') !important;
        background-size: 15px 15px !important;
    }

    table input[type="checkbox"]:disabled {
        background-image: linear-gradient(315deg, var(--primary-button-gradient-hover), var(--main-color));
        background-image: none;
        background-color: transparent;
        border: 1px solid var(--border-input-standard);
        cursor: not-allowed;
    }

ul.dynatree-container a:focus {
    background: transparent !important;
}

.VerticalModel_Value input[type="checkbox"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    height: 16px !important;
    width: 16px !important;
    border: 1px solid var(--main-color);
    border-radius: 2px;
    text-align: center;
    line-height: 16px;
    cursor: pointer;
    outline: none;
    margin-left: 8px;
    transform: translateY(4px);
    min-width: unset;
    min-height: unset;
    padding: unset;
}

    .VerticalModel_Value input[type="checkbox"]:checked {
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAANPSURBVFhHxVVNaxRBEJ3ZkBgifqCiG41gFBW9uZKLgiDxFI+CB8FTfkKOXvXmwT+gB8H8FDF+LHiKeHCjRBIkRDD4gVHX6nrV1dXTvcvumsRH78yrVzVdVVMzs2Xx4HVRFgX96OiWM1hhbl1QWPAuo4DDVVEqxB2LGkvuLIR0IX45VyIGxZMaTChxvHOZeI6kxFwIQQngQoUKYGZ1dVlkIwHuWEoIa0e6p50UbV4M8gm8EojCxAf0Go8Zx0WJYkTpQBVPSA8uEw+XjZcwXe7eGeB6CzVTvaIAqa5mrP/Hp/of5uQxSLzv2NWVVOqWqRSkz87MMvE1vMe0LGBmdXVZZCOBTrrvmCStCxVxUEUMiicDdC/EZQAGmRMjcs00jn2+eWLl8t5JERTVeNzqajle8YT04DLxcHmFsj45vWt/UdaPHnx6Zd+kE0287ABRv1xkAEoAXJki0X1WQf3wnjtg6Q5sbs1TPdOYsFnpfrY+frkXIrFCPG2CjrMjzIpA5OJeR6Ksy+vTCxutDvGMtnbsazFFMRmZu3ry++1TzandPgAu7TW6w7Tj4oe16ecbrRCJVd2/w3sMpRyeu3b8/sTQaFG7cLbenBqrRGazXn/5tVXZUKE7V59qWaocmB0fkkDKfabevMi52ZvO1WV99S3uFcnYjLvX95hAk6gMY/3uu58/hBMo95FmY4xYOlfptetcrVgWj964Euin1bHFRzoN37o0/nByZJQFxp/Ftd/jh4Zzd1i6cVrYgTlcRjHvMRwVlJvzz1Znl6K+z+WzJjvAzOousavFV2pJGAlyb5rciniusrA1825PdX4YgJLN+YWVJHffc/VwSi0uSuvi5Vyq/Jp/sTr7XnPbuXbrzCyXTU2eMUkW7hqhAjEp9/IN6rvdXlz6dB5zzaLjDoGUxeO3bHBFEaEjn1BspOSIOyIyVsDhMoq+x4PMiTFgfPLliuZKfq+rot7+5xrE6P+YloWaqZ6NzOrqsmC996d6i7tHxwPOyaDveP5ybWdnQQTxLj9jgNyAEqBiKtx2QgVddoiVnp9qIdiCzU7dBx2Keq0Yddz3nHqKpzSCKB7/Tjs0V286F99qQAngLhMqgJnV1WWRRio4sZTgK9rO7ulyuMryL2Hn7Q1zFRwGAAAAAElFTkSuQmCC') !important;
        background-size: 15px 15px !important;
    }

    .VerticalModel_Value input[type="checkbox"]:disabled {
        background-image: linear-gradient(315deg, var(--primary-button-gradient-hover), var(--main-color));
        background-image: none;
        background-color: transparent;
        border: 1px solid var(--border-input-standard);
        cursor: not-allowed;
    }

.Grid {
    background: var(--white);
}

.GR0 {
    border-top: 1px solid #9da6ad;
}


.GrigliaFaseII {
    overflow-x: auto;
    /*max-height: calc(100vh - 230px);*/
    display: block;
    padding: 0 16px;
}

    .GrigliaFaseII .Grid {
        margin: 0;
        border-collapse: separate;
    }

.access_width_max_width {
    max-width: calc(100vw - 164px);
    width: 99%;
}

@media only screen and (max-width: 1024px) {
    .access_width_max_width {
        max-width: calc(100vw - 64px);
        width: 99%;
    }
}



/*custom bar overflow*/
#DOCUMENT::-webkit-scrollbar-track,
#TESTATA::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #cacaca;
}

#DOCUMENT::-webkit-scrollbar,
#TESTATA::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background-color: #cacaca;
    cursor: pointer;
}

#DOCUMENT::-webkit-scrollbar-thumb,
#TESTATA::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background: var(--color-scrollbar);
    background: var(--color-scrollbar-gradient);
}

.pageTitle .Caption {
    border: none;
}

#Div_ViewerFiltro form,
#Div_CubeFilter form {
    margin-left: 2em;
    margin-right: 2em;
}

#Div_ViewerFiltro .SinteticHelp_label.pointer,
#Div_CubeFilter .SinteticHelp_label.pointer {
    cursor: pointer;
}

#Div_ViewerFiltro .pointer,
#Div_CubeFilter .pointer {
    cursor: pointer;
}

#Div_ViewerFiltro .firstTableFound,
#Div_CubeFilter .firstTableFound {
    background: var(--backgroud-search) !important;
    border: 1px solid var(--border-search);
}

#Div_ViewerFiltro #accordionGroup_WinFilter,
#Div_CubeFilter #accordionGroup_WinFilter {
    margin-left: 10px;
    margin-right: 10px;
    width: 20px;
    height: 20px;
    color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
}

#Div_ViewerFiltro .spanSearchAreaGroup_WinFilter,
#Div_CubeFilter .spanSearchAreaGroup_WinFilter {
    color: var(--main-color);
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    font-family: 'Cairo';
    font-weight: 600;
}

#Div_ViewerFiltro .searchAreaGroup_WinFilter,
#Div_CubeFilter .searchAreaGroup_WinFilter {
    width: 100%;
    user-select: none;
    height: 32px;
    background: var(--background-search);
    border-bottom: 1px solid #c9d9e8;
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}


    #Div_ViewerFiltro .searchAreaGroup_WinFilter:hover,
    #Div_CubeFilter .searchAreaGroup_WinFilter:hover {
        border: 1px solid var(--main-color);
    }


#Div_ViewerFiltro .tdSearchAreaGroup_WinFilter,
#Div_CubeFilter .tdSearchAreaGroup_WinFilter {
    display: flex;
    flex-direction: row;
    align-items: center;
}


#Div_ViewerFiltro .VerticalModel_Value input[type="text"]:not(.FldHier_edit_new):not(.FldExtDom_edit_new):not(.DateFaseII),
#Div_CubeFilter .VerticalModel_Value input[type="text"]:not(.FldHier_edit_new):not(.FldExtDom_edit_new):not(.DateFaseII) {
    width: 260px;
}

/*Rubrica Utenti*/
#GridViewer #dashboard_view_rubricagriglia tr,
#GridViewer #dashboard_view_rubrica_oegriglia tr {
    border: none;
    position: unset
}

#GridViewer #dashboard_view_rubricagriglia .FldCaption,
#GridViewer #dashboard_view_rubrica_oegriglia .FldCaption {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.1em;
}

#GridViewer #dashboard_view_rubricagriglia table.VerticalModel_ReadOnlyField,
#GridViewer #dashboard_view_rubrica_oegriglia table.VerticalModel_ReadOnlyField {
    background-color: var(--border-input-standard);
    font-size: 12px;
    margin-right: 10px;
}

/*#GridViewer #dashboard_view_rubricagriglia .col-12,
#GridViewer #dashboard_view_rubrica_oegriglia .col-12,
#GridViewer #dashboard_view_rubricagriglia .col-md-6,
#GridViewer #dashboard_view_rubrica_oegriglia .col-md-6,
#GridViewer #dashboard_view_rubricagriglia .col-lg-6,
#GridViewer #dashboard_view_rubrica_oegriglia .col-lg-6,
#GridViewer #dashboard_view_rubricagriglia .col-xl-4,
#GridViewer #dashboard_view_rubrica_oegriglia .col-xl-4 {
    max-width: unset;
    width: unset;
    flex: unset;
    width: 100px;
    margin-left: 25px;
    margin-right: 5px;
}
*/

/*Rubrica Utenti*/
#GridViewer #dashboard_view_rubrica_oegriglia tr,
#GridViewer #dashboard_view_rubricagriglia tr {
    border: none;
    position: unset
}

#GridViewer #dashboard_view_rubrica_oegriglia .FldCaption,
#GridViewer #dashboard_view_rubricagriglia .FldCaption {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.1em;
}

#GridViewer #dashboard_view_rubrica_oegriglia table.VerticalModel_ReadOnlyField,
#GridViewer #dashboard_view_rubricagriglia table.VerticalModel_ReadOnlyField {
    background-color: var(--border-input-standard);
    font-size: 12px;
}

li.Toolbar_button img {
    margin: 0;
    margin-left: -20px;
}

.Toolbar .div_sub_menu div {
    transform: translate(-50px,-30px)
}

input[type="text"].Date.DateFaseII {
    /* modifica per ticket 9901 attività 605395 non si vede il bordo rosso sulle date quando è obbligatorio
       background: var(--background-input-color) !important;
    border: 1px solid var(--border-input-standard) !important; */
    background: var(--background-input-color);
    border: 1px solid var(--border-input-standard);
    font-size: 14px;
    color: var(--input-color) !important;
    letter-spacing: 0.25px;
    text-align: left;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 400;
    outline: none;
    min-height: 40px;
    padding: 0px 16px;
    /*margin-bottom: 8px;*/
    min-width: fit-content;
}

.main_istanza label[for="DelProcura_V"] input[type="text"].Date.DateFaseII {
    width: 200px;
}



#TD_ATTACH_ALL {
    background: var(--background-input-color);
    border: 1px solid var(--border-input-standard);
    font-size: 14px;
    color: var(--main-menu-color) !important;
    letter-spacing: 0.25px;
    text-align: left;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 400;
    outline: none;
    min-height: 40px;
    padding: 0 16px;
    /*margin-bottom: 8px;*/
    min-width: unset;
    width: 260px;
}


#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .FldExtDom_button.DateFaseII,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .FldExtDom_button.DateFaseII,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel .FldExtDom_button.DateFaseII,
.FiltroPortale_Tab .FldExtDom_button.DateFaseII {
    background: var(--bg-pulsanti-input-group) !important;
    background: var(--bg-pulsanti-input-group-menu-gradient) !important;
    color: var(--color-input-group);
    margin: 0;
}


    .VerticalModel_Tab .VerticalModel_Value .FldExtDom_button.DateFaseII:hover,
    .FiltroPortale_Tab .FldExtDom_button.DateFaseII:hover {
        background: var(--bg-pulsanti-input-group-menu-hover) !important;
        background: var(--bg-pulsanti-input-group-menu-gradient-hover) !important;
    }

input[type="text"].TextTime.DateFaseII {
    background-color: var(--background-input-color);
    border: 1px solid var(--border-input-standard);
    font-size: 14px;
    color: var(--input-color);
    letter-spacing: 0.25px;
    text-align: left;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 400;
    outline: none;
    min-height: 40px;
    width: var(--widthFieldDesk);
    margin-bottom: 0px;
    min-width: unset;
    padding: 4px;
}

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .FldExtDom_edit_new,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .VerticalModel_Value .FldExtDom_edit_new,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel .FldExtDom_edit_new {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    /*margin-bottom: 8px;*/
}


.VerticalModel_Tab .Fld_Number {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    margin-bottom: 8px;
    outline: none;
}

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIHorizontalModel .Fld_Number,
#Div_CubeFilter .VerticalModel_Tab.FaseIIHorizontalModel .Fld_Number,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIHorizontalModel .Fld_Number {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    margin-bottom: 8px;
    outline: none;
}

#Div_ViewerFiltro .VerticalModel_Tab.FaseIIVerticalModel .Fld_Number,
#Div_CubeFilter .VerticalModel_Tab.FaseIIVerticalModel .Fld_Number,
#Div_ViewerFiltro .FiltroPortale_Tab.FaseIIVerticalModel .Fld_Number {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    margin-bottom: 8px;
    outline: none;
}


.Grid .ATTACH_CONTAINER tr {
    border: none !important;
}

    .Grid .ATTACH_CONTAINER tr td {
        padding: 0 !important;
        min-width: var(--widthFieldDesk);
    }

/*input text*/
#Div_ViewerFiltro .VerticalModel_Tab .VerticalModel_Value .TextArea,
#Div_CubeFilter .VerticalModel_Tab .VerticalModel_Value .TextArea,
#Div_ViewerFiltro .FiltroPortale_Tab .TextArea {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    width: var(--widthFieldDesk) !important;
    margin-bottom: 8px;
    max-height: 500px;
}

@media only screen and (max-width: 1200px) {
    #Div_ViewerFiltro .VerticalModel_Tab .VerticalModel_Value .TextArea,
    #Div_CubeFilter .VerticalModel_Tab .VerticalModel_Value .TextArea,
    #Div_ViewerFiltro .FiltroPortale_Tab .TextArea {
        width: var(--widthFieldMobile) !important;
    }
}


#Div_ViewerFiltro .VerticalModel_Tab .VerticalModel_Value .TextArea:hover,
#Div_CubeFilter .VerticalModel_Tab .VerticalModel_Value .TextArea:hover,
#Div_ViewerFiltro .FiltroPortale_Tab .TextArea:hover {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--main-color);
}

#Div_ViewerFiltro .VerticalModel_Tab .VerticalModel_Value .TextArea:focus-visible,
#Div_CubeFilter .VerticalModel_Tab .VerticalModel_Value .TextArea:focus-visible,
#Div_ViewerFiltro .FiltroPortale_Tab .TextArea:focus-visible {
    outline: 1px solid var(--main-color);
}

input.FldExtDom_button,
input.Attach_button {
    min-height: 40px;
    text-align: center;
    font-size: 17px;
    background: var(--bg-pulsanti-input-group) !important;
    background: var(--bg-pulsanti-input-group-menu-gradient) !important;
    color: var(--white);
    width: 40px;
    min-width: 40px;
    padding: 0;
    cursor: pointer;
    color: var(--color-input-group);
    margin: 0;
    float: unset;
    vertical-align: middle;
}

button.right-attach-button {
    min-height: 40px;
    text-align: center;
    font-size: 17px;
    background: var(--bg-pulsanti-input-group) !important;
    background: var(--bg-pulsanti-input-group-menu-gradient) !important;
    color: var(--white);
    width: 40px;
    min-width: 40px;
    padding: 0;
    cursor: pointer;
    color: var(--color-input-group);
    margin: 0;
    float: unset;
    vertical-align: middle;
    margin-bottom: 8px;
}

tr:has(> td[align="left"]):has(#Filtro_ClasseIscriz_button),
td[align="left"]:has(#Filtro_ClasseIscriz_button),
tr:has(> td[align="left"]):has(#Filtro_ListaAlbi_button),
td[align="left"]:has(#Filtro_ListaAlbi_button) {
    display: flex;
    align-items: flex-end;
}

#Filtro_ClasseIscriz_button,
#Filtro_ListaAlbi_button {
    left: 0 !important;
}

input.FldExtDom_button:hover,
input.Attach_button:hover {
    background: var(--bg-pulsanti-input-group-menu-gradient) !important;
    background: var(--bg-pulsanti-input-group-menu-gradient-hover) !important;
}
/*input text*/
.VerticalModel_Tab .VerticalModel_Value .TextArea,
.FiltroPortale_Tab .TextArea {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk) !important;
    margin-bottom: 8px;
}

    .VerticalModel_Tab .VerticalModel_Value .TextArea:hover,
    .FiltroPortale_Tab .TextArea:hover {
        border: 1px solid var(--main-color);
    }

    .VerticalModel_Tab .VerticalModel_Value .TextArea:focus-visible,
    .FiltroPortale_Tab .TextArea:focus-visible {
        outline: 1px solid var(--main-color);
    }

    .VerticalModel_Tab .VerticalModel_Value .TextArea:disabled,
    .FiltroPortale_Tab .TextArea:disabled {
        background: var(--input-readonly-bg) !important;
        border: 1px solid var(--input-readonly-border-color) !important;
        min-height: 40px;
        /* min-width: 300px; */
        min-width: 260px;
        padding: 10px 0 0 10px;
    }

/*template_doc*/
#template_doc tr {
    background-color: white;
    background: white;
}

#template_doc td {
    border-top: 0;
    border: 1px solid #9DA6AD;
}

#esitoquesito #template_doc tr:nth-child(2) td {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

#template_doc td,
#template_doc div,
#template_doc font,
#DIV_Allegato .Attach_Tab span.Attach_label {
    font-size: 14px;
    vertical-align: middle;
}

    #template_doc th,
    #template_doc td.CellIntestGrid {
        background: var(--bg-Table-Griglia-Bando);
        color: var(--modal-title);
        font-family: Roboto;
        font-size: 14px;
    }

#template_doc #arearicercaquesiti th:not(:first-child) {
    background: white;
    border: 1px solid black;
}

#template_doc #areapdfquesiti th:not(:first-child) {
    background: white;
    border: 1px solid black;
}

/*input text*/
#template_doc .Text {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    margin-bottom: 8px;
}

    /*@media only screen and (max-width: 1200px) {
    #template_doc .Text {
        width: var(--widthFieldMobile);
    }
}*/


    #template_doc .Text:hover {
        background-color: var(--background-input-color);
        background: var(--background-input-color);
        min-height: 40px;
        padding: 9px 16px;
        border: 1px solid var(--main-color);
    }

    #template_doc .Text:focus-visible {
        outline: 1px solid var(--main-color);
    }

/*input text*/
#template_doc .TextArea {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk) !important;
    margin-bottom: 8px;
}

    /*@media only screen and (max-width: 1200px) {
    #template_doc .TextArea {
        width: var(--widthFieldMobile) !important;
    }
}
*/

    #template_doc .TextArea:hover {
        background-color: var(--background-input-color);
        background: var(--background-input-color);
        min-height: 40px;
        padding: 9px 16px;
        border: 1px solid var(--main-color);
    }

    #template_doc .TextArea:focus-visible {
        outline: 1px solid var(--main-color);
    }

    #template_doc .TextArea:disabled {
        background: var(--background-input-color) !important;
        border: 1px solid var(--modal-title) !important;
        min-height: 40px;
        /* min-width: 300px; */
        width: 260px;
        padding: 10px 0 0 10px;
    }

#template_doc #arearicercaquesiti a {
    color: unset;
}


/* CHIARIMENTI */

div#CHIARIMENTI table#template_doc {
    background: #fff;
    border-collapse: separate;
}

    div#CHIARIMENTI table#template_doc tr td:has(div#grigliaquesiti) {
        border: 0;
    }


tr:has(div#esitoquesito[style="display:none"]) {
    display: none;
}

div#CHIARIMENTI table#template_doc thead th {
    font-weight: 500;
    padding: 10px;
    width: 100%;
    color: var(--modal-title);
    line-height: 39px;
    font-family: Cairo;
    text-transform: uppercase;
    position: relative;
    font-size: 1.3em !important;
    background: unset !important;
    white-space: nowrap; /* Impedisce la rottura del testo */
}

div#CHIARIMENTI table#template_doc tr#arearicercaquesiti th {
    border: 0;
}

    div#CHIARIMENTI table#template_doc tr#arearicercaquesiti th:nth-of-type(1) {
        font-weight: 500;
        padding: 0;
        width: 100%;
        color: var(--modal-title);
        line-height: 39px;
        font-family: Cairo;
        text-transform: uppercase;
        position: relative;
        font-size: 1.3em !important;
        background: unset !important;
        white-space: nowrap; /* Impedisce la rottura del testo */
        border: 0;
    }

div#CHIARIMENTI table#template_doc thead th::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%; /* Centra verticalmente la linea */
    right: 0; /* Sposta la linea dopo il contenuto */
    transform: translateY(-50%); /* Allinea verticalmente la linea */
    width: calc(100vw - 290px); /* Larghezza dinamica in base alla viewport */
    border-top: 1px solid rgba(0, 0, 0, 0.25); /* Definisce il colore e lo spessore della linea */
}

div#CHIARIMENTI table#template_doc tr#arearicercaquesiti th:nth-of-type(1)::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%; /* Centra verticalmente la linea */
    right: 0; /* Sposta la linea dopo il contenuto */
    transform: translateY(-50%); /* Allinea verticalmente la linea */
    width: calc(100vw - 405px); /* Larghezza dinamica in base alla viewport */
    border-top: 1px solid rgba(0, 0, 0, 0.25); /* Definisce il colore e lo spessore della linea */
}

div#CHIARIMENTI table#template_doc tbody th.nowrap::after {
    content: '';
    display: block;
    position: absolute;
    top: 50%; /* Centra verticalmente la linea */
    right: 0; /* Sposta la linea dopo il contenuto */
    transform: translateY(-50%); /* Allinea verticalmente la linea */
    width: calc(100vw - 520px); /* Larghezza dinamica in base alla viewport */
    border-top: 1px solid rgba(0, 0, 0, 0.25); /* Definisce il colore e lo spessore della linea */
}

div#CHIARIMENTI table#template_doc thead {
    position: relative;
}

#mainTable {
    width: 100%; /* La tabella occupa il 100% della larghezza della pagina */
    border-collapse: collapse; /* Rimuove gli spazi tra i bordi delle celle */
}

div#CHIARIMENTI table#template_doc #arearicercaquesiti,
div#CHIARIMENTI table#template_doc #areapdfquesiti {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 10px;
    margin: 0;
    box-sizing: border-box; /* Include padding e border nel calcolo della larghezza */
}

    div#CHIARIMENTI table#template_doc #arearicercaquesiti th {
        display: block; /* Ogni th si comporta come un blocco */
        width: 100%;
        box-sizing: border-box; /* Include padding e border nel calcolo della larghezza */
        padding: 0; /* Aggiunge padding intorno al contenuto */
        text-align: left; /* Allinea il testo a sinistra per impostazione predefinita */
        border: 1px solid #ccc; /* Opzionale: aggiunge bordi per la visualizzazione */
    }

div#CHIARIMENTI table#template_doc tr#arearicercaquesiti .custom-container {
    display: flex;
    margin-top: 10px;
}

tr#arearicercaquesiti .custom-container a {
    align-content: space-evenly;
}


div#CHIARIMENTI table#template_doc #arearicercaquesiti th a {
    display: inline-block; /* Mantiene il link in linea */
}

div#CHIARIMENTI table#template_doc #arearicercaquesiti form {
    display: flex;
    width: 260px; /* Il form occupa il 100% della larghezza */
}



div #CHIARIMENTI table#template_doc #arearicercaquesiti input[type="text"] {
    width: 80%; /* Regola la larghezza dell'input */
    margin-right: 10px; /* Spazio tra l'input e l'icona della lente */
}

div#CHIARIMENTI table#template_doc #arearicercaquesiti img {
    cursor: pointer;
    vertical-align: middle;
}

div#CHIARIMENTI table#template_doc tr#areapdfquesiti th {
    border: 0;
}

    div#CHIARIMENTI table#template_doc tr#areapdfquesiti th:nth-of-type(1) {
        display: none;
    }

    div#CHIARIMENTI table#template_doc tr#areapdfquesiti th:nth-of-type(2) {
        padding: 0;
    }

        div#CHIARIMENTI table#template_doc tr#areapdfquesiti th:nth-of-type(2) label {
            display: none;
        }

        div#CHIARIMENTI table#template_doc tr#areapdfquesiti th:nth-of-type(2) a {
            cursor: pointer;
            display: block;
            width: 143px;
            align-content: space-evenly;
            margin-left: 0 !important;
        }

            div#CHIARIMENTI table#template_doc tr#areapdfquesiti th:nth-of-type(2) a img {
                display: none;
            }

#grigliaquesiti {
    padding: 10px;
}


/* FINE CHIARIMENTI */
.div_geo form input.button,
.div_geo input.btn,
.div_geo input[type="submit"],
.div_geo input[type="button"],
#DIV_FIRMA .generapdf,
/*#DIV_FIRMA .attachpdf,*/
/*#DIV_FIRMA .editistanza,*/
/*#DIV_FIRMA .generapdfdisabled,*/
/*#DIV_FIRMA .attachpdfdisabled,*/
/*#DIV_FIRMA .editistanzadisabled,*/
#InfoTec_comune button,
#campi_invio_quesito .btn,
div.comandi_interni #ScaricaAllegati,
div.comandi_interni #DocCollegati,
div.comandi_interni #lnkSedutaVirtuale,
div.comandi_interni #Invio_Comunicazione,
div.comandi_interni #Iscriviti,
div.comandi_interni #Atti,
#cerca-button,
.img_stampa a,
.icons1 li a,
div.comandi_interni input.btn {
    background: var(--primary-button) !important;
    background: var(--primary-button-gradient) !important;
    font-size: 16px !important;
    color: var(--white) !important;
    letter-spacing: 0.2px !important;
    text-align: center !important;
    line-height: 12px !important;
    text-shadow: 1px 1px 0 rgba(21,41,53,0.24) !important;
    font-family: Roboto !important;
    font-weight: 500 !important;
    border: 0 !important;
    height: 40px !important;
    min-width: 110px !important;
    margin-left: 20px !important;
    border-radius: 0px;
}

    .div_geo form input.button:hover,
    .div_geo input.btn:hover,
    .div_geo input[type="submit"]:hover,
    .div_geo input[type="button"]:hover,
    #DIV_FIRMA .generapdf:hover,
    /*#DIV_FIRMA .attachpdf:hover,*/
    /*#DIV_FIRMA .editistanza:hover,*/
    /*#DIV_FIRMA .generapdfdisabled:hover,*/
    /*#DIV_FIRMA .attachpdfdisabled:hover,*/
    /*#DIV_FIRMA .editistanzadisabled:hover,*/
    #InfoTec_comune button:hover,
    #campi_invio_quesito .btn:hover,
    div.comandi_interni #ScaricaAllegati:hover,
    div.comandi_interni #DocCollegati:hover,
    div.comandi_interni #lnkSedutaVirtuale:hover,
    div.comandi_interni #Invio_Comunicazione:hover,
    div.comandi_interni #Iscriviti:hover,
    div.comandi_interni #Atti:hover,
    .img_stampa a:hover,
    .icons1 li a:hover,
    div.comandi_interni input.btn:hover {
        background: var(--primary-button-gradient-hover) !important;
        color: var(--white) !important;
        border: 0 !important;
    }

#DIV_FIRMA .generapdfdisabled,
/*#DIV_FIRMA .attachpdfdisabled,*/
/*#DIV_FIRMA .editistanzadisabled,*/
#DIV_FIRMA .generapdfdisabled:hover
/*#DIV_FIRMA .attachpdfdisabled:hover,*/
/*#DIV_FIRMA .editistanzadisabled:hover*/ {
    background: var(--border-input-standard) !important;
    font-size: 16px;
    text-shadow: none !important;
    display: none;
}


#DataIscrizioneDal_button,
#DataIscrizioneAl_button {
    left: 170px !important;
    bottom: 8px !important;
}

.DIV_ATTACH_BTN {
    width: 40px;
    height: 40px;
    position: relative;
}

#TABLE_ATTACH_CONTAINER.ATTACH_CONTAINER > tbody > tr {
    display: flex;
    align-items: top;
}

.rightArrowTabsVapor {
    position: absolute;
    background: var(--primary-button-gradient) !important;
    width: 30px;
    height: 100%;
    max-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 10px;
    z-index: 1;
    color: var(--white);
}

.leftArrowTabsVapor {
    position: absolute;
    background: var(--primary-button-gradient) !important;
    width: 30px;
    height: 100%;
    max-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 10px;
    z-index: 1;
    color: var(--white);
}

.containerTabsVapor {
    position: relative;
    padding: 0 40px;
    display: flex;
    align-items: center;
}

.detail {
    margin: 10px;
}

.cover {
    margin-left: 30px;
    margin-right: 30px;
    padding-top: 0px;
}

    .cover > div > div.TitoloBando {
        margin: 15px;
    }


    .cover table.VerticalModel_Tab td.VerticalModel_Caption {
        padding-top: 5px;
    }


.liststylenone td {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.liststylenone input {
    margin: 0px 10px !important;
}

.liststylenone textarea {
    margin: 0px 10px !important;
    height: 40px;
}

.main_istanza .contentinput {
    background: var(--white);
    /* margin-left: 20px; */
    padding: 0.5em;
    width: 100%;
    clear: both;
    overflow: hidden;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

    .main_istanza .contentinput h3 {
        margin: 0;
        padding: 0;
    }

.main_istanza .inputdiv {
    float: none;
    margin-right: 20px;
    display: flex;
}

    .main_istanza .inputdiv:has(table[data-type="openGEOFaseII"]) {
        margin-right: 0px;
    }

    .main_istanza .inputdiv label {
        padding-bottom: 20px;
        font-size: 14px;
        line-height: 30px;
    }

.main_istanza table[data-type="openGEOFaseII"] {
    background: #ffffff00;
    position: absolute;
    transform: translateX(268px) translateY(19px);
}

.VerticalModel_ReadOnlyField td {
    padding: 0;
}


/*formattazione cover ostanza*/
.main_istanza #DOCUMENT.cover .FldDomainValue {
    font-size: 14px;
    color: #515157;
    letter-spacing: 0.25px;
    text-align: left;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 400;
    word-break: break-word;
    display: block;
    background: var(--background-input-color);
    border: 1px solid var(--modal-title);
    min-height: 40px;
    min-width: 260px;
    width: 260px;
    padding: 10px 0 0 10px;
}

.main_istanza #DOCUMENT.cover .FldCaption {
    font-size: 14px !important;
    color: var(--modal-text);
    line-height: 16px;
    font-family: Roboto;
    font-weight: 600;
    text-align: left;
}

/*.main_istanza #DOCUMENT.cover .VerticalModel_ReadOnlyField span {
    min-height: 40px;
    min-width: 260px;
    width: 260px;
    padding: 10px 0 0 10px;
}*/

.div_fld_template input, .div_fld_template select {
    display: inline;
    vertical-align: top;
}

.div_fld_template img {
    margin-right: 0;
}

.div_fld_template:has(.DIV_ATTACH_EMPTY_NOT_EDITABLE) {
    display: none;
}

/*Formattazione link  istanza*/
.main_istanza .Attach_label {
    white-space: normal;
}

.main_istanza table.Grid {
    font-size: 1em;
}

span.Fld_Hierarchy_label_width {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk);
    /*margin-bottom: 8px;*/
}

#DIV_FIRMA ul li table td {
    background: unset;
}


.DIV_ATTACH_EMPTY {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    padding: 0px 16px;
    min-width: var(--widthFieldDesk);
}

#Div_ViewerCalendar {
    background: white;
    padding: 15px;
    height: unset;
    overflow-x: auto;
    max-width: 100vw;
}

.CalendarFaseII {
    background: white;
    padding: 15px;
    height: unset;
    overflow-x: auto;
    max-width: 90vw;
}

select.SP_select {
    background-color: var(--background-input-color);
    height: 40px;
    padding: 0px 16px !important;
    border: 1px solid var(--border-input-standard);
    width: 100px;
    margin-bottom: 8px !important;
    /*custom arrow for padding*/
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-repeat: no-repeat;
    border-radius: 0;
    cursor: pointer;
}

    select.SP_select:hover {
        border: 1px solid var(--main-color);
        /*cursor: pointer;*/
    }

    select.SP_select:focus-visible {
        outline: 1px solid var(--main-color);
    }

#Div_ViewerGriglia table td div table.Calendar td.OUT_DAY_CELL_Calendar {
    background: white;
}

#Div_ViewerGriglia table td div table.Calendar td.OUT_DAY_CELL_Calendar,
#Div_ViewerGriglia table td div table.Calendar td.DAY_CELL_Calendar,
#Div_ViewerGriglia table td div table.Calendar td.SATURDAY_CELL_Calendar,
#Div_ViewerGriglia table td div table.Calendar td.SUNDAY_CELL_Calendar,
#Div_ViewerGriglia table td div table.Calendar TD.OUT_SATURDAY_CELL_Calendar,
#Div_ViewerGriglia table td div table.Calendar TD.OUT_SUNDAY_CELL_Calendar,
#Div_ViewerGriglia table td div table.Calendar TD.TODAY_DAY_CELL_Calendar {
    border: 1px solid #ccc;
}

    #Div_ViewerGriglia table td div table.Calendar td.OUT_DAY_CELL_Calendar > table > tbody > tr > td {
        font-size: 12px;
        color: #9DA6AD;
        letter-spacing: 0.4px;
        text-align: left;
        line-height: 12px;
        font-family: Roboto;
        font-weight: 400;
        padding: 10px;
    }


    #Div_ViewerGriglia table td div table.Calendar td.DAY_CELL_Calendar > table > tbody > tr > td {
        font-size: 12px;
        color: #152935;
        letter-spacing: 0.4px;
        text-align: center;
        line-height: 16px;
        font-family: Roboto;
        font-weight: 400;
        text-align: left;
        padding: 10px;
    }

#Div_ViewerGriglia table td div table.Calendar TD.OUT_SATURDAY_CELL_Calendar,
#Div_ViewerGriglia table td div table.Calendar TD.OUT_SUNDAY_CELL_Calendar,
#Div_ViewerGriglia table td div table.Calendar td.SATURDAY_CELL_Calendar,
#Div_ViewerGriglia table td div table.Calendar td.SUNDAY_CELL_Calendar {
    background: #f2f5f8;
}

    #Div_ViewerGriglia table td div table.Calendar TD.OUT_SATURDAY_CELL_Calendar > table > tbody > tr > td,
    #Div_ViewerGriglia table td div table.Calendar TD.OUT_SUNDAY_CELL_Calendar > table > tbody > tr > td,
    #Div_ViewerGriglia table td div table.Calendar td.SATURDAY_CELL_Calendar > table > tbody > tr > td,
    #Div_ViewerGriglia table td div table.Calendar td.SUNDAY_CELL_Calendar > table > tbody > tr > td {
        font-size: 12px;
        color: #152935;
        letter-spacing: 0.4px;
        text-align: center;
        line-height: 16px;
        font-family: Roboto;
        font-weight: 400;
        text-align: left;
        padding: 10px;
    }

    #Div_ViewerGriglia table td div table.Calendar TD.OUT_SATURDAY_CELL_Calendar > table > tbody > tr > td,
    #Div_ViewerGriglia table td div table.Calendar TD.OUT_SUNDAY_CELL_Calendar > table > tbody > tr > td {
        color: #9DA6AD;
    }

table#GridViewer.Calendar td table td div table {
    background: transparent;
}

#Div_ViewerGriglia table td div table.Calendar td.DAY_CAP_Calendar {
    border: none;
    background: white;
    padding: 10px;
    font-size: 14px;
    color: var(--page-title);
    line-height: 20px;
    font-family: Roboto;
    font-weight: 600;
    text-align: left;
}

#Div_ViewerGriglia table td div table.Calendar td.TODAY_DAY_CELL_Calendar td.CAP_CELLCalendar {
    font-size: unset;
    text-align: left;
    padding: 10px;
}

#Div_ViewerGriglia table td div table.Calendar td.TODAY_DAY_CELL_Calendar .CAP_CELLCalendar span {
    color: white;
    padding: 2px;
    background: var(--main-color);
    border-radius: 10px;
}

#Div_ViewerGriglia table td div table.Calendar td.CAPTION_Calendar {
    background: white;
    border: none;
    font-size: 24px;
    color: var(--page-title);
    letter-spacing: 0.18px;
    line-height: 32px;
    font-family: Cairo;
    font-weight: 600;
    text-align: left;
}

TABLE.CalSintetic {
    border: 1px solid #ccc;
}

.CAPTION_CalSintetic {
    background: white;
    border: none;
    font-size: 14px;
    color: var(--page-title);
    letter-spacing: 0.18px;
    line-height: 22px;
    font-family: Cairo;
    font-weight: 600;
}

TD.DAY_CAP_CalSintetic {
    background: white;
    border-bottom: 1px solid #ccc;
}

TD.TODAY_DAY_CELL_CalSintetic {
    text-align: center;
}

TD.DAY_CELL_CalSintetic,
TD.DAY_CELL_CalSinteticUsed,
TD.SATURDAY_CELL_CalSinteticUsed,
TD.SUNDAY_CELL_CalSinteticUsed {
    padding: 10px;
    color: #152935;
    HEIGHT: 18px;
    FONT-SIZE: 8pt;
    CURSOR: pointer;
    TEXT-ALIGN: center;
}

TD.OUT_DAY_CELL_CalSinteticUsed,
TD.OUT_SATURDAY_CELL_CalSinteticUsed,
TD.OUT_SUNDAY_CELL_CalSinteticUsed,
td.OUT_DAY_CELL_CalSintetic {
    padding: 10px;
    background: white;
    color: #9DA6AD;
    letter-spacing: 0.4px;
    line-height: 12px;
    font-family: Roboto;
    font-weight: 400;
    padding: 10px;
}

TD.DAY_CELL_CalSinteticUsed,
TD.SATURDAY_CELL_CalSinteticUsed,
TD.SUNDAY_CELL_CalSinteticUsed,
TD.OUT_SATURDAY_CELL_CalSinteticUsed,
TD.OUT_SUNDAY_CELL_CalSinteticUsed,
TD.OUT_DAY_CELL_CalSinteticUsed {
    background: transparent;
    background-image: linear-gradient(45deg, rgba(228,228,228,1) 0%, rgba(228,228,228,1) 1%, rgba(255,255,255,1) 1%, rgba(255,255,255,1) 10%, rgba(228,228,228,1) 10%, rgba(228,228,228,1) 11%,rgba(255,255,255,1) 11%, rgba(255,255,255,1) 20%,rgba(228,228,228,1) 20%, rgba(228,228,228,1) 21%,rgba(255,255,255,1) 21%, rgba(255,255,255,1) 30%,rgba(228,228,228,1) 30%, rgba(228,228,228,1) 31%,rgba(255,255,255,1) 31%, rgba(255,255,255,1) 40%,rgba(228,228,228,1) 40%, rgba(228,228,228,1) 41%,rgba(255,255,255,1) 41%, rgba(255,255,255,1) 50%,rgba(228,228,228,1) 50%, rgba(228,228,228,1) 51%,rgba(255,255,255,1) 51%, rgba(255,255,255,1) 60%,rgba(228,228,228,1) 60%, rgba(228,228,228,1) 61%,rgba(255,255,255,1) 61%, rgba(255,255,255,1) 70%,rgba(228,228,228,1) 70%, rgba(228,228,228,1) 71%,rgba(255,255,255,1) 71%, rgba(255,255,255,1) 80%,rgba(228,228,228,1) 80%, rgba(228,228,228,1) 81%,rgba(255,255,255,1) 81%, rgba(255,255,255,1) 90%,rgba(228,228,228,1) 90%, rgba(228,228,228,1) 91%,rgba(255,255,255,1) 91%, rgba(255,255,255,1) 100%);
    font-weight: unset;
}

TD.SATURDAY_CELL_CalSintetic,
TD.SUNDAY_CELL_CalSintetic {
    font-size: 12px;
    color: #152935;
    font-family: Roboto;
    font-weight: 400;
    padding: 10px;
    background: #f2f5f8;
}

TD.OUT_SUNDAY_CELL_CalSintetic,
TD.OUT_SATURDAY_CELL_CalSintetic {
    font-size: 12px;
    color: #152935;
    font-family: Roboto;
    font-weight: 400;
    padding: 10px;
    background: #f2f5f8;
    color: #9DA6AD;
}

TD.OUT_DAY_CELL_Calendar table table tr td,
TD.OUT_SATURDAY_CELL_Calendar table table tr td,
TD.OUT_SUNDAY_CELL_Calendar table table tr td,
TD.TODAY_DAY_CELL_Calendar table table tr td,
TD.DAY_CELL_Calendar table table tr td,
TD.SUNDAY_CELL_Calendar table table tr td,
TD.SATURDAY_CELL_Calendar table table tr td {
    border: none !important;
    padding: 5px !important;
}

TD.OUT_DAY_CELL_Calendar table table tr,
TD.OUT_SATURDAY_CELL_Calendar table table tr,
TD.OUT_SUNDAY_CELL_Calendar table table tr,
TD.TODAY_DAY_CELL_Calendar table table tr,
TD.DAY_CELL_Calendar table table tr,
TD.SUNDAY_CELL_Calendar table table tr,
TD.SATURDAY_CELL_Calendar table table tr {
    border-left: 2px solid var(--main-color);
    background: rgba(186,199,235,0.4);
    border-top: none;
}

TD.OUT_DAY_CELL_Calendar table table tr,
TD.TODAY_DAY_CELL_Calendar table table tr,
TD.DAY_CELL_Calendar table table tr {
    border-bottom: 2px solid white;
}

TD.OUT_SATURDAY_CELL_Calendar table table tr,
TD.OUT_SUNDAY_CELL_Calendar table table tr,
TD.SUNDAY_CELL_Calendar table table tr,
TD.SATURDAY_CELL_Calendar table table tr {
    border-bottom: 2px solid #f2f5f8;
}

.ui-datepicker {
    width: 260px !important;
    margin: 5px auto 0;
    font: 12pt Arial, sans-serif;
    /*-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);*/
}


.ui-datepicker-header {
    background: var(--white);
    color: var(--white);
    font-family: 'Times New Roman';
    border: none;
}

.ui-datepicker-title {
    display: flex;
    justify-content: space-between;
}

.ui-datepicker-prev {
    float: left;
    cursor: pointer;
    background-position: center -30px;
}

.ui-datepicker-next {
    float: right;
    cursor: pointer;
    background-position: center 0px;
}

.ui-datepicker thead {
    background-color: #f7f7f7;
    background: #f7f7f7;
    /*border-bottom: 1px solid #bbb;*/
}

.ui-datepicker th {
    background-color: #808080;
    background: #808080;
    text-transform: uppercase;
    font-size: 8pt;
    color: #666666;
    /*text-shadow: 1px 0px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}

.ui-datepicker tbody td {
    padding: 0;
    border: none;
}

    .ui-datepicker tbody td:last-child {
        border-right: 0px;
    }

.ui-datepicker tbody tr {
}

    .ui-datepicker tbody tr:last-child {
        border-bottom: 0px;
    }

.ui-datepicker a {
    text-decoration: none;
}

.ui-datepicker td span, .ui-datepicker td a {
    font-size: 14px !important;
    color: #152935 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
    line-height: 20px !important;
    font-family: Roboto !important;
    font-weight: 500 !important;
    border: none !important;
    background: white !important;
}

.ui-state-default.ui-state-highlight.ui-state-active,
.ui-datepicker-today .ui-state-default.ui-state-highlight {
    font-size: 14px;
    color: var(--white) !important;
    background-color: var(--main-color) !important;
    background: var(--main-color) !important;
    border-radius: 5px;
    letter-spacing: 0;
    text-align: center;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 500;
}

.ui-datepicker td span, .ui-datepicker td a:hover {
    color: var(--white) !important;
    background: var(--primary-button-gradient) !important;
    border-radius: 5px;
}

.ui-datepicker-header {
    font-size: 14px;
    color: #152935;
    line-height: 24px;
    font-family: Cairo SemiBold;
    font-weight: 600;
    text-align: left;
    border: none;
}


.ui-datepicker-prev {
    display: none;
}

.ui-datepicker-next {
    display: none;
}


.ui-datepicker th {
    background-color: var(--white);
    background: var(--white);
    text-transform: uppercase;
    color: #5b6973;
    /*text-shadow: 1px 0px 0px #fff;*/
    /*filter: dropshadow(color=#fff, offx=1, offy=0);*/
}

select.ui-datepicker-month,
select.ui-datepicker-year {
    /* width: 120px; */
    /* height: 40px; */
    padding: 0px 16px;
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    height: 40px;
    border: 1px solid var(--border-input-standard);
    margin-bottom: 8px !important;
    /*custom arrow for padding*/
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC);
    background-position: 100%;
    background-repeat: no-repeat;
    border-radius: 0;
    cursor: pointer;
    font-family: 'Roboto', sans-serif;
    min-width: 0;
}

    select.ui-datepicker-month:hover,
    select.ui-datepicker-year:hover {
        border: 1px solid var(--main-color);
        /*cursor: pointer;*/
    }

    select.ui-datepicker-month:focus-visible,
    select.ui-datepicker-year:focus-visible {
        outline: 1px solid var(--main-color);
    }

.ui-widget.ui-widget-content:not(.ui-tooltip) {
    border: none !important;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    padding: 0px;
}

#ui-datepicker-div {
    z-index: 99 !important;
}

table.Folder {
    border-bottom: 1px solid #c9d9e8 !important;
}

DIV.top-div {
    background: var(--white);
    border: 1px solid var(--modal-title);
    border-bottom: 4px solid var(--modal-title);
    padding: 10px;
    margin: 0px 20px 0px;
}

    div.top-div .help p .help {
        padding: 0px;
    }

DIV.main-div {
    padding: 20px;
    width: auto;
}

.help p {
    font-size: 16px;
    color: #152935;
    letter-spacing: 0;
    text-align: left;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 500;
}

.suggerimenti_title {
    background: url('../../images/circle-info-solid.png') no-repeat left top;
    font-weight: 600 !important;
    padding: 0 0 0 28px;
    background-size: 22px;
}

.INFO_BOX_TB {
    position: fixed;
    background: transparent;
    width: 100vw;
    height: 100vh;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0;
    color: var(--main-color)
}

    .INFO_BOX_TB.noWidth.noHeight.noPosition {
        position: unset;
        width: unset;
        height: unset;
    }

.p0important {
    padding: 0 !important;
}

.ui-accordion h3.ui-accordion-header.ui-state-default {
    height: 64px;
    background: #F2F5F8;
    font-size: 24px;
    color: var(--modal-title);
    letter-spacing: 0.23px;
    text-align: left;
    line-height: 24px;
    font-family: Cairo;
    font-weight: 600;
    border-radius: 0;
    border: 1px solid transparent;
    border-bottom: 1px solid var(--border-input-standard);
    display: flex;
    align-items: center;
}

    .ui-accordion h3.ui-accordion-header.ui-state-default.ui-accordion-header-active span::before {
        content: "\f107";
        font-size: 16px;
    }

    .ui-accordion h3.ui-accordion-header.ui-state-default:hover {
        border: 1px solid var(--main-color);
    }

    .ui-accordion h3.ui-accordion-header.ui-state-default span {
        font-family: var(--fa-style-family,"Font Awesome 6 Free");
        font-weight: var(--fa-style,900);
        background-image: unset;
        width: 36px;
        height: 100%;
        text-indent: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0;
    }

        .ui-accordion h3.ui-accordion-header.ui-state-default span::before {
            content: "\f105";
            font-size: 16px;
        }


div.div_loading.ui-accordion-content.ui-corner-bottom.ui-helper-reset.ui-widget-content.ui-accordion-content-active {
    background: white;
    border-radius: 0px;
    border: 0px;
}

.html_gerarchici {
    background: white;
}

    .html_gerarchici #text-cerca {
        background-color: var(--background-input-color);
        background: var(--background-input-color);
        min-height: 40px;
        padding: 0px 16px;
        border: 1px solid var(--border-input-standard);
        min-width: var(--widthFieldDesk);
        margin-bottom: 8px;
    }

        .html_gerarchici #text-cerca:hover {
            border: 1px solid var(--main-color);
        }

        .html_gerarchici #text-cerca:focus, .html_gerarchici #text-cerca:focus {
            outline: none;
        }

.div_geo .div_gerarchici {
    border: none;
    width: 94%;
}

.div_geo form input.button, .div_geo input.btn, .div_geo input[type="submit"], .div_geo input[type="button"] {
    padding: 0;
}

.html_gerarchici #annulla-button {
    display: none;
}

.html_gerarchici #area-ricerca.area-ricerca {
    margin: 0;
    background: white;
}

#tree_div_sx #area-ricerca #text-cerca {
    width: 100% !important;
}

#tree_div_sx #area-ricerca input#cerca-button {
    margin-left: 5px !important;
    margin-top: 5px !important;
}


.html_gerarchici .ul_gerarchico li, font, label {
    font-family: Roboto;
}

.html_gerarchici .ul_gerarchico li {
    line-height: 18px;
    margin-left: 12px;
}

#divExpand {
    position: absolute;
    top: 140px;
    height: 40px;
    width: 40px;
    color: black;
    z-index: 1000;
    transform: rotateZ(270deg);
    background: var(--white);
    left: 45%;
}

/* Se lo schermo è più piccolo di 1200px, aumenta la larghezza */
@media (max-width: 1650px) {
    #divExpand {
        left: 34% !important;
    }
}


@media (max-width: 1300px) {
    #divExpand {
        left: 27% !important;
    }
}

/* Se lo schermo è più piccolo di 992px, aumenta ancora */
@media (max-width: 992px) {
    #divExpand {
        display: none;
    }
}

#text-cerca {
    background: #F2F5F8;
    border: 1px solid var(--main-color);
    width: 200px !important;
    min-height: 40px;
    border-radius: 0;
}

.tree {
    border: 0;
}

ul.dynatree-container {
    font-size: 14px;
    color: #152935;
    letter-spacing: 0;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 700;
    text-align: left;
    background-color: white;
    background: white;
    border: 0;
    white-space: break-spaces;
    width: 100%;
}

    ul.dynatree-container li {
        padding: 0 0 0px;
        background: none;
        min-width: 300px;
        border: 1px solid var(--white);
    }

        ul.dynatree-container li span.dynatree-node {
            list-style-image: none;
            list-style-position: outside;
            list-style-type: none;
            background: none;
            min-height: 40px;
            padding: 5px;
            margin: 0;
            align-items: center;
            display: flex;
        }

/*ul.dynatree-container li span.dynatree-node img {
                width: 16px;
                height: 16px;
                object-position: -9999px 9999px;
                background-image: url('../../images/add-folder.png');
            }*/

DIV .area-ricerca {
    height: auto;
    margin-bottom: 20px;
}

.dynatree-exp-cd span.dynatree-expander,
.dynatree-exp-el span.dynatree-expander,
.dynatree-exp-edl span.dynatree-expander,
.dynatree-exp-cdl span.dynatree-expander,
.dynatree-exp-cl span.dynatree-expander,
span.dynatree-expander,
span.dynatree-connector {
    background-position: 6px center;
    background-image: url('../../images/right-arrow.png');
    background-size: 35%;
}

span.dynatree-expander {
    padding: 10px 0;
    cursor: pointer;
    pointer-events: auto !important;
}

.dynatree-container .dynatree-title:focus-visible {
    outline: none;
}

.dynatree-ico-c img {
    display: none;
}

.tree,
.tree-find,
.selezionati {
    border: none;
    border-left: 1px solid #666;
}

.tree,
.tree-find {
    height: 65vh !important;
    margin-bottom: 80px;
}

/* Risoluzione tra 2K (2560px) e Full HD (1920px) */
@media (max-width: 2560px) and (min-width: 1921px) {
    .tree,
    .tree-find {
        height: 75vh !important;
        margin-bottom: 80px;
    }
}

/* Breakpoint 1920px - 1720px */
@media (max-width: 1920px) and (min-width: 1721px) {
    .tree,
    .tree-find {
        height: 70vh !important;
        margin-bottom: 80px;
    }
}

/* Breakpoint 1720px - 1520px */
@media (max-width: 1720px) and (min-width: 1521px) {
    .tree,
    .tree-find {
        height: 70vh !important;
        margin-bottom: 80px;
    }
}

/* Breakpoint 1520px - 1320px */
@media (max-width: 1520px) and (min-width: 1321px) {
    .tree,
    .tree-find {
        height: 65vh !important;
        margin-bottom: 80px;
    }
}

/* Risoluzione Full HD (1320px - 1080px) */
@media (max-width: 1320px) and (min-width: 1081px) {
    .tree,
    .tree-find {
        height: 60vh !important;
        margin-bottom: 80px;
    }
}

/* Breakpoint tra Full HD e Tablet: 1080px - 880px */
@media (max-width: 1080px) and (min-width: 881px) {
    .tree,
    .tree-find {
        height: 60vh !important;
        margin-bottom: 80px;
    }
}

.iframeRightArea {
    height: 100% !important;
}

/* Fix BVEP-23915: Applicare il background solo ai folder nodes, 
 * non ai leaf nodes (estensioni file) che hanno icone custom */
ul.dynatree-container span.dynatree-exp-e:not(.dynatree-ico-e) img {
	background-image: url('../../images/less-folder.png') !important;
}

.dynatree-exp-ed span.dynatree-node img,
.dynatree-exp-e span.dynatree-expander {
    background-position: 10px center;
    background-image: url('../../images/down-arrow.png');
    background-size: 35%;
}

span.dynatree-expander {
    width: 27px;
}

.dynatree-title {
    min-width: 300px;
}

span.dynatree-active a {
    font-size: 14px;
    color: #152935 !important;
    letter-spacing: 0;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 700;
    text-align: left;
    background-color: white !important;
    min-width: 300px;
}

.dynatree-exp-ed,
.dynatree-active,
.dynatree-exp-e {
    border: 1px solid var(--main-color);
}

    .dynatree-exp-ed a {
        background: var(--white);
    }

.dynatree-focused a {
    background: var(--white) !important;
    border: 0;
}

span.dynatree-node a {
    padding-left: 5px;
    font-size: 14px;
}

span.dynatree-checkbox {
    width: 16px !important;
}

.dynatree-loading span.dynatree-expander {
    background-image: url(../../images/FaseII/vaporLoader.gif);
    background-position: center;
    background-repeat: no-repeat;
}

.div_pulsanti_finestra {
    background: var(--white);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 1rem;
    display: flex;
    gap: 1rem;
    justify-content: center;
    z-index: 999;
}

.div_pulsanti_finestra_OE {
    width: 75% !important; /* sovrascrive la width standard */
}

.div_pulsanti_finestra input {
    margin-top: 20px;
}

    .div_pulsanti_finestra input:first-child {
        margin-left: auto;
    }

.div_pulsanti_finestra input {
    background: var(--primary-button);
    background: var(--primary-button-gradient);
    display: unset;
    line-height: unset;
}

input.button-grafica:hover {
    background: var(--primary-button-gradient-hover) !important;
    color: var(--white) !important;
}

.tips,
#paginazione ul {
    margin: 0;
    background: var(--white);
}

#toolbarprivate,
#toolbarpublic {
    background: var(--white);
    position: relative;
    min-height: 80px;
}

#template_doc {
    width: 100% !important;
    padding: 20px 0;
}

.comandi_interni {
    margin-bottom: 0;
    padding: 20px 0;
    position: absolute;
    right: 154px;
}


.container-fluid {
    min-height: calc(100vh - 251px);
}

#chiarimenti {
    padding: 60px 10px;
    background: var(--white);
}

.card-vapor {
    width: 100%;
    height: 400px;
    background: white;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    position: relative;
}

    .card-vapor #loader {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: unset;
    }

    .card-vapor .widget-list-body #loader {
        height: calc(100% - 67px);
    }

    .card-vapor .widget-list-body {
        margin-bottom: 32px;
    }

.widget-list .card-vapor .widget-list-row .fa-arrow-right {
    cursor: pointer;
}

.widget-list .card-vapor > div:last-of-type {
    margin-top: auto;
}

.widget-list .card-vapor .widget-list-body {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
}

.widget-list .card-vapor .widget-list-container-title {
    display: flex;
    color: var(--widget-title);
    align-items: center;
}

    .widget-list .card-vapor .widget-list-container-title h5 {
        font-size: 24px;
        color: var(--widget-title);
        letter-spacing: 0.18px;
        line-height: 32px;
        font-family: Cairo;
        font-weight: 600;
        text-align: left;
        padding: 0;
        margin-left: 10px;
    }

table:has(.VerticalModel_ReadOnlyField ) #Cell_OE_Estero {
    position: absolute;
    left: 0;
    bottom: 17px;
}

.card-vapor .header {
    border-bottom: 1px solid #C9D9E8;
    padding: 24px;
    padding-bottom: 10px
}

    .card-vapor .header .title {
        font-size: 24px;
        color: var(--widget-title);
        letter-spacing: 0.18px;
        line-height: 32px;
        font-family: Cairo;
        font-weight: 600;
        text-align: left;
        padding-right: 10px;
    }

.card-vapor .body {
    font-size: 16px;
    color: #5A6872;
    letter-spacing: 0.44px;
    text-align: left;
    line-height: 24px;
    font-family: Roboto;
    font-weight: 400;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
}

    .card-vapor .body p {
        text-align: center;
        line-height: 24px;
    }

        .card-vapor .body p.kpi-text {
            font-size: 32px;
            color: var(--main-color);
            font-family: Roboto;
            font-weight: 700;
            text-align: center;
        }

.card-vapor .footer {
    /*border-top: 1px solid #C9D9E8;*/
    background: #F2F5F8;
    padding: 15px;
}

    .card-vapor .footer .primary-button {
        max-width: max-content;
        cursor: pointer;
    }

.AF_CHAT_ICO {
    opacity: 0.7;
    position: fixed;
    top: -500em;
    right: -500em;
    z-index: -10;
    width: 120px;
    height: 90px;
}

.AF_CHAT_TAB {
    height: 100%;
    width: 100%;
}

#AF_CHAT_ROOMS {
    direction: rtl;
}

#AF_CHAT_ROOM {
    width: 100% !important;
    overflow: unset;
    overflow-y: auto;
    border: none;
}

li.AF_CHAT_ROOM_CURRENT.AF_CHAT_OPEN,
li.AF_CHAT_ROOM.AF_CHAT_OPEN,
li.AF_CHAT_OPEN,
li.AF_CHAT_ROOM_CURRENT,
li.AF_CHAT_ROOM {
    padding: 15px;
    /*background: url(../../images/chat_attiva.png);*/
    padding-left: 60px;
    background-repeat: no-repeat;
    background-position-x: 10px;
}

    li.AF_CHAT_ROOM_CURRENT.AF_CHAT_OPEN:hover,
    li.AF_CHAT_ROOM.AF_CHAT_OPEN:hover,
    li.AF_CHAT_OPEN:hover,
    li.AF_CHAT_ROOM_CURRENT:hover,
    li.AF_CHAT_ROOM:hover {
        background-position-x: 10px;
    }

.AF_CHAT_MSG_USER_PA,
.AF_CHAT_MSG_AZI,
li.AF_CHAT_ROOM_CURRENT {
    color: var(--main-color) !important;
}

.AF_CHAT_MSG_USER_PA, .AF_CHAT_MSG_PA, .AF_CHAT_MSG_USER_OE, .AF_CHAT_MSG_OE {
    /* padding:10px; */
    border-radius: 0px;
    -moz-border-radius: 0px;
    /* -webkit-border-radius:10px; */
    /* margin: 0px 10px 3px 0px; */
}

#AF_CHAT_MESSAGE {
    margin: 10px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

    #AF_CHAT_MESSAGE:focus-visible {
        outline: none;
    }

input.AF_CHAT_SEND_MSG {
    cursor: pointer;
    background: var(--primary-button-gradient);
    font-size: 16px;
    color: var(--white);
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 41px;
    text-shadow: 1px 1px 0 rgba(21,41,53,0.24);
    font-family: Roboto;
    font-weight: 500;
    border: 0;
    height: 40px;
    min-width: 143px;
    margin-right: 20px;
    display: block;
    padding: 0;
    padding-left: 12px;
    padding-right: 12px;
}

    input.AF_CHAT_SEND_MSG:hover {
        color: var(--white);
        opacity: 0.8;
    }

#AF_CHAT_ROOMS > UL {
    margin-top: 0;
    border-right: 1px solid #ccc;
}

li.AF_CHAT_ICO_NOT_READ {
    border: none;
}

/* LAYOUT LISTA ATTIVITA */

.ListaAtt #wrapper {
    padding-left: 0;
}

.ListaAtt #page-content-wrapper {
    margin-left: 0 !important;
    height: auto !important;
}

.ListaAtt #footerCompact {
    width: 100vw !important;
}


.ListaAtt #LISTA_ATTIVITA_TOOLBAR_Prosegui img {
    margin-left: 0px;
    background: var(--primary-button);
    background: var(--primary-button-gradient);
    font-size: 16px;
    color: var(--white);
    letter-spacing: 0.2px;
    text-align: center;
    line-height: 41px;
    text-shadow: 1px 1px 0 rgba(21,41,53,0.24);
    font-family: Roboto;
    font-weight: 500;
    border: 0;
    height: 40px;
    min-width: 143px;
    /* margin-left: 20px; */
    display: block;
    content: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    border-radius: 2px;
}

    .ListaAtt #LISTA_ATTIVITA_TOOLBAR_Prosegui img:hover {
        background: var(--primary-button-hover);
        background: var(--primary-button-gradient-hover);
    }


.ListaAtt #LISTA_ATTIVITA_TOOLBAR_Prosegui::before {
    content: 'Continua';
    color: white;
    font-family: Roboto;
    font-weight: 500;
    font-size: 18px;
    position: absolute;
    transform: translate(50%, 50%)
}

.ListaAtt #LISTA_ATTIVITA_TOOLBAR_Prosegui {
    display: block;
    transform: translateY(28px);
}

.ListaAtt ul.Toolbar {
    margin: 0;
}

.ListaAtt .numerorighe {
    margin: 0 20px;
}

/*RTE*/
.rte-toolbar {
}

    .rte-toolbar select {
        background-color: var(--background-input-color) !important;
        background: var(--background-input-color) !important;
        height: 40px !important;
        padding: 0px 16px !important;
        border: 1px solid var(--border-input-standard);
        min-width: var(--widthFieldDesk);
        margin-bottom: 8px !important;
        /*custom arrow for padding*/
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC) !important;
        background-position: 100% !important;
        background-repeat: no-repeat !important;
        border-radius: 0 !important;
        cursor: pointer !important;
        font-family: 'Roboto', sans-serif !important;
    }

        .rte-toolbar select:hover {
            border: 1px solid var(--main-color);
            /*cursor: pointer;*/
        }

        .rte-toolbar select:focus-visible {
            outline: 1px solid var(--main-color);
        }

    .rte-toolbar a {
        min-height: 40px;
        text-align: center;
        font-size: 17px;
        background: var(--primary-button-gradient) !important;
        color: var(--white);
        width: 40px;
        min-width: 40px;
        padding: 0;
        cursor: pointer;
        content: url("");
    }

        .rte-toolbar a.bold {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABOUExURf///9XY28jMz+Pl52ZveiIvPjA8SnV9h1libpGXn6yxtnR8hpCXni87ScjLz/Hy85+kq62yt1ljbj1IVT5JVktVYmdwe56kqkxWYoKKkra/o4sAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADQSURBVDhP7ZJbEoMgDEWxFNT6qlpru/+NlsjVkmg6XYDni5ucAYZgTv4lu2xYlA65ugSfZyjvKeCslKjvkKK7oSEhsaqJqmhI9GhISGyx7ioy1yRIRdORWCMImLgk5ZJcpFsqL8TEOoQCawmJ9ziYfgjrRntyEhNGdTRc9D3Ke8SO7vHr6LGIjGT6Dh0BidsT2ymkJ4KAiXE0x4dzUcYE0aGz/xFtSG5G4DDRvkjU7ziUC7knzU3oCEhkaMOWovop3hAi06zMJdB+0TY7OcSYD0s3CfK/6bVOAAAAAElFTkSuQmCC) !important;
            background-position: 100% !important;
            background-repeat: no-repeat !important;
            transform: scale(0.7);
        }

        .rte-toolbar a.italic {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADzUExURf///9LV2F9oc05YZExXY05ZZVljbquwtvr6++Pl552jqmlyfCIvPis3RXyDjKaqsd3e4cvO0WpzfO/w8bzAxCMwP6ius/39/ZOZoS87SsTHy2VueUtWYtbZ2+Tm6EpUYWx1f+zt7zxHVCQxQIiPl/z8/KitszA8Si87Saasso2UnDxIVcbJzevs7mpzfejp69vd4FJcaGlxfMvO0jtGVJWco/7+/ra6v8PHy/r6+oqRmSYzQfLz9PX19mBpdEBLWOvs7ThDUXB5gvHy8+Tl54GIkfT19e3u74CHkCo2RSc0QmVueKSqsPb396iss6KnrsjLzybfWvEAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC5SURBVDhP7dFdUwEBGMXxpY3keCmWWitqFSpvqc17FKKovv+naaY5t3vGpWb2d/V/zu1jBP6NUPjANM3DSPSIg5/YcRxIJFNp3sIJcJphS1lYuTxbOsO5zdQKcIpM6aKE8iVbsq/cyjVbuqnW6kzt1r27Z0qNJpwWW2p38MDUuo94Ykres4UeW+oPMByxpfEEL0xtOsMrU8i/zRfApLX0OPh5X4XXwMfnZsvBz+jr+8/PTr8O7AHD+AWrVRCfPyyAjwAAAABJRU5ErkJggg==) !important;
            background-position: 100% !important;
            background-repeat: no-repeat !important;
            transform: scale(0.8);
        }

        .rte-toolbar a.underline {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABFUExURf////Hy85+kqzA8SiIvPp6kqpCXnmZvesjLz0xWYj1IVePl59XY27q+wktVYq2yt1ljbsjMz4KKki87SayxtnR8hpGXnxpCoJcAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADKSURBVDhP7ZTLFoMgDEQJBIsvrNr2/z+1giM+iD1dtDvvihlGg/EQ9T9Ia8IyIXqG2RxcyVOWJywEkDxVBLOAAJJ3BRNXMCGZNynogllCgCp4DmKhDiY3UJE2WjVUwgfXbJLNdBGYPdTK/LzpIJWNOW4hN8SjM991T9TrclYDNrdQLL7HZ7c1kCfH3cetEKov+JPcxCO2Dgxi3YX2OcZUNWQNzCDn3MeXfUmtXwL5NJv/dY48zSTEaSZxDJ6VHvND2kLA/qJPIkq9AZwsC6pwIktLAAAAAElFTkSuQmCC) !important;
            background-position: 100% !important;
            background-repeat: no-repeat !important;
            transform: scale(0.5);
        }

        .rte-toolbar a.unorderedlist {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoBAMAAAB+0KVeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAhUExURf///4KKkiIvPjA8SoOKk7q+wkxWYqyxti87ST1IVUtVYlnMsPYAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABESURBVDjLY6AnEDLBFGNUUhJgYAhTggJzsCCHkpICA8MkmKAyWJBJSakBSVADSXsUTLAdYqiEIsNgA6N+RwXDyu8MDABvkhxpDB569gAAAABJRU5ErkJggg==) !important;
            background-position: 100% !important;
            background-repeat: no-repeat !important;
            transform: scale(0.6);
        }

        .rte-toolbar a.insertorderedlist {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABIUExURf///0tVYiIvPpCXnoKKktXY28jMz/Hy88jLz0xWYj1IVePl5y87Sbq+wjA8Sllibmdwe1ljbqyxtp+kq56kqmZvenV9h3R8htqdNM4AAAAJcEhZcwAADsMAAA7DAcdvqGQAAADFSURBVDhP7ZPBEoMgDEQVEKmgVGv1//+0ENZB0MrVmfaddpIlhAypfpqaMQ55jag3YyMT2hCNKBhd6YRH7oSxQT6iKB3ZKnbIb9RfKrqaKuHQozY91G3xY9bQlxg3ieHwwhMU55Zm2z/HhCnkI/o1GFexDWPe0cAAZtYJ36NGOpIZDZOSQtPbJuRX06fJDp/SzpzP0HfFP2aBvkRYa8KvLyyXlnIhY2m5KOiMxeXSSq0UKy2XGMcBPWKrQN6jb22F/gOq6gP2rwg9DeBBtAAAAABJRU5ErkJggg==) !important;
            background-position: 100% !important;
            background-repeat: no-repeat !important;
            transform: scale(0.7);
        }

        .rte-toolbar a.image {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAIfSURBVFhH7dbNSxRhAMfxtewFtUghSkIy9CShIOohylPXMBQkIqlb0UU6aX9ARBDqSYJIPRRBhL3QQQ3sIKJRRJAYFFoUoXUoLKXshfr+xl3Q1dlnZ+YZLz1f+LCOLLMPz8w88yRcLpfrPy8n+WlqJ/Yh2++b+oOXWPCOItaGn/hr2RxOIGOmGTmMh+jADejENtqMVjTjIMYRqit4BVuXdnkbMY1u78inDclPvwrwEWFnbi8aUOodrUz34Qds9458Mg0wSi14jbvJz5MIXFwD1OXrwh1oFm8nj3MRqLgGuBWFeIR3GMYO5CFQcQ1Q69sgLqIPl6DV4CsCFec9eBw3sR+3cAyBi3OAX3AWNTiDzwicrQGWQ/fZIe/IYlEHqAX8NJ6jAvdRhfTy0Y7AD4mp6xhZ+nNVu/EA33EOWzCAGZQh1R48hRb7ZyhBKp1bv+Fb2BlsxAvox2vRiUU04S2GUIxqPIZmug6/8AQHYKX0GdRrqRe/oSVEL/30ijABvcPn0Q9dYqX1Uef8gVMwzqCp5QOsxxtMQTuQTGlm9V2tf+lXSbOp+1HvYt0ekQc4hgvQrF3DNmRTxk0AHcE3RB6gbu5POKp/WM7KQ6JLVQntStY90wA1e9oPznpH9tP9mHGvadopa1t+GVrnRhF247pWerLv4SrO6x9h2oQe6InT4Gx7D+0XfTPNYKpd0Imy/X42adGehNZEl8vlcq1ZIvEPRwuP4yt0GToAAAAASUVORK5CYII=) !important;
            background-position: 100% !important;
            background-repeat: no-repeat !important;
            transform: scale(0.7);
        }

.FRM_RTE {
    FONT-SIZE: 10pt;
    WIDTH: 100%;
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    border: 1px solid var(--border-input-standard);
    min-width: var(--widthFieldDesk) !important;
    margin-bottom: 8px;
}

.FRM_RTE {
    background-color: var(--background-input-color);
    background: var(--background-input-color);
    min-height: 40px;
    border: 1px solid var(--main-color);
}

.doc_cambio_password {
    height: unset;
    margin-bottom: 75px;
}

li.AF_CHAT_ICO_NOT_READ {
    background: url(../../images/notReadNew.png) top right no-repeat;
    height: 13px;
}

.AF_CHAT_MSG_TIME {
    background: url(../../images/readNew.png) top right no-repeat;
    height: auto;
    margin: 10px auto;
    font-size: 14px;
    padding-bottom: 5px;
}

#AF_CHAT_ROOM {
    padding: 15px;
    height: 600px !important;
}

#AF_CHAT_MSG {
    position: fixed;
    bottom: 24px;
    right: 23px;
    width: 24%;
}

@media screen and (max-width: 1400px) {
    #AF_CHAT_ROOM {
        height: 257px !important;
    }
}

.captionDocument #CAPTION_DOCUMENT_ID {
    display: inline-table;
    border-bottom: 1px solid var(--main-color);
}

#cap_Chiede {
}

    #cap_Chiede p,
    #cap_Chiede div {
        font-weight: 500;
        font-size: 14px;
        line-height: 15px;
    }

.dropHere {
    /*width: 100%;*/
    height: calc(100vh - var(--height-header) - 50px - 50px);
    background-color: rgb(0 0 0 / 50%);
    background: rgb(0 0 0 / 50%);
    display: flex;
    justify-content: center;
    font-size: 30px;
    font-weight: 500;
    align-items: center;
    position: fixed;
    border: 5px dashed var(--white);
    color: var(--white);
}

.deleteGroup {
    padding-right: 30px;
    background: transparent;
    color: var(--main-color);
    border: none;
    outline: none;
    opacity: 1;
}

    .deleteGroup:focus-visible,
    .deleteGroup:focus,
    .deleteGroup:hover {
        border: none;
        outline: none;
        opacity: 0.5;
        transition: all 0.1s linear;
    }

    .deleteGroup i::before {
        content: "\f00d" !important;
    }

.TD_ATTACH_ALL {
    min-height: 40px;
    min-width: 260px;
    padding: 0px;
}

table.Attach_Tab tbody tr td {
    display: flex;
    align-items: center;
}

table.VerticalModel_Tab { /* margin-bottom:40px; */
}

#BANDO_GARA_DOCUMENT {
    margin-bottom: 0;
}


.Grid input[disableminwidth="yes"] {
    min-width: unset !important;
}

/*Quiz*/
.quizFaseII {
    background: var(--white);
}

    .quizFaseII .display_none {
        display: none !important;
    }

    .quizfaseII th {
        font-size: 11pt;
    }

    .quizfaseII tr {
        text-align: left;
    }

    .quizfaseII .GrigliaFaseII tr td {
        padding: 15px;
    }


span.Fld_Number {
    text-align: right !important;
}

h3#insertquesito #accordionGroup_WinFilter {
    padding-right: 10px
}

#AreaInsertQuesito h3 {
    width: 100%;
    user-select: none;
    height: 32px;
    background-color: unset !important;
    border-bottom: 1px solid #c9d9e8;
    flex-direction: row;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--main-color);
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    font-family: 'Cairo';
    font-weight: 600;
    text-transform: uppercase;
    padding-left: 10px;
}

#AreaInsertQuesito td[colspan="4"]:has(form#FormInsQuesito) {
    border: 0;
}

.DOC_SECTION_ACCESS_DENIED {
    margin: 30px;
}

span.Fld_Number {
    text-align: right !important;
    flex-direction: row-reverse;
}

/*br:not(.Grid br):not(#aziProfilo_label br):not(div ul li br):not(.main_istanza br):not(#grigliaquesiti br):not(#template_doc br) {
    display: none;
}*/


.DIV_ATTACH_CONTAINER {
    margin-bottom: 8px;
    display: flex !important;
    padding: 0 !important;
}

.DIV_ATTACH_EMPTY {
    margin: 7px 0 0;
}

.GR0_Attach,
.GR1_Attach {
    vertical-align: top;
}

.reloadSingleBtnWidget {
    position: absolute;
    padding: 10px;
    right: 0;
    cursor: pointer;
    color: var(--main-color)
}

    .reloadSingleBtnWidget:hover {
        opacity: 0.7;
    }

.lastUpdateWidget {
    bottom: 0;
    left: 0px;
    padding: 10px;
    font-size: 12px;
    font-weight: bold;
    font-style: italic;
}

.toastVapor {
    transition: all 0.3s ease-in;
    right: -100%;
    position: fixed;
    top: 80px;
    opacity: 1;
    z-index: 9999;
    min-width: 500px;
    min-height: 68px;
    border-radius: 0;
    border: 1px solid var(--main-color);
    border-bottom: 4px solid var(--main-color);
    align-items: center;
    display: flex;
    background: var(--white);
    max-width: 90%;
}

    .toastVapor .toast-header {
        border-bottom: 0;
        display: flex;
        padding: 0;
        margin: 0;
        align-items: center;
    }

    .toastVapor .toast-body {
        padding: 0;
    }

    .toastVapor .toastTitle {
        display: flex;
        margin: 0;
        padding: 10px;
        align-items: center;
    }

.toast-header svg {
    min-width: 20px;
}

.toastInformative {
    border: 1px solid var(--informative);
    border-bottom: 4px solid var(--informative);
}

.toastWarning {
    border: 1px solid var(--warning);
    border-bottom: 4px solid var(--warning);
}

.toastCheck {
    border: 1px solid var(--check);
    border-bottom: 4px solid var(--check);
}

.toastError {
    border: 1px solid var(--error);
    border-bottom: 4px solid var(--error);
}

.toastMessage {
    margin: 0 15px 0 5px;
    word-break: break-word;
}

.toastTitle {
    font-size: 16px;
    color: #152935;
    letter-spacing: 0.44px;
    text-align: left;
    line-height: 24px;
    font-family: Roboto;
    font-weight: 400;
}

span.spanTitle {
    font-weight: 600;
}

.toastVapor.active {
    right: 40px;
}

.toastVapor.toast {
    opacity: 1;
}

.toast-header svg {
    margin: 0 15px;
}

.toastClose {
    margin-right: 15px;
    margin-left: 15px !important;
}

.counterLoader .fa {
    color: var(--main-color);
}

ul.Toolbar_stampa {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    border-top: none;
    border-bottom: 2px solid var(--main-color);
    padding: 0.5em;
    background: #ffffff;
}

    ul.Toolbar_stampa li {
        display: inline;
    }

        ul.Toolbar_stampa li a {
            display: inline-block;
            background: var(--primary-button) !important;
            background: var(--primary-button-gradient) !important;
            color: #fff;
            font-weight: normal;
            font-size: 0.8em;
            padding: 0.5em;
            margin-right: 0.5em;
            cursor: pointer;
            text-decoration: none;
            min-width: 10em;
            text-align: center;
        }

            ul.Toolbar_stampa li a:hover {
                opacity: 0.8;
                color: white;
            }

#wrapper #menu .emptyState {
    transition: transform 0.5s ease;
    transform-origin: top left;
    transform: scale(1);
}

    #wrapper #menu .emptyState .emptyStateFirstIcon {
        color: var(--iconMenuSx-color);
        opacity: 0.75;
    }

#wrapper #sidebar-wrapper:hover #menu .emptyState {
    transform-origin: top left;
    transform: scale(1) !important;
}

#wrapper.toggled-2 #sidebar-wrapper #menu .emptyState {
    transform-origin: top left;
    transform: scale(0.33);
}

#wrapper #menu .emptyState .emptyStateText:before {
    content: attr(data-placeholder);
    color: var(--iconMenuSx-color);
}

.widgetBase .emptyState {
    transform: scale(0.8) translateY(-50px);
}

#rightArea .emptyState .emptyStateText:before {
    content: attr(data-placeholder);
}

.widgetBase .emptyState .emptyStateText:before {
    content: "Nessun risultato";
}

.widgetList .emptyState .emptyStateText:before {
    content: "Nessun elemento";
}

.emptyState {
    height: 100%;
    width: 100%;
}


    .emptyState .emptyStateFirstIcon {
        color: black;
        position: absolute;
        top: 40%;
        left: 50%;
        width: 80px;
        height: 80px;
        transform: translate(-50%, -50%);
        font-size: 5em;
        opacity: 0.25;
    }

    .emptyState .emptyStateSecondIcon {
        color: var(--informative);
        position: absolute;
        top: calc(40% + 30px);
        left: calc(50% + 40px);
        width: 34px;
        height: 38px;
        transform: translate(-50%, -50%);
        font-size: 2.5em;
    }

    .emptyState .emptyStateText {
        color: var(--informative);
        position: absolute;
        top: calc(50% + 30px);
        left: calc(50%);
        width: 190px;
        height: 32px;
        transform: translate(-50%, -50%);
        font-size: 24px;
        letter-spacing: 0.18px;
        text-align: center;
        line-height: 32px;
        font-family: Cairo;
        font-weight: 600;
    }

.DivTooltipCarrello {
    background: var(--tooltip-background);
    color: var(--white);
    border-radius: 2px !important;
    padding: 10px;
}

    .DivTooltipCarrello .RowCarrello02,
    .DivTooltipCarrello .RowCarrello01 {
        background: unset;
        color: var(--white) !important;
    }

    .DivTooltipCarrello th {
        background: unset;
    }

    .DivTooltipCarrello td {
        font-weight: 400;
    }

div.ui-tooltip:has(div.DivTooltipCarrello) {
    border: none !important;
    background: transparent !important;
}

#main_top_left_div a img,
#main_bottom_left_div a img {
    max-height: 37px;
}

.input-group-btn:hover {
    background: var(--bg-pulsanti-input-group-menu-hover);
    background: var(--bg-pulsanti-input-group-menu-gradient-hover);
    border: unset;
}

#Azienda_div {
    max-width: 100%;
    width: 100%;
}

.col-12.col-md-6.col-lg-6.col-xl-4.col-xxl-3:has(.PubLegFullWidth_div) {
    min-width: 100% !important;
}

.VerticalModel_ReadOnlyField:has(.PubLegFullWidth_div) {
    min-width: 100% !important;
}
.PubLegFullWidth_div {
    width: 100% !important;
}

table.VerticalModel_ReadOnlyField:has(td> div.PubLegFullWidth_div) {
    max-width: 100%;
    width: 100%;
}

#val_PrimoLivelloStruttura {
    max-width: 260px;
}

#Divisione_lotti {
    margin-top: 4px;
}

.obb:before {
    padding-top: 10px;
}

ul.liststylenone li table tbody tr {
    display: flex;
}

#Note_V div {
    border: 0 !important;
}

#bando_modifica_testa_me_sda,
#bando_modifica_testa_me_sda tr {
    display: flex;
}

    #bando_modifica_testa_me_sda td {
        width: 100%
    }

.poweredby {
    display: none;
}

table.table_profili_utenti tr td,
table.table_ruoli_utenti tr td {
    padding: 10px 20px 10px 0 !important;
}

    table.table_profili_utenti tr td:nth-child(2),
    table.table_ruoli_utenti tr td:nth-child(2) {
        width: 120px;
    }

#pfuprofili_V, #RuoloUtente_V {
    width: 100%;
    max-width: 450px !important;
}

#div_GridViewer table table.VerticalModel_Tab table.table_ruoli_utenti,
#div_GridViewer table table.VerticalModel_Tab td table.table_profili_utenti,
#div_GridViewer table table.FiltroPortale_Tab table.table_ruoli_utenti,
#div_GridViewer table table.FiltroPortale_Tab td table.table_profili_utenti {
    margin-bottom: 10px !important;
}

#toolbarpublic {
    background: #fff;
}

.SpanLiIst {
    margin: 10px;
}

table.list td {
    line-height: 1.5;
}

.main_istanza p {
    margin: 15px 0;
    line-height: 1.5;
}

.main_istanza strong {
    font-weight: bold;
    padding-right: 5px;
}

td[name="Cell_Categorie_Merceologiche "] div {
    padding: 0 !important;
}

td[name="Cell_SIGN_ATTACH "] div.div_fld_template,
td[name="Cell_F2_SIGN_ATTACH "] div.div_fld_template,
td[name="Cell_F1_SIGN_ATTACH "] div.div_fld_template,
td[name="Cell_F3_SIGN_ATTACH "] div.div_fld_template {
    /*margin-left: 20px !important;*/
    width: unset !important;
    /*padding: 10px !important;*/
    /*margin-top: 20px !important;*/
    background: none !important;
    border: 0 !important;
}

.main_istanza table.dati_impresa table {
    margin-left: 0 !important;
}

.main_istanza h1,
.main_istanza h2,
.main_istanza h3 {
    color: unset;
    font-size: 16px;
}

.main_istanza h1 {
    padding: 0;
    margin: 0;
    padding-left: 0.5em;
}

#Categorie_Merceologiche_edit_new {
    border: 0;
    min-width: 297px;
}

ul.submenuvapor li a {
    height: auto
}

#div_scelta_ufficio_simog li {
    margin: 20px 0
}

    #div_scelta_ufficio_simog li a {
        font-size: 1em
    }

#msgError_V,
#inputWS_V,
#outputWS_V {
    width: 100%;
    line-height: 1.5;
    white-space-collapse: collapse;
}

#DIV_SIGN_ATTACH {
    padding: 0;
}

.liststylenone {
    margin: 40px 0;
}

#TABLE_ATTACH_CONTAINER {
    vertical-align: middle;
    margin-top: 30px !important;
    margin-left: 30px !important;
    margin-bottom: 10px !important;
}

table.Caption_Fixed {
    padding: 10px;
}

td.CellGridExecProcess {
    padding-top: 80px;
}

    td.cellGridExecProcess #div_Grid {
        max-height: 100%;
    }

#Cell_aziE_Mail,
#DATI .VerticalModel_Value {
    position: relative;
}

    #Cell_aziE_Mail .IMG_MAILPEC {
        position: absolute;
        width: auto;
        height: auto;
        top: 16px;
        right: 10px;
        cursor: pointer;
    }

    #DATI .VerticalModel_Value .IMG_MAILPEC {
    }

.ModuloBootstrap {
    background: #fff;
}

.Toolbar {
    width: 100%;
    background: #fff;
    margin: 0 !important;
    padding: 0px 20px;
}

#bottomButtonsContainer .Toolbar {
    width: auto;
}

#bottomButtonsContainer ul.Toolbar li a {
    border-radius: 2px;
    line-height: 20px;
}

#com_dpe_fornitore_testata .FldCaption {
    white-space: unset
}

#com_dpe_fornitore_testata .VerticalModel_Value table.VerticalModel_ReadOnlyField td span,
#com_dpe_fornitore_testata #Azienda_div {
    width: 100%
}

#main_top_left_div a,
#buttonWorkspace:hover,
#main_bottom_left_div a {
    text-decoration: unset;
}

.Grid .Grid_CaptionObblig:before {
    content: "* ";
}


/*@media(max-width: 1200px) {

    #destinatari_info_model > tbody > tr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (min-width: 1200px) {
    #destinatari_info_model > tbody > tr {
        display: flex;
        flex-direction: column;
        height: 100px;
        width: 1000px;
        box-sizing: border-box;
    }

        #destinatari_info_model > tbody > tr td {
            margin-right: 30px;
        }
}*/


#Note_V.RTE_NotEditable div {
	background: unset !important;
	width: 100% !important;
}

/*#DIV_FIRMA_ECO .generapdfdisabled {
    color: var(--white);
    padding-left: 10px;
}*/

#FLD_BUSTA_DOCUMENTAZIONE .cover {
    display: flex;
    flex-direction: column;
    padding: 0;
}

#FLD_BUSTA_DOCUMENTAZIONE .FaseIIVerticalModel {
    margin-bottom: 0px;
}


#TD_ATTACH_ALL .DIV_ATTACH_EMPTY {
    margin: 0;
}


.Grid span {
    font-size: 14px;
    line-height: 1.4;
}

.Grid_RowCaption_Sort img {
    position: absolute;
    top: 6px;
    left: 0px;
}

.FldDomainValue span,
#val_IdPfu span,
#val_StatoFunzionale span,
#val_IdpfuInCharge span,
#PDA_MICROLOTTI_TESTATA .FldDomainValue span,
#PDA_LST_BUSTE_TEC_TESTATA .FldDomainValue span {
    border: 0 !important;
    background: none !important;
    /*padding: 0 !important;*/
    min-height: 0 !important;
}


#NOTIER_ISCRIZ_INFO td,
#NOTIER_ISCRIZ_PA_INFO td,
#NOTIER_ISCRIZ_INFO_FATTURE td {
    max-width: 100%;
    flex: 0 0 100%;
}

#VALORIGrid span {
    vertical-align: middle;
    line-height: 2;
}

#DIV_QUESTIONARIO_AMMINISTRATIVO h1,
#DIV_DGUE h1,
#DIV_QUESTIONARIO_AMMINISTRATIVO h2,
#DIV_DGUE h2 {
    font-size: 23px;
}

/*#RTI td,
#TESTATA_RTI td,
#AUSILIARIE td,
#ESECUTRICI td,
#RTIGRID td,
#SUBAPPALTO td{
    flex: 0 0 100%;
}*/

#cap_LblHelpRDORicercaOE p {
    line-height: 1.5;
}

#RICERCA_OE_DOCUMENT td[colspan="5"] {
    max-width: 100%;
    width: 100%;
    flex: 0 0 100%;
}

#LISTA_ATTIVITA_TOOLBAR_Prosegui:hover {
    background: none;
}

.Toolbar_button a,
.Toolbar_buttonDisabled a {
    margin-right: 1.2em;
    font-size: 1.4em;
    padding: 10px 5px;
    display: inline-block;
}

#FLD_BUSTA_DOCUMENTAZIONE .FaseIIVerticalModel tbody {
    padding-top: 0;
    padding-bottom: 0;
}

#rti_testata tr td:nth-child(3) {
    display: contents;
}

.force_decimal {
    list-style: decimal;
    padding-left: 40px;
}

.LBL_HELP {
    background-color: var(--background-input-color) !important;
    background: var(--background-input-color) !important;
    border: 1px solid var(--border-input-standard);
    padding: 10px;
}

#com_dpe_fornitore_testata td {
    width: unset;
    max-width: unset;
    flex: 0;
    align-self: center;
    margin: 0 5px 10px 0;
    display: inline-table;
    min-width: 110px;
    text-wrap: wrap;
}

/*  MEDIA QUERY PER LBL HELP */
@media only screen and (min-width: 480px) {
    .VerticalModel_Value table.VerticalModel_ReadOnlyField td[name='Cell_Note'] span {
        min-width: 350px;
    }

    .LBL_HELP {
        min-width: max-content;
    }

    .ListaAtt #Cell_NotaCom {
        min-width: 260px !important;
    }

    #com_dpe_fornitore_testata tbody {
        max-width: 260px;
    }

    span.VerticalModel_Help {
        width: 190px;
        margin: 10px 0 0 20px;
    }
}

@media only screen and (min-width: 768px) {
    .VerticalModel_Value table.VerticalModel_ReadOnlyField td[name='Cell_Note'] span {
        min-width: 600px;
    }

    .LBL_HELP {
        min-width: max-content;
    }

    .ListaAtt #Cell_NotaCom {
        min-width: 260px !important;
    }

    #com_dpe_fornitore_testata tbody {
        max-width: 500px;
    }

    span.VerticalModel_Help {
        width: 290px;
        margin: 10px 0 0 20px;
    }
}

@media only screen and (min-width: 1024px) {
    .VerticalModel_Value table.VerticalModel_ReadOnlyField td[name='Cell_Note'] span {
        min-width: 678px;
    }

    .LBL_HELP {
        min-width: max-content;
    }

    .ListaAtt #Cell_NotaCom {
        min-width: 510px !important;
    }

    #com_dpe_fornitore_testata tbody {
        max-width: 700px;
    }

    span.VerticalModel_Help {
        width: 500px;
        margin: 10px 0 0 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .VerticalModel_Value table.VerticalModel_ReadOnlyField td[name='Cell_Note'] span {
        min-width: 930px;
    }

    .LBL_HELP {
        min-width: max-content;
    }

    .ListaAtt #Cell_NotaCom {
        min-width: 760px !important;
    }

    #com_dpe_fornitore_testata tbody {
        max-width: 1000px;
    }

    span.VerticalModel_Help {
        width: 740px;
        margin: 10px 0 0 20px;
    }
}

@media only screen and (min-width: 1320px) {
    .VerticalModel_Value table.VerticalModel_ReadOnlyField td[name='Cell_Note'] span {
        min-width: 1018px;
    }

    .LBL_HELP {
        min-width: max-content;
    }

    .ListaAtt #Cell_NotaCom {
        min-width: 1225px !important;
    }

    #com_dpe_fornitore_testata tbody {
        max-width: 100%;
    }

    #testata_documentazione_model:has(td):has(.col-xxl-3) td,
    #offerta_partecipanti_testata1:has(td):has(.col-xxl-3) td,
    #rti_testata:has(td):has(.col-xxl-3) td,
    #ausiliarie_testata:has(td):has(.col-xxl-3) td,
    #esecutrici_testata:has(td):has(.col-xxl-3) td {
        max-width: 15% !important;
    }

    span.VerticalModel_Help {
        width: 920px;
        margin: 16px 0 0 20px;
    }
}

@media only screen and (min-width: 1500px) {
    .VerticalModel_Value table.VerticalModel_ReadOnlyField td[name='Cell_Note'] span {
        min-width: 90%;
    }

    .LBL_HELP {
        min-width: max-content;
    }
}


#com_dpe_fornitore_testata tr.row.no-gutters {
    display: flex;
    flex-wrap: wrap;
}

#com_dpe_fornitore_testata tr.row.gx-0 {
    display: flex;
    flex-wrap: wrap;
}

#com_dpe_fornitore_testata td:empty,
#com_dpe_fornitore_testata td:not(:empty):not(:has(*)) {
    display: none;
}

td.col-xxl-3:has(label[style*="display: none"]) {
    display: none;
}

td.col-xxl-3:has(td#Cell_Azienda) {
    flex: 0 0 100%;
    max-width: 100%;
}

#COM_DPE_FORNITORE_TESTATA td.col-xxl-3:has(td#Cell_Azienda),
#AIC_POPOLAMENTO_STEP2 td.col-xxl-3:has(table#HELP_PERFEZ_UTENTE),
#DASHBOARD_VIEW_RUBRICA_OEGriglia td.col-xxl-3:has(td#Cell_pfuprofili) {
    flex: 0 0 100%;
    max-width: 100%;
}

#VARIAZIONE_DATI_AZIENDA_INFO td.col-xxl-3:has(label#cap_HELP_VARIAZIONE_DATI_AZIENDA) {
    flex: 0 0 100%;
    max-width: 90%;
}

label#cap_HELP_VARIAZIONE_DATI_AZIENDA {
    width: 100%;
}

#dashboard_view_report_lista_procedurefiltro td[align="left"]:has(input#TIPO_AMM_ER_button) {
    min-height: 0;
}

#dashboard_view_report_lista_procedurefiltro td[align="left"] input#TIPO_AMM_ER_button {
    bottom: 0;
}

#COM_DPE_FORNITORE_TESTATA table.VerticalModel_ReadOnlyField:has(td#Cell_Azienda) {
    width: 100% !important;
}

#scheda_anagrafica_dati_aggiuntivi_oe,
#scheda_anagrafica_dati_aggiuntivi_referente {
    min-width: 100%;
}

@media only screen and (min-width: 1200px) {
    #scheda_anagrafica_dati_aggiuntivi_oe,
    #scheda_anagrafica_dati_aggiuntivi_referente {
        min-width: 1000px;
    }
}

.attach_info_hashfile,
#SIGN_ATTACH_V_N {
    white-space: break-spaces;
}

.dati_impresa td:first-child {
    vertical-align: middle;
}

#footerCompact,
#footerCompact p {
    color: var(--footer-text);
}

    #footerCompact ul li a,
    #footerCompact a,
    .footerText span {
        color: var(--footer-link) !important;
    }

.ordinieddt p {
    white-space: initial;
    text-align: justify;
}

.elencoHelp li {
    list-style: decimal;
    margin-left: 12px;
}

#DataRiferimentoInizio_V,
#DataTermineQuesiti_V,
#DataTermineRispostaQuesiti_V,
#DataScadenzaOfferta_V,
#DataAperturaOfferte_V {
    width: 203px !important;
}

/* Default: larghezza 100% per dispositivi mobili */
/*td:has(input#DataPresentazioneRisposte_V),
td:has(input#DataScadenza_V) {
    width: 100%;
    flex: 0 0 100%;*/ /* Flexbox full width by default */
/*max-width: 100%;*/ /* Massima larghezza */
/*}


@media (min-width: 768px) {
    td.col-md-6:has(input#DataPresentazioneRisposte_V),
    td.col-md-6:has(input#DataScadenza_V) {
        width: 100%;
        flex: 0 0 100%;*/ /* Riduci a 48% per dare più margine */
/*max-width: 100%;
    }
}


@media (min-width: 992px) {
    td.col-lg-6:has(input#DataPresentazioneRisposte_V),
    td.col-lg-6:has(input#DataScadenza_V) {
        width: 50%;
        flex: 0 0 50%;*/ /* Mantieni larghezza 50% su schermi grandi */
/*max-width: 50%;
    }
}


@media (min-width: 1200px) {
    td.col-xl-4:has(input#DataPresentazioneRisposte_V),
    td.col-xl-4:has(input#DataScadenza_V) {
        width: 40%;
        flex: 0 0 40%;*/ /* Flexbox: 33% */
/*max-width: 40%;*/ /* Max width corrispondente */
/*}
}*/

/* Default: larghezza 100% per dispositivi mobili */
/*td:has(input#DataPresentazioneRisposte_V),
td:has(input#DataScadenza_V) {
    width: 100%;
    flex: 0 0 100%;*/ /* Flexbox full width by default */
/*max-width: 100%;*/ /* Massima larghezza */
/*}


@media (min-width: 768px) {
    td.col-md-6:has(input#DataPresentazioneRisposte_V),
    td.col-md-6:has(input#DataScadenza_V) {
        width: 100%;
        flex: 0 0 100%;*/ /* Riduci a 48% per dare pi� margine */
/*max-width: 100%;
    }
}


@media (min-width: 992px) {
    td.col-lg-6:has(input#DataPresentazioneRisposte_V),
    td.col-lg-6:has(input#DataScadenza_V) {
        width: 50%;
        flex: 0 0 50%;*/ /* Mantieni larghezza 50% su schermi grandi */
/*max-width: 50%;
    }
}


@media (min-width: 1200px) {
    td.col-xl-4:has(input#DataPresentazioneRisposte_V),
    td.col-xl-4:has(input#DataScadenza_V) {
        width: 40%;
        flex: 0 0 40%;*/ /* Flexbox: 33% */
/*max-width: 40%;*/ /* Max width corrispondente */
/*}
}

@media (min-width: 1400px) {
    td.col-xxl-3:has(input#DataPresentazioneRisposte_V),
    td.col-xxl-3:has(input#DataScadenza_V) {
        flex: 0 0 40%;*/ /* Flexbox: 30% */
/*max-width: 40%;*/ /* Limita la larghezza massima a 25% */
/*}
}*/


tr.row:has(label#cap_aziE_Mail) {
    align-items: flex-end;
}


#DataPresentazioneRisposte_button,
#DataScadenza_button {
    bottom: 4px !important;
}

    #DataScadenza_button

    table.VerticalModel_ReadOnlyField td[name="Cell_F1_SIGN_ATTACH "] .div_fld_template {
        width: auto;
        margin-left: 20px;
    }

#DIV_FIRMA_ECO li {
    padding: 0;
}

#DIV_FIRMA_ECO ul {
    position: relative;
}

table.GridPrintProducts td.linkAttachment td.TD_ATTACH_ALL {
    background: none !important;
    border: none !important;
}

#TABLE_ATTACH_CONTAINER #TD_ATTACH_ALL {
    background-color: var(--background-input-color) !important;
    border: 1px solid var(--border-input-standard) !important;
    padding: 8px !important;
    width: auto;
    word-break: break-all;
    min-width: 260px;
}

.Attach_Tab td span {
    padding: 5px 0 0 0;
    margin-left: 0;
}

#DIV_Allegato {
    width: 100%;
}

/*    #DIV_Allegato #TABLE_ATTACH_CONTAINER #TD_ATTACH_ALL {
        border: 0 !important;
        background: 0 !important;
    }
*/

.Attach_Tab span,
.Attach_label {
    color: var(--main-color);
}

.Attach_Tab tr {
    background: unset !important;
}

table.Grid {
    position: relative;
}

    table.Grid td input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([disabled]):not([value="..."]):not([disableminwidth="yes"]):not([value=" ... "]):not(.FldExtDom_button):not(.Attach_button):not(.TextTime):not(.Date),
    table.Grid td select,
    table.Grid td div input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not([disabled]):not([value="..."]):not([disableminwidth="yes"]):not([value=" ... "]):not(.FldExtDom_button):not(.Attach_button) {
        min-width: 300px !important; /* Larghezza minima per gli input, select e div con input */
        box-sizing: border-box; /* Assicura che padding e bordo non influenzino la larghezza */
        overflow: hidden; /* Nasconde il contenuto che supera la larghezza */
        white-space: nowrap; /* Impedisce il wrap del contenuto */
    }

#template_doc td table.GridPrintProducts td {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 10px;
    font-size: 14px;
}

    #template_doc td table.GridPrintProducts td.CellIntestGrid {
        border: 0;
    }

/*tr:has(ul.Toolbar):not(:has(ul.Toolbar li .div_sub_menu)) {
    position: sticky;
    top: 0;
    z-index: 97;
}*/

div.detail:has(ul.Toolbar) table.Grid tr.firstRowGridFaseII {
    background: #fff;
    /*    position: sticky;
    z-index: 97;
    top: 0;*/
    border-top: 0;
    border-bottom: 0;
}

.GridPrintProducts #TABLE_ATTACH_CONTAINER #TD_ATTACH_ALL {
    width: auto;
}

.img_stampa {
    display: flex;
    justify-content: flex-end;
    padding: 20px 20px 20px 0;
    background: none;
}

    .img_stampa a {
        line-height: 40px !important;
    }


#Cell_Risposta {
    border: 1px solid var(--borderColor-readOnly);
    background: var(--background-input-color);
}

    /*#DETAIL_CHIARIMENTI_TESTATA .VerticalModel_Value table,
#DETAIL_CHIARIMENTI_TESTATA .VerticalModel_Value #Cell_DomandaOriginale span,
#DETAIL_CHIARIMENTI_TESTATA .VerticalModel_Value table #Domanda_V,
#Risposta_V {
    width: 100%;
}*/

    #Cell_Risposta span,
    #Cell_Risposta div {
        background: none !important;
        border: none !important;
    }

#nuova_procedura_criteri,
#pregara_strategia,
#totali_model {
    display: block;
}

    #nuova_procedura_criteri tr.row,
    #pregara_strategia tr.row,
    #totali_model tr.row {
        display: unset;
    }

    #nuova_procedura_criteri td,
    #pregara_strategia td,
    #totali_model td {
        width: auto;
        display: inline-flex;
    }

    #nuova_procedura_criteri .VerticalModel_Caption,
    #nuova_procedura_criteri .VerticalModel_ObbligCaption,
    #pregara_strategia .VerticalModel_Caption,
    #pregara_strategia .VerticalModel_ObbligCaption,
    #totali_model .VerticalModel_Caption,
    #totali_model .VerticalModel_ObbligCaption {
        width: 150px;
        margin-right: 20px;
    }

    #nuova_procedura_criteri .VerticalModel_Value,
    #pregara_strategia .VerticalModel_Value,
    #totali_model .VerticalModel_Value {
        margin-right: 20px
    }

    #nuova_procedura_criteri tr.row td:nth-child(3),
    #pregara_strategia tr.row td:nth-child(3),
    #totali_model tr.row td:nth-child(3) {
        width: 100px;
    }

    #nuova_procedura_criteri tr.row td:nth-child(4),
    #pregara_strategia tr.row td:nth-child(4),
    #totali_model tr.row td:nth-child(4) {
        padding: 0;
    }

#Cell_TipoProceduraCaratteristica {
    padding: 0;
}

#CHAT table tr:nth-child(1) {
    display: flex;
    padding: 10px 0;
}

    #CHAT table tr:nth-child(1) td {
        padding: 0 10px 0 0;
    }

#Cell_Risposta div,
#Cell_Risposta span {
    border: 0;
    background: none;
}

td.full-width-textarea table.VerticalModel_ReadOnlyField {
    width: 100%
}


#DIV_FIRMA_PATTO div {
    background: none !important;
    border: 0;
    height: 0;
    min-height: 0;
    padding: 0 !important;
    margin: 0 !important;
}

#DIV_FIRMA_PATTO .div_fld_template td#TD_ATTACH_ALL {
    border: 1px solid var(--borderColor-readOnly) !important;
    padding-top: 9px;
}

#DIV_FIRMA_PATTO table td:has(input:not([type="text"]):not([type="button"])) {
    vertical-align: initial !important;
}

#DIV_FIRMA_PATTO ul li > table:first-of-type {
    min-height: 150px;
}

    #DIV_FIRMA_PATTO ul li > table:first-of-type tr td:last-child {
        padding-left: 10px;
    }

#PARAMETRI_SDA_COMUNICAZIONI tr, #PARAMETRI_SDA_COMUNICAZIONI td {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
}

#OggettoIntegrativa,
#OggettoAmmessa,
#OggettoRigetto {
    width: 100%
}

.MsgBox_Message {
    padding: 10px;
    width: 100%;
}
/*bvep-27330 nuovo selettore css applicato per distanziare opportunamente l'icona attenzione dal testo */
.Icon_MsgBox_Message {
	padding: 25px;
}
#DIV_RTESTATA_PRODOTTI_MODEL_Allegato #TABLE_ATTACH_CONTAINER #TD_ATTACH_ALL {
    background: transparent !important;
    border: 0 !important
}

/*#Div_ViewerGriglia .GrigliaFaseII {
    max-height: 400px !important;
}

@media (min-width: 2049px) and (min-height: 1081px) {
    #Div_ViewerGriglia .GrigliaFaseII {
        max-height: 600px !important;
    }
}

@media (min-width: 3841px) and (min-height: 2161px) {
    #Div_ViewerGriglia .GrigliaFaseII {
        max-height: 100px !important;
    }
}*/

#DIV_Allegato {
    border: 0 !important;
    background: none !important;
}

td[name="Cell_Allegato "] .div_fld_template {
    padding: 0 !important;
}

    td[name="Cell_Allegato "] .div_fld_template .Attach_label {
        white-space: break-spaces;
    }



.Grid td > span.Fld_Number {
    /*padding: 9px 16px;*/
    border: 1px solid transparent;
    line-height: 20px;
    /*    margin: 0 20px; 
    min-width: 60px;*/
}

.inputdiv.obb > label > table,
.inputdiv.obb > label > div {
    margin-left: -6px !important;
}

td[name="Cell_CheckIscritta1 "] .div_fld_template,
td[name="Cell_CheckIscritta2 "] .div_fld_template,
td[name="Cell_CheckIscritta3 "] .div_fld_template,
td[name="Cell_CheckAutorizzazioni1 "] .div_fld_template,
td[name="Cell_CheckAutorizzazioni2 "] .div_fld_template {
    width: auto !important;
    min-width: 0 !important;
    margin: 5px !important
}

td[name="Cell_elenco_camera_attivita_artigianato "] {
    margin: 10px;
}

#FLD_DICHIARAZIONE span,
#FLD_DICHIARAZIONE a,
.main_istanza span,
.main_istanza a {
    font-size: 14px;
}

.Grid td,
.Grid div {
    margin: 0 !important
}

tr.obbligError + tr .VerticalModel_Value input,
tr.obbligError + tr .VerticalModel_Value textarea,
tr.obbligError + tr .VerticalModel_Value select {
    border: 1px solid var(--error) !important;
}

.evidenzia_campo_obbligatorio {
    background-color: var(--background-input-color) !important;
    /*border-color: var(--border-color-alert) !important;*/
    border: 1px solid var(--border-color-alert) !important;
}


.Toolbar li.Toolbar_buttonDisabled a {
    color: var(--color-menu-action-disbaled);
    background: var(--background-menu-action-disbaled);
}

    .Toolbar li.Toolbar_buttonDisabled a:hover {
        color: var(--color-menu-action-disbaled-hover);
        background: var(--background-menu-action-disbaled-hover);
    }

.ModuloBootstrap .div_fld_template:has(table.FldDomainValue_OptionTAB) {
    background: none !important;
    border: 0 !important
}

#FormViewerGriglia .cellPaginazione {
    float: left;
    margin-left: 20px;
}

#FormViewerGriglia td:has(ul.Toolbar) {
    clear: both;
    display: block;
}

span.VerticalModel_Help {
    font-size: 14px;
    margin: 16px 0 0 20px;
}

#SV_INFO_AMM > table,
#SV_INFO_LOTTI > table,
#SV_INFO_LOTTO > table {
    margin: 20px;
}

#SV_INFO_AMM table td,
#SV_INFO_LOTTI table td,
#SV_INFO_LOTTO table td {
    font-size: 14px !important;
}

#SV_INFO_AMM .button_link,
#SV_INFO_LOTTI .button_link,
#SV_INFO_LOTTO .button_link {
    font-size: 14px;
    line-height: 1.5;
}

#DIV_AttoDiNomina_Idoneita:has(#TABLE_ATTACH_CONTAINER #TD_ATTACH_ALL),
#DIV_RDISPLAY_DGUE_MODEL_Allegato:has(#TABLE_ATTACH_CONTAINER #TD_ATTACH_ALL),
span#EsitoRiga_V:has(.progress-bar),
#DIV_AllegatoPerOCP:has(#TABLE_ATTACH_CONTAINER #TD_ATTACH_ALL) {
    background: none !important;
    border: 0 !important;
    padding: 0;
}

.icons1 li:has(a) {
    padding: 20px 20px 0 0 !important;
}

.icons1 li a {
    display: block;
    padding-top: 14px;
}

.TableRichiestaAtti table td {
    padding: 2px !important;
}


.toast:not(.show) {
    display: flex;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
    padding-right: 15px;
    padding-left: 15px;
}

td[name="Cell_StatoChat "] .div_fld_template {
    height: 40px
}

.icons1 {
    position: absolute;
    right: 0;
}

#Motivazione_ObbligoCigDerivato {
    width: 260px !important
}


#anticipatedmonetarytotal_model,
#legalmonetarytotal_model,
#legalmonetarytotal_model {
    width: 100% !important;
}

    #anticipatedmonetarytotal_model tbody > tr:first-child,
    #legalmonetarytotal_model tbody > tr:first-child,
    #legalmonetarytotal_model tbody > tr:first-child {
        position: relative;
    }

        #anticipatedmonetarytotal_model tbody > tr:first-child hr,
        #legalmonetarytotal_model tbody > tr:first-child hr,
        #tbody > tr:first-child tbody > tr:first-child hr {
            position: absolute;
            top: 18px;
            left: 200px;
            width: -webkit-fill-available;
        }


tr:has(td > table tr td label#cap_StatoRiga) {
    display: grid !important;
}

    tr:has(td > table tr td label#cap_StatoRiga):has(td > table tr td label#cap_pcp_TipoScheda) {
        display: flex !important;
    }

td[name="Cell_SIGN_ATTACH "] div.div_fld_template {
    margin: 0 !important;
    padding-top: 0px !important;
}

#com_dpe_enti_profili tbody > tr:first-child {
    flex-wrap: nowrap;
}

    #com_dpe_enti_profili tbody > tr:first-child > td.col-xxl-3 {
        width: 70px;
        max-width: 70px;
    }

    #com_dpe_enti_profili tbody > tr:first-child > td.VerticalModel_Value {
        width: 400px;
    }

span.Fld_Domain_label2,
span.Fld_Domain_label {
    border: 1px solid var(--border-input-standard);
    font-size: 14px;
    color: var(--input-color) !important;
    letter-spacing: 0.25px;
    text-align: left;
    line-height: 20px;
    font-family: Roboto;
    font-weight: 400;
    outline: none;
    min-height: 40px;
    padding: 9px 16px;
    width: 210px;
    background: var(--background-input-color);
    max-width: calc(100% - 40px);
}

table#DETTAGLIGrid span {
    white-space: wrap !important
}

#buttonWorkspace {
    text-decoration: unset;
}

.AF_CHAT_IN_OE {
    padding: 10px 0 0 10px
}

    .AF_CHAT_IN_OE .AF_CHAT_MSG_AZI,
    .AF_CHAT_IN_OE .AF_CHAT_MSG_USER {
        padding: 5px 10px 0 23px;
        height: 18px;
    }

.AF_CHAT_MSG_TIME_IN,
.AF_CHAT_OUT_OE {
    padding: 0px 0 13px 0;
}

    .AF_CHAT_MSG_TIME_IN::before, .AF_CHAT_MSG_TIME_IN::before,
    .AF_CHAT_MSG_TIME_OUT::before, .AF_CHAT_MSG_TIME_OUT::before {
        padding: 5px !important;
        width: auto !important;
    }

.AF_CHAT_MSG_SYSTEM_START_OUT div,
.AF_CHAT_MSG_USER_PA .AF_CHAT_MSG_USER,
.AF_CHAT_MSG_TXT {
    font-size: 14px;
}

.AF_CHAT_MSG_USER {
    padding: 10px 0 0px;
}

#DescrizioneEstesa_V,
td.full-width-textarea .TextArea_NotEditable {
    width: 100% !important;
    padding: 10px !important
}

.TextArea_NotEditable div {
	width: 100% !important;
}

table.FLdPubLeg_tab td {
    display: block !important
}

td:has(table[style="display: none;"]) {
    min-width: unset !important;
    margin: 0 !important;
}

table#GridViewer.Calendar td table td div table td {
    font-size: 14px;
}

TD.GR0_GridCol_LinkCal {
    color: var(--main-color)
}

.icons1 ul li {
    background: unset !important;
}

.FiltroPortale_Caption .FldCaption {
    font-size: 15px !important;
}

#Div_CubeFilter #FormViewerFiltro .ButtonBar_Table:not(.rowButtonsFaseII .ButtonBar_Table) {
    display: none;
}

#TD_ATTACH_BTN {
    min-width: auto;
    align-content: center;
}

nav.navbar button.input-group-btn {
    background: var(--search-bg-icon);
    background: var(--search-bg-icon-gradient);
}

    nav.navbar button.input-group-btn:hover {
        background: var(--search-bg-icon-hover);
        background: var(--search-bg-icon-gradient-hover);
    }

#Div_ViewerFiltro {
    background: #fff;
}

#dashboard_sp_master_planfiltro td.align-self-center hr {
    display: none;
}

#AZI_UPD_SCHEDA_ANAGRAFICA_TESTATA tbody,
#AZI_UPD_SCHEDA_ANAGRAFICA_DATI tbody {
    padding: 0 15px
}

span.VerticalModel_Help {
    width: 100%;
    margin: 0;
}

tr:has(.VerticalModel_Help) {
    display: flex;
    flex-wrap: wrap;
}

table.VerticalModel_ReadOnlyField:has(td#Cell_Azienda) {
    width: 100%;
}

.main_istanza .inputdiv {
    margin-right: 50px;
}

#cap_RegimeAllegerito {
    font-weight: 600;
}

label#cap_RegimeAllegerito:before {
    content: "*";
    color: #515151;
    font-weight: normal;
}

@media only screen and (min-width: 1200px) {
    .disc .SpanLiIst td[name="Cell_data_iscrizione "] {
        margin-left: 21px;
    }

    .disc .SpanLiIst td[name="Cell_NaGi "] {
        margin-left: 33px;
    }

    .disc .SpanLiIst td[name="Cell_sede_iscrizione "] {
        margin-left: 96px;
    }

    .disc .SpanLiIst td[name="Cell_CF_iscrizione "] {
        margin-left: 43px;
    }
}

ul.liststylenone li div.div_fld_template:not(span.SpanLiIst div.div_fld_template):not(td[name="Cell_elenco_camera_attivita_artigianato "] div.div_fld_template) {
    width: unset !important;
    min-width: unset !important;
    margin-right: 10px !important;
}

ul.liststylenone li table tbody tr td:nth-child(2) {
    border-left: 1px solid #e1e1e1;
    padding-left: 10px
}

td[name="Cell_check_art_80_Dichiarazione "] div.div_fld_template {
    max-width: fit-content;
    width: unset !important;
    min-width: unset !important;
    margin-right: 10px !important;
}

.main_istanza .DICHIARAZIONE_EVENTUALE {
    border: 2px solid #ccc;
    padding: 0 10px 20px 10px;
    margin-bottom: 30px;
}

table.table_profili_utenti tr {
    border-bottom: 1px solid #9DA6AD !important;
}

    table.table_profili_utenti tr td,
    table.table_profili_utenti tr:last-child,
    table.table_profili_utenti tr:has(td:empty):not(:has(td:not(:empty))) {
        border-bottom: none !important;
    }

    table.table_profili_utenti tr:has(td:empty):not(:has(td:not(:empty))) {
        display: none;
    }

.GridPrintProducts tr,
.GridPrintProducts tr td,
.GridPrintProducts tr td div {
    height: unset !important;
    padding: 0 !important;
    margin: 0 !important
}

.GridPrintProducts .CellIntestGrid {
    padding: 10px !important
}


.GridPrintProducts #TABLE_ATTACH_CONTAINER #TD_ATTACH_ALL {
    padding: 0 !important
}

.GridPrintProducts .Attach_Tab label,
.GridPrintProducts .Attach_Tab {
    margin-left: 0 !important
}

.GridPrintProducts {
    margin-bottom: 0
}

select.FldDomainValue {
    padding-left: 10px !important;
}

.FldDomainValue:not(#Associazione_RTI),
.FldDomainValue:not(.RTE_NotEditable),
.VerticalModel_Value td,
.VerticalModel_Value .VerticalModel_ReadOnlyField td,
.div_fld_template {
    min-height: 40px;
    position: relative;
    align-content: center;
}



.VerticalModel_Value div.progress div {
    display: flex;
    flex-wrap: wrap !important;
    align-items: center;
    padding: 0;
    color: #fff !important;
    position: relative;
}

.FldDomainValue span,
.VerticalModel_Value td span,
.VerticalModel_Value span,
.div_fld_template span {
    padding: 0 10px 0 10px !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center;
    position: relative
}

#editistanza {
    margin: 20px !important;
}

.progress-bar,
.progress {
    padding: 0 !important;
}



#CompilaDGUE {
    min-width: 150px; /*250px;*/
}

.VerticalModel_Value div.progress div {
    align-content: flex-start;
    padding-left: 10px !important;
}

.FLdPubLeg_div td {
    min-height: 22px !important;
}

td[name="Cell_Categorie_Merceologiche "],
td[name="Cell_SettoriCCNL "] {
    padding-left: 10px;
}

.Grid td,
.Grid div {
    min-height: 0;
}

#NotaCom_V div {
    border: 0;
    padding: 0;
    width: 100%
}

.p0important {
    position: relative;
}

font.PrintValues {
    padding: 14px 0;
    display: block;
}


td[align="right"] {
    padding-top: 0 !important;
}

td[name="Cell_EMAIL "] {
    padding-bottom: 20px;
}

/* inizio classi OTP */

.otp-container {
    width: 100%;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    justify-content: center;
}

.otp {
    text-align: center;
    line-height: inherit;
    padding: 10px;
    margin-bottom: 16px;
    border-radius: 4px;
}

.otp-button {
    display: block;
    width: 100%;
    padding: 12px;
}

.has_text_centered {
    text-align: center;
}

.otp-helper {
    margin: 10px 8% 20px 8%;
    background-color: #f2f2f2;
    border-radius: 10px;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}

    .otp-helper h2 {
        color: #333;
    }

    .otp-helper p {
        color: #666;
    }

.otp-container_inner {
    display: flex;
    column-gap: 1rem;
}

    .otp-container_inner > * {
        flex: 1 1 0px;
    }

    .otp-container_inner > a {
        text-decoration: none;
        background: url(../../images/BgButtons.png) top left no-repeat;
        font-weight: bold;
        color: #333;
        font-size: 0.80em;
        cursor: pointer;
        border: 1px solid #666;
        font-weight: normal;
    }

        .otp-container_inner > a:hover {
            text-decoration: underline;
            color: #CB1D15;
        }
/* fine classi OTP */

table.VerticalModel_Tab td.VerticalModel_Value {
    position: relative;
}

td.VerticalModel_Value .DateFaseII {
    left: 170px !important;
    bottom: 0px !important;
}

#DataIndizione_button,
#DataProtocolloGenerale_button {
    left: 209px !important;
    bottom: 0px !important;
}

td.VerticalModel_Value select,
td.VerticalModel_Value select option {
    font-size: 14px !important;
}

/*#PCP_CRONOLOGIAGrid td:nth-child(6) span,
#PCP_CRONOLOGIAGrid th:nth-child(6) span,
#PCP_CRONOLOGIAGrid th#PCP_CRONOLOGIAGrid_Titolo {
    max-width: 250px !important;
    min-width: 250px !important;
    width: 250px !important;
}*/
#DataRiferimentoInizio_button,
#DataAperturaOfferte_button,
#DataTermineQuesiti_button,
#DataTermineRispostaQuesiti_button {
    bottom: 4px !important;
    left: 164px !important;
}

#DataScadenzaOfferta_button {
    bottom: 4px !important;
    left: 164px !important;
}

#PRODOTTIGrid div {
    margin-top: 0 !important
}


.progress-bar {
    background: var(--bg-pulsanti-menu-gradient) !important;
}

#RInfoTec_3DatePubGrid_0_DataPubblicazioneBando_button {
    left: 176px;
    bottom: 6px;
}

#InfoTec_3DatePubGrid_LblAttidiGara,
#InfoTec_3DatePubGrid_r0_c3,
#InfoTec_grigliaGrid_LblAttidiGara,
#InfoTec_grigliaGrid_r0_c3 {
    display: none;
}


table#aic_popolamento_step3 {
    width: 100% !important
}

#RTESTATA_DOCUMENTAZIONE_MODEL_EsitoRiga_V {
    position: relative;
    padding: 0px 0 0 30px !important;
}

    #RTESTATA_DOCUMENTAZIONE_MODEL_EsitoRiga_V img {
        position: absolute;
        left: 5px;
        top: 5px;
    }

#val_RMODELLIGrid_0_DZT_Name {
    flex-wrap: nowrap !important
}

#main-table td {
    color: var(--page-title)
}

#DIV_FIRMA_PATTO .attachpdf {
    height: auto;
    min-height: 32px;
    font-size: 14px;
    border: 1px solid #b4b4b4;
    background: rgb(252,252,252);
    background: url(../../CTL_LIBRARY/images/General/attachpdfPattoVapor.png) top 3px right 5px no-repeat, linear-gradient(rgba(252,252,252,1), rgba(216,216,216,1));
    border-top-right-radius: 10px;
    padding-right: 25px;
}

    #DIV_FIRMA_PATTO .attachpdf:hover {
        background: rgb(252,252,252);
        background: url(../../CTL_LIBRARY/images/General/attachpdfPattoVapor.png) top 3px right 5px no-repeat, linear-gradient(rgba(216,216,216,1), rgba(252,252,252,1));
    }

#DIV_FIRMA_PATTO .attachpdfdisabled {
    height: auto;
    min-height: 32px;
    font-size: 14px;
    border: 1px solid #b4b4b4;
    background: rgb(252,252,252);
    background: url(../../CTL_LIBRARY/images/General/attachpdfPattoVaporDisabled.png) top 3px right 5px no-repeat, linear-gradient(rgba(252,252,252,1), rgba(216,216,216,1));
    border-top-right-radius: 10px;
    padding-right: 25px;
}

#TD_ATTACH_ALL .DIV_ATTACH_EMPTY {
    min-width: 260px;
    width: 260px;
    margin: 0;
    white-space: break-spaces;
    line-height: unset;
    color: #333333 !important;
}

.ui-dialog-titlebar-close::after {
    content: "X"; /* Il contenuto che vuoi inserire, in questo caso "X" */
    font-size: 18px; /* Dimensione del carattere */
    color: var(--page-title);
}

.ui-dialog-titlebar-close::after {
    content: "X"; /* Il contenuto che vuoi inserire, in questo caso "X" */
    font-size: 16px; /* Dimensione del carattere */
    color: var(--page-title);
    font-weight: bold;
    font-family: 'FontAwesome';
}

.ui-dialog-titlebar-close {
    border: none;
    background: unset;
}

#dataBlocco_button {
    bottom: 0 !important;
}

#FormViewerFiltro label#cap_DataScadenzaOfferta {
    margin-top: 36px !important
}

/*#FormViewerFiltro label#cap_Titolo {  
    margin-top: 22px !important
}*/

#FormViewerFiltro #CIG_LOTTO {
    margin-bottom: 0;
}

#FormViewerFiltro td[align="left"]:has(input#IdentificativoIniziativa_button) {
    min-height: 0;
}

#FormViewerFiltro label#cap_CIG {
    min-width: 300px
}

#dashboard_view_logattacchifiltro td[align="left"] {
    min-height: 7px !important
}

#DASHBOARD_VIEW_RUBRICAFiltro label,
#DASHBOARD_SP_VIEW_RUBRICA_OEFiltro label,
#DASHBOARD_VIEW_RUBRICA_OEGriglia label,
#DASHBOARD_VIEW_RUBRICAGriglia label {
    font-weight: bold
}

#FormInsQuesito {
    background: #ececec;
    border: 1px solid #c9d9e8;
}

td#Cell_pfuprofili,
#Cell_pfuprofili span {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
}

#DASHBOARD_VIEW_RUBRICA_OEGriglia td.col-xxl-3 table.VerticalModel_ReadOnlyField:has(td#Cell_pfuprofili) {
    width: 100%;
}

#contenitoresuggerimento + br {
    display: none;
}

#FLD_BUSTA_DOCUMENTAZIONE .VerticalModel_Tab td,
#FLD_BUSTA_DOCUMENTAZIONE .VerticalModel_Tab div {
    min-height: 0; /* Imposta il min-height a 0 per tutte le celle e i contenitori */
}

    #FLD_BUSTA_DOCUMENTAZIONE .VerticalModel_Tab td:empty,
    #FLD_BUSTA_DOCUMENTAZIONE .VerticalModel_Tab div:empty,
    #FLD_BUSTA_DOCUMENTAZIONE .VerticalModel_Tab td > *:not([style="display:none"]),
    #FLD_BUSTA_DOCUMENTAZIONE .VerticalModel_Tab div > *:not([style="display:none"]) {
        min-height: initial; /* Ripristina il min-height predefinito per le celle e i contenitori che non contengono componenti nascosti */
    }


#DIV_DGUE td:has(td[name="Cell_Allegato "]) {
    display: table-cell;
}

#DIV_DGUE td[name="Cell_Allegato "] {
    padding-left: 0
}

#DenominazioneATI_V {
    min-height: 40px !important;
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}


#footerCompact:has(.footerLazioStella) .logo-src a,
#footerCompact:has(.footerLazioStella) ul:not(.social) {
    display: none
}

#footerCompact:has(.footerLazioStella) .logo-src .footer-subtitle p {
    position: absolute;
    right: 100px;
    margin-top: 50px;
    z-index: 9999999 !important;
}

#footerCompact:has(.footerLazioStella) {
    height: auto;
}

    #footerCompact:has(.footerLazioStella) .footerText {
        width: 100%
    }

    #footerCompact:has(.footerLazioStella) .Footer_01 {
        background: none;
    }

    #footerCompact:has(.footerLazioStella) .footerContent {
        display: flex;
        justify-content: space-between;
    }

    #footerCompact:has(.footerLazioStella) .colonna-1-di-3,
    #footerCompact:has(.footerLazioStella) .colonna-2-di-3,
    #footerCompact:has(.footerLazioStella) .colonna-3-di-3 {
        width: calc(100% / 3);
        box-sizing: border-box;
    }

    #footerCompact:has(.footerLazioStella) .social {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        #footerCompact:has(.footerLazioStella) .social li {
            display: inline-block;
            margin-right: 10px;
        }

            #footerCompact:has(.footerLazioStella) .social li:last-child {
                margin-right: 0;
            }

            #footerCompact:has(.footerLazioStella) .social li a {
                display: block;
                width: 32px;
                height: 32px;
            }

    #footerCompact:has(.footerLazioStella) ul li a.f {
        background: url(../../images/social.png) top left no-repeat;
    }

    #footerCompact:has(.footerLazioStella) ul li a.t {
        background: url(../../images/social.png) -37px top no-repeat;
    }

    #footerCompact:has(.footerLazioStella) ul li a.i {
        background: url(../../images/social.png) -74px top no-repeat;
    }

    #footerCompact:has(.footerLazioStella) ul li a.f:hover {
        background: url(../../images/social.png) bottom left no-repeat;
    }

    #footerCompact:has(.footerLazioStella) ul li a.t:hover {
        background: url(../../images/social.png) -37px bottom no-repeat;
    }

    #footerCompact:has(.footerLazioStella) ul li a.i:hover {
        background: url(../../images/social.png) -74px bottom no-repeat;
    }

#IFRAME_SYS_STELLA_LINK_KNOWAGE {
    width: 100%;
    height: 100vh;
}

#IFRAME_SYS_STELLA_LINK_REPORTISTICA_CONVENZIONI {
    width: 100%;
    height: 100vh;
}

#IFRAME_SYS_STELLA_LINK_REPORTISTICA_ODF {
    width: 100%;
    height: 100vh;
}

/*#cap_pcp_CodiceCUI,
#cap_cn16_Funding_FinancingIdentifier,
#cap_cn16_CallForTendersDocumentReference_ExternalRef {
    margin-top: 21px !important
}*/

.footerLazioStella h3 {
    padding: 20px 0 0 0;
}

.footerLazioStella .colonna-1-di-3,
.footerLazioStella .colonna-2-di-3,
.footerLazioStella .colonna-3-di-3 {
    padding: 20px;
}

#EnteProponente_button {
    bottom: 40px;
}

#footerCompact:has(.footerLazioStella) .footerText p {
    margin: 5px 0;
    font-size: 14px;
    color: #fff;
}

#footerCompact:has(.footerLazioStella) .Fhr,
#footerCompact:has(.footerLazioStella) .footerText span {
    color: #ffffff !important;
}

div#FLD_INTEROP label {
    /*width: 300px !important;*/
    max-width: 300px !important;
    min-width: auto !important;
}

label#cap_dps_usage {
    width: 200px !important;
    min-width: 220px;
}

.RTE_NotEditable ul {
    padding: 10px
}

.RTE_NotEditable ol {
    padding: 0px
}

.RTE_NotEditable ul li {
    list-style: disc
}

.RTE_NotEditable ol li {
    list-style: decimal
}

#val_PartecipaFormaRTI,
#val_Associazione_RTI,
#val_RicorriAvvalimento,
#val_InserisciEsecutriciLavori {
    min-height: 40px !important;
}

#DataScadenza_button,
#DataDocumento_button,
#RORDER_MODEL_Order_IssueDate_button,
#DataScadenzaCom_button {
    left: 170px !important;
    bottom: 8px !important
}

#R0_Profilo_edit_new {
    border: 1px solid var(--border-input-standard) !important;
    font-size: 14px !important;
    color: var(--input-color) !important;
    letter-spacing: 0.25px !important;
    text-align: left !important;
    line-height: 20px !important;
    font-family: Roboto !important;
    font-weight: 400 !important;
    outline: none !important;
    min-height: 40px !important;
    padding: 0px 16px !important;
    padding-top: 10px !important;
    margin-bottom: 8px !important;
    min-width: fit-content !important;
    width: 210px !important;
    background: var(--background-input-color) !important;
    display: inline-block !important;
}

#FRM_Note {
    min-height: 300px !important;
    resize: both !important;
}

ul.dynatree-container li.dynatree-lastsib {
    margin-bottom: 80px !important;
}

.VerticalModel_ObbligCaption {
    padding-top: 5px !important
}

#DASHBOARD_VIEW_RUBRICAFiltro #TIPO_AMM_ER_button {
    bottom: 40px !important
}

td[align="left"]:has(input#IdPfuLog_button) {
    min-height: 0 !important
}

.viewer_cell_numerorighe {
    width: 150px !important;
    vertical-align: middle !important;
    padding-bottom: 20px !important;
}

    .viewer_cell_numerorighe:has(~.width_100_percent) {
        width: 150px !important;
        vertical-align: middle !important;
        padding-bottom: 0px !important;
        padding-top: 15px !important;
    }


#GridViewer_Bando_Verde_Sociale {
    min-width: 40px !important;
    background-image: url(../../images/appalti-custom.png);
    background-repeat: no-repeat;
    background-position: center;
}

.footer-subtitle {
    margin-top: 20px;
}

    .footer-subtitle p {
        font-size: 12px !important;
    }

.Grid_TitleDiv,
#DIV_FIRMA_AMPIEZZA_GAMMA h1 {
    font-size: 20px !important;
    color: var(--page-title) !important;
    letter-spacing: 0;
    font-family: Cairo;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 16px 0;
}

.RTE_NotEditable {
    width: 100% !important;
    min-width: 100% !important;
    display: block !important;
}

.CellGridPrintProducts.RTE_NotEditable {
    width: unset !important;
    min-width: unset !important;
    display: table-cell !important;
}

.RTE_NotEditable table {
    width: 100%;
}

    .RTE_NotEditable table td {
        display: table-cell !important;
    }

#cap_OE_Estero {
    margin-left: 30px !important;
}

#OE_Estero {
    margin-top: -50px !important;
}

select[id*="RRIFERIMENTIGrid"] option {
    text-transform: capitalize !important;
}

.NOTREAD_FldHier span,
.NOTREAD_FldDomainValue span {
    font-weight: bold !important;
}

#campi_invio_quesito #Chiudi {
    background: var(--background-bg-chiudi) !important;
}

    #campi_invio_quesito #Chiudi:hover {
        background: var(--background-bg-chiudi-hover) !important;
    }

#campi_invio_quesito #Chiudi {
    background: var(--background-bg-chiudi) !important;
}

    #campi_invio_quesito #Chiudi:hover {
        background: var(--background-bg-chiudi-hover) !important;
    }


.error-icon {
    margin: 3px 10px 0 10px;
    color: #f03838;
    background-color: #fff;
    border-radius: 55%;
    font-size: 1.2em !important;
    padding: 4px;
}

.warning-icon {
    margin: 3px 10px 0 10px;
    color: #ffb347;
    background-color: #fff;
    border-radius: 55%;
    font-size: 1.2em !important;
    padding: 4px;
}

.ok-icon {
    margin: 3px 10px 0 10px;
    color: #44ff00;
    background-color: #fff;
    border-radius: 55%;
    font-size: 1.2em !important;
    padding: 4px;
}

#bottone-ricerca, #bottone_ricerca {
    float: right;
    margin-right: 3rem !important;
}

#row-page-select {
    margin-left: 15px;
    min-width: 80px;
    margin-right: 40px;
    text-align: center;
}

#label-row-page-select {
    margin-left: auto;
}

#row-select {
    min-width: 80px !important;
}

.fa-circle-arrow-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--primary-button);
    font-size: 1rem;
}

.fa-circle-arrow-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--primary-button);
    font-size: 1rem;
}

#page-select {
    min-width: 75px !important;
    padding: 0 0 0 10px !important;
    margin-bottom: 0 !important;
    text-align: center;
}

#collapseFilter .inputTitle {
    color: var(--color-text-elemento-hr);
}

/*.TextArea {
    white-space: unset !important;
}*/

#backtoold {
    height: 64px;
    margin-top: -9px;
    width: 64px;
    margin-right: -19px !important;
    background: var(--color-h5-header-menu);
    border-radius: 0;
    margin-left: 30px;
    color: var(--white);
}

    #backtoold:hover span.icon-wrapper i {
        transform: scaleX(-1);
        transition: transform 0.3s ease;
    }

input[type='button'].DateFaseII {
    display: none !important
}

#cap_HELP_VARIAZIONE_DATI_AZIENDA {
    margin-top: -50px !important;
    margin-bottom: -50px !important;
}

.display_none_soft {
    display: none;
}

.nomeAziendaHeader:hover {
    color: var(--color-text-azienda-header-hover);
}


#Cell_Note {
    width: 90.5% !important;
}

.TextArea_NotEditable {
    white-space: unset !important;
}

.ButtonFaseII {
    background-color: var(--primary-button-gradient) !important;
    background: var(--primary-button-gradient) !important;
    margin: 0;
}

#Eproc_CHAT_NUM_MSG_NOT_READ {
    position: absolute;
    background-color: red;
    color: white;
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 0.75rem;
    left: -3px;
}


#InfoTec_DatePubGrid {
    width: 100% !important;
}

#InfoTec_3DatePubGrid {
    width: 100% !important;
}

#InfoTec_2DatePubGrid {
    width: 100% !important;
}

#cap_HELP_VARIAZIONE_DATI_AZIENDA .LBL_HELP {
    min-width: unset !important;
}

#cap_HELP_VARIAZIONE_DATI_AZIENDA {
    height: 0px;
}

#VARIAZIONE_DATI_AZIENDA_INFO {
    margin-top: -40px
}

#Show_ButtonChiudi {
    padding-left: 32px;
    /*box-sizing:content-box;*/
}

#Position_Show_ButtonChiudi {
    position: relative;
}

.cover .accordion-button:not(.collapsed) {
    background: transparent;
    color: #212529;
}

.cover .accordion-button {
    background: transparent;
    text-transform: uppercase;
}



.cover h2.accordion-header {
    padding: 0;
}

.cover .accordion-button {
    height: 32px;
    border-bottom: 1px solid #c9d9e8;
    color: var(--main-color) !important;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    font-family: 'Cairo';
    font-weight: 600;
}

.cover .accordion label {
    font-weight: bold;
}

.cover .accordion {
    margin: 1rem 0;
}

.cover .accordion-item {
    background: #f7f7f7 !important;
    border: 1px solid var(--border-search);
}

.accordion-item-noborder {
    border: unset !important
}

.accordion_section_label {
    margin-left: 8px;
    font-size: 1.2em;
    font-weight: 500;
    width: 15%;
    color: var(--modal-title);
    font-family: Cairo;
    text-transform: uppercase;
}

.accordion-button-noborder {
    border: 1px solid;
    color: var(--modal-title);
}

.accordion_section_line {
    width: 100%;
    margin-right: 20px;
}

#SECTION_MODELLO_OFFERTA_FIRMA_ECONOMICA,
#SECTION_FIRMA_AMPIEZZA_GAMMA {
    display: flex;
    margin-left: 20px;
    margin-top: 20px;
}

#TEXTBOX_F1_SIGN_ATTACH table.VerticalModel_ReadOnlyField,
#TEXTBOX_F4_SIGN_ATTACH table.VerticalModel_ReadOnlyField {
    height: 41px !important;
    border: none !important;
    width: 400px;
    background: var(--input-readonly-bg) !important;
    cursor: not-allowed;
}

#SECTION_MODELLO_OFFERTA_FIRMA_ECONOMICA .Section_Attach,
#SECTION_FIRMA_AMPIEZZA_GAMMA .Section_Attach,
#SECTION_MODELLO_OFFERTA_BUSTA_ECO_ECONOMICA .Section_Attach,
#SECTION_MODELLO_OFFERTA_BUSTA_TEC_FIRMA_TECNICA .Section_Attach,
#SECTION_MODELLO_OFFERTA_FIRMA_TECNICA .Section_Attach,
#SECTION_MODELLO_OFFERTA_DISPLAY_DGUE .Section_Attach,
#SECTION_MODELLO_ODC_FIRMA .Section_Attach,
#SECTION_MODELLO_ISTANZA_AlboOperaEco_DISPLAY_FIRMA .Section_Attach,
#SECTION_MODELLO_ISTANZA_AlboProf_DISPLAY_FIRMA .Section_Attach,
#SECTION_MODELLO_CAMBIO_RUOLO_UTENTE_FIRMA .Section_Attach,
#SECTION_MODULO_TEMPLATE_REQUEST_VER2 .Section_Attach,
#SECTION_MODELLO_MODULO_QUESTIONARIO_AMMINISTRATIVO_DISPLAY_FIRMA .Section_Attach,
#SECTION_MODELLO_NOTIER_ISCRIZ_FIRMA .Section_Attach,
#SECTION_MODELLO_VARIAZIONE_ANAGRAFICA_FIRMA .Section_Attach,
#SECTION_MODELLO_NOTIER_ISCRIZ_PA_FIRMA .Section_Attach,
#SECTION_MODELLO_FIRMA .Section_Attach,
#SECTION_MODELLO_FIRMA_SEMPLICE .Section_Attach,
#ISTANZA_ALBO_ME_FVG_DISPLAY_DGUE .Section_Attach,
#OFFERTA_DISPLAY_QUESTIONARIO .Section_Attach,
#SECTION_MODELLO_CONTRATTO_GARA_FORN_FIRMA .Section_Attach,
#SECTION_MODELLO_RITIRA_OFFERTA_FIRMA .Section_Attach {
    display: flex;
    margin-left: 40px;
    font-size: 0.7em;
    align-items: center;
}

input[type="button"]#Section_Attach.attachpdf:focus {
    border: none !important;
}

#SECTION_MODELLO_OFFERTA_TESTATA_LISTA_BUSTE {
    display: flex;
    margin: 20px 0;
    align-items: flex-end;
}

#BUTTON_IMPORTA_BUSTE_OFFERTA {
    margin-left: 40px;
}

#SECTION_MODELLO_OFFERTA_BUSTA_ECO_ECONOMICA {
    display: flex;
    margin: 20px 0;
    align-items: flex-end;
}

    #SECTION_MODELLO_OFFERTA_BUSTA_ECO_ECONOMICA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

#SECTION_MODELLO_OFFERTA_BUSTA_TEC_FIRMA_TECNICA {
    display: flex;
    margin: 20px 0;
    align-items: flex-end;
}

    #SECTION_MODELLO_OFFERTA_BUSTA_TEC_FIRMA_TECNICA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

#SECTION_MODELLO_OFFERTA_FIRMA_TECNICA {
    display: flex;
    margin: 20px 0;
    align-items: flex-end;
}

    #SECTION_MODELLO_OFFERTA_FIRMA_TECNICA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

#SECTION_MODELLO_OFFERTA_DISPLAY_DGUE {
    display: flex;
    margin: 20px 0;
    align-items: flex-end;
}


#SECTION_MODELLO_ODC_FIRMA {
    display: flex;
    margin-left: 40px;
    align-items: flex-end;
}

    #SECTION_MODELLO_ODC_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }



#DIV_FIRMA .attachpdf:hover,
#DIV_FIRMA_AMPIEZZA_GAMMA .attachpdf:hover {
    background: var(--primary-button-gradient-hover); /*url(../../CTL_LIBRARY/images/domain/trash.png) no-repeat;*/
}

#DIV_FIRMA .attachpdf,
#DIV_FIRMA_AMPIEZZA_GAMMA .attachpdf {
    background: var(--primary-button-gradient); /*url(../../CTL_LIBRARY/images/domain/trash.png) no-repeat;*/
    font-size: 16px !important;
    color: var(--white) !important;
    text-align: center !important;
    text-shadow: 1px 1px 0 rgba(21,41,53,0.24) !important;
    font-weight: 500 !important;
    height: 41px !important;
    margin: 20px 0px 0px !important;
    border: 0 !important;
    font-family: Roboto !important;
    width: 150px;
    /*position: relative;*/
    cursor: pointer;
    right: 80px;
    top: 8px;
}

#DIV_FIRMA .attachpdfdisabled,
#DIV_FIRMA_AMPIEZZA_GAMMA .attachpdfdisabled {
    /*background: url(../../CTL_LIBRARY/images/domain/trash.png) no-repeat;*/
    text-shadow: none !important;
    font-size: 16px;
    color: var(--white) !important;
    text-align: center !important;
    font-weight: 500 !important;
    border: 0 !important;
    height: 24px !important;
    margin-top: 20px !important;
    font-family: Roboto !important;
    width: 22px;
    display: none;
    /*cursor: pointer;*/
    position: relative;
    right: 80px;
    top: 8px;
}

#DIV_FIRMA .editistanzadisabled,
#DIV_FIRMA_AMPIEZZA_GAMMA .editistanzadisabled {
    background: var(--border-input-standard) !important;
    text-shadow: none !important;
    font-size: 16px;
    color: var(--white) !important;
    text-align: center !important;
    font-weight: 500 !important;
    border: 0 !important;
    height: 41px !important;
    margin-top: 20px !important;
    font-family: Roboto !important;
    width: 40px;
    position: relative;
    /*cursor: pointer;*/
    right: 0px;
    top: 0px;
}

#DIV_FIRMA .editistanza:hover,
#DIV_FIRMA_AMPIEZZA_GAMMA .editistanza:hover {
    background: var(--primary-button-gradient-hover) !important;
    border: 0 !important;
}

#DIV_FIRMA .editistanza,
#DIV_FIRMA_AMPIEZZA_GAMMA .editistanza {
    background: var(--primary-button-gradient) !important;
    font-size: 16px !important;
    color: var(--white) !important;
    text-align: center !important;
    text-shadow: 1px 1px 0 rgba(21,41,53,0.24) !important;
    font-weight: 500 !important;
    height: 41px !important;
    margin-top: 20px !important;
    border: 0 !important;
    font-family: Roboto !important;
    width: 40px;
    position: relative;
    cursor: pointer;
    right: 0px;
    top: 0px;
}

#SECTION_MODELLO_ISTANZA_AlboOperaEco_DISPLAY_FIRMA {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_ISTANZA_AlboOperaEco_DISPLAY_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

.main_istanza .Section_Attach {
    font-size: 1.2em !important;
}

#SECTION_MODELLO_ISTANZA_AlboProf_DISPLAY_FIRMA {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_ISTANZA_AlboProf_DISPLAY_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

.cover .accordion-button:not(.collapsed) {
    background: transparent;
    color: #212529;
}

.cover .accordion-button {
    background: transparent;
    text-transform: uppercase;
}



.cover h2.accordion-header {
    padding: 0;
}

/*Sistemato Glitch storico accordion. il border 0 resettava a tutti i settaggi di default l'elemento ma causava uno sfarfallamento passando in hover sull'accordion.
    Presi gli stili applicati dalla regola border 0, escludendo il reset degli style che causava il problema
*/
.cover .accordion-button:hover {
    /*border: 0;*/
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-top-color: initial;
    border-right-color: initial;
    border-bottom-color: initial;
    border-left-color: initial;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
}

.cover .accordion-button {
    height: 32px;
    border-bottom: 1px solid #c9d9e8;
    color: var(--main-color) !important;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    font-family: 'Cairo';
    font-weight: 600;
}

.cover .accordion label {
    font-weight: bold;
}

.cover .accordion {
    margin: 1rem 0;
}

.cover .accordion-item {
    background: #f7f7f7 !important;
    border: 1px solid var(--border-search);
}

#SECTION_MODELLO_CAMBIO_RUOLO_UTENTE_FIRMA {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_CAMBIO_RUOLO_UTENTE_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

.Section_Attach .dimensioneTesto {
    margin-bottom: 5px !important;
    font-size: 1.3em !important;
    line-height: 16px;
    max-width: fit-content;
    white-space: break-spaces;
}

#SECTION_MODULO_TEMPLATE_REQUEST_VER2 {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODULO_TEMPLATE_REQUEST_VER2 .DIV_ATTACH_CONTAINER {
        min-height: 40px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

    #SECTION_MODULO_TEMPLATE_REQUEST_VER2 .Section_Attach .dimensioneTesto {
        line-height: 15px !important;
    }

.esito_riga_obbligatorio_grid {
    display: inline-block;
}

[id^="TABLE_ATTACH_CONTAINER"] {
    vertical-align: middle;
    table-layout: fixed;
}

    [id^="TABLE_ATTACH_CONTAINER"] #TD_ATTACH_ALL {
        background-color: var(--background-input-color) !important;
        border: 1px solid var(--border-input-standard) !important;
        padding: 8px !important;
        width: auto;
        word-break: break-all;
        min-width: 260px;
    }

    [id^="TABLE_ATTACH_CONTAINER"].ATTACH_CONTAINER > tbody > tr {
        display: flex;
        align-items: top;
    }

.imgNotEditable, .iconEditable {
    padding: 0 0 0 7px;
}

/*Icona Editabile per labels*/
td.VerticalModel_Caption > label.FldCaption .imgEditableField,
td.VerticalModel_ObbligCaption > label.FldCaption .imgEditableField {
    display: contents;
    font-size: 10px !important;
}

    td.VerticalModel_Caption > label.FldCaption .imgEditableField::before,
    td.VerticalModel_ObbligCaption > label.FldCaption .imgEditableField::before {
        margin-left: 0.4em; /* aggiungo spazio dal testo */
    }

/*
  Regole necessarie per situazioni specifiche le quali non possono essere 
  individuate singolarmente in base al contesto
*/
#cap_FNZ_UPD .imgEditableField,
#cap_FNZ_OPEN .imgEditableField,
#cap_FNZ_UPD_Mandanti .imgEditableField,
#cap_FNZ_UPD_Ausiliarie .imgEditableField,
#cap_FNZ_UPD_Subappaltarici .imgEditableField,
#cap_FNZ_UPD .imgEditableField,
#cap_PunteggioEconomico .imgEditableField,
#cap_FNZ_ADD .imgEditableField,
#cap_FNZ_OPEN .imgEditableField,
#cap_help_manutenzione_schede_pcp .imgEditableField,
#cap_Azienda .imgEditableField {
    display: none;
}

/*
  Regole necessarie per situazioni specifiche le quali non possono essere 
  individuate singolarmente in base al contesto
*/
label#cap_apriGEO + i.imgEditableField,
label#cap_Cerca_Documento + i.imgEditableField {
    display: none;
}

.GridPrintProducts [id^="TABLE_ATTACH_CONTAINER"] #TD_ATTACH_ALL {
    width: auto;
}

#DIV_RTESTATA_PRODOTTI_MODEL_Allegato [id^="TABLE_ATTACH_CONTAINER"] #TD_ATTACH_ALL {
    background: transparent !important;
    border: 0 !important
}

#DIV_AttoDiNomina_Idoneita:has([id^="TABLE_ATTACH_CONTAINER"] #TD_ATTACH_ALL),
#DIV_RDISPLAY_DGUE_MODEL_Allegato:has([id^="TABLE_ATTACH_CONTAINER"] #TD_ATTACH_ALL),
span#EsitoRiga_V:has(.progress-bar),
#DIV_AllegatoPerOCP:has([id^="TABLE_ATTACH_CONTAINER"] #TD_ATTACH_ALL) {
    background: none !important;
    border: 0 !important;
    padding: 0;
}

.Section_Attach div.dimensioneTesto {
    font-size: 1.1em;
}

.esito_riga_obbligatorio_grid .Grid_CaptionObblig {
    display: inline;
}

.errore-warning-esito-riga .Grid_CaptionObblig {
    display: inline;
}

.no_link_style {
    color: #000;
    cursor: default;
}



#SECTION_MODELLO_MODULO_QUESTIONARIO_AMMINISTRATIVO_DISPLAY_FIRMA {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_MODULO_QUESTIONARIO_AMMINISTRATIVO_DISPLAY_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

#DIV_FIRMA input.generapdf,
#DIV_FIRMA_AMPIEZZA_GAMMA input.generapdf {
    margin-left: 0px !important;
    height: 41px !important;
}

.VerticalModel_ReadOnlyField td div.div_fld_template {
    width: 400px !important;
}

/*BVEP-28685*/
.VerticalModel_ReadOnlyField td div.div_fld_template div#geo-combobox-wrapper input.geo-combobox-input{
    width: 400px !important;
}

#SECTION_MODELLO_NOTIER_ISCRIZ_FIRMA {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_NOTIER_ISCRIZ_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

#SECTION_MODELLO_VARIAZIONE_ANAGRAFICA_FIRMA {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_VARIAZIONE_ANAGRAFICA_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

#SECTION_MODELLO_NOTIER_ISCRIZ_PA_FIRMA {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_NOTIER_ISCRIZ_PA_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

#SECTION_MODELLO_FIRMA {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

#SECTION_MODELLO_FIRMA_SEMPLICE {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_FIRMA_SEMPLICE .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

.VerticalModel_ReadOnlyField [id^="TABLE_ATTACH_CONTAINER"] #TD_ATTACH_ALL {
    min-width: auto;
}

/* Fix obbligata per GEO dentro le grid per gestione pessima fatta nella stessa pagina */
.main_istanza #SEDI_OPERATIVE table[data-type="openGEOFaseII"] {
    position: relative;
    transform: none;
}

.toastTitle:focus-visible,
.toastTitle:focus,
.toastTitle:active {
    outline: #55636b solid 1px;
    border-radius: 2px;
}

#ISTANZA_ALBO_ME_FVG_DISPLAY_DGUE {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}


    #ISTANZA_ALBO_ME_FVG_DISPLAY_DGUE .Section_Attach .dimensioneTesto,
    #OFFERTA_DISPLAY_QUESTIONARIO .Section_Attach .dimensioneTesto,
    #SECTION_MODELLO_ISTANZA_AlboOperaEco_DISPLAY_FIRMA .Section_Attach .dimensioneTesto,
    #SECTION_MODELLO_ISTANZA_AlboProf_DISPLAY_FIRMA .Section_Attach .dimensioneTesto {
        font-size: 14px !important;
    }


#OFFERTA_DISPLAY_QUESTIONARIO {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #OFFERTA_DISPLAY_QUESTIONARIO .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

.compilaQuestionario {
    background: var(--primary-button-gradient) !important;
    font-size: 16px !important;
    color: var(--white) !important;
    text-align: center !important;
    text-shadow: 1px 1px 0 rgba(21,41,53,0.24) !important;
    font-weight: 500 !important;
    height: 41px !important;
    margin-top: 20px !important;
    border: 0 !important;
    font-family: Roboto !important;
    cursor: pointer;
    width: 200px;
}

    .compilaQuestionario:hover {
        background: var(--primary-button-gradient-hover) !important;
        border: 0 !important;
    }

.compilaQuestionariodisabled {
    background: var(--border-input-standard) !important;
    text-shadow: none !important;
    font-size: 16px;
    color: var(--white) !important;
    text-align: center !important;
    font-weight: 500 !important;
    border: 0 !important;
    height: 41px !important;
    margin-top: 20px !important;
    font-family: Roboto !important;
    /*cursor: pointer;*/
    width: 200px;
}


.dataFine div.div_fld_template,
.dataInizio div.div_fld_template {
    max-width: 150px;
}

#DISPLAY_QUESTIONARIO .DIV_ATTACH_CONTAINER {
    width: auto;
}

#DISPLAY_FIRMA .DIV_ATTACH_CONTAINER {
    width: auto;
}

.row-number-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

.MsgBox_ListPuntata {
    margin-top: 10px;
    margin-left: 20px;
    list-style: disc !important;
}

.MsgBox_TitoloFolder {
    font-weight: bold !important
}

.MsgBox_ElementiListaPuntanta {
    margin-top: 5px;
}


#SECTION_MODELLO_CONTRATTO_GARA_FORN_FIRMA {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_CONTRATTO_GARA_FORN_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }
/*#SECTION_MODELLO_CONTRATTO_GARA_FORN_FIRMA #attachpdf {
    width:40px !important;
    min-width:20px !important;
}*/

#SECTION_MODELLO_RITIRA_OFFERTA_FIRMA {
    display: flex;
    margin-left: 40px;
    margin-top: 20px;
    align-items: flex-end;
}

    #SECTION_MODELLO_RITIRA_OFFERTA_FIRMA .VerticalModel_ReadOnlyField {
        height: 41px !important;
        border: none !important;
        width: 400px;
        background: var(--input-readonly-bg) !important;
        cursor: not-allowed;
    }

td [id^="R"][id$="_ReceivedOff_V"] {
    text-align: right;
}


.dynatree-node img[src*="folder"] {
    display: none !important;
}

div#DIV_FIRMA .DIV_ATTACH_CONTAINER {
    margin-bottom: 0;
}
/* Larghezza espansa allegati ISTANZE. Settandola in vw non rischio che vada fuori dalla pagina, tuttavia è fissa. */
.main_istanza #DIV_QUESTIONARIO_AMMINISTRATIVO .ATTACH_CONTAINER,
.main_istanza #DIV_QUESTIONARIO_AMMINISTRATIVO .Attach_Tab,
.main_istanza #DIV_DGUE .ATTACH_CONTAINER,
.main_istanza #DIV_DGUE .Attach_Tab,
.main_istanza #DIV_FIRMA .ATTACH_CONTAINER,
.main_istanza #DIV_FIRMA .Attach_Tab {
    width: 42vw;
}

.main_istanza #DIV_QUESTIONARIO_AMMINISTRATIVO .VerticalModel_ReadOnlyField,
.main_istanza #DIV_DGUE .VerticalModel_ReadOnlyField,
.main_istanza #DIV_FIRMA .VerticalModel_ReadOnlyField {
    width: 45vw;
}

label#cap_Professionista {
    white-space: nowrap;
}

@media (max-width: 1200px) {
    label#cap_Professionista {
        white-space: normal;
    }
}
/* Larghezza allegati su report BANDO */
.bando_report .DIV_ATTACH_CONTAINER .TD_ATTACH_ALL td {
    width: 100%;
}

#ELENCO_LOTTIGrid {
    min-width: 100% !important;
}

    #ELENCO_LOTTIGrid div[id^="val_RELENCO_LOTTIGrid_"][id$="_StatoFunzionale"] span {
        padding: 6px !important;
    }

#ALLEGATIGrid {
    min-width: 100% !important;
}

#DETTAGLI #DETTAGLIGrid {
    min-width: 100% !important;
}

td .GR0_checkbox fieldset {
    text-align: center !important;
}

td .GR1_checkbox fieldset {
    text-align: center !important;
}

.accordion-headerSezione {
    padding: 0px !important;
    margin: 20px !important;
    margin-bottom: 0px !important;
}

.accordion-collapseSezione {
    background-color: rgb(236, 236, 236);
    margin-left: 20px;
    margin-right: 20px;
}

.accordion-buttonSezione {
    background-color: rgb(236, 236, 236) !important;
    color: var(--main-color) !important;
    height: 15px;
}

.accordion-itemSezione {
    margin: 10px !important;
}

.accordion-item .Toolbar {
    background-color: unset;
}

.ente_proponente_td {
    width: 50%;
}

.ente_proponente_table {
    width: 100%;
    table-layout: fixed;
}

.ente_proponente_input_cell {
    width: calc(100% - 40px);
}

.ente_proponente_button_cell {
    width: 40px;
}

.ente_proponente_input {
    width: 100%;
}

.ente_proponente_button {
    width: 100%;
    min-width: 40px;
    height: 100%;
}

/*
    Sovrascrivo le grandezze delle grid di BS aumentando di 100 px tra xl e xxl
    Questo per evitare sovrapposizoni di campi come dateTime (DateFaseII)
*/

@media (min-width: 1200px) and (max-width: 1499.98px) {
    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.333333333333332%;
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.666666666666664%;
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25.0%;
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333333333%;
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666666666667%;
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50.0%;
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.333333333333336%;
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666666666666%;
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75.0%;
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333333334%;
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666666666666%;
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100.0%;
    }
}

@media (min-width: 1500px) {
    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.333333333333332%;
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.666666666666664%;
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25.0%;
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333333333%;
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666666666667%;
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50.0%;
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.333333333333336%;
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666666666666%;
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75.0%;
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333333334%;
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666666666666%;
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100.0%;
    }
}

.mod_quest_amm_OptionTAB tbody {
    display: block;
}


    .mod_quest_amm_OptionTAB tbody tr {
        display: block;
        margin-bottom: 15px;
    }

.moduloQuestionarioAnno {
    text-align: right;
}

.ModuloQuestionarioParameterNoteContainer input[type="text"].Date {
    text-align: right;
}

.mod_quest_amm_OptionTAB tbody {
    display: block !important;
}

.mod_quest_amm_OptionTAB .DOM_OPT {
    white-space: nowrap;
}

.mod_quest_amm_OptionTAB .DOM_Desc_MultiValue_AFTER {
    display: inline-block;
    margin-left: 6px;
    vertical-align: middle;
}

.moduloQuestionarioData {
    text-align: right;
}

/* Nuove Classi per Gestire il bottone degli allegati */
button.FldExtDom_button,
button.Attach_button {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-pulsanti-input-group-menu-gradient);
    color: var(--color-input-group);
    border: none;
    /*border-radius: 4px;*/
    cursor: pointer;
}

    button.FldExtDom_button:hover,
    button.Attach_button:hover {
        background: var(--bg-pulsanti-input-group-menu-gradient) !important;
        background: var(--bg-pulsanti-input-group-menu-gradient-hover) !important;
    }

/* Stili Questionario EVO */
.questionarioEvoButton {
    text-transform: none !important;
    font-size: 0.5em !important;
    padding: 1.2em;
}

.questionarioEvoCondition {
    font-family: 'Cairo' !important;
    vertical-align: unset !important;
}

    .questionarioEvoCondition .descQuestionarioEvoCondition {
        font-size: 0.7em;
    }

/* Stili per le accordion questionario EVO: Andando in profondità aumento il tono di grigio. Per ora previsto fino LV4 ma eventualmente estendere */
.questEvoAccordionBody {
    background-color: rgba(0, 0, 0, 0.03);
}

    .questEvoAccordionBody .questEvoAccordionBody {
        background-color: rgba(0, 0, 0, 0.05);
    }

        .questEvoAccordionBody .questEvoAccordionBody .questEvoAccordionBody {
            background-color: rgba(0, 0, 0, 0.07);
        }

            .questEvoAccordionBody .questEvoAccordionBody .questEvoAccordionBody .questEvoAccordionBody {
                background-color: rgba(0, 0, 0, 0.9);
            }

.questEvoAccordionHead {
    background-color: rgba(0, 0, 0, 0.05);
}

.questEvoAccordionBody .questEvoAccordionHead {
    background-color: rgba(0, 0, 0, 0.10);
}

.questEvoAccordionBody .questEvoAccordionBody .questEvoAccordionHead {
    background-color: rgba(0, 0, 0, 0.15);
}

.questEvoAccordionBody .questEvoAccordionBody .questEvoAccordionBody .questEvoAccordionHead {
    background-color: rgba(0, 0, 0, 0.20);
}

.questEvoParameterDesc {
    padding: 10px 20px;
}

.questEvoAccordionBody table.VerticalModel_ReadOnlyField div.div_fld_template {
    padding: 13px 13px 0 0 !important;
}

.questEvoAccordionBody .Toolbar {
    padding: 0px;
}

.questEvoHideIterabilita {
    display: none !important;
}

.questSubsectionTemplate {
    display: none !important;
}

.questEvoAccordionBody .DIV_ATTACH_BTN {
    width: auto;
    height: auto;
}

    .questEvoAccordionBody .DIV_ATTACH_BTN input[alt="Inserisci allegato"] {
        /*min-height: 40px;*/
        text-align: center;
        font-size: 17px;
        background: var(--bg-pulsanti-input-group) !important;
        background: var(--bg-pulsanti-input-group-menu-gradient) !important;
        color: var(--white);
        /*width: 40px;*/
        /*min-width: 40px;*/
        padding: 0;
        cursor: pointer;
        z-index: 10;
        color: var(--color-input-group);
    }

        .questEvoAccordionBody .DIV_ATTACH_BTN input[alt="Inserisci allegato"]:hover {
            background: var(--bg-pulsanti-input-group-menu-gradient-hover) !important;
        }


.questEvoAccordionBody .TD_ATTACH_ALL {
    width: 90% !important;
    min-width: auto !important;
}

.questEvoAccordionBody .DIV_ATTACH_EMPTY {
    width: auto !important;
    min-width: auto !important;
}

.questEvoAccordionBody input[type="text"] {
    background-color: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    width: 90% !important;
}

.questEvoAccordionBody textarea {
    background-color: var(--background-input-color);
    min-height: 40px;
    padding: 9px 16px;
    border: 1px solid var(--border-input-standard);
    width: 90% !important;
}

.questEvoAccordionBody select {
    width: 90%;
    min-width: auto !important;
}

.placeholderQuestStruttura {
    display: none !important;
}

.questEvoHideConditioned {
    display: none;
}

.questEvoAccordionBody .cover {
    margin-left: 0px;
    margin-right: 0px;
}

.questEvoAccordionBody .DomCheck_Opt {
    margin-right: 0.2rem;
}

.riga {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.indent {
    margin-left: 30px;
}

.cell {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.formula-box {
    margin-top: 20px;
    padding: 10px;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    font-family: monospace;
}

.questEvoParameterDesc {
    line-height: 1.5;
}


.fldWithIcon-select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAMAAACtdX32AAAAdVBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAhMdQaAAAAJ3RSTlMAAAECAwQGBwsOFBwkJTg5RUZ4eYCHkJefpaytrsXGy8zW3+Do8vNn0bsyAAAAYElEQVR42tXROwJDQAAA0Ymw1p9kiT+L5P5HVEi3qJn2lcPjtIuzUIJ/rhIGy762N3XaThqMN1ZPALsZPEzG1x8LrFL77DHBnEMxBewz0fJ6LyFHTPL7xhwzWYrJ9z22AqmQBV757MHfAAAAAElFTkSuQmCC) !important;
    background-position: 100% !important;
    background-repeat: no-repeat !important;
}

/* Contenitore per l'input e la lista di suggerimenti */
.fldWithIcon-datalist-container {
    /* position: relative; */
    width: 100%;
}

/* Stile della lista di suggerimenti */
.fldWithIcon-datalist {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    background-color: var(--background-input-color) !important;
    border: 1px solid #ccc;
    max-height: 200px;
    overflow-y: auto;
    z-index: 90;
}

/* Stile delle opzioni */
.fldWithIcon-option {
    width: 100%;
    font-size: 14px;
    color: #152935;
    font-family: Roboto, sans-serif;
    letter-spacing: 0.25px;
    line-height: 20px;
    font-weight: 400;
    cursor: pointer;
    display: flex;
}

    .fldWithIcon-option > div, .fldWithIcon-option > span {
        padding: 8px !important;
    }

    .fldWithIcon-option > span {
        width: 100%;
    }


    .fldWithIcon-option:hover {
        background-color: #f0f0f0;
    }

.accordion-body > #div_ENTE_PROPONENTEGrid {
    overflow-x: visible !important;
}


/*.main_istanza .contentinput .inputdiv label table.VerticalModel_ReadOnlyField tbody tr td .div_fld_template > span.Text {
    padding: 0 10px 0 10px !important;
}*/

/*.main_istanza label[for="NaGi"] .div_fld_template {
    max-height: 40px;
}*/

/*td[name="Cell_NaGi "] div#val_NaGi {
    min-height: 0 !important;
}*/

/*div.div_fld_template:has(#val_NaGi) {
    min-height: 62px !important;
}
*/
#ID_main_istanza .div_fld_template span {
    padding: 10px 0 0 10px !important;
}

.main_istanza .contentinput .inputdiv label table.VerticalModel_ReadOnlyField tbody tr td > .div_fld_template {
    padding: 0px !important;
}


.main_istanza .contentinput .inputdiv label table.VerticalModel_ReadOnlyField tbody tr td > .div_fld_template {
    height: 40px !important;
    display: flex;
    align-items: center;
}

.VerticalModel_ReadOnlyField td div.div_fld_template {
    padding: 0 !important;
}

    .VerticalModel_ReadOnlyField td div.div_fld_template span.Text {
        padding: 0 !important;
    }

#ID_main_istanza .contentinput .inputdiv label table.VerticalModel_ReadOnlyField td div.div_fld_template span.Text {
    padding: 0 10px 0 10px !important;
}

/* Stili per griglia Questionario EVO: si applicano stili per dare una grandezza minima in base alla tipologia di colonna*/
.questEvoAccordionBody .GrigliaFaseII td textarea {
    min-width: 20rem;
}

.questEvoAccordionBody .GrigliaFaseII td input[type="text"] {
    min-width: 20rem !important;
}


.questEvoAccordionBody .GrigliaFaseII .TD_ATTACH_ALL {
    min-width: 20rem !important;
}

/* Grandezza dei campi questionario in modalità readonly */
.questEvoAccordionBody .VerticalModel_ReadOnlyField {
    width: 90%;
}

    .questEvoAccordionBody .VerticalModel_ReadOnlyField td div.div_fld_template {
        width: 100% !important;
    }

/* Gestione utility di errore questionario */
.QuestEvo_ErrorNav {
    position: fixed;
    bottom: 1.25rem;
    right: 1.25rem;
    z-index: 9999;
    background: #fff;
    border: 1px solid #d0d7de;
    box-shadow: 0 4px 14px rgba(0,0,0,.15);
    border-radius: .55rem;
    min-width: 220px;
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    animation: QuestEvo_FadeIn .25s ease-out;
    overflow: hidden;
}

@keyframes QuestEvo_FadeIn {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.QuestEvo_ErrorNav__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f6f8fa;
    border-bottom: 1px solid #d0d7de;
    padding: .45rem .6rem;
    font-size: .85rem;
    font-weight: 600;
    color: #24292f;
}

.QuestEvo_ErrorNav__title {
    margin: 0;
    padding: 0;
}

.QuestEvo_ErrorNav__close {
    background: transparent;
    border: none;
    font-size: 1.15rem;
    line-height: 1;
    cursor: pointer;
    color: #57606a;
    padding: 0 .25rem;
}

    .QuestEvo_ErrorNav__close:hover {
        color: #cf222e;
    }

.QuestEvo_ErrorNav__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .55rem .65rem .4rem;
    font-size: .75rem;
}

.QuestEvo_ErrorNav__buttons {
    display: flex;
    gap: .4rem;
}

.QuestEvo_ErrorNav__btn,
.QuestEvo_ErrorNav__btnMini {
    background: #0d6efd;
    color: #fff;
    border: 1px solid #0a58ca;
    padding: .35rem .55rem;
    font-size: .7rem;
    border-radius: .35rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.QuestEvo_ErrorNav__btnMini {
    padding: .25rem .45rem;
    font-size: .6rem;
}

    .QuestEvo_ErrorNav__btn:hover,
    .QuestEvo_ErrorNav__btnMini:hover {
        background: #0b5ed7;
    }

.QuestEvo_ErrorNav__footer {
    display: flex;
    justify-content: flex-end;
    padding: 0 .6rem .55rem;
}

.QuestEvo_ErrorPulse {
    animation: QuestEvo_ErrorPulseAnim .9s ease-in-out 1;
}

@keyframes QuestEvo_ErrorPulseAnim {
    0% {
        box-shadow: 0 0 0 0 rgba(207,34,46,.0);
    }

    50% {
        box-shadow: 0 0 0 6px rgba(207,34,46,.25);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(207,34,46,.0);
    }
}

.QuestEvo_ErrorNav input.ButtonBar_Button:hover, button:hover, .MsgBox_ButtonOK:hover, input.btn:hover {
    border: none; /* Correzione glitch piattaforma sulla grafica */
}

input[type="checkbox"].error-checkbox {
    border: 2px solid #e53935 !important;
}

.VerticalModel_Value span.RTE_NotEditable,
.FldDomainValue span.RTE_NotEditable,
.div_fld_template span.RTE_NotEditable {
    display: block !important;
}

/*BVEP-6872: New Geo component*/
#geo-combobox-wrapper {
    border: 0 !important;
    background: transparent !important;
}

    #geo-combobox-wrapper,
    #geo-combobox-wrapper:focus,
    #geo-combobox-wrapper:focus-visible {
        outline: none !important;
        box-shadow: var(--white) !important;
    }

#geo-combobox-dropdown,
#geo-combobox-dropdown:focus,
#geo-combobox-dropdown:focus-visible {
    outline: none !important;
    box-shadow: var(--white) !important;
}

#geo-combobox-dropdown {
    display: flex;
    flex-direction: column;
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #000 !important;
    margin-top: 1px;
}

.geo-combobox-option {
    padding: 1.8px !important;
    cursor: pointer;
    height: 20px;
}

.geo-combobox-option:hover {
    background: var(--color_new_geo_dropdown_menu_hover) !important;
    color: #fff;
}

/*BVEP-15035: Migliorie Modelli di acquisto*/

.Grid.freezable-grid th.has-pin-header {
    position: relative;
    cursor: pointer;
}

.Grid.freezable-grid th.is-pinned-col-header {
    padding-right: 30px;
}

.Grid th .pin-col:focus {
    box-shadow: none !important;
    outline: none !important;
}

.freezable-grid th .pin-col {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 14px;
}

/* Quando la colonna è pinnata, il pin appare */
.Grid.freezable-grid th.is-pinned-col-header .pin-col {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

/*Div contenitore griglia*/
.freezable-grid-container {
    overflow-x: auto;
    padding: 0 !important;
    padding-left: 0 !important;
}

/* Celle pinnate */
.Grid.freezable-grid th.frozen-col,
.Grid.freezable-grid td.frozen-col {
    position: sticky !important;
    left: 0;
    z-index: 3;
    background-color: var(--backgrund-submenu-li);
    background-clip: padding-box;
    box-sizing: border-box;
}

.Grid.freezable-grid th.frozen-col {
    z-index: 4;
}

.Grid.freezable-grid th.frozen-col-edge,
.Grid.freezable-grid td.frozen-col-edge {
    box-shadow: 2px 0 0 0 #c3c7cf;
}

/* Bordo sinistro prima colonna pinnata */
.Grid.freezable-grid th.frozen-col-left-edge,
.Grid.freezable-grid td.frozen-col-left-edge {
    box-shadow: -1px 0 0 0 #c3c7cf;
}

#pcp_CodiceCentroDiCosto {
    max-width: 260px !important;
    padding-right: 2rem !important;
}

/*BVEP-26018*/
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#EMAIL_V > a[href^="mailto:"] {
    color: #0071a4 !important;
}

/*BVEP-24598*/
.border-base {
	border: 1px solid #9DA6AD;
}

.Folder_LabelSelected button:focus,
.Folder_LabelSelected button:focus-visible {
	outline: 3px solid var(--tab-main-color);
	outline-offset: 2px;
}

.field-error-message {
    display: block;
    margin-top: 6px;
    padding: 6px 8px;
    color: #b00020;
    background-color: #fdf1f2;
    border-left: 3px solid #d32f2f;
    font-size: 0.875rem;
    line-height: 1.4;
    border-radius: 2px; 
    width: fit-content;
    max-width: 100%;
}

.field-error-message i {
    margin-right: 6px;
}

.field-error-message span {
    vertical-align: middle;
}

/* START - Stile per modale SSE Processi */
.sse-process-modal-no-close .ui-dialog-titlebar-close {
	display: none !important;
}

@keyframes sse-spin {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

#sse-process-content {
	min-width: 420px;
}

#sse-process-status-row {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 0 8px 0;
}

#sse-process-spinner {
	width: 20px;
	height: 20px;
	min-width: 20px;
	border: 3px solid #e0e0e0;
	border-top: 3px solid #0078d4;
	border-radius: 50%;
	animation: sse-spin 0.8s linear infinite;
}

#process-status-message {
	font-size: 13px;
	color: #333;
	font-weight: 500;
}

#sse-process-bar-wrapper {
	padding: 4px 0 2px 0;
}

#process-status-percentage {
	font-weight: 600;
	font-size: 12px;
	color: #555;
}

#process-log-wrapper {
	border-top: 1px solid #e0e0e0;
	margin-top: 4px;
	padding-top: 8px;
}

	#process-log-wrapper > div:first-child {
		font-size: 11px;
		font-weight: 600;
		color: #888;
		text-transform: uppercase;
		letter-spacing: 0.5px;
		margin-bottom: 6px;
	}

#process-log {
	max-height: 22vh;
	overflow-y: auto;
	padding-right: 4px;
}

	#process-log .sse-log-entry {
		display: flex;
		align-items: flex-start;
		gap: 8px;
		padding: 4px 0;
		font-size: 12px;
		color: #444;
	}

		#process-log .sse-log-entry + .sse-log-entry {
			border-top: 1px solid #f0f0f0;
		}

	#process-log .sse-log-time {
		color: #999;
		font-size: 11px;
		white-space: nowrap;
		min-width: 52px;
		font-variant-numeric: tabular-nums;
	}

	#process-log .sse-log-msg {
		flex: 1;
	}
/* END - Stile per modale SSE Processi */
/*BVEP-28281: CHG 7 - RSU 1*/
.fles-rsu1-section-title-wrapper {
	text-align: center;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 10px 0;
}

.fles-rsu1-section-title {
	font-size: 20px !important;
	color: var(--modal-title);
	font-family: Cairo;
	font-weight: 600;
	/*text-transform: uppercase;*/
}

/* START - Stile per Widget con paginazione */
.widget-pagination-footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 16px;
	border-top: 1px solid var(--border-input-standard);
}

.btn-widget-page {
	background: var(--white);
	border: 1px solid var(--border-input-standard);
	border-radius: 2px;
	padding: 4px 12px;
	cursor: pointer;
	font-size: 14px;
	color: var(--modal-text);
	font-family: Roboto;
	font-weight: 500;
	transition: background-color 0.2s, color 0.2s;
	min-height: 32px;
}

	.btn-widget-page:hover:not(:disabled) {
		background: var(--background-input-color);
		color: var(--main-color);
		border-color: var(--main-color);
	}

	.btn-widget-page:disabled {
		opacity: 0.4;
		cursor: not-allowed;
	}

	.btn-widget-page i {
		font-size: 0.75rem;
	}

.widget-tabs-header {
	display: flex;
	gap: 0;
	border-bottom: 2px solid var(--border-input-standard);
	margin: 0 1rem;
	padding: 0;
}

.widget-tab-btn {
	padding: 0.5rem 1rem;
	border: 1px solid transparent;
	border-bottom: 2px solid transparent;
	background: var(--background-input-color);
	cursor: pointer;
	font-size: 14px;
	font-weight: 500;
	color: var(--modal-text);
	border-radius: 4px 4px 0 0;
	transition: background 0.2s, color 0.2s;
	margin-bottom: -2px;
	font-family: Cairo;
	box-sizing: border-box;
}

	.widget-tab-btn:hover {
		background: var(--tab-main-color-hover);
		color: var(--white);
		border-color: transparent;
	}

	.widget-tab-btn.active {
		background: var(--white);
		color: var(--tab-main-color);
		border-color: var(--border-input-standard) var(--border-input-standard) var(--white);
		font-weight: 600;
	}

.widget-tabs-content {
	padding: 0;
}

.widget-tab-panel {
	display: none;
}

	.widget-tab-panel.active {
		display: block;
	}

/* Footer paginazione per i tabs: nascosto di default, visibile solo se .active */
.widget-tab-pagination {
	display: none;
}

	.widget-tab-pagination.active {
		display: flex;
	}

/* Nessun overflow interno: lo scroll è gestito dalla scrollbar principale (blu) */
.widgetListTabbed .widget-list-body {
	overflow: visible;
	max-height: none;
}
/* END - Stile per Widget con paginazione */
