/*CSS STYLESHEET FROM Ismaele*/

/*
    COLOR PALETTE

    ATOMIC TANGERINE
    HEX #FFC857
    RGB 255 227 130

    BLUE CHILL
    HEX #1A84B0
    RGB 26 132 176

    EGGSHELL
    HEX #F3EFE0
    RGB 254 246 220

    WHITE
    HEX #FFFFFF
    RGB 255 255 255

    BLACK
    black; <-- usato per contraddistinguere gli elementi non reattivi

    FONT FAMILY
    Segoe UI
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;500&display=swap');


* {
    font: 'Open Sans', Arial;
}

.background {
    background: #FFC857 !important;
}

.blueOutline {
    border: 2px solid #1A84B0 !important;
}

.borderStyle {
    border: 1px solid #1A84B0;
    border-radius: 12px;
}


.borderStyleCard {
    border: 2px solid #1A84B0;
    border-radius: 12px;
}

.whiteFontStyle * {
    color: white !important;
}

.imgButtonFoto input {
    width: 10%;
    height: 100%;
    object-fit: contain;
    transition: ease-in-out all 0.3s;
    padding: 0px 10px 0px 10px;
}

    .imgButtonFoto input:hover {
        background: rgba(255, 227, 130, 0.5);
    }

.fotoStyle input {
    object-fit: contain;
}

/*INIZIO COMBOBOX*/
select {
    min-height: 38px;
}

    select:focus {
        transform: scaleY(1.05);
    }

.comboBoxStyle {
    width: 100%;
    padding: 5px !important;
    margin: 3px 1px 3px 1px;
    border: 1px solid #1A84B0;
    background: #FFFFFF;
    border-radius: 12px;
    color: #1A84B0;
    font: 12px 'Open Sans', Arial;
    box-sizing: border-box;
    outline: none !important;
    z-index: 99999 !important;
    /*position: relative;*/
    overflow: visible !important;
}
.comboBoxStyleNumeric {
    width: 100%;
    padding: 5px !important;
    margin: 3px 1px 3px 1px;
    border: 1px solid #1A84B0;
    background: #FFFFFF;
    border-radius: 12px;
    color: #1A84B0;
    font: 12px 'Open Sans', Arial;
    box-sizing: border-box;
    outline: none !important;
    z-index: 99999 !important;
    /*position: relative;*/
    overflow: visible;
}

.custom-dateedit {
    height: 25px !important; /* Altezza desiderata */
    width: 100%;
    padding: 5px !important;
    margin: 3px 1px 3px 1px;
    border: 1px solid #1A84B0;
    background: #FFFFFF;
    border-radius: 12px;
    color: #1A84B0;
    font: 12px 'Open Sans', Arial;
    box-sizing: border-box;
    outline: none !important;
    z-index: 999 !important;
    overflow: visible;
}

    .custom-dateedit .dxeTextBoxSys,
    .custom-dateedit .dxeEditArea {
        height: 25px !important;
        line-height: 25px !important;
        min-height: 25px !important;
        padding: 2px 5px !important;
    }

    .custom-dateedit .dxeButtonEditButton {
        height: 25px !important;
        min-height: 25px !important;
    }

.comboBoxStyleSmall {
    width: 100%;
    padding: 5px !important;
    margin: 3px 1px 3px 1px;
    border: 1px solid #1A84B0;
    background: #FFFFFF;
    border-radius: 12px;
    color: #1A84B0;
    font: 10px 'Open Sans', Arial;
    box-sizing: border-box;
    outline: none !important;
}

    .comboBoxStyle:disabled {
        cursor: not-allowed;
        background: #F3EFE0 !important;
        outline: none;
    }

    .comboBoxStyle input:disabled {
        cursor: not-allowed;
        background: #F3EFE0 !important;
        outline: none;
    }

        .comboBoxStyle input:disabled tr {
            cursor: not-allowed;
            background: #F3EFE0 !important;
            margin: 0px;
        }

        .comboBoxStyle input:disabled td {
            cursor: not-allowed;
            background: #F3EFE0 !important;
            margin: 0px;
        }

    .comboBoxStyle input:disabled {
        cursor: not-allowed;
        background: #F3EFE0 !important;
        border: none !important;
        outline: none !important;
    }

    .comboBoxStyle input[type="text"]:focus {
        border: 2px solid #1A84B0;
    }

*[class="dxpcDropDown dxpclW dxpc-ddSys dxdd-root"] {
    transform: translateY(12px); /*distanzia la dropdownlist*/
    border: 1px solid #1A84B0;
}

    *[class="dxpcDropDown dxpclW dxpc-ddSys dxdd-root"] * {
        background: #FFFFFF;
        border: none;
        color: #1A84B0;
        font: 14px 'Open Sans', Arial;
    }

.comboBoxStyle td {
    background: #FFFFFF;
    height: 24px;
    border: none;
    outline:none;
}

.comboBoxStyle input[type="text"] {
    background: #FFFFFF;
    color: #1A84B0;
    border: none;
    outline: none;
}

.comboBoxStyle div {
    background-image: none;
    border: none;
    background: #FFFFFF;
}

