/**
SPINNER
 */
@keyframes spinner {
    to {transform: rotate(360deg);}
}

.spinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    border-radius: 50%;
    border-top: 2px solid red;
    border-right: 2px solid transparent;
    animation: spinner .6s linear infinite;
}

.calendar-spinner {
    content: '';
    box-sizing: border-box;
    width: 200px;
    height: 200px;
    margin: auto;
    border-radius: 50%;
    border-top: 2px solid #4b3da7;
    border-right: 2px solid transparent;
    animation: spinner .6s linear infinite;
}

/**
POINTER ON CURSOR
 */
.btn-pointer:hover {
    cursor: pointer;
}

.img__custom {
    border-radius: 10px;object-fit: cover;
}

.img-fluid-max-height{
    max-height: 300px;
}


/**
OVERWRITE FULLCALENDAR THEME
 */

/*modification du header de la table*/
.fc-col-header-cell > .fc-scrollgrid-sync-inner > .fc-col-header-cell-cushion {
    color: white;
}

.fc-scrollgrid-section-header {
    background: #4b3da7;!important
}
.fc .fc-col-header-cell-cushion { /* needs to be same precedence */
    padding-top: 5px; /* an override! */
    padding-bottom: 5px; /* an override! */
}

/*Modification du bouton "today"*/
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button {
    background: #4b3da7;!important
    border: none;
}

.fc-header-toolbar > .fc-toolbar-chunk > .fc-button:hover {
    background:#7ce6d5;!important
}

.fc-header-toolbar > .fc-toolbar-chunk > .fc-today-button {
    /*background:#34d8be;*/
    border: none;
}

.fc-header-toolbar > .fc-toolbar-chunk > .fc-today-button:active {
    border: none;
    background:#7ce6d5;!important
}

/**
modification du bouton day/month
 */
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-dayGridMonth-button {
    border: none;
}
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-dayGridMonth-button:hover {
    background:#7ce6d5;!important;
    border: none;
}
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-dayGridMonth-button:focus {
    background:#7ce6d5;!important;
    border: none;
}
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-button-active {
    background:#7ce6d5;!important;
    border: none;
}

.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-timeGridDay-button {
    border: none;
}
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-timeGridDay-button:hover {
    background:#7ce6d5;!important;
    border: none;
}
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-timeGridDay-button:focus {
    background:#7ce6d5;!important;
    border: none;
}
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-button-active {
    background:#7ce6d5;!important;
    border: none;
}

/*Modification des boutons prev/next*/
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-prev-button {
    border: none;
}
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-prev-button:hover {
    background: #7ce6d5;
}

.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-next-button {
    border: none;
}
.fc-header-toolbar > .fc-toolbar-chunk > .fc-button-group > .fc-next-button:hover {
    background: #7ce6d5;
}

.fc .fc-button {
    background: #4b3da7;!important
    font-size: 1em;
    line-height: 1.5;
    border-radius: 20px;
}

.fc-header-toolbar > .fc-toolbar-chunk > h2 {
    color: rgba(75, 61, 167, 1);
}

/*enlever le box shadow sur le focus des boutons*/
.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {
   box-shadow: none;
}
.fc .fc-button:focus {
    box-shadow: none;
}

/**
    Changement couleur des nombres
 */
.fc .fc-daygrid-day-number {
    color: #718096;
}

.fc .fc-daygrid-day-number:hover {
    color: #718096;
}

/**
    Changement de couleur du jour actuel
 */
/*.fc .fc-daygrid-day.fc-day-today {
    background-color: rgba(52, 216, 190, 0.2);
}*/
.fc .fc-daygrid-day.fc-day-today {
    background: rgba(75, 61, 167, 0.5) !important;
    border: none !important;
    border-top: 1px solid rgb(75, 61, 167) !important;
    font-weight: bold;
}
.fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-number {
    color: white;
}

/**
 Changement du curseur sur le calendrier
 */
.fc-scrollgrid-sync-table {
    cursor: pointer;
}

/* Désactivation de l'affichage des événements sur la vue Mois */
.fc .fc-daygrid-day .fc-event {
    display: none;
}

/* Modification de l'apparence des événements sur la vue Jour */
.fc .fc-timegrid.fc-timeGridDay-view .fc-timegrid-event {
    background-color: transparent !important;
    border-color: rgb(75, 61, 167) !important;
}
.fc .fc-timegrid.fc-timeGridDay-view .fc-event-main {
    background: rgba(75, 61, 167, 0.75);
}
.fc .fc-timegrid.fc-timeGridDay-view .fc-event-main * {
    color: white;
}