body {
    background-color: #fafbfe !important
}
/*Orologio nel Kiosk*/
#clock {
    text-align: center;
    border: none;
    position: absolute;
    width: 80px;
    margin-bottom: 15px;
    right: 0;
    top: 5px;
}

/*Anagrafica*/
#tableAnag {
    padding-top: 25px;
    padding-bottom: 25px;
}

.dataTables_filter {
    text-align: left;
}

.dataTables_paginate .pagination {
    justify-content: flex-start;
}

.dataTables_length {
    float: right;
}

    .dataTables_length label {
        text-align: right;
    }


.table-borderBottomRiga td {
    border-bottom: 1px solid #eef2f7;
}

.table-hover tr:hover {
    cursor: pointer;
}


.numHeader {
    position: absolute;
    bottom: 20px;
    right: -7px;
    font-weight: bold;
}

.text-danger {
    font-size: .75rem;
}

.groupTabella {
    padding: 8px 8px;
    font-weight: bold;
    background-color: #F8F9FC;
    color: #5A73D6;
}


/*MESSAGGI*/
.listCartellaMessaggi {
    cursor: pointer
}

    .listCartellaMessaggi:hover {
        color: lightgray !important;
    }

/*Select2 - disable*/
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #e9ecef !important;
    opacity: 1;
    border: 1px solid #dee2e6 !important;
}

/* Disabilita check moduli */
input[type="checkbox"][readonly] {
    pointer-events: none;
    background-color: #e9ecef !important;
}


/*Color bg*/
.bg-orange-lighten {
    background-color: rgba(255,106,0,.25) !important;
}


/*WAIT*/
/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.wait {
    display: none;
    position: fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba( 153, 152, 155, .6 ) url('http://sampsonresume.com/labs/pIkfp.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.wait {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
   modal element will be visible */
    body.wait .modal {
        display: block;
    }

/**/
.linkBack {
    margin-right: 10px;
    margin-bottom: 3px;
}

.form-control-small {
    font-size: inherit !important;
    height: inherit !important;
}

input[type="time"].form-control-small {
    width: inherit !important;
    padding: 0.375rem 0.35rem !important
}


/*Menu Verticale Pagine*/

.menuVert a {
    width: 100%;
    border-bottom: 1px solid gray
}

/*Credenziali menu*/
.cred {
    width: 100%
}

    .cred .nav-link {
        margin-bottom: 2px;
        font-size: .7rem;
    }

        .cred .nav-link:hover {
            cursor: pointer;
            color: #0076EC !important;
        }

        .cred .nav-link.attiva, .nav-pills .show > .nav-link {
            background-color: #CEE6FF;
        }

        .cred .nav-link.select {
            background-color: #4FA7FF;
            font-weight: bold
        }


.mobile {
    display: none;
}


/*ACCORDION*/
.accordion > .card > .card-header {
    margin-bottom: 2px !important;
    padding: 0.0rem 1.25rem !important;
    cursor: pointer;
}
    .accordion > .card > .card-header:not(.collapsed) {
        background-color: #e7f1ff;
        color: #5770DF
    }

.card-header::before {
    content: '\003E';
    color: transparent;
    font-size: 25px;
    /*transition: all 0.2s;*/
    margin: 1.2rem 0rem;
    /*margin-right: 8px;*/
    /*float: left;*/
    /*padding-right: 5px;*/
    position: fixed;
    width: 1.25rem;
    height: 1.25rem;
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    
    background-repeat: no-repeat;*/
    /*flex-shrink: 0;
    
    margin-right: auto;
    content: '';*/
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
}

.card-header:not(.collapsed)::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(180deg);
}

.accordion > .card > .card-header > h5 {
    margin-top: 1.3rem !important;
    margin-left: 1.8rem !important
}

/*MOBILE*/
@media only screen and (max-width:450px) {
    /*DevEsspress*/
    #html_editor .dx-toolbar-before {
        display: initial !important;
    }

    .mobile {
        display: initial !important;
    }

    .no-mobile {
        display: none !important;
    }

    .buttonMobile button,
    .buttonMobile a,
    .buttonMobile form {
        width: 100%;
        margin-bottom: 5px;
    }

    /*TABLE*/
    .tableResponsive tr {
        border-top: 1px solid #dee2e6;
        display: inline-block;
        width: 100%;
    }

    .tableResponsive > thead {
        width: 100%
    }

        .tableResponsive > thead > tr > th {
            /*float: left;*/
            border: none;
            display: inline-block;
            width: auto;
        }

    .tableResponsive > tbody > tr {
        padding: 5px 0px;
    }

        .tableResponsive > tbody > tr > td {
            float: left;
            border-top: none;
            display: inline-block;
        }

    .tableResponsive > tfoot > tr {
        width: 100%;
        border: none;
    }

        .tableResponsive > tfoot > tr > td {
            float: left;
            /*border: none;
        display: initial;*/
            width: 49%;
        }

    /*Intervento Nuovo*/
    #tableinterventitecnici .selectTD {
        width: 100%;
        text-align: right
    }

    #tableinterventitecnici .timeTD, #tableinterventitecnici .totTD {
        width: 33.3%;
        text-align: right;
    }

        #tableinterventitecnici .timeTD > input[type="time"] {
            width: 100% !important
        }

    #tableinterventitecnici .totTD {
        padding: 0.575rem 0.75rem !important;
        text-align: center
    }
}
/*@media only screen and (max-width:1535px) and (min-width: 1200px) {*/
@media (max-width:1450px) and (min-width: 1200px) {
    .col-xl-2 {
        -ms-flex: 0 0 25% !important;
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }
}

.dx-data-row.dx-state-hover > td {
    cursor: pointer;
}