body {
    /*margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;

	font-family: 'Segoe UI', Tahoma, 'Arial Narrow', Arial;
	font-size: 13px;
	letter-spacing: 0px;
	line-height: 12.5pt;*/
    /* background: url(images/body_bg2.jpg) top center repeat-y; */
    /*background-color: #7d7d7d;*/ /*#999999;*/
}
body.modal {
    overflow: hidden;
}
div.page_content {
    padding-top: 70px;
}
form {
    position: relative;
    min-height: 100vh;
    background: linear-gradient(rgba(0,0,10,0.0), rgba(0,0,10,0.6));
}


a:link, a:visited 
{
	outline: none;
	text-decoration: none;
    color: #000066;
}

a:hover 
{
	color: #7B7B7B;
}
a.disabled, a.disabled:hover {
    /*color: inherit;*/
    outline: 0;
    cursor: not-allowed;
}

/* ------------ STILE DEI POPUP ------------*/

.PopupRequiredField {
    border: 2px solid #FF0000;
    height: 15px;
    padding: 1px 2px 1px 2px;
    background-color: #FFFF00;
    position: absolute;
    top: auto;
    display: block;
    float: right;
}

.PopupRequiredFieldInline {
    border: 2px solid #FF0000;
    height: 15px;
    padding: 1px 2px 1px 2px;
    background-color: #FFFF00;
    position: absolute;
    top: auto;
    display: inline;
}

.memoBar {
    position: fixed;
    top: 0px;
    width: 300px;
    background-color: #FFFF00;
    color: #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    padding: 2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/* ------------ FINE STILE DEI POPUP ------------*/


/* ------------ ZONA DEI DIV DELLA PAGINA ------------*/

#page_alignment {
    text-align: center;
    /*width: 975px;*/
    margin: 0px auto; /* hack per div centrato*/
}

#page_header {
    top: 50px;
    height: 100px;
    /*width: 950px;*/
    /*text-align:right;*/
    padding: 10px;
    /*background: url(images/page_center_bg_biemme.png) top center no-repeat;*/
}

#page_title {
    height: 20px;
    /*width: 90%;*/
    background-color: #7b7b7b;
    padding: 4px;
    /*text-align: left;*/
}

#page_main {
    text-align: left;
    /*background-color: #dbddfa; */ /* #ededed; */ /* bcc1ff */
    /*    padding: 10px;
    margin: 10px;*/
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 0px 0px;
}

#page_main_content {
    /*margin: 0px 0px 0px 0px; */
    /*padding-top: 120px; */
    width: 955px;
    padding: 2px 12px 0px 10px;
}

#page_content {
    /*padding: 10px;*/
    /*background-color: #cccccc;*/
    /*	border-color:Fuchsia;*/
    /*text-align:left;*/
    /*width: 980px;*/
    /*background: url(images/body_bg3.png) top center repeat-y;*/
}

#page_footer {
    /*	background-color: #220000;*/
    height: 100px;
    background: url(images/page_center_bottom.png) top center no-repeat;
    /*	color: #FFFFFF;*/
    font-size: 10px;
    letter-spacing: 0px;
    /*width: 950px;*/
    /*text-align: center;*/
    /*padding: 10px;*/
}

/* ------------ FINE ZONA DEI DIV DELLA PAGINA ------------*/

#menu {
    /*padding: 27px 5px 5px 5px;*/
    /*text-align: right;
    clear: both;*/
}

/* ------------ STILE DELLE TABELLE ------------*/

table caption {
    display: none;
}

.tabella.tbdefault {
    letter-spacing: 0px;
    font-family: Arial, Tahoma, sans-serif;
    /* text-decoration: none; */
    font-size: 14px;
    background-color: #FFF;
    border-color: #201e71;
    border-style: solid;
    border: 1px;
}

