@charset "UTF-8";
/*******************************************************
                    Couleurs de base
*********************************************************/
/*******************************************************
                Couleur messages erreurs
*********************************************************/
/*******************************************************
                    Arrondis de base
*********************************************************/
/*******************************************************
                    Couleurs Texte
*********************************************************/
/* Boutons */
/* Lien */
/* Champs */
/* Switch */
/* Module tuile */
/* Checkbox */
/* Radio button */
/* Menu */
/* Footer */
/* Tuile */
/* Mini Tuile */
/* Login */
/* Pagination */
/* Bandeau */
/* Liste déroulante */
/* Messages */
/*******************************************************
                    Couleurs Fond
*********************************************************/
/* Fond de l'application */
/* Bouton primaire */
/* Bouton Secondaire */
/* Bouton tertiaire */
/* Switch */
/* Menu*/
/* Footer */
/* Tuile */
/* Mini Tuile */
/* Login */
/* Indicateurs Dashboard */
/* Moteur de recherche */
/* Pagination */
/* Chemin de fer */
/* Bandeau */
/* Popin */
/* Liste déorulante */
/* Icones */
/* Bon plan tuiles */
/*******************************************************
                Fond mise en valeur arrondi
*********************************************************/
/*******************************************************
                    Couleurs Bordure
*********************************************************/
/* focus */
/* Boutons */
/* Champs */
/* Switch */
/* Case à cocher */
/* Radio button */
/* Titre */
/* Menu */
/* Chemin de fer */
/* Custom Table */
/*******************************************************
                        Police
*********************************************************/
/*******************************************************
                    Librairie CJR
*********************************************************/
/*  ------------ Général */
html {
  font-size: 14px;
  font-family: "Montserrat", serif !important;
  background-color: #F3F6F9;
}

body {
  font-family: "Montserrat", serif !important;
  background-color: #F3F6F9;
  height: 100vh;
}

*:not(i) {
  font-family: "Montserrat", serif !important;
}

.old-font *:not(i) {
  font-family: "Dosis", sans-serif !important;
}

/* ----------- CJR Elements */
.cjr-page {
  display: flex;
  flex-direction: column;
  padding: 0;
  height: 100vh;
}

.cjr-full-height-screen {
  height: 100vh;
}

.cjr-fond-gris {
  background-color: #F3F6F9;
}

/*  --------------- Width */
.cjr-min-width {
  width: min-content !important;
}

.cjr-width-10 {
  width: 10rem;
}

.cjr-width-100-minus-3 {
  width: calc(100% - 3rem);
}

/* ----------- Margins */
.me-6-rem {
  margin-right: 6rem;
}

/* Backgrounds */
.cjr-fond-en-valeur-clair {
  background-color: white;
  border-radius: 0.75rem;
}

.header-background {
  background-color: #FFFFFF;
}

/* arrondis */
.cjr-arrondi-doux {
  border-radius: 0.25rem;
}

.cjr-arrondi-defaut {
  border-radius: 0.5rem;
}

.cjr-arrondi-fort {
  border-radius: 0.75rem;
}

/* ----- Zindex */
.cjr-index-minus-1 {
  z-index: -1;
}

.cjr-index-0 {
  z-index: 0;
}

/* Easter egg */
.cjr-easter-egg-container {
  margin-right: -10rem;
  width: 10rem;
  padding-left: 3rem;
}
.cjr-easter-egg-container .cjr-easter-egg-image {
  width: 4rem;
  height: 4rem;
}

/* ----- Miscellaneous */
.cjr-success-message {
  color: #0E8A16;
  font-size: 1.25rem;
  font-weight: bold;
}

.cjr-error-message {
  color: #C90C0F;
  font-size: 1.25rem;
  font-weight: bold;
}

.cjr-message-carte-service {
  color: #C90C0F;
  font-size: 1.25rem;
  font-weight: bold;
}

.cjr-error-message-small {
  color: #C90C0F;
}

.cjr-transition-opacity {
  transition: opacity 0s, opacity 1s linear;
}

.cjr-mise-en-valeur-arrondi {
  background-color: #C90C0F;
  border-radius: 1rem;
  color: #FFFFFF;
}

.cjr-mise-en-valeur-arrondi-bleu {
  vertical-align: middle;
  font-size: 1rem;
  display: inline-block;
  font-weight: normal;
  background-color: #0066AC;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 1rem;
  color: #FFFFFF;
}

.cjr-mise-en-valeur-arrondi-vert {
  background-color: #0E8A16;
  border-radius: 1rem;
  color: #FFFFFF;
}

.cjr-mise-en-valeur-arrondi-orange {
  background-color: #C75302;
  border-radius: 1rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #FFFFFF;
}

.cjr-mise-en-valeur-arrondi-noir {
  background-color: #202228;
  border-radius: 1rem;
  color: #FFFFFF;
}

.cjr-mise-en-valeur-arrondi-gris {
  background-color: #5C7482;
  border-radius: 1rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #FFFFFF;
}

.cjr-mise-en-valeur-arrondi-assistance-new {
  background-color: #5C7482;
  border-radius: 1rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #FFFFFF;
}

.cjr-mise-en-valeur-arrondi-assistance-open,
.cjr-mise-en-valeur-arrondi-assistance-hold {
  background-color: #C75302;
  border-radius: 1rem;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: #FFFFFF;
}

.cjr-mise-en-valeur-arrondi-assistance-pending {
  background-color: #C90C0F;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 1rem;
  color: #FFFFFF;
}

.cjr-mise-en-valeur-arrondi-assistance-solved {
  background-color: #0E8A16;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 1rem;
  color: #FFFFFF;
}

.cjr-mise-en-valeur-arrondi-assistance-closed {
  background-color: #202228;
  padding-top: 0.1rem;
  padding-bottom: 0.1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 1rem;
  color: #FFFFFF;
}

.cjr-border-gris-neige-radius-1 {
  border: solid;
  border-color: #F3F6F9;
  border-radius: 1rem;
}

.cjr-border-gris-neige-menu {
  border: solid;
  border-width: 1rem;
  border-color: #F3F6F9;
  border-radius: 1.5rem;
}

.cjr-border-radius-1 {
  border-radius: 1rem;
}

.cjr-border-gris-neige {
  border: solid;
  border-color: #F3F6F9;
}

.evenement-statut {
  border: solid;
  border-radius: 1rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  padding-right: 3rem;
  padding-left: 3rem;
  font-weight: bold;
}
.evenement-statut.publie {
  background-color: #0E8A16;
  color: #F3F6F9;
}
.evenement-statut.complet {
  background-color: #C75302;
  color: #F3F6F9;
}
.evenement-statut.annule, .evenement-statut.termine {
  background-color: #5C7482;
  color: #F3F6F9;
}

.data-indicateur {
  background-color: #FFCD00;
}

ul li {
  position: relative;
  padding-left: 15px;
}
ul li:before {
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
  color: #202228;
}

.cjr-container-for-button-hover .cjr-vanishing-button {
  display: none;
}
.cjr-container-for-button-hover:hover .cjr-vanishing-button {
  display: flex;
}

.cjr-info-importante {
  font-weight: 500;
  font-size: 1.25rem;
}

/*******************************************************
                    Accordeon
*********************************************************/
.cjr-accordeon .cjr-bouton-accordeon {
  background-color: white;
  border: none;
  width: 100%;
}
.cjr-accordeon .cjr-bouton-accordeon:hover {
  color: #C90C0F;
}
.cjr-accordeon .cjr-bouton-accordeon:focus-visible {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
  box-shadow: none;
}
.cjr-accordeon .cjr-icon-accordeon {
  display: inline-block;
}
.cjr-accordeon .cjr-icon-accordeon-small {
  color: #C90C0F;
}
.cjr-accordeon .cjr-titre-accordeon-small {
  color: #C90C0F;
  text-decoration: underline;
  text-align: start;
}
.cjr-accordeon .cjr-titre-accordeon-small:hover {
  color: #C90C0F;
  text-decoration: none;
}

/* Style de base d'un bouton CJR */
.cjr-btn, .faq-button, .cjr-btn-icone, .cjr-btn-tertiaire, .cjr-btn-secondaire, .cjr-btn-primaire {
  border-radius: 4px;
  transition: background-color 0.45s ease, color 0.45s ease;
  font-size: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  width: auto;
  min-width: 8rem;
  height: 3rem;
  line-height: 1.3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-right: 0.75rem;
  /* Flèche à gauche pour tous les boutons sauf les icones */
}
.cjr-btn:focus-visible, .faq-button:focus-visible, .cjr-btn-icone:focus-visible, .cjr-btn-tertiaire:focus-visible, .cjr-btn-secondaire:focus-visible, .cjr-btn-primaire:focus-visible {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
  box-shadow: none;
}
.cjr-btn:not(.cjr-btn-icone, .faq-button):before, .faq-button:not(.cjr-btn-icone, .faq-button):before, .cjr-btn-icone:not(.cjr-btn-icone, .faq-button):before, .cjr-btn-tertiaire:not(.cjr-btn-icone, .faq-button):before, .cjr-btn-secondaire:not(.cjr-btn-icone, .faq-button):before, .cjr-btn-primaire:not(.cjr-btn-icone, .faq-button):before {
  content: url("../../../img/button/fleche_region.svg");
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.5rem;
  margin-top: 0.25rem;
}
.cjr-btn.export:before, .export.faq-button:before, .export.cjr-btn-icone:before, .export.cjr-btn-tertiaire:before, .export.cjr-btn-secondaire:before, .export.cjr-btn-primaire:before {
  content: url("../../../img/button/export.svg");
}
.cjr-btn.back-arrow:before, .back-arrow.faq-button:before, .back-arrow.cjr-btn-icone:before, .back-arrow.cjr-btn-tertiaire:before, .back-arrow.cjr-btn-secondaire:before, .back-arrow.cjr-btn-primaire:before {
  content: url("../../../img/button/back_arrow.svg");
  padding: 0 0 0 0.5rem;
}
.cjr-btn.back-down-arrow:before, .back-down-arrow.faq-button:before, .back-down-arrow.cjr-btn-icone:before, .back-down-arrow.cjr-btn-tertiaire:before, .back-down-arrow.cjr-btn-secondaire:before, .back-down-arrow.cjr-btn-primaire:before {
  content: url("../../../img/button/back_down_arrow.svg");
}
.cjr-btn.cross:before, .cross.faq-button:before, .cross.cjr-btn-icone:before, .cross.cjr-btn-tertiaire:before, .cross.cjr-btn-secondaire:before, .cross.cjr-btn-primaire:before {
  content: url("../../../img/button/cross.svg");
  padding: 0 0 0 0.5rem;
}
.cjr-btn.filtre:before, .filtre.faq-button:before, .filtre.cjr-btn-icone:before, .filtre.cjr-btn-tertiaire:before, .filtre.cjr-btn-secondaire:before, .filtre.cjr-btn-primaire:before {
  content: url("../../../img/button/filtre.svg");
}
.cjr-btn.import:before, .import.faq-button:before, .import.cjr-btn-icone:before, .import.cjr-btn-tertiaire:before, .import.cjr-btn-secondaire:before, .import.cjr-btn-primaire:before {
  content: url("../../../img/button/import.svg");
  padding: 0 0 0 0.5rem;
}
.cjr-btn.photo:before, .photo.faq-button:before, .photo.cjr-btn-icone:before, .photo.cjr-btn-tertiaire:before, .photo.cjr-btn-secondaire:before, .photo.cjr-btn-primaire:before {
  content: url("../../../img/button/photo.svg");
}
.cjr-btn.save:before, .save.faq-button:before, .save.cjr-btn-icone:before, .save.cjr-btn-tertiaire:before, .save.cjr-btn-secondaire:before, .save.cjr-btn-primaire:before {
  content: url("../../../img/button/save.svg");
}
.cjr-btn.valide:before, .valide.faq-button:before, .valide.cjr-btn-icone:before, .valide.cjr-btn-tertiaire:before, .valide.cjr-btn-secondaire:before, .valide.cjr-btn-primaire:before {
  content: url("../../../img/button/valid.svg");
}
.cjr-btn.search:before, .search.faq-button:before, .search.cjr-btn-icone:before, .search.cjr-btn-tertiaire:before, .search.cjr-btn-secondaire:before, .search.cjr-btn-primaire:before {
  content: url("../../../img/button/loupe.svg");
}
.cjr-btn.search-reset:before, .search-reset.faq-button:before, .search-reset.cjr-btn-icone:before, .search-reset.cjr-btn-tertiaire:before, .search-reset.cjr-btn-secondaire:before, .search-reset.cjr-btn-primaire:before {
  content: url("../../../img/button/loupe_cross.svg");
}
.cjr-btn.vide:before, .vide.faq-button:before, .vide.cjr-btn-icone:before, .vide.cjr-btn-tertiaire:before, .vide.cjr-btn-secondaire:before, .vide.cjr-btn-primaire:before {
  content: none;
}

