html {
    min-height: 100%;
}

body {
    margin: auto;
    margin-top: 1%;
}


#PanelPopUp, #PanelPopAzienda {
    background-color: transparent;
    width: 100%;
    height: 100%;
    z-index: 100;
    position: absolute;
    opacity: 1;
    top: 0;
    left: 0;
    visibility: hidden;
}

#PanelPopUpDettaglio, #PanelPopAziendaDettaglio {
    width: 948px;
    position: absolute;
    background-color: white;
    -webkit-box-shadow: 18px 17px 24px -6px rgba(0,0,0,0.75);
    -moz-box-shadow: 18px 17px 24px -6px rgba(0,0,0,0.75);
    box-shadow: 18px 17px 24px -6px rgba(0,0,0,0.75);
    border-radius: 8px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}



.PanelPopUp {
    background-color: rgba(239, 146, 146, 0.85);
    width: 100%;
    max-width: 1300px;
    -webkit-border-top-left-radius: 12px;
    -webkit-border-top-right-radius: 12px;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    position: absolute;
    bottom: 0px;
    height: 45px;
    z-index: 1;
}

    .PanelPopUp label {
        color: darkslategrey;
    }


/*#endregion */


.MyItem:hover {
    font-weight:bolder;
}


.Link {
    text-decoration: none;
    font-size: smaller;
    padding-top: 8px;
    color: teal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*#endregion */



.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}


/*#region Clear Fix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
    zoom: 1;
}
/* IE7 */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



/*#endregion */

/*#region Bordi */
.Bordo_2 {
    border: 2px solid;
    border-color: darkcyan;
    border-radius: 8px;
    background-color: rgba(200, 200, 200, 0.20);
}

.Bordo_2_Disable {
    border: 2px solid;
    border-color: black;
    opacity: 0.5;
    border-radius: 8px;
    background-color: rgba(200, 200, 200, 0.20);
}


.Bordo_1 {
    border: 1px solid;
    border-color: lightsteelblue;
    border-radius: 8px;
}

.Bordo_1_BackColor {
    border: 1px solid;
    border-color: darkcyan;
    border-radius: 8px;
    background-color: rgba(110, 128, 80, 0.12);
}

.Bordo_2_PopUp {
    border: 2px solid;
    border-color: darkcyan;
    border-radius: 8px;
    background-color: rgba(250, 250, 250, 0.8);
}

/*#endregion */

/*#region Sfondi */
.Sfondo_1 {
    background-color: rgba(248, 248, 255,0.75);
}

/*#endregion */


.fa, .fas, .far, .fab {
    color: teal;
    font-size: medium;
    text-decoration: none;
}

.fa-square {
    cursor: url('../Image/CheckIcon.gif'), auto;
}


/*#region DropDown*/
.DropStandard {
    height: 25px;
    border: none;
    background-color: white;
    border-radius: 7px 7px 7px 7px;
    width: 100%;
    color: teal;
    font-size: small;
}

    .DropStandard option {
        color: teal;
        font-size: small;
        border-radius: 7px 0px 0px 7px;
    }

    .DropStandard:focus {
        outline: none !important;
        box-shadow: 2px 2px 5px teal;
        border-radius: 9px;
    }


.DropQuickMode {
    visibility: hidden;
    border: none;
    width: 1.5%;
    height: 17px;
}

    .DropQuickMode option {
        color: teal;
        font-size: small;
    }

    .DropQuickMode:focus {
        outline: none !important;
        box-shadow: 2px 2px 5px teal;
    }

/*#endregion */

/*#region Div*/
.DivInput {
    border-radius: 8px;
    float: left;
    padding: 2px;
}

.DivInput_Vertical {
    border-radius: 8px;
    padding: 2px;
    display: grid;
    float: left
}


label {
    display: inline;
    color: teal;
    font-size: smaller;
}

input {
    padding: 5px;
    border: none;
    background-color: white;
    border-radius: 7px;
    width: 100%;
    color: teal;
    font-size: small;
}

    input:focus {
        outline: none !important;
        box-shadow: 2px 2px 5px teal;
        border-radius: 9px;
    }