.tabella.tbdati {
    /*letter-spacing: 0px;*/
    font-family: Arial, Tahoma, sans-serif;
    /* text-decoration: none; */
}

    .tabella.tbdefault tr:hover, .tabella.tbdati tr:hover {
        background-color: #DDF;
    }

    .tabella.tbdefault td:hover, .tabella.tbdati td:hover {
        background-color: #cbcbff;
    }

    .tabella.tbdefault th, .tabella.tbdefault thead, .tabella.tbdati th, .tabella.tbdati thead {
        /*background-color: #fbc2a2;*/
    }

        .tabella.tbdefault th:hover, .tabella.tbdefault thead:hover, .tabella.tbdati th:hover, .tabella.tbdati thead:hover {
        }

    table caption, .tabella.tbdefault caption, .tabella.tbdati caption {
        text-align: left;
        font-size: 1.5rem;
        font-weight: bold;
        color: #000000;
        border-top: 1px solid black;
        border-right: 1px solid black;
        border-left: 1px solid black;
        padding: 10px 5px 10px 10px;
        background-color: #f0f0f0;
    }

/* *** */

.tabella.tbelenco {
    letter-spacing: 0px;
    /* text-decoration: none; */
    font-size: .9em;
    background-color: #FFF;
    border: 1px;
    border-color: #CCCCCC;
    vertical-align: top;
    outline-color: #666666;
    outline-width: 1px;
    outline-style: solid;
}
    .tabella.tbelenco thead {
        height: 30px;
    }
    .tabella.tbelenco tr:hover {
        background-color: #ffe9dd;
    }
    .tabella.tbelenco tr.disabled:hover {
        cursor: not-allowed !important;
    }

    .tabella.tbelenco td:hover {
        background-color: #fed9c5;
    }
    .tabella.tbelenco tr.selected:hover, .tabella.tbelenco td.selected:hover {
        background-color: #f0a30a;
        color: #000000;
    }

    .tabella.tbelenco th, .tabella.tbelenco tfoot td {
        background-color: #fbc2a2;
        font-weight: 600;
    }
    .tabella.tbelenco thead th, .tabella.tbelenco th {
        position: sticky;
        top: 0px;
    }
    .tabella.tbelenco tfoot, .tabella.tbelenco tfoot tr {
        position: sticky;
        bottom: 0px;
    }
    .tabella.tbelenco tbody tr:nth-child(2n+1) {
        background-color: #f1f1f1;
    }

.table_simple, .table_condensed {
    width: 100%;
    border-spacing: 0px;
    border: 0px solid black;
}

.table_simple td {
    padding: 2px;
}

.table_condensed td {
    padding: 0px;
}

.tblCampiRicerca, #tblRicercaDettagli, #tblCampiRicerca {
    margin-top: 10px;
    width: 100%;
    border-spacing: 0px;
    border: 0px solid black;
z-index: 9999;}

table.tblCampiRicerca td, #tableSconto#tblRicercaDettagli td {
    padding: 1px;
}
    table#tblCampiRicerca td.col_label, table#tblRicercaDettagli td.col_label {
        width: 200px;
        text-align: right;
    }
    table#tblCampiRicerca td.col_input, table#tblRicercaDettagli td.col_input {
        width: 300px;
        text-align: left;
    }
/* ------------ FINE ZONA STILE DELLE TABELLE ------------*/
.button_style1_arancione {
    background-color: #ffc295;
    border-style: outset;
    border-color: #ff9966;
}

.area_style1_arancione {
    border-style: solid;
    border-width: 1px;
    border-color: #b3b3b3;
/*    border-color: #ff9966;*/
    background-color: #ffc295;
    padding: 5px;
}

.area_style2_bluchiaro {
    border-style: solid;
    border-width: 1px;
    border-color: #7c84f5;
    background-color: #bec2f7;
    padding: 5px;
    clear: both;
}

.area_style2_bluscuro {
    border: 1px solid #33CCFF;
    background-color: #888FF0;
    padding: 5px;
    clear: both;
}

.area_style1_bianco {
    border-style: solid;
    border-width: 1px;
    /* border-color: #b3b3b3;  */
    border-color: #999999;
    background-color: #FFFFFF;
    padding: 5px;
}

.area_style1_grigio {
    border-style: solid;
    border-width: 1px;
    border-color: #747474;
    background-color: #9F9F9F;
    padding: 5px;
    clear: both;
}

/* ------------ Stile Testo ------------*/
.titoli_pagina {
    font-size: 17px;
    font-weight: bold;
    color: #FFFFFF; /*#ff3300;*/
}

.titoli, .titoli_bianco, .titoli_rosso, .titoli_nero, .titoli_medio, .titoli_grande {
    font-size: 15px;
    font-weight: bold;
}