/*******************************************************5
                Bouton primaire
        (enregistrement, validation, etc...)
*********************************************************/
.cjr-btn-primaire {
  color: #FFFFFF;
  background-color: #C90C0F;
  border: #C90C0F;
}
.cjr-btn-primaire:hover:not(:disabled) {
  color: #FFFFFF;
  background-color: #9A0305;
}
.cjr-btn-primaire:disabled {
  cursor: not-allowed;
  color: #FFFFFF;
  background-color: #F47D7F !important;
}

/*******************************************************
                Bouton secondaire
        (Précédent, action secondaire, etc...)
*********************************************************/
.cjr-btn-secondaire {
  color: #C90C0F;
  background-color: #FFFFFF;
  border: 2px solid #C90C0F;
  box-sizing: border-box;
}
.cjr-btn-secondaire:hover:not(:disabled) {
  color: #FFFFFF;
  background-color: #9A0305;
  border: 2px solid #9A0305;
}
.cjr-btn-secondaire:disabled {
  cursor: not-allowed;
  color: #F47D7F;
  border: 2px solid #F47D7F !important;
}

/*******************************************************
                Bouton tertiaire
        (Annulation, Quitter, etc...)
*********************************************************/
.cjr-btn-tertiaire {
  color: #FFFFFF;
  background-color: #5C7482;
  border: #5C7482;
}
.cjr-btn-tertiaire:hover:not(:disabled) {
  color: #FFFFFF;
  background-color: #3C4B54;
}
.cjr-btn-tertiaire:disabled {
  cursor: not-allowed;
  color: #FFFFFF;
  background-color: #7DA0B5 !important;
}

/*******************************************************
                Bouton icone
*********************************************************/
.cjr-btn-icone {
  background-color: transparent;
  border: transparent;
  font-size: 1.5rem !important;
  color: #C90C0F;
  min-width: auto;
}
.cjr-btn-icone:hover:not(:disabled) {
  transform: scale(1.2);
  color: #9A0305;
}
.cjr-btn-icone:disabled {
  cursor: not-allowed;
  color: #F47D7F;
}
.cjr-btn-icone.icone-flottante, .cjr-btn-icone.petite-icone-flottante {
  height: auto;
  min-height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
.cjr-btn-icone.petite-icone-flottante {
  font-size: 1rem !important;
}
.cjr-btn-icone .icone-noire {
  color: #202228;
}

/*******************************************************
        Bouton indice nouvelle charte graphique
*********************************************************/
.cjr-btn-indice {
  background-color: white;
  border: none;
  color: #202228;
  text-decoration: none;
}
.cjr-btn-indice:hover:not(:disabled) .cjr-indice-titre, .cjr-btn-indice:hover:not(:disabled) .cjr-indice-label {
  color: #C90C0F;
}
.cjr-btn-indice:focus-visible {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
  box-shadow: none;
}

.cjr-indice-titre {
  font-weight: 700;
  font-size: 36px;
  text-decoration: none;
  color: #202228;
  text-align: center;
}

.cjr-indice-label {
  text-decoration: none;
  color: #202228;
  text-align: center;
}

.cjr-search-btn {
  background-color: #C90C0F;
  border: none;
  color: white;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.cjr-search-btn:hover:not(:disabled) {
  background-color: #9A0305;
}
.cjr-search-btn:focus-visible {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
  box-shadow: none;
}

.cjr-password {
  position: relative;
}
.cjr-password input {
  padding-right: 2rem;
}
.cjr-password .col-eye-icon {
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.cjr-password .eye-icon {
  color: black;
  padding: 0;
}

/*******************************************************
                      Extras
*********************************************************/
.cursor-default {
  cursor: default;
}

.clickable-img-btn {
  border: none;
  background: none;
}
.clickable-img-btn:hover {
  transform: scale(1.1);
}

.min-width-max-content {
  min-width: max-content;
}

/*******************************************************
                Lien
*********************************************************/
.cjr-lien, .faq-context-content a, .section-context-title a, .faq-reponse a, .carousel-item .diapositive-clickable, .carousel-item a {
  color: #C90C0F !important;
  text-decoration: underline;
  cursor: pointer;
}
.cjr-lien:hover, .faq-context-content a:hover, .section-context-title a:hover, .faq-reponse a:hover, .carousel-item .diapositive-clickable:hover, .carousel-item a:hover {
  color: #C90C0F !important;
  text-decoration: none;
}
.cjr-lien:focus-visible, .faq-context-content a:focus-visible, .section-context-title a:focus-visible, .faq-reponse a:focus-visible, .carousel-item .diapositive-clickable:focus-visible, .carousel-item a:focus-visible {
  color: #C90C0F !important;
  text-decoration: none;
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
}

.cjr-lien-text-color-black {
  color: #202228 !important;
  text-decoration: underline;
  cursor: pointer;
}
.cjr-lien-text-color-black:hover {
  text-decoration: none;
}
.cjr-lien-text-color-black:focus-visible {
  text-decoration: none;
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
}

.cjr-lien-underline-color-red {
  text-decoration: underline !important;
  text-decoration: #C90C0F;
}

/*******************************************************
               Champs
*********************************************************/
.cjr-input-block {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.cjr-input-block .cjr-input-label-normal-weight {
  font-weight: normal;
}
.cjr-input-block .cjr-input-label {
  font-weight: bolder;
}
.cjr-input-block .cjr-input {
  flex: 1 1 100%;
  width: 100%;
  border: 1px solid #5C7482;
  border-radius: 6px !important;
  height: 31px;
  padding-left: 0.5rem;
}
.cjr-input-block .cjr-input::placeholder {
  font-family: "Montserrat", sans-serif;
  color: #5C7482;
  opacity: 1;
}
.cjr-input-block .cjr-input:hover {
  border: 1px solid #202228;
}
.cjr-input-block .cjr-input:focus-visible {
  border: 1px solid #5C7482 !important;
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
}
.cjr-input-block .cjr-input:disabled {
  mix-blend-mode: normal;
  opacity: 0.5;
}
.cjr-input-block .cjr-input.invalid {
  border: 1px solid #C90C0F;
  color: #C90C0F;
}
.cjr-input-block .cjr-input-error {
  color: #C90C0F;
}
.cjr-input-block .cjr-input.search {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.cjr-col-sm {
  max-width: 130px;
  min-width: 130px;
}

.cjr-col-md {
  max-width: 230px;
  min-width: 230px;
}

.cjr-col-lg {
  max-width: 400px;
  min-width: 400px;
}

.cjr-col-xl {
  max-width: 500px;
  min-width: 500px;
}

.cjr-col-date {
  max-width: 200px;
  min-width: 200px;
}

.cjr-input-date {
  padding-top: 0.5rem;
}

/*******************************************************
               Text Areas
*********************************************************/
.cjr-input-block {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.cjr-input-block .cjr-input-label {
  font-weight: bolder;
}
.cjr-input-block .cjr-text-area {
  height: 10rem;
  border: 1px solid #5C7482;
  flex: 1 1 100%;
  width: 100%;
  border-radius: 6px !important;
  padding-left: 0.5rem;
  -webkit-filter: blur(0);
}
.cjr-input-block .cjr-text-area:hover {
  border: 1px solid #202228;
}
.cjr-input-block .cjr-text-area:focus-visible {
  border: 1px solid #5C7482 !important;
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
}
.cjr-input-block .cjr-text-area:disabled {
  mix-blend-mode: normal;
  opacity: 0.5;
}
.cjr-input-block .cjr-text-area::placeholder {
  font-family: "Montserrat", sans-serif;
  color: #202228;
  opacity: 0.75;
}

/*******************************************************
                Liste déroulante
*********************************************************/
cjr-dropdown {
  width: 100%;
}
cjr-dropdown div.text {
  padding-right: 1.5rem;
}

.cjr-dropdown {
  border-radius: 6px !important;
  border: 1px solid #5C7482 !important;
  min-height: auto !important;
  padding: 0.5rem !important;
}
.cjr-dropdown .default.text {
  color: #5C7482 !important;
}
.cjr-dropdown:hover {
  border: 1px solid #202228 !important;
}
.cjr-dropdown:focus-visible {
  border: 1px solid #5C7482 !important;
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
}
.cjr-dropdown:active {
  border: 1px solid #5C7482 !important;
}
.cjr-dropdown.multiple {
  padding: 0.1rem 0.5rem 0.1rem 0.5rem !important;
  min-height: 2rem !important;
}
.cjr-dropdown.multiple .label.transition.visible {
  font-size: 0.85rem;
  text-decoration: none;
  background-color: #C90C0F;
  color: #F3F6F9;
  font-weight: 500;
}
.cjr-dropdown.multiple .search {
  margin: 0 !important;
}
.cjr-dropdown.multiple i.dropdown.cjr-dropdown-icon {
  color: #C90C0F;
  padding: 0 !important;
  margin: auto !important;
}
.cjr-dropdown.multiple .remove.icon {
  color: #C90C0F;
  padding: inherit !important;
  padding-top: 0.5rem !important;
}
.cjr-dropdown .menu.transition.visible {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.cjr-dropdown i.dropdown.cjr-dropdown-icon {
  color: #C90C0F;
  padding: 0 !important;
  margin: auto !important;
}

.ui-menu-in-modal {
  z-index: 1042;
}

.ui.loading.selection.dropdown > i.icon {
  padding: 0 !important;
}

div .dropdown.bootstrap-select {
  width: 100% !important;
}

div .bootstrap-select {
  border: 1px solid #5C7482;
  border-radius: 6px;
}
div .bootstrap-select:focus-visible {
  border: 1px solid #5C7482 !important;
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
}
div .bootstrap-select .dropdown-toggle {
  background-color: #fff;
}
div .bootstrap-select .dropdown-toggle:focus-visible, div .bootstrap-select .dropdown-toggle:focus {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px !important;
  transition: outline-color 1s ease-out;
  box-shadow: none;
}
div .bootstrap-select .dropdown-toggle:active {
  outline: none !important;
}
div .bootstrap-select .dropdown-toggle::after {
  color: #C90C0F;
}
div .bootstrap-select button {
  border-radius: 6px;
}
div .bootstrap-select.multiple .selected > .bs-ok-default.check-mark::after {
  color: #C90C0F;
}
div .bootstrap-select.multiple .filter-option-inner-inner .label {
  font-size: 0.85rem;
  text-decoration: none;
  background-color: #C90C0F;
  color: #F3F6F9;
  font-weight: 500;
  padding: 0rem 0.5rem;
  display: inline-flex;
  position: relative;
  margin-right: 5px;
  border-radius: 0.3125rem;
  padding-right: 20px;
}
div .bootstrap-select.multiple .filter-option-inner-inner .label::after {
  content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><line x1='18' y1='6' x2='6' y2='18'></line><line x1='6' y1='6' x2='18' y2='18'></line></svg>");
  position: absolute;
  top: 11%;
  right: 5%;
}
div .bootstrap-select.multiple .filter-option-inner-inner::after {
  content: "✖";
  position: absolute;
  color: #C90C0F;
  left: 85%;
  top: 20%;
}
div .bootstrap-select input.form-control {
  border: 1px solid #5C7482 !important;
}
div .bootstrap-select input.form-control:focus-visible {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px !important;
  transition: outline-color 1s ease-out;
  box-shadow: none;
}
div .bootstrap-select li {
  padding: 0;
}
div .bootstrap-select li span {
  padding: 0.5rem 0.2rem !important;
  white-space: normal;
  word-wrap: normal;
}
div .bootstrap-select li:before {
  content: none;
}
div .bootstrap-select .dropdown-item.active, div .bootstrap-select .dropdown-item:active {
  background: #d0d0d0 !important;
  color: black;
  text-decoration: none;
}

.bootstrap-select .btn:not(.bs-placeholder) {
  white-space: normal !important;
  word-wrap: break-word !important;
}

/*!
* # Fomantic-UI - Dropdown
* http://github.com/fomantic/Fomantic-UI/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
*
*/
/*******************************
            Dropdown
*******************************/
.ui.dropdown {
  cursor: pointer;
  position: relative;
  display: inline-block;
  outline: none;
  text-align: left;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/*******************************
            Content
*******************************/
/*--------------
      Menu
---------------*/
.ui.dropdown .menu {
  cursor: auto;
  position: absolute;
  display: none;
  outline: none;
  top: 100%;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  margin: 0;
  padding: 0 0;
  background: #FFFFFF;
  font-size: 1em;
  text-shadow: none;
  text-align: left;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  z-index: 11;
  will-change: transform, opacity;
}

.ui.dropdown .menu > * {
  white-space: nowrap;
}

/*--------------
  Hidden Input
---------------*/
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important;
}

/*--------------
 Dropdown Icon
---------------*/
.ui.dropdown > .dropdown.icon.icon {
  position: relative;
  width: auto;
  font-size: 0.85714286em;
  margin: 0 0 0 1em;
}

.ui.dropdown .menu > .item .dropdown.icon {
  width: auto;
  float: right;
  margin: 0em 0 0 1em;
}

.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-right: 1em;
}

/*--------------
      Text
---------------*/
.ui.dropdown > .text {
  display: inline-block;
  -webkit-transition: none;
  transition: none;
}

/*--------------
    Menu Item
---------------*/
.ui.dropdown .menu > .item {
  position: relative;
  cursor: pointer;
  display: block;
  border: none;
  height: auto;
  text-align: left;
  border-top: none;
  line-height: 1em;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
  padding: 0.78571429rem 1.14285714rem !important;
  text-transform: none;
  font-weight: normal;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-touch-callout: none;
}

.ui.dropdown .menu > .item:first-child {
  border-top-width: 0;
}

/*--------------
  Floated Content
---------------*/
.ui.dropdown > .text > [class*="right floated"],
.ui.dropdown .menu .item > [class*="right floated"] {
  float: right !important;
  margin-right: 0 !important;
  margin-left: 1em !important;
}

.ui.dropdown > .text > [class*="left floated"],
.ui.dropdown .menu .item > [class*="left floated"] {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 1em !important;
}

.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0em;
}

/*--------------
  Menu Divider
---------------*/
.ui.dropdown .menu > .header {
  margin: 1rem 0 0.75rem;
  padding: 0 1.14285714rem;
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: bold;
  text-transform: uppercase;
}

.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0;
  margin: 0.5em 0;
}

.ui.dropdown.dropdown .menu > .input {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
}

.ui.dropdown .menu > .header + .input {
  margin-top: 0;
}

.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}

.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/*-----------------
  Item Description
-------------------*/
.ui.dropdown > .text > .description,
.ui.dropdown .menu > .item > .description {
  float: right;
  margin: 0 0 0 1em;
  color: rgba(0, 0, 0, 0.4);
}

/*-----------------
       Message
-------------------*/
.ui.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
  font-weight: normal;
}

.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}

/*--------------
    Sub Menu
---------------*/
.ui.dropdown .menu .menu {
  top: 0;
  left: 100%;
  right: auto;
  margin: 0 0 0 -0.5em !important;
  border-radius: 0.28571429rem !important;
  z-index: 21 !important;
}

/* Hide Arrow */
.ui.dropdown .menu .menu:after {
  display: none;
}

/*--------------
   Sub Elements
---------------*/
/* Icons / Flags / Labels / Image */
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image {
  margin-top: 0em;
}

.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-top: 0em;
}

