html {
    font-size: 0.85rem !important;
}

.GRILLE_ENTETE:hover {
    cursor:pointer;
    color: white;
    background-color: #0178C4;
    transition:0.3s;
    border-radius: 1em;
}

.lds-dual-ring2-password {
    display: inline-block;
    align-self: center;
    width: 35px;
    height: 35px;
    margin: 8px;
    border-radius: 50%;
    border: 4px solid var(--environnement);
    border-color: var(--environnement) transparent var(--environnement) transparent;
    animation: lds-dual-ring2-password 1.2s linear infinite;
}

@keyframes lds-dual-ring2-password {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.jv-dark-rightString {
    display: inline-block !important;
    color: #e6db74 !important;
}

.jv-dark-rightBoolean {
    display: inline-block !important;
    color: #f3864e !important;
}

.jv-dark-rightNumber {
    display: inline-block !important;
    color: #7baef6 !important;
}

.jv-dark-rightNull {
    display: inline-block;
    color: #f3864e !important;
}

.label-select2~.select2 .select2-selection.select2-selection--multiple, .label-select2~.select2 .select2-selection.select2-selection--single {
    /*min-height: 43px;*/
}

.select2 .select2-selection.select2-selection--multiple, .select2 .select2-selection.select2-selection--single {
    /*min-height: 43px;*/
}

/* For Package File-pond */
.filepond--credits {
    display: none;
}
.filepond--drop-label {
    cursor: pointer;
}
.filepond--drop-label label {
    cursor: pointer !important;
}

/* DataTables */
.table thead th {
    vertical-align: bottom;
    border-bottom: 0 solid #dee2e6;
}
div.dts div.dt-scroll-body, div.dts div.dataTables_scrollBody {
    background: transparent !important;
}
.dts_label { display: none; }

/* Tableaux - Buttons d'actions */
table tbody tr .btn:not(.visible) {
    visibility: hidden;
}
table tbody tr:hover .btn {
    visibility: visible;
}
table.dataTable.table>tbody>tr.selected>* {
    box-shadow: inset 0 0 0 9999px var(--primary);
}
th.columnSelectable div[class*="colonneCheckSelectable"] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-color: var(--secondary) !important;
    transition: background-color 0.3s ease-in-out;
}
th.columnSelectable div[class*="colonneCheckSelectable"] i.fa-check {
    display: none;
}
th.columnSelectable div[class*="colonneCheckSelectable"].bg-primary i.fa-check {
    display: initial;
}
.GRILLE_LINE td.selectTd .tdCoche {
    width: 20px;
    height: 20px;
    transition: background-color 0.3s ease-in-out;
}
.GRILLE_LINE td.selectTd .tdCoche i.fa-check {
    display: none;
}

.GRILLE_LINE.selected td.selectTd .tdCoche {
    color: white;
    background: var(--primary);
    width: 20px;
    height: 20px;
}
.GRILLE_LINE.selected td.selectTd .tdCoche i.fa-check {
    display: initial;
}
.dtrg-level-0 {
    background-color: var(--primary) !important;
}

.toggle.ios, .toggle-on.ios, .toggle-off.ios { border-radius: 20rem; }
.toggle.ios .toggle-handle { border-radius: 20rem; }

/* CURSOR */
.cursor-move {
    cursor: move;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-help {
    cursor: help;
}

.text-underline {
    text-decoration: underline
}

li.nav-item.active {
    background: #fff;
}
li.nav-item.active a {
    color: var(--primary) !important;
    font-weight: bold;
}

.font-size-85 {
    font-size: 0.85em;
}


/* SELECT 2 - Bootstrap + DataTable */
th .select2-container--bootstrap .select2-selection--single {
    height: 28px;
}

th .select2-container--bootstrap .select2-selection {
    font-size: 0.95em;
}

th .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
    display: flex;
    align-items: center;
    padding-left: 8px;
    padding-right: 20px;
    height: 100%;
}