:root {
    --primary-aq: #1D1D3D;
    --secondary-aq: #EF7746;
    --tertiary-aq: #F1EDE6;
}

/**********************
        Navbar        
***********************/

.navbar-dark {
    --navbar-bg: #1D1D3D;
  }

.sidebar-dark {
    --sidebar-bg: #1D1D3D;
}

.nav-sidebar .nav-item-header {
    color: #EF7746;
}

/**********************
        Select2        
***********************/
.select2-selection--multiple .select2-selection__clear {
    position: relative;
    cursor: pointer;
    float: right;
    font-size: 0;
    line-height: 1;
    margin-top: calc((var(--body-line-height-computed) - var(--icon-font-size)) * .5);
    margin-left: var(--spacer-2);
    opacity: .75;
    transition: opacity ease-in-out var(--transition-base-timer)
}
  
.select2-selection--multiple .select2-selection__clear {
    line-height: 1.6!important;
}

@media (prefers-reduced-motion:reduce) {
    .select2-selection--multiple .select2-selection__clear {
        transition: none
    }
}

.select2-selection--multiple .select2-selection__clear:hover {
    opacity: 1
}

.select2-selection--multiple .select2-selection__clear:after {
    content: "\f642";
    font-family: var(--icon-font-family);
    display: inline-block;
    font-size: var(--icon-font-size);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.select2-selection--single .select2-selection__placeholder {
    opacity: 0.9;
}

/**********************
        Font Awesome        
***********************/
i.clickable {
    cursor: pointer;
    margin: 0 0.25rem;
}

i.clickable:hover {
    transform: scale(1.2);
    transition: 0.3s;
}

/*
    Std Tags
*/
a{
    text-decoration: none;
    white-space: nowrap;
    color: currentcolor;
}


/***********************
        Icon
***********************/
.comment-icon::after {
    content: '💬';
    margin-left: 5px;
    cursor: pointer;
}

.bureau-icon::after {
    content: '🏢';
    margin-left: 5px;
    cursor: pointer;
}

.teletravail-icon::after {
    content: '🏠';
    margin-left: 5px;
    cursor: pointer;
}

.client-icon::after {
    content: '🤝';
    margin-left: 5px;
    cursor: pointer;
}

/***********************
    FullCalendar Now Indicator
    Surcharge des styles limitless pour afficher une barre rouge
***********************/
.fc .fc-timegrid-now-indicator-line {
    border-color: red !important;
    border-width: 2px 0 0 !important;
}

.fc .fc-timegrid-now-indicator-arrow {
    border-color: red !important;
}

/* Flèche pour direction LTR (gauche vers droite) */
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
    border-width: 0.5em 0 0.5em 0.5em !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: red !important;
}

/* Flèche pour direction RTL (droite vers gauche) */
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
    border-width: 0.5em 0.5em 0.5em 0 !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: red !important;
}