.titoli_medio {
    font-size: 17px;
}

.titolo_grande {
    font-size: 19px;
}

.titoli_bianco {
    color: #FFFFFF;
}

.titoli_rosso {
    color: #ff6600;
}

.titoli_nero {
    color: #000000;
}

.sottolineato {
    text-decoration: underline;
}

.contenuti_grigio, .counter {
    color: #5A5A5A;
}

.contenuti_grigio_chiaro {
    color: #7A7A7A;
}

.titolo_cella, .titolo_cella_bordo {
    width: 200px;
    /*text-align: right;*/
}

.titolo_cella_bordo, .bordertopbottom {
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;
}

.titolicontenuti {
    font-size: 13px !important;
    font-weight: bold;
    text-decoration: none;
    margin: 8px 0 0 0;
    color: #555555;
}

.titolicontenutirosso {
    font-size: 13px !important;
    font-weight: bold;
    text-decoration: none;
    margin: 8px 0 0 0;
    color: #ff3300;
    background-color: #e8e8e8;
}

.titolicontenutibianco, .noprint_title {
    font-size: 12pt !important;
    font-weight: bold;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    color: #ffffff;
}

.contenuti {
    font-size: 13px !important;
    text-decoration: none;
    margin: 0px;
    color: #555555;
}

.contenuti_grassetto {
    font-size: 13px !important;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
}


/* -------- stile per i controlli --------- */
/* ---------------------------------------- */

.contenuti_11px, .contenuti_11px_mono {
    letter-spacing: 0px;
    /* text-decoration: none; */
    font-size: 11px;
}

.contenuti_11px_mono {
    font-family: "Lucida Console"
}

.treeNodeSelected {
    background-color: #FF9933;
}

.treeNodeHover {
    background-color: #FFCC99;
}

/* ----------- Stile Barra Dei Menu -------*/

.voceBarraMenu {
    margin-right: 0px;
}

/* --------- Fine Stile Barra Menu ---------*/


/*input[type="text"], input[type="password"], textarea, select*/
/*{
    border: 1px solid #85b1de;
    /*outline: none;*/
/*-webkit-transition: all 0.40s ease-in-out;*/
/*-moz-transition: all 0.40s ease-in-out;*/
/*-ms-transition: all 0.40s ease-in-out;*/
/*-o-transition: all 0.40s ease-in-out;*/
/*}*/

input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
    /*border: 1px solid #AADD33;*/
    background-color: #EEFF99;
    /*background-image: none;*/
}

input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover {
    /*border: 1px solid #000000;*/
    /*box-shadow: 0 0 5px #0066FF;*/
    /*border: 1px solid #0066FF;*/
    background-color: #DDFF99;
    /*background-image: url('images/textbox_background.gif');*/
    /*background-image: none;*/
}


input[type="submit"], input[type="button"] {
    /*border: 1px solid #9C9CFF;*/
    /*background-color: #DFDFDD;*/
    /*background-image: url('images/button_background_grey.gif');*/
}

input[type='text'].bg-transparent {
    background-color: transparent;
}

input[type='text'].label.number {
    width: 100px;
    text-align:right
}

fieldset {
    border: 1px solid #999999;
    padding-left: 5px;
}

.btnGestione {
    float: left;
    width: 100%;
    /*font-size:93%;*/
    /*border-bottom:1px solid #2763A5;*/
    line-height: normal;
}

.btnGestione ul {
    margin: 0;
    padding: 0px 10px 0px 0px;
    list-style: none;
}

.btnGestione li {
    display: inline;
    margin: 0;
    padding: 0;
}

.btnGestione a {
    float: left;
    background: url('images/tableft10.gif') no-repeat left top;
    margin: 0;
    padding: 0 0 0 4px;
    text-decoration: none;
}