/*IMMAGINI COMBOBOX*/
/*IMMAGINE LISTA*/
.comboBoxStyle img[alt="v"] {
    content: url(../../Img/CRMESTERNO/OPERATIVA/v_24x24.png);
    background-image: none;
    border: none;
    width: 24px;
    height: 24px;
    transition: ease-out all 0.2s;
}

    .comboBoxStyle img[alt="v"]:hover {
        transform: scale(1.15);
    }

/*IMMAGINE UP (NUMERIC UP DOWN)*/
.comboBoxStyle img[alt="+"] {
    content: url(../../Img/CRMESTERNO/OPERATIVA/v_24x24.png);
    width: 16px;
    height: 8px;
    transform: scaleY(-1);
    border: none;
    background-image: none;
    background: none;
}

.comboBoxStyle > tbody > tr > td > div {
    border: none;
    background-image: none;
    background: none;
}

.comboBoxStyle img[alt="+"]:hover {
    transform: scaleY(-1) scale(1.5);
}
/*IMMAGINE DOWN (NUMERIC UP DOWN)*/
.comboBoxStyle img[alt="-"] {
    content: url(../../Img/CRMESTERNO/OPERATIVA/v_24x24.png);
    width: 16px;
    height: 8px;
    border: none;
    background-image: none;
    background: none;
}

    .comboBoxStyle img[alt="-"]:hover {
        transform: scale(1.5);
    }

/*FINE COMBOBOX*/

.headerTitleStyle {
    padding: 5px 0px 0px 5px;
    margin: 0px;
    font: 22px 'Open Sans', Arial;
    color: #1A84B0;
    display: inline-block;
    text-transform: uppercase;
}

.headerLabelStyle {
    font: 12px 'Open Sans', Arial;
    color: #1A84B0;
    text-transform: uppercase;
    margin: 0px 0px 5px 0px;
}

.headerButtonStyle {
    background: white;
    background-image: none;
    width: 32px;
    background: none;
    border: none;
    padding: 5px;
    border-radius: 5px;
    transition: ease-out all 0.3s;
    cursor: pointer;
}

    .headerButtonStyle:hover {
        transform: scale(1.2);
        border-radius: 15px;
        background: #FFC857;
    }

    .headerButtonStyle:active {
        transform: scale(0.9);
    }

    .headerButtonStyle:disabled,
    .headerButtonStyle[class*="aspNetDisabled"] {
        cursor:not-allowed;
    }

.boxStyle {
    background: #1A84B0;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 4px;
    overflow: visible !important;
}
.boxStyleInto {
    background: #FFC857;
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 2px;
    align-content: center;
}

.boxStyleSmall {
    background: #1A84B0;
    padding: 1px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1px;
}

.boxStyle2 {
    background: #FFC857;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 4px;
    vertical-align: top;
}

.boxStyleCasella {
    position: relative;
    padding-top: 3px;
    background: rgba(255, 216, 0, 0.18);
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 4px;
    border: 3px solid red;
    border-radius: 12px;
    color: black;
    font: 12px 'Open Sans', Arial;
}
.boxStyleHeader {
    width: 100%;
    padding: 5px;
    background: #1A84B0;
    color: #FFFFFF;
    text-transform: uppercase;
    font: 22px 'Open Sans', Arial;
    box-sizing: border-box;
}
.boxStyleHeaderInto {
    width: 100%;
    padding: 1px;
    background: #1A84B0;
    color: #FFFFFF;
    text-transform: uppercase;
    font: 18px 'Open Sans', Arial;
    box-sizing: border-box;
}
.boxStyleHeaderSmall {
    width: 100%;
    padding: 1px;
    background: #1A84B0;
    color: #FFFFFF;
    text-transform: uppercase;
    font: 14px 'Open Sans', Arial;
    box-sizing: border-box;
}

.boxStyleHeader2 {
    width: 100%;
    background: #FFC857;
    color: #1A84B0;
    text-transform: uppercase;
    font: 22px 'Open Sans', Arial;
    padding: 5px;
    box-sizing: border-box;
}

.boxStyleBody {
    width: 100%;
    background: white;
    font: 18px 'Open Sans', Arial;
    border: 1px solid #FFC857;
    box-sizing: border-box;
    padding: 5px;
    display: table;
    border-collapse: separate;
    color: black !important;
    font: black;
    overflow: visible !important;
}
.boxStyleBodyInto {
    width: 100%;
    background: white;
    font: 12px 'Open Sans', Arial;
    border: 4px solid #FFC857;
    box-sizing: border-box;
    padding: 4px;
    display: table;
    /*border-collapse: separate;*/
    color: black !important;
    font: black;
}
.boxStyleBodySmall {
    width: 100%;
    background: white;
    font: 12px 'Open Sans', Arial;
    border: 1px solid #FFC857;
    box-sizing: border-box;
    padding: 1px;
    display: table;
    border-collapse: separate;
    color: black !important;
    font: black;
}

.checkBoxStyle {
    background: white;
    color: #1A84B0;
    font: 16px 'Open Sans', Arial;
    cursor: pointer;
    }

    .checkBoxStyle td[class*="dxichTextCellSys"] {
        padding-left: 6px;
        text-align: left;
    }

    .checkBoxStyle label { /*TESTO CHECKBOX*/
        cursor: pointer;
    }

    .checkBoxStyle span { /*IMMAGINE CHECKBOX*/
        margin-bottom: 4px;
        cursor: pointer;
    }

