@import url(https://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic,900,900italic,300italic,300,100,100italic);

/* ----- SCROLL BAR ----- */

::-webkit-scrollbar {
    /*    width: 0.5em;
    height: 0.5em;*/
    width: 8px;
}

::-webkit-scrollbar-button {
    background: #79a4a9;
    display: none;
}

::-webkit-scrollbar-track-piece {
    /*background: #79a4a9;*/
}

::-webkit-scrollbar-thumb {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0);
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: #1f3b3e;
}

.ui-datepicker {
    font-family: 'Lato', sans-serif;
    font-size: 0.75em;
    z-index: 9999;
    border: 1px solid #446063 !important;
    border-radius: 5px;
}

.ui-state-default {
    color: #446063 !important;
}

.ui-state-hover {
    color: #FFF !important;
    border-color: #446063 !important;
    background: #446063 !important;
}

.ui-autocomplete {
    border: 1px solid #446063;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    z-index: 100000;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 200px;
    width: 300px;
    font-size: 0.875em;
}

.ui-state-focus {
    background-image: none;
    border: 1px solid #446063 !important;
    background: -webkit-linear-gradient(90deg, #688e92 5%, #446063 100%) !important;
    background: -moz-linear-gradient(90deg, #688e92 5%, #446063 100%) !important;
    background: -ms-linear-gradient(90deg, #688e92 5%, #446063 100%) !important;
    background: linear-gradient(180deg, #688e92 5%, #446063 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#688e92', endColorstr='#446063') !important;
}
/* ----- PRINCIPALI ----- */

body {
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 300;
    overflow: hidden;
}

body, div, iframe, table, tr, td, ul, li, input, fieldset {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.divMain {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    background-color: white;
    background: url('images/quadratini97b.png');
    background-repeat: repeat;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.position-abs {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
}

.position-rel, .position-rel-all {
    position: relative;
    overflow: hidden;
}

.scroll {
    overflow-x: hidden;
    overflow-y: auto;
}

.scroll-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.block {
    display: block;
}

.inline {
    display: inline-block;
}

.position-rel-all {
    height: 100%;
}

.shadow-top {
    -moz-box-shadow: 0 -2px 2px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 -2px 2px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 -2px 2px -1px rgba(0, 0, 0, 0.3);
}

.shadow-bottom {
    -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
}

.header {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    height: 3.125em;
    text-align: left;
    font-weight: 400;
    color: #FFF;
    background-color: #446063;
    border-top: 1px solid #233d40;
    z-index: 999;
}

.footer {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 3.125em;
    text-align: right;
    font-weight: 400;
    color: #FFF;
    background-color: #446063;
    border-top: 1px solid #233d40;
    z-index: 999;
}

.footer.hide {
    display:none;
}

.footer-label {
    margin: 0;
    padding: 0 0.3125em;
    line-height: 3.125em; /*36px*/
    font-size: 0.875em;
    cursor: default;
    float: left;
}

.topBar {
    padding: 0.375em 0.625em;
    position: absolute;
    top: 0px;
    left: 13.125em; /*41px*/
    right: 0px;
    height: 2.5em; /*40px*/
    background-color: #d8ccbc;
    color: #3b6261;
    font-weight: 400;
    z-index: 11;
    /*-moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);*/
}

.leftBar {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    width: 13.125em; /*210px;*/
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 10;
}

.headerSection {
    position: absolute;
    top: 0px;
    bottom: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.headerSection-first {
    left: 0px;
    width: 13.125em; /*210px;*/
    text-align: left;
}

.headerSection-second {
    left: 0px;
    right: 25em; /*400px*/
    text-align: left;
}

.headerSection-third {
    padding-right: 1em;
    right: 0px;
    width: 25em; /*400px*/
    text-align: right;
}

.headerSection-label {
    margin: 0;
    padding: 0.375em 0.25em;
    line-height: 2.25em; /*36px*/
    font-size: 1.125em;
    font-family: 'Lato', sans-serif;
    cursor: default;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.divSection {
    border: 0.125em solid #446063;
    background-color: #efefef;
    border-radius: 0.25em;
}

.pointer {
    cursor: pointer;
}

.icon {
    padding: 0 0.3125em;
}

.fa-angle-down-menu {
    padding: 0 0.3125em;
    color: #FFF;
    font-size: 110% !important;
}

.headerSection-btnLogOut:hover {
    color: #FFF;
}

.divTendine {
    margin-top: 0.3125em;
    border-top: 1px solid #beb095;
    z-index: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
}

.divTopRows {
    background-color: #446063;
    height: 2.5em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 999;
    -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
}

.divTopRows-title {
    margin: 0;
    padding: 0 0.3125em;
    line-height: 2.6875em;
    color: white;
    font-weight: 400;
    font-size: 0.875em;
}

.rifHover:hover .fa-ellipsis-h,
.text-color-red {
    color: red;
}

.text-color-green {
    color: green;
}

.divPopupRiferimenti {
    padding: 0.5em 1em;
    position: absolute;
    z-index: 99999;
    border: 0.1875em solid #446063;
    display: none;
    color: #FFF;
    font-weight: bold;
    background-color: rgba(105,128,130,0.9);
    border-radius: .3em;
    -moz-border-radius: .3em;
    -webkit-border-radius: .3em;
    -webkit-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 4px 2px rgba(0,0,0,0.5);
}

.my-notify-info, .my-notify-success, .my-notify-warning, .my-notify-error {
    padding: 0.625em;
    position: absolute;
    right: 1em;
    top: 1.875em;
    z-index: 999999;
    font-weight: bold;
    font-family: 'Lato', sans-serif;
    font-size: 0.8125em;
    display: none;
    border-radius: 0.1875em;
    -moz-border-radius: 0.1875em;
    -webkit-border-radius: 0.1875em;
}

    .my-notify-info:before, .my-notify-success:before, .my-notify-warning:before, .my-notify-error:before {
        font-family: FontAwesome;
        font-style: normal;
        font-weight: 400;
        speak: none;
        display: inline-block;
        text-decoration: inherit;
        width: 1em;
        margin-right: .2em;
        text-align: center;
        font-variant: normal;
        text-transform: none;
        line-height: 1em;
        margin-left: .2em;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }

    .my-notify-info:before {
        content: "\f05a";
    }

    .my-notify-success:before {
        content: '\f00c';
    }

    .my-notify-warning:before {
        content: '\f017';
    }

    .my-notify-error:before {
        content: '\f057';
    }

.my-notify-info {
    color: #00529B;
    background-color: #BDE5F8;
}

.my-notify-success {
    color: #4F8A10;
    background-color: #DFF2BF;
    border: 1px solid #4F8A10;
    background-image: -o-linear-gradient(bottom, #DFF2BF 0%, #cadbad 100%);
    background-image: -moz-linear-gradient(bottom, #DFF2BF 0%, #cadbad 100%);
    background-image: -webkit-linear-gradient(bottom, #DFF2BF 0%, #cadbad 100%);
    background-image: -ms-linear-gradient(bottom, #DFF2BF 0%, #cadbad 100%);
    background-image: linear-gradient(to bottom, #DFF2BF 0%, #cadbad 100%);
}

.my-notify-warning {
    color: #fb6907;
    background-color: #f7e0b4;
    border: 1px solid #fb6907;
    background-image: -o-linear-gradient(bottom, #f7e0b4 0%, #fba807 100%);
    background-image: -moz-linear-gradient(bottom, #f7e0b4 0%, #fba807 100%);
    background-image: -webkit-linear-gradient(bottom, #f7e0b4 0%, #fba807 100%);
    background-image: -ms-linear-gradient(bottom, #f7e0b4 0%, #fba807 100%);
    background-image: linear-gradient(to bottom, #f7e0b4 0%, #fba807 100%);
}

.my-notify-error {
    color: #D8000C;
    background-color: #FFBABA;
    border: 1px solid #D8000C;
    background-image: -o-linear-gradient(bottom, #FFBABA 0%, #e7a8a8 100%);
    background-image: -moz-linear-gradient(bottom, #FFBABA 0%, #e7a8a8 100%);
    background-image: -webkit-linear-gradient(bottom, #FFBABA 0%, #e7a8a8 100%);
    background-image: -ms-linear-gradient(bottom, #FFBABA 0%, #e7a8a8 100%);
    background-image: linear-gradient(to bottom, #FFBABA 0%, #e7a8a8 100%);
}

.divFiltri {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    width: 0px;
    overflow: hidden;
    background-color: #60787a;
}

.div-open {
    border-left: 1px solid #233d40;
}

.title-h1 {
    font-family: 'Lato', sans-serif;
    font-weight: bold;
}

.title-h2 {
    font-family: 'Lato', sans-serif;
    font-size: 0.90625em;
    font-weight: bold;
    font-style: italic;
}

.spanYear-report, .spanYear-report-sel {
    display: inline-block;
    border: 1px solid #999;
    padding: 1.25em;
    font-weight: bold;
    border-radius: 5px;
    font-size: 0.75em;
    color: #666;
    cursor: pointer;
    background: -webkit-linear-gradient(90deg, #DDD 5%, #e5e5e5 100%);
    background: -moz-linear-gradient(90deg, #DDD 5%, #e5e5e5 100%);
    background: -ms-linear-gradient(90deg, #DDD 5%, #e5e5e5 100%);
    background: linear-gradient(180deg, #DDD 5%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDD', endColorstr='#e5e5e5');
    -webkit-box-shadow: inset -2px 2px 7px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: inset -2px 2px 7px -2px rgba(0,0,0,0.75);
    box-shadow: inset -2px 2px 7px -2px rgba(0,0,0,0.75);
}

.spanYear-report-sel {
    border: 1px solid #2b5357;
    color: #FFF;
    background: -webkit-linear-gradient(90deg, #427f85 5%, #346267 100%);
    background: -moz-linear-gradient(90deg, #427f85 5%, #346267 100%);
    background: -ms-linear-gradient(90deg, #427f85 5%, #346267 100%);
    background: linear-gradient(180deg, #427f85 5%, #346267 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#427f85', endColorstr='#346267');
}

.color-report-year {
    /*border-right: 1px solid #888888;*/
    color: #36332e;
    background-color: #e8e9eb;
}

.color-report-month {
    /*border-right: 1px solid #888888;
    border-bottom: 1px solid #888888;*/
    color: #36332e;
    background-color: #b2b2b2;
}

#divTabs {
    background-color: #cfd8d7;
}

/* ----- LISTE ----- */

.list-menu {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #446063;
}

    .list-menu li {
        display: block;
        text-align: left;
        border-bottom: 1px solid #fffeff;
        background-color: #446063;
        color: #FFF;
        /*font-weight:300;*/
        font-family: 'Lato', sans-serif;
        cursor: pointer;
    }

.list-menu-element-noborder {
    border: none !important;
}

.list-menu-element-sel {
    background-color: #30484b !important;
}

.list-menu li:first-child {
    background-color: #d8ccbc !important;
    color: #3b6261;
    font-weight: 400;
    padding: 0.375em 0 0.375em 1.5625em;
    cursor: default;
    height: 2.5em;
}

    .list-menu li:first-child:hover {
        background-color: #446063;
    }

.list-menu-element {
    padding: 0.375em;
}

    .list-menu-element:hover, .list-menu-element-child:hover {
        background-color: #30484b;
    }

.list-menu-element-child {
    display: block;
    padding: 0.375em 0 0.375em 2.0625em;
    border-bottom: 1px solid #fcffff;
    background-color: #899297;
}

.list-menu-li-label {
    margin: 0;
    line-height: 2.1875em;
    font-size: 1.125em;
    cursor: pointer;
}

.list-menu-li-label-title {
    margin: 0;
    font-size: 1.125em;
    cursor: default;
}

.list-tabs {
    margin: 0 auto;
    padding: 0px;
    display: block;
    position: relative;
    overflow: hidden;
    background: -webkit-linear-gradient(90deg, #FFF 5%, #e5e5e5 100%);
    background: -moz-linear-gradient(90deg, #FFF 5%, #e5e5e5 100%);
    background: -ms-linear-gradient(90deg, #FFF 5%, #e5e5e5 100%);
    background: linear-gradient(180deg, #FFF 5%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#e5e5e5');
    border-radius: 3px;
}

    .list-tabs li {
        float: left;
        position: relative;
        display: inline-block;
        margin: 0px;
        cursor: pointer;
        border-right: 1px solid #fff;
    }

        .list-tabs li:last-child {
            border: none;
        }

.list-tabs-li-selected {
    background: -webkit-linear-gradient(90deg, #ffffff 5%, #9b8b6a 100%);
    background: -moz-linear-gradient(90deg, #ffffff 5%, #9b8b6a 100%);
    background: -ms-linear-gradient(90deg, #ffffff 5%, #9b8b6a 100%);
    background: linear-gradient(180deg, #ffffff 5%, #9b8b6a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#9b8b6a');
    -webkit-box-shadow: inset 0px 0px 10px 0px rgba(142,126,93,1);
    -moz-box-shadow: inset 0px 0px 10px 0px rgba(142,126,93,1);
    box-shadow: inset 0px 0px 10px 0px rgba(142,126,93,1);
}

.list-tabs-span {
    display: block;
    padding: 0 0.3125em;
    min-width: 11.25em;
    line-height: 2.5em;
    text-align: center;
    font-weight: bold;
    font-size: 0.875em;
    color: #463b29;
    font-family: 'Lato', sans-serif;
}

    .list-tabs-span:hover {
        color: #446063;
    }

.triangle {
    position: relative;
    margin: 0;
    padding: 1em 0.1em;
    background: transparent;
}

    .triangle::after {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        box-sizing: border-box;
        border: 0.6875em solid black;
        border-color: transparent transparent #9b8b6a #9b8b6a;
        transform-origin: 0 0;
        transform: rotate(-45deg);
        box-shadow: -1px 1px 4px 0 rgba(0, 0, 0, 0.3);
    }

/* ---- CLASSI PER FRAME ---- */
.opacity {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: #000;
    opacity: 0.6;
}

.winFrame {
    border: 3px solid #446063;
    -moz-box-shadow: 0 0px 50px rgba(0, 0, 0, 0.6);
    -webkit-box-shadow: 0 0px 50px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0px 50px rgba(0, 0, 0, 0.6);
}

.winFrameHeader {
    background-color: #446063;
    height: 1.875em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 999;
    -moz-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
}

.winFrameTitle {
    margin: 0;
    padding: 0 0.3125em;
    line-height: 1.875em;
    color: white;
    font-weight: 400;
    font-size: 0.875em;
}

.imgWinFrameClose {
    border: none;
    position: absolute;
    right: 0.3125em;
    top: 0px;
    font-size: 150% !important;
    cursor: pointer;
    color: #FFF;
}

    .imgWinFrameClose:hover {
        color: #C00 !important;
    }


/* ---- GRIGLIE ---- */
.dataGridTableHeader, .dataGridTable, .genericTable {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

    .dataGridTableHeader td:last-child {
        border-right: none;
    }

.dataGridTableHeaderCell {
    padding: 0.625em;
    width: auto;
    text-align: left;
    vertical-align: middle;
    color: white;
    font-size: 0.875em;
    font-weight: 400;
    background-color: #446063;
    border-bottom: 1px solid #233d40;
    border-right: 2px solid #FFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dataGridTableRow {
    cursor: pointer;
}

.dataGridTableRowNoHover {
    cursor: default;
}

.backGroundColorRed {
    background-color: #df4747;
}

.oddRow {
    background-color: #ebe7de;
}

.evenRow {
    background-color: #ffffff;
}

.dataGridTableRow:hover {
    background-color: #bec8c9;
}

.dataGridTableCell {
    padding: 0.625em;
    width: auto;
    color: #323232;
    font-size: 0.875em;
    text-align: left;
    border-bottom: 1px solid white;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dataGridTableCell2 {
    padding: 0.3125em;
    width: auto;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.genericTableCell {
    font-size: 0.875em;
    width: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.genericTableCell-label {
    padding: 0.625em 0.9375em 0 0.9375em;
    font-weight: bold;
    color: #3F3F3F;
}

.genericTableCell-data {
    padding: 0.625em 0.9375em;
    color: #001D90;
    font-style: italic;
    border-bottom: 1px solid #beb095;
}

.genericTableCell-border {
    border-right: 1px solid #beb095;
}

/* ----- INPUT ----- */

.checkbox {
    width: 1.1875em;
    height: 1.1875em;
    cursor: pointer;
}

.input-error {
    background-color: rgba(224, 32, 32, 0.1) !important;
    border: 1px solid rgb(224, 32, 32) !important;
}

.text {
    padding: 0.375em;
    background-color: white;
    color: black;
    width: 10.625em;
    border: 1px solid #446063;
    border-radius: 0.125em;
    outline: none;
    font-family: 'Lato', sans-serif;
}

    .text:focus {
        background-color: #e3e7e8;
    }

    .text:disabled {
        color: #9EA0A1;
        background-color: #E7E7E7;
        border: 1px solid #9EA0A1;
    }

.select {
    padding: 0.3175em;
    background-color: white;
    color: black;
    border: 1px solid #446063;
    width: auto;
    border-radius: 0.125em;
    outline: none;
    font-family: 'Lato', sans-serif;
}

    .select:disabled {
        color: #9EA0A1;
        background-color: #E7E7E7;
        border: 1px solid #9EA0A1;
    }

.textArea {
    padding: 0.3125em;
    background-color: white;
    color: black;
    border: 1px solid #446063;
    width: 9.375em;
    height: 6.25em;
    border-radius: 0.1875em;
    resize: none;
    font-family: 'Lato', sans-serif;
}

    .textArea:focus {
        background-color: #e3e7e8;
    }

.textDate {
    padding: 0.375em;
    background-color: white;
    color: black;
    width: 6.875em;
    border: 1px solid #446063;
    border-radius: 0.1875em;
    text-align: right;
    font-family: 'Lato', sans-serif;
}

    .textDate:focus {
        background-color: #e3e7e8;
    }

.textNumber {
    padding: 0.375em;
    background-color: white;
    color: black;
    width: 10.625em;
    border: 1px solid #446063;
    border-radius: 0.125em;
    outline: none;
    text-align: right;
    font-family: 'Lato', sans-serif;
}

#body-ore-risorse-controllo .evenRow, #body-ore-risorse-controllo .oddRow {
    border-bottom: 1px solid #ededed;
}

#body-ore-risorse-controllo .oddRow {
    background-color: white;
}

#body-ore-risorse-controllo .dataGridTableCell {
    border-color: #ededed;
    border-right: 1px solid #ededed;
}

.ui-dialog .ui-dialog-content {
    font-size: 13px;
    font-family: sans-serif;
}

.ui-dialog .ui-dialog-titlebar {
    background: #446063;
}

.ui-dialog .ui-dialog-title {
    color: white;
}

.ui-dialog {
    box-shadow: 1px 1px 17px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 1px 1px 17px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 17px 0px rgba(0,0,0,0.75);
}

/* ---- BOTTONI ---- */
.btnHidden {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    display: none;
}

.buttonHolder {
    position: relative;
    float: right;
    height: 100%;
    padding: 0.4375em 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.button, .buttonDisabled {
    background-image: -webkit-linear-gradient(top, #b7b7b7, #efefef);
    background-image: linear-gradient(top, #b7b7b7, #efefef);
    border-radius: 50%;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 0px 1px 2px white, inset 0px -3px 1px 1px rgba(204,198,197,.1);
    height: 2.30769em;
    margin: 0 0.9375em 0 0;
    position: relative;
    width: 2.30769em;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

.buttonDisabled {
    pointer-events: none;
    background-image: -webkit-linear-gradient(top, #656565, #888888);
    background-image: linear-gradient(top, #656565, #888888);
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 0px 1px 2px #999999, inset 0px -3px 1px 1px rgba(204,198,197,.1);
}

    .button:after, .buttonDisabled:after {
        color: #646464;
        content: "";
        display: flex;
        font-size: 1.23076em;
        height: 100%;
        text-decoration: none;
        text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

    .buttonDisabled:after {
        text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px #999999;
    }

.buttonMin {
    background-image: -webkit-linear-gradient(top, #b7b7b7, #efefef);
    background-image: linear-gradient(top, #b7b7b7, #efefef);
    border-radius: 50%;
    box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 0px 1px 2px white, inset 0px -3px 1px 1px rgba(204,198,197,.1);
    height: 1.69230em;
    margin: 0 1em 0 0;
    position: relative;
    display: flex;
    width: 1.69230em;
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
}

    .buttonMin:after {
        color: #646464;
        content: "";
        display: flex;
        font-size: 1em;
        height: 100%;
        text-decoration: none;
        text-shadow: 0px -1px 1px #bdb5b4, 1px 1px 1px white;
        width: 100%;
        align-items: center;
        justify-content: center;
    }

.check:after, .checkMin:after {
    content: "\f00c";
    font-family: FontAwesome;
}

.duplicate:after {
    content: "\f0c5";
    font-family: FontAwesome;
}

.time:after {
    content: "\f017";
    font-family: FontAwesome;
}

.showMap:after, .showMapMin:after {
    content: "\f276";
    font-family: FontAwesome;
}

.geoloc:after, .geolocMin:after {
    content: "\f041";
    font-family: FontAwesome;
}

.error:after, .errorMin:after {
    content: "\f00d";
    font-family: FontAwesome;
}

.searchMin:after {
    content: "\f00e";
    font-family: FontAwesome;
    left: 0;
    top: 0.4375em;
}

.new:after, .newMin:after {
    content: "\f067";
    font-family: FontAwesome;
}

.mail:after {
    content: "\f0e0";
    font-family: FontAwesome;
}

.pdf:after, .pdfMin:after {
    content: "\f1c1";
    font-family: FontAwesome;
}

.file-lines:after {
    content: "\f15c";
    font-family: FontAwesome;
}

.excel:after, .excelExt:after {
    content: "\f1c3";
    font-family: FontAwesome;
}

.excelExt:after {
    color: red;
}

.refreshMin:after {
    content: "\f021";
    font-family: FontAwesome;
}

.delete:after {
    content: "\f1f8";
    font-family: FontAwesome;
}

.button:hover {
    background-image: -webkit-linear-gradient(top, #efefef, #f4f1ee);
    background-image: linear-gradient(top, #efefef, #f4f1ee);
    color: #323232;
}

.buttonMin:hover {
    background-image: -webkit-linear-gradient(top, #efefef, #f4f1ee);
    background-image: linear-gradient(top, #efefef, #f4f1ee);
    color: #323232;
}

.new:hover:after, .newMin:hover:after {
    color: #09c8f1;
    text-shadow: 0px 0px 6px #09c8f1;
}

.excel:hover:after, .excelExt:hover:after {
    color: #2c9916;
    text-shadow: 0px 0px 6px #09c8f1;
}

.file-lines:hover:after {
    color: #2c9916;
    text-shadow: 0px 0px 6px #09c8f1;
}

.pdf:hover:after, .pdfMin:hover:after {
    color: red;
    text-shadow: 0px 0px 6px #09c8f1;
}

.refreshMin:hover:after {
    color: #09c8f1;
    text-shadow: 0px 0px 6px #09c8f1;
}

.delete:hover:after {
    color: #eb2f2f;
    text-shadow: 0px 0px 6px #eb2f2f;
}

.check:hover:after, .checkMin:hover:after {
    color: #69bd27;
    text-shadow: 0px 0px 6px #69bd27;
}

.error:hover:after, .errorMin:hover:after {
    color: #f8ac49;
    text-shadow: 0px 0px 6px #f8ac49;
}

.searchMin:hover:after {
    color: #09c8f1;
    text-shadow: 0px 0px 6px #f8ac49;
}

.geoloc:hover:after, .geoloc:hover:after {
    color: #09c8f1;
    text-shadow: 0px 0px 6px #09c8f1;
}

.showMap:hover:after, .showMapMin:hover:after {
    color: #eb2f2f;
    text-shadow: 0px 0px 6px #eb2f2f;
}

.button:active {
    background-image: -webkit-linear-gradient(top, #efedec, #f7f4f4);
    background-image: linear-gradient(top, #efedec, #f7f4f4);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
}

    .button:active:after {
        color: #dbd2d2;
        text-shadow: 0px -1px 1px #bdb5b4, 0px 1px 1px white;
    }

.buttonMin:active {
    background-image: -webkit-linear-gradient(top, #efedec, #f7f4f4);
    background-image: linear-gradient(top, #efedec, #f7f4f4);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,.4), inset 0px -3px 1px 1px rgba(204,198,197,.5);
}

    .buttonMin:active:after {
        color: #dbd2d2;
        text-shadow: 0px -1px 1px #bdb5b4, 0px 1px 1px white;
    }



/* ---- WAITING ---- */

.waitingContent {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 99999;
}

.waitingOpacity {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 0;
    background-color: #ddd;
    opacity: 0.3;
}

.waitingBox {
    position: absolute;
    margin-bottom: 10.625em;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /*width: 76px;*/
    height: 3.5625em;
    text-align: center;
    z-index: 1;
}

.windows8 {
    position: relative;
    width: 2.75em;
    height: 2.75em;
    margin: auto;
}

    .windows8 .wBall {
        position: absolute;
        width: 2.625em;
        height: 2.625em;
        opacity: 0;
        transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        animation: orbit 6.96s infinite;
        -o-animation: orbit 6.96s infinite;
        -ms-animation: orbit 6.96s infinite;
        -webkit-animation: orbit 6.96s infinite;
        -moz-animation: orbit 6.96s infinite;
    }

        .windows8 .wBall .wInnerBall {
            position: absolute;
            width: 0.3125em;
            height: 0.3125em;
            background: rgb(239,239,239);
            left: 0px;
            top: 0px;
            border-radius: 5px;
        }

    .windows8 #wBall_1 {
        animation-delay: 1.52s;
        -o-animation-delay: 1.52s;
        -ms-animation-delay: 1.52s;
        -webkit-animation-delay: 1.52s;
        -moz-animation-delay: 1.52s;
    }

    .windows8 #wBall_2 {
        animation-delay: 0.3s;
        -o-animation-delay: 0.3s;
        -ms-animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
    }

    .windows8 #wBall_3 {
        animation-delay: 0.61s;
        -o-animation-delay: 0.61s;
        -ms-animation-delay: 0.61s;
        -webkit-animation-delay: 0.61s;
        -moz-animation-delay: 0.61s;
    }

    .windows8 #wBall_4 {
        animation-delay: 0.91s;
        -o-animation-delay: 0.91s;
        -ms-animation-delay: 0.91s;
        -webkit-animation-delay: 0.91s;
        -moz-animation-delay: 0.91s;
    }

    .windows8 #wBall_5 {
        animation-delay: 1.22s;
        -o-animation-delay: 1.22s;
        -ms-animation-delay: 1.22s;
        -webkit-animation-delay: 1.22s;
        -moz-animation-delay: 1.22s;
    }

.waitingBoxDark {
    position: absolute;
    margin-bottom: 5em;
    right: 0px;
    bottom: 0px;
    left: 0px;
    /*width: 76px;*/
    height: 3.5625em;
    text-align: center;
    z-index: 1;
}

.windows8Dark {
    margin: auto;
    position: relative;
    width: 2.75em;
    height: 2.75em;
}

    .windows8Dark .wBall {
        position: absolute;
        width: 2.625em;
        height: 2.625em;
        opacity: 0;
        transform: rotate(225deg);
        -o-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
        -webkit-transform: rotate(225deg);
        -moz-transform: rotate(225deg);
        animation: orbit 6.96s infinite;
        -o-animation: orbit 6.96s infinite;
        -ms-animation: orbit 6.96s infinite;
        -webkit-animation: orbit 6.96s infinite;
        -moz-animation: orbit 6.96s infinite;
    }

        .windows8Dark .wBall .wInnerBall {
            position: absolute;
            width: 0.3125em;
            height: 0.3125em;
            background: rgb(32,32,32);
            left: 0px;
            top: 0px;
            border-radius: 5px;
        }

    .windows8Dark #wBall_1 {
        animation-delay: 1.52s;
        -o-animation-delay: 1.52s;
        -ms-animation-delay: 1.52s;
        -webkit-animation-delay: 1.52s;
        -moz-animation-delay: 1.52s;
    }

    .windows8Dark #wBall_2 {
        animation-delay: 0.3s;
        -o-animation-delay: 0.3s;
        -ms-animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
        -moz-animation-delay: 0.3s;
    }

    .windows8Dark #wBall_3 {
        animation-delay: 0.61s;
        -o-animation-delay: 0.61s;
        -ms-animation-delay: 0.61s;
        -webkit-animation-delay: 0.61s;
        -moz-animation-delay: 0.61s;
    }

    .windows8Dark #wBall_4 {
        animation-delay: 0.91s;
        -o-animation-delay: 0.91s;
        -ms-animation-delay: 0.91s;
        -webkit-animation-delay: 0.91s;
        -moz-animation-delay: 0.91s;
    }

    .windows8Dark #wBall_5 {
        animation-delay: 1.22s;
        -o-animation-delay: 1.22s;
        -ms-animation-delay: 1.22s;
        -webkit-animation-delay: 1.22s;
        -moz-animation-delay: 1.22s;
    }

@keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin: 0%;
    }

    30% {
        opacity: 1;
        transform: rotate(410deg);
        animation-timing-function: ease-in-out;
        origin: 7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin: 30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin: 39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin: 70%;
    }

    76% {
        opacity: 0;
        transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin: 0%;
    }

    30% {
        opacity: 1;
        -o-transform: rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin: 7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin: 30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin: 70%;
    }

    76% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 0%;
    }

    30% {
        opacity: 1;
        -ms-transform: rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin: 7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin: 30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin: 70%;
    }

    76% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 0%;
    }

    30% {
        opacity: 1;
        -webkit-transform: rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin: 7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin: 30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin: 70%;
    }

    76% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 99;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}

/* ---- FINE WAITING ---- */

.box {
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 10px;
    border: 2px solid #0078E7;
    overflow-x: hidden;
    overflow-y: auto;
}

.tabContainer {
    position: absolute;
    left: 0px;
    right: 0px;
    height: 30px;
    top: 0px;
    border-bottom: 1px solid #5A5A5A;
    background-color: #D0D0D0;
    color: #002369;
    text-shadow: 0 1px 1px #978F8F;
}

.tab {
    width: auto;
    margin-top: 4px;
    height: 18px;
    font-family: Arial;
    font-size: 12px;
    padding-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 8px 8px 0px 0px;
    margin-left: 5px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    border: 1px solid #5A5A5A;
    border-bottom: none;
}

    .tab:hover {
        background-color: #0078E7;
        color: white;
    }

.tabSectionContainer {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 31px;
    bottom: 0px;
}

.tabSection {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background-color: white;
}

.tabSelected {
    background-color: white;
    width: auto;
    margin-top: 4px;
    height: 19px;
    font-family: Arial;
    font-size: 12px;
    padding-top: 7px;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 8px 8px 0px 0px;
    margin-left: 5px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    float: left;
    border: 1px solid #5A5A5A;
    border-bottom: none;
}

/* ---- LOGIN ---- */
.bodyLogin {
    background: url(images/background_login.jpg) no-repeat center center fixed;
    background-size: cover;
    color: #666;
}

/* Typography */
h3#title {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 32px;
    color: white;
    text-shadow: 0 0 10px rgba(0,0,0,0.8);
    margin: 0 auto;
    padding-top: 180px;
    max-width: 300px;
    text-align: center;
    position: relative;
    top: 0px;
}

h1#title {
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    font-size: 51px;
    color: white;
    text-shadow: 0 0 10px rgba(0,0,0,0.8);
    margin: 0 auto;
    padding-top: 180px;
    max-width: 300px;
    text-align: center;
    position: relative;
    top: 0px;
}

    h1#title span span {
        font-weight: 400;
    }

h2 {
    text-transform: uppercase;
    color: white;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 22px;
    line-height: 45px;
}

a {
    text-decoration: none;
    color: #666;
}

    a:hover {
        color: #aeaeae;
    }

p.small {
    font-size: 13px;
    margin: 20px 0 0;
}

input:-webkit-autofill {
    background-color: #ddeef5;
}


/* Layout */
.container {
    margin: 0;
}

.top {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 25%;
    cursor: default;
}

.mainLogin {
    margin: 0;
    padding: 1.25em 0 0 0;
    position: absolute;
    top: 25%;
    left: 0px;
    right: 0px;
    bottom: 0px;
    cursor: default;
}

/*.login-box-default {
    font-family: 'Lato', sans-serif;
    background-color: transparent;
    max-width: 21.25em;
    margin: 0 auto;
    position: relative;
    top: 3.125em;
    padding-bottom: 1.875em;
    border-radius: 0.625em;
    text-align: center;
}

    .login-box-default a {
        margin-top: 0px;
        border: 0;
        border-radius: 2px;
        color: white;
        padding: 15px;
        width: 11px;
        text-transform: uppercase;
        font-weight: 400;
        font-size: 16px;
        letter-spacing: 1px;
        background-color: #1d2e35;
        cursor: pointer;
        outline: none;
    }

        .login-box-default a:hover {
            opacity: 0.7;
            transition: 0.5s;
        }

        .login-box-default a:hover {
            opacity: 0.7;
            transition: 0.5s;
        }*/

.default-box {
    position: relative;
    background-color: none;
    width: 28%;
    height: 25%;
    max-width: 400px;
    max-height: 300px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin: 0 auto;
    padding-top: 2.1875em;
    padding-bottom: 1.875em;
}

.login-box {
    position: relative;
    background-color: white;
    width: 25%;
    height: 65%;
    max-width: 380px;
    max-height: 302px;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
    margin: 0 auto;
    padding-bottom: 1.875em;
    border-radius: 0.3125em;
    box-shadow: 0 0.3125em 3.125em rgba(0,0,0,0.4);
}

.box-header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 2.5em;
    background-color: #446063;
    margin-top: 0;
    border-radius: 5px 5px 0 0;
}

.box-main {
    margin: 0;
    padding: 8% 0 0 0;
    position: absolute;
    top: 2.5em;
    left: 0px;
    right: 0px;
    bottom: 4.375em;
}

.box-footer {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 4.375em;
}

.box-main label {
    padding: 0.1875em 0;
    padding-left: 15%;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    font-size: 0.875em;
    color: #465f64;
    display: block;
}

.box-main input {
    margin-left: 15%;
    margin-bottom: 1em;
    padding: 8px;
    border: 1px solid #2f4c50;
    border-radius: 2px;
    font-size: 0.9375em;
    font-weight: 700;
    color: #1d2e35;
    width: 70%;
}

.login-box input:focus {
    outline: none;
    border-color: #5a8979;
    transition: 0.5s;
    color: #665851;
}

.login-box button,
.default-box a {
    /*margin-top: 1em;*/
    border: 0;
    border-radius: 0.375em;
    color: white;
    padding: 0.625em 0;
    text-transform: uppercase;
    width: 50%;
    margin-left: 25%;
    font-size: 1em;
    letter-spacing: 1px;
    background-color: #446063;
    cursor: pointer;
    outline: none;
}

.default-box a {
    text-align: center;
    display: block;
}

    .login-box button:hover,
    .default-box a:hover {
        /*opacity: 0.7;
            transition: 0.5s;*/
        -webkit-box-shadow: inset -4px 4px 1px 0px rgba(44,60,60,0.75);
        -moz-box-shadow: inset -4px 4px 1px 0px rgba(44,60,60,0.75);
        box-shadow: inset -4px 4px 1px 0px rgba(44,60,60,0.75);
    }

/*.login-box button:hover {
            opacity: 0.7;
            transition: 0.5s;
        }*/

.selected {
    color: #665851 !important;
    transition: 0.5s;
}

/* Animation Delay */
#logo {
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 2s;
}

.login-box {
    -webkit-animation-duration: 1s;
    -webkit-animation-delay: 1s;
}





/* ----- LABEL ----- */

.labelGeneric {
    padding: 0.375em;
    background-color: transparent;
    color: black;
    border: none;
    outline: none;
    font-family: 'Lato', sans-serif;
}

.labelReadonly {
    padding: 0.375em;
    background-color: transparent;
    color: black;
    width: 10.625em;
    border: none;
    outline: none;
    font-family: 'Lato', sans-serif;
}

.labelSection {
    padding: 0.4375em 0.625em;
    display: inline-block;
    width: auto;
    float: left;
    /*border-top-left-radius:0.1873em;
    border-top-right-radius:0.1873em;*/
    color: #FFF;
    font-weight: bold;
    font-size: 0.875em;
    font-family: 'Lato', sans-serif;
    background: -webkit-linear-gradient(90deg, #e5e5e5 5%, #FFF 100%);
    background: -moz-linear-gradient(90deg, #e5e5e5 5%, #FFF 100%);
    background: -ms-linear-gradient(90deg, #e5e5e5 5%, #FFF 100%);
    background: linear-gradient(180deg, #e5e5e5 5%, #FFF 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#FFF');
}

.labelSmall {
    color: black;
    font-family: Tahoma;
    font-size: 11px;
    position: absolute;
    text-shadow: 0 1px 1px #373737;
}

.labelFilter {
    margin: 0;
    padding: 0.1875em 0.3125em;
    color: #446063;
    font-size: 0.75em;
    font-weight: bold;
    display: block;
}

.labelError2 {
    padding: 0.3125em 0 0 0;
    color: #c00;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

.labelError {
    padding: 0.9375em 0 0 0.3125em;
    font-size: 0.875em;
    color: #E0001A;
    font-weight: 700;
    display: block;
}

.labelErrorField {
    position: relative;
    font-family: Arial;
    font-size: 11px;
    color: #E0001A;
    font-weight: bold;
}

.labelProgress {
    position: absolute;
    font-family: Tahoma;
    font-size: 13px;
    color: #0078E7;
    font-weight: bold;
}

.labelSuccess {
    position: absolute;
    font-family: Tahoma;
    font-size: 13px;
    color: #02D530;
    font-weight: bold;
}

.labelLink {
    color: blue;
    font-family: Tahoma;
    font-size: 12px;
    position: absolute;
    font-style: normal;
    text-decoration: underline;
    cursor: pointer;
}







/* ----- PULSANTI ----- */



.saveButton {
    cursor: pointer;
    background-color: #0078E7;
    color: white;
    font-family: Tahoma;
    font-weight: bold;
    border: 2px solid transparent;
    height: 30px;
    border-radius: 3px;
    position: absolute;
    margin: 0px;
    font-size: 12px;
}

    .saveButton:hover {
        border: 2px solid #0CF000;
    }

    .saveButton:disabled {
        background-color: transparent;
        cursor: default;
        color: black;
    }

.deleteButton {
    cursor: pointer;
    background-color: #0078E7;
    color: white;
    font-family: Tahoma;
    font-weight: bold;
    border: 2px solid transparent;
    height: 30px;
    border-radius: 3px;
    position: absolute;
    margin: 0px;
    font-size: 12px;
}

    .deleteButton:hover {
        border: 2px solid #D60000;
    }

    .deleteButton:disabled {
        background-color: transparent;
        cursor: default;
        color: black;
    }

.newButton {
    cursor: pointer;
    background-color: #0078E7;
    color: white;
    font-family: Tahoma;
    font-weight: bold;
    border: 2px solid transparent;
    height: 30px;
    border-radius: 3px;
    position: absolute;
    margin: 0px;
    font-size: 12px;
}

    .newButton:hover {
        border: 2px solid #AAC000;
    }

    .newButton:disabled {
        background-color: transparent;
        cursor: default;
        color: black;
    }

.deleteButtonIcon {
    background: none;
    border: none;
    background-image: url(images/bidone20n.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    margin-left: 1px;
    background-position: center center;
    border-radius: 5px;
}

    .deleteButtonIcon:hover {
        background-color: #FFFDDE;
    }

.addButtonIcon {
    background: none;
    border: none;
    background-image: url(images/piu20n.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    font-weight: bold;
    margin-left: 5px;
    background-position: center center;
    border-radius: 5px;
}

    .addButtonIcon:hover {
        background-color: #FFFDDE;
    }

.editButtonIcon {
    background: none;
    border: none;
    background-image: url(images/matita20n.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    font-weight: bold;
    margin-left: 5px;
    background-position: center center;
    border-radius: 5px;
}

    .editButtonIcon:hover {
        background-color: #FFFDDE;
    }

.openButtonIcon {
    background: none;
    border: none;
    background-image: url(images/cartellaaperta20n.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    font-weight: bold;
    margin-left: 5px;
    background-position: center center;
    border-radius: 5px;
}

    .openButtonIcon:hover {
        background-color: #FFFDDE;
    }

.resetButtonIcon {
    background: none;
    border: none;
    background-image: url(images/croce20n.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    font-weight: bold;
    margin-left: 5px;
    background-position: center center;
    border-radius: 5px;
}

    .resetButtonIcon:hover {
        background-color: #FFFDDE;
    }

.printButtonIcon {
    background: none;
    border: none;
    background-image: url(images/stampante20n.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    font-weight: bold;
    margin-left: 5px;
    background-position: center center;
    border-radius: 5px;
}

    .printButtonIcon:hover {
        background-color: #FFFDDE;
    }

.searchButtonIcon {
    background: none;
    border: none;
    background-image: url(images/lente20n.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    cursor: pointer;
    font-weight: bold;
    margin-left: 5px;
    background-position: center center;
    border-radius: 5px;
}

    .searchButtonIcon:hover {
        background-color: #FFFDDE;
    }

/*******************/
/*-- MAPPA GEOLOC ---*/
/*******************/
.divInfoDistanceMap {
    position: absolute;
    display: none;
    top: 1.25em;
    left: 50%;
    margin-left: -100px;
    text-align: center;
    border-radius: 0.3125em;
    line-height: 2.1875em;
    font-weight: 600;
    width: 12.5em;
    height: 2.5em;
    border: 0.125em solid #FFF;
    background-color: rgba(32,32,32,0.9);
    z-index: 999;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.cssInfoWindow {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    max-width: 30em;
    max-height: 25em;
}

.div-span, .div-p {
    float: left;
    text-align: center;
    margin: 0;
    padding: 0.2em;
    font-weight: normal;
    width: 100%;
}

.cssInfoWindow p:first-child {
    font-size: 1.1em;
    font-weight: bold;
}

.p-span, .p-span-first {
    float: left;
    text-align: left;
    margin: 0 auto 0 0;
    padding: 0;
    font-size: 1em;
    width: 50%;
}

.p-span-first {
    margin: 0 0 0 auto;
    font-size: 0.9em;
    text-align: right;
}

.divErrorGeoloc {
    margin: 0;
    padding: 0px;
    position: absolute;
    width: 30em;
    height: 15em;
    bottom: 1.5em;
    left: 1.5em;
    font-size: 0.9em;
    background-color: #fdfdfd;
    border: 2px solid #cb1c1c;
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    z-index: 9999;
    display: none;
}

.divTitleErrGeoloc {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 1.3em;
    padding: 0.1em 0 0.2em 0.4em;
    color: #FFF;
    background-color: #F00;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(26, 39, 97, 0.5);
    z-index: 1;
}

.divElErrGeoloc {
    padding: 0 0 0.15em 0;
    position: absolute;
    top: 1.3em;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 0;
}

.divHeaderPraticheOfferte, .divHeaderDati {
    padding: 1px 0.4% 0 0;
    background: -webkit-linear-gradient(top, #728fad, #34495e);
    background: -moz-linear-gradient(top, #728fad, #34495e);
    background: -ms-linear-gradient(top, #728fad, #34495e);
    background: -o-linear-gradient(top, #728fad, #34495e);
    background: linear-gradient(to bottom, #728fad, #34495e);
}

.divHeaderDati {
    padding: 0 0.4% 0 0;
}

/*******************/
/*-- FINE MAPPA GEOLOC ---*/
/*******************/


.importButtonIcon {
    background: none;
    border: none;
    background-image: url(images/frecciasu20n.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    margin-left: 1px;
    background-position: center center;
    border-radius: 5px;
}

    .importButtonIcon:hover {
        background-color: #BEC8C9;
    }

.refreshButtonIcon {
    background: none;
    border: none;
    background-image: url(images/freccegiro20n.png);
    background-repeat: no-repeat;
    width: 21px;
    height: 21px;
    position: relative;
    cursor: pointer;
    font-weight: bold;
    margin-left: 1px;
    background-position: center center;
    border-radius: 5px;
}

    .refreshButtonIcon:hover {
        background-color: #BEC8C9;
    }

.text-color-red {
    color: red;
}

.container-navigation-date-daily {
    display: flex;
    align-items: center;
    padding: 0 8px;
}

#buttonToday.hide {
    display: none;
}

.container-navigation-date-daily button:nth-child(1),
.container-navigation-date-daily button:nth-child(2),
.container-navigation-date-daily button:nth-child(3) {
    padding: 2px 10px;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.container-navigation-date-daily button:nth-child(1) {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: none;
}

.container-navigation-date-daily button:nth-child(2) {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

    .container-navigation-date-daily button:nth-child(1) > span,
    .container-navigation-date-daily button:nth-child(2) > span {
        font-size: 18px;
        color: #446063;
    }

.container-navigation-date-daily button:nth-child(3) {
    margin-left: 8px;
    padding: 3.5px 10px;
    border-radius: 4px;
}

    .container-navigation-date-daily button:nth-child(3) > span {
        font-size: 12px;
        font-weight: 500;
        color: #446063;
    }

.containerDailyDate {
    display: flex;
    width: 100%;
    height: 55px;
}

    .containerDailyDate #divDateString {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 18px;
        font-weight: 500;
        text-transform: capitalize;
    }

.containerDailyFilters {
    display: flex;
    flex-direction: column;
    background-color: #EAE7DF;
    position: relative;
}

    .containerDailyFilters.hide {
        display: none;
    }

.footerDaily {
    display: flex;
    height: 3.125em;
    background-color: #446063;
}

    .footerDaily.hide {
        display: none;
    }

.containerDailyFilters > div:not(.buttonHolder) > div {
    padding: 4px;
    display: flex;
    flex-direction: column;
    margin-right: 8px;
}

.containerBodyDaily {
    display: flex;
    flex: 1;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

    .containerBodyDaily #columnLeft {
        display: flex;
        flex: 2;
        height: 100%;
        flex-direction: column;
        padding: 16px 14px 0 16px;
        width: 100%;
        background-color: #446063;
    }

        .containerBodyDaily #columnLeft.all-page,
        .containerDailyDate.all-page {
            max-width: 1200px;
            margin: auto;
            flex: unset;
            width: 100%;
        }

        .containerBodyDaily #columnLeft .header-list-daily {
            padding: 0 8px;
            border-radius: 4px;
            border: 1px solid white;
            display: flex;
            margin-bottom: 8px;
            margin-right: 10px;
        }

            .containerBodyDaily #columnLeft .header-list-daily.hide {
                display: none;
            }

            .containerBodyDaily #columnLeft .header-list-daily > div:nth-child(1),
            .containerBodyDaily #columnLeft .header-list-daily > div:nth-child(2),
            .containerBodyDaily #columnLeft .header-list-daily > div:nth-child(3) {
                padding: 4px 0;
                display: flex;
                flex: 1;
                color: white;
                align-items: center;
                justify-content: center;
            }

            .containerBodyDaily #columnLeft .header-list-daily > div:nth-child(1),
            .containerBodyDaily #columnLeft .header-list-daily > div:nth-child(2) {
                border-right: 1px solid white;
            }

        .containerBodyDaily #columnLeft .list-daily {
            overflow: auto;
            flex: 1;
            padding-right: 2px;
        }

            .containerBodyDaily #columnLeft .list-daily .cell-no-data {
                display: flex;
                width: 100%;
                align-items: center;
                justify-content: center;
            }

                .containerBodyDaily #columnLeft .list-daily .cell-no-data > label {
                    color: white;
                    padding: 16px 0;
                    font-weight: 500;
                    font-size: 16px;
                }

            .containerBodyDaily #columnLeft .list-daily .cell-daily {
                border-radius: 8px;
                padding: 10px;
                display: flex;
                background-color: #EAE7DF;
                height: 160px;
                margin-bottom: 8px;
            }

                .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-name-site {
                    display: flex;
                    align-items: flex-start;
                    width: 350px;
                }

                    .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-name-site > span {
                        display: flex;
                        align-items: center;
                        height: 100%;
                    }

                    .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-name-site .name-site {
                        text-transform: uppercase;
                        font-size: 12px;
                        font-weight: 500;
                        padding-left: 12px;
                        /*                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;*/
                        width: 100%;
                    }

                .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations {
                    display: flex;
                    border-radius: 8px;
                    flex: 2;
                    background-color: white;
                    overflow: hidden;
                }

                    .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-figures {
                        padding: 8px;
                        display: flex;
                        flex-direction: column;
                        flex: 1;
                        align-items: flex-start;
                        border-right: 1px solid #8B9297;
                    }



                    .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-vehicles {
                        padding: 8px;
                        display: flex;
                        flex-direction: column;
                        flex: 1;
                        align-items: flex-start;
                    }

                        .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-figures > .list,
                        .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-vehicles > .list {
                            padding-right: 2px;
                            width: 100%;
                            display: flex;
                            overflow: auto;
                            flex-direction: column;
                            flex: 1;
                            align-items: flex-start;
                        }

                            .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-figures > .list > .cell-rel,
                            .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-vehicles > .list > .cell-rel {
                                padding: 8px;
                                display: flex;
                                border-radius: 4px;
                                border_1px solid #4B5F63;
                                margin-bottom: 5px;
                                align-items: center;
                                width: 100%;
                            }

                                .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-figures > .list > .cell-rel > div,
                                .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-vehicles > .list > .cell-rel > span {
                                    margin-left: 8px;
                                    flex: 1;
                                    text-transform: uppercase;
                                    font-size: 12px;
                                    font-weight: bold;
                                    display: flex;
                                    justify-content: space-between;
                                    align-items: center;
                                }

        .containerBodyDaily #columnRight {
            display: flex;
            flex: 1;
            padding: 16px;
            min-width: 650px;
        }

        .containerBodyDaily #columnRight.hide {
            display: none;
        }

        .containerBodyDaily #columnRight .container-figures,
        .containerBodyDaily #columnRight .container-vehicles {
            display: flex;
            flex: 1;
            height: 100%;
            overflow: hidden;
            flex-direction: column;
            border: 1px solid #446063;
            padding-right: 2px;
        }

            .containerBodyDaily #columnRight .container-figures > .header-list,
            .containerBodyDaily #columnRight .container-vehicles > .header-list {
                display: flex;
                align-items: center;
                flex-direction: column;
                justify-content: flex-start;
                border-bottom: 1px solid #446063;
                font-weight: bold;
                font-size: 13px;
                color: #446063;
                padding: 8px;
            }

                .containerBodyDaily #columnRight .container-figures > .header-list > label:first-child,
                .containerBodyDaily #columnRight .container-vehicles > .header-list > label:first-child {
                    font-weight: bold;
                    width: 100%;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    margin-bottom:5px;
                }

            .containerBodyDaily #columnRight .container-figures > .list,
            .containerBodyDaily #columnRight .container-vehicles > .list {
                display: flex;
                position: relative;
                flex: 1;
                overflow: auto;
                flex-direction: column;
                padding: 4px 2px 4px 4px;
            }

        .containerBodyDaily #columnRight .container-figures {
            border-right: none;
        }

.containerBodyDaily #columnLeft #mobilePrintReportRisorsa {
    padding-top: 16px;
    bottom: 5px;
}

#confirmGenPlanning {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 0px;
}

    #confirmGenPlanning .winFrame {
        position: relative;
        width: 35%;
        height: 35%;
        margin-top: 5%;
        margin-left: auto;
        margin-right: auto;
        z-index: 9999;
        display: flex;
        flex-direction: column;
    }

    #confirmGenPlanning .main {
        flex: 1;
        display: flex;
        overflow: hidden;
        flex-direction: column;
        background-color: white;
        background: url('images/quadratini97b.png');
        background-repeat: repeat;
    }

        #confirmGenPlanning .main .title {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 32px 0;
        }

            #confirmGenPlanning .main .title > span {
                font-size: 14px;
                font-weight: 500;
            }

        #confirmGenPlanning .main .container-buttons {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: space-around;
        }

            #confirmGenPlanning .main .container-buttons .button-choise {
                border-radius: 4px;
                padding: 10px 16px;
                font-size: 14px;
                font-weight: 500;
                border: 1px solid #646464;
                color: #646464;
                width: 120px;
                display: flex;
                cursor: pointer;
                align-items: center;
                justify-content: center;
                min-height: 36px;
                text-align: center;
                background-image: -webkit-linear-gradient(top, #b7b7b7, #efefef);
                background-image: linear-gradient(top, #b7b7b7, #efefef);
                box-shadow: 0px 8px 10px 0px rgba(0, 0, 0, .3), inset 0px 0px 1px 2px white, inset 0px -3px 1px 1px rgba(204,198,197,.1);
                -webkit-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out;
            }

                #confirmGenPlanning .main .container-buttons .button-choise:hover {
                    background-image: -webkit-linear-gradient(top, #efefef, #f4f1ee);
                    background-image: linear-gradient(top, #efefef, #f4f1ee);
                    color: #323232;
                }

.container-new-cantiere {
    width: 100%;
    height: 0px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

    .container-new-cantiere.active {
        height: 44px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

.bkg-color-red {
    background-color: red;
}

.bkg-color-green {
    background-color: green;
}

.text-color-white {
    color: white;
}

#containerListDailyHours,
#containerListCheckCausali {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #446063;
    margin-bottom: 16px;
}

    #containerListDailyHours .title,
    #containerListCheckCausali .title {
        height: max-content;
        padding: 10px 8px;
        font-size: 14px;
        font-weight: bold;
        color: white;
        background-color: #446063;
    }

    #containerListDailyHours #listDailyHours,
    #containerListCheckCausali #listCausali {
        width: 100%;
        border: 1px solid #446063;
    }

        #containerListDailyHours #listDailyHours .row-hour,
        #containerListCheckCausali #listCausali .row-hour {
            display: flex;
            align-items: center;
            width: 100%;
            padding: 10px;
        }

            #containerListDailyHours #listDailyHours .row-hour .cau-name,
            #containerListCheckCausali #listCausali .row-hour .cau-name {
                text-transform: capitalize;
                flex: 1;
            }

            #containerListDailyHours #listDailyHours .row-hour .set-time,
            #containerListCheckCausali #listCausali .row-hour .set-time {
                display: flex;
                align-items: center;
                width: max-content;
                margin-left: 5px;
            }

                #containerListDailyHours #listDailyHours .row-hour .set-time > button,
                #containerListCheckCausali #listCausali .row-hour .set-time > button {
                    cursor: pointer;
                    border: none;
                    background-color: transparent;
                    padding: 0;
                    font-size: 24px;
                }

                #containerListDailyHours #listDailyHours .row-hour .set-time .input-time,
                #containerListCheckCausali #listCausali .row-hour .set-time .input-time {
                    width: 34px;
                    text-align: right;
                    height: 24px;
                }

                    #containerListDailyHours #listDailyHours .row-hour .set-time .input-time.input-disabled-manual:disabled,
                    #containerListCheckCausali #listCausali .row-hour .set-time .input-time.input-disabled-manual:disabled {
                        color: black !important;
                    }

                    #containerListDailyHours #listDailyHours .row-hour .set-time .input-time.left,
                    #containerListCheckCausali #listCausali .row-hour .set-time .input-time.left {
                        margin-left: 8px;
                    }

                    #containerListDailyHours #listDailyHours .row-hour .set-time .input-time.right,
                    #containerListCheckCausali #listCausali .row-hour .set-time .input-time.right {
                        margin-right: 8px;
                    }

#labelRisDescrizione,
.labelRisDescrizione {
    font-size: 14px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
}

#containerSelectMonth {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    #containerSelectMonth .title {
        margin-top: 40px;
        margin-bottom: 16px;
        font-size: 14px;
        font-weight: bold;
    }

    #containerSelectMonth #container_filtro_mese {
        width: 120px;
    }

#containerNota .nota-title {
    padding: 0.625em 0.9375em 0 0.9375em;
    font-weight: bold;
    font-size: 12px;
    color: #3F3F3F;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#containerNota .textArea {
    width: 70%;
    height: 6.25em;
}

#messageLoadingSave,
.messageLoadingSave {
    position: sticky;
    left: 8px;
    bottom: 4px;
    right: 8px;
    z-index: 10;
    display: none;
    justify-content: flex-end;
    align-items: center;
    border-radius: 5px;
    padding: 5px 16px;
    background-color: coral;
}

    #messageLoadingSave > i,
    .messageLoadingSave > i{
        font-size: 22px;
    }

    #messageLoadingSave > label,
    .messageLoadingSave > label {
        font-weight: bold;
        margin-left: 8px;
        font-size: 14px;
    }

#containerBtnToHide {
    display: flex;
    justify-content: flex-end
}

    #containerBtnToHide.hide {
        display: none;
    }

.grid-container-check-ore {
    width: 100%;
    display:flex;
    align-items:center;
    justify-content: start;
}

    .grid-container-check-ore.grid {
        display: grid !important;
        align-items:flex-start;
        grid-template-columns: repeat(auto-fill, 150px) !important; /* colonne dinamiche */
        gap: 12px !important;
        overflow-y: auto !important;
    }

.grid-item-check-ore {
    position:relative;
    padding:16px 8px;
    height: max-content;
    background-color: var(--item-bg, #fefefe); /* colore dinamico se vuoi cambiare */
    border: 1px solid #ccc;
    border-radius: 10px;
    display: flex;
    flex-direction:column;
    align-items: center;
    font-size: 14px;
    color: #333;
    user-select: none;
    transition: background-color 0.2s, transform 0.15s;
}

.stripe-background {
    color: white;
    background: repeating-linear-gradient(45deg, #BEBEBE, #BEBEBE 5px, #A7A7A7 5px, #A7A7A7 10px);
}

@media only screen and (max-width: 1600px) {
    /*    .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-name-site {
        width: 100%;
    }*/
}

@media only screen and (max-width: 1024px) {
    .containerDailyDate {
        display: flex;
        width: 100%;
        height: 130px;
    }

        .containerDailyDate #divDateString {
            font-size: 50px;
        }

    .containerDailyFilters > div:first-child {
        flex-direction: column;
    }

    .containerBodyDaily #columnLeft {
        padding: 32px;
    }

    .containerBodyDaily #columnRight {
        display: none;
    }

    .containerBodyDaily #columnLeft .list-daily .cell-daily {
        padding: 0px;
        flex-direction: column;
        border-radius: 8px;
        margin-bottom: 32px;
        height: unset;
        max-height: 450px;
    }

        .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-name-site {
            width: 100%;
        }

    .containerBodyDaily #columnLeft .list-daily .cell-no-data > label {
        font-size: 32px;
    }

    .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-name-site {
        padding: 20px;
        flex: unset;
    }

        .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-name-site .name-site,
        .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-name-site i {
            font-size: 45px;
        }

    .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations {
        border-radius: 0px;
        flex: unset;
    }

        .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-figures,
        .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-vehicles {
            padding: 20px;
        }

            .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-figures > .list > .cell-rel,
            .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-vehicles > .list > .cell-rel {
                padding: 16px;
                margin-bottom: 16px;
            }

                .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-figures > .list > .cell-rel:last-child,
                .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-vehicles > .list > .cell-rel:last-child {
                    margin-bottom: 0px;
                }

                .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-figures > .list > .cell-rel i,
                .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-vehicles > .list > .cell-rel i,
                .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-figures > .list > .cell-rel > div > span > label,
                .containerBodyDaily #columnLeft .list-daily .cell-daily > .container-relations > .list-vehicles > .list > .cell-rel > span > label {
                    font-size: 35px;
                }

    .containerBodyDaily #columnLeft #mobilePrintReportRisorsa {
        padding-top: 32px;
        padding-bottom: 0px;
    }

    .containerBodyDaily #columnLeft #mobilePrintReportRisorsa .button {
        height: 70px;
        width: 70px;
    }

        .containerBodyDaily #columnLeft #mobilePrintReportRisorsa .button:after {
            font-size: 45px;
        }

    .container-navigation-date-daily {
        padding: 0 20px;
    }

        .container-navigation-date-daily button:nth-child(1),
        .container-navigation-date-daily button:nth-child(2),
        .container-navigation-date-daily button:nth-child(3) {
            padding: 14px 38px;
        }

            .container-navigation-date-daily button:nth-child(1) > span,
            .container-navigation-date-daily button:nth-child(2) > span {
                font-size: 50px;
            }

    .winFrame {
        /*        width: 95% !important;
        height: 80% !important;
        margin-top: 10% !important;*/
        border-radius: 20px;
        overflow: hidden;
    }

        .winFrame > .winFrameHeader {
            height: 7.69230em;
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 1.23076em;
        }

            .winFrame > .winFrameHeader .winFrameTitle {
                font-size: 3.84615em;
                padding: 0 !important;
                line-height: unset !important;
            }

            .winFrame > .winFrameHeader .imgWinFrameClose {
                position: unset !important;
                right: unset !important;
                font-size: 4.61538em !important;
            }

    .divMain.mobile-mode .footer {
        height: 10em !important;
    }

        .divMain.mobile-mode .footer .buttonHolder .button {
            height: 70px;
            width: 70px;
        }

        .divMain.mobile-mode .footer .buttonHolder .button:after {
            font-size: 45px;
        }

        .divMain.mobile-mode .genericTable {
            height: 100%;
        }

        .divMain.mobile-mode .genericTable tr:first-child {
            height: 1px;
            border-bottom: 1px solid #446063;
        }

        .divMain.mobile-mode .genericTable .genericTableCell-label {
            display: none;
            font-size: 2.30769em !important;
            padding-bottom: 0.76923em;
        }

        .divMain.mobile-mode .genericTable .genericTableCell-data {
            padding-top: 1.23076em !important;
        }

    #containerListDailyHours .title {
        font-size: 40px;
    }

    .divMain.mobile-mode #containerSelectMonth .title {
        font-size: 40px;
    }

    .divMain.mobile-mode #containerSelectMonth #container_filtro_mese {
        width: 60%;
    }

        .divMain.mobile-mode #containerSelectMonth #container_filtro_mese #filtro_mese {
            height: 60px;
            font-size: 28px;
        }

            .divMain.mobile-mode #containerSelectMonth #container_filtro_mese #filtro_mese > option {
                font-size: 18px;
            }

    #containerListDailyHours #listDailyHours .row-hour .cau-name {
        font-size: 32px;
    }

    #containerListDailyHours #listDailyHours .row-hour .set-time > button {
        font-size: 78px;
    }

    #containerListDailyHours #listDailyHours .row-hour .set-time .input-time {
        width: 64px;
        height: 56px;
        font-size: 32px;
    }

        #containerListDailyHours #listDailyHours .row-hour .set-time .input-time.left {
            margin-left: 20px;
        }

        #containerListDailyHours #listDailyHours .row-hour .set-time .input-time.right {
            margin-right: 20px;
        }

    #labelRisDescrizione {
        font-size: 34px;
        padding: 16px 0;
    }

    #containerNota .nota-title {
        font-size: 32px;
        margin-bottom: 20px;
    }

    #containerNota .select {
        padding: 16px;
        font-size: 45px !important;
        
    }

    #containerNota .textArea {
        height: 100% !important;
        background-color: transparent;
        /*border: none !important;*/
        font-size: 45px !important;
        width: 100% !important;
        padding: 0 !important;
        display: flex;
        align-items: flex-start;
    }

    #messageLoadingSave {
        left: 16px;
        bottom: 16px;
        right: 16px;
        padding: 12px 24px;
    }

        #messageLoadingSave > i {
            font-size: 42px;
        }

        #messageLoadingSave > label {
            margin-left: 20px;
            font-size: 28px;
        }
}