.btnGestione a span {
    float: left;
    display: block;
    background: url('images/tabright10.gif') no-repeat right top;
    padding: 5px 15px 4px 6px;
    color: #FFFFFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
.btnGestione a span {
    float: none;
}
/* End IE5-Mac hack */
.btnGestione a:hover span {
    color: #FFFFFF;
}

.btnGestione a:hover {
    background-position: 0% -42px;
}

.btnGestione a:hover span {
    background-position: 100% -42px;
}

.btnGestione a[disabled="disabled"] {
    background-position: 0% -42px;
}

.btnGestione a[disabled="disabled"] span {
    background-position: 100% -42px;
}

/* ----- fine stile per i controlli ------- */
/* ---------------------------------------- */


/* ---------- stile per tooltip ----------- */
/* ---------------------------------------- */
.SimpleTip {
    position: relative;
    color: blue;
}

.SimpleTip div {
    /* hide tool tip box */
    display: none;
}

.SimpleTipHover {
    position: relative;
    color: #069;
    cursor: help; /* show help icon along with regular mouse icon */
}
/* style the tool tip */
.SimpleTipHover div {
    /* you can change anything in the styling attributes below */
    font-size: 12px;
    font-weight: normal;
    width: 300px;
    padding: 4px;
    border: 2px solid #FFC568;
    background-color: #FFF9E4;
    color: #555;
    /* DON'T CHANGE ANYTHING BEYOND THIS LINE */
    /* making round corners for Moziall Firefox and Safari. IE dosen't support */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    display: block;
    left: -150px; /* correct positioning*/
    top: auto; /* adjust positioning from top so that tool tip will come above the elemnt */
    text-align: left;
    /* make it visible above the all elment, z-index decide the order of elements we show on page. 5000 is much higher value and tool tip will always come above of all elements */
    z-index: 5000;
}

.MemoListHover div {
    /* you can change anything in the styling attributes below */
    font-size: 12px;
    font-weight: normal;
    width: 300px;
    padding: 4px;
    border: 2px solid #FFC568;
    background-color: #FFF9E4;
    color: #555;
    /* DON'T CHANGE ANYTHING BEYOND THIS LINE */
    /* making round corners for Moziall Firefox and Safari. IE dosen't support */
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: absolute;
    display: block;
    left: 0px; /* correct positioning*/
    top: auto; /* adjust positioning from top so that tool tip will come above the elemnt */
    text-align: left;
    /* make it visible above the all elment, z-index decide the order of elements we show on page. 5000 is much higher value and tool tip will always come above of all elements */
    z-index: 5000;
}

/* ------- fine stile per tooltip --------- */
/* ---------------------------------------- */


/* ---------- stile icone e legenda griglia ----------- */
/* ---------------------------------------------------- */

td.bottoniLegendaGriglia {
    padding-left: 4px;
    font-size: 12px;
    color: Navy;
}

img.imgLegendaGriglia, img.imgEsterniGriglia {
    vertical-align: middle;
}

div.bottoniLegendaGriglia {
    float: right;
    margin-right: 10px;
    padding-right: 2px;
}

div.bottoniEsterniGriglia {
    float: left;
    margin-left: 4px;
    padding-left: 2px;
    vertical-align: top;
}

div.legendaBottoniGirglia, div.bottoniGriglia {
    margin-bottom: 10px;
}


/* ---------- fine stile icone e legenda griglia ----------- */
/* --------------------------------------------------------- */


/* ---------- stile link memo ----------- */
/* ---------------------------------------------------- */

a.memo, a.memo:visited {
    color: #0000FF;
}

a.memo:hover {
    color: #0066FF;
}

/* ------- fine stile link memo --------- */
/* ---------------------------------------- */


.sezione {
    /*border:solid 1px Navy;*/
    padding-top: 1px;
}

.sezione legend {
    font-weight: bold;
    font-style: normal;
    margin-left: 5px;
    border-bottom: 1px solid #737373;
    border-right: 1px solid #737373;
    padding: 2px 5px 2px 5px;
    border-top: 1px solid #afafaf;
    border-left: 1px solid #afafaf;
    background-color: #f9f9f9;
    color: #000000;
}

.sezione fieldset {
    padding: 5px;
}

.maxed {
    background-color: #FF0000;
    color: #FFFFFF;
    font-weight: bold;
}

.imageList {
    border-top: 3px solid #E8E8E8;
    border-bottom: 3px solid #E8E8E8;
}

.imageList:hover {
    border-top: 3px solid #FF0000;
    border-bottom: 3px solid #FF0000;
}

#tableSconto {
    display: block;
    visibility: visible;
}