.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img {
  margin-left: 0;
  float: none;
  margin-right: 0.78571429rem;
}

/*--------------
     Image
---------------*/
.ui.dropdown > .text > img,
.ui.dropdown > .text > .image:not(.icon),
.ui.dropdown .menu > .item > .image:not(.icon),
.ui.dropdown .menu > .item > img {
  display: inline-block;
  vertical-align: top;
  width: auto;
  margin-top: -0.5em;
  margin-bottom: -0.5em;
  max-height: 2em;
}

/*******************************
            Coupling
*******************************/
/*--------------
      Menu
---------------*/
/* Remove Menu Item Divider */
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none;
}

/* Prevent Menu Item Border */
.ui.menu .ui.dropdown .menu .active.item {
  border-left: none;
}

/* Automatically float dropdown menu right on last menu item */
.ui.menu .right.menu .dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.buttons > .ui.dropdown:last-child .menu {
  left: auto;
  right: 0;
}

/*--------------
      Label
---------------*/
/* Dropdown Menu */
.ui.label.dropdown .menu {
  min-width: 100%;
}

/*--------------
     Button
---------------*/
/* No Margin On Icon Button */
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0;
}

.ui.button.dropdown .menu {
  min-width: 100%;
}

/*******************************
              Types
*******************************/
/*--------------
    Selection
---------------*/
/* Displays like a select box */
.ui.selection.dropdown {
  cursor: pointer;
  word-wrap: break-word;
  line-height: 1em;
  white-space: normal;
  outline: 0;
  -webkit-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  min-width: 14em;
  min-height: 2.71428571em;
  background: #FFFFFF;
  display: inline-block;
  padding: 0.78571429em 3.2em 0.78571429em 1em;
  color: rgba(0, 0, 0, 0.87);
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  -webkit-transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: width 0.1s ease, -webkit-box-shadow 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease;
  transition: box-shadow 0.1s ease, width 0.1s ease, -webkit-box-shadow 0.1s ease;
}

.ui.selection.dropdown.visible,
.ui.selection.dropdown.active {
  z-index: 10;
}

select.ui.dropdown {
  height: 38px;
  padding: 0.5em;
  border: 1px solid rgba(34, 36, 38, 0.15);
  visibility: visible;
}

.ui.selection.dropdown > .search.icon,
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon {
  cursor: pointer;
  position: absolute;
  width: auto;
  height: auto;
  line-height: 1.21428571em;
  top: 0.78571429em;
  right: 1em;
  z-index: 3;
  margin: -0.78571429em;
  padding: 0.91666667em;
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

/* Compact */
.ui.compact.selection.dropdown {
  min-width: 0;
}

/*  Selection Menu */
.ui.selection.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  border-top-width: 0 !important;
  width: auto;
  outline: none;
  margin: 0 -1px;
  min-width: calc(100% + 2px);
  border-radius: 0 0 0.28571429rem 0.28571429rem;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}

/*--------------
    Message
---------------*/
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
}

@media only screen and (max-width: 767.98px) {
  .ui.selection.dropdown[class*="very short"] .menu {
    max-height: 4.00714286rem;
  }
  .ui.selection.dropdown.short .menu {
    max-height: 6.01071429rem;
  }
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem;
  }
  .ui.selection.dropdown.long .menu {
    max-height: 16.02857143rem;
  }
  .ui.selection.dropdown[class*="very long"] .menu {
    max-height: 24.04285714rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.selection.dropdown[class*="very short"] .menu {
    max-height: 5.34285714rem;
  }
  .ui.selection.dropdown.short .menu {
    max-height: 8.01428571rem;
  }
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem;
  }
  .ui.selection.dropdown.long .menu {
    max-height: 21.37142857rem;
  }
  .ui.selection.dropdown[class*="very long"] .menu {
    max-height: 32.05714286rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.selection.dropdown[class*="very short"] .menu {
    max-height: 8.01428571rem;
  }
  .ui.selection.dropdown.short .menu {
    max-height: 12.02142857rem;
  }
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem;
  }
  .ui.selection.dropdown.long .menu {
    max-height: 32.05714286rem;
  }
  .ui.selection.dropdown[class*="very long"] .menu {
    max-height: 48.08571429rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown[class*="very short"] .menu {
    max-height: 10.68571429rem;
  }
  .ui.selection.dropdown.short .menu {
    max-height: 16.02857143rem;
  }
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem;
  }
  .ui.selection.dropdown.long .menu {
    max-height: 42.74285714rem;
  }
  .ui.selection.dropdown[class*="very long"] .menu {
    max-height: 64.11428571rem;
  }
}
/* Menu Item */
.ui.selection.dropdown .menu > .item {
  border-top: 1px solid #FAFAFA;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
  word-wrap: normal;
}

/* User Item */
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}

/* Hover */
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Active */
.ui.selection.active.dropdown {
  border-color: #96C8DA;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}

.ui.selection.active.dropdown .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}

/* Focus */
.ui.selection.dropdown:focus {
  border-color: #96C8DA;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui.selection.dropdown:focus .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}

/* Visible */
.ui.selection.visible.dropdown > .text:not(.default) {
  font-weight: normal;
  color: rgba(0, 0, 0, 0.8);
}

/* Visible Hover */
.ui.selection.active.dropdown:hover {
  border-color: #96C8DA;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}

.ui.selection.active.dropdown:hover .menu {
  border-color: #96C8DA;
  -webkit-box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}

/* Dropdown Icon */
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: "";
  z-index: 3;
}

/* Connecting Border */
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

/* Empty Connecting Border */
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/*--------------
   Searchable
---------------*/
/* Search Selection */
.ui.search.dropdown {
  min-width: "";
}

/* Search Dropdown */
.ui.search.dropdown > input.search {
  background: none transparent !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  cursor: text;
  top: 0;
  left: 1px;
  width: 100%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  padding: inherit;
}

/* Text Layering */
.ui.search.dropdown > input.search {
  position: absolute;
  z-index: 2;
}

.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  left: 1px;
  z-index: 3;
  white-space: nowrap;
  text-overflow: clip;
  overflow: hidden;
  width: 96%;
}

/* Search Selection */
.ui.search.selection.dropdown > input.search {
  line-height: 1.21428571em;
  padding: 0.67857143em 3.2em 0.67857143em 1em;
}

/* Used to size multi select input to character width */
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 3.2em 0.67857143em 1em;
  display: none;
  white-space: pre;
}

/* Active/Visible Search */
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}

.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none;
}

/* Filtered Text */
.ui.active.search.dropdown input.search:focus + .text .icon,
.ui.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}

.ui.active.search.dropdown input.search:focus + .text {
  color: rgba(115, 115, 115, 0.87) !important;
}

/* Search Menu */
.ui.search.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
}

@media only screen and (max-width: 767.98px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
/* Clearable Selection */
.ui.dropdown > .remove.icon {
  cursor: pointer;
  font-size: 0.85714286em;
  margin: -0.78571429em;
  padding: 0.91666667em;
  right: 3em;
  top: 0.78571429em;
  position: absolute;
  opacity: 0.6;
  z-index: 3;
}

.ui.clearable.dropdown .text,
.ui.clearable.dropdown a:last-of-type {
  margin-right: 1.5em;
}

.ui.dropdown select.noselection ~ .remove.icon,
.ui.dropdown input[value=""] ~ .remove.icon,
.ui.dropdown input:not([value]) ~ .remove.icon,
.ui.dropdown.loading > .remove.icon {
  display: none;
}

/*--------------
    Multiple
---------------*/
/* Multiple Selection */
.ui.multiple.dropdown {
  padding: 0.22619048em 3.2em 0.22619048em 0.35714286em;
}

.ui.multiple.dropdown .menu {
  cursor: auto;
}

/* Multiple Search Selection */
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}

