:root {
    --bs-body-bg: var(--cui-body-bg);
    --bs-border-radius: var(--cui-border-radius);
    --cui-border-color: #aaa;
    font-size: 87.5%;
}

.wrapper {
    width: 100%;
    padding-left: var(--cui-sidebar-occupy-start, 0);
    will-change: auto;
    transition: padding .15s;
}

select option:disabled {
    color: #b3b3b3;
}

.form-multi-select-options {
    max-height: 200px;
    overflow: auto;
}

.form-multi-select-option.form-multi-select-option-with-checkbox {
    padding-block: 0.375rem;
}

.form-multi-select-option.form-multi-select-option-with-checkbox::before {
    top: 50%;
    transform: translateY(-50%);
}

.form-multi-select.form-select {
    border: unset;
    padding: 0;
}

.calendar-cell.today .calendar-cell-inner {
    --cui-calendar-cell-today-color: #fff;
    background-color: var(--cui-info);
    border-radius: 0.375rem;
}

.password-validation-list {
    display: flex;
    font-size: 1rem;
    flex-wrap: wrap;
    padding: 0;
    list-style: none;
    gap: 0.2rem 2rem;
}

.password-validation-list__item {
    align-items: center;
    display: flex;
}

.password-validation-list__item::before {
    background-color: currentColor;
    border-radius: 50%;
    content: '';
    display: block;
    height: 0.5rem;
    margin-right: 0.5rem;
    width: 0.5rem;
}

.password-validation-list__item.valid {
    color: var(--cui-body-color);
}

.password-validation-list__item.valid::before {
    background-color: var(--cui-form-valid-color);
}

.frame-spinner {
    align-items: center;
    background-color: rgba(255 255 255 / 0.5);
    backdrop-filter: blur(2px);
    display: flex;
    flex-direction: column;
    inset: 0;
    justify-content: center;
    opacity: 0;
    position: absolute;
    transition: opacity 0.125ms;
    z-index: -1;
}

.frame-spinner.show,
turbo-frame[aria-busy] .frame-spinner {
    opacity: 1;
    z-index: 9999;
}

.custom-green {
    color: #28a745;
}

.custom-green:hover {
    color: #218838;
}

/* search incident*/
.correctif {
    color: #b40404;
    font-weight: bold;
}

.supprimer {
    --cui-table-bg: var(--cui-light);
}

.datatable-table tbody tr:hover {
    opacity: 0.7;
    cursor: pointer;
}

.validated-depot {
    --cui-table-bg: #b8daff;
}

.validated-service-client {
    --cui-table-bg: #c3e6cb;
}

.btn-success {
    --cui-btn-color: #fff;
    --cui-btn-hover-color: #fff;
    --cui-btn-active-color: #fff;
}

.btn-outline-correction {
    --cui-btn-color: var(--cui-black);
    --cui-btn-border-color: #a96ae8;
    --cui-btn-hover-color: #a96ae8;
    --cui-btn-hover-bg: #fff;
    --cui-btn-hover-border-color: #a96ae8;
    --cui-btn-active-color: var(--cui-black);
    --cui-btn-active-bg: #a96ae8;
    --cui-btn-active-border-color: #a96ae8;
}

.btn-outline-success,
.btn-outline-warning,
.btn-outline-danger,
.btn-outline-info,
.btn-outline-primary,
.btn-outline-secondary {
    --cui-btn-color: var(--cui-black);
    --cui-btn-hover-bg: #fff;
    --cui-btn-disabled-color: var(--cui-dark);
    --cui-btn-disabled-bg: var(--cui-gray-400);
    --cui-btn-disabled-border-color: var(--cui-gray-400);
}

.btn-outline-success {
    --cui-btn-hover-color: var(--cui-success);
}

.btn-outline-warning {
    --cui-btn-hover-color: var(--cui-warning);
}

.btn-outline-danger {
    --cui-btn-hover-color: var(--cui-danger);
}

.btn-outline-info {
    --cui-btn-hover-color: var(--cui-info);
}

.btn-outline-primary {
    --cui-btn-hover-color: var(--cui-primary);
}

.btn-outline-secondary {
    --cui-btn-hover-color: var(--cui-secondary);
}

/* formulaire */
.text-obligatoire {
    color: rgb(138, 2, 2);
}

.sous-titre-fiche-etat {
    font-size: 14px;
    color: #337ab7;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.sous-titre-formulaire-depot {
    font-size: 14px;
    color: #337ab7;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.sous-titre-formulaire-sc {
    font-size: 14px;
    color: #337ab7;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.sous-titre-formulaire-mc {
    font-size: 14px;
    color: #337ab7;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.sous-titre-formulaire-cp {
    font-size: 14px;
    color: #337ab7;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #000;
}

.form-group {
    margin-bottom: 15px;
}

.col-form-label.required {
    font-weight: 700;

    &:after {
        color: var(--cui-danger);
        content: '*';
        margin-left: 0.5rem;
    }
}

/* incident */


/* Datatable*/
.datatable-top {
    display: flex;
    justify-content: flex-end;
}

table.dataTable.display tbody tr.even,
table.dataTable.display tbody tr.odd {
    background-color: #e40606;
}

tr>th:last-child,
tr>td:last-child {
    position: sticky;
    right: 0;
}

.table-diva {
    --cui-table-color: #fff;
    --cui-table-bg: #337ab7;
    color: var(--cui-table-color);
    font-size: 14px;
}

.table-sms {
    --cui-table-color: #fff;
    --cui-table-bg: #41b5a5;
    color: var(--cui-table-color);
    font-size: 14px;
}