.UpDatePanelGriglia {
    width: 100%;
    height: 100%;
    background-color: Red;
    height: 20px;
    text-align: center;
    border: 0px;
    padding: 0px;
    margin: 0px;
    color: Yellow;
    filter: alpha(opacity=75);
    -moz-opacity: .75;
    opacity: .75;
}


/* fintoButton */
.FintoButton {
    text-decoration: none;
    font-variant: normal;
    border-style: outset;
    border-width: 2px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    background-color: #C0C0C0;
    display: block;
    margin: auto; /* allineamento centrato per IE9 */
    width: 95%;
    height: 100%;
}

.updateWrapper {
    position: relative;
}

.updateProgress {
    position: absolute;
    /*top: 50%;*/
    /*left: 50%;*/
    /*margin-left: -50px;*/
    /*margin-right: -50px;*/
    height: 100%;
    width: 100%;
    background-color: #999999 !important;
    text-align: center;
    /*background-image: url('images/loading_grey.gif');*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    filter: alpha(opacity=85);
    -moz-opacity: .85;
    opacity: .85;
}

table.html_table_loader {
    background-color: #FFFFFF;
}
/*---------------INIZIO STILE POPUP---------------------*/
/*table.table_popup {*/
    /*width: 100%;*/
    /*border-spacing: 0px;
    background-color: transparent;
}

table.table_popup td.table_popup td:hover {*/
    /*background-color: #5699FF;*/
/*}

table.table_popup td.table_popup_headercell {
    width: 110px;
    text-align: right;
}*/

div.popup_buttoncell {
    float: left;
    height: 40px;
}

div.popup_contentcell {
    /*float: left;*/
    height: 40px;
    padding-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap-mode: wrap;
    /*padding-left: 2px;*/
}

@media only screen and (max-width: 400px) {
    div.popup_buttoncell {
        max-width: 80px;
    }
    div.popup_contentcell {
        width: 180px;
    }
}

@media only screen and (min-width: 401px) and (max-width: 1920px) {
    div.popup_buttoncell {
        max-width: 5rem;
    }
    div.popup_contentcell {
        min-width: 6rem;
        /*max-width: 10rem;*/
    }
    div.popup_contentcell.logged {
        max-width: 15rem;
    }
}
/*---------------FINE STILE POPUP---------------------*/

    span.campo_obbligatorio {
        color: Red;
        font-weight: 500;
    }

    table.gvDettagli {
        margin: auto;
    }

    td.buttonDettagli {
        padding-left: 4px;
        font-size: 12px;
        color: Navy;
    }

    img.imgLegenda {
        vertical-align: middle;
    }

    div.legendaBottoniDettagli {
        float: right;
        margin-right: 10px;
        padding-right: 2px;
    }

        div.legendaBottoniDettagli table {
            border-spacing: 0px;
            border: 0px solid black;
        }

            div.legendaBottoniDettagli table td {
                padding: 0px;
            }

    div.bottoniDettagli {
        float: left;
        margin-left: 4px;
        padding-left: 2px;
    }

        div.bottoniDettagli table {
            border-spacing: 0px;
            border: 0px solid black;
        }

            div.bottoniDettagli table td {
                padding: 0px;
            }

    div.legendaBottoniDettagli, div.bottoniDettagli {
        margin-bottom: 10px;
    }

    div.totaleDettagli {
        margin: auto;
        width: 98%;
    }

    #pnlOraServer {
        position: fixed;
        bottom: 5px;
        right: 5px;
        z-index: 10;
        background-color: #bfbfbf;
        border: 1px solid #565656;
        padding: 2px;
        text-align: right;
    }

    #lucchettONE {
        width: 100px;
        height: 100px;
        background-image: url(images/lucchettONE.png);
    }

    #lucchettONE_testo {
        position: relative;
        left: 120px;
        font-weight: bold;
    }

    .backToMainMenu {
        width: 300px;
        height: 100px;
        background-image: url(images/button_BACKTOMENU.png);
    }

    *::selection {
        color: #fff;
        background: #FF6600; /*60B900 VERDE*/
    }

    *::-moz-selection {
        color: #fff;
        background: #FF6600; /*60B900 VERDE*/
    }

    /*ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all*/
    div.ui-datepicker {
        z-index: 1051 !important;
    }

    .textbox_number, table td.col_destra {
        text-align: right;
    }
    table td.col_destra {
        padding-right: 5px;
    }

    table td.col_data {
        text-align: center;
        width: 90px;
    }

    .textbox_number {
        padding-right: 5px;
    }

    table.sceltaData {
        border-spacing: 0px;
    }

        table.sceltaData td {
            padding: 0px;
            vertical-align: middle;
        }

    div.div_info {
        background-color: #bec2f7;
        overflow: auto;
    }

    div.div_info_titolo {
        font-size: 18px;
        font-weight: bold;
        background-color: #1ba1e2;
        color: #fffff1;
        height: 34px;
        vertical-align: middle;
        text-align: center;
        padding-top: 8px;
    }

    div.div_info_testo {
        padding: 4px;
        font-size: 15px;
    }

    /*Guida in linea
    elementi da caricare prima che il file css dedicato sia necessario*/
    div.gil_tasto_guida {
        display: inline-block;
        width: 32px;
        height: 32px;
        background-image: url("../../images/icons/aiuto.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-color: none;
        cursor: pointer;
    }

    table.checklist tr td {
        padding: 5px;
    }

        table.checklist tr td input {
            margin-right: 2px;
        }

    .radio_button {
        background-color: green;
        color: #000000;
    }

        .radio_button:hover {
            background-color: lightgreen;
            color: #FFFFFF;
        }

        .radio_button.active {
            background: green !important;
            color: #FFFFFF !important;
        }

.tabcontrol .frames .frame {
    background-color: #bec2f7 !important;
    /*background-color: #ffc194 !important;*/
}

    #ctl00_ctlRicercaModuliInput, #ctl00_ctlRicercaModuliButton, #ctlRicercaModuliInput, #ctlRicercaModuliButton {
        /*display: none;*/
    }

    .hover_hand:hover {
        cursor: pointer;
    }

    div.login-form {
        top: 50px;
        width: 400px;
        margin-right: auto;
        margin-left: auto;
        position: relative;
    }

    div#__asptrace {
        background-color: #FFFFFF;
    }