table[class*="checkBoxStyle"][class*=" dxeDisabled"] {
    cursor: not-allowed;
}

    table[class*="checkBoxStyle"][class*=" dxeDisabled"] span {
        cursor: not-allowed;
    }

    table[class*="checkBoxStyle"][class*=" dxeDisabled"] label {
        cursor: not-allowed;
    }

.checkListBoxStyle {
    background: white;
    font-family: 'Open Sans', Arial, sans-serif;
    cursor: pointer;
    padding: 10px;
}

    /* Testo delle opzioni */
    .checkListBoxStyle .dxichTextCellSys,
    .checkListBoxStyle .dxichTextCell,
    .checkListBoxStyle .dxichText {
        font-size: 18px !important;
        color: #1A84B0 !important;
        line-height: 1.8em !important; /* interlinea più ampia */
    }

    /* Spazio extra tra gli elementi (checkbox + testo) */
    .checkListBoxStyle .dxichSys,
    .checkListBoxStyle .dxichCellSys {
        margin-bottom: 10px !important; /* spaziatura tra le righe */
    }

    /* Ingrandisce la checkbox */
    .checkListBoxStyle input[type="checkbox"] {
        width: 22px;
        height: 22px;
        transform: scale(1.3);
        margin-right: 10px;
        accent-color: #1A84B0;
    }


/*INIZIO ASPXGRIDVIEW*/
/* Settings-HorizontalScrollBarMode="Visible" */
.gridViewHeaderStyle {
    color: #1A84B0 !important;
    text-transform: uppercase;
    background-color: #FFC857;
    font: 18px 'Open Sans', Arial;
    text-align: center;
    padding: 10px;
    border: 2px solid #1A84B0 !important;
    border-collapse: collapse !important;
    border-top: 0 !important;
    border-right: 0 !important;
}

.gridViewCellStyle {
    font: 16px 'Open Sans', Arial;
    padding: 0.5rem !important;
    border: 2px solid #1A84B0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
    color: black;
    font: black;
}

    .gridViewCellStyle span {
        font: 16px 'Open Sans', Arial;
        color: black;
        font: black;
    }

.gridViewBodyStyle {
    border: 2px solid #1A84B0;
    border-collapse: collapse;
    color: black !important;
    font: black;
}

    .gridViewBodyStyle > tbody > tr > td { /*RIMUOVE IL BORDO DELLA TABELLA HTML CHE SI CREA DENTRO LA ASPxGridView*/
        padding: 0px;
    }

    /*.gridViewBodyStyle > tbody > tr > td {
        padding: 0px 0px 0px 0px;
    }*/

/*<Styles>
CssClass="gridViewBodyStyle"
<FocusedRow BackColor="#F3EFE0" />
<Header CssClass="gridViewHeaderStyle" ForeColor="#1A84B0" />
<Cell CssClass="gridViewCellStyle" />
</Styles>*/

.gridViewButtonStyle {
    background: white;
    background-image: none;
    width: 32px;
    background: none;
    border: none;
    border-radius: 5px;
    transition: ease-out all 0.3s;
    text-transform: uppercase;
}

    .gridViewButtonStyle span {
        text-transform: uppercase;
    }

    .gridViewButtonStyle:hover {
        transform: scale(1.1);
        border-radius: 15px;
        background: #FFC857;
    }

    .gridViewButtonStyle:active {
        transform: scale(0.9);
    }

/*FINE ASPXGRIDVIEW*/

/*INIZIO POPUPCONTROL*/
/*MANTENERE LA TRASCINABILITA DEL POPUP E IL CLOSE BUTTON PER LA MASSIMA COMPATIBILITA'*/
.dxpcModalBackLite { /*SFONDO POPUP*/
    background: grey;
    opacity: 0.5 !important;
}

