/* filtro cerca dei datatable, lo ingradisco se la lo schermo è grande */
@media screen and (min-width: 1400px) {
    div.dataTables_wrapper div.dataTables_filter input {
        width: 500px;
    }

    div.dataTables_wrapper div.row div.dataTables_filter input {
        width: 500px;
    }
}

/* hover di default nelle tabelle */
.table-hover>tbody>tr:hover>* {
    background-color: #faf7cf !important;
    cursor: pointer !important;
}

table.dataTable.table-hover>tbody>tr:hover>* {
    box-shadow: inset 0 0 0 0px #fff !important;
}

.text-commes {
    color: #0181c4;
}

.text-attrezzaggio {
    color: #ff9100;
}

.bg-attrezzaggio {
    background-color: #ff9100;
    color: white;
}

.btn-attrezzaggio {
    background-color: #ff9100 !important;
    color: white !important;
}

.btn-outline-attrezzaggio {
    --bs-btn-color: #ff9100;
    --bs-btn-border-color: #ff9100;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #ff9100;
    --bs-btn-hover-border-color: #ff9100;
    --bs-btn-focus-shadow-rgb: 253, 98, 94;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #ff9100;
    --bs-btn-active-border-color: #ff9100;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ff9100;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #ff9100;
    --bs-gradient: none;
}


@media (min-width: 1800px) {
    .col-xxxl {
        width: 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 2200px) {
    .col-xxxxl {
        width: 16.666666666%;
        flex: 0 0 16.6666%;
        max-width: 16.6666%;
    }
}

@media (min-width: 2600px) {
    .col-xxxxxl {
        width: 14.2857142857%;
        flex: 0 0 14.2857%;
        max-width: 14.2857%;
    }
}

@media (min-width: 3000px) {
    .col-xxxxxxl {
        width: 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}

.card-header-tabs>.nav-item>.nav-link.active {
    color: #0181c4 !important;
}

.nav-tabs-custom .nav-item .nav-link::after {
    background-color: #0181c4 !important;
}

.card-header-tabs>.nav-item>.nav-link {
    color: #313533 !important;
}

/* Rimuovo la shadow dai tutti i pulsanti */
.btn {
    box-shadow: none;
}

/* Button aggingi custom */
.btn-aggiunta {
    position: fixed;
    bottom: 75px;
    right: 55px;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #0181c4;
    color: #fff;
    text-align: center;
    border-radius: 100px;
    transition: 0.3s;
}

.btn-aggiunta:hover {
    background-color: #0270a8;
    cursor: pointer;
}

/* Inibisco la colorazione verde del validation form lasciando solo il rosso */

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
    border-color: var(--bs-border-color);
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
    background-color: #313533;
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
    box-shadow: none;
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
    color: inherit;
}

.form-select.is-valid,
.was-validated .form-select:valid {
    border-color: var(--bs-border-color);
}

.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"],
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"] {
    --bs-form-select-bg-icon: none;
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
    border-color: var(--bs-border-color);
    box-shadow: none;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    border-color: var(--bs-border-color);
    padding-right: .75rem;
    background-image: none;
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
    border-color: var(--bs-border-color);
    box-shadow: none;
}


.ts-wrapper.is-valid.single, .was-validated .valid.single, .was-validated :valid+.ts-wrapper.single {
    background-image: none !important;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: unset;
}

.ts-wrapper.is-valid:not(.single), .was-validated .valid:not(.single), .was-validated :valid+.ts-wrapper:not(.single) {
    background-image: none !important;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: unset;
}

.ts-wrapper.is-valid, .was-validated .valid, .was-validated :valid+.ts-wrapper {
    border-color: var(--bs-border-color);
}

/* impostare text-capitalize sugli elementi dei datatable */

/* label "Cerca" */
.dataTables_filter label {
    text-transform: capitalize;
}

/* pulsanti paginazione */
.dataTables_paginate .page-link {
    text-transform: capitalize;
}

/* info "1 - 10 di 50 record" */
.dataTables_info {
    text-transform: capitalize;
}

/* checkbox più grande */
.big-checkbox {
    transform: scale(1.8);
    margin-right: 0.75rem;
    vertical-align: middle;
}


/* numero pagination datatable*/
.active>.page-link, .page-link.active {
    background-color: #0181c4 !important;
    border-color: #0181c4 !important;
}

/* colore checkbox checked*/
.form-check-input:checked{
    background-color: #0181c4 !important;
    border-color: #0181c4 !important;
}

/* colore button datatable responsive*/
.table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {
    background-color: #0181c4 !important;
}

/* metto width:100 alle righe responsivzzate datatable*/
table.dataTable>tbody>tr.child ul.dtr-details{
    width:100%;
}



/*colore switch button*/
input[switch=comunica]:checked+label {
    background-color: #0181c4 !important;
}