.mobileonly {
    display: none;
}
div.buttonMenu {
    border-width: 0px;
    background-repeat: no-repeat;
    height: 100px;
    width: 300px;
    float: left;
}

    @media only screen and (max-width: 480px) {
        .buttonMenu {
            border-width: 0px;
            background-repeat: no-repeat;
            height: 66px;
            width: 200px;
            background-size: contain;
            float: left;
        }
    }

    @media only screen and (min-width: 481px) {
        .buttonMenu {
            border-width: 0px;
            background-repeat: no-repeat;
            height: 100px;
            width: 300px;
            float: left;
        }
    }

    @media only screen and (max-width: 576px) {
        div.page_content {
            margin: 0px 0px 0px 0px;
        }

        div.frame {
            padding: 0px 0px 0px 0px;
        }
    }

    @media only screen and (min-width: 577px) and (max-width: 1920px) {
        div.page_content {
            margin: 0px 10px 0px 10px !important;
        }
    }

    /* -------------------------------------------------------------------------------------------------- */
    /* STILI PER I POPUP E USERCONTROL */
    /* -------------------------------------------------------------------------------------------------- */
    span.wuc_popuplabel, span.wuc_advanced_select_label {
        float: left;
        width: 9.5rem;
        margin: .3em 1em;
        text-align: right;
        font-weight: 700;
        line-height: 1.25rem;
    }

    select.wuc_advanced_select_list {
        width: 12em;
    }

    @media only screen and (max-width: 400px) {
        span .wuc_popuplabel {
            display: block;
            float: none;
            width: auto;
            margin-right: auto;
            text-align: left;
        }
    }

table.tabella.tbselezione {
    width: 100%;
}

    table.tabella.tbselezione tbody tr:hover, table.tabella.tbselezione tbody tr td:hover { /*, table.tabella.tbselezione tr:hover, table.tabella.tbselezione tr td:hover {*/
        background-color: #ffe7a2; /*efc54e*/
    }
    table.tabella.tbselezione thead th:hover, table.tabella.tbselezione thead tr th:hover {/*, table.tabella.tbselezione th:hover, table.tabella.tbselezione tr th:hover {*/
        /*background-color: #ff6600;*/
        color: #000000;
    }

    table.tabella.tbselezione tbody tr, table.tabella.tbselezione tr {
        height: 15px;
        border-bottom: 1px solid #dfdfdf;
    }

        table.tabella.tbselezione tbody tr td, table.tabella.tbselezione tr td {
            font-family: Tahoma;
            font-size: .9em;
            padding: 2px;
            cursor: pointer;
        }
        table.tabella.tbselezione tbody tr:last-child {
            border-bottom: 0px;
        }