.popupStyle {
    max-width: 100%;
}

    .popupStyle div[class="dxpc-headerContent"] { /*previene altezza header ridotta*/
        min-height: 30px !important;
    }

    .popupStyle span[class*="dxpc-headerText"] {
        color: #1A84B0;
        font: 20px 'Open Sans', Arial;
        text-transform: uppercase;
    }

    .popupStyle div[class="dxpc-header drag dxpc-withBtn"] { /*HEADER*/
        background: #FFC857;
        color: #1A84B0;
        font: 18px 'Open Sans', Arial;
        padding: 10px 10px;
    }

    .popupStyle > div > div[class="dxpc-headerContent"] {
        height: unset;
        color: #1A84B0;
    }

    .popupStyle div[class="dxpc-header"] { /*HEADER*/
        background: #FFC857;
        color: #1A84B0;
        font: 18px 'Open Sans', Arial;
        padding: 10px 10px;
    }

    .popupStyle div[class="dxpc-header drag"] { /*HEADER*/
        background: #FFC857;
        color: #1A84B0;
        font: 18px 'Open Sans', Arial;
        padding: 10px 10px;
    }

    .popupStyle div[class="dxpc-header dxpc-withBtn"] { /*HEADER*/
        background: #FFC857;
        color: #1A84B0;
        font: 18px 'Open Sans', Arial;
        padding: 10px 10px;
    }

    .popupStyle div[class="dxpc-header drag dxpc-withBtn"] img { /*Close button*/
        content: url(../../Img/CRMESTERNO/RIEPILOGATIVA/INATTIVO.png);
        width: 24px;
        height: 24px;
        background: none;
        background-image: none;
        transition: ease-out all 0.3s;
    }

    .popupStyle div[class="dxpc-header dxpc-withBtn"] img { /*Close button*/
        content: url(../../Img/CRMESTERNO/RIEPILOGATIVA/INATTIVO.png);
        width: 24px;
        height: 24px;
        background: none;
        background-image: none;
        transition: ease-out all 0.3s;
    }

    .popupStyle div[class="dxpc-header drag dxpc-withBtn"] img:hover { /*Close button*/
        transform: scale(1.1);
    }

    .popupStyle div[class="dxpc-header drag dxpc-withBtn"] img:active { /*Close button*/
        transform: scale(0.9);
    }

    .popupStyle div[class="dxpc-contentWrapper"] { /*FRAME*/
        background: #1A84B0;
    }

.popupStyleBody {
    background: white;
    table-layout: fixed;
    display: block;
    padding: 10px;
    border-spacing: 1px;
    font: 16px 'Open Sans', Arial;
    border: 1px solid #FFC857;
    width: 100% !important;
    z-index: 999998;
    overflow: visible;
    color: black !important;
    font: black;
}

.popupStyleBody2 {
    background: white;
    table-layout: fixed;
    display: block;
    padding: 20px;
    border-spacing: 1px;
    /*font: 16px 'Open Sans', Arial;*/
    border: 1px solid #FFC857;
    width: 100% !important;
    z-index: 999998;
    overflow: visible;
    color: black !important;
    /*font: black;*/
}

.popupStyleButton {
    background: #FFC857;
    border-radius: 10px;
    min-height: 38px;
    color: #1A84B0;
    font: 18px 'Open Sans', Arial;
    transition: ease-out all 0.3s;
    margin: 2px;
    width: auto;
    max-width: 50%;
    min-width: 25%;
    display: flex;
}

    .popupStyleButton > div > span {
        color: #1A84B0;
    }

    .popupStyleButton:hover {
        transform: scaleY(1.05);
    }

    .popupStyleButton:active {
        transform: scale(0.98);
        border-radius: 13px;
    }
/*FINE POPUPCONTROL*/

/*INIZIO PAGECONTROL*/

.pageControlStyle {
    max-width: 100%;
    font: 14px 'Open Sans', Arial;
    color: black !important;
    font: black;
    overflow: visible !important;
}

    .pageControlStyle div {
        border: none !important;
        transform: none !important;
    }

    .pageControlStyle ul li a span {
        font: 16px 'Open Sans', Arial;
        color: #1A84B0 !important;
    }

    .pageControlStyle ul li[class*="dxtc-activeTab"] {
        background: #FFC857 !important;
        border: 2px #1A84B0 !important;
    }

    .pageControlStyle ul li:not([class*="dxtc-activeTab"]) {
        background: white !important;
        border: none !important;
    }

        .pageControlStyle ul li:not([class*="dxtc-activeTab"]):hover {
            background: #F3EFE0 !important;
            border: none !important;
        }
/* 1) Lascia “uscire” i popup dai contenitori */
/*.boxStyle,
.boxStyleBody,
.tableStyle,
.tableStyle td,
.pageControlStyle,
.dxtc-content { /* contenitore contenuti dell'ASPxPageControl */
/*   overflow: visible !important;
}
*/
/* 2) Evita che un transform sul box crei un nuovo containing context */
/*.boxStyle,
.boxStyleBody {
    transform: none !important;
}*/
/* 3) Metti in primo piano i popup DevExpress (calendario/dropdown) */
/*.dxpcDropDown,
.dxpcLite,
.dxpc-mainDiv,
.dxpc-content { /* a seconda del tema */
/*z-index: 99999 !important;
}
*/
/* 4) Diamo un contesto “neutro” al wrapper del campo per non interferire */
/*.comboBoxStyle {
    position: relative;
    z-index: 1;
    max-width: 100%;
}*/
/*.pcContentFix {
    overflow: visible !important;
}*/


/*FINE PAGECONTROL*/
.fontMsgStyle {
    font: 16px 'Open Sans', Arial;
    color: red;
}
.fontTitleStyle {
    font: 30px 'Open Sans', Arial, bold;
    color: black;
}

.fontMsgStyle2 {
    font: 16px 'Open Sans', Arial;
    color: #1A84B0;
}

.fontMsgStyle3 {
    font: 20px 'Open Sans', Arial;
    color: #FFC857;
}
.fontMsgStyle4 {
    font: 20px 'Open Sans', Arial;
    color: #FFFFFF;
}

.tableStyle {
    width: 100%;
    table-layout: fixed;
}

    .tableStyle tr td {
        padding-left: 4px;
        padding-right: 4px;
    }