/*#region Bottoni */

.Bottone {
    margin: auto;
    padding: 7px;
    border: 1px solid;
    border-color: cadetblue;
    background-color: rgba(248, 248, 255, 0.70);
    border-radius: 8px;
    font-size: smaller;
    color: teal;
    background-color: rgba(110, 128, 80, 0.12);
    /*background: linear-gradient(20deg, rgba(110, 128, 80, 0.22) 25%, rgba(140, 128, 80, 0.10) 36%, rgba(255,255,255,1) 88%, rgba(110, 128, 80, 0.44) 100%);
    /*cursor: pointer;*/
    text-decoration: none;
    opacity: 1;
    height: 33px;
}

.BottoneDisable {
    opacity: 0.4;
    cursor: default;
}


.HoverBottone:hover {
    box-shadow: 0 2px 2px 0 cadetblue,0 5px 5px 0 rgba(0,0,0,0.25);
}



/*#region Bottoni Sottomenu*/

.BottoniSottomenu {
    margin-top: 3.5px;
    width: 100%;
    padding: 10px;
    height: 70px;
    float: left;
    cursor: pointer;
}

.BottoniSottomenuEtichetta {
    font-size: large;
    color: teal;
    float: left;
    margin-top: 1.5%;
}

.BottoniSottomenu:hover {
    box-shadow: 0 2px 2px 0 cadetblue,0 5px 5px 0 rgba(0,0,0,0.25);
    cursor: pointer;
}


.BottoniSottomenuDisable {
    margin-top: 3.5px;
    width: 100%;
    padding: 10px;
    height: 70px;
    float: left;
    opacity: 0.4;
}


/*#endregion Bottoni Sottomenu*/
.BottoneSelezionato {
    background: none;
    /*background-color: rgb(237, 237, 237);*/
    border: 1px solid;
    border-color: teal;
    background-color: teal;
    color: white;
    cursor: default;
}

    .BottoneSelezionato i {
        color: white;
    }

.BottonePopUp {
    background-color: teal;
    padding: 3px;
    border-radius: 8px;
    color: white;
    border: none;
}

.HoverSpan span:hover, .HoverSpan i:hover {
    color: teal;
    cursor: pointer;
    filter: blur(0.7px);
}


button:focus {
    outline: 0;
}
/*#endregion */

/*#region CheckBox */


.fa-toggle-on {
    margin-top: 0px;
}

.fa-toggle-off {
    margin-left: 0px;
    margin-top: 0px;
    opacity: 0.6;
    color: red;
}

.fa-toggle-Disable {
    margin-left: 0px;
    margin-top: 0px;
    opacity: 0.6;
    color: grey;
}


/*#endregion */

#BtnMenuPrincipale, #BtnSottomenu {
    font-size: small;
    text-decoration: none;
    color: teal;
    text-decoration-line: underline;
}

/*#region Font Size e vertical allignament */
.FontSize_Large {
    font-size: large;
}

.FontSize_XLarge {
    font-size: x-large;
}

.FontSize_XXLarge {
    font-size: xx-large;
}

.FontSize_Small {
    font-size: small;
}

.FontSize_XSmall {
    font-size: x-small;
}

.VerticalTop {
    vertical-align: top;
}

.VerticalBottom {
    vertical-align: bottom;
}

/*#endregion  */
/*#region Allignamento Testo */
.Center {
    text-align: center;
}

.Right {
    text-align: right;
}

.Left {
    text-align: left;
}
/*#endregion */