/* Selection Label */
.ui.multiple.dropdown > .label {
  display: inline-block;
  white-space: normal;
  font-size: 1em;
  padding: 0.35714286em 0.78571429em;
  margin: 0.14285714rem 0.28571429rem 0.14285714rem 0;
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
  box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
}

/* Dropdown Icon */
.ui.multiple.dropdown .dropdown.icon {
  margin: 0;
  padding: 0;
}

/* Text */
.ui.multiple.dropdown > .text {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}

.ui.multiple.dropdown > .label ~ input.search {
  margin-left: 0.14285714em !important;
}

.ui.multiple.dropdown > .label ~ .text {
  display: none;
}

.ui.multiple.dropdown > .label:not(.image) > img:not(.centered) {
  margin-right: 0.78571429rem;
}

.ui.multiple.dropdown > .label:not(.image) > img.ui:not(.avatar) {
  margin-bottom: 0.39285714rem;
}

.ui.multiple.dropdown > .image.label img {
  margin: -0.35714286em 0.78571429em -0.35714286em -0.78571429em;
  height: 1.71428571em;
}

/*-----------------
  Multiple Search
-----------------*/
/* Prompt Text */
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  padding: inherit;
  margin: 0.45238095em 0 0.45238095em 0.64285714em;
  line-height: 1.21428571em;
}

.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}

/* Search */
.ui.multiple.search.dropdown > input.search {
  position: static;
  padding: 0;
  max-width: 100%;
  margin: 0.45238095em 0 0.45238095em 0.64285714em;
  width: 2.2em;
  line-height: 1.21428571em;
}

/*--------------
     Inline
---------------*/
.ui.inline.dropdown {
  cursor: pointer;
  display: inline-block;
  color: inherit;
}

.ui.inline.dropdown .dropdown.icon {
  margin: 0 0.21428571em 0 0.21428571em;
  vertical-align: baseline;
}

.ui.inline.dropdown > .text {
  font-weight: bold;
}

.ui.inline.dropdown .menu {
  cursor: auto;
  margin-top: 0.21428571em;
  border-radius: 0.28571429rem;
}

/*******************************
            States
*******************************/
/*--------------------
        Active
----------------------*/
/* Menu Item Active */
.ui.dropdown .menu .active.item {
  background: transparent;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.95);
  -webkit-box-shadow: none;
  box-shadow: none;
  z-index: 12;
}

/*--------------------
        Hover
----------------------*/
/* Menu Item Hover */
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}

/*--------------------
       Loading
---------------------*/
.ui.loading.dropdown > i.icon {
  height: 1em !important;
}

.ui.loading.selection.dropdown > i.icon {
  padding: 1.5em 1.28571429em !important;
}

.ui.loading.dropdown > i.icon:before {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  border-radius: 500rem;
  border: 0.2em solid rgba(0, 0, 0, 0.1);
}

.ui.loading.dropdown > i.icon:after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  -webkit-box-shadow: 0 0 0 1px transparent;
  box-shadow: 0 0 0 1px transparent;
  margin: -0.64285714em 0 0 -0.64285714em;
  width: 1.28571429em;
  height: 1.28571429em;
  -webkit-animation: loader 0.6s infinite linear;
  animation: loader 0.6s infinite linear;
  border: 0.2em solid #767676;
  border-radius: 500rem;
}

/* Coupling */
.ui.loading.dropdown.button > i.icon:before,
.ui.loading.dropdown.button > i.icon:after {
  display: none;
}

/*--------------------
     Default Text
----------------------*/
.ui.dropdown:not(.button) > .default.text,
.ui.default.dropdown:not(.button) > .text {
  color: rgba(191, 191, 191, 0.87);
}

.ui.dropdown:not(.button) > input:focus ~ .default.text,
.ui.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(115, 115, 115, 0.87);
}

/*--------------------
        Loading
----------------------*/
.ui.loading.dropdown > .text {
  -webkit-transition: none;
  transition: none;
}

/* Used To Check Position */
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}

.ui.dropdown > .loading.menu {
  left: 0 !important;
  right: auto !important;
}

.ui.dropdown > .menu .loading.menu {
  left: 100% !important;
  right: auto !important;
}

/*--------------------
    Keyboard Select
----------------------*/
/* Selected Item */
.ui.dropdown.selected,
.ui.dropdown .menu .selected.item {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}

/*--------------------
    Search Filtered
----------------------*/
/* Filtered Item */
.ui.dropdown > .filtered.text {
  visibility: hidden;
}

.ui.dropdown .filtered.item {
  display: none !important;
}

/*--------------------
        Error
----------------------*/
.ui.dropdown.error,
.ui.dropdown.error > .text,
.ui.dropdown.error > .default.text {
  color: #9F3A38;
}

.ui.selection.dropdown.error {
  background: #FFF6F6;
  border-color: #E0B4B4;
}

.ui.selection.dropdown.error:hover {
  border-color: #E0B4B4;
}

.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu {
  border-color: #E0B4B4;
}

.ui.dropdown.error > .menu > .item {
  color: #9F3A38;
}

.ui.multiple.selection.error.dropdown > .label {
  border-color: #E0B4B4;
}

/* Item Hover */
.ui.dropdown.error > .menu > .item:hover {
  background-color: #FFF2F2;
}

/* Item Active */
.ui.dropdown.error > .menu .active.item {
  background-color: #FDCFCF;
}

/*--------------------
        Clear
----------------------*/
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.8;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
}

.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}

/*--------------------
        Disabled
----------------------*/
/* Disabled */
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  pointer-events: none;
  opacity: 0.45;
}

/*******************************
           Variations
*******************************/
/*--------------
    Direction
---------------*/
/* Flyout Direction */
.ui.dropdown .menu {
  left: 0;
}

/* Default Side (Right) */
.ui.dropdown .right.menu > .menu,
.ui.dropdown .menu .right.menu {
  left: 100% !important;
  right: auto !important;
  border-radius: 0.28571429rem !important;
}

/* Leftward Opening Menu */
.ui.dropdown > .left.menu {
  left: auto !important;
  right: 0 !important;
}

.ui.dropdown > .left.menu .menu,
.ui.dropdown .menu .left.menu {
  left: auto;
  right: 100%;
  margin: 0 -0.5em 0 0 !important;
  border-radius: 0.28571429rem !important;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0 0 0;
}

.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  width: auto;
  float: left;
  margin: 0em 0 0 0;
}

.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 1em;
  margin-right: 0;
}

/*--------------
     Upward
---------------*/
/* Upward Main Menu */
.ui.upward.dropdown > .menu {
  top: auto;
  bottom: 100%;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}

/* Upward Sub Menu */
.ui.dropdown .upward.menu {
  top: auto !important;
  bottom: 0 !important;
}

/* Active Upward */
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}

/* Selection */
.ui.upward.selection.dropdown .menu {
  border-top-width: 1px !important;
  border-bottom-width: 0 !important;
  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
}

.ui.upward.selection.dropdown:hover {
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
}

/* Active Upward */
.ui.active.upward.selection.dropdown {
  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}

/* Visible Upward */
.ui.upward.selection.dropdown.visible {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}

/* Visible Hover Upward */
.ui.upward.active.selection.dropdown:hover {
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
}

.ui.upward.active.selection.dropdown:hover .menu {
  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
}

/*--------------
     Scrolling
---------------*/
/*  Selection Menu */
.ui.scrolling.dropdown .menu,
.ui.dropdown .scrolling.menu {
  overflow-x: hidden;
  overflow-y: auto;
}

.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-overflow-scrolling: touch;
  min-width: 100% !important;
  width: auto !important;
}

.ui.dropdown .scrolling.menu {
  position: static;
  overflow-y: auto;
  border: none;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: 0 !important;
  min-width: 100% !important;
  width: auto !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
}

.ui.scrolling.dropdown .menu .item.item.item,
.ui.dropdown .scrolling.menu > .item.item.item {
  border-top: none;
}

.ui.scrolling.dropdown .menu .item:first-child,
.ui.dropdown .scrolling.menu .item:first-child {
  border-top: none;
}

.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block;
}

/* Scrollbar in IE */
@media all and (-ms-high-contrast: none) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    min-width: calc(100% - 17px);
  }
}
@media only screen and (max-width: 767.98px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 10.28571429rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 15.42857143rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.scrolling.dropdown .menu,
  .ui.dropdown .scrolling.menu {
    max-height: 20.57142857rem;
  }
}
/*--------------
     Columnar
---------------*/
.ui.dropdown[class*="two column"] > .menu > .item {
  display: inline-block;
  width: 50%;
}

.ui.dropdown[class*="three column"] > .menu > .item {
  display: inline-block;
  width: 33%;
}

.ui.dropdown[class*="four column"] > .menu > .item {
  display: inline-block;
  width: 25%;
}

.ui.dropdown[class*="five column"] > .menu > .item {
  display: inline-block;
  width: 20%;
}

/*--------------
     Simple
---------------*/
/* Displays without javascript */
.ui.simple.dropdown .menu:before,
.ui.simple.dropdown .menu:after {
  display: none;
}

.ui.simple.dropdown .menu {
  position: absolute;
  /* IE hack to make dropdown icons appear inline */
  display: -ms-inline-flexbox !important;
  display: block;
  overflow: hidden;
  top: -9999px;
  opacity: 0;
  width: 0;
  height: 0;
  -webkit-transition: opacity 0.1s ease;
  transition: opacity 0.1s ease;
  margin-top: 0 !important;
}

.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 100%;
  opacity: 1;
}

.ui.simple.dropdown > .menu > .item:active > .menu,
.ui.simple.dropdown:hover > .menu > .item:hover > .menu {
  overflow: visible;
  width: auto;
  height: auto;
  top: 0 !important;
  left: 100% !important;
  opacity: 1;
}

.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0;
  width: 0;
  overflow: hidden;
}

/* Visible */
.ui.simple.visible.dropdown > .menu {
  display: block;
}

/* Scrolling */
.ui.simple.scrolling.active.dropdown > .menu,
.ui.simple.scrolling.dropdown:hover > .menu {
  overflow-x: hidden;
  overflow-y: auto;
}

/*--------------
      Fluid
---------------*/
.ui.fluid.dropdown {
  display: block;
  width: 100% !important;
  min-width: 0;
}

.ui.fluid.dropdown > .dropdown.icon {
  float: right;
}

/*--------------
    Floating
---------------*/
.ui.floating.dropdown .menu {
  left: 0;
  right: auto;
  -webkit-box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
  border-radius: 0.28571429rem !important;
}

.ui.floating.dropdown > .menu {
  border-radius: 0.28571429rem !important;
}

.ui:not(.upward).floating.dropdown > .menu {
  margin-top: 0.5em;
}

.ui.upward.floating.dropdown > .menu {
  margin-bottom: 0.5em;
}

/*--------------
     Pointing
---------------*/
.ui.pointing.dropdown > .menu {
  top: 100%;
  margin-top: 0.78571429rem;
  border-radius: 0.28571429rem;
}

.ui.pointing.dropdown > .menu:not(.hidden):after {
  display: block;
  position: absolute;
  pointer-events: none;
  content: "";
  visibility: visible;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 0.5em;
  height: 0.5em;
  -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
  background: #FFFFFF;
  z-index: 2;
}

.ui.pointing.dropdown > .menu:not(.hidden):after {
  top: -0.25em;
  left: 50%;
  margin: 0 0 0 -0.25em;
}