.textBoxStyle {
    width: 100%;
    padding: 5px;
    margin: 3px 1px 3px 1px;
    border: 1px solid #1A84B0;
    border-radius: 12px;
    font: 14px 'Open Sans', Arial;
    color: #1A84B0;
    box-sizing: border-box;
}

.textBoxStyleNumeric {
    width: 100%;
    padding: 5px;
    margin: 3px 1px 3px 1px;
    border: 1px solid #1A84B0;
    border-radius: 12px;
    font: 14px 'Open Sans', Arial;
    color: #1A84B0;
    box-sizing: border-box;
}

.textBoxStyleSmall {
    width: 100%;
    padding: 5px;
    margin: 3px 1px 3px 1px;
    border: 1px solid #1A84B0;
    border-radius: 12px;
    font: 10px 'Open Sans', Arial;
    color: #1A84B0;
    box-sizing: border-box;
}

    .textBoxStyle input:disabled {
        cursor: not-allowed;
        background: #F3EFE0 !important;
    }
    .textBoxStyle textarea:disabled {
        cursor: not-allowed;
        background: #F3EFE0 !important;
    }

    .textBoxStyle input:disabled {
        cursor: not-allowed;
        background: #F3EFE0 !important;
    }
    .textBoxStyle textarea:disabled {
        cursor: not-allowed;
        background: #F3EFE0 !important;
    }

    .textBoxStyle:disabled {
        cursor: not-allowed;
        background: #F3EFE0 !important;
    }

    .textBoxStyle input[type="text"]:focus {
        border: 2px solid #1A84B0;
    }

    .textBoxStyle textarea:focus {
        border: 2px solid #1A84B0;
    }

    .textBoxStyle input[type="text"] {
        color: #1A84B0;
        border: none;
    }

    .textBoxStyle textarea {
        color: #1A84B0;
        border: none;
    }

.helpTextStyle {
    position: static; /* rimuove l’assoluto */
    display: block;
    font: 14px 'Open Sans', Arial;
    margin: 0 0 6px 0; /* spazio sopra il textbox */
    background: transparent;
    /*padding: 0px;
    margin: 0px;
    position: absolute;
    top: -20px; /* più in alto del textbox */
    /*left: 20px;
    font: 16px 'Open Sans', Arial;
    z-index: 300;
    background: white;
    */
}

.helpTextStyleMobile {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: -3px;
    left: 20px;
    font: 24px 'Open Sans', Arial;
    z-index: 300;
    background: white;
}

.helpTextStyleLarge {
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: -3px;
    left: 20px;
    font: 14px 'Open Sans', Arial;
    z-index: 300;
    background: white;
}
.buttonStyle {
    width: 90%;
    background: #FFC857;
    border-radius: 10px;
    min-height: 38px;
    color: white !important; /* #1A84B0;*/
    font: 18px 'Open Sans', Arial;
    font-size: 24px;
    transition: ease-out all 0.3s;
    margin: 2px;
}

.buttonStyleIcona {
    width: 90%;
    background: #F5EBDC;
    border-radius: 10px;
    min-height: 38px;
    color: black !important; /* #1A84B0;*/
    font: 14px 'Open Sans', Arial;
    font-size: 24px;
    transition: ease-out all 0.3s;
    margin: 2px;
}

.buttonStyleCelendar {
    width: 90%;
    background: #FFFFFF;
    border-radius: 10px;
    min-height: 38px;
    color: #FFFFFF; /* !important; */ /* #1A84B0;*/
    font: 18px 'Open Sans', Arial;
    font-size: 24px;
    /*transition: ease-out all 0.3s;*/
    margin: 2px;
}
.buttonStyleInto {
    width: 70%;
    background: #FFC857;
    border-radius: 10px;
    min-height: 24px;
    color: white !important; /* #1A84B0;*/
    font: 12px 'Open Sans', Arial;
    font-size: 14px;
    transition: ease-out all 0.3s;
    margin: 2px;
}

.buttonStyleGridView {
    width: 90%;
    background: #FFC857;
    border-radius: 10px;
    min-height: 38px;
    color: white !important;
    font: 24px 'Open Sans', Arial;
    transition: ease-out all 0.3s;
    margin: 2px;
    font-weight: bold;
    text-align: center;
    /*border: none;*/
    position: relative;
    z-index: 99;
}

    .buttonStyle > div > span {
        color: #1A84B0;
    }

    .buttonStyle:hover {
        transform: scaleY(1.05);
    }

    .buttonStyle:active {
        transform: scale(0.98);
        border-radius: 13px;
    }

    .buttonStyle[class*="dxbDisabled"] {
        background: #F3EFE0 !important;
        cursor: not-allowed;
    }

.buttonStyle2 {
    width: 90%;
    background: #1A84B0;
    color: #FFC857;
    border-radius: 10px;
    min-height: 38px;
    font: 18px 'Open Sans', Arial;
    transition: ease-out all 0.3s;
    margin: 2px;
}

.buttonStyleRed {
    width: 90%;
    background: #FF0000;
    color: #FFFFFF;
    border-radius: 10px;
    min-height: 38px;
    font: 18px 'Open Sans', Arial;
    transition: ease-out all 0.3s;
    margin: 2px;
}