@media only print {
    .noprint {
        display: none;
    }
}

div#msg_erp_status, div.msg_erp_status {
    position: fixed;
    bottom: 15px;
    font-size: 1.5em;
    z-index: 3;
}
div.pnlHomepage {
    width: 100%;
    height: 50px;
}

@media print {
    .noprint {
        display: none;
    }
}

table.tabmin {
    width: 550px;
}

#pnlOraServer {
    display: none;
}

/* ------------------------------------ */
/* -- INIZIO --- STILI GRIGLIE DIV   -- */
/* ------------------------------------ */
div.tr {
    display: table-row;
}

div.td {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
}

    div.td.header {
        text-align: right;
        min-width: 180px;
        width: 210px;
        padding-right: 5px;
    }
/* ------------------------------------ */
/* -- FINE --- STILI GRIGLIE DIV     -- */
/* ------------------------------------ */


/*#region USERCONTROL*/
.pnlUsercontrol {
    /*max-width: 450px;*/
}
.input-control.textarea {
    width: 100% !important;
}
.tr_usercontrol {
    display: table-row;
     display: flex; 
     align-items: center; 
     align-content: stretch; 
/* position: absolute; */}

    .tr_usercontrol .td_usercontrol {
        display: table-cell;
    }

    .tr_usercontrol .td_usercontrol_counter {
        text-align: right;
        display: block;
        width: 100%;
        z-index: 1;
    position: relative;right: 0px;}

.td_usercontrol_header {
    text-align: right;
    padding-right: 5px;
    /*min-width: 3em;*/
    width: 10em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: table-cell;
}

@media screen and (max-width: 576px) {
    .tr_usercontrol {
        align-items: flex-start;
        display: flex;
        flex-flow: row;
        flex-direction:column;
    }
    .td_usercontrol_header {
        text-align: left;
/*        width: 200px;
*/        display: block;
          height: 20px;
        /*    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
*/
    }
}
.td_usercontrol_topheader {
    text-align: left;
    vertical-align: middle;
    padding-left: 5px;
    width: 200px;
}
/*#endregion*/


td.td_header {
    font-weight: 700;
    width: 210px;
}
td.td_header.right, td.td_header.center, td.td_header.left {
}
td.td_header.right {
    text-align: right;
}
td.td_header.center {
    text-align: center;
}
td.td_header.left {
    text-align: left;
}

/* ------------------------------------ */
/* -- MEDIA QUERY METRO              -- */
/* ------------------------------------ */

@media screen and (min-width: 1401px) {
    html {
        /*font-size: 120%;*/
    }
}

@media screen and (max-width: 1400px) {
    html {
        /*font-size: 110%;*/
    }
}

@media screen and (max-width: 1200px) {
    html {
        /*font-size: 100%;*/
    }
}

@media screen and (max-width: 768px) {
    html {
        /*font-size: 100%;*/
    }
}

@media screen and (max-width: 640px) {
    html {
        /*font-size: 90%;*/
    }
}

@media screen and (max-width: 320px) {
    html {
        /*font-size: 80%;*/
    }
}
input[disabled~="disabled"], input[readonly~="readonly"], a[disabled~="disabled"], a[class~="aspNetDisabled"], textarea[disabled~=disabled] {
    cursor: not-allowed !important;
}

span.textbox_required {
    float: right;
    /*width: 100%;*/
    text-align: right;
    font-weight: 500;
    /* margin-left: 10px; */
}

table.pnlButtonGestione th {
    font-weight: normal;
}

/*
.panel {
    border-radius: 6px;
}
.panel > .heading {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.panel > .content {
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}*/

div#progress {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

tr.tr_data:hover a.gestione, tr.tr_data:hover div.gestione {
    visibility: visible !important;
}

tr.tr_data a.gestione, tr.tr_data div.gestione {
    visibility: hidden;
}

