:root {
    --bleu-vif : #007FFF;
    --bleu-roi : #005ADF;
    --bleu-nuit: #003366;
    --jaune : #FFD700;
    --anthracite : #2E2E2E;
    --blanc : #e8e8e8;
    --gris : #F5F5F5;
}
/* FONT SIZE */
.fs-7  { font-size: 0.90rem !important; }
.fs-8  { font-size: 0.80rem !important; }
.fs-9  { font-size: 0.70rem !important; }
.fs-10 { font-size: 0.60rem !important; }
/* BACKGROUND */
.bg-bleuvif    { background: var(--bleu-vif)  !important; }
.bg-bleuroi    { background: var(--bleu-roi)  !important; }
.bg-bleunuit   { background: var(--bleu-nuit) !important; }
.bg-jaune      { background: var(--jaune)     !important; }
.bg-anthracite { background: var(--anthracite)!important; }
.bg-blanc      { background: var(--blanc)     !important; }
.bg-gris       { background: var(--gris);     !important; }

.bg-bleunuit .dropdown-item:hover, .bg-bleunuit .dropdown-item:focus { background: var(--bleu-vif) !important; }

/* COLOR */
.text-bleuvif    { color: var(--bleu-vif)    !important; }
.text-bleuroi    { color: var(--bleu-roi)    !important; }
.text-bleunuit   { color: var(--bleu-nuit)   !important; }
.text-jaune      { color: var(--jaune)       !important; }
.text-anthracite { color: var(--anthracite)  !important; }
.text-blanc      { color: var(--blanc)       !important; }
.text-gris       { color: var(--gris)        !important; }
/* BTN */
.btn-bleuvif    { background: var(--bleu-vif)  !important; color: var(--blanc) !important; border: none !important;  border-radius: 3px !important;   }
.btn-bleuroi    { background: var(--bleu-roi)  !important; color: var(--blanc)      !important; border: none !important;  border-radius: 3px !important;   }
.btn-bleunuit   { background: var(--bleu-nuit) !important; color: var(--blanc)      !important; border: none !important;  border-radius: 3px !important;   }
.btn-jaune      { background: var(--jaune)     !important; color: var(--anthracite) !important; border: none !important;  border-radius: 3px !important;   }
.btn-anthracite { background: var(--anthracite)!important; color: var(--blanc)      !important; border: none !important;  border-radius: 3px !important;   }
.btn-blanc      { background: var(--blanc)     !important; color: var(--anthracite) !important; border: none !important;  border-radius: 3px !important;   }
.btn-gris       { background: var(--gris);     !important; color: var(--anthracite) !important; border: none !important;  border-radius: 3px !important;   }
.btn-xs, .btn-group-xs > .btn {
    --bs-btn-padding-y: 0.12rem;
    --bs-btn-padding-x: 0.35rem;
    --bs-btn-font-size: 0.75rem;
    --bs-btn-border-radius: var(--bs-border-radius-sm);
}
/* RADIUS */
.radius-0 { border-radius: 0    !important; }
.radius-1 { border-radius: 5px !important; }
.radius-2 { border-radius: 10px !important; }
.radius-3 { border-radius: 15px !important; }
/* FORM */
.form-control { border-radius: 3px !important; }


.btn-primary {
    --bs-btn-bg: var(--bleu-nuit)  !important;
    --bs-btn-hover-bg: var(--bleu-nuit)  !important;
    --bs-btn-border-color: none !important;
    border-radius: 3px !important;
}
.btn-warning {
    --bs-btn-bg: var(--jaune)  !important;
    --bs-btn-hover-bg: var(--jaune)  !important;
    --bs-btn-border-color: none !important;
    border-radius: 3px !important;
}
.btn-secondary {
    --bs-btn-bg: var(--anthracite)  !important;
    --bs-btn-hover-bg: var(--anthracite)  !important;
    --bs-btn-border-color: none !important;
    border-radius: 3px !important;
}

.btn-success {
    --bs-btn-bg: var(--bleu-vif)  !important;
    --bs-btn-hover-bg: var(--bleu-vif)  !important;
    --bs-btn-border-color: none !important;
    border-radius: 3px !important;
}

.btn-info {
    --bs-btn-bg: var(--bleu-roi)  !important;
    --bs-btn-hover-bg: var(--bleu-roi)  !important;
    --bs-btn-border-color: none !important;
    border-radius: 3px !important;
}

.btn-danger {
    --bs-btn-bg: #c62820;
    --bs-btn-hover-bg: #c62820;
    --bs-btn-border-color: none !important;
    border-radius: 3px !important;
}

@media (min-width: 1680px) {
    .container {
        max-width: 1600px;
    }
}

.view_profileListComponent{
    max-height: 250px;
    overflow-y: auto;
}

.form-error{
    color: red;
    
}
.form-error ul{
    padding:0;
    list-style-type: none;
}


.loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2); /* Overlay gris */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.loader .spinner-border {
    width: 5rem;
    height: 5rem;
    border-width: 8px;
}

#support-discussion{
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column-reverse;
    padding: 10px;
    overflow-y: auto;
}
#support-discussion .message{
    width: 75%;
}
#support-discussion .message.me {
    align-self: flex-end;
    /* text-align: right; */
}

#support-discussion .message:not(.me) {
    align-self: flex-start;
    /* text-align: left; */
}

.intervention-tasks-container > .intervention-tasks-item > label {
    display: flex;
    align-items: center;
}
.intervention-tasks-container > .intervention-tasks-item > label > input {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.intervention-tasks-container > .intervention-tasks-item > label > input:checked {
    background: var(--jaune);
}