.buttonStyleBlue {
    width: 90%;
    background: #1648FF;
    color: #FFFFFF;
    border-radius: 10px;
    min-height: 38px;
    font: 18px 'Open Sans', Arial;
    transition: ease-out all 0.3s;
    margin: 2px;
}

.buttonStyleMini {
    
    background: #1A84B0;
    color: #FFC857;
    border-radius: 10px;
    height: 10px;
    font: 10px 'Open Sans', Arial;
    transition: ease-out all 0.3s;
    margin: 1px;
}

    .buttonStyle2[disabled] {
        opacity: 0.5;
        background: white;
    }

    .buttonStyle2 > div > span {
        color: #FFC857;
    }

    .buttonStyle2:hover {
        transform: scaleY(1.05);
    }

    .buttonStyle2:active {
        transform: scale(0.98);
        border-radius: 13px;
    }

    .buttonStyle2[class*="dxbDisabled"] {
        background: #61a8c6 !important;
        cursor: not-allowed;
    }
.buttonStyleElimina {
    width: 100%;
    background: white;
    color: red;
    border-radius: 10px;
    min-height: 38px;
    font: 18px 'Open Sans', Arial;
    transition: ease-out all 0.3s;
    margin: 2px;
    border: 2px solid red !important;
}

    .buttonStyleElimina[disabled] {
        opacity: 0.5;
        background: grey;
    }

    .buttonStyleElimina > div > span {
        color: red;
    }

    .buttonStyleElimina:hover {
        transform: scaleY(1.05);
    }

    .buttonStyleElimina:active {
        transform: scale(0.98);
        border-radius: 13px;
    }

    .buttonStyleElimina[class*="dxbDisabled"] {
        background: grey !important;
        cursor: not-allowed;
    }


.imageButtonStyle {
    border-radius: 5px;
    background: white;
    background-image: none;
    width: 40px;
    height: 40px;
    object-fit: contain;
    background: none;
    padding: 5px;
    border: none;
    transition: ease-out all 0.3s;
}
.imageButtonStyleMini {
    border-radius: 5px;
    background: white;
    background-image: none;
    width: 24px;
    height: 24px;
    object-fit: contain;
    background: none;
    padding: 1px;
    border: none;
    transition: ease-out all 0.3s;
}

    .imageButtonStyle span {
        text-transform: uppercase;
        font: 24px 'Open Sans', Arial;
        color: #1A84B0;
    }

    .imageButtonStyle:hover {
        transform: scale(1.1);
        background: #FFC857;
        border-radius: 8px;
    }

    .imageButtonStyle:active {
        transform: scale(0.9);
    }
.imageButtonStyleStatic {
    border-radius: 5px;
    background: white;
    background-image: none;
    width: 40px;
    height: 40px;
    object-fit: contain;
    background: none;
    padding: 5px;
    border: none;
    transition: ease-out all 0.3s;
}

    .imageButtonStyleStatic span {
        text-transform: uppercase;
        font: 24px 'Open Sans', Arial;
        color: #1A84B0;
    }

    .imageButtonStyleStatic:hover {
        background: #FFC857;
        border-radius: 8px;
    }

    .imageButtonStyleStatic:active {
        transform: scaleY(0.93);
        transform: scaleX(0.998);
    }

.imageButtonStyle24 {
    border-radius: 5px;
    background: white;
    background-image: none;
    object-fit: contain;
    background: none;
    width: 30px;
    height: 30px;
    padding: 3px;
    border: none;
    transition: ease-out all 0.3s;
}

    .imageButtonStyle24:hover {
        transform: scale(1.1);
        background: #FFC857;
        border-radius: 5px;
    }

    .imageButtonStyle24:active {
        transform: scale(0.9);
    }

    .imageButtonStyle24:disabled,
    .imageButtonStyle24[class*="dxbDisabled"] {
        cursor: not-allowed;
    }

.alignRightStyle {
    text-align: right;
    padding-right: 6px;
    padding-left: 6px;
}
.alignLeftStyle {
    text-align: left;
    padding-right: 6px;
    padding-left: 6px;
}
.iconButton {
    width: 16px;
    height: 16px;
    margin: 0 2px;
    vertical-align: middle;
}

/*LATERAL NAVBAR NOLEGGIO
.navBarStyle {
    width: 20%;
    position: absolute;
    display: table;
    float: left;
    background: #F3EFE0;
    z-index: 10000;
    border: 2px solid #1A84B0;
}
     .navBarStyleHeader {
        float: right;
        margin-bottom: 10px;
        width: 100%;
        background: #1A84B0;
        height: 45px;
        position: relative;
    }
     .navBarStyleTitle {
        font: 20px 'Open Sans', Arial;
        color: white;
        display: inline-grid;
        margin-left: 15px;
        margin-top: 10px;
    }
     .navBarStyleCloseBtnDiv {
        float: right;
        padding: 5px;
    }
     .navBarStyleBody {
        width: 90%;
        margin: 5%;
        box-sizing: padding-box;
        background: white;
        color: #1A84B0;
        font: 16px 'Open Sans', Arial;
        border: 1px solid #FFC857;
        box-sizing: border-box;
        padding: 20px;
        display: table;
        border-collapse: separate;
    }

.navBarStyleOpenText {
    color: #1A84B0;
    transform: rotate(270deg);
    font: 20px 'Open Sans', Arial;
    margin-top: 80px;
    margin-right: 30px;
    white-space: nowrap;
}*/
/*SCROLLBAR*/
/* width */
::-webkit-scrollbar {
    width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #F3EFE0;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #1A84B0;
    /*border-radius: 5px;*/
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #FFC857;
    }