/* Top Left Pointing */
.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
  margin: 1em 0 0;
}

.ui.top.left.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  left: 0;
  right: auto;
  margin: 1em 0 0;
}

.ui.top.left.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: 1em;
  right: auto;
  margin: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Top Right Pointing */
.ui.top.right.pointing.dropdown > .menu {
  top: 100%;
  bottom: auto;
  right: 0;
  left: auto;
  margin: 1em 0 0;
}

.ui.top.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
  top: -0.25em;
  left: auto !important;
  right: 1em !important;
  margin: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* Left Pointing */
.ui.left.pointing.dropdown > .menu {
  top: 0;
  left: 100%;
  right: auto;
  margin: 0 0 0 1em;
}

.ui.left.pointing.dropdown > .menu:after {
  top: 1em;
  left: -0.25em;
  margin: 0 0 0 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: auto !important;
  right: 100% !important;
  margin: 0 1em 0 0;
}

.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0 0 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* Right Pointing */
.ui.right.pointing.dropdown > .menu {
  top: 0;
  left: auto;
  right: 100%;
  margin: 0 1em 0 0;
}

.ui.right.pointing.dropdown > .menu:after {
  top: 1em;
  left: auto;
  right: -0.25em;
  margin: 0 0 0 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

/* Bottom Pointing */
.ui.bottom.pointing.dropdown > .menu {
  top: auto;
  bottom: 100%;
  left: 0;
  right: auto;
  margin: 0 0 1em;
}

.ui.bottom.pointing.dropdown > .menu:after {
  top: auto;
  bottom: -0.25em;
  right: auto;
  margin: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

/* Reverse Sub-Menu Direction */
.ui.bottom.pointing.dropdown > .menu .menu {
  top: auto !important;
  bottom: 0 !important;
}

/* Bottom Left */
.ui.bottom.left.pointing.dropdown > .menu {
  left: 0;
  right: auto;
}

.ui.bottom.left.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto;
}

/* Bottom Right */
.ui.bottom.right.pointing.dropdown > .menu {
  right: 0;
  left: auto;
}

.ui.bottom.right.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em;
}

/* Upward pointing */
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  top: auto !important;
  bottom: 100% !important;
  margin: 0 0 0.78571429rem;
  border-radius: 0.28571429rem;
}

.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  top: 100% !important;
  bottom: auto !important;
  -webkit-box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
  box-shadow: 1px 1px 0 0 rgba(34, 36, 38, 0.15);
  margin: -0.25em 0 0;
}

/* Right Pointing Upward */
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 1em 0 0;
}

.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 0 1em 0;
  -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
}

/* Left Pointing Upward */
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 0 0 1em;
}

.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  top: auto !important;
  bottom: 0 !important;
  margin: 0 0 1em 0;
  -webkit-box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
  box-shadow: -1px -1px 0 0 rgba(34, 36, 38, 0.15);
}

/*--------------------
        Sizes
---------------------*/
/* Dropdown Size */
.ui.mini.dropdown {
  font-size: 0.78571429rem;
}

.ui.tiny.dropdown {
  font-size: 0.85714286rem;
}

.ui.small.dropdown {
  font-size: 0.92857143rem;
}

.ui.dropdown {
  font-size: 1rem;
}

.ui.large.dropdown {
  font-size: 1.14285714rem;
}

.ui.big.dropdown {
  font-size: 1.28571429rem;
}

.ui.huge.dropdown {
  font-size: 1.42857143rem;
}

.ui.massive.dropdown {
  font-size: 1.71428571rem;
}

/* Dropdown Item Size */
.ui.mini.dropdown .menu > .item {
  font-size: 0.78571429rem;
}

.ui.tiny.dropdown .menu > .item {
  font-size: 0.85714286rem;
}

.ui.small.dropdown .menu > .item {
  font-size: 0.92857143rem;
}

.ui.dropdown .menu > .item {
  font-size: 1rem;
}

.ui.large.dropdown .menu > .item {
  font-size: 1.14285714rem;
}

.ui.big.dropdown .menu > .item {
  font-size: 1.28571429rem;
}

.ui.huge.dropdown .menu > .item {
  font-size: 1.42857143rem;
}

.ui.massive.dropdown .menu > .item {
  font-size: 1.71428571rem;
}

/*--------------
    Inverted
---------------*/
/* General rules and basic dropdowns */
.ui.inverted.dropdown .menu {
  background: #1B1C1D;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid rgba(255, 255, 255, 0.15);
}

.ui.inverted.dropdown .menu > .item {
  color: rgba(255, 255, 255, 0.8);
}

.ui.inverted.dropdown .menu .active.item {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui.inverted.dropdown .menu > .item:hover {
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.8);
}

.ui.inverted.dropdown.selected,
.ui.inverted.dropdown .menu .selected.item {
  background: rgba(255, 255, 255, 0.15);
  color: rgba(255, 255, 255, 0.8);
}

.ui.inverted.dropdown .menu > .header {
  color: #FFFFFF;
}

.ui.inverted.dropdown > .text > .description,
.ui.inverted.dropdown .menu > .item > .description {
  color: rgba(255, 255, 255, 0.5);
}

.ui.inverted.dropdown .menu > .divider {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.ui.inverted.dropdown .scrolling.menu {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

/* Selection */
.ui.inverted.selection.dropdown {
  border: 1px solid rgba(255, 255, 255, 0.15);
  background: #1B1C1D;
  color: rgba(255, 255, 255, 0.8);
}

.ui.inverted.selection.dropdown:hover {
  border-color: rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui.inverted.selection.dropdown input {
  color: #FFFFFF;
}

.ui.inverted.dropdown:not(.button) > .default.text,
.ui.inverted.default.dropdown:not(.button) > .text {
  color: rgba(255, 255, 255, 0.5);
}

.ui.inverted.dropdown:not(.button) > input:focus ~ .default.text,
.ui.inverted.default.dropdown:not(.button) > input:focus ~ .text {
  color: rgba(255, 255, 255, 0.7);
}

.ui.inverted.selection.visible.dropdown > .text:not(.default) {
  color: rgba(255, 255, 255, 0.9);
}

.ui.inverted.active.search.dropdown input.search:focus + .text .icon,
.ui.inverted.active.search.dropdown input.search:focus + .text .flag {
  opacity: 0.45;
}

.ui.inverted.active.search.dropdown input.search:focus + .text {
  color: rgba(255, 255, 255, 0.7) !important;
}

.ui.inverted.selection.active.dropdown .menu,
.ui.inverted.selection.active.dropdown:hover {
  border-color: rgba(255, 255, 255, 0.15);
}

.ui.inverted.selection.dropdown .menu > .item {
  border-top: 1px solid #242526;
}

.ui.inverted.dropdown .menu > .message:not(.ui) {
  color: rgba(255, 255, 255, 0.5);
}

/* Fixing the border */
.ui.inverted.dropdown .menu > .item:first-child {
  border-top-width: 0;
}

/* Labels */
.ui.inverted.multiple.dropdown > .label {
  background-color: rgba(255, 255, 255, 0.7);
  background-image: none;
  color: #000000;
  -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
}

.ui.inverted.multiple.dropdown > .label:hover {
  background-color: rgba(255, 255, 255, 0.9);
  border-color: rgba(255, 255, 255, 0.9);
  background-image: none;
  color: #000000;
}

.ui.inverted.multiple.dropdown > .label > .close.icon,
.ui.inverted.multiple.dropdown > .label > .delete.icon {
  opacity: 0.6;
}

.ui.inverted.multiple.dropdown > .label > .close.icon:hover,
.ui.inverted.multiple.dropdown > .label > .delete.icon:hover {
  opacity: 0.8;
}

/* Selection for form elements */
.ui.inverted.dropdown textarea::-webkit-selection,
.ui.inverted.dropdown input::-webkit-selection {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}

.ui.inverted.dropdown textarea::-moz-selection,
.ui.inverted.dropdown input::-moz-selection {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}

.ui.inverted.dropdown textarea::selection,
.ui.inverted.dropdown input::selection {
  background-color: rgba(255, 255, 255, 0.25);
  color: rgba(255, 255, 255, 0.8);
}

/* Scrollbars */
.ui.inverted.dropdown .menu::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.1);
}

.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.25);
}

.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.15);
}

.ui.inverted.dropdown .menu::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.35);
}

.ui.inverted.pointing.dropdown > .menu:after {
  background: #1B1C1D;
  -webkit-box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
  box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.15);
}

/*******************************
         Theme Overrides
*******************************/
/* Dropdown Carets */
@font-face {
  font-family: "Dropdown";
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
  font-weight: normal;
  font-style: normal;
}
.ui.dropdown > .dropdown.icon {
  font-family: "Dropdown", sans-serif;
  line-height: 1;
  height: 1em;
  width: 1.23em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}

.ui.dropdown > .dropdown.icon:before {
  content: "\f0d7";
}

/* Sub Menu */
.ui.dropdown .menu .item .dropdown.icon:before {
  content: "\f0da";
}

.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: "\f0d9";
}

/* Vertical Menu Dropdown */
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: "\f0da";
}

/* Icons for Reference
.dropdown.down.icon {
  content: "\f0d7";
}
.dropdown.up.icon {
  content: "\f0d8";
}
.dropdown.left.icon {
  content: "\f0d9";
}
.dropdown.icon.icon {
  content: "\f0da";
}
*/
/*******************************
        User Overrides
*******************************/
/*******************************************************
                Bouton switch
*********************************************************/
.cjr-switch {
  min-width: 5rem;
}
.cjr-switch.btn-check:focus {
  box-shadow: none;
}
.cjr-switch .btn-check:focus + .btn {
  box-shadow: none;
}
.cjr-switch label:focus {
  box-shadow: none;
}
.cjr-switch input:focus {
  box-shadow: none;
}
.cjr-switch input:checked + label {
  background-color: #C90C0F;
  color: #FFFFFF;
  border-color: #C90C0F;
  z-index: 0 !important;
}
.cjr-switch input:checked + label:hover {
  background-color: #9A0305;
  color: #FFFFFF;
  border-color: #9A0305;
}
.cjr-switch input + label {
  background-color: #FFFFFF;
  color: #F47D7F;
  border: #C90C0F 1px solid;
}
.cjr-switch input + label:hover {
  background-color: #9A0305;
  color: #FFFFFF;
  border-color: #9A0305;
}
.cjr-switch input:focus-visible + label {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
  box-shadow: none !important;
}

/*******************************************************
           Cases à cocher
*********************************************************/
.cjr-checkbox {
  position: absolute;
  border: 1px solid #5C7482;
  border-radius: 2px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
  text-align: center;
}

.cjr-checkbox:disabled {
  opacity: 0.5 !important;
}

.cjr-checkbox:focus-visible {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
  box-shadow: none;
}

.cjr-checkbox:before {
  content: "✓";
  color: transparent;
  font-weight: bolder;
}

.cjr-checkbox:checked:before {
  content: "✓";
  color: #C90C0F;
  font-weight: bolder;
}

.label-checkbox {
  position: relative;
  font-weight: 500;
  color: #202228;
  padding-left: 2.5rem;
  font-size: 1rem;
}

/*******************************************************
           Bouton radio
*********************************************************/
.block-bouton-radio {
  display: inline-block;
  padding-right: 1rem;
}

.cjr-bouton-radio {
  position: relative;
  accent-color: #C90C0F;
  margin-top: 0.3rem;
}

.cjr-bouton-radio:disabled {
  opacity: 0.5 !important;
}

.cjr-bouton-radio:focus-visible {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
  box-shadow: none;
  accent-color: #C90C0F;
}

