.bg-azure {
    background-color: rgb(217 220 255) !important
}


.custom-control {
    position: relative;
    display: block;
    min-height: 1.3125rem;
    padding-left: 1.5rem;
}

.custom-control-inline {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}


.custom-control-input:checked ~ .custom-control-label::before {
    color: #727cf5;
    background-color: #727cf5
}

.custom-control-input:focus ~ .custom-control-label::before {
    -webkit-box-shadow: 0 0 0 1px #fafbfe,0 0 0 .15rem rgba(114,124,245,.25);
    box-shadow: 0 0 0 1px #fafbfe,0 0 0 .15rem rgba(114,124,245,.25)
}

.custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    font-size: inherit;
}

.custom-control-label::before {
    position: absolute;
    top: .15625rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6
}

.custom-control-label::after {
    position: absolute;
    top: .15625rem;
    left: -1.5rem;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem ;
    border: 1px solid #ccc;
   
}


.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #727cf5
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,123,255,.5)
}

/* customs nav-tabs */

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #ffffff;
    background-color: #348cd4;
}

.tab-content {
    padding: 20px 10px 10px 10px;
    border: 1px solid #fff;
    border-color: #fff #dee2e6 #dee2e6;
}

.hidden_row {
    display: none;
}



/*.table-hover tbody tr:hover {
    color: #6c757d;
    background-color: #fbffd1;*/ /*#f1f5f7*/
/*}*/



/* tables row and column hovering */
.tableFixHead {
    overflow-x: scroll;
    overflow-y: scroll; /* make the table scrollable if height is more than 400 px  */
    min-height: 400px; /* gives an initial height of 400px to the table */
    min-width: 500px;
    /*height:90%;*/
    max-height: 700px;
    padding-left: 0;
}


    .tableFixHead table thead {
        position: sticky;
        top: 0;
        border: 0 !important;
        z-index: 4; /* Keep it on top of other rows */
    }

.table-xyhover {
    table-layout: auto;
    position:relative;
    z-index: 1;
   /* overflow: hidden;*/
    color: #121212;
}
 

/*.table-xyhover td:hover::after, .table-xyhover th:hover::after {
    background-color: rgba(255, 255, 0, 0.5);
    content: '\00a0';
    height: 10000px;
    left: 0;
    position: absolute;
    top: -5000px;
    width: 100%;
}*/

.th-border-0 td {
    border: 0 !important;
}

.tb-row, .tb-col, .table-xyhover td {
    /*cursor: pointer;*/
    padding: 2px;
    position: relative;
    /*min-width:100px;*/
    /*width:130px;*/
}

   /* .table-xyhover td:hover::before,*/
    .tb-row:hover::before {
        /* background-color: #ffa;*/
        background-color: rgba(255, 255, 0, 0.5);
        content: '\00a0';
        height: 100%;
        left: -5000px;
        position: absolute;
        top: 0;
        width: 1000px;
        z-index: -1;
    }

    .table-xyhover td:hover::after,
    .tb-col:hover::after {
        /*background-color: #ffa;*/
        background-color: rgba(255, 255, 0, 0.5);
        content: '\00a0';
        height: 1000px;
        left: 0;
        position: absolute;
        top: -5000px;
    /*    width: 100%;*/
        z-index: -1;
    }


     
    
 /*FITP Form control*/
    .form-control, .form-select {
    box-shadow: none !important;
    /*  font-weight: 500;*/
    color: #181c32;
    height: calc(1.5em + 0.5rem + 2px);
    padding: 0.29rem 0.4rem;
    /*font-size: .90rem;*/
    line-height: 1.5;
    border-radius: 0.2rem;
}
.col-form-label { 
    font-weight: 600;
    font-size: .80rem;
}

.col-form-label {
    padding-top: calc(.15rem + 1px);
    padding-bottom: calc(.15rem + 1px);
}
    /*.form-select {
    padding-left: 1rem;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.form-control {*/
    /*  font-family: poppins;*/
    /*height: 28px;
    font-size: 1rem;
    box-shadow: none !important;
    font-weight: 500;
    line-height: 1.5;
    color: #181c32;
}

.form-select {
    display: block;
    width: 100%;
    padding: 0.75rem 3rem 0.75rem 1rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #181c32;
    background-color: #fff;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: 0.475rem;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.075);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}*/


