﻿.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #00C0EF !important;
}

li.paginate_button a {
    min-width: 0px !important;
}

.login-page {
    height: auto;
}

.d-none {
    display: none !important;
}

.d-flex {
    display: flex !important;
}

.align-self-end {
    align-self: end;
}

.input-group .input-group-addon {
    min-width: 45px;
}

.daterangepicker.nodate .calendar-table {
    display: none;
}

.dataTables_wrapper .dt-buttons {
    float: left;
    margin-bottom: 5px;
}

.dataTables_wrapper .dt-buttons .btn:nth-child(n + 2) {
    margin-left: 5px;
}

.dataTables_wrapper .DTFC_RightWrapper {
    display: none;
}

.disabled-widget {
    background-color: #EEEEEE !important;
    pointer-events: none !important;
    border-color: #EEEEEE !important;
}

.disabled-widget-anchor {
    background-color: #81b5d4 !important;
    border-color: #81b5d4 !important;
    pointer-events: none !important;
}

.tab-content .tab-pane .info.info-box-text-custom {
    text-align: center;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.btn-table-icon {
    padding: 9px 12px;
}

.select2-dropdown.open-left {
    left: calc(-100% + 35px);
}

TABLE.dataTable THEAD TH.sorting, TABLE.dataTable THEAD TH.sorting_asc, TABLE.dataTable THEAD TH.sorting_desc {
    position: relative;
    padding-right: 30px;
    cursor: pointer;
}

TABLE.dataTable THEAD TH.sorting::after, TABLE.dataTable THEAD TH.sorting_asc::after, TABLE.dataTable THEAD TH.sorting_desc::after {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: block;
    font-family: 'Glyphicons Halflings';
}

TABLE.dataTable THEAD TH.sorting::after {
    content: "\e150";
    opacity: 0.2;
}
TABLE.dataTable THEAD TH.sorting_asc::after {
    content: "\e155";
    opacity: 0.5;
}
TABLE.dataTable THEAD TH.sorting_desc::after {
    content: "\e156";
    opacity: 0.5;
}

TABLE.dataTable TD {
    vertical-align: middle !important;
    position: relative;
}

TABLE.dataTable TD.text-right INPUT {
    text-align: right;
}

TABLE.dataTable .commands {
    width: 1%;
    white-space: nowrap;
}

TABLE.dataTable .commands .btn:nth-child(n + 2) {
    margin-left: 5px;
}

TABLE.dataTable TD.cell-color-0 {
    background-color: #DD4B39;
}

TABLE.dataTable TD.cell-color-1 {
    background-color: #00A65A;
}

TABLE.dataTable TD SPAN.circle {
    width: 18px;
    height: 18px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid #808080;
}

TABLE.dataTable TD SPAN.circle.circle-red {
    background-color: #DD4B39;
}

TABLE.dataTable TD SPAN.circle.circle-yellow {
    background-color: #f39C12;
}

TABLE.dataTable TD SPAN.circle.circle-green {
    background-color: #00A65A;
}

.dataTables_scrollx {
    clear: both;
    position:relative;
    overflow-x:hidden;
}

LABEL.checkbox-label SPAN {
    padding-left: 5px;
    font-weight: normal;
    user-select: none;
    cursor: pointer;
}

div.k-layer {
    width: auto !important;
}

.daterangepicker .ranges {
    float: unset !important;
}

.no-click {
    pointer-events: none;
}

thead.bg-light-blue th {
    border-color: #357ca5 !important;
}

.filter-buttons > button{
    margin: 0 5px;
}

.disponibilitaPersona {
    background-image: url('../img/icons/shareperson.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 21px;
}

.gtBlack {
    background-image: url('../img/icons/gtBlack.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px;
}

.gtWhite {
    background-image: url('../img/icons/gtWhite.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 8px;
}

.ol-attribution.ol-unselectable.ol-control.ol-uncollapsible {
    display: none !important;
}

.progress-description,
.info-box-text-custom {
    display: block;
    font-size: 14px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.form-control.colorpicker-element {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bg-white {
    background: white;
}

table.dataTable {
    clear: both;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    max-width: none !important;
    border-collapse: separate !important;
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_filter label {
        font-weight: normal;
        white-space: nowrap;
        text-align: left;
    }

    div.dataTables_wrapper div.dataTables_filter input {
        margin-left: 0.5em;
        display: inline-block;
        width: auto;
    }

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right;
}

    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
        margin: 2px 0;
        white-space: nowrap;
    }

table.dataTable td.dataTables_empty {
    text-align: center;
}

input.form-control + div.daterange-clear {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
    text-align: center;
    width: 2.5ch;
    user-select: none;
    display: block;
}

    input.form-control + div.daterange-clear.hide {
        display: none;
    }

.input-group textarea.form-control {
    min-height: 150px;
    height: 150px;
    resize: vertical;
}

.dataTables_paginateContainer {
    display: flex;
    justify-content: end;
    align-items: center;
}

    .dataTables_pagsize_selector, .dataTables_paginateContainer .dataTables_length {
        margin-left: 10px;
    }

.chips-notifica {
    background: #DC143C;
    border-radius: 1.5rem;
    padding: 5px 10px;
    display: inline;
}

    .chips-notifica:hover {
        cursor: pointer;
    }

.skin-blue .main-header .navbar .nav > li > a.notifica-parent:hover {
    background: rgba(0,0,0,0);
    color: white;
    cursor: initial;
}

.form-group .input-group {
    width: 100%;
}

table.dataTable.fixed-table {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: 10% !important;
    margin: 0px !important;
}

table.dataTable.commands-fixed-table {
    position: absolute;
    top: 0px !important;
    margin: 0px !important;
    right: 0px;
    max-width: 10% !important;
}

.dataTable_heads_wrapper table.fixed_first tr th:first-child{
    position:sticky;
    top:0px;
    left:1px;
    background:white;
}

.dataTable_heads_wrapper table.fixed_last tr th:last-child {
    position: sticky;
    top: 0px;
    right: 1px;
    background: white;
}

.mt-0 {
    margin-top: 0 !important;
}
.mt-1 {
    margin-top: calc(1rem * .25) !important;
}
.mt-2 {
    margin-top: calc(1rem * .5) !important;
}
.mt-3 {
    margin-top: 1rem !important;
}
.mt-4 {
    margin-top: calc(1rem * 1.5) !important;
}
.mt-5 {
    margin-top: calc(1rem * 3) !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}
.mb-1 {
    margin-bottom: calc(1rem * .25) !important;
}
.mb-2 {
    margin-bottom: calc(1rem * .5) !important;
}
.mb-3 {
    margin-bottom: 1rem !important;
}
.mb-4 {
    margin-bottom: calc(1rem * 1.5) !important;
}
.mb-5 {
    margin-bottom: calc(1rem * 3) !important;
}

.ml-0 {
    margin-left: 0 !important;
}
.ml-1 {
    margin-left: calc(1rem * .25) !important;
}
.ml-2 {
    margin-left: calc(1rem * .5) !important;
}
.ml-3 {
    margin-left: 1rem !important;
}
.ml-4 {
    margin-left: calc(1rem * 1.5) !important;
}
.ml-5 {
    margin-left: calc(1rem * 3) !important;
}

.mr-0 {
    margin-right: 0 !important;
}
.mr-1 {
    margin-right: calc(1rem * .25) !important;
}
.mr-2 {
    margin-right: calc(1rem * .5) !important;
}
.mr-3 {
    margin-right: 1rem !important;
}
.mr-4 {
    margin-right: calc(1rem * 1.5) !important;
}
.mr-5 {
    margin-right: calc(1rem * 3) !important;
}

.w-50 {
    width: 50% !important;
}
.w-60 {
    width: 60% !important;
}
.w-70 {
    width: 70% !important;
}
.w-80 {
    width: 80% !important;
}
.w-90 {
    width: 90% !important;
}
.w-100 {
    width: 100% !important;
}

/*------------------------ NICE DATE ------------------------------*/

.nice-date {
    width: 50pt;
    background: linen;
    color: #404040;
    font-family: Segoe UI, sans-serif;
    font-weight: bold;
    border-radius: 10px;
    margin: 0 auto;
}

.nice-date-header {
    border-radius: 10px 10px 0 0;
    background: indianred;
    color: white;
    text-align: center;
    padding: 5px 0;
    line-height: 8pt;
}

.nice-date-body {
    padding: 5px;
    text-align: center;
}

.nice-date-date, .nice-date-time {
    display: inline-block;
}

    .nice-date-date span {
        display: block;
        line-height: 16pt;
    }

.nice-date-body span.time {
    font-size: 46pt;
    line-height: 40pt;
    font-weight: 100;
}

.nice-date-body span.day {
    font-size: 20pt;
    line-height: 20pt;
    font-weight: 100;
}

.nice-date-body span.month,
.nice-date-body span.year {
    line-height: 8pt;
    font-size: 8pt;
}