input[type="color"]{
    height: 2.4rem;
}

.form-check{
    padding-right: 1.3rem;
}

.form-control, .form-select{
    background-color: var(--cstm-body-bg);
}

.text-primary {color:var(--cstm-text-primary)!important}
.text-secondary {color:var(--cstm-text-secondary)!important}
.text-success {color:var(--cstm-text-success)!important}
.text-info {color:var(--cstm-text-info)!important}
.text-warning {color:var(--cstm-text-warning)!important}
.text-danger {color:var(--cstm-text-danger)!important}
.text-light {color:var(--cstm-text-light)!important}
.text-dark {color:var(--cstm-text-dark)!important}


.text-bg-primary{
    color: var(--text-bg-primary-color)!important;
    background-color: var(--text-bg-primary-bg-color)!important;
}
.text-bg-secondary{
    color: var(--text-bg-secondary-color)!important;
    background-color: var(--text-bg-secondary-bg-color)!important;
}
.text-bg-success{
    color: var(--text-bg-success-color)!important;
    background-color: var(--text-bg-success-bg-color)!important;
}
.text-bg-info{
    color: var(--text-bg-info-color)!important;
    background-color: var(--text-bg-info-bg-color)!important;
}
.text-bg-warning{
    color: var(--text-bg-warning-color)!important;
    background-color: var(--text-bg-warning-bg-color)!important;
}
.text-bg-danger{
    color: var(--text-bg-danger-color)!important;
    background-color: var(--text-bg-danger-bg-color)!important;
}
.text-bg-light{
    color: var(--text-bg-light-color)!important;
    background-color: var(--text-bg-light-bg-color)!important;
}
.text-bg-dark{
    color: var(--text-bg-dark-color)!important;
    background-color: var(--text-bg-dark-bg-color)!important;
}

.btn-primary {
     color: var(--cstm-btn-primary-color)!important;
     background-color: var(--cstm-btn-primary-bg-color)!important;
}
.btn-secondary {
     color: var(--cstm-btn-secondary-color)!important;
     background-color: var(--cstm-btn-secondary-bg-color)!important;
 }
.btn-success {
     color: var(--cstm-btn-success-color)!important;
     background-color: var(--cstm-btn-success-bg-color)!important;
 }
.btn-info {
     color: var(--cstm-btn-info-color)!important;
     background-color: var(--cstm-btn-info-bg-color)!important;
 }
.btn-warning {
     color: var(--cstm-btn-warning-color)!important;
     background-color: var(--cstm-btn-warning-bg-color)!important;
 }
.btn-danger {
     color: var(--cstm-btn-danger-color)!important;
     background-color: var(--cstm-btn-danger-bg-color)!important;
 }
.btn-light {
     color: var(--cstm-btn-light-color)!important;
     background-color: var(--cstm-btn-light-bg-color)!important;
 }
.btn-dark {
     color: var(--cstm-btn-dark-color)!important;
     background-color: var(--cstm-btn-dark-bg-color)!important;
 }

.bg-body-secondary {
    color:var(--cstm-bg-body-secondary-text)!important;
    background-color:var(--cstm-bg-body-secondary)!important;
}


/*.table {*/
/*    border-collapse: separate!important; !* instead of collapse *!*/
/*    border-spacing: 0!important;         !* optional *!*/
/*}*/



        /*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 1800px){
    .container{
        max-width: 100%;
    }
}

.allertCustom{
    position: fixed;
    right: 0;
    top: 19px;
    z-index: 9999999999999;
    /*background-color: white;*/
    /*border: solid #322b274a 1px;*/
    width: 50%;
    max-width: 400px;
    opacity: 0;
}

.allertCustom img{
    width: 35px;
    height: 35px;
}

.allertCustom .cerchietto{
    background-color: #f1d098;
    padding: 7px;
    border-radius: 50%/50%;
    border: 1px solid #322b27;
    margin-right: 10px;
}


#loadingSpinner{
    background-color: #f9f4f6c2;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999999999999;
    display: none;
}
#clickKiller{
    background-color: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index:10001;
}
#loadingSpinner table{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
}
#loadingSpinner td{
    vertical-align: middle;
    text-align: center;
}
#loadingSpinner img{
    max-width: 426px;
    margin: 0 auto;
    width: 100%;
}
.stop-scrolling {
    height: 100%;
    overflow: hidden;
}

/*---------------------------------------------------------------------*/
/*    CASSETTO    */
/*---------------------------------------------------------------------*/

.background_cassetto{
    -webkit-box-shadow:inset 0 45px 77px -55px #0000009c,inset 0 -45px 77px -55px #0000009c;
    box-shadow:inset 0 45px 77px -55px #0000009c,inset 0 -45px 77px -55px #0000009c;
    background-color: #3a3a3b;
    color : white;
}


.background_cassetto h1
.background_cassetto h2,
.background_cassetto h3,
.background_cassetto h4,
.background_cassetto h5,
.background_cassetto h6{
    color : #85b4c6;
}

.background_cassetto .btn-primary {
    background-color: #85b4c6;
    border-color: #85b4c6;
    color:#3B323A;
}
.background_cassetto .btn-secondary {
    background-color: #5d6368;
    border-color: #5d6368;
    color: white;
}
.background_cassetto .btn-success {
    background-color: #6fbf7b;
    border-color: #6fbf7b;
}
.background_cassetto .btn-info {
    background-color: #527355;
    border-color: #527355;
    color:white;
}
.background_cassetto .btn-warning {
    background-color: #d3ac48;
    border-color: #d3ac48;
}
.background_cassetto .btn-danger {
    background-color: #cc6a6a;
    border-color: #cc6a6a;
    color: white;
}
.background_cassetto .btn-light {
    background-color: #292328;
    border-color: #292328;
    color: white;
}
.background_cassetto .btn-dark {
    background-color: #EAEAEA;
    border-color: #EAEAEA;
    color:#3B323A;
}

.background_cassetto a {
    color: #85b4c6;
}
/*---------------------------------------------------------------------*/


.sub_table {
    border-collapse: collapse;
    background-color: transparent;
    width: 100%; /* optional */
}

.sub_table td,
.sub_table th {
    padding: 0.35rem;
    border: 1px solid #b4b0b4; /* inner borders */
}

.sub_table {
    border: none; /* no outer border */
}

.sub_table tr:first-child th,
.sub_table tr:first-child td{
    border-top: none; /* remove top border */
}

.sub_table tr th:first-child,
.sub_table tr td:first-child {
    border-left: none; /* remove left border */
}

.sub_table tr th:last-child,
.sub_table tr td:last-child {
    border-right: none; /* remove right border */
}

.sub_table tr:last-child td {
    border-bottom: none; /* remove bottom border */
}

.offcanvas-backdrop{
    z-index:999998
}