html,
body {
  overflow-x: hidden;
}

.container {
  margin: auto;
  max-width: 1440px;
}

@font-face {
  font-family: "Fixture-Bold";
  src: url("../font/Fixture-ExpandedBold.ttf") format("truetype");

  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Fixture-Medium";
  src: url("../font/Fixture-ExpandedMedium.ttf") format("truetype");

  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Fixture-Regular";
  src: url("../font/Fixture-ExpandedRegular.ttf") format("truetype");

  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Fixture-Light";
  src: url("../font/Fixture-ExpandedLight.ttf") format("truetype");

  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SöhneBreit-Italic";
  src: url("../font/SöhneBreit-ExtrafettKursiv.otf") format("truetype");

  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "SöhneBreit-Regular";
  src: url("../font/SöhneBreit-Buch.otf") format("opentype");

  font-weight: normal;
  font-style: normal;
}

.main {
  background: url(../img/main-back.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 100% 80px;
}

.onboarding {
  background: url(../img/onboarding-back.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.enjoy {
  background: url(../img/enjoy-back.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.entry-step1 {
  background: url(../img/entry-back.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

.extend {
  background: url(../img/extend-back.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
}

select option {
  background-color: black;
  color: white;
  padding: 10px;
  font-size: 16px;
}

select option:hover {
  background-color: gray;
}

.active-tab {
  color: #ffffff !important;
}

.active-tab::after {
  content: "";
  position: absolute;
  width: calc(100% + 12px);
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -10px;
  background-color: #d89679;
}

.active-tab::before {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #d89679;
  bottom: -10px;
  left: -3px;
  transform: translate(-50%, 40%);
}

/* Fullcalendar */
/* Style pour tous les boutons dans le groupe fc-button-group */
.fc .fc-toolbar .fc-button-group .fc-button,
.fc-button-primary {
  background-color: black; /* Fond noir */
  border: 2px solid white; /* Cadre blanc */
  color: white; /* Texte blanc pour contraster avec le fond noir */
  padding: 5px 10px; /* Ajustez le padding selon vos préférences */
  cursor: pointer; /* Curseur de type pointeur pour indiquer que c'est cliquable */
  border-radius: 0; /* Retirer les arrondis */
}

/* Style pour les boutons au survol */
.fc .fc-toolbar .fc-button-group .fc-button:hover,
.fc-button-primary:hover {
  background-color: #333; /* Fond légèrement plus clair au survol */
}

/* Style pour les boutons actifs */
.fc .fc-toolbar .fc-button-group .fc-button.fc-button-active,
.fc .fc-toolbar .fc-today-button.fc-button-active {
  background-color: #555; /* Fond légèrement plus clair pour l'état actif */
}

/* Style pour le bouton .fc-button-primary */
.fc .fc-toolbar .fc-button-primary {
  background-color: black; /* Fond noir */
  border: 2px solid white; /* Cadre blanc */
  color: white; /* Texte blanc pour contraster avec le fond noir */
  padding: 5px 10px; /* Ajustez le padding selon vos préférences */
  cursor: pointer; /* Curseur de type pointeur pour indiquer que c'est cliquable */
  border-radius: 0; /* Retirer les arrondis */
}

/* Style pour le bouton .fc-button-primary au survol */
.fc .fc-toolbar .fc-button-primary:hover {
  background-color: #333; /* Fond légèrement plus clair au survol */
}

/* Style pour le bouton .fc-button-primary actif */
.fc .fc-toolbar .fc-button-primary.fc-button-active {
  background-color: #555; /* Fond légèrement plus clair pour l'état actif */
}

/* Style pour le bouton .fc-button-primary désactivé */
.fc .fc-toolbar .fc-button-primary:disabled {
  background-color: #444; /* Fond légèrement plus clair pour indiquer qu'il est désactivé */
  border: 2px solid #666; /* Cadre gris pour indiquer qu'il est désactivé */
  color: #aaa; /* Texte gris pour contraster avec le fond */
  cursor: not-allowed; /* Curseur indiquant que le bouton n'est pas cliquable */
  border-radius: 0; /* Retirer les arrondis */
}

/* Style pour le bouton .fc-button-primary désactivé au survol */
.fc .fc-toolbar .fc-button-primary:disabled:hover {
  background-color: #444; /* Même fond au survol pour indiquer qu'il est désactivé */
}

.fc-timegrid-col {
  background-color:  #000 !important;
}

.fc-event {
  border: none !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  /*padding: 4px 8px !important;*/
  font-family: SöhneBreit-Regular, sans-serif;
  font-weight: 500;
  font-size: 14px;
  /*color: #000 !important;*/
  display: flex;
  justify-content: flex-start !important;
  margin: 2px auto !important;
  width: 100% !important; /* Ajustable */
  height: auto !important;
  /*background-color: #f0f0f0; /* Couleur de fond des événements */
}

.fc-event-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 600;
}

/* Grille horaire sobre */
.fc-timegrid-slot {
  border-bottom: 1px solid #E2E8F0 !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background-color: transparent !important;
  /*height: 50px !important; /* Ajuste la hauteur des créneaux */
}


.fc-theme-standard td, .fc-theme-standard th, .fc-theme-standard .fc-scrollgrid {
  border-color: #000 !important;
}

.fc-timegrid-event {
  border-bottom: solid 2px #ffffff !important;

}

.fc-timegrid-slot-label {display : none;}

.fc-timegrid-event-short .fc-event-time::after {
  content: '' !important;
}
/*** Good ***/







/************** Good */

/* Suppression des bordures internes des colonnes *
.fc-timegrid-body > .fc-timegrid-cols > table {
  border-collapse: collapse;
  border: none !important;
}

/* Suppression des lignes du header (titre des jours + colonnes du header) *
.fc-col-header-cell,
.fc-timegrid-col {
  border-left: none !important;
  border-right: none !important;
}

.fc-col-header-cell,
.fc-timegrid-col {
  width: auto !important;
}

/* Suppression du fond gris des créneaux *
.fc-timegrid-event {
  border-radius: 0 !important;
  border: none !important;
}
*/