/*CONTROLLI NOLEGGIO*/
/*CONTROLLI STATO USO*/
.statoUsoImg {
    border: 1px solid #1A84B0;
    border-radius: 10px;
    mix-blend-mode: multiply;
}

.statoUsoDiv {
    position: relative;
    background: #F3EFE0;
    width: 368px;
    height: 304px;
    border-radius: 10px;
}

.carburanteDiv {
    position: absolute;
    top: 7px;
    left: 10px;
}

    .carburanteDiv p {
        font: 16px 'Open Sans', Arial;
        color: #1A84B0;
        display: inline-block;
        position: absolute;
        top: -12px;
        left: 35px;
        width: 50px;
    }

.checkBoxSinistroStyle {
    background: transparent;
    color: #1A84B0;
    font: 16px 'Open Sans', Arial;
    cursor: default;
    /*CODICE DA INTEGRARE LATO ASP.NET*/
    /*                                                                      CssClass="checkBoxStyle" >
      <CheckedImage Url="../Img/CRMESTERNO/OPERATIVA/chk_checked.jpg" Width="16px" Height="16px" />
      <UncheckedImage Url="../Img/CRMESTERNO/OPERATIVA/chk_unchecked.jpg" Width="16px" Height="16px" />
      </dx:ASPxCheckBox >   */
}

    .checkBoxSinistroStyle span { /*IMMAGINE CHECKBOX*/
        cursor: pointer;
    }

.progressBarStyle {
    border: 2px solid #1A84B0;
    height: 40px !important;
    border-radius: 10px;
    background: #F3EFE0;
}

    .progressBarStyle td {
        height: 40px !important;
    }

    .progressBarStyle div {
        height: 40px !important;
        border-radius: 8px;
        background: #FFC857;
    }

.carburanteStyle {
    display: inline-block;
    background: none;
    font: 16px 'Open Sans', Arial;
    color: #1A84B0;
    border: none !important;
    width: 30px;
}

    .carburanteStyle input {
        background: none !important;
        color: #1A84B0 !important;
        text-align: center;
        border: 1px solid #1A84B0 !important;
        width: 25px !important;
        border-right: 1px solid #1A84B0 !important;
        border-radius: 5px !important;
    }

        .carburanteStyle input:focus {
            background: white !important;
            color: #1A84B0 !important;
        }

        .carburanteStyle input:hover {
            background: white !important;
            color: #1A84B0 !important;
        }

hr {
    border: solid 1px #FFC857;
}