/*#region TroncaTesto */
.NoWrap {
    width: 250px;
    height: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*#endregion */

/*#region Altezza Largezza  Default (W10 = 10%, W20 = 20% .....) */

.H5 {
    height: 5vh
}

.H10 {
   height:10vh 
}

.H11 {
    height: 11vh
}

.H12 {
    height: 12vh
}

.H13 {
    height: 13vh
}

.H14 {
    height: 14vh
}

.H15 {
    height: 15vh
}

.H20 {
    height: 20vh
}

.H25 {
    height: 25vh
}

.H30 {
    height: 30vh
}

.H35 {
    height: 35vh
}

.H40 {
    height: 40vh
}

.H45 {
    height: 45vh
}

.H50 {
    height: 50vh
}
.H80 {
    height: 80vh
}

.H85 {
    height: 85vh
}

.H90 {
    height: 90vh
}

.H95 {
    height: 95vh
}

.H100 {
    height: 100vh
}


.W1 {
    width: 1%;
}

.W2 {
    width: 2%;
}


.W3 {
    width: 3%;
}


.W4 {
    width: 4%;
}

.W4_5 {
    width: 4.5%;
}

.W5 {
    width: 5%;
}

.W6 {
    width: 6%;
}

.W7 {
    width: 7%;
}

.W8 {
    width: 8%;
}

.W9 {
    width: 9%;
}


.W10 {
    width: 10%;
}

.W11 {
    width: 11%;
}

.W12 {
    width: 12%;
}

.W13 {
    width: 13%;
}

.W14 {
    width: 14%;
}

.W15 {
    width: 15%;
}

.W16 {
    width: 16%;
}

.W17 {
    width: 17%;
}

.W18 {
    width: 18%;
}

.W19 {
    width: 19%;
}

.W20 {
    width: 20%;
}

.W21 {
    width: 21%;
}

.W21_5 {
    width: 21.5%;
}

.W22 {
    width: 22%;
}

.W23 {
    width: 23%;
}

.W24 {
    width: 24%;
}

.W25 {
    width: 25%;
}

.W26 {
    width: 26%;
}

.W27 {
    width: 27%;
}

.W28 {
    width: 28%;
}

.W29 {
    width: 29%;
}

.W30 {
    width: 30%;
}

.W32 {
    width: 32%;
}

.W33 {
    width: 33%;
}

.W34 {
    width: 34%;
}

.W35 {
    width: 35%;
}

.W36 {
    width: 36%;
}

.W37 {
    width: 37%;
}

.W38 {
    width: 38%;
}

.W39 {
    width: 39%;
}

.W40 {
    width: 40%;
}

.W41 {
    width: 41%;
}

.W43 {
    width: 43%;
}

.W44 {
    width: 44%;
}

.W45 {
    width: 45%;
}

.W47 {
    width: 47%;
}

.W48 {
    width: 48%;
}

.W49 {
    width: 49%;
}

.W49_5 {
    width: 49.5%;
}

.W50 {
    width: 50%;
}

.W52 {
    width: 52%;
}

.W53 {
    width: 53%;
}

.W54 {
    width: 54%;
}

.W55 {
    width: 55%;
}

.W56 {
    width: 56%;
}

.W57 {
    width: 57%;
}

.W58 {
    width: 58%;
}

.W59 {
    width: 59%;
}

.W60 {
    width: 60%;
}

.W65 {
    width: 65%;
}

.W66 {
    width: 66%;
}

.W66_5 {
    width: 66.5%;
}

.W67 {
    width: 67%;
}

.W68 {
    width: 68%;
}

.W69 {
    width: 69%;
}

.W70 {
    width: 70%;
}

.W71 {
    width: 71%;
}

.W72 {
    width: 72%;
}

.W73 {
    width: 73%;
}

.W74 {
    /*width: 74%;*/
}

.W75 {
    width: 75%;
}

.W76 {
    width: 76%;
}

.W77 {
    width: 77%;
}

.W78 {
    width: 78%;
}

.W79 {
    width: 79%;
}

.W80 {
    width: 80%;
}

.W81 {
    width: 81%;
}

.W82 {
    width: 82%;
}

.W83 {
    width: 83%;
}

.W84 {
    width: 84%;
}

.W85 {
    width: 85%;
}

.W86 {
    width: 86%;
}

.W87 {
    width: 87%;
}

.W88 {
    width: 88%;
}

.W89 {
    width: 89%;
}

.W90 {
    width: 90%;
}

.W91 {
    width: 91%;
}

.W92 {
    width: 92%;
}

.W95 {
    width: 95%;
}

.W98 {
    width: 98%;
}


.W100 {
    display: inline-block;
    width: 100%;
}

/*#endregion */

/*#region Dimensione fisse imput*/
.W_Orario24 {
    width: 45px;
    text-align: center;
}

.W_Orario999 {
    width: 80px;
}

.W_Numerico_2 {
    width: 25px;
}

.W_Numerico_3 {
    width: 35px;
}

/*#endregion*/



/*#region Margini Sx e Dx */

/*Sinistra percentuale*/

.ML0_5 {
    margin-left: 0.5%;
}

.ML1_0 {
    margin-left: 1%;
}

.ML1_5 {
    margin-left: 1.5%;
}

.ML2_0 {
    margin-left: 2%;
}

.ML2_5 {
    margin-left: 2.5%;
}

.ML3_0 {
    margin-left: 3%;
}

.ML3_5 {
    margin-left: 3.5%;
}

.ML4_0 {
    margin-left: 4%;
}

.ML4_5 {
    margin-left: 4.5%;
}

.ML5_0 {
    margin-left: 5%;
}

.ML6_0 {
    margin-left: 6%;
}

.ML7_0 {
    margin-left: 7%;
}

.ML8_0 {
    margin-left: 8%;
}

.ML9_0 {
    margin-left: 9%;
}

.ML10_0 {
    margin-left: 10%;
}


.ML15_0 {
    margin-left: 15%;
}

.ML16_0 {
    margin-left: 16%;
}

.ML17_0 {
    margin-left: 17%;
}

.ML18_0 {
    margin-left: 18%;
}

.ML19_0 {
    margin-left: 19%;
}


.ML20_0 {
    margin-left: 20%;
}

.ML25_0 {
    margin-left: 25%;
}

.ML40_0 {
    margin-left: 40%;
}

.ML30_0 {
    margin-left: 30%;
}


/*Sinistra pixel*/

.ML3 {
    margin-left: 3px;
}

.ML4 {
    margin-left: 4px;
}

.ML5 {
    margin-left: 5px;
}

.ML7 {
    margin-left: 7px;
}

.ML10 {
    margin-left: 10px;
}

.ML15 {
    margin-left: 15px;
}

/*Destra*/

.MR3 {
    margin-right: 3px;
}

.MR4 {
    margin-right: 4px;
}

.MR5 {
    margin-right: 5px;
}

.MR7 {
    margin-right: 7px;
}

.MR10 {
    margin-right: 10px;
}

.MR15 {
    margin-right: 15px;
}

.MR20 {
    margin-right: 20px;
}

.MR25 {
    margin-right: 25px;
}

.MR30 {
    margin-right: 30px;
}

.MR15_0 {
    margin-right: 15%;
}

.MR20_0 {
    margin-right: 20%;
}
/*#endregion */

/*#region Margin Top Buttom */
.MT2 {
    margin-top: 2px;
}

.MT3 {
    margin-top: 3px;
}

.MT4 {
    margin-top: 4px;
}


.MT5 {
    margin-top: 5px;
}

.MT6 {
    margin-top: 6px;
}

.MT7 {
    margin-top: 7px;
}

.MT8 {
    margin-top: 8px;
}

.MT9 {
    margin-top: 9px;
}

.MT10 {
    margin-top: 10px;
}

.MT11 {
    margin-top: 11px;
}

.MT12 {
    margin-top: 12px;
}

.MT13 {
    margin-top: 13px;
}

.MT14 {
    margin-top: 14px;
}

.MT15 {
    margin-top: 15px;
}

.MT20 {
    margin-top: 20px;
}

.MT21 {
    margin-top: 21px;
}

.MT22 {
    margin-top: 22px;
}

.MT23 {
    margin-top: 23px;
}

.MT25 {
    margin-top: 25px;
}

.MT30 {
    margin-top: 30px;
}

.MT31 {
    margin-top: 31px;
}

.MT32 {
    margin-top: 32px;
}

.MT33 {
    margin-top: 33px;
}

.MT34 {
    margin-top: 34px;
}

.MT35 {
    margin-top: 35px;
}

.MT36 {
    margin-top: 36px;
}

.MT37 {
    margin-top: 37px;
}

.MT38 {
    margin-top: 38px;
}

.MT39 {
    margin-top: 39px;
}

.MT40 {
    margin-top: 40px;
}

.MT41 {
    margin-top: 41px;
}

.MT45 {
    margin-top: 45px;
}

.MT50 {
    margin-top: 50px;
}

.MT55 {
    margin-top: 55px;
}

.MT60 {
    margin-top: 60px;
}

.MT65 {
    margin-top: 65px;
}

.MT66 {
    margin-top: 66px;
}

.MT67 {
    margin-top: 67px;
}

.MT68 {
    margin-top: 68px;
}

.MT69 {
    margin-top: 69px;
}

.MT70 {
    margin-top: 70px;
}


.MT80 {
    margin-top: 80px;
}

.MT90 {
    margin-top: 90px;
}

.MT100 {
    margin-top: 100px;
}

.MT150 {
    margin-top: 150px;
}

.MT160 {
    margin-top: 160px;
}

.MT165 {
    margin-top: 165px;
}

.MT170 {
    margin-top: 170px;
}

.MT175 {
    margin-top: 175px;
}

.MT180 {
    margin-top: 180px;
}

.MT185 {
    margin-top: 185px;
}

.MT190 {
    margin-top: 190px;
}

.M200 {
    margin-top: 200px;
}

.MT205 {
    margin-top: 205px;
}

.MT210 {
    margin-top: 210px;
}

.MT220 {
    margin-top: 220px;
}

.MT230 {
    margin-top: 230px;
}

.MT240 {
    margin-top: 240px;
}

.MB2 {
    margin-bottom: 2px;
}

.MB3 {
    margin-bottom: 3px;
}

.MB4 {
    margin-bottom: 4px;
}

.MB5 {
    margin-bottom: 5px;
}

.MB10 {
    margin-bottom: 10px;
}

/*#endregion */

/*#region Padding */

/*#region Padding Interno */

.P1 {
    padding: 1px;
}

.P2 {
    padding: 2px;
}

.P3 {
    padding: 3px;
}

.P4 {
    padding: 4px;
}

.P5 {
    padding: 5px;
}

.P6 {
    padding: 6px;
}

.P6_5 {
    padding: 6.5px;
}

.P7 {
    padding: 7px;
}

.P8 {
    padding: 8px;
}

.P9 {
    padding: 9px;
}



.P10 {
    padding: 10px;
}

.P11 {
    padding: 11px;
}

.P12 {
    padding: 12px;
}

.P13 {
    padding: 13px;
}

.P15 {
    padding: 15px;
}

.P20 {
    padding: 20px;
}


/*#endregion */


/*#region Padding Sinistro */
.PL5 {
    padding-left: 5px;
}

.PL10 {
    padding-left: 10px;
}

.PL15 {
    padding-left: 15px;
}

.PL20 {
    padding-left: 20px;
}

.PL25 {
    padding-left: 25px;
}

.PL30 {
    padding-left: 30px;
}

.PL35 {
    padding-left: 35px;
}

.PL40 {
    padding-left: 40px;
}

.PL45 {
    padding-left: 45px;
}

.PL50 {
    padding-left: 50px;
}

/*#endregion */

/*#endregion */

/*#region Color */
.Color_Teal {
    color: teal;
}

.Color_LightGray {
    color: lightgray;
}

.Color_Grey {
    color: grey;
}

.Color_Salmon {
    color: salmon;
}

.Color_Green {
    color: greenyellow;
}

.Color_Disable {
    color: black;
    opacity: 0.3;
    cursor: default;
}

.BackColor_White {
    background-color: white;
}

.BackColor_Salmon {
    background-color: rgba(255, 0, 0, 0.15);
    color: darkred;
}

.BackColor_White {
    background-color: white;
}

.BackColor_Gray {
    background-color: gray;
}

.BackColor_PowderBlue {
    background-color: powderblue;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 10px rgba(110, 128, 80, 0.4);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(110, 128, 80, 0.4);
}

::-webkit-scrollbar-button {
    background-color: transparent;
}
/*#endregion */