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

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

.form-control, .form-select{
    background-color: white;/*var(--light-color);*/
}

.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;
 }

.btn-outline-primary {
    color: var(--cstm-btn-outline-primary-color)!important;
    background-color: var(--cstm-btn-outline-primary-bg-color)!important;
}
.btn-outline-secondary {
    color: var(--cstm-btn-outline-secondary-color)!important;
    background-color: var(--cstm-btn-outline-secondary-bg-color)!important;
}
.btn-outline-success {
    color: var(--cstm-btn-outline-success-color)!important;
    background-color: var(--cstm-btn-outline-success-bg-color)!important;
}
.btn-outline-info {
    color: var(--cstm-btn-outline-info-color)!important;
    background-color: var(--cstm-btn-outline-info-bg-color)!important;
}
.btn-outline-warning {
    color: var(--cstm-btn-outline-warning-color)!important;
    background-color: var(--cstm-btn-outline-warning-bg-color)!important;
}
.btn-outline-danger {
    color: var(--cstm-btn-outline-danger-color)!important;
    background-color: var(--cstm-btn-outline-danger-bg-color)!important;
}
.btn-outline-light {
    color: var(--cstm-btn-outline-light-color)!important;
    background-color: var(--cstm-btn-outline-light-bg-color)!important;
}
.btn-outline-dark {
    color: var(--cstm-btn-outline-dark-color)!important;
    background-color: var(--cstm-btn-outline-dark-bg-color)!important;
}
.btn-outline-primary:hover {
    color: var(--cstm-btn-outline-primary-color-hover)!important;
    background-color: var(--cstm-btn-outline-primary-bg-color-hover)!important;
}
.btn-outline-secondary:hover {
    color: var(--cstm-btn-outline-secondary-color-hover)!important;
    background-color: var(--cstm-btn-outline-secondary-bg-color-hover)!important;
}
.btn-outline-success:hover {
    color: var(--cstm-btn-outline-success-color-hover)!important;
    background-color: var(--cstm-btn-outline-success-bg-color-hover)!important;
}
.btn-outline-info:hover {
    color: var(--cstm-btn-outline-info-color-hover)!important;
    background-color: var(--cstm-btn-outline-info-bg-color-hover)!important;
}
.btn-outline-warning:hover {
    color: var(--cstm-btn-outline-warning-color-hover)!important;
    background-color: var(--cstm-btn-outline-warning-bg-color-hover)!important;
}
.btn-outline-danger:hover {
    color: var(--cstm-btn-outline-danger-color-hover)!important;
    background-color: var(--cstm-btn-outline-danger-bg-color-hover)!important;
}
.btn-outline-light:hover {
    color: var(--cstm-btn-outline-light-color-hover)!important;
    background-color: var(--cstm-btn-outline-light-bg-color-hover)!important;
}
.btn-outline-dark:hover {
    color: var(--cstm-btn-outline-dark-color-hover)!important;
    background-color: var(--cstm-btn-outline-dark-bg-color-hover)!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
}

p.is-warning, label.is-warning, span.is-warning{
    color: var(--bs-warning)!important;
}
div.is-warning, input.is-warning, select.is-warning, textarea.is-warning,
.is-warning+.select2-container--bootstrap-5 .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection{
    border-color: var(--bs-warning)!important;
}

p.is-info, label.is-info, span.is-info{
    color: var(--bs-info)!important;
}
div.is-info, input.is-info, select.is-info, textarea.is-info,
.is-info+.select2-container--bootstrap-5 .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection{
    border-color: var(--bs-info)!important;
}

p.is-primary, label.is-primary, span.is-primary{
    color: var(--bs-primary)!important;
}
div.is-primary, input.is-primary, select.is-primary, textarea.is-primary,
.is-primary+.select2-container--bootstrap-5 .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection{
    border-color: var(--bs-primary)!important;
}

p.is-secondary, label.is-secondary, span.is-secondary{
    color: var(--bs-secondary)!important;
}
div.is-secondary, input.is-secondary, select.is-secondary, textarea.is-secondary,
.is-secondary+.select2-container--bootstrap-5 .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection{
    border-color: var(--bs-secondary)!important;
}

p.is-light, label.is-light, span.is-light{
    color: var(--bs-light)!important;
}
div.is-light, input.is-light, select.is-light, textarea.is-light,
.is-light+.select2-container--bootstrap-5 .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection{
    border-color: var(--bs-light)!important;
}

p.is-dark, label.is-dark, span.is-dark{
    color: var(--bs-dark)!important;
}
div.is-dark, input.is-dark, select.is-dark, textarea.is-dark,
.is-dark+.select2-container--bootstrap-5 .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection{
    border-color: var(--bs-dark)!important;
}

p.is-success, label.is-success, span.is-success{
    color: var(--bs-success)!important;
}
div.is-success, input.is-success, select.is-success, textarea.is-success,
.is-success+.select2-container--bootstrap-5 .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection{
    border-color: var(--bs-success)!important;
}

p.is-danger, label.is-danger, span.is-danger{
    color: var(--bs-danger)!important;
}
div.is-danger, input.is-danger, select.is-danger, textarea.is-danger,
.is-danger+.select2-container--bootstrap-5 .select2-selection,.was-validated select:valid+.select2-container--bootstrap-5 .select2-selection{
    border-color: var(--bs-danger)!important;
}