.backgroundCircles:before {
    content: "";
    background: #FFC857;
    height: 250px;
    width: 500px;
    position: absolute;
    z-index: 0;
    right: 0;
    top: -20px;
    opacity: 0.25;
    border-bottom-right-radius: 300px; /* 100px of height + 10px of border */
    border-bottom-left-radius: 300px; /* 100px of height + 10px of border */
    border-top: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.backgroundCircles3:before {
    content: "";
    background: #FFC857;
    height: 500px;
    width: 250px;
    position: absolute;
    z-index: 0;
    right: 0;
    top: -20px;
    opacity: 0.25;
    border-top-left-radius: 300px; /* 100px of height + 10px of border */
    border-bottom-left-radius: 300px; /* 100px of height + 10px of border */
    border-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.backgroundCircles2:before {
    content: "";
    background: #FFC857;
    width: 75%;
    aspect-ratio: 1/1;
    border-radius: 50%;
    position: absolute;
    z-index: 0;
    left: -50%;
    bottom: -50%;
    opacity: 0.25;
}

.uploadControlStyle {
    border: 1px solid #1A84B0 !important;
    border-radius: 14px !important;
    padding: 10px !important;
    margin: 2px !important;
}

    .uploadControlStyle td {
        border: none !important;
    }

.cardViewStyle {
    background-color: transparent;
}

    .cardViewStyle tbody tr td table tbody tr td {
        background-color: transparent;
        background: transparent;
    }
.cardViewTableStyle {
    padding: 0px !important;
    border: none !important;
}
.cardViewCardStyle {
    background: white;
    border: 1px solid #FFC857 !important;
    border-radius: 10px;
    height: 36px;
    padding: 0px;
}
/*INIZIO ASPXSPLITTER*/
.splitterStyle {
    border: none;
}
.separatorStyle {
    background: #FFC857;
    padding: 20px 0px 20px 0px;
    border-radius:50%;
}
    .separatorStyle img {
        content: url(../../Img/CRMESTERNO/RIEPILOGATIVA/dots.png);
    }
.paneStyle {
    border: 2px solid #1A84B0;
    border-radius: 20px;
    height: Auto;
    min-height: 800px;
}


.gridViewHeaderStyleCompact {
    color: #1A84B0 !important;
    text-transform: uppercase;
    background-color: #FFC857;
    font: 14px 'Open Sans', Arial;
    text-align: center;
    border: 1px solid #1A84B0 !important;
    border-collapse: collapse !important;
    border-top: 0 !important;
    border-right: 0 !important;
}

.gridViewCellStyleCompact {
    font: 14px 'Open Sans', Arial;
    border: 1px solid #1A84B0 !important;
    padding:0px;
    border-top: 0 !important;
    border-right: 0 !important;
    color: black;
    font: black;
}
.gridViewCellStyleVeryCompact {
    font: 12px 'Open Sans', Arial;
    border: 1px solid #1A84B0 !important;
    padding: 0px;
    border-top: 0 !important;
    border-right: 0 !important;
    color: black;
    font: black;
}

.gridViewCellStyleVeryVeryCompact {
    font: 10px 'Open Sans', Arial;
    border: 1px solid #1A84B0 !important;
    padding: 0px;
    border-top: 0 !important;
    border-right: 0 !important;
    color: black;
    font: black;
}
.gridViewCellStyleCompact span {
    font: 14px 'Open Sans', Arial;
    color: black;
    font: black;
}
.gridViewCellStyleVeryCompact span {
    font: 10px 'Open Sans', Arial;
    color: black;
    font: black;
}


.gridViewBodyStyleCompact {
    border: 1px solid #1A84B0;
    border-collapse: collapse;
    color: black !important;
    font: black;
}

.gridViewBodyStyleVeryCompact {
    border: 1px solid #1A84B0;
    border-collapse: collapse;
    color: black !important;
    font: black;
}


.gridViewHeaderStyleVeryCompact {
    color: #1A84B0 !important;
    text-transform: uppercase;
    background-color: #FFC857;
    font: 12px 'Open Sans', Arial;
    text-align: center;
    border: 1px solid #1A84B0 !important;
    border-collapse: collapse !important;
    border-top: 0 !important;
    border-right: 0 !important;
}

.gridViewHeaderStyleVeryVeryCompact {
    color: #000000 !important; /*1A84B0*/
    /*text-transform: uppercase;*/
    background-color: #FFC857; /*#C4C4C4;*/ /*FFC857*/
    font: 10px 'Open Sans', Arial;
    text-align: center;
    border: 1px solid #1A84B0 !important;
    border-collapse: collapse !important;
    border-top: 0 !important;
    border-right: 0 !important;
}

    .gridViewBodyStyleCompact > tbody > tr > td { /*RIMUOVE IL BORDO DELLA TABELLA HTML CHE SI CREA DENTRO LA ASPxGridView*/
        padding: 0px;
    }


.gridViewHeaderStyleMini {
    color: #1A84B0 !important;
    text-transform: uppercase;
    background-color: #FFC857;
    font: 8px 'Open Sans', Arial;
    text-align: center;
    border: 1px solid #1A84B0 !important;
    border-collapse: collapse !important;
    border-top: 0 !important;
    border-right: 0 !important;
}

.gridViewCellStyleMini {
    font: 8px 'Open Sans', Arial;
    border: 1px solid #1A84B0 !important;
    padding: 0px;
    border-top: 0 !important;
    border-right: 0 !important;
    color: black;
    font: black;
}

    .gridViewCellStyleMini span {
        font: 8px 'Open Sans', Arial;
        color: black;
        font: black;
    }

.gridViewBodyStyleMini {
    border: 1px solid #1A84B0;
    border-collapse: collapse;
    color: black !important;
    font: black;
}

    .gridViewBodyStyleMini > tbody > tr > td { /*RIMUOVE IL BORDO DELLA TABELLA HTML CHE SI CREA DENTRO LA ASPxGridView*/
        padding: 0px;
    }

/* ====== FORZA ALLINEAMENTO A DESTRA (DevExpress Editors) ====== */

/* ASPxSpinEdit con CssClass="comboBoxStyle" */
table.comboBoxStyleNumeric td.dxic input[type="text"],
table.comboBoxStyleNumeric td.dxic input.dxeEditArea,
table.comboBoxStyleNumeric input[type="text"] {
    text-align: right !important;
}

/* ASPxTextBox con CssClass="textBoxStyle" */
table.textBoxStyleNumeric td.dxic input[type="text"],
table.textBoxStyleNumeric td.dxic input.dxeEditArea,
table.textBoxStyleNumeric input[type="text"] {
    text-align: right !important;
}

.grid-placeholder {
    height: 36px;
    background: #f2f2f2;
    border: 1px dashed #999;
}

#<%= gvAttivita.ClientID % > _DXMainTable tr.dxgvDataRow {
    cursor: move;
}
/*.gridViewBodyStyle > tbody > tr > td {
        padding: 0px 0px 0px 0px;
    }*/

/*<Styles>
CssClass="gridViewBodyStyleCompact"
<FocusedRow BackColor="#F3EFE0" />
<Header CssClass="gridViewHeaderStyleCompact" ForeColor="#1A84B0" />
<Cell CssClass="gridViewCellStyleCompact" />
</Styles>*/