/*data-switch */

input[data-switch] {
    display: none
}

    input[data-switch] + label {
        font-weight: 600;
        width: 56px;
        height: 24px;
        margin-bottom:0rem;
        background-color: #dbdfe1;
        background-image: none;
        border-radius: 2rem;
        cursor: pointer;
        display: inline-block;
        text-align: center;
        position: relative;
        -webkit-transition: all .1s ease-in-out;
        transition: all .1s ease-in-out
            
    }

        input[data-switch] + label:before {
            color: #323a46;
            content: attr(data-off-label);
            display: block;
            font-family: inherit;
            font-weight: 600;
            font-size: .75rem;
            line-height: 24px;
            position: absolute;
            right: 3px;
            margin: 0 .21667rem;
            top: 0;
            text-align: center;
            min-width: 1.66667rem;
            overflow: hidden;
            -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out
        }

        input[data-switch] + label:after {
            content: "";
            position: absolute;
            left: 4px;
            background-color: #adb5bd;
            -webkit-box-shadow: none;
            box-shadow: none;
            border-radius: 2rem;
            height: 18px;
            width: 18px;
            top: 3px;
            -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out
        }

    input[data-switch]:checked + label {
        background-color: #348cd4
    }

        input[data-switch]:checked + label:before {
            color: #fff;
            content: attr(data-on-label);
            right: auto;
            left: 4px
        }

        input[data-switch]:checked + label:after {
            left: 34px;
            background-color: white;
        }

input[data-switch=bool] + label {
    background-color: #f7531f
}

input:disabled + label {
    opacity: .5;
    cursor: default
}

input[data-switch=bool] + label:before, input[data-switch=bool]:checked + label:before {
    color: #fff !important
}

input[data-switch=bool] + label:after {
    background-color: white;
}

input[data-switch=primary]:checked + label {
    background-color: #348cd4
}

input[data-switch=secondary]:checked + label {
    background-color: #6c757d
}

input[data-switch=success]:checked + label {
    background-color: #78c350
}

input[data-switch=info]:checked + label {
    background-color: #45bbe0
}

input[data-switch=warning]:checked + label {
    background-color: #ff9800
}

input[data-switch=danger]:checked + label {
    background-color: #f7531f
}

input[data-switch=light]:checked + label {
    background-color: #ecf2f5
}

input[data-switch=dark]:checked + label {
    background-color: #323a46
}

input[data-switch=pink]:checked + label {
    background-color: #f06292
}

input[data-switch=purple]:checked + label {
    background-color: #8892d6
}

/*end data-switch */


/* Sticky colonne sinistre per MLTable */
#MLTable td.sticky-col-1,
#MLTable td.sticky-col-2,
#MLTable td.sticky-col-3 {
  position: sticky;
  background: #fff;
  z-index: 1;
}

#MLTable th.sticky-col-1,
#MLTable th.sticky-col-2,
#MLTable th.sticky-col-3 {
  position: sticky;
  background: #fff;
  z-index: 3; /* Più alto delle celle del tbody */
}

/* Posizionamento left come già impostato */
#MLTable td.sticky-col-1, #MLTable th.sticky-col-1 {
  left: 0;
}

#MLTable td.sticky-col-2, #MLTable th.sticky-col-2 {
  left: 210px;
}

#MLTable td.sticky-col-3, #MLTable th.sticky-col-3 {
  left: 290px;
}



#MLTable tbody tr.highlight-row > td {
  background-color: #ffeeba !important; /* Giallo chiaro, personalizza a piacere */
}

#MLTable tbody td.highlight-col {
  background-color: #ffeeba !important;
}
#MLTable thead tr.highlight-row > td,
#MLTable thead tr.highlight-row > th {
  background-color: #ffeeba !important;
}

#MLTable thead td.highlight-col,
#MLTable thead th.highlight-col {
  background-color: #ffeeba !important;
}