/*.cjr-bouton-radio:before {
  content: '\002B24';
  color: transparent;
  font-weight: bolder;
}*/
/*
.cjr-bouton-radio:checked:before {
  content: '\002B24';
  color: $couleur-outline-focus;
  font-weight: bolder;
  line-height: 1.3rem;
}*/
.label-bouton-radio {
  position: relative;
  font-weight: 500;
  color: #202228;
  padding-left: 1.5rem;
  font-size: 1rem;
}

/*******************************************************
                    Titre
*********************************************************/
h1, h2, h3, h4 {
  font-weight: 800;
}
h1.cjr-titre, h2.cjr-titre, h3.cjr-titre, h4.cjr-titre {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
h1.cjr-titre:after, h2.cjr-titre:after, h3.cjr-titre:after, h4.cjr-titre:after {
  background: #FFCD00;
  content: "";
  height: 0.3rem;
  width: 8rem;
  display: flex;
  border-radius: 0.15rem;
}

h1.cjr-titre {
  font-size: 2rem;
}

h2.cjr-titre {
  font-size: 1.75rem;
}

h3.cjr-titre {
  font-size: 1.5rem;
}

h4.cjr-titre {
  font-size: 1.25rem;
}

/*******************************************************
                    Tableau
*********************************************************/
.cjr-table-light {
  background-color: white;
}

.cjr-table-responsive-with-dropdown .table {
  margin-bottom: 10rem;
}
.cjr-table-responsive-with-dropdown .table cjr-dropdown .menu.transition {
  max-height: 125px !important;
}

/*******************************************************
                    Liste
*********************************************************/
li.cjr-list-item::before {
  content: none;
}

.cjr-bandeau {
  padding: 0.5rem 2rem 0.5rem 2rem;
  background-color: #C90C0F;
  margin-bottom: 2rem;
}
.cjr-bandeau .cjr-bandeau-texte {
  text-align: center;
  margin-bottom: 0.2rem;
  color: #F3F6F9;
}

.cjr-icon-medium, .clickable-icon-medium {
  height: 2.5rem;
  width: 2.5rem;
}

.cjr-informative-icon {
  color: #FFCD00;
}

.clickable-icon:focus {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
  box-shadow: none;
}

.clickable-icon, .carousel-item .clickable-icon {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.clickable-icon-medium {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.indicateur-fixed {
  width: 240px;
  min-width: 240px;
}

/*******************************************************
                    SunEditor
*********************************************************/
.removelibefore li:before {
  content: "";
}

.alert {
  z-index: 1;
  margin: auto;
  position: fixed;
  left: 10%;
  width: 80%;
  top: 1%;
  display: none;
}

.alert-success .cjr-btn-icone {
  color: green;
}

.checkmark__circle {
  stroke-dasharray: 216; /* ORIGINALLY 166px */
  stroke-dashoffset: 216; /* ORIGINALLY 166px */
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #7ac142;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.checkmark {
  width: 106px; /* ORIGINALLY 56px */
  height: 106px; /* ORIGINALLY 56px */
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill 0.4s ease-in-out 0.4s forwards, scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 98; /* ORIGINALLY 48px */
  stroke-dashoffset: 98; /* ORIGINALLY 48px*/
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 80px #7ac142;
  }
}
.cross__svg {
  border-radius: 50%;
  display: block;
  height: 154px;
  margin: 4rem auto;
  stroke-width: 3;
  width: 154px;
}

.cross__circle {
  animation: 0.6s ease 0s normal forwards 1 running stroke;
  fill: none;
  margin: 0 auto;
  stroke: #e55454;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
}

.cross__path {
  stroke: #e55454;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  transform-origin: 50% 50% 0;
}
.cross__path--right {
  animation: 1.5s ease 0.8s normal forwards 1 running stroke;
}
.cross__path--left {
  animation: 1.7s ease 0.8s normal forwards 1 running stroke;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
.faq-add-section-space {
  height: 3rem;
  width: 100%;
}

.faq-add-contexte-space {
  height: auto;
  min-height: 2rem;
  width: 100%;
}

.margin-top {
  margin-top: 2rem !important;
}

.margin-top-hover:hover {
  margin-top: 2rem !important;
}

.margin-top-hover-3:hover {
  margin-top: 3rem !important;
}

.margin-y-hover-1:hover {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.faq-section {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.button-add-titre, .button-add-contexte {
  display: flex;
  height: 0;
  transition: opacity 0.3s;
  overflow: hidden;
  justify-content: space-evenly;
  position: relative;
  opacity: 0;
  margin-bottom: 1rem;
}

.button-add-titre:before, .button-add-contexte:before {
  border-top: solid 2px #C90C0F;
  content: "";
  position: absolute;
  top: 50%;
  z-index: 0;
  width: 100%;
}

.faq-add-section-space:hover {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.faq-add-contexte-space:hover {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.faq-add-section-space:hover .button-add-titre {
  opacity: 1;
  height: auto;
}

.faq-add-contexte-space:hover .button-add-contexte {
  opacity: 1;
  height: auto;
}

.button-border-radius {
  border-radius: 0.3rem;
}

.input-add-titre {
  margin-bottom: 3rem;
}

.input-titre {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.label-add-titre {
  font-size: 1.375rem;
  color: #C90C0F;
  font-weight: 800;
  padding-left: 1rem;
}

.label-edit-document {
  font-size: 1.375rem;
  color: #C90C0F;
  font-weight: 800;
}

.faq-section-title {
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  color: black;
  display: flex;
  justify-content: space-between;
}

.faq-section-title-display {
  font-size: 1.5rem;
  color: #C90205;
  font-weight: 600;
  border-bottom: lightgrey 1px solid;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
  padding-left: 1rem;
}

.faq-buttons {
  opacity: 0;
  display: flex;
}

.faq-button {
  background-color: #C90C0F;
  padding-left: 0.75rem;
  z-index: 1;
}

.faq-buttons i {
  color: #C90C0F;
  font-size: 1rem;
}

button.actions-button {
  border: none;
  background-color: inherit;
  margin-left: 1rem;
}

.right {
  margin-left: 5rem;
}

.faq-section-title:hover .faq-buttons,
.faq-section-contexte:hover .faq-buttons,
.faq-question-reponse-block:hover .faq-buttons {
  opacity: 1;
}

.faq-section-contexte {
  padding-left: 3rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.faq-modification-action {
  display: flex;
  justify-content: end;
}

.faq-modification-action button {
  width: auto;
  margin-left: 1rem;
}

.faq-question-reponse {
  margin-left: 1.5rem;
}

.faq-question {
  font-size: 1rem !important;
  border-bottom: 1px lightgrey solid;
  font-weight: 600;
  display: flex;
  justify-content: space-between;
}

.faq-question-display {
  font-size: 1rem !important;
  border-bottom: 1px lightgrey solid;
  font-weight: 600;
  display: flex;
}

.faq-reponse {
  padding-left: 2rem !important;
  padding-bottom: 1rem !important;
  border-bottom: lightgray 1px solid;
}

.faq-question.title.active {
  color: #C90205 !important;
  border-bottom: none;
}

.section-contexte-title {
  margin-bottom: 0.5rem;
  font-weight: bold;
  display: flex;
  justify-content: space-between;
}

#faq-loading {
  z-index: 1000;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex !important;
  visibility: hidden;
}

#loading-svg {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.question-reponse-display-button:hover .button-add-question-reponse {
  opacity: 1;
  height: auto;
}

.question-reponse-display-button:hover + .question-reponse-display-button {
  margin-top: -1.5rem;
}

.question-reponse-display-button:hover .faq-question {
  padding-bottom: 2rem !important;
  border-bottom: 1px #C90C0F solid;
}

.question-reponse-display-button:hover .faq-question.active {
  padding: 0.5em 0 !important;
  border-bottom: none;
}

.question-reponse-display-button:hover .faq-reponse.active {
  padding-bottom: 2rem !important;
  border-bottom: 1px #C90C0F solid;
}

.faq-question.active:hover {
  padding-bottom: initial;
}

.question-reponse-display-button {
  position: relative;
  margin-bottom: 0.75rem;
}

.button-add-question-reponse {
  display: flex;
  height: 0;
  opacity: 0;
  transition: opacity 0.3s;
  justify-content: center;
  width: 100%;
  transform: translateY(-50%);
}

.add-question-reponse {
  border-radius: 0.3rem;
}

/* -- Le style de ces balises est écrasé et est donc ramené ici pour appliquer le style dans les wysiwyg -- */
h1 {
  display: block;
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}

h2 {
  display: block;
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}

h3 {
  display: block;
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  font-weight: bold;
}

.white-space-no-wrap {
  white-space: nowrap;
}

.max-width-max-content {
  max-width: max-content !important;
}

ul li::before {
  color: #202228 !important;
}

/*******************************************************
                   Tuile
*********************************************************/
.cjr-tuile-disposition {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
}

.cjr-tuile {
  width: 19rem;
  display: flex;
  flex-wrap: wrap;
  box-shadow: 0 0px 1rem rgba(0, 0, 0, 0.25);
  text-align: center;
  border-radius: 10px;
  top: 0;
  background-position: top;
  align-content: flex-end;
  height: 25rem;
  margin: 1rem;
}
.cjr-tuile.sport {
  background: url("../img/tuiles/sport.jpg");
  background-size: contain;
}
.cjr-tuile.psc1 {
  background: url("../img/tuiles/psc1.jpg");
  background-size: contain;
}
.cjr-tuile.lordi {
  background: url("../img/tuiles/lordi.jpg");
  background-size: contain;
}
.cjr-tuile.equipment {
  background: url("../img/tuiles/Equipement pro.png");
  background-size: contain;
}
.cjr-tuile.leisure {
  background: url("../img/tuiles/Livre.jpg");
  background-size: contain;
}
.cjr-tuile.textbook {
  background: url("../img/tuiles/Manuel.jpg");
  background-size: contain;
}

.cjr-tuile-contenu {
  display: flex;
  background-color: white;
  flex-direction: column;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  justify-content: space-between;
  width: 100%;
  height: 55%;
}

.cjr-tuile-bandeau-detail {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}

.cjr-tuile-description {
  margin-right: 1rem;
  text-align: justify;
  color: #202228;
  font-size: 1rem;
}

.cjr-tuile-footer {
  font-size: 1.2rem;
  font-weight: 700;
  color: #202228;
  display: flex;
  justify-content: space-between;
}

h4 {
  font-weight: 800;
}
h4.cjr-titre-tuile {
  text-align: start;
}
h4.cjr-titre-tuile:after {
  background: #FFCD00;
  content: "";
  height: 0.4rem;
  width: 3rem;
  display: flex;
  border-radius: 0.2rem;
}

/*******************************************************
                   Mini Tuile
*********************************************************/
.cjr-mini-tuile-section {
  width: 75%;
}

.cjr-mini-tuile-hover {
  color: #C90C0F;
}

.cjr-lien-mini-tuile {
  font-family: "Montserrat", serif;
  color: #202228;
  text-decoration: none;
  border: none;
  background: none;
}
.cjr-lien-mini-tuile:hover {
  color: #202228;
  text-decoration: none;
}
.cjr-lien-mini-tuile:focus-visible .cjr-mini-tuile {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
}
.cjr-lien-mini-tuile .cjr-mini-tuile {
  width: 12rem;
  height: 12rem;
  display: flex;
  background-color: #FFFFFF;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 0 0px 1rem rgba(0, 0, 0, 0.1);
  text-align: center;
  top: 0;
  background-position: top;
  align-content: flex-end;
  margin: 1rem;
  border-radius: 0.2rem;
  cursor: pointer;
}
.cjr-lien-mini-tuile .cjr-mini-tuile .cjr-barre-mini-tuile {
  background-color: #FFCD00;
  width: 33%;
  height: 0.5rem;
}
.cjr-lien-mini-tuile .cjr-mini-tuile .cjr-barre-mini-tuile:hover {
  background-color: #C90C0F;
}
.cjr-lien-mini-tuile .cjr-mini-tuile:hover .cjr-barre-mini-tuile {
  background-color: #C90C0F;
}
.cjr-lien-mini-tuile .cjr-mini-tuile:hover .fa-solid {
  color: #C90C0F;
}
.cjr-lien-mini-tuile .cjr-mini-tuile:hover .cjr-image-mini-tuile {
  background: url("../../../img/tuiles/telecharger_red.png") no-repeat center;
  background-size: contain;
  height: 30%;
}
.cjr-lien-mini-tuile .cjr-mini-tuile:hover .cjr-image-lien-mini-tuile {
  background: url("../../../img/tuiles/ouvrir_lien_survol.png") no-repeat center;
  background-size: contain;
  height: 30%;
}
.cjr-lien-mini-tuile .cjr-mini-tuile .cjr-titre-mini-tuile {
  text-align: center;
  font-size: 12px;
  font-weight: 700;
}
.cjr-lien-mini-tuile .cjr-mini-tuile .cjr-image-mini-tuile {
  background: url("../../../img/tuiles/telecharger.png") no-repeat center;
  background-size: contain;
  height: 30%;
}
.cjr-lien-mini-tuile .cjr-mini-tuile .cjr-image-lien-mini-tuile {
  background: url("../../../img/tuiles/ouvrir_lien.png") no-repeat center;
  background-size: contain;
  height: 30%;
}

/*******************************************************
                    Footer
*********************************************************/
.cjr-footer {
  background-color: #FFFFFF;
}
.cjr-footer .footer-logo {
  height: 5rem;
}
.cjr-footer .footer-logo-region {
  height: 3rem;
}
.cjr-footer a, .cjr-footer a.nav-link {
  text-decoration: none;
  color: #202228;
  font-weight: bold;
}
.cjr-footer a:hover, .cjr-footer a.nav-link:hover {
  color: #C90C0F;
}
.cjr-footer a:focus-visible, .cjr-footer a.nav-link:focus-visible {
  outline: 0.1rem #C90C0F dashed;
  outline-offset: 0.15rem;
  color: #202228;
}

/*******************************************************
                Menu
*********************************************************/
.cjr-menu {
  background-color: #FFFFFF;
}
.cjr-menu #toggle-menu-button {
  box-shadow: none;
}
.cjr-menu #toggle-menu-button.collapsed .fa-xmark {
  display: none;
}
.cjr-menu #toggle-menu-button.collapsed .fa-bars {
  display: initial;
}
.cjr-menu #toggle-menu-button:not(.collapsed) .fa-bars {
  display: none;
}
.cjr-menu #toggle-menu-button:not(.collapsed) .fa-xmark {
  display: initial;
}
.cjr-menu .dropdown-menu {
  border: none;
}
@media (min-width: 992px) {
  .cjr-menu .dropdown-menu {
    box-shadow: 0 0 5px 0 #5C7482;
  }
}
.cjr-menu .dropdown-menu .dropdown-item {
  padding: 0.5rem;
}
.cjr-menu .nav-item {
  margin: 0.5rem;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .cjr-menu .nav-profil {
    margin-top: -3rem;
  }
}
.cjr-menu .nav-item.dropdown {
  padding: 0.5rem 1rem;
}
.cjr-menu .menu-divider {
  display: flex;
  justify-content: start;
  align-items: center;
}
.cjr-menu .menu-divider span {
  margin: 0 0.5rem;
}
.cjr-menu .dropdown-item.sub-menu {
  padding: 0.5rem 2rem;
}
.cjr-menu .dropdown-item:hover, .cjr-menu .dropdown-item:focus {
  background: none;
}
.cjr-menu .menu-divider:after, .cjr-menu .menu-divider:before {
  background: #FFCD00;
  content: "";
  height: 0.3rem;
  width: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.15rem;
}
.cjr-menu .dropdown-toggle:after {
  border: none;
  display: flex;
}
.cjr-menu .nav-link.dropdown-toggle span.active:after {
  background: #FFCD00;
  content: "";
  height: 0.3rem;
  width: auto;
  display: flex;
  border-radius: 0.15rem;
}
.cjr-menu .nav-link.dropdown-toggle.show span:after {
  background: #FFCD00;
  content: "";
  height: 0.3rem;
  width: auto;
  display: flex;
  border-radius: 0.15rem;
}
.cjr-menu .nav-item-selectable {
  display: inline-grid;
  font-size: 14px;
}
.cjr-menu .nav-item-selectable.active:after {
  background: #FFCD00;
  content: "";
  height: 0.3rem;
  width: auto;
  display: flex;
  border-radius: 0.15rem;
}
.cjr-menu .cjr-menu-logo {
  margin-top: -1.5rem;
}
@media screen and (max-width: 992px) {
  .cjr-menu .cjr-menu-logo {
    margin-top: 0.5rem !important;
  }
}
.cjr-menu .cjr-menu-complete-nav .navbar-toggler {
  margin-top: -5rem !important;
}
.cjr-menu .cjr-menu-complete-nav .cjr-menu-navbar {
  width: 100%;
  justify-content: space-between;
}
.cjr-menu .cjr-menu-complete-nav .cjr-menu-navbar .cjr-menu-options-complementaire a {
  color: #7DA0B5;
  text-decoration: none;
}
.cjr-menu .cjr-menu-complete-nav .cjr-menu-photo-profil {
  width: 4rem;
  height: 4rem;
  cursor: pointer;
}
.cjr-menu .cjr-menu-complete-nav .cjr-menu-photo-profil-border-circle-1-dark {
  border: solid;
  border-color: #5C7482;
  border-radius: 50%;
  border-width: 1px;
}
.cjr-menu .cjr-floating-header-content {
  background-color: #FFCD00;
  justify-content: space-between;
  border-radius: 0 0 20px 20px;
  font-style: normal;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 0.85rem;
  text-transform: uppercase;
  padding-left: 0.2rem;
  padding-right: 0.2rem;
  color: #202228;
}
.cjr-menu .cjr-floating-header-item {
  margin: 0.05rem;
}
.cjr-menu .cjr-floating-header-item.active {
  background: #FFFFFF;
  border-radius: 10px;
}
.cjr-menu a, .cjr-menu a.nav-link {
  text-decoration: none;
  color: #202228;
  font-weight: bold;
}
.cjr-menu a:hover, .cjr-menu a.nav-link:hover {
  color: #C90C0F;
}
.cjr-menu a:focus-visible, .cjr-menu a.nav-link:focus-visible {
  outline: 0.1rem #C90C0F dashed;
  outline-offset: 0.15rem;
  color: #202228;
}

#image-accueil-bo {
  background-image: url("../../../img/image_accueil_etab.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.cjr-bg-erreur {
  background-image: url("../../../img/background/fond_maintenance.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.not-found-title {
  font-weight: 700;
  font-size: 20px;
}

.not-found-description {
  font-weight: 400;
  font-size: 16px;
}

.cjr-texte-erreur {
  background-color: rgba(243, 246, 249, 0.72);
  border-radius: 0.5rem;
}

/*******************************************************
                Login
*********************************************************/
.cjr-body-login-page {
  background-image: url("../../../img/background/Fond.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.cjr-body-login-page .cjr-login {
  color: #202228;
}
.cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-bloc-infos {
  background-color: #FFFFFF;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-bloc-infos .cjr-login-titre-ble-royal {
  background-image: url("../../../img/background/ble_royal.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 5rem;
  height: 5rem;
  margin-top: -7rem;
}
@media screen and (max-width: 992px) {
  .cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-bloc-infos {
    border-top-right-radius: 0;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
}
.cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-bandeau-description {
  background-color: #FFCD00;
  color: #202228;
  justify-content: center;
  align-items: center;
  display: flex;
  font-size: 2rem;
  font-weight: bold;
}
.cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-bandeau-description.col-1 {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  border: solid;
  border-width: 3px;
  border-color: #FFFFFF;
  width: 3rem;
}
.cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-bandeau-description.col-12, .cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-bandeau-description.col-10 {
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-bandeau-description .cjr-login-bandeau-description-text {
  transform: rotate(-90deg);
  margin-top: auto;
  margin-bottom: auto;
}
.cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-separateur {
  background-color: #FFCD00;
  border-radius: 0.2rem;
}
.cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-separateur.d-none {
  height: auto;
  width: 0.25rem;
}
.cjr-body-login-page .cjr-login .cjr-bloc-login-central .cjr-login-separateur.d-lg-none {
  height: 0.25rem;
  width: -webkit-fill-available;
  width: -moz-available;
  width: fill-available;
}
.cjr-body-login-page .cjr-login .cjr-login-nom-dispositif {
  color: #9A0305;
  font-size: 3rem;
  line-height: normal;
  text-align: center;
  font-weight: bolder;
}

.cjr-moteur-recherche {
  background-color: #FFFFFF;
  border-radius: 1rem;
  transition: display 1s ease-out;
}

.cjr-pagination {
  display: flex;
  margin-bottom: 2rem;
}
.cjr-pagination .pagination {
  margin: auto;
}
.cjr-pagination a {
  color: #C90C0F;
  text-decoration: none;
}
.cjr-pagination li {
  padding-left: 0;
}
.cjr-pagination li:before {
  content: none;
}
.cjr-pagination .cjr-pagination-item {
  margin: 0 0.25rem 0 0.25rem;
  display: flex;
  width: 2rem;
  height: 2rem;
  border-radius: 1.5rem;
  color: #C90C0F;
  justify-content: center;
  align-items: center;
}
.cjr-pagination .cjr-pagination-item:hover {
  color: #9A0305;
  font-weight: bolder;
}
.cjr-pagination .cjr-pagination-item a:focus-visible {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
  box-shadow: none;
}
.cjr-pagination .cjr-pagination-item.PagedList-pageCountAndLocation, .cjr-pagination .cjr-pagination-item.PagedList-skipToNext, .cjr-pagination .cjr-pagination-item.PagedList-skipToPrevious {
  width: auto;
}
.cjr-pagination .cjr-pagination-item.active {
  color: #FFFFFF;
}
.cjr-pagination .cjr-pagination-item.active:not(.PagedList-pageCountAndLocation):not(.PagedList-skipToNext):not(.PagedList-skipToPrevious) {
  background-color: #C90C0F;
}
.cjr-pagination .cjr-pagination-item a {
  margin: auto;
}

.cjr-chemin-fer li {
  padding-left: 0;
}
.cjr-chemin-fer li:before {
  content: none;
}
.cjr-chemin-fer .cjr-chemin-fer-element {
  display: block;
}
.cjr-chemin-fer .cjr-chemin-fer-element button {
  background: none;
  color: inherit;
  border: none;
  padding: 0;
  outline: inherit;
  width: 3rem;
  height: 3rem;
}
.cjr-chemin-fer .cjr-chemin-fer-element button:focus-visible {
  outline: 1.5px #C90C0F dashed !important;
  outline-offset: 3px;
  transition: outline-color 1s ease-out;
  box-shadow: none;
  border-radius: 1.5rem;
}
.cjr-chemin-fer .cjr-chemin-fer-element .cjr-chemin-fer-element-numero {
  width: 3rem;
  height: 3rem;
  border-radius: 1.5rem;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  font-weight: bolder;
}
.cjr-chemin-fer .cjr-chemin-fer-element .cjr-chemin-fer-element-numero.cjr-chemin-fer-etape-passee {
  background-color: #7DA0B5;
  color: #FFFFFF;
}
.cjr-chemin-fer .cjr-chemin-fer-element .cjr-chemin-fer-element-numero.cjr-chemin-fer-etape-courante {
  background-color: #FFCD00;
}
.cjr-chemin-fer .cjr-chemin-fer-element .cjr-chemin-fer-element-numero.cjr-chemin-fer-etape-futur {
  background-color: #FFFFFF;
  border: 1px solid #7DA0B5;
}
.cjr-chemin-fer .cjr-chemin-fer-element-texte, .cjr-chemin-fer .cjr-chemin-fer-element-texte-droite, .cjr-chemin-fer .cjr-chemin-fer-element-texte-centre {
  position: absolute;
  width: fit-content;
  margin-top: 0.25rem;
}
@media screen and (max-width: 992px) {
  .cjr-chemin-fer .cjr-chemin-fer-element {
    display: flex;
  }
  .cjr-chemin-fer .cjr-chemin-fer-element .cjr-chemin-fer-element-texte, .cjr-chemin-fer .cjr-chemin-fer-element .cjr-chemin-fer-element-texte-droite, .cjr-chemin-fer .cjr-chemin-fer-element .cjr-chemin-fer-element-texte-centre {
    position: inherit;
    transform: none;
  }
  .cjr-chemin-fer .cjr-chemin-fer-element .cjr-chemin-fer-element-numero {
    margin: 0;
  }
}
.cjr-chemin-fer .cjr-chemin-fer-element-texte-centre {
  transform: translateX(1.5rem) translateX(-50%);
}
.cjr-chemin-fer .cjr-chemin-fer-element-texte-droite {
  transform: translateX(3rem) translateX(-100%);
}
.cjr-chemin-fer .cjr-chemin-fer-separateur {
  width: auto;
  height: 0.2rem;
  border-radius: 0.1rem;
  margin: auto;
}
.cjr-chemin-fer .cjr-chemin-fer-separateur.cjr-chemin-fer-etape-passee {
  background-color: #C90C0F;
}
.cjr-chemin-fer .cjr-chemin-fer-separateur.cjr-chemin-fer-etape-futur {
  background-color: #7DA0B5;
}

.cjr-info-ligne {
  margin-top: 1rem;
}
.cjr-info-ligne .cjr-info-titre {
  font-weight: bolder;
}

.cjr-fond-en-valeur-clair .cjr-titre-bloc-informatif h1, .cjr-fond-en-valeur-clair .cjr-titre-bloc-informatif h2, .cjr-fond-en-valeur-clair .cjr-titre-bloc-informatif h3, .cjr-fond-en-valeur-clair .cjr-titre-bloc-informatif h4, .cjr-fond-en-valeur-clair .cjr-titre-bloc-informatif h5 {
  margin-left: 1vw;
}
.cjr-fond-en-valeur-clair .cjr-bloc-informatif {
  margin-left: 1vw;
}
.cjr-fond-en-valeur-clair .cjr-label-detail, .cjr-fond-en-valeur-clair .cjr-block-detail {
  margin-left: 1vw;
}

.cjr-label-important {
  margin-left: 1vw;
  font-weight: 700;
}

.cjr-border-photo {
  border: solid 1px;
  border-color: #5C7482;
}

.cjr-border-search {
  border: solid 2px;
  border-radius: 10px;
  border-color: #D9DDE6;
}

.cjr-border-important {
  border: solid 2px #C90C0F;
  border-radius: 10px;
}

.cjr-info-warning {
  color: #C75302;
}

/***
Accordéon 
 */
.cjr-pop-in-all-screen {
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1041;
}
.cjr-pop-in-all-screen .cjr-pop-in, .cjr-pop-in-all-screen .cjr-popin-input-mail {
  overflow-y: auto;
  max-height: 75%;
  background-color: #F3F6F9;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  border-radius: 0.5rem;
}
.cjr-pop-in-all-screen .cjr-pop-in .cjr-pop-in-header, .cjr-pop-in-all-screen .cjr-popin-input-mail .cjr-pop-in-header {
  margin-bottom: 2rem;
  padding-left: 2rem;
  white-space: nowrap;
  border-bottom: none;
}
.cjr-pop-in-all-screen .cjr-pop-in .cjr-pop-in-header button, .cjr-pop-in-all-screen .cjr-popin-input-mail .cjr-pop-in-header button {
  margin-top: 0;
  height: min-content;
}
.cjr-pop-in-all-screen .cjr-pop-in .cjr-pop-in-footer, .cjr-pop-in-all-screen .cjr-popin-input-mail .cjr-pop-in-footer {
  margin-top: 1rem;
  margin-bottom: 1.5rem;
  border-top: none;
}
.cjr-pop-in-all-screen .cjr-popin-input-mail {
  width: 50%;
}
.cjr-pop-in-all-screen .modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: none;
}
.cjr-pop-in-all-screen .modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: none;
}
.cjr-pop-in-all-screen .modal-content {
  background-color: #F3F6F9;
}

.cjr-custom-table {
  display: flex;
}
.cjr-custom-table th, .cjr-custom-table td {
  display: flex;
}
.cjr-custom-table thead tr {
  border-bottom-width: 2px;
}
.cjr-custom-table tr {
  border-bottom: #7DA0B5 1px solid;
  padding: 0.5rem 0;
}
.cjr-custom-table .cjr-nouvelle-thematique {
  border-bottom: none;
}
.cjr-custom-table td {
  margin-top: auto;
  margin-bottom: auto;
}

.block-table .cjr-nouvelle-thematique {
  border-style: hidden;
}

.faq-section-title {
  font-family: "Montserrat", serif !important;
}

.faq-question-display {
  font-family: "Montserrat", serif !important;
  font-weight: 600;
  display: flex;
  align-items: center;
}

.faq-reponse {
  border-bottom: lightgray 1px solid;
}
.faq-question.title.active {
  color: #C90205 !important;
  border-bottom: none;
}

.section-context-title {
  font-weight: bold;
}
.faq-context-content {
  border-bottom: lightgray 1px solid;
}
#faq-loading {
  z-index: 1000;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  display: flex !important;
  visibility: hidden;
}

#loading-svg {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.cjr-bon-plan-tuile-simple {
  background-color: white;
  border-radius: 0.75rem;
  box-shadow: 0 0px 1rem rgba(0, 0, 0, 0.1);
}
.cjr-bon-plan-tuile-simple .icone-rouge {
  color: #C90C0F !important;
}
.cjr-bon-plan-tuile-simple .bon-plan-nom {
  font-size: 1.5rem;
}
.cjr-bon-plan-tuile-simple .bon-plan-clickable {
  cursor: pointer;
}
.cjr-bon-plan-tuile-simple .bon-plan-image.col-2 img {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.cjr-bon-plan-tuile-simple .bon-plan-image.col-12 img {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.cjr-bon-plan-tuile-simple .bon-plan-image img {
  width: 100%;
}
.cjr-bon-plan-tuile-simple .bon-plan-image .bon-plan-image-thematique {
  position: relative;
  margin-bottom: -2.5rem;
  padding: 0.5rem 1rem;
  float: right;
  background-color: #F3F6F9;
  border-bottom-left-radius: 0.75rem;
}
.cjr-bon-plan-tuile-simple .bon-plan-information:after {
  background: #FFCD00;
  content: "";
  height: 0.3rem;
  width: 5rem;
  display: flex;
  border-radius: 0.15rem;
}
.cjr-bon-plan-tuile-simple .bon-plan-en-cours-de-validation {
  color: #C75302;
}
.cjr-bon-plan-tuile-simple .bon-plan-valide {
  color: #0E8A16;
}
.cjr-bon-plan-tuile-simple .bon-plan-refuse {
  color: #C90C0F;
}
.cjr-bon-plan-tuile-simple .bon-plan-expire {
  color: #5C7482;
}
.cjr-bon-plan-tuile-simple .bon-plan-supprime {
  color: #5C7482;
}

.cjr-tuile-simple {
  background-color: white;
  border-radius: 0.75rem;
  box-shadow: 0 0px 1rem rgba(0, 0, 0, 0.1);
}
.cjr-tuile-simple .icone-rouge {
  color: #C90C0F !important;
}
.cjr-tuile-simple .tuile-nom {
  font-size: 1.5rem;
}
.cjr-tuile-simple .tuile-clickable {
  cursor: pointer;
}
.cjr-tuile-simple .tuile-image.col-2 img {
  border-top-left-radius: 0.75rem;
  border-bottom-left-radius: 0.75rem;
}
.cjr-tuile-simple .tuile-image.col-12 img {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.cjr-tuile-simple .tuile-image img {
  width: 100%;
}
.cjr-tuile-simple .tuile-image .tuile-image-thematique {
  position: relative;
  margin-bottom: -2.5rem;
  padding: 0.5rem 1rem;
  float: right;
  background-color: #F3F6F9;
  border-bottom-left-radius: 0.75rem;
}
.cjr-tuile-simple .tuile-information:after {
  background: #FFCD00;
  content: "";
  height: 0.3rem;
  width: 5rem;
  display: flex;
  border-radius: 0.15rem;
}
.cjr-tuile-simple .tuile-statut-expire, .cjr-tuile-simple .tuile-statut-supprime, .cjr-tuile-simple .tuile-statut-annule, .cjr-tuile-simple .tuile-statut-termine {
  color: #5C7482;
}
.cjr-tuile-simple .tuile-statut-refuse {
  color: #C90C0F;
}
.cjr-tuile-simple .tuile-statut-en-cours-de-validation, .cjr-tuile-simple .tuile-statut-complet {
  color: #C75302;
}
.cjr-tuile-simple .tuile-statut-valide, .cjr-tuile-simple .tuile-statut-publie {
  color: #0E8A16;
}

.cjr-bon-plan-tuile-complete {
  background-color: white;
  border-radius: 0.75rem;
  box-shadow: 0 0px 1rem rgba(0, 0, 0, 0.1);
}
.cjr-bon-plan-tuile-complete .icone-rouge {
  color: #C90C0F !important;
}
.cjr-bon-plan-tuile-complete .bon-plan-nom {
  font-size: 1.5rem;
}
.cjr-bon-plan-tuile-complete .bon-plan-clickable {
  cursor: pointer;
}
.cjr-bon-plan-tuile-complete .bon-plan-image.col-2 img {
  border-radius: 0.75rem;
}
.cjr-bon-plan-tuile-complete .bon-plan-image.col-12 img {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.cjr-bon-plan-tuile-complete .bon-plan-image img {
  width: 100%;
  height: max-content;
}
.cjr-bon-plan-tuile-complete .bon-plan-image .bon-plan-image-thematique {
  position: relative;
  margin-bottom: -2.5rem;
  padding: 0.5rem 1rem;
  float: right;
  background-color: #F3F6F9;
  border-bottom-left-radius: 0.75rem;
}
.cjr-bon-plan-tuile-complete .bon-plan-information:after {
  background: #FFCD00;
  content: "";
  height: 0.3rem;
  width: 5rem;
  display: flex;
  border-radius: 0.15rem;
}
.cjr-bon-plan-tuile-complete .bon-plan-en-cours-de-validation {
  color: #C75302;
}
.cjr-bon-plan-tuile-complete .bon-plan-valide {
  color: #0E8A16;
}
.cjr-bon-plan-tuile-complete .bon-plan-refuse {
  color: #C90C0F;
}
.cjr-bon-plan-tuile-complete .bon-plan-expire {
  color: #5C7482;
}
.cjr-bon-plan-tuile-complete .bon-plan-supprime {
  color: #5C7482;
}

/* 
  Style spécifique pour l'affichage des boutons dans le tableau de consultation 
  des sessions PSC1 espace BO
*/
.cjr-btn-header-icon {
  background-color: transparent;
  border: transparent;
  min-width: auto;
  transition: background-color 0.45s ease, color 0.45s ease;
  font-size: 0.8rem;
  width: auto;
  line-height: 1.3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.cjr-btn-header-icon.active {
  color: #C90C0F;
}

.evenement-detail-image {
  max-height: 500px;
  min-height: 250px;
  height: 100%;
  max-width: 500px;
  min-width: 250px;
  width: 100%;
  object-fit: contain;
}

/*******************************************************
                    Image Grande
*********************************************************/
.img-lg-container {
  width: 50%;
  height: 31em;
  position: absolute;
  left: 50%;
}

/*# sourceMappingURL=all_composants.css.map */