table td.col_destra.w10 {
    width: 10px;
}
table td.col_destra.w30 {
    width: 20px;
}
table td.col_destra.w50 {
    width: 50px;
}
table td.col_destra.w70 {
    width: 70px;
}
table td.col_destra.w90 {
    width: 90px;
}
table td.col_destra.w110 {
    width: 110px;
}
table td.col_destra.w130 {
    width: 130px;
}
table td.col_destra.w150 {
    width: 150px;
}

table td.col_gestione {
    width: 40px;
}
table td.col_gestione.x2 {
    width: 80px;
}
table td.col_gestione.x3 {
    width: 120px;
}
table td.col_gestione.x4 {
    width: 160px;
}
div.hint2 {
    z-index: 1051;
}


hlite {
    background-color: #56adff;
    padding: 0px 2px 0px 2px;
    color: #000000;
    padding-left: 0px;
    padding-right: 0px;
}
/* ------------------------------------ */
/* -- TABELLE ANAGRAFICHE            -- */
/* ------------------------------------ */

table.anagrafica {
    width: 400px;
    font-size: 1.1em;
    /*font-family: 'Lucida Console';*/
    border: 1px solid black;
    background-color: #ffffff;
}

    table.anagrafica thead {
        position: sticky;
        top: 0px;
        background-color: #878787;
        color: #FFFFFF;
        height: 40px;
    }

    table.anagrafica tbody tr, table.anagrafica tbody tr {
        border: 1px solid #808080;
    }

        table.anagrafica tbody tr:hover {
            background-color: rgba(240, 163, 10, 0.5) !important;
            cursor: pointer;
        }

        table.anagrafica tbody tr:nth-child(2n+1) {
            background-color: #eeeeee;
        }

    table.anagrafica td {
        border-right: 1px solid #808080;
        padding-left: 5px;
        padding-right: 5px;
    }

        table.anagrafica td.col_centrato {
            text-align: center;
        }

        table.anagrafica td.col_destra.scagl_diverso {
            background-color: #fc8c42;
        }

    table.anagrafica tbody tr td table.tblPager, table.anagrafica tfoot tr td table.tblPager {
        width: 100%;
    }

        table.anagrafica tbody tr td table.tblPager tr, table.anagrafica tfoot tr td table.tblPager tr, table.anagrafica tbody tr td table.tblPager tr td, table.anagrafica tfoot tr td table.tblPager tr td {
            border: 0px;
        }

        table.anagrafica tbody tr td table.tblPager td.first, table.anagrafica tfoot tr td table.tblPager td.first, table.anagrafica tbody tr td table.tblPager td.prev, table.anagrafica tfoot tr td table.tblPager td.prev {
            text-align: right;
        }

        table.anagrafica tbody tr td table.tblPager td.prev, table.anagrafica tfoot tr td table.tblPager td.prev, table.anagrafica tbody tr td table.tblPager td.next, table.anagrafica tfoot tr td table.tblPager td.next {
            width: 40px;
        }

        table.anagrafica tbody tr td table.tblPager td.page_cnt, table.anagrafica tfoot tr td table.tblPager td.page_cnt {
            width: 200px;
            text-align: center;
        }

div#tblResults {
    width: 100%;
}
div.div_cartellavuota {
    text-align: center;
}
span.invalid_input {
    color: #FFFFFF;
    background-color: #FF0000;
    font-size: .8rem;
    padding: 1px 5px 1px 5px;
    border-radius: 3px;
}

::backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}
/* ------------------------------------ */
/* -- BOOTSTRAP-LIKE                 -- */
/* ------------------------------------ */

.bg-success {
    background-color: #198754;
}

.bg-warning {
    background-color: #ffc107;
}

.border.border-start-1 {
    border-left: 1px solid;
}
.border.border-start-2 {
    border-left: 2px solid;
}
.border.border-start-3 {
    border-left: 3px solid;
}
.border.border-start-4 {
    border-left: 4px solid;
}
.border.border-start-5 {
    border-left: 5px solid;
}
.border.border-success {
    border-color: #198754;
}
.border.border-warning {
    border-color: #ffc107;
}

table.button_gestione {
    width: 100%;
}
table.button_gestione td.cella_pulsante {
    width: 165px;
}