@charset "UTF-8";
/*
    couleur
*/
/*
    dégradé
*/
/*
    font
*/
@import url("https://use.typekit.net/omt5tso.css");
@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&family=Roboto:wght@100;300;400;500;700&display=swap");
.entry-title {
  font-family: "Roboto Condensed", Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: bold !important;
}

/*
    Keyframes
*/
@keyframes glitch-planete {
  1% {
    transform: rotateX(10deg) skewX(90deg);
    filter: hue-rotate(90deg);
  }
  2% {
    transform: rotateX(0deg) skewX(0deg);
  }
  10% {
    filter: hue-rotate(0deg);
  }
}
@keyframes first_gradient_pulse {
  0% {
    opacity: 0.35;
  }
  100% {
    opacity: 0.15;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  40% {
    opacity: 0.3;
  }
  60% {
    opacity: 0.5;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 1;
  }
}
.single-sfwd-quiz #learndash-content h1 {
  font-family: "Roboto";
  font-size: 35px;
  font-weight: bold;
  color: #272932;
  margin-bottom: 50px;
}
.single-sfwd-quiz #learndash-content .wp-block-group h2 {
  font-family: "Roboto";
  font-size: 25px;
  font-weight: bold;
  color: #001858;
  background-image: linear-gradient(120deg, #13a9ac, #13a9ac 100%);
  background-repeat: no-repeat;
  background-size: 100% 0.3em;
  background-position: 0 90%;
  padding: 0px 2px;
  width: -moz-fit-content;
  width: fit-content;
  margin: 30px 0 25px 0;
}
.single-sfwd-quiz #learndash-content .wp-block-group h3 {
  font-family: "Roboto";
  font-size: 25px;
  font-weight: bold;
  color: #272932;
  margin-bottom: 15px;
  position: relative;
}
.single-sfwd-quiz #learndash-content .wp-block-group p {
  font-family: "verdana";
  font-size: 15px;
  font-weight: normal;
  color: #272932;
  margin-bottom: 5px;
  line-height: 20px;
  text-align: justify;
  position: relative;
}
.single-sfwd-quiz #learndash-content .wp-block-group p strong {
  color: #13a9ac;
}
.single-sfwd-quiz #learndash-content .wp-block-group p.has-text-align-right {
  text-align: right;
}
.single-sfwd-quiz #learndash-content .wp-block-group p.has-text-align-center {
  text-align: center;
}
.single-sfwd-quiz #learndash-content .wp-block-group figcaption {
  font-family: "verdana";
  font-size: 12px;
  font-weight: normal;
  color: #272932;
}
.single-sfwd-quiz #learndash-content .wp-block-group ul li {
  font-family: "verdana";
  font-size: 15px;
  font-weight: normal;
  color: #272932;
  margin-bottom: 5px;
  line-height: 20px;
  text-align: justify;
}
.single-sfwd-quiz #learndash-content .wp-block-group ul li strong {
  color: #13a9ac;
}
.single-sfwd-quiz #learndash-content .wp-block-group ol li {
  font-family: "verdana";
  font-size: 15px;
  font-weight: normal;
  color: #272932;
  margin-bottom: 5px;
  line-height: 20px;
  text-align: justify;
}
.single-sfwd-quiz #learndash-content .wp-block-group ol li strong {
  color: #13a9ac;
}

/*
  ============================================
   Buttons
  ============================================
*/
.bb-la__link a,
.bb-fa__link a,
.profile_bit_action a.profile_bit_action__link,
.bb-la-activity-btn a.bb-la-activity-btn__link,
.bb-forums-activity-btn a.bb-forums-activity-btn__link {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.bb-la__link a:hover,
.bb-fa__link a:hover,
.profile_bit_action a.profile_bit_action__link:hover,
.bb-la-activity-btn a.bb-la-activity-btn__link:hover,
.bb-forums-activity-btn a.bb-forums-activity-btn__link:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}

.error-404 .button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.error-404 .button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}

.button-turquoise-default.elementor-widget-button a.elementor-button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.button-turquoise-default.elementor-widget-button a.elementor-button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}

a.button {
  border-width: 2px 2px 2px 2px;
  border-style: solid;
  border-radius: 18px 0px;
  padding: 10px;
}
a.button:hover {
  background-color: rgba(26, 170, 173, 0.7);
}

/* Bouton dans les cours/activités pédagogiques */
#learndash-course-header .button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  color: white;
  border-width: 2px;
  border-color: #13a9ac;
}
#learndash-course-header .button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
#learndash-course-header .button:hover {
  color: #13a9ac !important;
  background-color: white;
  transition: all 0.4s ease-in-out;
}

.radpp-back-navbar a.button {
  background-color: rgba(2, 27, 27, 0.9);
  border-color: rgba(26, 170, 173, 0.7);
  border-bottom: 2px solid rgba(26, 170, 173, 0.7) !important;
}
.radpp-back-navbar a.button:hover {
  background-color: rgba(26, 170, 173, 0.7);
}

.radpp-back-to-cockpit {
  margin-left: 20px;
}
@media screen and (max-width: 600px) {
  .radpp-back-to-cockpit {
    margin-top: 10px;
    margin-left: 0px;
  }
}

.single-sfwd-topic input {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.single-sfwd-topic input:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.single-sfwd-topic .bb-single-course-sidebar a.btn-advance {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
  border-bottom-color: #13a9ac !important;
}
.single-sfwd-topic .bb-single-course-sidebar a.btn-advance:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.single-sfwd-topic .learndash-wrapper .learndash_content_wrap .learndash_mark_complete_button {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
  border-radius: 0px !important;
  position: fixed;
  top: 95vh;
  left: 50%;
  transform: translate(-50%, -100%);
  max-width: 200px;
  z-index: 1000;
}
.single-sfwd-topic .learndash-wrapper .learndash_content_wrap .learndash_mark_complete_button:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
@media screen and (max-width: 1200px) {
  .single-sfwd-topic .learndash-wrapper .learndash_content_wrap .learndash_mark_complete_button {
    height: 50px;
    padding: 0px 10px;
    top: 97.5vh;
  }
}

.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button,
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:hover,
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:active,
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover:active {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:active:hover,
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover:active:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:focus,
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover:focus {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:focus:hover,
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2:hover:focus:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .quiz_continue_link a#quiz_continue_link {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
  border-bottom-color: #052021 !important;
  position: fixed;
  transform: translate(0%, -100%);
  top: 95vh;
  right: calc((100vw - 1080px) / 2 + 80px);
  z-index: 98;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .quiz_continue_link a#quiz_continue_link:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
@media screen and (max-width: 1200px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .quiz_continue_link a#quiz_continue_link {
    top: calc(90vh + 20px);
    height: 50px;
    right: calc(2.5vw + 50px);
    padding: 0px 10px;
  }
}
@media screen and (max-width: 768px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .quiz_continue_link a#quiz_continue_link {
    right: calc(2.5vw + 30px);
  }
}
@media screen and (max-width: 600px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .quiz_continue_link a#quiz_continue_link {
    padding: 0px 10px;
    min-width: auto;
    top: 80vh;
  }
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=back].wpProQuiz_button {
  position: fixed;
  top: 95vh;
  transform: translate(0%, -100%);
  left: calc((100vw - 1080px) / 2 + 80px);
  z-index: 98;
}
@media screen and (max-width: 1200px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=back].wpProQuiz_button {
    top: calc(90vh + 20px);
    height: 50px;
    left: calc(2.5vw + 50px);
    padding: 0px 10px;
  }
}
@media screen and (max-width: 600px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=back].wpProQuiz_button {
    left: calc(2.5vw + 30px);
    padding: 0px 10px;
    min-width: auto;
    top: 80vh;
  }
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=next].wpProQuiz_button {
  position: fixed;
  transform: translate(0%, -100%);
  top: 95vh;
  right: calc((100vw - 1080px) / 2 + 80px);
  z-index: 98;
}
@media screen and (max-width: 1200px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=next].wpProQuiz_button {
    top: calc(90vh + 20px);
    height: 50px;
    right: calc(2.5vw + 50px);
    padding: 0px 10px;
  }
}
@media screen and (max-width: 768px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=next].wpProQuiz_button {
    right: calc(2.5vw + 30px);
  }
}
@media screen and (max-width: 600px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=next].wpProQuiz_button {
    padding: 0px 10px;
    min-width: auto;
    top: 80vh;
  }
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=check].wpProQuiz_button {
  position: fixed;
  transform: translate(0%, -100%);
  top: 95vh;
  right: calc((100vw - 1080px) / 2 + 80px);
  z-index: 98;
}
@media screen and (max-width: 1200px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=check].wpProQuiz_button {
    top: calc(90vh + 20px);
    height: 50px;
    right: calc(2.5vw + 50px);
    padding: 0px 10px;
  }
}
@media screen and (max-width: 768px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=check].wpProQuiz_button {
    right: calc(2.5vw + 30px);
  }
}
@media screen and (max-width: 600px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=check].wpProQuiz_button {
    padding: 0px 10px;
    min-width: auto;
    top: 80vh;
  }
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content input[name=startQuiz].wpProQuiz_button {
  height: auto;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_quiz .wpProQuiz_questionListItem input[name="uploadEssay[]"] + label {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_quiz .wpProQuiz_questionListItem input[name="uploadEssay[]"] + label:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_quiz .wpProQuiz_questionListItem input[name="uploadEssay[]"] + label:hover {
  transition: 0.2s;
}
@media screen and (max-width: 600px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_quiz .wpProQuiz_questionListItem input[name="uploadEssay[]"] + label {
    height: auto;
  }
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form input[type=submit] {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
  position: relative;
  margin-left: 5vw;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form input[type=submit]:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form input[type=submit]:hover {
  transition: 0.2s;
}
@media screen and (max-width: 1024px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form input[type=submit] {
    margin: 20px auto auto auto;
    position: initial;
  }
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button[name=restartQuiz] {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
  background-position: 0px;
  background-size: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button[name=restartQuiz]:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button[name=restartQuiz]:hover {
  border-color: #052021;
}
@media screen and (max-width: 450px) {
  .single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results > div > .wpProQuiz_button[name=restartQuiz] {
    margin-bottom: 20px;
  }
}
.single-sfwd-quiz .bb-single-course-sidebar a.btn-advance {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  border-bottom-style: solid !important;
  border-bottom-width: 2px !important;
  border-bottom-color: #13a9ac !important;
}
.single-sfwd-quiz .bb-single-course-sidebar a.btn-advance:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form {
  margin: 0 auto;
}

/* woocommerce */
.woocommerce * button.button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.woocommerce * button.button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.woocommerce * button.button:hover {
  box-shadow: none;
}
.woocommerce * a.button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.woocommerce * a.button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.woocommerce * a.button:hover {
  box-shadow: none;
}
.woocommerce * a.button.add_to_cart_button {
  border-radius: 0px !important;
}
.woocommerce * button#place_order {
  line-height: normal;
}

.woocommerce-page * button.button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.woocommerce-page * button.button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.woocommerce-page * button.button:hover {
  box-shadow: none;
}
.woocommerce-page * a.button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.woocommerce-page * a.button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.woocommerce-page * a.button:hover {
  box-shadow: none;
}

.bb-header-buttons a.button.outline {
  padding: 8px 28px;
  line-height: 25px;
}

/* Groupe bouton */
body #buddypress .bp-list .action .generic-button .group-button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
body #buddypress .bp-list .action .generic-button .group-button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}

.color-calendar {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  width: auto;
  height: auto;
  box-sizing: border-box;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow: hidden;
  font-family: var(--cal-font-family-body);
  font-size: 1rem;
}

.color-calendar .calendar__header {
  position: relative;
  display: grid;
  grid-template-columns: repeat(7, minmax(20px, 55px));
  font-family: var(--cal-font-family-header);
}

.color-calendar .calendar__monthyear {
  font-size: 1.5rem;
  margin: 0 auto;
  text-align: center;
  grid-column: 2/span 5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-calendar .calendar__monthyear .calendar__month {
  cursor: pointer;
}
.color-calendar .calendar__monthyear .calendar__year {
  cursor: pointer;
}

.color-calendar .calendar__arrow {
  height: 35px;
  width: 100%;
  position: relative;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  z-index: 101;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-calendar .calendar__arrow-inner {
  width: 35px;
  height: 35px;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-calendar .calendar__arrow-prev {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-calendar .calendar__arrow-prev .calendar__arrow-inner::before {
  margin-left: 0.3em;
  transform: rotate(-135deg);
}
.color-calendar .calendar__arrow-next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-calendar .calendar__arrow-next .calendar__arrow-inner::before {
  margin-right: 0.3em;
  transform: rotate(45deg);
}

.color-calendar .calendar__body {
  height: auto;
  overflow: hidden;
}

.color-calendar .calendar__weekdays {
  display: grid;
  grid-template-columns: repeat(7, minmax(20px, 55px));
  margin-bottom: 5px;
  font-family: var(--cal-font-family-weekdays);
}
.color-calendar .calendar__weekdays .calendar__weekday {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.color-calendar .calendar__days {
  display: grid;
  grid-template-columns: repeat(7, minmax(20px, 55px));
  grid-template-rows: repeat(6, minmax(30px, 40px));
  font-family: var(--cal-font-family-body);
}
.color-calendar .calendar__days .calendar__day {
  position: relative;
  z-index: 101;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-calendar .calendar__days .calendar__day-text {
  cursor: pointer;
}
.color-calendar .calendar__days .calendar__day-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(55% + 8px);
  height: 90%;
  opacity: 0;
  z-index: -1;
  cursor: pointer;
  transition: opacity 0.3s ease-out;
  will-change: opacity;
}
.color-calendar .calendar__days .calendar__day-event .calendar__day-bullet {
  position: absolute;
  top: 80%;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  cursor: pointer;
}
.color-calendar .calendar__days .calendar__day-selected:not(.calendar__day-today) .calendar__day-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(55% + 8px);
  height: 90%;
  z-index: -1;
  cursor: pointer;
}

.color-calendar .calendar__picker {
  position: absolute;
  z-index: 201;
  width: 100%;
  top: 75px;
  left: 0;
  bottom: 0;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  font-family: var(--cal-font-family-body);
}
.color-calendar .calendar__picker .calendar__picker-month {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 1rem 6%;
  margin: 8%;
  transition: none;
}
.color-calendar .calendar__picker .calendar__picker-month-option {
  position: relative;
  text-align: center;
  padding: 15px 0;
  font-weight: 700;
  color: #323232;
  border-radius: var(--cal-border-radius);
  align-self: center;
  cursor: pointer;
}
.color-calendar .calendar__picker .calendar__picker-month-option::after {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cal-color-primary);
  border-radius: var(--cal-border-radius);
  opacity: 0.1;
  z-index: -1;
}
.color-calendar .calendar__picker .calendar__picker-month-option:hover:after {
  opacity: 0.08;
}
.color-calendar .calendar__picker .calendar__picker-month-selected {
  color: white;
}
.color-calendar .calendar__picker .calendar__picker-month-selected::after {
  opacity: 1;
}
.color-calendar .calendar__picker .calendar__picker-month-selected:hover:after {
  opacity: 0.9;
}
.color-calendar .calendar__picker .calendar__picker-year {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: repeat(4, minmax(0, 1fr));
  gap: 1rem 6%;
  margin: 8%;
  transition: none;
}
.color-calendar .calendar__picker .calendar__picker-year-option {
  position: relative;
  text-align: center;
  padding: 15px 0;
  font-weight: 700;
  color: #323232;
  border-radius: var(--cal-border-radius);
  align-self: center;
  cursor: pointer;
}
.color-calendar .calendar__picker .calendar__picker-year-option::after {
  content: "";
  width: 100%;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--cal-color-primary);
  border-radius: var(--cal-border-radius);
  opacity: 0.1;
  z-index: -1;
}
.color-calendar .calendar__picker .calendar__picker-year-option:hover:after {
  opacity: 0.08;
}
.color-calendar .calendar__picker .calendar__picker-year-selected {
  color: white;
}
.color-calendar .calendar__picker .calendar__picker-year-selected::after {
  opacity: 1;
}
.color-calendar .calendar__picker .calendar__picker-year-selected:hover:after {
  opacity: 0.9;
}
.color-calendar .calendar__picker .calendar__picker-year-arrow {
  position: absolute;
  opacity: 0.4;
  border-radius: var(--cal-border-radius);
  cursor: pointer;
  transition: all 0.3s ease;
}
.color-calendar .calendar__picker .calendar__picker-year-arrow-left {
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 10px;
  padding-right: 4px;
}
.color-calendar .calendar__picker .calendar__picker-year-arrow-right {
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 4px;
  padding-right: 10px;
}
.color-calendar .calendar__picker .calendar__picker-year-arrow:hover {
  opacity: 1;
  background-color: #f8f8f8;
}

.chevron-thin-left {
  display: inline-block;
  border-right: 2px solid var(--cal-color-primary);
  border-bottom: 2px solid var(--cal-color-primary);
  width: 10px;
  height: 10px;
  transform: rotate(-225deg);
}
.chevron-thin-right {
  display: inline-block;
  border-right: 2px solid var(--cal-color-primary);
  border-bottom: 2px solid var(--cal-color-primary);
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
}

.color-calendar.month-left-align .calendar__header .calendar__monthyear {
  grid-column: 1/span 5;
  margin: 0;
  justify-content: flex-start;
  padding-left: 5%;
}

.color-calendar.blue {
  --cal-color-primary: #dbecf1;
  --cal-font-family-header: "Work Sans", sans-serif;
  --cal-font-family-weekdays: "Work Sans", sans-serif;
  --cal-font-family-body: "Work Sans", sans-serif;
  --cal-drop-shadow: 0 7px 30px -10px rgba(150, 170, 180, 0.5);
  --cal-border: 2px solid #dbecf1;
  --cal-border-radius: 0.5rem;
  --cal-header-color: #dbecf1;
  --cal-weekdays-color: #dbecf1;
  border-radius: var(--cal-border-radius);
  box-shadow: var(--cal-drop-shadow);
  color: var(--cal-color-primary);
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: var(--cal-border);
}

.color-calendar.blue .calendar__header {
  padding: 20px 14px 0px 14px;
  color: var(--cal-header-color);
}

.color-calendar.blue .calendar__monthyear {
  font-weight: 600;
  color: var(--cal-header-color);
}

.color-calendar.blue .calendar__arrow-inner {
  border-radius: 50%;
}
.color-calendar.blue .calendar__arrow-inner::before {
  content: "";
  width: 0.6em;
  height: 0.6em;
  position: absolute;
  border-style: solid;
  border-width: 0.15em 0.15em 0 0;
  display: inline-block;
  transform-origin: center center;
  transform: rotate(-45deg);
  border-radius: 1px;
  color: var(--cal-header-color);
}
.color-calendar.blue .calendar__arrow-inner::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: var(--cal-header-color);
  opacity: 0;
  z-index: -1;
  transition: opacity 0.3s ease;
  will-change: opacity;
}
.color-calendar.blue .calendar__arrow-inner:hover::after {
  transition: opacity 0.3s ease;
  opacity: 0.05;
}
.color-calendar.blue .calendar__arrow-prev {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-calendar.blue .calendar__arrow-prev .calendar__arrow-inner::before {
  margin-left: 0.3em;
  transform: rotate(-135deg);
}
.color-calendar.blue .calendar__arrow-next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.color-calendar.blue .calendar__arrow-next .calendar__arrow-inner::before {
  margin-right: 0.3em;
  transform: rotate(45deg);
}

.color-calendar.blue .calendar__body {
  padding: 14px;
}

.color-calendar.blue .calendar__weekdays {
  display: grid;
  grid-template-columns: repeat(7, minmax(20px, 55px));
  margin-bottom: 5px;
}
.color-calendar.blue .calendar__weekdays .calendar__weekday {
  font-weight: 500;
  opacity: 0.6;
  color: var(--cal-weekdays-color);
}

.color-calendar.blue .calendar__days .calendar__day-other {
  color: var(--cal-color-primary);
  opacity: 0.2;
}
.color-calendar.blue .calendar__days .calendar__day {
  font-weight: 600;
}
.color-calendar.blue .calendar__days .calendar__day-today {
  font-weight: 700;
  color: #13a9ac;
}
.color-calendar.blue .calendar__days .calendar__day-today .calendar__day-box {
  border-radius: 0.5rem;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  opacity: 0.1;
}
.color-calendar.blue .calendar__days .calendar__day-text:hover ~ .calendar__day-box {
  opacity: 0.1;
}
.color-calendar.blue .calendar__days .calendar__day-bullet {
  background-color: var(--cal-color-primary);
}
.color-calendar.blue .calendar__days .calendar__day-bullet:hover ~ .calendar__day-box {
  opacity: 0.1;
}
.color-calendar.blue .calendar__days .calendar__day-box {
  border-radius: 0.5rem;
  background-color: var(--cal-color-primary);
  box-shadow: 0 3px 15px -5px var(--cal-color-primary);
}
.color-calendar.blue .calendar__days .calendar__day-box:hover {
  opacity: 0.1;
}
.color-calendar.blue .calendar__days .calendar__day-event {
  font-weight: 700;
  color: #fa5f4b;
}
.color-calendar.blue .calendar__days .calendar__day-event .calendar__day-bullet {
  background-color: #fa5f4b;
}
.color-calendar.blue .calendar__days .calendar__day-event .calendar__day-bullet:hover ~ .calendar__day-box {
  opacity: 1;
}
.color-calendar.blue .calendar__days .calendar__day-selected {
  font-weight: 700;
}
.color-calendar.blue .calendar__days .calendar__day-selected .calendar__day-box {
  border-radius: 0.5rem;
  background-color: var(--cal-color-primary);
  opacity: 0.1;
  box-shadow: 0 3px 15px -5px var(--cal-color-primary);
}
.color-calendar.blue .calendar__days .calendar__day-selected .calendar__day-text:hover ~ .calendar__day-box {
  opacity: 0.1;
}
.color-calendar.blue .calendar__days .calendar__day-selected .calendar__day-bullet:hover ~ .calendar__day-box {
  opacity: 1;
}

.color-calendar.blue .calendar__picker {
  background-color: white;
  border-radius: var(--cal-border-radius);
}
.color-calendar.blue .calendar__picker-month-today {
  box-shadow: inset 0px 0px 0px 1px var(--cal-color-primary);
}
.color-calendar.blue .calendar__picker-year-today {
  box-shadow: inset 0px 0px 0px 1px var(--cal-color-primary);
}

.color-calendar.blue.color-calendar--small {
  font-size: 0.8rem;
}
.color-calendar.blue.color-calendar--small .calendar__header {
  padding: 10px 10px 0 10px;
  grid-template-columns: repeat(7, minmax(25px, 41px));
}
.color-calendar.blue.color-calendar--small .calendar__header .calendar__monthyear {
  font-size: 1.2rem;
}
.color-calendar.blue.color-calendar--small .calendar__header .calendar__arrow-inner, .color-calendar.blue.color-calendar--small .calendar__header .calendar__arrow-inner::after {
  width: 30px;
  height: 30px;
}
.color-calendar.blue.color-calendar--small .calendar__body {
  padding: 0 10px 10px 10px;
}
.color-calendar.blue.color-calendar--small .calendar__body .calendar__weekdays {
  grid-template-columns: repeat(7, minmax(25px, 41px));
  margin-bottom: 0;
}
.color-calendar.blue.color-calendar--small .calendar__body .calendar__days {
  grid-template-columns: repeat(7, minmax(25px, 41px));
  grid-template-rows: repeat(6, minmax(30px, 35px));
}
.color-calendar.blue.color-calendar--small .calendar__body .calendar__picker {
  top: 55px;
}
.color-calendar.blue.color-calendar--small .calendar__body .calendar__picker .calendar__picker-month-option {
  padding: 10px 0;
}
.color-calendar.blue.color-calendar--small .calendar__body .calendar__picker .calendar__picker-month-option::after {
  height: 40px;
}
.color-calendar.blue.color-calendar--small .calendar__body .calendar__picker .calendar__picker-year-option {
  padding: 10px 0;
}
.color-calendar.blue.color-calendar--small .calendar__body .calendar__picker .calendar__picker-year-option::after {
  height: 40px;
}

#calendar-modal #events-title {
  margin: 20px 0px 0px 0px;
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  color: #dbecf1;
  text-align: center;
  margin-bottom: 50px;
}
#calendar-modal #events-display .event {
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 10px 15px;
  margin: 10px 5px;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}

ul.woocommerce-mini-cart.cart_list.product_list_widget li.woocommerce-mini-cart-item.mini_cart_item {
  flex-wrap: wrap-reverse;
}

/*
  ============================================
   MathType
  ============================================
*/
div.radpp_answer {
  flex-grow: 2;
}
div.radpp_answer p {
  margin-top: auto;
  margin-bottom: auto;
}
div.radpp_answer img.Wirisformula {
  margin-top: auto;
  margin-bottom: auto;
}

/*
  ============================================
   Status bar
  ============================================
*/
.bb-ld-status {
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 5;
  background-size: cover;
  width: 198px;
  height: 50px;
}
@media screen and (min-width: 600px) {
  .bb-ld-status {
    width: 256px;
    height: 65px;
  }
}
@media screen and (min-width: 1200px) {
  .bb-ld-status {
    width: 315px;
    height: 80px;
  }
}
.bb-ld-status .ld-status {
  text-align: center;
  padding: 12px 0px;
  color: white;
  font-family: "courier";
  font-size: 18px;
  font-weight: bold;
}
@media screen and (min-width: 600px) {
  .bb-ld-status .ld-status {
    padding: 20px 0px;
  }
}
@media screen and (min-width: 1200px) {
  .bb-ld-status .ld-status {
    padding: 28px 0px;
  }
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  /* Modal Content/Box */
  /* The Close Button */
}
.modal .modal-content {
  background-color: #fefefe;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}
.modal .close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.modal .close:hover,
.modal .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

/* The Modal (background) */
.modal-blue {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  animation-name: fadeIn;
  animation-duration: 1s;
  /* Modal Content/Box */
  /* The Close Button */
}
.modal-blue .modal-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* 15% from the top and centered */
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  padding: 50px 20px;
  border: 2px solid #dbecf1;
  border-radius: 20px;
  width: 80%;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-image-source: url(../img/encadre-test.png);
  border-image-width: 30px;
  border-image-slice: 65;
  border-image-outset: 20px;
}
@media screen and (min-width: 480px) {
  .modal-blue .modal-content {
    width: 70%;
    padding: 50px 30px;
    border-image-width: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .modal-blue .modal-content {
    width: 35vw;
    border-image-width: 50px;
    border-image-outset: 35px;
  }
}
.modal-blue .button-wrapper {
  display: flex;
  justify-content: space-evenly;
}
.modal-blue .button-wrapper button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  display: inline-block;
  cursor: pointer;
}
.modal-blue .button-wrapper button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.modal-blue .modal-title {
  text-align: center;
  color: #dbecf1;
  background-color: transparent;
}
.modal-blue .message {
  text-align: center;
  color: #dbecf1;
  background-color: transparent;
}
.modal-blue .close {
  color: rgb(219, 236, 241);
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: 20px;
}
.modal-blue .close:hover,
.modal-blue .close:focus {
  color: rgb(151, 198, 210);
  text-decoration: none;
  cursor: pointer;
}

/* The Modal for student parent link sent confirmation(background) */
.pl-modal {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
  /* Modal Content/Box */
}
.pl-modal .modal-content {
  color: white;
  background-image: linear-gradient(70deg, #108285, #13a9ac);
  border: 1px solid white;
  padding: 20px;
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 800px;
  max-height: 500px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* The Close Button */
}
@media screen and (min-width: 480px) {
  .pl-modal .modal-content {
    max-height: 420px;
  }
}
.pl-modal .modal-content .close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
  opacity: 1;
}
.pl-modal .modal-content .close:hover,
.pl-modal .modal-content .close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

#es-demande-soutien .custom-form {
  margin-top: 0px;
  margin-bottom: 0px;
}
#es-demande-soutien .modal-content {
  width: 90vw;
  height: 80vh;
  overflow-y: auto;
  background: white;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
}
#es-demande-soutien .modal-content select {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
@media screen and (min-width: 480px) {
  #es-demande-soutien .modal-content {
    width: 70vw;
  }
}
@media screen and (min-width: 1024px) {
  #es-demande-soutien .modal-content {
    width: 50vw;
  }
}
#es-demande-soutien .modal-content .close {
  color: black;
  margin-top: -20px !important;
  font-size: 40px;
  display: inline-block;
  line-height: 1;
}

.radpp-back-navbar {
  position: fixed;
  top: 30px;
  left: 30px;
  z-index: 5;
  display: flex;
}
@media screen and (max-width: 768px) {
  .radpp-back-navbar {
    left: 10px;
  }
}
@media screen and (max-width: 600px) {
  .radpp-back-navbar {
    left: 10px;
    top: 20px;
    width: 70px;
    flex-direction: column;
  }
}

/* Barre de navigation - BLUE THEME */
body.blue-theme #masthead {
  background: transparent;
  border-bottom: 2px solid #dbecf1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 0 40px;
  transition: all 0.5s;
  /* logo */
  /* navigation milieu */
}
@media only screen and (max-width: 1024px) {
  body.blue-theme #masthead {
    padding: 0 20px;
  }
}
body.blue-theme #masthead .site-branding__logo {
  background-image: url(../img/logo-blanc-es.svg);
  height: 50px;
  width: 90px;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 1024) {
  body.blue-theme #masthead .site-branding__logo {
    height: 60px;
    width: 120px;
  }
}
body.blue-theme #masthead .main-navigation ul li a span {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
}
body.blue-theme #masthead .main-navigation ul li a span::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #dbecf1;
  transition: width ease-in 0.3s;
  position: absolute;
  top: 65px;
  left: 0;
}
body.blue-theme #masthead .main-navigation ul li a span:hover::after {
  width: 100%;
}
body.blue-theme #masthead .main-navigation #navbar-collapse a i {
  color: #dbecf1;
}
body.blue-theme #masthead .main-navigation #navbar-collapse a::after {
  border-color: #001858 #001858 transparent transparent;
  border-color: #001858;
}
body.blue-theme #masthead .main-navigation #navbar-collapse .sub-menu {
  background: #dbecf1;
  border: 2px solid #001858;
  z-index: 101;
}
body.blue-theme #masthead .main-navigation #navbar-collapse .sub-menu a span {
  color: #001858;
}
body.blue-theme #masthead .main-navigation #navbar-collapse .sub-menu ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.blue-theme #masthead .main-navigation #navbar-collapse .sub-menu ul li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.blue-theme #masthead .main-navigation #navbar-collapse .sub-menu ul li:hover a {
  background: transparent;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap a::before {
  background: #001858;
  border-color: #001858;
  z-index: 1001;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap i {
  color: #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown {
  background: #dbecf1;
  border: 2px solid #001858;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown p {
  color: #001858;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown header {
  border-bottom: 2px solid #001858;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown footer {
  border-top: 2px solid #001858;
  margin-top: -2px;
  background: #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown footer a {
  color: #001858;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown footer a i::before {
  color: #001858;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li a {
  color: #001858;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li span {
  color: #001858;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li div {
  color: #001858;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li:hover {
  background: #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown .header-mini-cart p {
  background: #dbecf1;
  border-top: 2px solid #001858;
  margin-top: -2px;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown .header-mini-cart p a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  background: #dbecf1;
  color: #001858;
  border: 2px solid #001858;
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown .header-mini-cart p a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.blue-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown .header-mini-cart p a:hover {
  background: #001858;
  color: #dbecf1;
  border: 2px solid #001858;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .user-link i::before {
  color: #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .user-link img {
  border: 2px solid #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .user-link span {
  color: #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .user-link span:hover {
  color: #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu {
  background: #dbecf1;
  border: 2px solid #001858;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu::before {
  border-color: #001858 #001858 transparent transparent;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu .sub-menu-inner li {
  border-bottom: 2px solid #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul li:hover a {
  background: #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul li a.user-link {
  border-bottom: 2px solid #001858;
  margin-bottom: 20px;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul li a.user-link:hover {
  background: #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul li a.user-link img {
  border: 2px solid #001858;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul li a.user-link span {
  color: #001858;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul {
  margin: 5px 0;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
  /* sous-menu - plat*/
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li a {
  border-bottom: 2px solid #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li a:hover {
  background: #dbecf1;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li a i::before {
  color: #001858;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li a span {
  color: #001858;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper {
  background: #dbecf1;
  border: 2px solid #001858;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 12px 10px 0;
  border-color: transparent #001858 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  transform: rotate(0deg);
  background: transparent;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper ul {
  background: #dbecf1;
  z-index: 1;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper ul li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper ul li a {
  background: transparent;
}
body.blue-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper ul li a:hover {
  background-color: transparent !important;
}
body.blue-theme #masthead.has-scrolled {
  background: rgba(0, 24, 88, 0.8);
}
body.blue-theme .bb-mobile-header-wrapper .bb-left-panel-icon-wrap a i::before {
  color: #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap a::before {
  background: #001858;
  border-color: #001858;
  z-index: 1001;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap i {
  color: #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown {
  background: #dbecf1;
  border: 2px solid #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown p {
  color: #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown header {
  border-bottom: 2px solid #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown footer {
  border-top: 2px solid #001858;
  margin-top: -2px;
  background: #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown footer a {
  color: #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown footer a i::before {
  color: #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li a {
  color: #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li span {
  color: #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li div {
  color: #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li:hover {
  background: #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown .header-mini-cart p {
  background: #dbecf1;
  border-top: 2px solid #001858;
  margin-top: -2px;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown .header-mini-cart p a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  background: #dbecf1;
  color: #001858;
  border: 2px solid #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown .header-mini-cart p a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown .header-mini-cart p a:hover {
  background: #001858;
  color: #dbecf1;
  border: 2px solid #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .user-link i::before {
  color: #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .user-link img {
  border: 2px solid #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu {
  background: #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu .sub-menu-inner li {
  border-bottom: 2px solid #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul li a {
  border-bottom: 2px solid #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul li a:hover {
  background: #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul {
  margin: 5px 0;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
  /* sous-menu - plat*/
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li a {
  border-bottom: 2px solid #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li a:hover {
  background: #dbecf1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li a i::before {
  color: #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li a span {
  color: #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 12px 10px 0;
  border-color: transparent #001858 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  transform: rotate(0deg);
  background: transparent;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper ul {
  background: #dbecf1;
  border: 2px solid #001858;
  z-index: 1;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper ul li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper ul li a {
  background: transparent;
}
body.blue-theme .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper ul li a:hover {
  background-color: transparent !important;
}
body.blue-theme .bb-mobile-header-wrapper .site-title a {
  color: #dbecf1;
}
body.blue-theme .bb-mobile-panel-wrapper {
  height: 100vh;
  background: #001858;
}
body.blue-theme .bb-mobile-panel-wrapper .bb-mobile-panel-inner {
  height: auto;
  background: transparent;
  /* menu navigation */
}
body.blue-theme .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header {
  background: #001858;
  border-bottom: 2px solid #dbecf1;
  margin-bottom: 50px;
}
body.blue-theme .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header .user-wrap a {
  color: #dbecf1;
}
body.blue-theme .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header .user-wrap span {
  color: #dbecf1;
}
body.blue-theme .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header .user-wrap img {
  border: 2px solid #dbecf1;
}
body.blue-theme .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header .bb-close-panel i::before {
  color: #dbecf1;
}
body.blue-theme .bb-mobile-panel-wrapper .bb-mobile-panel-inner nav ul li a {
  text-align: center;
}
body.blue-theme .bb-mobile-panel-wrapper .bb-mobile-panel-inner nav ul li a span {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
}

/* Barre de navigation - WHITE THEME */
body.white-theme #masthead {
  background: white;
  border-bottom: 2px solid #13a9ac;
  padding: 0 40px;
  transition: all 0.5s;
  /* logo */
  /* navigation milieu */
}
@media only screen and (max-width: 1024px) {
  body.white-theme #masthead {
    padding: 0 20px;
  }
}
body.white-theme #masthead .site-branding__logo {
  background-image: url(../img/logo-couleur-es.svg);
  height: 60px;
  width: 120px;
  background-size: contain;
  background-repeat: no-repeat;
}
body.white-theme #masthead .main-navigation ul li a span {
  color: black;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
}
body.white-theme #masthead .main-navigation ul li a span::after {
  content: "";
  display: block;
  width: 0;
  height: 2px;
  background: #13a9ac;
  transition: width ease-in 0.3s;
  position: absolute;
  top: 65px;
  left: 0;
}
body.white-theme #masthead .main-navigation ul li a span:hover {
  color: #13a9ac;
  transition: all ease 0.3s;
}
body.white-theme #masthead .main-navigation ul li a span:hover::after {
  width: 100%;
}
body.white-theme #masthead .main-navigation #navbar-collapse a i {
  color: black;
}
body.white-theme #masthead .main-navigation #navbar-collapse a::after {
  border-color: #13a9ac #13a9ac transparent transparent;
  border-color: #13a9ac;
}
body.white-theme #masthead .main-navigation #navbar-collapse .sub-menu {
  background: white;
  border: 2px solid #13a9ac;
  z-index: 101;
}
body.white-theme #masthead .main-navigation #navbar-collapse .sub-menu a span {
  color: black;
}
body.white-theme #masthead .main-navigation #navbar-collapse .sub-menu ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.white-theme #masthead .main-navigation #navbar-collapse .sub-menu ul li:hover {
  border-top: 2px solid #13a9ac;
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .main-navigation #navbar-collapse .sub-menu ul li:hover a {
  background: transparent;
}
body.white-theme #masthead .header-aside-inner .notification-wrap a::before {
  background: #13a9ac;
  border-color: #13a9ac;
  z-index: 1001;
}
body.white-theme #masthead .header-aside-inner .notification-wrap i {
  color: black;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown {
  background: white;
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown p {
  color: black;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown header {
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown footer {
  border-top: 2px solid #13a9ac;
  margin-top: -2px;
  background: white;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown footer a {
  color: black;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown footer a i::before {
  color: #13a9ac;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li:hover {
  border-top: 2px solid #13a9ac;
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li a {
  color: black;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li span {
  color: black;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li div {
  color: black;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown ul li:hover {
  background: white;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown .header-mini-cart p {
  background: white;
  border-top: 2px solid #13a9ac;
  margin-top: -2px;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown .header-mini-cart p a {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  background: white;
  color: black;
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown .header-mini-cart p a:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown .header-mini-cart p a:hover {
  background: #13a9ac;
  color: white;
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .notification-wrap .notification-dropdown .header-mini-cart .remove_from_cart_button:hover {
  color: #13a9ac !important;
}
body.white-theme #masthead .header-aside-inner .user-wrap .user-link i::before {
  color: black;
}
body.white-theme #masthead .header-aside-inner .user-wrap .user-link img {
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .user-wrap .user-link span {
  color: black;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu {
  background: white;
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu::before {
  border-color: #13a9ac #13a9ac transparent transparent;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu .sub-menu-inner li {
  border-bottom: 2px solid white;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul li:hover a {
  background: white;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul li a.user-link {
  border-bottom: 2px solid #13a9ac;
  margin-bottom: 20px;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul li a.user-link:hover {
  background: white;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul li a.user-link img {
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul li a.user-link span {
  color: black;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul {
  margin: 5px 0;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
  /* sous-menu - plat*/
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li:hover {
  border-top: 2px solid #13a9ac;
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li a {
  border-bottom: 2px solid white;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li a:hover {
  background: white;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li a i::before {
  color: black;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li a span {
  color: black;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper {
  background: white;
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 12px 10px 0;
  border-color: transparent #13a9ac transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  transform: rotate(0deg);
  background: transparent;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper ul {
  background: white;
  z-index: 1;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper ul li:hover {
  border-top: 2px solid #13a9ac;
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper ul li a {
  background: transparent;
}
body.white-theme #masthead .header-aside-inner .user-wrap .sub-menu ul ul li .wrapper ul li a:hover {
  background-color: transparent !important;
}
body.white-theme #masthead .header-aside-inner .bb-header-buttons {
  margin-left: 20px;
}
body.white-theme #masthead .header-aside-inner .bb-header-buttons a {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  padding: 10px 15px;
}
body.white-theme #masthead .header-aside-inner .bb-header-buttons a:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
body.white-theme #masthead .bb-mobile-header-wrapper .bb-left-panel-icon-wrap a i::before {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap a::before {
  background: #13a9ac;
  border-color: #13a9ac;
  z-index: 1001;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap i {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown {
  background: white;
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown p {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown header {
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown footer {
  border-top: 2px solid #13a9ac;
  margin-top: -2px;
  background: white;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown footer a {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown footer a i::before {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li:hover {
  border-top: 2px solid #13a9ac;
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li a {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li span {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li div {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown ul li:hover {
  background: white;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown .header-mini-cart p {
  background: white;
  border-top: 2px solid #13a9ac;
  margin-top: -2px;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown .header-mini-cart p a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  background: white;
  color: black;
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown .header-mini-cart p a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .notification-wrap .notification-dropdown .header-mini-cart p a:hover {
  background: #13a9ac;
  color: white;
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .user-link i::before {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .user-link img {
  border: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu {
  background: white;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu .sub-menu-inner li {
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul li a {
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul li a:hover {
  background: #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul {
  margin: 5px 0;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
  /* sous-menu - plat*/
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li:hover {
  border-top: 2px solid #13a9ac;
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li a {
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li a:hover {
  background: white;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li a i::before {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li a span {
  color: black;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper::before {
  content: "";
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 12px 10px 0;
  border-color: transparent #13a9ac transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  transform: rotate(0deg);
  background: transparent;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper ul {
  background: white;
  border: 2px solid #13a9ac;
  z-index: 1;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-top: -2px;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper ul li:hover {
  border-top: 2px solid #13a9ac;
  border-bottom: 2px solid #13a9ac;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper ul li a {
  background: transparent;
}
body.white-theme #masthead .bb-mobile-header-wrapper .header-aside .user-wrap .sub-menu ul ul li .wrapper ul li a:hover {
  background-color: transparent !important;
}
body.white-theme #masthead .bb-mobile-panel-wrapper {
  height: 100vh;
  background: #13a9ac;
}
body.white-theme #masthead .bb-mobile-panel-wrapper .bb-mobile-panel-inner {
  height: auto;
  background: transparent;
  /* menu navigation */
}
body.white-theme #masthead .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header {
  background: #13a9ac;
  border-bottom: 2px solid white;
  margin-bottom: 50px;
}
body.white-theme #masthead .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header .logo-wrap a {
  color: white;
}
body.white-theme #masthead .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header .user-wrap a {
  color: white;
}
body.white-theme #masthead .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header .user-wrap span {
  color: white;
}
body.white-theme #masthead .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header .user-wrap img {
  border: 2px solid white;
}
body.white-theme #masthead .bb-mobile-panel-wrapper .bb-mobile-panel-inner .bb-mobile-panel-header .bb-close-panel i::before {
  color: white;
}
body.white-theme #masthead .bb-mobile-panel-wrapper .bb-mobile-panel-inner .main-navigation ul li a {
  text-align: center;
}
body.white-theme #masthead .bb-mobile-panel-wrapper .bb-mobile-panel-inner .main-navigation ul li a span {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
}

#masthead.elementor-header {
  display: none;
}

#preloader-container {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  overflow: auto;
}
#preloader-container img {
  position: relative;
  width: 10vw;
  min-width: 150px;
  height: 10vw;
  min-height: 150px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.student-progression .hero-section__left {
  z-index: 2;
}
.student-progression .hero-section__left--wrapper {
  z-index: 1;
}
.student-progression .hero-section__left--wrapper--title {
  line-height: normal;
}
@media screen and (min-width: 480px) {
  .student-progression .hero-section__left--wrapper--title {
    width: 80%;
  }
}
.student-progression .hero-section__left--wrapper--icon {
  background-image: url(../img/progression.svg);
  height: 80px;
}
.student-progression .hero-section__bulle {
  z-index: 1;
  background: linear-gradient(180deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.85) 100%);
}
.student-progression .hero-section__bulle--img {
  background-image: url(../img/liam_transparence.png);
}
@media screen and (min-width: 480px) {
  .student-progression .hero-section__bulle--img {
    height: 300px;
    margin-top: 40px;
    margin-left: 40px;
  }
}
.student-progression .halo__degrade-right {
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 1000px;
  height: 1000px;
  transform: translate(-50%, -20%);
  background: radial-gradient(circle, rgba(203, 240, 255, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 0;
}
@media screen and (min-width: 480px) {
  .student-progression .halo__degrade-right {
    width: 100vh;
    height: 100vh;
    transform: translate(-50%, -20%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  .student-progression .halo__degrade-right {
    width: 100vw;
    height: 100vw;
    transform: translate(-60%, 10%);
    z-index: 0;
  }
}
.student-progression .halo__degrade-left {
  position: absolute;
  left: 0%;
  top: 100%;
  width: 1000px;
  height: 1000px;
  transform: translate(-70%, 0%);
  background: radial-gradient(circle, rgba(203, 240, 255, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 0;
}
@media screen and (min-width: 480px) {
  .student-progression .halo__degrade-left {
    width: 100vh;
    height: 100vh;
    transform: translate(-60%, 0%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  .student-progression .halo__degrade-left {
    width: 1500px;
    height: 1500px;
    transform: translate(-50%, -20%);
    z-index: 0;
  }
}
.student-progression .page-information {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 40px;
  border-bottom: 2px solid #1F3B88;
  margin: 0 20px 80px 20px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 480px) {
  .student-progression .page-information {
    margin: 0 20px 80px 20px;
    flex-direction: row;
    justify-content: space-between;
    z-index: 1;
  }
}
.student-progression .page-information__title-section {
  color: #dbecf1;
  font-size: 25px;
  font-family: "Roboto";
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
}
.student-progression .page-information__title-page {
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 400;
  border-top: 2px solid #dbecf1;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 40px;
  color: #dbecf1;
  z-index: 1;
}
.student-progression .page-information__title-page strong {
  color: #13a9ac;
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 400;
}
@media screen and (min-width: 480px) {
  .student-progression .page-information__title-page {
    margin-top: 0;
  }
}
.student-progression .student_list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0px 20px 50px 20px;
  position: relative;
  z-index: 2;
  overflow-x: scroll;
  padding: 20px 0;
}
.student-progression .student_list::-webkit-scrollbar {
  width: 5px;
}
@media only screen and (min-width: 480px) {
  .student-progression .student_list::-webkit-scrollbar {
    width: 20px;
  }
}
.student-progression .student_list::-webkit-scrollbar-track {
  background-color: transparent;
}
.student-progression .student_list::-webkit-scrollbar-thumb {
  background-color: #dbecf1;
  border-radius: 10px;
  border: 0px solid transparent;
  background-clip: content-box;
}
@media only screen and (min-width: 480px) {
  .student-progression .student_list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 6px solid transparent;
  }
}
.student-progression .student_list::-webkit-scrollbar-thumb:hover {
  background-color: #dbecf1;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.student-progression .student_list > * {
  position: relative;
  z-index: 1;
}
.student-progression .student_list .student-cards {
  min-height: 200px;
  min-width: 150px;
  border: 2px solid #dbecf1;
  border-radius: 10px;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-right: 20px;
  padding: 10px;
}
.student-progression .student_list .student-cards__ribbon {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  left: 0px;
  top: 0px;
}
.student-progression .student_list .student-cards__ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 80px;
  height: 15px;
  display: block;
  position: absolute;
  top: 10px;
  left: -20px;
}
.student-progression .student_list .student-cards__ribbon--completed {
  background: linear-gradient(230deg, rgb(19, 169, 172) 0%, rgb(12, 105, 107) 100%);
}
.student-progression .student_list .student-cards__ribbon--inprogress {
  background: linear-gradient(230deg, rgb(252, 171, 16) 0%, rgb(74, 49, 3) 100%);
}
.student-progression .student_list .student-cards__ribbon--uncompleted {
  background: linear-gradient(230deg, rgb(181, 7, 129) 0%, rgb(84, 5, 61) 100%);
}
.student-progression .student_list .student-cards__info {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.student-progression .student_list .student-cards__info--photo {
  position: relative;
  width: 75px;
  height: 75px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #dbecf1;
}
.student-progression .student_list .student-cards__info--name {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  text-align: center;
  word-break: break-word;
  margin: 0 10px;
  color: #dbecf1;
}
.student-progression .student_list .student-cards:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.student-progression .ribbon-status--red {
  background: linear-gradient(230deg, rgb(181, 7, 129) 0%, rgb(84, 5, 61) 100%);
}
.student-progression .ribbon-status--yellow {
  background: linear-gradient(230deg, rgb(252, 171, 16) 0%, rgb(74, 49, 3) 100%);
}
.student-progression .ribbon-status--green {
  background: linear-gradient(230deg, rgb(19, 169, 172) 0%, rgb(12, 105, 107) 100%);
}
.student-progression .ribbon-status--white {
  background: linear-gradient(230deg, rgb(219, 236, 241) 0%, rgb(151, 198, 210) 100%);
}
.student-progression .color-status--red {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
  transform: translate(-20%, 15%);
  background: linear-gradient(230deg, rgb(181, 7, 129) 0%, rgb(84, 5, 61) 100%);
  cursor: help;
}
.student-progression .color-status--yellow {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
  transform: translate(-20%, 15%);
  background: linear-gradient(230deg, rgb(252, 171, 16) 0%, rgb(74, 49, 3) 100%);
  cursor: help;
}
.student-progression .color-status--green {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
  transform: translate(-20%, 15%);
  background: linear-gradient(230deg, rgb(19, 169, 172) 0%, rgb(12, 105, 107) 100%);
  cursor: help;
}
.student-progression .color-status--white {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 5px;
  transform: translate(-20%, 15%);
  background: linear-gradient(230deg, rgb(219, 236, 241) 0%, rgb(151, 198, 210) 100%);
  cursor: help;
}
.student-progression .student-selected {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  margin: 0px 20px 80px 20px;
  flex-wrap: wrap;
  z-index: 2;
  position: relative;
}
@media only screen and (min-width: 480px) {
  .student-progression .student-selected {
    justify-content: space-between;
    flex-direction: row;
    z-index: 2;
  }
}
@media only screen and (min-width: 1024px) {
  .student-progression .student-selected {
    justify-content: space-between;
    z-index: 2;
  }
}
.student-progression .student-selected .student-cards {
  height: 200px;
  min-width: 150px;
  border: 2px solid #dbecf1;
  border-radius: 10px;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-bottom: 50px;
}
@media only screen and (min-width: 480px) {
  .student-progression .student-selected .student-cards {
    justify-content: space-between;
    z-index: 2;
    margin-bottom: 0px;
    margin-right: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .student-progression .student-selected .student-cards {
    justify-content: space-between;
    z-index: 2;
  }
}
.student-progression .student-selected .student-cards__ribbon {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  width: 75px;
  height: 75px;
  left: 2px;
  top: 2px;
}
.student-progression .student-selected .student-cards__ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 80px;
  height: 15px;
  display: block;
  position: absolute;
  top: 10px;
  left: -20px;
}
.student-progression .student-selected .student-cards__info {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: column;
  height: 100%;
}
.student-progression .student-selected .student-cards__info--photo {
  position: relative;
  width: 75px;
  height: 75px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #dbecf1;
}
.student-progression .student-selected .student-cards__info--name {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  text-align: center;
  word-break: break-all;
  margin: 0 10px;
  color: #dbecf1;
}
.student-progression .student-selected .student-cards:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.student-progression .student-selected__courses-list {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  flex: 2;
  margin: 0px 15px;
}
@media only screen and (min-width: 1024px) {
  .student-progression .student-selected__courses-list {
    justify-content: flex-start;
    z-index: 2;
    flex: 1;
  }
}
.student-progression .student-selected__courses-list--title {
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  margin-bottom: 50px;
  color: #dbecf1;
}
@media only screen and (min-width: 1024px) {
  .student-progression .student-selected__courses-list--title {
    height: 50px;
  }
}
.student-progression .student-selected__courses-list--course {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  text-align: left;
  margin-bottom: 20px;
  width: 100%;
}
.student-progression .student-selected__courses-list--course:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.student-progression .student-selected__calendar {
  width: 100%;
  margin-top: 50px;
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  color: #dbecf1;
}
@media only screen and (min-width: 1024px) {
  .student-progression .student-selected__calendar {
    width: auto;
    margin-top: 0px;
    width: 30%;
  }
}
.student-progression .student-selected__calendar--title {
  margin-bottom: 50px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .student-progression .student-selected__calendar--title {
    text-align: left;
  }
}
@media only screen and (min-width: 1024px) {
  .student-progression .student-selected__calendar--title {
    text-align: center;
    height: 50px;
  }
}
.student-progression .student-selected__calendar #student-courses-calendar {
  border-radius: 10px;
}
.student-progression .student-course-details {
  margin: 0 20px;
  position: relative;
  z-index: 2;
}
.student-progression .student-course-details > * {
  position: relative;
  z-index: 1;
}
.student-progression .student-course-details__title-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 50px;
}
.student-progression .student-course-details__title-wrapper__logo {
  height: 75px;
  width: 50px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 20px;
}
.student-progression .student-course-details__title-wrapper__title {
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  color: #dbecf1;
}
.student-progression .student-course-details__wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media only screen and (max-width: 480px) {
  .student-progression .student-course-details__wrapper {
    flex-direction: column;
  }
}
.student-progression .student-course-details__wrapper__left {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media only screen and (max-width: 480px) {
  .student-progression .student-course-details__wrapper__left {
    width: 100%;
    align-items: center;
  }
}
.student-progression .student-course-details__wrapper__left__chapter {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  margin-bottom: 20px;
  text-align: left;
  width: auto;
  min-width: 180px;
  display: flex;
  position: relative;
}
.student-progression .student-course-details__wrapper__left__chapter:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.student-progression .student-course-details__wrapper__left__chapter:hover {
  border: 2px solid #dbecf1;
  box-shadow: none;
  color: #dbecf1;
}
.student-progression .student-course-details__wrapper__left__chapter:active {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
.student-progression .student-course-details__wrapper__left__chapter .etat-icons {
  margin-left: 10px;
}
.student-progression .student-course-details__wrapper__left__chapter .etat-complete {
  position: absolute;
  bottom: -3px;
  left: 40px;
  font-style: italic;
  font-size: 12px;
}
.student-progression .student-course-details__wrapper__right {
  width: 80%;
}
@media only screen and (max-width: 480px) {
  .student-progression .student-course-details__wrapper__right {
    width: 100%;
  }
}
.student-progression .student-course-details__wrapper__right--table {
  border: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-radius: 20px 0;
}
.student-progression .student-course-details__wrapper__right--table > * {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
}
.student-progression .student-course-details__wrapper__right--table thead tr td {
  border-radius: 0;
  padding: 0.5rem 1rem;
  vertical-align: middle;
  color: #dbecf1;
  text-align: center;
}
.student-progression .student-course-details__wrapper__right--table thead tr td:last-child {
  text-align: center;
}
.student-progression .student-course-details__wrapper__right--table thead tr:first-child td {
  padding: 1rem 1rem;
  border-bottom: 2px solid #dbecf1;
}
.student-progression .student-course-details__wrapper__right--table thead tr:last-child td:first-child {
  text-align: left;
}
.student-progression .student-course-details__wrapper__right--table tbody tr td {
  border: 0px;
  padding: 0.5rem 1rem;
  vertical-align: middle;
  color: #dbecf1;
  text-align: center;
}
.student-progression .student-course-details__wrapper__right--table tbody tr td a {
  cursor: pointer;
  color: #dbecf1;
}
.student-progression .student-course-details__wrapper__right--table tbody tr td a:hover {
  color: #001858;
}
.student-progression .student-course-details__wrapper__right--table tbody tr td:first-child {
  text-align: left;
}
.student-progression .student-course-details__wrapper__right--table tbody tr td:nth-child(2) {
  white-space: nowrap;
}
.student-progression .student-course-details__wrapper__right--table tbody .activity-list td {
  border-top: 2px solid #dbecf1;
}
.student-progression .student-course-details__wrapper__right--table tbody .activity-list td:last-child {
  text-align: center;
}
.student-progression .student-course-details__wrapper__right--table tbody .activity-more-detail td {
  padding: 0rem 1rem;
}
.student-progression .student-course-details__wrapper__right--table tbody .activity-more-detail td:first-child {
  width: 0px;
  padding-left: 30px;
}
.student-progression .student-course-details__wrapper__right--table tbody .activity-more-detail .open-activity-stat {
  text-align: center;
}
.student-progression .student-course-details__wrapper__right--table tbody .activity-more-detail .open-activity-stat .user_statistic {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  padding: 0px 10px;
  border-radius: 10px 0px;
}
.student-progression .student-course-details__wrapper__right--table tbody .activity-more-detail .open-activity-stat .user_statistic:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.student-progression .student-course-details__wrapper__right--table tbody .activity-list .etat-icons, .student-progression .student-course-details__wrapper__right--table tbody .activity-more-detail .etat-icons {
  justify-content: center;
}
.student-progression .student-course-details__wrapper__right--table tbody .activity-list .etat-icons > i, .student-progression .student-course-details__wrapper__right--table tbody .activity-more-detail .etat-icons > i {
  font-size: 22px;
}
.student-progression .student-course-details__wrapper .etat-icons {
  display: flex;
  align-items: center;
  justify-content: start;
}
.student-progression .student-course-details__wrapper .etat-icons > i {
  margin-right: 3px;
  cursor: help;
}
.student-progression .student-course-details__wrapper .etat-icons > i:last-child {
  margin-right: 0;
}
.student-progression .group-details--title {
  color: #dbecf1;
  font-size: 25px;
  font-family: "Roboto";
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
  margin: 0 20px 50px 20px;
}
.student-progression .group_list {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: row;
  padding: 0px 20px;
  margin-bottom: 50px;
  flex-wrap: nowrap;
  overflow-x: scroll;
}
.student-progression .group_list::-webkit-scrollbar {
  width: 5px;
}
@media only screen and (min-width: 480px) {
  .student-progression .group_list::-webkit-scrollbar {
    width: 20px;
  }
}
.student-progression .group_list::-webkit-scrollbar-track {
  background-color: transparent;
}
.student-progression .group_list::-webkit-scrollbar-thumb {
  background-color: #dbecf1;
  border-radius: 10px;
  border: 0px solid transparent;
  background-clip: content-box;
}
@media only screen and (min-width: 480px) {
  .student-progression .group_list::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 6px solid transparent;
  }
}
.student-progression .group_list::-webkit-scrollbar-thumb:hover {
  background-color: #dbecf1;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.student-progression .group_list--title {
  color: #dbecf1;
  font-size: 25px;
  font-family: "Roboto";
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
  margin: 0 20px 50px 20px;
}
.student-progression .group_list .group-cards {
  min-height: 250px;
  min-width: 150px;
  width: 150px;
  border: 2px solid #dbecf1;
  border-radius: 10px;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  margin-right: 20px;
  padding: 10px;
}
.student-progression .group_list .group-cards:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.student-progression .group_list .group-cards__info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  height: 250px;
}
.student-progression .group_list .group-cards__info--photo {
  position: relative;
  width: 75px;
  height: 75px;
  border-radius: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 2px solid #dbecf1;
  margin-top: 20px;
}
.student-progression .group_list .group-cards__info--name {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  text-align: center;
  color: #dbecf1;
}
.student-progression .group_list .group-cards__info:last-child {
  margin-bottom: 20px;
}
.student-progression .bottom-legend {
  display: flex;
  justify-content: space-between;
}
.student-progression .bottom-legend > span {
  margin-right: 20px;
  display: inline-block;
}
.student-progression .bottom-legend > span:last-child {
  margin-right: 0;
}
.student-progression .missing-uploads {
  color: #fa5f4b;
}

.wpProQuiz_modal_window .statistics-question-update-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.wpProQuiz_modal_window .statistics-question-update-container img {
  filter: invert(89%) sepia(3%) saturate(2337%) hue-rotate(187deg) brightness(110%) contrast(89%);
  width: 15px !important;
}

#radpp-add-student-to-parent-container {
  max-width: 800px;
  margin: auto;
  display: flex;
  justify-content: space-evenly;
}

.student-course-widget, .student-activity-widget, .student-group-widget {
  margin-bottom: 20px;
}
.student-course-widget__header, .student-activity-widget__header, .student-group-widget__header {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 20px 15px;
  border: 2px solid #dbecf1;
  height: 90px;
  align-items: center;
}
@media screen and (min-width: 480px) {
  .student-course-widget__header, .student-activity-widget__header, .student-group-widget__header {
    justify-content: flex-start;
  }
}
.student-course-widget__header--icon, .student-activity-widget__header--icon, .student-group-widget__header--icon {
  width: 50px;
  height: inherit;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin: 0 20px 0 0;
}
@media screen and (min-width: 480px) {
  .student-course-widget__header--icon, .student-activity-widget__header--icon, .student-group-widget__header--icon {
    width: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .student-course-widget__header--icon, .student-activity-widget__header--icon, .student-group-widget__header--icon {
    width: 50px;
    margin: 0 20px;
  }
}
.student-course-widget__header--title, .student-activity-widget__header--title, .student-group-widget__header--title {
  font-family: "Roboto";
  font-size: 35px;
  color: #dbecf1;
  font-weight: 500;
}
.student-course-widget__wrapper, .student-activity-widget__wrapper, .student-group-widget__wrapper {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.student-course-widget__list--title, .student-activity-widget__list--title, .student-group-widget__list--title {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px 15px;
  margin-top: -2px;
  border: 2px solid #dbecf1;
  background-image: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  font-family: "poppins";
  font-size: 20px;
  align-items: center;
  color: #dbecf1 !important;
}
.student-course-widget__list--title:hover, .student-activity-widget__list--title:hover, .student-group-widget__list--title:hover {
  color: #dbecf1 !important;
  background-image: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  transition: background-image 2s ease-in-out;
  transition-duration: 5s !important;
}
.student-course-widget__list--icon, .student-activity-widget__list--icon, .student-group-widget__list--icon {
  color: #dbecf1;
  background-image: url(../img/new-tab.svg);
  height: 20px;
  width: 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
.student-course-widget__list--start, .student-activity-widget__list--start, .student-group-widget__list--start {
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  font-family: "poppins";
  font-size: 12px;
  position: absolute;
  line-height: initial;
  transform: translate(2px, -19px);
}
.student-course-widget__list--over, .student-activity-widget__list--over, .student-group-widget__list--over {
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(181, 7, 129, 0.35) 0%, rgba(181, 7, 129, 0.05) 100%);
  font-family: "poppins";
  font-size: 12px;
  position: absolute;
  line-height: initial;
  transform: translate(2px, -19px);
}

.student-course-widget__header {
  background: linear-gradient(121deg, rgba(181, 7, 129, 0.35) 0%, rgba(181, 7, 129, 0.05) 100%);
}
.student-course-widget__header--icon {
  background-image: url(../img/cours.svg);
}

.student-activity-widget__header {
  background: linear-gradient(130deg, rgba(250, 95, 75, 0.6) 0%, rgba(250, 95, 75, 0.1) 70%);
}
.student-activity-widget__header--icon {
  background-image: url(../img/activity.svg);
}

.student-group-widget__header {
  background: linear-gradient(121deg, rgba(235, 92, 121, 0.35) 0%, rgba(235, 92, 121, 0.05) 100%);
}
.student-group-widget__header--icon {
  background-image: url(../img/groupes.svg);
}

#radpp-success-modal #radpp-success-modal-message {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  text-align: center;
}
#radpp-success-modal #radpp-success-modal-message #radpp-close-success-modal {
  text-align: end;
}
#radpp-success-modal #radpp-success-modal-message .new-user-message {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 25px 0px;
}
#radpp-success-modal #radpp-success-modal-message .new-user-message p {
  font-family: "Roboto Condensed" !important;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  margin: auto 25px;
}
#radpp-success-modal #radpp-success-modal-message .new-user-message__image {
  background-image: url(../img/esa-happy.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 50%;
  height: 200px;
  border: 1px solid white;
  border-radius: 25px 0px;
  box-shadow: 10px 10px 5px rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 480px) {
  #radpp-success-modal #radpp-success-modal-message .new-user-message__image {
    width: 35%;
  }
}
@media screen and (min-width: 720px) {
  #radpp-success-modal #radpp-success-modal-message .new-user-message__image {
    background-size: contain;
  }
}

body #mes-activites * a {
  color: #dbecf1;
  font-family: "poppins";
  font-size: 15px;
}
body #mes-activites * a:hover {
  color: #001858 !important;
}
body #mes-activites * a::before {
  color: #dbecf1;
}
body #mes-activites * a::before:hover {
  color: #001858 !important;
}
body #mes-activites * p {
  color: #dbecf1;
  font-family: "poppins";
  font-size: 15px;
}
body #mes-activites * .like-count {
  color: #dbecf1;
  font-family: "poppins";
  font-size: 15px;
}
body #mes-activites * .like-count:hover {
  color: #001858 !important;
}
body #mes-activites * .bp-screen-reader-text {
  color: #dbecf1;
  font-family: "poppins";
  font-size: 15px;
}
body #mes-activites * .bp-screen-reader-text:hover {
  color: #001858 !important;
}
body #mes-activites * .comment-count {
  color: #dbecf1;
  font-family: "poppins";
  font-size: 15px;
}
body #mes-activites * .comment-count:hover {
  color: #001858 !important;
}
body #mes-activites * a.button.fav.bp-secondary-action {
  color: #dbecf1;
}
body #mes-activites * a.button.fav.bp-secondary-action:hover {
  color: #001858 !important;
}
body #mes-activites #bbpress-forums .activity-list.bp-list .activity-item, body #mes-activites #buddypress .activity-list.bp-list .activity-item, body #mes-activites #buddypress .activity-lists.bp-list .activity-item {
  background: transparent;
  border: 0px;
  border-bottom: 2px solid #dbecf1;
  border-radius: 0px;
  padding: 0px;
}
body #mes-activites #buddypress ul.item-list {
  margin-top: 0px;
}
body #mes-activites .bb-media-model-wrapper#buddypress {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner * {
  background: transparent;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner * .generic-button ::before {
  color: #001858;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner * a {
  color: #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner * a:hover {
  color: #001858;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner * span {
  color: #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner * span:hover {
  color: #001858;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner * li {
  background: transparent !important;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner a.download-document {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner a.download-document:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1 !important;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bb-activity-more-options.is_visible {
  background: #dbecf1;
  color: #001858;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bb-activity-more-options.is_visible a {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-radius: 0 !important;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bb-activity-more-options.is_visible a:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
  border-radius: 0 !important;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bb-activity-more-options.is_visible span {
  color: #001858;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .ac-reply-content {
  color: #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .ac-reply-content .ac-input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .ac-reply-content button {
  color: #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .ac-reply-content button:hover {
  color: #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input {
  background: transparent;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input .emojionearea-button {
  color: #dbecf1 !important;
  margin-top: 2px;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input .emojionearea-button:hover {
  color: #001858 !important;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input .emojionearea-button:hover::before {
  color: #001858;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input .emojionearea-button.active {
  color: #001858 !important;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input-picker {
  background: #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input-picker * {
  color: #001858;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input-picker * input {
  color: #001858;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .dropzone.dz-clickable .dz-message {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .dropzone.dz-clickable .dz-message button {
  color: #dbecf1 !important;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .dropzone.dz-clickable .dz-message button::before {
  color: #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .dropzone .dz-details {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .dropzone .dz-details * {
  color: #dbecf1;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .dropzone a {
  background: transparent;
  border: 0px;
  padding: 0;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer .dropzone a:hover {
  color: #001858;
  background: transparent;
}
body #mes-activites .bb-media-model-wrapper#buddypress .bb-media-model-inner .bp-ac-form-cotainer i.bb-icon {
  color: #dbecf1;
}
body #mes-activites .bb-activity {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  overflow-x: hidden;
  border: 2px solid #dbecf1;
  border-top: 0px;
  /* bouton j'aime et commentaire*/
  /* commentaire */
}
@media screen and (max-width: 480px) {
  body #mes-activites .bb-activity {
    margin: 0px;
  }
}
body #mes-activites .bb-activity #buddypress .activity-lists .action.bp-generic-meta .button:hover {
  color: #001858;
}
body #mes-activites .bb-activity #buddypress .activity-lists .action.bp-generic-meta .button:hover span {
  color: #001858;
}
body #mes-activites .bb-activity .bp-generic-meta .generic-button a span:hover {
  color: #001858;
}
body #mes-activites .bb-activity .bb-block-header {
  margin: 0px;
}
body #mes-activites .bb-activity .bbel-list-flow {
  padding: 20px;
  overflow-x: hidden;
  max-height: 700px;
}
body #mes-activites .bb-activity .bbel-list-flow .activity-list {
  padding: 0px;
}
body #mes-activites .bb-activity .bbel-list-flow::-webkit-scrollbar {
  width: 5px;
}
@media only screen and (min-width: 480px) {
  body #mes-activites .bb-activity .bbel-list-flow::-webkit-scrollbar {
    width: 20px;
  }
}
body #mes-activites .bb-activity .bbel-list-flow::-webkit-scrollbar-track {
  background-color: transparent;
}
body #mes-activites .bb-activity .bbel-list-flow::-webkit-scrollbar-thumb {
  background-color: #dbecf1;
  border-radius: 10px;
  border: 0px solid transparent;
  background-clip: content-box;
}
@media only screen and (min-width: 480px) {
  body #mes-activites .bb-activity .bbel-list-flow::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 6px solid transparent;
  }
}
body #mes-activites .bb-activity .bbel-list-flow::-webkit-scrollbar-thumb:hover {
  background-color: #dbecf1;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
body #mes-activites .bb-activity .activity-inner {
  border: 2px solid #dbecf1;
  border-radius: 5px;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  /* document */
  /* ajout de document */
}
body #mes-activites .bb-activity .activity-inner p {
  color: #dbecf1;
  background: transparent;
}
body #mes-activites .bb-activity .activity-inner .bb-reply-lable {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-inner .bb-content-inr-wrap {
  background: transparent;
}
body #mes-activites .bb-activity .activity-inner .bb-content-wrp {
  background: transparent;
}
body #mes-activites .bb-activity .activity-inner .bb-content-wrp:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body #mes-activites .bb-activity .activity-inner .bb-content-wrp .bb-post-title {
  color: #dbecf1;
  font-family: "poppins";
  font-size: 20px;
}
body #mes-activites .bb-activity .activity-inner .document-preview-wrap img {
  height: 100%;
}
body #mes-activites .bb-activity .activity-inner .zoom-meeting-block {
  margin: 0px;
  border: 0px;
  background: transparent;
}
body #mes-activites .bb-activity .activity-inner .zoom-meeting-block h2 {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-inner .zoom-meeting-block h2:hover {
  color: #001858;
}
body #mes-activites .bb-activity .activity-inner .zoom-meeting-block .zoom-meeting_date {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-inner .zoom-meeting-block-right * span {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-inner .zoom-meeting-block-right * .position {
  background: rgba(219, 236, 241, 0.2);
}
body #mes-activites .bb-activity .activity-inner .document-title:hover {
  color: #001858;
}
body #mes-activites .bb-activity .activity-inner p {
  padding: 10px 20px;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap {
  padding: 10px 20px;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap a span {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap a i {
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap a i:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap a .bb-icon-file-pdf {
  background: transparent;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap a .bb-icon-file-pdf:hover {
  background: transparent;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap a .bb-icon-file-png {
  background: transparent;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap a .bb-icon-file-png:hover {
  background: transparent;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap a .bb-icon-file-image {
  background: transparent;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap a .bb-icon-file-image:hover {
  background: transparent;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap ul li a {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  color: #001858;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap ul li a::before {
  color: #001858;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap ul li a:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap .bb-activity-media-elem.document-activity {
  background-color: transparent;
  margin-bottom: 30px;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-description-wrap {
  background-color: transparent;
}
body #mes-activites .bb-activity .activity-inner .bb-activity-media-wrap .bb-activity-media-elem.document-activity:hover {
  background-color: transparent;
}
body #mes-activites .bb-activity a.activity-state-likes .like-text {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-comments > ul {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  margin: 10px 0px;
}
body #mes-activites .bb-activity .activity-comments > ul .generic-button a {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-comments > ul .generic-button a:hover {
  color: #001858;
}
body #mes-activites .bb-activity .activity-comments > ul .generic-button a.acomment-reply {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-comments > ul .generic-button a.acomment-reply:hover {
  color: #001858;
}
body #mes-activites .bb-activity .activity-comments > ul i {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-comments > ul .bb-activity-more-options {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body #mes-activites .bb-activity .activity-comments > ul .bb-activity-more-options .generic-button {
  text-align: center;
}
body #mes-activites .bb-activity .activity-comments > ul .bb-activity-more-options .generic-button a {
  color: #001858;
  line-height: normal;
  height: auto;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-radius: 0 !important;
}
body #mes-activites .bb-activity .activity-comments > ul .bb-activity-more-options .generic-button a:hover {
  color: #001858;
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
  border-radius: 0 !important;
}
body #mes-activites .bb-activity .activity-comments > ul .bb-activity-more-options .generic-button a.acomment-delete {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-comments > ul .bb-activity-more-options .generic-button a.acomment-delete:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1 !important;
}
body #mes-activites .bb-activity .activity-comments > ul .bb-activity-more-options .generic-button span {
  color: #001858;
}
body #mes-activites .bb-activity .activity-comments > ul .bb-activity-more-options .generic-button span:hover {
  color: #001858;
}
body #mes-activites .bb-activity .activity-comments > ul form {
  margin: 20px 10px;
  padding: 20px;
}
body #mes-activites .bb-activity .activity-comments form {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  margin: 0px;
}
body #mes-activites .bb-activity .activity-comments form .ac-reply-content .ac-textarea .ac-input {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-comments form .ac-reply-content .ac-textarea i {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-comments form .ac-reply-content input[type=submit] {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  height: auto;
  color: #dbecf1;
  padding: 15px 20px;
}
body #mes-activites .bb-activity .activity-comments form .ac-reply-content input[type=submit]:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1;
  box-shadow: none;
}
body #mes-activites .bb-activity .activity-comments form .ac-reply-content .dz-message {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body #mes-activites .bb-activity .activity-comments form .ac-reply-content .dz-message button.dz-button {
  color: #dbecf1 !important;
  box-shadow: none;
  background: transparent;
}
body #mes-activites .bb-activity .activity-comments form .ac-reply-content .dz-message button.dz-button:hover {
  background: transparent !important;
}
body #mes-activites .bb-activity .activity-comments form .ac-reply-content .dz-message button.dz-button::before {
  color: #dbecf1;
}
body #mes-activites .bb-activity .activity-comments form .ac-reply-content .ac-reply-cancel {
  color: #dbecf1;
  padding: 15px 20px;
}
body #mes-activites .bb-activity .activity-comments form .ac-reply-content .ac-reply-cancel:hover {
  color: #001858;
}

/* zoom info - détails de la réunion */
body.bp-nouveau .mfp-bg {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.8) 0%, rgba(0, 24, 88, 0.2) 100%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
body.bp-nouveau .bzm-white-popup {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  border: 2px solid #dbecf1;
}
body.bp-nouveau .bzm-white-popup * a {
  color: #dbecf1;
}
body.bp-nouveau .bzm-white-popup * a:hover {
  color: #001858;
}
body.bp-nouveau .bzm-white-popup header span {
  color: #dbecf1;
}
body.bp-nouveau .bzm-white-popup header button {
  padding: 0px;
}
body.bp-nouveau .bzm-white-popup header button::before {
  color: #dbecf1;
}
body.bp-nouveau .bzm-white-popup header button:hover {
  background: transparent;
}
body.bp-nouveau .bzm-white-popup div {
  color: #dbecf1;
}
body.bp-nouveau .bzm-white-popup #copy-invitation-details {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-radius: 20px 0px;
  border: 2px solid #dbecf1;
  color: #dbecf1;
  padding: 15px 20px;
}
body.bp-nouveau .bzm-white-popup #copy-invitation-details:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1;
  box-shadow: none;
}
body.bp-nouveau .bzm-white-popup .bb-zm-model-header i {
  color: #dbecf1;
  opacity: 1;
}
body.bp-nouveau .bzm-white-popup .bb-zm-model-header i:hover {
  color: #001858;
}
body.bp-nouveau .bzm-white-popup #meeting-invitation-container {
  background: transparent;
  border: 2px solid #dbecf1;
}
body.bp-nouveau .bzm-white-popup #meeting-invitation-container #meeting-invitation {
  color: #dbecf1;
}
body.bp-nouveau .bb-zm-model-header {
  background: transparent;
}

#halo-activity--left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 1000px;
  height: 1000px;
  transform: translate(-60%, 30%);
  background: radial-gradient(circle, rgba(219, 236, 241, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 0;
  pointer-events: none;
}
@media screen and (min-width: 480px) {
  #halo-activity--left {
    width: 100vh;
    height: 100vh;
    transform: translate(-70%, 30%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  #halo-activity--left {
    width: 1500px;
    height: 1500px;
    transform: translate(-60%, 30%);
    z-index: 0;
  }
}

.color-legend {
  margin: 0;
  z-index: 5;
  position: fixed;
  bottom: 0px;
  left: 20px;
  display: flex;
  flex-direction: column;
  align-items: start;
  overflow: hidden;
  padding: 20px;
}
.color-legend__title {
  width: auto;
  height: auto;
  padding: 0px;
  border-radius: 6px;
  padding: 4px 18px;
  text-align: center;
  box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.4);
  z-index: 11;
  background-color: #13a9ac;
  color: #dbecf1;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  cursor: pointer;
}
.color-legend__title > i {
  line-height: 1;
  display: inline-block;
  border: 1px solid #dbecf1;
  width: 34px;
  height: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.2s;
  border-radius: 50%;
}
.color-legend__title:hover {
  background-color: #dbecf1;
  color: #13a9ac;
}
.color-legend__title:hover > i {
  border-color: #13a9ac;
}
.color-legend .calendar-legend__title {
  background: transparent;
  margin-bottom: 20px;
}
.color-legend .color-list {
  margin-top: 20px;
  padding: 16px 16px;
  margin-bottom: 20px;
  width: 320px;
  box-shadow: 0px 0px 11px 3px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  background-color: white;
  border: 4px solid #13a9ac;
  opacity: 0;
  transform: translateY(70px);
  z-index: -1;
  display: none;
  transition: 0.2s;
  -webkit-user-select: none;
  -moz-user-select: none;
       user-select: none;
}
.color-legend .color-list__item .color-circle {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  transform: translate(-20%, 30%);
}
.color-legend .color-list__item .color-text {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  width: -moz-fit-content;
  width: fit-content;
}
.color-legend .color-list__item .color-icon {
  margin-right: 10px;
  display: inline-block;
}
.color-legend .color-list__item--white {
  display: flex;
  flex-direction: row;
}
.color-legend .color-list__item--white .color-circle {
  background: linear-gradient(230deg, rgb(219, 236, 241) 0%, rgb(151, 198, 210) 100%);
}
.color-legend .color-list__item--turquoise {
  display: flex;
  flex-direction: row;
}
.color-legend .color-list__item--turquoise .color-circle {
  background: linear-gradient(230deg, rgb(19, 169, 172) 0%, rgb(12, 105, 107) 100%);
}
.color-legend .color-list__item--yellow {
  display: flex;
  flex-direction: row;
}
.color-legend .color-list__item--yellow .color-circle {
  background: linear-gradient(230deg, rgb(252, 171, 16) 0%, rgb(74, 49, 3) 100%);
}
.color-legend .color-list__item--red {
  display: flex;
  flex-direction: row;
}
.color-legend .color-list__item--red .color-circle {
  background: linear-gradient(230deg, rgb(181, 7, 129) 0%, rgb(84, 5, 61) 100%);
}
.color-legend .color-list__item--icon {
  display: flex;
  flex-direction: row;
}
.color-legend .color-list__item--icon .color-circle {
  background: #272932;
}
.color-legend .color-list hr {
  margin-bottom: 15px;
  margin-top: 15px;
}
.color-legend__element--suivi:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  transform: translate(-20%, 20%);
  background: #FCAB10;
}
.color-legend__element--laboratoire:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  transform: translate(-20%, 20%);
  background: #13a9ac;
}
.color-legend__element--oral:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  transform: translate(-20%, 20%);
  background: #1c277c;
}
.color-legend__element--examen:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  transform: translate(-20%, 20%);
  background: black;
}
.color-legend__element--new-student:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  transform: translate(-20%, 20%);
  background: #B50781;
}
.color-legend__element--autre:before {
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  margin-right: 10px;
  transform: translate(-20%, 20%);
  background: #EB5C79;
}
.color-legend__element p {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  color: #dbecf1;
  margin-bottom: 0px;
  margin-left: 15px;
  display: inline-block;
}
.color-legend.active .color-list {
  opacity: 1;
  transform: translateY(0px);
  z-index: 10;
  display: block;
}

.calendar-legend {
  padding: 15px 20px !important;
  margin: 0px 10px 50px 10px;
}

#wpProQuiz_user_overlay .wpProQuiz_modal_window {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border: 2px solid #dbecf1;
  /* close button */
  /* police */
  /* info utilisateur */
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window::before {
  color: #dbecf1;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window h2 {
  color: #dbecf1;
  font-size: 25px;
  font-family: "Roboto";
  font-weight: 600;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window th {
  font-family: "poppins";
  font-size: 18px;
  font-weight: 200;
  color: #dbecf1;
  box-shadow: none;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content .categoryTr {
  display: none;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content .wpProQuiz_update {
  display: none;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table {
  border: 2px solid #dbecf1;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table thead tr {
  border-width: 2px 0px;
  border-style: solid;
  border-color: #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table thead tr th {
  background: transparent;
  font-family: "poppins";
  font-size: 15px;
  font-weight: 500;
  color: #dbecf1;
  vertical-align: middle;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table thead tr th:nth-child(4), #wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table thead tr th:nth-child(5), #wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table thead tr th:nth-child(6) {
  display: none;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr {
  background: transparent;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr:nth-child(2n) {
  border-top: 2px solid #dbecf1;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th {
  vertical-align: middle;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th .statistics-question-update-container {
  margin-top: 5px;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th .statistics-question-update-container input {
  width: 50px;
  margin: 0 !important;
  padding: 0 5px !important;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th .statistics-question-update-container .statistics-question-update {
  display: inline-block;
  margin-left: 10px;
  transform: translateY(5px);
  cursor: pointer;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th:first-child {
  box-shadow: none;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th:last-child {
  box-shadow: none;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList h1 {
  color: #dbecf1;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList h3 {
  color: #dbecf1;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList p {
  color: #dbecf1;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList .wpProQuiz_sortable {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList .wpProQuiz_answerCorrect {
  background: #13a9ac;
  border: 1px solid #dbecf1;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList .wpProQuiz_answerCorrect li {
  background: #13a9ac;
  border: 0px;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList .wpProQuiz_answerCorrect div {
  background: #13a9ac;
  border: 0px;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList .wpProQuiz_answerIncorrect {
  background: #B50781;
  border: 1px solid #dbecf1;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList .wpProQuiz_answerIncorrect li {
  background: #B50781;
  border: 0px;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th ul.wpProQuiz_questionList .wpProQuiz_answerIncorrect div {
  background: #B50781;
  border: 0px;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th .wpProQuiz_response {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  border: 2px solid #dbecf1 !important;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr th .wpProQuiz_response p span {
  color: #dbecf1;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr:nth-child(even) th:nth-child(4), #wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr:nth-child(even) th:nth-child(5), #wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tbody tr:nth-child(even) th:nth-child(6) {
  display: none;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tfoot tr {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-top: 2px solid #dbecf1;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tfoot tr th {
  background: transparent;
  vertical-align: middle;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tfoot tr th:nth-child(4), #wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tfoot tr th:nth-child(5), #wpProQuiz_user_overlay .wpProQuiz_modal_window #wpProQuiz_user_content table.wp-list-table tfoot tr th:nth-child(6) {
  display: none;
}
#wpProQuiz_user_overlay .wpProQuiz_modal_backdrop {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.8) 0%, rgba(0, 24, 88, 0.2) 100%);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
#wpProQuiz_user_overlay #wpProQuiz_loadUserData {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  color: #dbecf1;
  font-family: "poppins";
  font-size: 22px;
  font-weight: 500;
  border: 2px solid #dbecf1;
  margin-top: 100px !important;
}

.bb-sfwd-aside #content {
  padding-top: 0px !important;
}
.bb-sfwd-aside #content .entry-content {
  display: block !important;
}

#btn-dialogBox {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  width: 100vw;
  height: 100vh;
  display: none;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
#btn-dialogBox .dialog-box-container {
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: none;
  border-radius: 20px 0px;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: -moz-fit-content;
  width: fit-content;
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
#btn-dialogBox .dialog-box-container div {
  color: #dbecf1;
  font-family: "Poppins";
  font-size: 18px;
}
#btn-dialogBox .dialog-box-container div span {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  width: 110px;
}
#btn-dialogBox .dialog-box-container div span:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}

.custom-form {
  font-size: 16px;
  margin: 50px 0;
}
@media all and (max-width: 980px) {
  .custom-form select {
    -webkit-appearance: none !important;
  }
}
.custom-form input[type=text],
.custom-form textarea,
.custom-form select {
  width: 100% !important;
  padding-top: 20px;
  padding-right: 20px;
  padding-bottom: 17px;
  padding-left: 20px;
  border-radius: 0 20px 0 20px;
  border-width: 2px;
  border-color: #1aaaad;
  font-size: 16px;
}
.custom-form .form-champ {
  text-align: center;
}
.custom-form textarea {
  height: 150px;
  resize: none !important;
}
.custom-form p {
  text-align: left;
}
.custom-form label {
  display: block;
  margin-top: 20px;
  text-align: left;
}
.custom-form button {
  color: #FFFFFF !important;
  border-color: #1AAAAD;
  font-size: 15px;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  background-color: #1AAAAD;
  padding-top: 8px !important;
  padding-right: 28px !important;
  padding-bottom: 8px !important;
  padding-left: 28px !important;
  border-radius: 0 20px;
  height: 45px;
  margin-left: 0 !important;
  border: solid 2px #1aaaad;
  transition: all 250ms ease-in-out !important;
  cursor: pointer;
}
.custom-form button:hover {
  background-color: #fff;
  color: #1AAAAD !important;
}
.custom-form button em {
  font-style: normal !important;
}
.custom-form .col-2 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.custom-form .col-2 .form-champ {
  width: 48%;
}
.custom-form .col-2 .form-champ label {
  margin-top: 0px;
}

body.blue-theme {
  background-color: #001858;
}
@media only screen and (min-width: 480px) {
  body.blue-theme #content {
    margin-top: 50px;
  }
}
body.blue-theme .bb-grid {
  flex-direction: column;
  flex-wrap: inherit;
}

.hero-section {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 80px;
  margin-left: 20px;
  margin-right: 20px;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 480px) {
  .hero-section {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1024px) {
  .hero-section {
    margin-bottom: 120px;
  }
}
.hero-section__left {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 50px;
  padding: 40px;
  z-index: 1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 50px 0px;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
@media screen and (min-width: 480px) {
  .hero-section__left {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .hero-section__left {
    width: 85%;
  }
}
.hero-section__left--wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.hero-section__left--wrapper--title {
  font-family: "Roboto";
  font-size: 40px;
  color: #dbecf1;
}
.hero-section__left--wrapper--icon {
  background-image: url(../img/groupes.svg);
  width: 50px;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
  height: 50px;
  display: none;
}
@media screen and (min-width: 480px) {
  .hero-section__left--wrapper--icon {
    display: block;
  }
}
.hero-section__left--content {
  font-family: "poppins";
  font-size: 18px;
  font-weight: 200;
  color: #dbecf1;
}
.hero-section__bulle {
  width: 100%;
  height: 300px;
  background: linear-gradient(180deg, rgba(235, 92, 121, 0.35) 0%, rgba(235, 92, 121, 0.85) 100%);
  margin-left: -100px;
  border-radius: 0 50px 0 50px;
  display: none;
}
@media screen and (min-width: 480px) {
  .hero-section__bulle {
    display: block;
  }
}
.hero-section__bulle--img {
  width: 100%;
  height: 380px;
  margin-top: -30px;
  margin-left: 30px;
  background-image: url(../img/groupe_transparence.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
.hero-section .nuage-de-point__yellow {
  width: 200%;
  height: 20%;
  background-size: contain;
  background-position: right;
  background-repeat: repeat-x;
  position: absolute;
  top: 18%;
  right: 40%;
  z-index: 1;
  background-image: url(../img/nuagedepointjaune.svg);
  z-index: 0;
}
.hero-section .nuage-de-point__yellow::before {
  content: "";
  width: 100%;
  height: 150px;
  background: linear-gradient(110deg, rgb(0, 24, 88) 15%, rgba(0, 24, 88, 0) 80%);
  position: absolute;
}
@media screen and (min-width: 480px) {
  .hero-section .nuage-de-point__yellow {
    width: 100%;
    height: 150px;
    top: 220px;
    right: 45%;
  }
}
.hero-section .nuage-de-point__turquoise {
  width: 200%;
  height: 20%;
  background-size: contain;
  background-position: right;
  background-repeat: repeat-x;
  position: absolute;
  top: 18%;
  right: 40%;
  z-index: 1;
  background-image: url(../img/nuagedepointturquoise.svg);
}
.hero-section .nuage-de-point__turquoise::before {
  content: "";
  width: 100%;
  height: 150px;
  background: linear-gradient(110deg, rgb(0, 24, 88) 15%, rgba(0, 24, 88, 0) 80%);
  position: absolute;
}
@media screen and (min-width: 480px) {
  .hero-section .nuage-de-point__turquoise {
    width: 100%;
    height: 150px;
    top: 220px;
    right: 45%;
  }
}
.hero-section .nuage-de-point__orange {
  width: 200%;
  height: 20%;
  background-size: contain;
  background-position: right;
  background-repeat: repeat-x;
  position: absolute;
  top: 18%;
  right: 40%;
  z-index: 1;
  background-image: url(../img/nuagedepointorange.svg);
}
.hero-section .nuage-de-point__orange::before {
  content: "";
  width: 100%;
  height: 150px;
  background: linear-gradient(110deg, rgb(0, 24, 88) 15%, rgba(0, 24, 88, 0) 80%);
  position: absolute;
}
@media screen and (min-width: 480px) {
  .hero-section .nuage-de-point__orange {
    width: 100%;
    height: 150px;
    top: 220px;
    right: 45%;
  }
}
.hero-section .nuage-de-point__mauve {
  width: 200%;
  height: 20%;
  background-size: contain;
  background-position: right;
  background-repeat: repeat-x;
  position: absolute;
  top: 18%;
  right: 40%;
  z-index: 1;
  background-image: url(../img/nuagedepointmauve.svg);
}
.hero-section .nuage-de-point__mauve::before {
  content: "";
  width: 100%;
  height: 150px;
  background: linear-gradient(110deg, rgb(0, 24, 88) 15%, rgba(0, 24, 88, 0) 80%);
  position: absolute;
}
@media screen and (min-width: 480px) {
  .hero-section .nuage-de-point__mauve {
    width: 100%;
    height: 150px;
    top: 220px;
    right: 45%;
  }
}

.page-information {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 40px;
  border-bottom: 2px solid #1F3B88;
  margin: 0 20px 50px 20px;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 480px) {
  .page-information {
    margin: 0 20px 80px 20px;
    flex-direction: row;
    justify-content: space-between;
  }
}
.page-information__title-section {
  color: #dbecf1;
  font-size: 25px;
  font-family: "Roboto";
  font-weight: 600;
  width: -moz-fit-content;
  width: fit-content;
}
.page-information__title-page {
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 400;
  border-top: 2px solid #dbecf1;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 40px;
  color: #dbecf1;
}
.page-information__title-page strong {
  color: #EB5C79;
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 400;
}
@media screen and (min-width: 480px) {
  .page-information__title-page {
    margin-top: 0;
  }
}

#my-messages .hero-section__left {
  z-index: 2;
}
#my-messages .hero-section__left--wrapper {
  z-index: 1;
}
#my-messages .hero-section__left--wrapper--title {
  line-height: normal;
}
@media screen and (min-width: 480px) {
  #my-messages .hero-section__left--wrapper--title {
    width: 80%;
  }
}
#my-messages .hero-section__left--wrapper--icon {
  background-image: url(../img/message.svg);
  height: 80px;
  background-size: contain;
}
#my-messages .hero-section__bulle {
  z-index: 1;
  background: linear-gradient(180deg, rgba(181, 7, 129, 0.35) 0%, rgba(181, 7, 129, 0.85) 100%);
}
#my-messages .hero-section__bulle--img {
  background-image: url(../img/adam_transparence.png);
  z-index: 1;
}
@media screen and (min-width: 480px) {
  #my-messages .hero-section__bulle--img {
    height: 300px;
    margin-top: 40px;
    margin-left: 40px;
  }
}
#my-messages .page-information__title-page strong {
  color: #B50781;
}
#my-messages .halo__degrade-left {
  position: absolute;
  left: 0%;
  top: 100%;
  width: 1000px;
  height: 1000px;
  transform: translate(-70%, 0%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 1;
}
@media screen and (min-width: 480px) {
  #my-messages .halo__degrade-left {
    width: 100vh;
    height: 100vh;
    transform: translate(-60%, 0%);
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) {
  #my-messages .halo__degrade-left {
    width: 1000px;
    height: 1000px;
    transform: translate(-50%, -20%);
    z-index: 1;
  }
}
#my-messages .halo__degrade-right {
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 1000px;
  height: 1000px;
  transform: translate(-50%, -20%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 0;
}
@media screen and (min-width: 480px) {
  #my-messages .halo__degrade-right {
    width: 100vh;
    height: 100vh;
    transform: translate(-50%, -20%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  #my-messages .halo__degrade-right {
    width: 100vw;
    height: 100vw;
    transform: translate(-60%, 10%);
    z-index: 0;
  }
}
#my-messages body.bp-user #buddypress .bp-messages-wrap * p {
  color: black !important;
}
#my-messages body.bp-user #buddypress .bp-messages-wrap .bm-right-side * p {
  color: white !important;
}
#my-messages .bp-messages {
  border: 0px solid;
}
#my-messages .message-list {
  margin: 0px 20px;
  position: relative;
  z-index: 2;
}

/*
  ============================================
   Fiche de cours - motif point
  ============================================
*/
.motif-fiche-cours {
  background-size: initial;
  background-position: center left;
  min-height: 130px;
  max-height: 130px;
  background-image: url(https://ecole.etudesecours.com/wp-content/uploads/2021/03/motif-points-gris1-1.png);
  position: absolute;
  bottom: 20px;
  top: auto;
  right: -300px;
  left: auto;
}
@media screen and (max-width: 375px) {
  .motif-fiche-cours {
    display: none;
  }
}

/*
  ============================================
    Onglet mes notes
  ============================================
*/
.single-sfwd-courses .nt-note-wrapper,
.single-sfwd-quiz .nt-note-wrapper,
.single-sfwd-topic .nt-note-wrapper,
.single-sfwd-lessons .nt-note-wrapper {
  background: linear-gradient(110deg, rgba(0, 24, 88, 0.7) 0%, rgba(0, 24, 88, 0.25) 100%);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  padding: 27px 26px !important;
  border: 2px solid;
  border-image-width: 70px;
  border-image-slice: 150;
  border-image-repeat: inherit;
  width: 100%;
  box-sizing: border-box;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
@media screen and (min-width: 480px) {
  .single-sfwd-courses .nt-note-wrapper,
  .single-sfwd-quiz .nt-note-wrapper,
  .single-sfwd-topic .nt-note-wrapper,
  .single-sfwd-lessons .nt-note-wrapper {
    padding: 32px 26px !important;
  }
}
.single-sfwd-courses .nt-note-wrapper .note-header .nt-close-icon,
.single-sfwd-quiz .nt-note-wrapper .note-header .nt-close-icon,
.single-sfwd-topic .nt-note-wrapper .note-header .nt-close-icon,
.single-sfwd-lessons .nt-note-wrapper .note-header .nt-close-icon {
  top: 40px;
  right: 40px;
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
  border: 2px solid #dbecf1;
  height: 30px;
  width: 30px;
}
@media screen and (min-width: 480px) {
  .single-sfwd-courses .nt-note-wrapper .note-header .nt-close-icon,
  .single-sfwd-quiz .nt-note-wrapper .note-header .nt-close-icon,
  .single-sfwd-topic .nt-note-wrapper .note-header .nt-close-icon,
  .single-sfwd-lessons .nt-note-wrapper .note-header .nt-close-icon {
    background: transparent;
    border: 0px;
  }
}
.single-sfwd-courses .nt-note-wrapper #nt-course-note *,
.single-sfwd-quiz .nt-note-wrapper #nt-course-note *,
.single-sfwd-topic .nt-note-wrapper #nt-course-note *,
.single-sfwd-lessons .nt-note-wrapper #nt-course-note * {
  background: transparent;
  color: #dbecf1;
}
.single-sfwd-courses .nt-note-wrapper #nt-note-title-bar,
.single-sfwd-quiz .nt-note-wrapper #nt-note-title-bar,
.single-sfwd-topic .nt-note-wrapper #nt-note-title-bar,
.single-sfwd-lessons .nt-note-wrapper #nt-note-title-bar {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  border-bottom: 2px solid #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  border-radius: 0;
  padding: 10px 15px;
}
.single-sfwd-courses .nt-note-wrapper .note-body #nt-note-title-field,
.single-sfwd-quiz .nt-note-wrapper .note-body #nt-note-title-field,
.single-sfwd-topic .nt-note-wrapper .note-body #nt-note-title-field,
.single-sfwd-lessons .nt-note-wrapper .note-body #nt-note-title-field {
  padding: 0px;
}
.single-sfwd-courses .nt-note-wrapper .note-body #nt-note-title-field input,
.single-sfwd-quiz .nt-note-wrapper .note-body #nt-note-title-field input,
.single-sfwd-topic .nt-note-wrapper .note-body #nt-note-title-field input,
.single-sfwd-lessons .nt-note-wrapper .note-body #nt-note-title-field input {
  padding: 10px 15px;
  height: auto;
  color: #dbecf1;
  font-family: roboto-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 80%;
  border-color: #dbecf1 !important;
}
@media screen and (min-width: 480px) {
  .single-sfwd-courses .nt-note-wrapper .note-body #nt-note-title-field input,
  .single-sfwd-quiz .nt-note-wrapper .note-body #nt-note-title-field input,
  .single-sfwd-topic .nt-note-wrapper .note-body #nt-note-title-field input,
  .single-sfwd-lessons .nt-note-wrapper .note-body #nt-note-title-field input {
    width: 100%;
  }
}
.single-sfwd-courses .nt-note-wrapper .note-body iframe,
.single-sfwd-quiz .nt-note-wrapper .note-body iframe,
.single-sfwd-topic .nt-note-wrapper .note-body iframe,
.single-sfwd-lessons .nt-note-wrapper .note-body iframe {
  height: 100% !important;
}
.single-sfwd-courses .nt-note-wrapper #nt-note-actions-wrapper,
.single-sfwd-quiz .nt-note-wrapper #nt-note-actions-wrapper,
.single-sfwd-topic .nt-note-wrapper #nt-note-actions-wrapper,
.single-sfwd-lessons .nt-note-wrapper #nt-note-actions-wrapper {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.single-sfwd-courses .nt-note-wrapper #nt-note-actions-wrapper li,
.single-sfwd-quiz .nt-note-wrapper #nt-note-actions-wrapper li,
.single-sfwd-topic .nt-note-wrapper #nt-note-actions-wrapper li,
.single-sfwd-lessons .nt-note-wrapper #nt-note-actions-wrapper li {
  border: 2px solid #dbecf1;
  margin-right: -2px;
  height: auto;
}
.single-sfwd-courses .nt-note-wrapper #nt-note-actions-wrapper li:first-child,
.single-sfwd-quiz .nt-note-wrapper #nt-note-actions-wrapper li:first-child,
.single-sfwd-topic .nt-note-wrapper #nt-note-actions-wrapper li:first-child,
.single-sfwd-lessons .nt-note-wrapper #nt-note-actions-wrapper li:first-child {
  margin-left: -2px;
}
.single-sfwd-courses .nt-note-wrapper #nt-note-actions-wrapper li input,
.single-sfwd-quiz .nt-note-wrapper #nt-note-actions-wrapper li input,
.single-sfwd-topic .nt-note-wrapper #nt-note-actions-wrapper li input,
.single-sfwd-lessons .nt-note-wrapper #nt-note-actions-wrapper li input {
  width: 100%;
  color: #dbecf1;
  height: auto;
}
.single-sfwd-courses .nt-note-wrapper #nt-note-actions-wrapper li input:hover,
.single-sfwd-quiz .nt-note-wrapper #nt-note-actions-wrapper li input:hover,
.single-sfwd-topic .nt-note-wrapper #nt-note-actions-wrapper li input:hover,
.single-sfwd-lessons .nt-note-wrapper #nt-note-actions-wrapper li input:hover {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%) !important;
  color: #dbecf1 !important;
}
.single-sfwd-courses .nt-note-wrapper #nt-note-actions-wrapper a,
.single-sfwd-quiz .nt-note-wrapper #nt-note-actions-wrapper a,
.single-sfwd-topic .nt-note-wrapper #nt-note-actions-wrapper a,
.single-sfwd-lessons .nt-note-wrapper #nt-note-actions-wrapper a {
  height: 100%;
}
.single-sfwd-courses .nt-note-wrapper #nt-note-actions-wrapper a:hover,
.single-sfwd-quiz .nt-note-wrapper #nt-note-actions-wrapper a:hover,
.single-sfwd-topic .nt-note-wrapper #nt-note-actions-wrapper a:hover,
.single-sfwd-lessons .nt-note-wrapper #nt-note-actions-wrapper a:hover {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
}
.single-sfwd-courses .nt-note-wrapper #nt-utility-links,
.single-sfwd-quiz .nt-note-wrapper #nt-utility-links,
.single-sfwd-topic .nt-note-wrapper #nt-utility-links,
.single-sfwd-lessons .nt-note-wrapper #nt-utility-links {
  margin-bottom: -2px;
  flex-direction: column-reverse;
}
.single-sfwd-courses .nt-note-wrapper #nt-utility-links a,
.single-sfwd-quiz .nt-note-wrapper #nt-utility-links a,
.single-sfwd-topic .nt-note-wrapper #nt-utility-links a,
.single-sfwd-lessons .nt-note-wrapper #nt-utility-links a {
  border-bottom: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1;
  width: 100%;
  margin-top: -2px;
}
.single-sfwd-courses .nt-note-wrapper #nt-utility-links a:hover,
.single-sfwd-quiz .nt-note-wrapper #nt-utility-links a:hover,
.single-sfwd-topic .nt-note-wrapper #nt-utility-links a:hover,
.single-sfwd-lessons .nt-note-wrapper #nt-utility-links a:hover {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
}
@media screen and (min-width: 480px) {
  .single-sfwd-courses .nt-note-wrapper #nt-utility-links a,
  .single-sfwd-quiz .nt-note-wrapper #nt-utility-links a,
  .single-sfwd-topic .nt-note-wrapper #nt-utility-links a,
  .single-sfwd-lessons .nt-note-wrapper #nt-utility-links a {
    width: auto;
    margin-top: -2px;
    margin-right: -2px;
    margin-left: -2px;
    border: 2px solid #dbecf1;
  }
}

#my-notes .hero-section__left {
  z-index: 2;
}
#my-notes .hero-section__left--wrapper {
  z-index: 1;
}
#my-notes .hero-section__left--wrapper--title {
  line-height: normal;
}
@media screen and (min-width: 480px) {
  #my-notes .hero-section__left--wrapper--title {
    width: 80%;
  }
}
#my-notes .hero-section__left--wrapper--icon {
  background-image: url(../img/notes.svg);
  background-size: contain;
}
#my-notes .hero-section__bulle {
  z-index: 1;
  background: linear-gradient(180deg, rgba(252, 171, 16, 0.35) 0%, rgba(252, 171, 16, 0.85) 100%);
}
#my-notes .hero-section__bulle--img {
  background-image: url(../img/jess_transparence.png);
  z-index: 1;
}
@media screen and (min-width: 480px) {
  #my-notes .hero-section__bulle--img {
    height: 300px;
    margin-top: 40px;
    margin-left: 40px;
  }
}
#my-notes .halo__degrade-right {
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 1000px;
  height: 1000px;
  transform: translate(-50%, -20%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 0;
}
@media screen and (min-width: 480px) {
  #my-notes .halo__degrade-right {
    width: 100vh;
    height: 100vh;
    transform: translate(-50%, -20%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  #my-notes .halo__degrade-right {
    width: 100vw;
    height: 100vw;
    transform: translate(-60%, 10%);
    z-index: 0;
  }
}
#my-notes .notes-list {
  position: relative;
  z-index: 2;
  margin: 0px 20px;
}
#my-notes .notes-list #ldnt-shortcode * a {
  color: #dbecf1;
}
#my-notes .notes-list #ldnt-shortcode * a:hover {
  color: #FCAB10;
}
#my-notes .notes-list #ldnt-shortcode .ldnt-note-filters #ldnt-filters-form .ldnt-select-wrap {
  background: linear-gradient(121deg, rgba(252, 171, 16, 0.35) 0%, rgba(252, 171, 16, 0.05) 100%);
  border: 2px solid #dbecf1;
  /* filtrer nombre note */
}
#my-notes .notes-list #ldnt-shortcode .ldnt-note-filters #ldnt-filters-form .ldnt-select-wrap select#ldnt-posts-per-page {
  color: #dbecf1;
  padding: 15px 40px 15px 20px;
  height: auto;
}
#my-notes .notes-list #ldnt-shortcode .ldnt-note-filters #ldnt-filters-form .ldnt-select-wrap select#ldnt-posts-per-page option {
  color: #001858;
  background: #dbecf1;
}
#my-notes .notes-list #ldnt-shortcode .ldnt-note-filters #ldnt-filters-form .ldnt-select-wrap::after {
  top: 45%;
  right: 8px;
  color: #dbecf1;
}
#my-notes .notes-list #ldnt-shortcode .ldnt-note-filters #ldnt-filters-form .ldnt-search-field {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0;
  align-items: center;
}
#my-notes .notes-list #ldnt-shortcode .ldnt-note-filters #ldnt-filters-form .ldnt-search-field #ldnt-search-btn {
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-left: 2px solid #dbecf1;
  border-radius: 0 !important;
}
#my-notes .notes-list #ldnt-shortcode .ldnt-note-filters #ldnt-filters-form .ldnt-search-field #ldnt-search-btn:hover {
  background: linear-gradient(121deg, rgba(252, 171, 16, 0.35) 0%, rgba(252, 171, 16, 0.05) 100%);
  border-left: 2px solid #dbecf1;
  border-radius: 0 !important;
}
#my-notes .notes-list #ldnt-shortcode .ldnt-note-filters #ldnt-filters-form .ldnt-search-field input {
  color: #dbecf1;
  height: auto;
  padding: 15px 20px;
}
#my-notes .notes-list #ldnt-shortcode .ldnt-note-filters #ldnt-filters-form .ldnt-search-field input:hover {
  color: #dbecf1;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing {
  margin: 50px 0 50px 0 !important;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing thead {
  margin-bottom: -2px;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing thead tr {
  background: linear-gradient(121deg, rgba(252, 171, 16, 0.35) 0%, rgba(252, 171, 16, 0.05) 100%);
  border: 2px solid #dbecf1;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing thead tr th {
  background: transparent !important;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing tbody tr {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  border: 2px solid #dbecf1;
  margin-bottom: -2px;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing tbody tr td {
  background: transparent !important;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing tbody tr td span {
  color: #dbecf1;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing tbody tr td span.nl-username {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing tfoot td {
  padding: 0;
  padding-top: 50px;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing tfoot input, #my-notes .notes-list #ldnt-shortcode .notes-listing tfoot a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
#my-notes .notes-list #ldnt-shortcode .notes-listing tfoot input:hover, #my-notes .notes-list #ldnt-shortcode .notes-listing tfoot a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
#my-notes .notes-list #ldnt-shortcode .notes-listing tfoot input:hover, #my-notes .notes-list #ldnt-shortcode .notes-listing tfoot a:hover {
  color: #dbecf1 !important;
  box-shadow: none;
  background: linear-gradient(121deg, rgba(252, 171, 16, 0.35) 0%, rgba(252, 171, 16, 0.05) 100%);
}
#my-notes .halo__degrade-left {
  position: absolute;
  left: 0%;
  top: 100%;
  width: 1000px;
  height: 1000px;
  transform: translate(-70%, 0%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 1;
}
@media screen and (min-width: 480px) {
  #my-notes .halo__degrade-left {
    width: 100vh;
    height: 100vh;
    transform: translate(-60%, 0%);
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) {
  #my-notes .halo__degrade-left {
    width: 1000px;
    height: 1000px;
    transform: translate(-50%, -20%);
    z-index: 1;
  }
}
#my-notes .page-information__title-page strong {
  color: #FCAB10;
}

/* single note page */
body.coursenote-template-default {
  background: #001858;
}
body.coursenote-template-default h1 {
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #dbecf1;
}
body.coursenote-template-default p {
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #dbecf1;
}
body.coursenote-template-default a {
  color: #dbecf1;
}
body.coursenote-template-default a:hover {
  color: #FCAB10;
}
body.coursenote-template-default #nt-course-note .mce-toolbar-grp {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.coursenote-template-default #nt-course-note #nt-note-actions-wrapper {
  border: 2px solid #dbecf1;
}
body.coursenote-template-default #nt-course-note #nt-note-actions-wrapper ul {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.coursenote-template-default #nt-course-note #nt-note-actions-wrapper ul input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  border-radius: 0px;
  height: 100%;
  border-top: 0px;
  border-bottom: 0px;
  border-left: 0px;
}
body.coursenote-template-default #nt-course-note #nt-note-actions-wrapper ul input:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.coursenote-template-default #nt-course-note #nt-note-actions-wrapper ul input:hover {
  color: #dbecf1 !important;
  box-shadow: none;
  border-radius: 0px;
  background: linear-gradient(121deg, rgba(252, 171, 16, 0.35) 0%, rgba(252, 171, 16, 0.05) 100%) !important;
  border-top: 0px;
  border-bottom: 0px;
}
body.coursenote-template-default #nt-course-note #nt-note-actions-wrapper ul a {
  color: #dbecf1;
}
body.coursenote-template-default #nt-course-note #nt-note-actions-wrapper ul a:hover {
  color: #dbecf1 !important;
  box-shadow: none;
  border-radius: 0px;
  background: linear-gradient(121deg, rgba(252, 171, 16, 0.35) 0%, rgba(252, 171, 16, 0.05) 100%);
}
body.coursenote-template-default #nt-course-note #nt-note-actions-wrapper ul li:nth-child(2) {
  border-left: 2px solid #dbecf1;
}
body.coursenote-template-default #nt-course-note #nt-note-actions-wrapper ul li:nth-child(3) {
  border-left: 2px solid #dbecf1;
}

/*
  ============================================
   Mise en forme des notifications personnalisées
  ============================================
*/
.radpp-notification-wrapper {
  z-index: 100;
  position: fixed;
}

.radpp-notification-wrapper.radpp-radio-notification {
  text-align: justify;
  top: 0;
  right: 0;
  transform: translateX(100%);
  transition: transform 0.7s ease-in-out;
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper {
  display: flex;
  float: right;
  flex-direction: row;
  align-items: flex-start;
  flex-wrap: wrap-reverse;
  justify-content: flex-start;
  height: 100vh;
  border: solid 50px;
  border-image-slice: 182 148 157 180;
  /* Largeur de la notification sur les écrans tablette et mobile */
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper {
  display: flex;
  align-items: center;
  flex-grow: 1;
  height: 100%;
  width: 30vw;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: bottom;
  color: white;
  flex-wrap: nowrap;
  justify-content: space-between;
  flex-direction: column;
  line-height: 2;
  /* Modification du scrollbar pour le message de la notification */
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper .radpp-notification-message {
  display: block;
  align-self: flex-start;
  font-size: 16px;
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: "courier";
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper .radpp-notification-message a {
  font-weight: bolder;
  text-transform: uppercase;
  text-decoration: underline;
  color: #2cfbff;
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper .radpp-notification-message .text-notification-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper .radpp-notification-message .text-notification-flex .text-notif-inner {
  margin: 0 10px;
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper .radpp-notification-close {
  display: inline-block;
  font-weight: bolder;
  text-transform: uppercase;
  color: white;
  font-family: "courier";
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper .radpp-notification-close:hover {
  cursor: pointer;
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper .perso-notif {
  width: 35%;
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper .img-course-notif {
  max-width: 100px;
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper ::-webkit-scrollbar {
  width: 20px;
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper ::-webkit-scrollbar-track {
  background-color: transparent;
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper ::-webkit-scrollbar-thumb {
  background-color: #d6dee1;
  border-radius: 20px;
  border: 6px solid transparent;
  background-clip: content-box;
}
.radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper ::-webkit-scrollbar-thumb:hover {
  background-color: #a8bbbf;
}
@media only screen and (max-width: 1024px) {
  .radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper {
    width: 50vw;
  }
}
@media only screen and (max-width: 425px) {
  .radpp-notification-wrapper.radpp-radio-notification .radpp-flex-wrapper .message-overlay-wrapper {
    width: auto;
  }
}

.radpp-notification-wrapper.radpp-dialogue-notification {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  display: none;
}
.radpp-notification-wrapper.radpp-dialogue-notification .radpp-flex-wrapper {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  flex-wrap: wrap;
  justify-content: center;
}
.radpp-notification-wrapper.radpp-dialogue-notification .radpp-flex-wrapper img {
  flex-basis: 300px;
  width: 300px;
  margin-left: 20px;
  margin-right: 20px;
}
.radpp-notification-wrapper.radpp-dialogue-notification .radpp-flex-wrapper .radpp-dialogue-notification-message-wrapper {
  border: 1px solid transparent;
  border-image-width: 60px;
  border-image-slice: 150 180;
  border-image-repeat: inherit;
  max-width: 800px;
  width: 100%;
  height: 25vh;
  min-height: 200px;
  padding: 60px;
  box-shadow: 5px 5px 10px 5px darkslategray;
  text-align: center;
}
.radpp-notification-wrapper.radpp-dialogue-notification .radpp-flex-wrapper .radpp-dialogue-notification-message-wrapper .radpp-notification-message {
  display: block;
  align-self: flex-start;
  font-size: 16px;
}
.radpp-notification-wrapper.radpp-dialogue-notification .radpp-flex-wrapper .radpp-dialogue-notification-message-wrapper .radpp-notification-close {
  display: inline-block;
  text-transform: uppercase;
}
.radpp-notification-wrapper.radpp-dialogue-notification .radpp-flex-wrapper .radpp-dialogue-notification-message-wrapper .radpp-notification-close:hover {
  cursor: pointer;
}
.radpp-notification-wrapper.radpp-dialogue-notification .radpp-flex-wrapper.droite {
  flex-direction: row-reverse;
}
.radpp-notification-wrapper.radpp-dialogue-notification .radpp-flex-wrapper.gauche {
  flex-direction: row;
}

@media only screen and (min-width: 600px) {
  #radpp-menu-flottant .dropbtn {
    width: 85px;
    height: 85px;
    font-size: 35px;
    right: 25px;
    bottom: 80px;
  }
  #radpp-menu-flottant .dropdown-content {
    display: none;
    bottom: 160px;
    right: 30px;
  }
  #radpp-menu-flottant .dropdown-content a {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 70px;
    height: 70px;
    font-size: 35px;
  }
}
@media only screen and (min-width: 1200px) {
  #radpp-menu-flottant .dropbtn {
    width: 95px;
    height: 95px;
    font-size: 40px;
    right: 35px;
    bottom: 25px;
  }
  #radpp-menu-flottant .dropdown-content {
    display: none;
    bottom: 110px;
    right: 40px;
  }
  #radpp-menu-flottant .dropdown-content a {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 80px;
    height: 80px;
    font-size: 40px;
  }
}
/* Animation pour faire glisser la notification */
.radpp-notification-wrapper.radpp-notification-slideview {
  transform: translateX(0);
  transition-delay: 0.7s;
}

/*
  ============================================
   Footer
  ============================================
*/
.motif-footer {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  width: 30vw;
  max-width: 253px;
  background-size: initial;
  background-position: center right;
  background-repeat: space;
  height: 15vw;
  min-height: 125px;
  max-height: 200px;
  position: absolute !important;
  bottom: 0px;
  top: auto;
  left: 0px;
  right: auto;
  background-image: url(https://ecole.etudesecours.com/wp-content/uploads/2021/02/motif-points-aqua2-1-1.png);
}

.motif-banner {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  width: 20vw;
  max-width: 382px;
  background-size: initial;
  background-position: center right;
  background-repeat: space;
  height: 15vw;
  min-height: 125px;
  max-height: 100px;
  position: absolute !important;
  bottom: 0px;
  top: auto;
  left: -25vw;
  right: auto;
  background-image: url(https://ecole.etudesecours.com/wp-content/uploads/2021/02/motif-points-blancs-1-1.png);
}

/*
  ============================================
   Mise en forme des notes learndash
  ============================================
*/
.nt-note-tab.ldnt-style-circle {
  display: none;
}

/*
  ============================================
   navigation menu droit
  ============================================
*/
.site-header .sub-menu {
  border-top: solid;
  border-color: #001858;
  border-radius: 0px;
}

.site-header .container {
  max-width: 100%;
}

.bb-icon-shopping-cart {
  opacity: 1;
}

.site-header--elementor .header-cart-link-wrap i:not(.bb-el-i) {
  opacity: 1;
}

.header-mini-cart .product_list_widget .amount {
  display: inline;
}

#navigation-desktop .sub-menu-inner li {
  border-bottom: 2px solid #001858;
}
#navigation-desktop .notification-link::before {
  background-color: #dbecf1;
}
#navigation-desktop .notification-dropdown {
  background: #dbecf1;
  border: 2px solid #001858;
}
#navigation-desktop .notification-dropdown * {
  color: #001858;
}
#navigation-desktop .notification-dropdown header {
  border-bottom: 2px solid #001858;
  margin-bottom: -2px;
}
#navigation-desktop .notification-dropdown header h2 {
  color: #001858;
}
#navigation-desktop .notification-dropdown ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: 0px;
}
#navigation-desktop .notification-dropdown ul li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
  background: #dbecf1;
}
#navigation-desktop .notification-dropdown footer {
  background: #dbecf1;
  color: #001858;
  border-top: 2px solid #001858;
  margin-top: -2px;
}
#navigation-desktop .notification-dropdown .header-mini-cart ul li {
  background: transparent;
}
#navigation-desktop .notification-dropdown .header-mini-cart ul li:hover {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
#navigation-desktop .notification-dropdown .header-mini-cart ul li .wdm_options_table {
  margin-top: 10px;
}
#navigation-desktop .notification-dropdown .header-mini-cart p {
  background: transparent;
  border-top: 2px solid #001858;
}
#navigation-desktop .notification-dropdown .header-mini-cart p a {
  color: #001858;
  border: 2px solid #001858;
  background: #dbecf1;
  border-radius: 20px 0;
}
#navigation-desktop .notification-dropdown .header-mini-cart p a:hover {
  background: #001858;
  color: #dbecf1;
}
#navigation-desktop .user-wrap .submenu .sub-menu-inner li {
  border-bottom: 2px solid #dbecf1;
}
#navigation-desktop #header-my-account-menu {
  padding: 5px 0;
}
#navigation-desktop #header-my-account-menu li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
}
#navigation-desktop #header-my-account-menu li * {
  color: #001858;
  background: #dbecf1;
}
#navigation-desktop #header-my-account-menu li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
#navigation-desktop #header-my-account-menu ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: 0px;
}
#navigation-desktop #header-my-account-menu ul li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
#navigation-mobile .sub-menu-inner li {
  border-bottom: 2px solid #001858;
}
#navigation-mobile .elementor-nav-menu--dropdown {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
#navigation-mobile .elementor-nav-menu--dropdown .current-menu-item {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
#navigation-mobile #header-my-account-menu {
  padding: 5px 0;
}
#navigation-mobile #header-my-account-menu li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
}
#navigation-mobile #header-my-account-menu li * {
  color: #001858;
  background: #dbecf1;
}
#navigation-mobile #header-my-account-menu li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
#navigation-mobile #header-my-account-menu li a {
  padding: 11px 14px 11px 40px;
}
#navigation-mobile #header-my-account-menu ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: 0px;
}
#navigation-mobile #header-my-account-menu ul li:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}

/*
  ============================================
    Learndash commun 
  ============================================
*/
.learndash-wrapper .ld-content-actions {
  justify-content: center;
}

.radpp-scroll-content {
  overflow-y: auto;
  height: 100%;
}

@media (min-width: 1024px) {
  .learndash-wrapper .learndash_content_wrap {
    max-width: 1024px;
  }
}
#learndash-page-content {
  padding: 0;
}

#learndash-course-header {
  padding: 0px;
}
#learndash-course-header .flex.bb-position {
  justify-content: center;
  align-items: center;
}

.lms-header-title {
  text-align: center;
}

/*
  ============================================
   Mise en forme du menu flottant
  ============================================
*/
#radpp-menu-flottant {
  z-index: 10;
  /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
}
#radpp-menu-flottant .dropbtn {
  width: 70px;
  height: 70px;
  background-size: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 0px;
  color: white;
  font-size: 30px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  position: fixed;
  right: 17px;
  bottom: 65px;
  transition: background 0.25s;
  cursor: pointer;
  border: none;
  background-color: transparent;
  z-index: 100;
  transition: transform 0.5s;
}
#radpp-menu-flottant .dropbtn:hover {
  transform: scale(1.05);
}
#radpp-menu-flottant .dropdown-content {
  display: none;
  position: fixed;
  bottom: 130px;
  right: 20px;
  z-index: 99;
  border: 3px solid #13a9ac;
  background-color: rgba(2, 27, 27, 0.9);
  border-radius: 10px 10px 0px 0px;
}
#radpp-menu-flottant .dropdown-content a {
  display: block;
  position: static;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 0px 10px;
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: white;
  font-size: 30px;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  transition: background 0.25s;
  cursor: pointer;
  border: none;
}
#radpp-menu-flottant .dropdown-content a:hover {
  background-color: rgba(26, 170, 173, 0.3);
  color: #33bbbe;
}
#radpp-menu-flottant .show {
  display: block;
}

.course-progressbar {
  position: fixed;
  top: 20px;
  left: 65%;
  transform: translateX(-50%);
  width: 65vw;
  z-index: 2;
  /* barre de progression */
  /* Menu déroulant (Hidden by Default) */
}
@media only screen and (min-width: 480px) {
  .course-progressbar {
    top: 25px;
    left: 50%;
    width: 50vw;
  }
}
@media only screen and (min-width: 600px) {
  .course-progressbar {
    top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .course-progressbar {
    top: 30px;
    width: 35vw;
  }
}
.course-progressbar .arrow-down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #13a9ac transparent transparent transparent;
  top: 25px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.course-progressbar .arrow-down:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 9.5px 0 9.5px;
  border-color: #041a1b transparent transparent transparent;
  transform: translateX(-50%);
  top: -17px;
  left: 0px;
}
.course-progressbar__bar {
  background: #041a1b;
  height: 2.5em;
  padding: 0.5em;
  box-sizing: border-box;
  border-radius: 50px;
  box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  transition: all ease-in-out 0.5s;
}
.course-progressbar__bar--progress {
  background: #000;
  border: 1px solid #13a9ac;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  position: relative;
  background: transparent;
  overflow: hidden;
}
.course-progressbar__bar--progress-background {
  background: rgb(19, 169, 172);
  background: linear-gradient(90deg, rgb(19, 169, 172) 0%, rgb(32, 251, 255) 100%);
  border-radius: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.course-progressbar__bar--progress span {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 99;
  color: white;
  font-family: "Roboto", sans-serif;
  line-height: normal;
  font-weight: bold;
  font-size: 14px;
  transform: translateX(-50%);
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (min-width: 480px) {
  .course-progressbar__bar--progress span {
    font-size: 18px;
  }
}
.course-progressbar__bar:hover {
  cursor: pointer;
  box-shadow: -10px 0px 13px -7px #13a9ac, 10px 0px 13px -7px #13a9ac, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  transition: all ease-in-out 0.5s;
}
.course-progressbar__menu {
  display: none;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  z-index: -1;
  background: rgba(4, 26, 27, 0.8);
  padding: 0.5em 0em 0.5em 0.5em;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 0px 0px 10px 10px;
  border: 2px solid #13a9ac;
  border-top: 0px;
  height: 40vh;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-word;
  /* Titre des sections du menu */
  /* Modification du scrollbar pour le menu déroulant */
  /* Éléments du menu déroulant */
}
@media only screen and (min-width: 480px) {
  .course-progressbar__menu {
    width: 94%;
  }
}
.course-progressbar__menu--title {
  text-align: left;
  color: white;
  font-family: "courier";
  line-height: normal;
  font-weight: bold;
  margin: 20px 10px 10px 10px;
}
@media only screen and (min-width: 480px) {
  .course-progressbar__menu--title {
    margin: 20px 20px 10px 20px;
  }
}
.course-progressbar__menu::-webkit-scrollbar {
  width: 5px;
}
@media only screen and (min-width: 480px) {
  .course-progressbar__menu::-webkit-scrollbar {
    width: 20px;
  }
}
.course-progressbar__menu::-webkit-scrollbar-track {
  background-color: transparent;
}
.course-progressbar__menu::-webkit-scrollbar-thumb {
  background-color: #13a9ac;
  border-radius: 10px;
  border: 0px solid transparent;
  background-clip: content-box;
}
@media only screen and (min-width: 480px) {
  .course-progressbar__menu::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 6px solid transparent;
  }
}
.course-progressbar__menu::-webkit-scrollbar-thumb:hover {
  background-color: #108385;
}
.course-progressbar__menu--item {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin: 10px 10px;
  border: 2px solid #13a9ac;
  padding: 5px;
  box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0) !important;
  transition: all ease-in-out 0.5s;
  border-radius: 5px;
  /* images */
  /* Titre des chapitres - notions - activités pédagogiques */
}
@media only screen and (min-width: 480px) {
  .course-progressbar__menu--item {
    border-radius: 10px;
    margin: 10px 20px;
  }
}
.course-progressbar__menu--item:hover {
  box-shadow: -10px 0px 13px -7px #13a9ac, 10px 0px 13px -7px #13a9ac, 5px 5px 15px 5px rgba(0, 0, 0, 0) !important;
  transition: all ease-in-out 0.5s;
}
.course-progressbar__menu--item-column-left {
  display: flex;
  width: 25%;
  height: 50px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 480px) {
  .course-progressbar__menu--item-column-left {
    width: 12.5%;
  }
}
.course-progressbar__menu--item-column-middle {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 480px) {
  .course-progressbar__menu--item-column-middle {
    width: 75%;
    padding-left: 20px;
    align-items: flex-start;
  }
}
.course-progressbar__menu--item-column-right {
  display: flex;
  width: 25%;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 480px) {
  .course-progressbar__menu--item-column-right {
    width: 12.5%;
  }
}
.course-progressbar__menu--item-column-right-icon-completed {
  filter: invert(48%) sepia(53%) saturate(5476%) hue-rotate(83deg) brightness(97%) contrast(98%);
  height: 15px;
  width: 15px;
  background-image: url(../img/circle-check-regular.svg);
  background-repeat: no-repeat;
}
.course-progressbar__menu--item-column-right-icon-available {
  filter: invert(100%) sepia(5%) saturate(87%) hue-rotate(275deg) brightness(112%) contrast(95%);
  height: 15px;
  width: 15px;
  background-image: url(../img/spinner-solid.svg);
  background-repeat: no-repeat;
}
.course-progressbar__menu--item-column-right-icon-unavailable {
  filter: invert(61%) sepia(59%) saturate(15%) hue-rotate(99deg) brightness(89%) contrast(89%);
  height: 15px;
  width: 15px;
  background-image: url(../img/circle-xmark.svg);
  background-repeat: no-repeat;
}
.course-progressbar__menu--item-image {
  transition: 0.25s;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.course-progressbar__menu--item-image:hover {
  transition: 0.25s;
  transform: scale(1.05);
}
.course-progressbar__menu--item-image-completed {
  transition: 0.25s;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.course-progressbar__menu--item-image-completed:hover {
  transition: 0.25s;
  transform: scale(1.05);
}
.course-progressbar__menu--item-image-unavailable {
  opacity: 0.5;
  transition: 0.25s;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  filter: invert(56%) sepia(0%) saturate(1%) hue-rotate(343deg) brightness(94%) contrast(91%);
}
.course-progressbar__menu--item-image-unavailable:hover {
  transition: 0.25s;
  transform: scale(1.05);
}
.course-progressbar__menu--item-title {
  text-align: left;
  color: white;
  font-family: "courier";
  line-height: normal;
}
.course-progressbar__menu--item-title-completed {
  text-align: left;
  color: green;
  font-family: "courier";
  line-height: normal;
}
.course-progressbar__menu--item-title-unavailable {
  text-align: left;
  color: grey;
  font-family: "courier";
  line-height: normal;
}

.lesson-progressbar {
  position: fixed;
  top: 20px;
  left: 65%;
  transform: translateX(-50%);
  width: 65vw;
  z-index: 2;
  /* barre de progression */
  /* Menu déroulant (Hidden by Default) */
}
@media only screen and (min-width: 480px) {
  .lesson-progressbar {
    top: 25px;
    left: 50%;
    width: 50vw;
  }
}
@media only screen and (min-width: 600px) {
  .lesson-progressbar {
    top: 30px;
  }
}
@media only screen and (min-width: 1024px) {
  .lesson-progressbar {
    top: 30px;
    width: 35vw;
  }
}
.lesson-progressbar .arrow-down {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 10px 0 10px;
  border-color: #13a9ac transparent transparent transparent;
  top: 25px;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
}
.lesson-progressbar .arrow-down:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 9.5px 0 9.5px;
  border-color: #041a1b transparent transparent transparent;
  transform: translateX(-50%);
  top: -17px;
  left: 0px;
}
.lesson-progressbar__bar {
  background: #041a1b;
  height: 2.5em;
  padding: 0.5em;
  box-sizing: border-box;
  border-radius: 50px;
  box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  transition: all ease-in-out 0.5s;
}
.lesson-progressbar__bar--progress {
  background: #000;
  border: 1px solid #13a9ac;
  width: 100%;
  height: 100%;
  border-radius: 50px;
  position: relative;
  background: transparent;
  overflow: hidden;
}
.lesson-progressbar__bar--progress-background {
  background: rgb(19, 169, 172);
  background: linear-gradient(90deg, rgb(19, 169, 172) 0%, rgb(32, 251, 255) 100%);
  border-radius: 50px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.lesson-progressbar__bar--progress span {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 99;
  color: white;
  font-family: "Roboto", sans-serif;
  line-height: normal;
  font-weight: bold;
  font-size: 14px;
  transform: translateX(-50%);
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (min-width: 480px) {
  .lesson-progressbar__bar--progress span {
    font-size: 18px;
  }
}
.lesson-progressbar__bar:hover {
  cursor: pointer;
  box-shadow: -10px 0px 13px -7px #13a9ac, 10px 0px 13px -7px #13a9ac, 5px 5px 15px 5px rgba(0, 0, 0, 0);
  transition: all ease-in-out 0.5s;
}
.lesson-progressbar__menu {
  display: none;
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  width: 85%;
  z-index: -1;
  background: rgba(4, 26, 27, 0.8);
  padding: 0.5em 0em 0.5em 0.5em;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-radius: 0px 0px 10px 10px;
  border: 2px solid #13a9ac;
  border-top: 0px;
  height: 40vh;
  overflow-y: auto;
  overflow-x: hidden;
  word-break: break-word;
  /* Titre des sections du menu */
  /* Modification du scrollbar pour le menu déroulant */
  /* Éléments du menu déroulant */
}
@media only screen and (min-width: 480px) {
  .lesson-progressbar__menu {
    width: 94%;
  }
}
.lesson-progressbar__menu--title {
  text-align: left;
  color: white;
  font-family: "courier";
  line-height: normal;
  font-weight: bold;
  margin: 20px 10px 10px 10px;
}
@media only screen and (min-width: 480px) {
  .lesson-progressbar__menu--title {
    margin: 20px 20px 10px 20px;
  }
}
.lesson-progressbar__menu::-webkit-scrollbar {
  width: 5px;
}
@media only screen and (min-width: 480px) {
  .lesson-progressbar__menu::-webkit-scrollbar {
    width: 20px;
  }
}
.lesson-progressbar__menu::-webkit-scrollbar-track {
  background-color: transparent;
}
.lesson-progressbar__menu::-webkit-scrollbar-thumb {
  background-color: #13a9ac;
  border-radius: 10px;
  border: 0px solid transparent;
  background-clip: content-box;
}
@media only screen and (min-width: 480px) {
  .lesson-progressbar__menu::-webkit-scrollbar-thumb {
    border-radius: 20px;
    border: 6px solid transparent;
  }
}
.lesson-progressbar__menu::-webkit-scrollbar-thumb:hover {
  background-color: #108385;
}
.lesson-progressbar__menu--item {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  align-items: center;
  margin: 10px 10px;
  border: 2px solid #13a9ac;
  padding: 5px;
  box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgba(0, 0, 0, 0) !important;
  transition: all ease-in-out 0.5s;
  border-radius: 5px;
  /* images */
  /* Titre des chapitres - notions - activités pédagogiques */
}
@media only screen and (min-width: 480px) {
  .lesson-progressbar__menu--item {
    border-radius: 10px;
    margin: 10px 20px;
  }
}
.lesson-progressbar__menu--item:hover {
  box-shadow: -10px 0px 13px -7px #13a9ac, 10px 0px 13px -7px #13a9ac, 5px 5px 15px 5px rgba(0, 0, 0, 0) !important;
  transition: all ease-in-out 0.5s;
}
.lesson-progressbar__menu--item-column-left {
  display: flex;
  width: 25%;
  height: 50px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 480px) {
  .lesson-progressbar__menu--item-column-left {
    width: 12.5%;
  }
}
.lesson-progressbar__menu--item-column-middle {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 480px) {
  .lesson-progressbar__menu--item-column-middle {
    width: 75%;
    padding-left: 20px;
    align-items: flex-start;
  }
}
.lesson-progressbar__menu--item-column-right {
  display: flex;
  width: 25%;
  flex-direction: column;
  align-items: center;
}
@media only screen and (min-width: 480px) {
  .lesson-progressbar__menu--item-column-right {
    width: 12.5%;
  }
}
.lesson-progressbar__menu--item-column-right-icon-completed {
  filter: invert(48%) sepia(53%) saturate(5476%) hue-rotate(83deg) brightness(97%) contrast(98%);
  height: 15px;
  width: 15px;
  background-image: url(../img/circle-check-regular.svg);
  background-repeat: no-repeat;
}
.lesson-progressbar__menu--item-column-right-icon-available {
  filter: invert(100%) sepia(5%) saturate(87%) hue-rotate(275deg) brightness(112%) contrast(95%);
  height: 15px;
  width: 15px;
  background-image: url(../img/spinner-solid.svg);
  background-repeat: no-repeat;
}
.lesson-progressbar__menu--item-column-right-icon-unavailable {
  filter: invert(61%) sepia(59%) saturate(15%) hue-rotate(99deg) brightness(89%) contrast(89%);
  height: 15px;
  width: 15px;
  background-image: url(../img/circle-xmark.svg);
  background-repeat: no-repeat;
}
.lesson-progressbar__menu--item-image {
  transition: 0.25s;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.lesson-progressbar__menu--item-image:hover {
  transition: 0.25s;
  transform: scale(1.05);
}
.lesson-progressbar__menu--item-image-completed {
  transition: 0.25s;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.lesson-progressbar__menu--item-image-completed:hover {
  transition: 0.25s;
  transform: scale(1.05);
}
.lesson-progressbar__menu--item-image-unavailable {
  opacity: 0.5;
  transition: 0.25s;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  filter: invert(56%) sepia(0%) saturate(1%) hue-rotate(343deg) brightness(94%) contrast(91%);
}
.lesson-progressbar__menu--item-image-unavailable:hover {
  transition: 0.25s;
  transform: scale(1.05);
}
.lesson-progressbar__menu--item-title {
  text-align: left;
  color: white;
  font-family: "courier";
  line-height: normal;
}
.lesson-progressbar__menu--item-title-completed {
  text-align: left;
  color: green;
  font-family: "courier";
  line-height: normal;
}
.lesson-progressbar__menu--item-title-unavailable {
  text-align: left;
  color: grey;
  font-family: "courier";
  line-height: normal;
}

.option {
  position: fixed;
  top: 20px;
  left: 10px;
  width: 50px;
  height: 50px;
  background-image: url(../img/engrenage.png);
  background-size: contain;
  transition: all ease-in-out 0.5s;
  z-index: 99999;
  filter: drop-shadow(0px 0px 5px #13a9ac);
}
.option:hover {
  cursor: pointer;
  filter: drop-shadow(0px 0px 7px #18d4d7);
  transition: all ease-in-out 0.5s;
}
@media screen and (min-width: 480px) {
  .option {
    top: 30px;
    left: 30px;
    width: 70px;
    height: 70px;
  }
}
.option-background {
  display: none;
  width: 100vw;
  height: 100vh;
  position: fixed;
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(2px);
}
.option-container {
  display: none;
  width: 85vw;
  height: auto;
  position: fixed;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 99999;
  background: radial-gradient(circle, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 20px;
  border: 2px solid #13a9ac;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  border-image-source: url(../img/encadre-test.png);
  border-image-width: 30px;
  border-image-slice: 65;
  border-image-outset: 20px;
}
@media screen and (min-width: 480px) {
  .option-container {
    width: 60vw;
    padding: 30px;
    border-image-width: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .option-container {
    width: 35vw;
    border-image-width: 50px;
    border-image-outset: 35px;
  }
}
.option-container__menu {
  display: flex;
  justify-content: space-between;
  height: inherit;
  max-height: 100%;
  flex-direction: column;
}
.option-container__wrapper {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
}
.option-container__wrapper--title {
  color: #DBECF1;
  font-family: "roboto";
  font-size: 35px;
  margin: 25px 0px;
  text-align: center;
  line-height: initial;
}
.option-container__wrapper--list {
  border-radius: 10px;
  width: 100%;
  padding: 10px 5px;
  margin: 10px 10px;
  border-radius: 5px;
  color: #DBECF1 !important;
  text-align: center;
  font-family: "Arial";
  line-height: normal;
  font-size: 20px;
  background: transparent;
}
.option-container__wrapper--list:hover {
  background: linear-gradient(125deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  transition: all 0.5s ease;
  color: #DBECF1 !important;
}

.toolbox {
  display: flex;
  position: fixed;
  top: 20px;
  right: 10px;
  width: 50px;
  height: auto;
  flex-direction: column;
  z-index: 999;
}
@media screen and (min-width: 480px) {
  .toolbox {
    top: 30px;
    right: 30px;
    width: 70px;
  }
}
.toolbox__help {
  width: 50px;
  height: 50px;
  background-image: url(../img/ampoule.png);
  background-size: contain;
  margin-bottom: 20px;
  cursor: pointer;
  filter: drop-shadow(0px 0px 5px #13a9ac);
  transition: all ease-in-out 0.5s;
}
.toolbox__help:hover {
  animation: ring;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  filter: drop-shadow(0px 0px 7px #18d4d7);
  transition: all ease-in-out 0.5s;
}
@media screen and (min-width: 480px) {
  .toolbox__help {
    width: 70px;
    height: 70px;
  }
}
.toolbox__notes {
  width: 50px;
  height: 50px;
  background-image: url(../img/notes.png);
  background-size: contain;
  margin-bottom: 20px;
  cursor: pointer;
  filter: drop-shadow(0px 0px 5px #13a9ac);
  transition: all ease-in-out 0.5s;
}
.toolbox__notes:hover {
  animation: ring;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  filter: drop-shadow(0px 0px 7px #18d4d7);
  transition: all ease-in-out 0.5s;
}
@media screen and (min-width: 480px) {
  .toolbox__notes {
    width: 70px;
    height: 70px;
  }
}
.toolbox__tips {
  width: 50px;
  height: 50px;
  background-image: url(../img/grimoire.png);
  background-size: contain;
  margin-bottom: 20px;
  cursor: pointer;
  filter: drop-shadow(0px 0px 5px #13a9ac);
  transition: all ease-in-out 0.5s;
}
.toolbox__tips:hover {
  animation: ring;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  filter: drop-shadow(0px 0px 7px #18d4d7);
  transition: all ease-in-out 0.5s;
}
@media screen and (min-width: 480px) {
  .toolbox__tips {
    width: 70px;
    height: 70px;
  }
}
.toolbox__calculator {
  width: 50px;
  height: 50px;
  background-image: url(../img/calculatrice.png);
  background-size: contain;
  margin-bottom: 20px;
  cursor: pointer;
  filter: drop-shadow(0px 0px 5px #13a9ac);
  transition: all ease-in-out 0.5s;
}
.toolbox__calculator:hover {
  animation: ring;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  filter: drop-shadow(0px 0px 7px #18d4d7);
  transition: all ease-in-out 0.5s;
}
@media screen and (min-width: 480px) {
  .toolbox__calculator {
    width: 70px;
    height: 70px;
  }
}

@keyframes ring {
  0% {
    transform: rotate(0);
  }
  20% {
    transform: rotate(-12deg);
  }
  30% {
    transform: rotate(10deg);
  }
  40% {
    transform: rotate(-8deg);
  }
  50% {
    transform: rotate(6deg);
  }
  60% {
    transform: rotate(-4deg);
  }
  70% {
    transform: rotate(2deg);
  }
  80% {
    transform: rotate(-1deg);
  }
  90% {
    transform: rotate(1deg);
  }
  92% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(0);
  }
}
#login-register-container {
  margin: 50px 0px;
}
#login-register-container h2 {
  font-family: "Roboto Condensed" !important;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}
#login-register-container .login-form {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 480px) {
  #login-register-container .login-form {
    flex-direction: row;
    justify-content: space-between;
  }
}
#login-register-container .login-form__left {
  width: 100%;
}
@media screen and (min-width: 480px) {
  #login-register-container .login-form__left {
    width: 50%;
    padding-right: 50px;
  }
}
#login-register-container .login-form__left--container .login-submit input {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
}
#login-register-container .login-form__left--container .login-submit input:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
#login-register-container .login-form__left .radpp-register-back-buton-container {
  margin-top: 20px;
}
#login-register-container .login-form__left .radpp-register-back-buton-container button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
}
#login-register-container .login-form__left .radpp-register-back-buton-container button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
#login-register-container .login-form__right {
  width: 100%;
  display: flex;
  align-items: center;
  margin-top: 50px;
}
@media screen and (min-width: 480px) {
  #login-register-container .login-form__right {
    width: 50%;
    padding-left: 50px;
    margin-top: 0px;
  }
}
#login-register-container .login-form__right--subscribe {
  width: 100%;
  margin: auto;
  border-radius: 50px 0px;
  background: linear-gradient(145deg, rgb(19, 169, 172) 0%, rgb(11, 110, 112) 100%);
  padding: 50px 20px;
  text-align: center;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
@media screen and (min-width: 480px) {
  #login-register-container .login-form__right--subscribe {
    width: 100%;
  }
}
#login-register-container .login-form__right--subscribe .subtitle {
  font-family: "Roboto Condensed" !important;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 10px;
}
#login-register-container .login-form__right--subscribe p {
  text-align: center;
  color: white;
}
#login-register-container .login-form__right--subscribe button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  background: transparent !important;
  border-color: white !important;
  color: white;
}
#login-register-container .login-form__right--subscribe button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
#login-register-container .login-form__right--subscribe button:hover {
  border-color: white !important;
  background: white !important;
  color: #13a9ac;
}
#login-register-container #register-form #section-register-button {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 480px) {
  #login-register-container #register-form #section-register-button {
    flex-direction: row;
    justify-content: space-between;
  }
}
#login-register-container #register-form #section-register-button .section-register-choice {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px 0px;
  padding: 50px 20px;
  text-align: center;
  min-height: 300px;
  margin: 20px 0px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
@media screen and (min-width: 480px) {
  #login-register-container #register-form #section-register-button .section-register-choice {
    width: 80%;
    margin: 0 10px;
    padding: 50px;
    min-height: 350px;
  }
}
@media screen and (min-width: 1024px) {
  #login-register-container #register-form #section-register-button .section-register-choice {
    margin: 0 50px;
  }
}
#login-register-container #register-form #section-register-button .section-register-choice p {
  font-family: "Roboto Condensed" !important;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  color: white;
}
#login-register-container #register-form #section-register-button .section-register-choice span {
  color: white;
  margin-bottom: 10px;
}
#login-register-container #register-form #section-register-button .section-register-choice button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  background: transparent !important;
  border-color: white !important;
  color: white;
}
#login-register-container #register-form #section-register-button .section-register-choice button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
#login-register-container #register-form #section-register-button .section-register-choice button:hover {
  border-color: white !important;
  background: white !important;
  color: #13a9ac;
}
#login-register-container #register-form #section-register-button .bulle__eleve {
  background: #13a9ac;
}
#login-register-container #register-form #section-register-button .bulle__parent {
  background: #1c277c;
}
#login-register-container #register-form #section-register-button .bulle__parent button:hover {
  color: #1c277c !important;
}
#login-register-container #section-login-or-register {
  text-align: center;
}
#login-register-container #section-login-or-register button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0px 20px;
}
#login-register-container #section-login-or-register button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
#login-register-container form p {
  display: flex;
  flex-direction: column;
}
#login-register-container form p label {
  margin-bottom: 10px;
}
#login-register-container form .form-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
  align-items: center;
}
#login-register-container form .form-row label, #login-register-container form .form-row input {
  margin-right: 20px;
}
#login-register-container form .form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
#login-register-container form .form-col {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
#login-register-container form .form .form-col {
  width: 49%;
}
#login-register-container form .btn-prev-next {
  display: flex;
  justify-content: space-between;
}
#login-register-container form .btn-prev-next button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
#login-register-container form .btn-prev-next button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
#login-register-container form .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}
#login-register-container form .tooltip::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f05a";
}
#login-register-container form .tooltip .tooltiptext {
  padding: 15px;
  display: inline-block;
  visibility: hidden;
  width: 410px;
  background-color: #1AAAAD;
  color: #fff;
  text-align: justify;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}
#login-register-container form .tooltip:hover .tooltiptext {
  visibility: visible;
}

.password-form {
  margin: 50px 0px;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (min-width: 480px) {
  .password-form {
    flex-direction: row;
    justify-content: space-between;
  }
}
.password-form__left {
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
}
@media screen and (min-width: 480px) {
  .password-form__left {
    width: 50%;
    padding-right: 50px;
  }
}
.password-form__right {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 50px;
  justify-content: center;
}
@media screen and (min-width: 480px) {
  .password-form__right {
    width: 50%;
    padding-left: 50px;
    margin-bottom: 0px;
  }
}
.password-form__right--image {
  background-image: url(../img/esa-mdp.png);
  height: 150px;
  width: 100%;
  border: 2px solid #13a9ac;
  background-position: center center;
  background-size: cover;
  border-radius: 50px 0px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
@media screen and (min-width: 480px) {
  .password-form__right--image {
    height: 200px;
  }
}
@media screen and (min-width: 1024px) {
  .password-form__right--image {
    height: 300px;
  }
}
.password-form form p {
  display: flex;
  flex-direction: column;
}
.password-form form p label {
  margin-bottom: 10px;
}
.password-form form .form-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.password-form form .form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.password-form form .form-col {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.password-form form .form .form-col {
  width: 49%;
}
.password-form form .btn-prev-next {
  display: flex;
  justify-content: space-between;
}
.password-form form .btn-prev-next button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.password-form form .btn-prev-next button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.password-form form .lostpassword-button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.password-form form .lostpassword-button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}

.white-theme #content #main .hero-course-product {
  display: flex;
  flex-direction: column;
  position: relative;
  margin: 50px 0px;
}
@media screen and (min-width: 480px) {
  .white-theme #content #main .hero-course-product {
    flex-direction: row;
  }
}
.white-theme #content #main .hero-course-product__left {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
  min-height: 250px;
  border-radius: 50px 0px;
  background: linear-gradient(315deg, rgb(19, 169, 172) 0%, rgb(11, 110, 112) 100%);
  padding: 50px;
  z-index: 1;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  align-items: center;
}
@media screen and (min-width: 480px) {
  .white-theme #content #main .hero-course-product__left {
    width: 40%;
    align-items: flex-start;
  }
}
.white-theme #content #main .hero-course-product__left h2 {
  font-family: "Roboto Condensed" !important;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  color: white;
  margin: 0;
  font-size: 50px;
}
.white-theme #content #main .hero-course-product__left h3 {
  font-family: "Roboto Condensed" !important;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  font-size: 20px;
  color: white;
  margin: 0;
}
.white-theme #content #main .hero-course-product__right {
  z-index: 0;
  width: 200%;
  height: 150px;
  top: 130px;
  left: -50px;
  background-image: url(../img/nuagedepointturquoise.svg);
  position: absolute;
  background-position: right;
  background-repeat-y: no-repeat;
  opacity: 0.3;
}
@media screen and (min-width: 480px) {
  .white-theme #content #main .hero-course-product__right {
    top: 50px;
    left: 0;
    width: 100%;
  }
}
.white-theme #content #main .product-type-course div, .white-theme #content #main .product-type-variable div {
  width: 100%;
  min-width: inherit;
  height: -moz-fit-content;
  height: fit-content;
}
@media screen and (min-width: 480px) {
  .white-theme #content #main .product-type-course div, .white-theme #content #main .product-type-variable div {
    width: 50%;
  }
}
.white-theme #content #main .product-type-course .summary, .white-theme #content #main .product-type-variable .summary {
  border: 2px solid #13a9ac;
  border-radius: 20px 0px;
  background: transparent;
}
.white-theme #content #main #student-list-section {
  margin-top: 50px;
}
.white-theme #content #main #student-list-section h2 {
  font-family: "Roboto Condensed" !important;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}
.white-theme #content #main #student-list-section button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  margin-top: 20px;
}
.white-theme #content #main #student-list-section button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.white-theme #content #main #student-list-section input[type=submit] {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.white-theme #content #main #student-list-section input[type=submit]:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.white-theme #content #main #student-list-section #student-list-wrapper table {
  border: 2px solid #13a9ac;
}
.white-theme #content #main #student-list-section #student-list-wrapper table th {
  border-bottom: 2px solid #13a9ac;
}
.white-theme #content #main #student-list-section #student-list-wrapper table td {
  vertical-align: middle;
}
.white-theme #content #main #student-list-section #student-list-wrapper table td button {
  margin: 0px;
}
.white-theme #content #main #student-list-section #student-list-wrapper button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  width: -moz-fit-content;
  width: fit-content;
}
.white-theme #content #main #student-list-section #student-list-wrapper button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.white-theme #content #main #student-list-section #radpp-add-student-to-parent-container {
  display: flex;
  flex-direction: column;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-bottom: 50px;
}
@media screen and (min-width: 480px) {
  .white-theme #content #main #student-list-section #radpp-add-student-to-parent-container {
    flex-direction: row;
    justify-content: space-between;
  }
}
.white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px 0px;
  padding: 50px 20px;
  text-align: center;
  min-height: 300px;
  margin: 20px 0px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
}
@media screen and (min-width: 480px) {
  .white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice {
    width: 80%;
    margin: 0 10px;
    padding: 50px;
    min-height: 350px;
  }
}
@media screen and (min-width: 1024px) {
  .white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice {
    margin: 0 50px;
  }
}
.white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice p {
  font-family: "Roboto Condensed" !important;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  color: white;
}
.white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice span {
  color: white;
  margin-bottom: 10px;
}
.white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
  background: transparent !important;
  border-color: white !important;
  color: white;
}
.white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice button:hover {
  border-color: white !important;
  background: white !important;
  color: #13a9ac;
}
.white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .bulle__eleve {
  background: #13a9ac;
  justify-content: center;
}
.white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .bulle__parent {
  background: #1c277c;
}
.white-theme #content #main #student-list-section #radpp-add-student-to-parent-container .bulle__parent button:hover {
  color: #1c277c !important;
}
.white-theme #content #main #student-list-section #radpp-link-student-to-parent-by-email .form-row {
  width: -moz-fit-content;
  width: fit-content;
}
.white-theme #content #main #student-list-section form p {
  display: flex;
  flex-direction: column;
}
.white-theme #content #main #student-list-section form p label {
  margin-bottom: 10px;
}
.white-theme #content #main #student-list-section form .form-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.white-theme #content #main #student-list-section form .form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.white-theme #content #main #student-list-section form .form-col {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.white-theme #content #main #student-list-section form .form .form-col {
  width: 49%;
}
.white-theme #content #main #student-list-section form .btn-prev-next {
  display: flex;
  justify-content: space-between;
}
.white-theme #content #main #student-list-section form .btn-prev-next button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.white-theme #content #main #student-list-section form .btn-prev-next button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}
.white-theme #content #main #student-list-section form #mels-code-not-available-group {
  flex-direction: row;
}
.white-theme #content #main #student-list-section form #mels-code-not-available-group label {
  margin-bottom: 0px;
  margin-right: 10px;
}
.white-theme #content #main #student-list-section form #plan-intervention-group {
  flex-direction: row;
}
.white-theme #content #main #student-list-section form #plan-intervention-group label {
  margin-bottom: 0px;
  margin-right: 10px;
}

.blue-theme #content #main #student-list-section,
.blue-theme #content #main #parent-tutor-list-section {
  margin-top: 50px;
}
.blue-theme #content #main #student-list-section h2,
.blue-theme #content #main #parent-tutor-list-section h2 {
  font-family: "Roboto Condensed" !important;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
}
.blue-theme #content #main #student-list-section button,
.blue-theme #content #main #parent-tutor-list-section button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  margin-top: 20px;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  border: 2px solid #dbecf1 !important;
}
.blue-theme #content #main #student-list-section button:hover,
.blue-theme #content #main #parent-tutor-list-section button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.blue-theme #content #main #student-list-section button:hover,
.blue-theme #content #main #parent-tutor-list-section button:hover {
  color: #dbecf1 !important;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%) !important;
}
.blue-theme #content #main #student-list-section form input,
.blue-theme #content #main #parent-tutor-list-section form input {
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
.blue-theme #content #main #student-list-section form select,
.blue-theme #content #main #parent-tutor-list-section form select {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
.blue-theme #content #main #student-list-section form select option,
.blue-theme #content #main #parent-tutor-list-section form select option {
  background: #dbecf1;
  color: #001858;
}
.blue-theme #content #main #student-list-section form select option:hover,
.blue-theme #content #main #parent-tutor-list-section form select option:hover {
  background: #dbecf1;
  color: #001858;
}
.blue-theme #content #main #student-list-section form button,
.blue-theme #content #main #parent-tutor-list-section form button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  margin-top: 20px;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  border: 2px solid #dbecf1 !important;
}
.blue-theme #content #main #student-list-section form button:hover,
.blue-theme #content #main #parent-tutor-list-section form button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.blue-theme #content #main #student-list-section form button:hover,
.blue-theme #content #main #parent-tutor-list-section form button:hover {
  color: #dbecf1 !important;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%) !important;
}
.blue-theme #content #main #student-list-section form .form-row,
.blue-theme #content #main #parent-tutor-list-section form .form-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 30px;
}
.blue-theme #content #main #student-list-section form .form-row label, .blue-theme #content #main #student-list-section form .form-row input,
.blue-theme #content #main #parent-tutor-list-section form .form-row label,
.blue-theme #content #main #parent-tutor-list-section form .form-row input {
  margin-right: 20px;
}
.blue-theme #content #main #student-list-section form .form,
.blue-theme #content #main #parent-tutor-list-section form .form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.blue-theme #content #main #student-list-section form .form-col,
.blue-theme #content #main #parent-tutor-list-section form .form-col {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.blue-theme #content #main #student-list-section form .form .form-col,
.blue-theme #content #main #parent-tutor-list-section form .form .form-col {
  width: 49%;
}
.blue-theme #content #main #student-list-section form .btn-prev-next,
.blue-theme #content #main #parent-tutor-list-section form .btn-prev-next {
  display: flex;
  justify-content: space-between;
}
.blue-theme #content #main #student-list-section form .tooltip,
.blue-theme #content #main #parent-tutor-list-section form .tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #dbecf1;
}
.blue-theme #content #main #student-list-section form .tooltip::before,
.blue-theme #content #main #parent-tutor-list-section form .tooltip::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f05a";
}
.blue-theme #content #main #student-list-section form .tooltip .tooltiptext,
.blue-theme #content #main #parent-tutor-list-section form .tooltip .tooltiptext {
  padding: 15px;
  display: inline-block;
  visibility: hidden;
  width: 410px;
  background-color: #dbecf1;
  color: #001858 !important;
  text-align: justify;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
}
.blue-theme #content #main #student-list-section form .tooltip:hover .tooltiptext,
.blue-theme #content #main #parent-tutor-list-section form .tooltip:hover .tooltiptext {
  visibility: visible;
}
.blue-theme #content #main #student-list-section input[type=submit],
.blue-theme #content #main #parent-tutor-list-section input[type=submit] {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  border: 2px solid #dbecf1 !important;
}
.blue-theme #content #main #student-list-section input[type=submit]:hover,
.blue-theme #content #main #parent-tutor-list-section input[type=submit]:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.blue-theme #content #main #student-list-section input[type=submit]:hover,
.blue-theme #content #main #parent-tutor-list-section input[type=submit]:hover {
  color: #dbecf1 !important;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%) !important;
}
.blue-theme #content #main #student-list-section #student-list-wrapper table,
.blue-theme #content #main #student-list-section #parent-list-wrapper table,
.blue-theme #content #main #parent-tutor-list-section #student-list-wrapper table,
.blue-theme #content #main #parent-tutor-list-section #parent-list-wrapper table {
  border: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
.blue-theme #content #main #student-list-section #student-list-wrapper table th,
.blue-theme #content #main #student-list-section #parent-list-wrapper table th,
.blue-theme #content #main #parent-tutor-list-section #student-list-wrapper table th,
.blue-theme #content #main #parent-tutor-list-section #parent-list-wrapper table th {
  border-bottom: 2px solid #dbecf1;
  color: #dbecf1;
}
.blue-theme #content #main #student-list-section #student-list-wrapper table td,
.blue-theme #content #main #student-list-section #parent-list-wrapper table td,
.blue-theme #content #main #parent-tutor-list-section #student-list-wrapper table td,
.blue-theme #content #main #parent-tutor-list-section #parent-list-wrapper table td {
  color: #dbecf1;
  vertical-align: middle;
}
.blue-theme #content #main #student-list-section #student-list-wrapper table td button,
.blue-theme #content #main #student-list-section #parent-list-wrapper table td button,
.blue-theme #content #main #parent-tutor-list-section #student-list-wrapper table td button,
.blue-theme #content #main #parent-tutor-list-section #parent-list-wrapper table td button {
  margin: 0px;
}
.blue-theme #content #main #student-list-section #student-list-wrapper button,
.blue-theme #content #main #student-list-section #parent-list-wrapper button,
.blue-theme #content #main #parent-tutor-list-section #student-list-wrapper button,
.blue-theme #content #main #parent-tutor-list-section #parent-list-wrapper button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  width: -moz-fit-content;
  width: fit-content;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  border: 2px solid #dbecf1 !important;
}
.blue-theme #content #main #student-list-section #student-list-wrapper button:hover,
.blue-theme #content #main #student-list-section #parent-list-wrapper button:hover,
.blue-theme #content #main #parent-tutor-list-section #student-list-wrapper button:hover,
.blue-theme #content #main #parent-tutor-list-section #parent-list-wrapper button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.blue-theme #content #main #student-list-section #student-list-wrapper button:hover,
.blue-theme #content #main #student-list-section #parent-list-wrapper button:hover,
.blue-theme #content #main #parent-tutor-list-section #student-list-wrapper button:hover,
.blue-theme #content #main #parent-tutor-list-section #parent-list-wrapper button:hover {
  color: #dbecf1 !important;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%) !important;
}
.blue-theme #content #main #student-list-section #radpp-link-student-to-parent-by-email .form-row,
.blue-theme #content #main #parent-tutor-list-section #radpp-link-student-to-parent-by-email .form-row {
  width: -moz-fit-content;
  width: fit-content;
}
.blue-theme #content #main #student-list-section #radpp-add-student-to-parent-container,
.blue-theme #content #main #radpp-add-parent-to-student-container {
  display: flex;
  flex-direction: column;
  max-width: -moz-max-content;
  max-width: max-content;
  margin-bottom: 50px;
}
@media screen and (min-width: 480px) {
  .blue-theme #content #main #student-list-section #radpp-add-student-to-parent-container,
  .blue-theme #content #main #radpp-add-parent-to-student-container {
    flex-direction: row;
    justify-content: space-between;
  }
}
.blue-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice,
.blue-theme #content #main #radpp-add-parent-to-student-container .section-register-choice {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 100px 0px;
  padding: 50px 20px;
  text-align: center;
  min-height: 300px;
  margin: 20px 0px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
@media screen and (min-width: 480px) {
  .blue-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice,
  .blue-theme #content #main #radpp-add-parent-to-student-container .section-register-choice {
    width: 80%;
    margin: 0 10px;
    padding: 50px;
    min-height: 350px;
  }
}
@media screen and (min-width: 1024px) {
  .blue-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice,
  .blue-theme #content #main #radpp-add-parent-to-student-container .section-register-choice {
    margin: 0 50px;
  }
}
.blue-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice p,
.blue-theme #content #main #radpp-add-parent-to-student-container .section-register-choice p {
  font-family: "Roboto Condensed" !important;
  font-size: 32px;
  font-weight: 700;
  line-height: normal;
  color: #dbecf1;
}
.blue-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice span,
.blue-theme #content #main #radpp-add-parent-to-student-container .section-register-choice span {
  color: #dbecf1;
  margin-bottom: 10px;
}
.blue-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice button,
.blue-theme #content #main #radpp-add-parent-to-student-container .section-register-choice button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  color: #dbecf1 !important;
}
.blue-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice button:hover,
.blue-theme #content #main #radpp-add-parent-to-student-container .section-register-choice button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.blue-theme #content #main #student-list-section #radpp-add-student-to-parent-container .section-register-choice button:hover,
.blue-theme #content #main #radpp-add-parent-to-student-container .section-register-choice button:hover {
  color: #dbecf1 !important;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%) !important;
}

/*
  ============================================
   Groupe = changement de la page de groupe
  ============================================
*/
body.groups {
  background: #001858;
}
body.groups * a {
  color: #dbecf1;
}
body.groups * a:hover {
  color: #dbecf1;
}
body.groups * h1 {
  color: #dbecf1;
  font-family: "Roboto";
}
body.groups * h3 {
  color: #dbecf1;
  font-family: "Roboto";
}
body.groups * p {
  color: #dbecf1;
  font-family: "Roboto";
}
body.groups * input {
  color: #dbecf1;
}
body.groups * button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 15px 20px;
  height: auto;
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
}
body.groups * button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups * .bp-feedback {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups * .bp-feedback span {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%) !important;
  border-right: 2px solid #dbecf1;
}
body.groups * .like-count {
  color: #dbecf1;
  font-family: "poppins";
  font-size: 15px;
}
body.groups * .like-count:hover {
  color: #001858 !important;
}
body.groups * .comment-count {
  color: #dbecf1;
  font-family: "poppins";
  font-size: 15px;
}
body.groups * .comment-count:hover {
  color: #001858 !important;
}
body.groups .select2-container .select2-dropdown {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body.groups .bb-modal-overlay {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
body.groups .mfp-content .bzm-white-popup header {
  color: #dbecf1;
}
body.groups .mfp-content .bzm-white-popup .mfp-close {
  color: #dbecf1 !important;
  border: 0px;
  background: transparent;
}
body.groups .mfp-content .bzm-white-popup .mfp-close:hover {
  background: transparent;
}
body.groups .mfp-content .bp-zoom-block-show-recordings .mfp-close {
  top: 0px;
}
body.groups .mfp-content .bp-zoom-block-show-recordings h4 {
  color: #dbecf1;
}
body.groups .mfp-content .bp-zoom-block-show-recordings h2 {
  color: #dbecf1;
}
body.groups .mfp-content .bp-zoom-block-show-recordings .recording-button-wrap a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.groups .mfp-content .bp-zoom-block-show-recordings .recording-button-wrap a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .halo__degrade-right {
  order: 1;
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 1000px;
  height: 1000px;
  transform: translate(-50%, -20%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 0;
  bottom: 100%;
  transform: translate(-50%, 50%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .halo__degrade-right {
    width: 100vh;
    height: 100vh;
    transform: translate(-50%, -20%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  body.groups #buddypress .halo__degrade-right {
    width: 100vw;
    height: 100vw;
    transform: translate(-60%, 10%);
    z-index: 0;
  }
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .halo__degrade-right {
    transform: translate(-50%, 50%);
  }
}
@media screen and (min-width: 1024px) {
  body.groups #buddypress .halo__degrade-right {
    transform: translate(-50%, 50%);
  }
}
body.groups #buddypress .hero-section {
  order: 2;
}
body.groups #buddypress .hero-section__left--wrapper--icon {
  background-image: url(../img/groupes.svg);
}
body.groups #buddypress .hero-section__bulle {
  background: linear-gradient(180deg, rgba(235, 92, 121, 0.35) 0%, rgba(235, 92, 121, 0.85) 100%);
}
body.groups #buddypress .page-information {
  order: 3;
}
body.groups #buddypress .body-wrapper {
  order: 5;
  margin: 0 20px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  /* titre du cours */
  /* navigation et contenu */
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .body-wrapper {
    flex-direction: row;
  }
}
body.groups #buddypress .body-wrapper__left {
  width: 100%;
  margin-bottom: -2px;
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .body-wrapper__left {
    width: 25%;
    margin-right: -2px;
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1024px) {
  body.groups #buddypress .body-wrapper__left {
    width: 35%;
    margin-right: -2px;
  }
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container {
  margin-top: 0px;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 20px 15px;
}
@media screen and (min-width: 1024px) {
  body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container {
    padding: 40px 25px;
  }
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image {
  padding: 0;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image {
    flex-direction: row;
  }
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar {
  margin: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}
@media screen and (min-width: 1024px) {
  body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar {
    margin-right: 20px;
    margin-bottom: 0px;
  }
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar a {
  background: transparent;
  box-shadow: none;
  border: 0px;
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar a i:after {
  background-color: transparent !important;
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar img {
  background: transparent;
  box-shadow: none;
  border: 0px;
  max-width: 100px;
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar .link-change-overlay {
  border-radius: 10px;
  background: linear-gradient(circle, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 70%);
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content {
  padding: 0;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content {
    text-align: left;
  }
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bp-group-title-wrap {
  max-width: 100%;
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bp-group-title-wrap .bb-bp-group-title {
  font-family: roboto-condensed, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #dbecf1;
  margin: 0;
}
@media screen and (max-width: 1024px) {
  body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bp-group-title-wrap .bb-bp-group-title {
    font-size: 25px;
  }
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header .bp-feedback.bp-feedback {
  border: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  margin-top: -2px;
}
body.groups #buddypress .body-wrapper__left #item-header-wrapper #item-header .bp-feedback.bp-feedback * {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .body-wrapper__right {
    width: 75%;
  }
}
@media screen and (min-width: 1024px) {
  body.groups #buddypress .body-wrapper__right {
    width: 65%;
  }
}
body.groups #buddypress .body-wrapper__right #body-navigation {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  height: 75px;
  display: flex;
  align-items: center;
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav {
  padding: 0px;
  background: transparent;
  border: 0px;
  margin: 0;
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul a {
  color: #dbecf1;
  border-bottom: 2px solid transparent;
  font-family: "Roboto";
  font-size: 15px;
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul a:hover {
  color: #dbecf1;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul span.count {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #001858;
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul span.count {
    background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
    color: #dbecf1;
  }
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul .selected a {
  color: #dbecf1;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul .selected span.count {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
  color: #001858;
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul .selected span.count {
    background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
    color: #dbecf1;
  }
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul ul {
  border: 2px solid #001858;
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul ul a {
  color: #001858;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul ul a:hover {
  color: #001858;
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul ul li {
  margin-bottom: -2px;
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul ul .selected a {
  color: #001858;
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.groups #buddypress .body-wrapper__right #body-navigation #object-nav ul #nav-courses {
  display: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap {
  padding: 20px;
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .body-wrapper__right .bp-wrap {
    padding: 50px;
  }
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .activity-inner .document-preview-wrap img {
  height: 100%;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bbp-pagination * {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters {
  margin-bottom: 0;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters #group-activity-search-form {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  margin-bottom: 40px;
  border-radius: 20px 0px;
  padding: 15px 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters #group-activity-search-form:hover {
  box-shadow: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters #group-activity-search-form * {
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters #group-activity-search-form::before {
  top: 20px;
  left: 15px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters .group-search form::before {
  top: 20px;
  left: 15px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters #group-members-search-form {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  margin-bottom: 40px;
  border-radius: 20px 0px;
  padding: 15px 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters #group-members-search-form:hover {
  box-shadow: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters #group-members-search-form * {
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters .grid-filters {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters .grid-filters a {
  color: #dbecf1;
  opacity: 1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters .grid-filters a.active {
  color: #dbecf1;
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .subnav-filters .grid-filters a:hover {
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form-placeholder {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form-placeholder #whats-new-form-placeholder {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form-placeholder #whats-new-form-placeholder div {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form .activity-update-form-overlay {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  transition: all 0.5s ease-in-out;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form * {
  background: transparent;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form * a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form * span:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form * i:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #editor-toolbar {
  border-top: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #editor-toolbar .emojionearea-button::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #editor-toolbar .emojionearea-button:hover::before {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .emojionearea-button {
  color: #dbecf1 !important;
  margin-top: 2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .emojionearea-button:hover {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .emojionearea-button:hover::before {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .emojionearea-button.active {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .emojionearea-picker {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .emojionearea-picker * {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .emojionearea-picker * input {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .activity-post-avatar img {
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #bp-activity-privacy-point {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  border: 2px solid #dbecf1;
  opacity: 1;
  padding: 10px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #bp-activity-privacy-point span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #whats-new::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #whats-new-submit input {
  box-shadow: none;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  margin-left: 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #whats-new-submit input:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .dropzone.dz-clickable .dz-message {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .dropzone.dz-clickable .dz-message button {
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .dropzone.dz-clickable .dz-message button::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .dropzone .dz-details {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .dropzone a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #whats-new-toolbar {
  border-top: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #activity-header {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .whats-new-form-footer {
  border-top: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form .whats-new-form-footer #whats-new-toolbar {
  border-top: 0px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-nouveau-activity-form #whats-new-form #discard-draft-activity {
  border: 2px solid #dbecf1 !important;
  box-shadow: none !important;
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .zoom-meeting-block-info h2 {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .zoom-meeting-block-info h2:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-content .bb-meeting-date {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-content .show-recordings {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-content .show-recordings:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-content .show-recordings:hover {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li .bp_zoom_countdown * span:hover {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .item-avatar img {
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * .generic-button ::before {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * a {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * i {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * i:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * span:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * .is_visible {
  border: 2px solid #001858;
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * .is_visible .generic-button a {
  background: #dbecf1 !important;
  border-radius: 0px !important;
  color: #001858;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * .is_visible .generic-button a::before {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * .is_visible .generic-button a:hover {
  color: #001858;
  border-radius: 0px !important;
  border-bottom: 2px solid #001858;
  border-top: 2px solid #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * .is_visible .generic-button a span {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list li * .is_visible .generic-button a span:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments ul {
  border-top: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments * img {
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .ac-input[contenteditable=true] {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  box-shadow: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea * {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea * a {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea * a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea * i {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea * i:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea * span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea * span:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .dropzone.dz-clickable .dz-message {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .dropzone.dz-clickable .dz-message button {
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .dropzone.dz-clickable .dz-message button::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .dropzone .dz-details {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .dropzone a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .emojionearea-button {
  color: #dbecf1 !important;
  margin-top: 2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .emojionearea-button:hover {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .emojionearea-button:hover::before {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .emojionearea-button.active {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .emojionearea-picker {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .emojionearea-picker * {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .ac-textarea .emojionearea-picker * input {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .comment-item {
  padding: 20px;
  margin: 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .comment-item .bb-activity-more-options-wrap {
  margin: 20px 10px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .comment-item .bb-activity-more-options-wrap a {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .activity-comments .comment-item .bb-activity-more-options-wrap a:hover {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .bb-activity-media-wrap .document-action-wrap a i {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .bb-activity-media-wrap .document-action-wrap a i:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .bb-activity-media-wrap .document-action-wrap .document-action_list ul {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .bb-activity-media-wrap .document-action-wrap .document-action_list ul a {
  color: #001858;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #activity-stream .activity-list .bb-activity-media-wrap .document-action-wrap .document-action_list ul a:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner * {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner * .generic-button ::before {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner * a {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner * a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner * span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner * span:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bb-activity-more-options.is_visible {
  background: #dbecf1;
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bb-activity-more-options.is_visible a {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  border-radius: 0 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bb-activity-more-options.is_visible a:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
  border-radius: 0 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bb-activity-more-options.is_visible span {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .ac-reply-content {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .ac-reply-content .ac-input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .ac-reply-content button {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .ac-reply-content button:hover {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input .emojionearea-button {
  color: #dbecf1 !important;
  margin-top: 2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input .emojionearea-button:hover {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input .emojionearea-button:hover::before {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input .emojionearea-button.active {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input-picker {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input-picker * {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .emojionearea.ac-input-picker * input {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .dropzone.dz-clickable .dz-message {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .dropzone.dz-clickable .dz-message button {
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .dropzone.dz-clickable .dz-message button::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .dropzone .dz-details {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .dropzone .dz-details * {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .dropzone a {
  background: transparent;
  border: 0px;
  padding: 0;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer .dropzone a:hover {
  color: #001858;
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-model-wrapper.bb-internal-model .bb-media-model-inner .bp-ac-form-cotainer i.bb-icon {
  color: #dbecf1;
}
@media screen and (max-width: 480px) {
  body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list li {
    max-width: 50%;
  }
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list li[data-bp-item-id="1352"] {
  display: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry-header {
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  color: #dbecf1;
}
@media screen and (max-width: 480px) {
  body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry-header {
    max-width: 100%;
  }
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry {
  min-width: auto;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry * i {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry * i:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap {
  width: 140px;
  height: 250px;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  /* menu 3 points */
  /* type de membre */
  /* description derniere activite */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .member-dropdown .is_visible {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .member-dropdown .is_visible a {
  color: #001858 !important;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  border-radius: 0px !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .member-dropdown .is_visible a:hover {
  background: #dbecf1 !important;
  color: #001858 !important;
  border-bottom: 2px solid #001858;
  border-top: 2px solid #001858;
  border-radius: 0px !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .item-avatar img {
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .item-avatar .member-status.online {
  top: 5px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .item {
  flex-direction: column-reverse;
  height: 80px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .item .follow-container {
  display: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .item .item-block {
  display: flex;
  align-items: center;
  justify-content: center;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .member-name {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .member-type {
  display: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list.grid .item-entry .list-wrap .last-activity {
  display: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .item-entry-header {
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 25px;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .list-wrap {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  margin-bottom: -2px;
  /* menu 3 points */
  /* type de membre */
  /* description derniere activite */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .list-wrap .list-title a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .list-wrap .member-dropdown .is_visible {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .list-wrap .member-dropdown .is_visible a {
  color: #001858 !important;
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  border-radius: 0px !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .list-wrap .member-dropdown .is_visible a:hover {
  background: #dbecf1 !important;
  color: #001858 !important;
  border-bottom: 2px solid #001858;
  border-top: 2px solid #001858;
  border-radius: 0px !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .list-wrap .member-dropdown i {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .list-wrap .member-dropdown i:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .list-wrap .member-type {
  display: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .list-wrap .last-activity {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #members-group-list #members-list .list-wrap .item-avatar img {
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .flex-1 {
  width: 100%;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .flex-1 .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap > a.document-action_download i {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .flex-1 .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap > a.document-action_download i:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .flex-1 .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap > a.document-action_more i {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .flex-1 .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap > a.document-action_more i:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .flex-1 .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .flex-1 .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul a {
  color: #001858 !important;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .flex-1 .bb-activity-media-wrap .bb-activity-media-elem.document-activity .document-action-wrap .document-action_list ul a:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
  background: #dbecf1;
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form {
  box-shadow: none !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bbp_topic_title_wrapper .new_topic_title_avatar {
  margin-right: 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bbp_topic_title_wrapper .new_topic_title_avatar img {
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bbp_topic_title_wrapper .new_topic_title input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bbp-the-content-wrapper {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-width: 0px 2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone.dz-clickable .dz-message {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone.dz-clickable .dz-message button {
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone.dz-clickable .dz-message button::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone .dz-details {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone .dz-details * {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone a {
  background: transparent;
  border: 0px;
  padding: 0;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-attachments .dropzone a:hover {
  color: #001858;
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item span:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item i {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item i:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item .emojionearea-button {
  color: #dbecf1 !important;
  margin-top: 2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item .emojionearea-button:hover {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item .emojionearea-button:hover::before {
  color: #001858;
  transition: all linear 0.2s;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item .emojionearea-button.active {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item .emojionearea-picker {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item .emojionearea-picker * {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form #whats-new-toolbar .post-elements-buttons-item .emojionearea-picker * input {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bbp_topic_tags_wrapper {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bbp_topic_tags_wrapper input::-moz-placeholder {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bbp_topic_tags_wrapper input::placeholder {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bb-form_rev_wrapper label {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bb-form_rev_wrapper input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bb-form-select-fields select {
  color: #dbecf1;
  border: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bb-form-select-fields select option {
  color: #001858;
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bb-form-select-fields label {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bbp-submit-wrapper button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  margin-right: 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp-topic-form .bbp-form .bbp-submit-wrapper button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bs-forums-items {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bs-forums-items li {
  background: transparent;
  border: 0px;
  border-bottom: 2px solid #dbecf1;
  margin-bottom: -2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bs-forums-items li h2 {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bs-forums-items li a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bs-forums-items li div {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bs-forums-items li .bs-forums-meta {
  display: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp_before_forum_new_post a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 15px 20px;
  color: #dbecf1;
  text-transform: initial;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bbp_before_forum_new_post a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: rgba(219, 236, 241, 0.25) 0px 14px 28px, rgba(219, 236, 241, 0.22) 0px 10px 10px;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  /* new discussion */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal * {
  background: transparent;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal * i {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal * i:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal * span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal * span:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .emojionearea-button {
  color: #dbecf1 !important;
  margin-top: 2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .emojionearea-button:hover {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .emojionearea-button:hover::before {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .emojionearea-button.active {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .emojionearea-picker {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .emojionearea-picker * {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .emojionearea-picker * input {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .bbp_topic_form_type_wrapper select {
  color: #dbecf1;
  border: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .bbp_topic_form_type_wrapper select option {
  color: #001858;
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .bbp-submit-wrapper button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 15px 20px;
  color: #dbecf1;
  text-transform: initial;
  border-radius: 20px 0;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .bbp-submit-wrapper button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal .select2-selection ul {
  border: 0px !important;
  background: transparent !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal #new-post {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal #new-post * span::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal #new-post .medium-editor-toolbar-actions {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-modal #new-post .medium-editor-toolbar-actions li * {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .bs-single-topic-sidebar {
  max-width: 150px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .bs-single-topic-sidebar a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 15px 20px;
  color: #dbecf1;
  text-transform: initial;
  border-radius: 20px 0;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .bs-single-topic-sidebar a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  box-shadow: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul li {
  background: transparent;
  border: 0px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul li .bs-reply-list-item:hover {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-item-wrap {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-item-wrap * {
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-item-wrap .item-meta a {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-item-wrap .item-meta a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-item-wrap .item-meta span {
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-item-wrap .item-meta .bbp-topic-freshness-author span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-item-wrap .item-meta .bbp-topic-freshness-author span:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-reply-list-item {
  background: transparent;
  border-bottom: 2px solid #dbecf1;
  margin-bottom: -2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-reply-list-item .bs-reply-header .item-meta * {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-reply-list-item .bs-reply-header i {
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  margin-left: -2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-reply-list-item .bs-reply-header ul::after {
  border-color: #dbecf1 #dbecf1 transparent transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-reply-list-item .bs-reply-header .bs-dropdown {
  background: #dbecf1;
  border: 2px solid #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-reply-list-item .bs-reply-header .bs-dropdown a {
  color: #001858;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .bs-reply-list-item .bs-reply-header .bs-dropdown a:hover {
  color: #001858;
  background: transparent;
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul * a span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul * a span:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .push-right .bb-topic-status {
  opacity: 1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content ul .push-right .bb-topic-status a {
  border: 0px;
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums .bb-grid .replies-content .bbp-reply-form {
  box-shadow: none;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bbpress-forums li.bs-header-item {
  background: linear-gradient(121deg, rgba(181, 7, 129, 0.35) 0%, rgba(181, 7, 129, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  /* liste document */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
  /* bouton créer un dossier */
  /* créer un dossier enfant */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap-inner {
  flex-direction: column;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap-inner .bb-media-actions {
  width: 100%;
  margin: 20px 0px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap-inner .bb-media-actions #search-documents-form {
  width: 100%;
  margin-bottom: 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap-inner .bb-media-actions .media-folder_items {
  margin-left: 10px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap-inner .bb-media-actions .media-folder_items .media-folder_action__list {
  background: #dbecf1;
  border: 2px solid #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap-inner .bb-media-actions .media-folder_items .media-folder_action__list a {
  background: #dbecf1;
  color: #001858;
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
  border-radius: 0px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap-inner .bb-media-actions .media-folder_items .media-folder_action__list a:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap-inner .bb-media-actions .media-folder_items .media-folder_action__list::after {
  border-color: #001858 #001858 transparent transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap .document-breadcrumb {
  text-align: right;
  display: flex;
  flex-direction: column;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap .document-breadcrumb li {
  margin-bottom: 50px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap .document-breadcrumb li:last-child {
  margin-bottom: 0px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap .bb-media-actions-wrap {
  order: 0;
  margin-left: 0;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap h2 {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  width: 100%;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap a {
  color: #dbecf1;
  border: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-radius: 20px 0px;
  padding: 15px 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #search-documents-form {
  color: #dbecf1;
  background: transparent;
  border: 0px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #search-documents-form form {
  width: 100%;
  border: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-radius: 20px 0px;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask .modal-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask .modal-container .bb-field-wrap input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask .modal-container label {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask .modal-container .bb-model-header {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask .modal-container .bb-model-header h4 {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask .modal-container .bb-model-header span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask .modal-container .bb-model-footer {
  background: transparent;
  border-top: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask .modal-container .bb-model-close-button span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask .modal-container #bp-media-post-content {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-folder .modal-mask .modal-container #bp-media-document-prev {
  margin-top: 0;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  /* créer nouveau dossier */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-model-header {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-model-header span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-model-close-button span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container #bp-media-post-content {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container #bp-media-document-prev {
  margin-top: 0;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-field-wrap input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-field-wrap .location-folder-list-wrap .location-folder-list {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-field-wrap .location-folder-list-wrap .location-folder-list li span {
  margin-top: -2px;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-field-wrap .location-folder-list-wrap .location-folder-list li span::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-field-wrap .location-folder-list-wrap .location-folder-list li span:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-field-wrap .location-folder-list-wrap .location-folder-list li span.selected {
  margin-top: -2px;
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-field-wrap .location-folder-list-wrap .location-folder-list li span.selected::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-field-wrap .location-folder-list-wrap .location-folder-list li span.selected:hover {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .bb-field-wrap .db-modal-buttons a {
  line-height: normal;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .dropzone.dz-clickable .dz-message {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .dropzone.dz-clickable .dz-message button {
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .dropzone.dz-clickable .dz-message button::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .dropzone .dz-details {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .dropzone .dz-details * {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .dropzone a {
  background: transparent;
  border: 0px;
  padding: 0;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-uploader .modal-mask .modal-container .dropzone a:hover {
  color: #001858;
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask .modal-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask .modal-container .bb-field-wrap input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask .modal-container label {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask .modal-container .bb-model-header {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask .modal-container .bb-model-header h4 {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask .modal-container .bb-model-header span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask .modal-container .bb-model-footer {
  background: transparent;
  border-top: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask .modal-container .bb-model-close-button span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask .modal-container #bp-media-post-content {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container .bp-media-header-wrap #bp-media-create-child-folder .modal-mask .modal-container #bp-media-document-prev {
  margin-top: 0;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask {
  background: radial-gradient(circle, rgba(0, 24, 88, 0.9) 0%, rgba(0, 24, 88, 0.3) 100%);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-field-wrap input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-field-wrap .location-folder-list {
  background: transparent;
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-field-wrap .location-folder-list span {
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-field-wrap .location-folder-list span:hover {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-bottom: 2px solid #dbecf1;
  margin-bottom: -2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-field-wrap .location-folder-list span::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container label {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-model-header {
  background: transparent;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-model-header h4 {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-model-header span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-model-footer {
  border-top: 2px solid #dbecf1;
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-model-footer a.button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-model-footer a.button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container .bb-model-close-button span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container #bp-media-post-content {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .modal-mask .modal-container #bp-media-document-prev {
  margin-top: 0;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .media-folder_action__list {
  width: auto;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-folder-document-data-table .media-folder_action__list::after {
  border-color: #001858 #001858 transparent transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-stream * {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-stream .media-folder_action__list {
  border: 2px solid #001858;
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-stream .media-folder_action__list ul li > a {
  color: #001858;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bb-media-container #media-stream .media-folder_action__list ul li > a:hover {
  background: #dbecf1;
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-messages-nav ul li a {
  color: #dbecf1;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-messages-nav ul li a:hover {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-messages-nav ul li.selected a {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  /* messagerie navigation */
  /* contenu messagerie */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container * span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container * span:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container nav {
  background: transparent;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container nav li.selected {
  border-bottom: 2px solid #001858;
  margin-bottom: -2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container nav li.selected a {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container nav li:hover {
  border-bottom: 2px solid #001858;
  margin-bottom: -2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container nav li a {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container nav li a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top span:hover {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bp-select-members-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bp-select-members-wrap .select2-selection--multiple {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bp-select-members-wrap .select2-selection--multiple .select2-selection__choice {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
  margin-left: 10px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-top .bp-select-members-wrap .select2-selection--multiple input {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content #group_message_content {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .dropzone.dz-clickable .dz-message {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .dropzone.dz-clickable .dz-message button {
  color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .dropzone.dz-clickable .dz-message button::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .dropzone .dz-details {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .dropzone a:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .emojionearea {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .emojionearea-category-title {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .emojionearea-button {
  color: #dbecf1 !important;
  margin-top: 2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .emojionearea-button:hover {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .emojionearea-button:hover::before {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .emojionearea-button.active {
  color: #001858 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .emojionearea-picker {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .emojionearea-picker * {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content .emojionearea-picker * input {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content #group-messages-new-submit {
  border-top: 2px solid #dbecf1;
  align-items: flex-end;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content #group-messages-new-submit button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 15px 20px;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  border-radius: 20px 0;
  text-transform: initial;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-right .bb-groups-messages-right-bottom #bp-group-message-content #group-messages-new-submit button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  box-shadow: none;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container h4 {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-left {
  border-right: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-left .bb-panel-head {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-left .bp-messages-search-form {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-left .bp-messages-search-form input {
  background: transparent;
  border: 0px;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-left .bp-messages-search-form:hover {
  box-shadow: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-left .group-messages-members-listing ul li {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container .bb-groups-messages-left .group-messages-members-listing ul li.selected {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container #group-messages-new-submit {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container #group-messages-new-submit select {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1;
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container #group-messages-new-submit select::before {
  background-image: inherit;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container #group-messages-new-submit select option {
  background: #dbecf1;
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-messages-container #group-messages-new-submit button {
  margin-top: 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-invites-nav ul li a {
  color: #dbecf1;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-invites-nav ul li a:hover {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-invites-nav ul li.selected a {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-invites-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-invites-container * h4 {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-invites-container * span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-invites-container .bp-invites-search-form {
  background: transparent;
  border: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #group-invites-container .bp-invites-search-form input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1;
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-course-status {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-section-heading h2 {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-section-heading span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-preview {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-preview .ld-item-title {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-preview .ld-item-title:hover {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-preview span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded::before {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded span {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded span::before {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover ::before {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container nav {
  background: transparent;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container nav ul li a {
  color: #dbecf1;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container nav ul li a:hover {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container nav ul li.selected a {
  color: #dbecf1;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .widget {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .widget * {
  background: transparent;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .widget * a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1;
  border: 2px solid #dbecf1;
  border-radius: 20px 0;
  padding: 15px 20px;
  border-bottom-color: #dbecf1 !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .widget * a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .bb-thumbnail-preview {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .bb-thumbnail-preview .bp-zoom-meeting-left {
  border-right: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .bb-thumbnail-preview .bp-zoom-meeting-left .bb-panel-head {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .bb-thumbnail-preview .bp-zoom-meeting-left form {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0;
  padding: 15px 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .bb-thumbnail-preview .bp-zoom-meeting-left form #bp_zoom_meeting_search {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .bb-thumbnail-preview .bp-zoom-meeting-left form #bp_zoom_meeting_search button {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .learndash-wrapper .bb-learndash-content-wrap .ld-item-list .ld-item-list-item-expanded .ld-item-title:hover #bp-zoom-meeting-container .bb-single-course-sidebar .bb-ld-sticky-sidebar .bb-thumbnail-preview .bp-zoom-meeting-left form:hover {
  box-shadow: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  flex-direction: column;
  /* left */
  /* right */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp_zoom_countdown span span {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp_zoom_countdown span span span {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .meeting-timezone {
  z-index: 1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container * {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container * .bb-panel-head {
  border-color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container * h2 {
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container * h4 {
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container nav {
  background: transparent;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left {
  width: 100%;
  flex: none;
  border-bottom: 2px solid #dbecf1;
  border-right: 0px;
  margin: -2px 0;
  /* réunion passée */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left-inner {
  min-height: auto;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left-inner .bb-panel-head {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left .bp-zoom-meeting-search-form {
  background: transparent;
  border: 0px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left .bp-zoom-meeting-search-form:hover {
  box-shadow: none;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left .bp-zoom-meeting-search-form input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  width: auto;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left .bp-zoom-meeting-members-listing ul {
  padding-bottom: 2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left .bp-zoom-meeting-members-listing ul li {
  background: transparent;
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
  margin-bottom: -2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left .bp-zoom-meeting-members-listing ul li.current {
  background: linear-gradient(110deg, rgba(250, 95, 75, 0.35) 0%, rgba(250, 95, 75, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left .bp-zoom-meeting-members-listing .meeting-timezone {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left .bp-zoom-recorded-label::before {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left .bp-zoom-meeting-view-recordings {
  z-index: 2;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-left .bp-zoom-meeting-view-recordings:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right {
  width: 100%;
  flex: none;
  /* enregistrement */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .bb-title-wrap {
  background: linear-gradient(110deg, rgba(250, 95, 75, 0.35) 0%, rgba(250, 95, 75, 0.05) 100%);
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right * input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right * textarea {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right * select {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right * select option {
  background: #dbecf1;
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right * label::before {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .bp-zoom-meeting-time-meridian-wrap .bb-time-meridian {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .bp-zoom-meeting-time-meridian-wrap input:checked + .bb-time-meridian {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .select2-selection--single {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .bb-toggle-slider {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right input:checked + .bb-toggle-slider {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right #bp-zoom-meeting-host {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .bb-model-footer {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .bb-model-footer #bp-zoom-meeting-form-submit {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .bb-model-footer #bp-zoom-meeting-form-submit:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .meeting-item-container {
  background: transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .meeting-actions-list {
  background: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .meeting-actions-list ul li a {
  color: #001858;
  background: #dbecf1;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .meeting-actions-list ul li a:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .meeting-actions-list ul li a i {
  color: #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .join-meeting-in-browser {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right .join-meeting-in-browser:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right #bp-zoom-single-meeting .bb-recordings-wrap a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body #bp-zoom-meeting-container .bp-zoom-meeting-right #bp-zoom-single-meeting .bb-recordings-wrap a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
@media only screen and (max-width: 480px) {
  body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container {
    flex-direction: column;
  }
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav {
  flex: 0 0 150px;
  background: transparent;
  border-right: 2px solid #dbecf1;
  border-radius: 0;
  margin-bottom: 0;
}
@media only screen and (max-width: 480px) {
  body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav {
    flex: 100%;
    border-right: 0px;
    border-bottom: 2px solid #dbecf1;
  }
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav ul {
  margin-top: -2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav ul li {
  background: transparent;
  width: 100%;
}
@media only screen and (max-width: 480px) {
  body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav ul li {
    width: auto;
  }
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav ul li a {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav ul li.selected a {
  color: #dbecf1;
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
@media only screen and (max-width: 480px) {
  body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav ul li.selected a {
    border: 2px solid #dbecf1;
  }
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav ul li.selected::after {
  width: 0px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav ul li:hover a {
  color: #dbecf1;
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
@media only screen and (max-width: 480px) {
  body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container nav.group-subnav ul li:hover a {
    border: 2px solid #dbecf1;
  }
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form {
  background: transparent;
  padding: 20px 30px;
  /* photo */
  /* group member management */
  /* forum */
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form * {
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form * label::before {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form input {
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form textarea {
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form legend {
  border-bottom: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form select {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form select option {
  color: #001858;
  background: #dbecf1;
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form select option:hover {
  border-top: 2px solid #001858;
  border-bottom: 2px solid #001858;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form p input {
  border-radius: 20px 0;
  padding: 15px 20px;
  height: auto;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form p input:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .bp-uploader-window #drag-drop-area {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .warning {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1;
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form #bp-delete-cover-image {
  background: linear-gradient(121deg, rgba(181, 7, 129, 0.35) 0%, rgba(181, 7, 129, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .groups-manage-members-list li {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .groups-manage-members-list li a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  width: 100%;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .groups-manage-members-list li a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .bp-group-option-enable {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form input[type=submit] {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form input[type=submit]:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .bp-zoom-group-button-wrap {
  flex-direction: column;
  align-content: center;
  flex-wrap: nowrap;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .bp-zoom-group-button-wrap a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  margin-bottom: 20px;
  width: 100%;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .bp-zoom-group-button-wrap a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .bp-zoom-group-button-wrap button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  width: 100%;
}
body.groups #buddypress .body-wrapper__right .bp-wrap #item-body .bp-manage-group-container #group-settings-form .bp-zoom-group-button-wrap button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.groups #buddypress .halo__degrade-left {
  order: 4;
  position: absolute;
  left: 0%;
  top: 100%;
  width: 1000px;
  height: 1000px;
  transform: translate(-70%, 0%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 1;
  transform: translate(-60%, 30%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  pointer-events: none;
  top: 0;
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .halo__degrade-left {
    width: 100vh;
    height: 100vh;
    transform: translate(-60%, 0%);
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) {
  body.groups #buddypress .halo__degrade-left {
    width: 1000px;
    height: 1000px;
    transform: translate(-50%, -20%);
    z-index: 1;
  }
}
@media screen and (min-width: 480px) {
  body.groups #buddypress .halo__degrade-left {
    transform: translate(-60%, 30%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  body.groups #buddypress .halo__degrade-left {
    transform: translate(-80%, 30%);
    z-index: 1;
  }
}

body.buddypress.groups .entry-header {
  display: none;
}
body.buddypress.groups #buddypress {
  display: flex;
  flex-direction: column;
}
body.buddypress.groups #buddypress .subnav-search.groups-search {
  display: flex;
  flex-direction: row-reverse;
  order: 2;
  float: none;
  margin: 0 20px 60px 0;
  z-index: 1;
}
body.buddypress.groups #buddypress .subnav-search.groups-search form {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.buddypress.groups #buddypress .subnav-search.groups-search form:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.buddypress.groups #buddypress .subnav-search.groups-search form:before {
  left: 25px;
  top: 19px;
}
body.buddypress.groups #buddypress #my-groups {
  order: 1;
}
body.buddypress.groups #buddypress #my-groups .halo__degrade-right {
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 1000px;
  height: 1000px;
  transform: translate(-50%, -20%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 0;
  top: 0;
  transform: translate(-50%, -40%);
}
@media screen and (min-width: 480px) {
  body.buddypress.groups #buddypress #my-groups .halo__degrade-right {
    width: 100vh;
    height: 100vh;
    transform: translate(-50%, -20%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  body.buddypress.groups #buddypress #my-groups .halo__degrade-right {
    width: 100vw;
    height: 100vw;
    transform: translate(-60%, 10%);
    z-index: 0;
  }
}
@media screen and (min-width: 480px) {
  body.buddypress.groups #buddypress #my-groups .halo__degrade-right {
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 1024px) {
  body.buddypress.groups #buddypress #my-groups .halo__degrade-right {
    transform: translate(-40%, -50%);
  }
}
body.buddypress.groups #buddypress #my-groups .halo__degrade-left {
  position: absolute;
  left: 0%;
  top: 100%;
  width: 1000px;
  height: 1000px;
  transform: translate(-70%, 0%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 1;
  transform: translate(-50%, -40%);
}
@media screen and (min-width: 480px) {
  body.buddypress.groups #buddypress #my-groups .halo__degrade-left {
    width: 100vh;
    height: 100vh;
    transform: translate(-60%, 0%);
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) {
  body.buddypress.groups #buddypress #my-groups .halo__degrade-left {
    width: 1000px;
    height: 1000px;
    transform: translate(-50%, -20%);
    z-index: 1;
  }
}
@media screen and (min-width: 480px) {
  body.buddypress.groups #buddypress #my-groups .halo__degrade-left {
    transform: translate(-50%, -50%);
  }
}
@media screen and (min-width: 1024px) {
  body.buddypress.groups #buddypress #my-groups .halo__degrade-left {
    transform: translate(-90%, -100%);
  }
}
body.buddypress.groups #buddypress .groups-type-navs {
  order: 3;
  margin: 0 20px 80px 20px;
  display: block;
  z-index: 1;
}
body.buddypress.groups #buddypress .groups-type-navs div {
  font-family: "Roboto";
  font-size: 17px;
  color: #dbecf1;
}
body.buddypress.groups #buddypress .groups-type-navs div:hover {
  color: #13a9ac;
}
body.buddypress.groups #buddypress .groups-type-navs li.selected a div {
  color: #13a9ac;
}
body.buddypress.groups #buddypress .bp-secondary-header {
  order: 4;
  display: none;
}
body.buddypress.groups #buddypress .screen-content {
  order: 5;
  margin: 0px 20px;
  display: block;
  z-index: 1;
}
body.buddypress.groups #buddypress .screen-content #groups-list {
  align-items: center;
}
@media screen and (min-width: 480px) {
  body.buddypress.groups #buddypress .screen-content #groups-list {
    align-items: stretch;
  }
}
body.buddypress.groups #buddypress .screen-content #groups-list li {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  padding: 15px 20px !important;
  margin: 10px 0;
}
body.buddypress.groups #buddypress .screen-content #groups-list li:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.buddypress.groups #buddypress .screen-content #groups-list li div {
  padding: 0px;
  background: transparent;
  border: 0px;
}
body.buddypress.groups #buddypress .screen-content #groups-list li .item {
  margin-left: 0px;
}
@media screen and (min-width: 480px) {
  body.buddypress.groups #buddypress .screen-content #groups-list li .item {
    margin-left: 20px;
  }
}
body.buddypress.groups #buddypress .screen-content #groups-list li .item > * {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
}
body.buddypress.groups #buddypress .screen-content #groups-list li .item > *:hover {
  color: #dbecf1;
}
body.buddypress.groups #buddypress .screen-content .bp-pagination a {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  background: transparent;
  border: 0px;
}
body.buddypress.groups #buddypress .screen-content .bp-pagination a:hover {
  color: #13a9ac;
}
body.buddypress.groups #buddypress .screen-content .bp-pagination a:before {
  display: none;
}
body.buddypress.groups #buddypress .screen-content .bp-pagination span {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  box-shadow: inset 0px 0px 0px 2px #dbecf1;
}

/*
  ============================================
   Cours
  ============================================
*/
#my-courses .hero-section__left {
  z-index: 2;
}
#my-courses .hero-section__left--wrapper {
  z-index: 1;
}
#my-courses .hero-section__left--wrapper--title {
  line-height: normal;
}
@media screen and (min-width: 480px) {
  #my-courses .hero-section__left--wrapper--title {
    width: 80%;
  }
}
#my-courses .hero-section__left--wrapper--icon {
  background-image: url(../img/cours.svg);
  height: 80px;
}
#my-courses .hero-section__bulle {
  z-index: 1;
  background: linear-gradient(180deg, rgba(250, 95, 75, 0.35) 0%, rgba(181, 7, 129, 0.85) 100%);
}
#my-courses .hero-section__bulle--img {
  background-image: url(../img/mes-cours.png);
  z-index: 1;
}
@media screen and (min-width: 480px) {
  #my-courses .hero-section__bulle--img {
    height: 300px;
    margin-top: 40px;
    margin-left: 40px;
  }
}
#my-courses .halo__degrade-right {
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 1000px;
  height: 1000px;
  transform: translate(-50%, -20%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 0;
}
@media screen and (min-width: 480px) {
  #my-courses .halo__degrade-right {
    width: 100vh;
    height: 100vh;
    transform: translate(-50%, -20%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  #my-courses .halo__degrade-right {
    width: 100vw;
    height: 100vw;
    transform: translate(-60%, 10%);
    z-index: 0;
  }
}
#my-courses .halo__degrade-left {
  position: absolute;
  left: 0%;
  top: 100%;
  width: 1000px;
  height: 1000px;
  transform: translate(-70%, 0%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 1;
}
@media screen and (min-width: 480px) {
  #my-courses .halo__degrade-left {
    width: 100vh;
    height: 100vh;
    transform: translate(-60%, 0%);
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) {
  #my-courses .halo__degrade-left {
    width: 1000px;
    height: 1000px;
    transform: translate(-50%, -20%);
    z-index: 1;
  }
}
#my-courses .page-information__title-page strong {
  color: #B50781;
}
#my-courses .courses-list {
  padding: 0px 20px;
  position: relative;
  z-index: 2;
}
#my-courses .courses-list .ld-course-list-items {
  margin-left: 0px !important;
  margin-right: 0px !important;
}
#my-courses .courses-list .ld-course-list-items .learndash-wrapper .ld-item-list-item {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  margin: 0px !important;
  padding: 0px;
  height: 75px;
  border-radius: 0px 0px 40px 0px;
}
#my-courses .courses-list .ld-course-list-items .learndash-wrapper .ld-item-list-item:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
#my-courses .courses-list .ld-course-list-items .learndash-wrapper .ld-item-list-item-preview {
  padding: 0px 20px;
  height: 100%;
  background: transparent;
}
#my-courses .courses-list .ld-course-list-items .learndash-wrapper .ld-item-list-item-preview a {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
}
#my-courses .courses-list .ld-course-list-items .learndash-wrapper .ld-item-list-item-preview a:hover {
  color: #dbecf1;
}
#my-courses .courses-list .bp-pagination-links a {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
}
#my-courses .courses-list .bp-pagination-links a:hover {
  color: #13a9ac;
}
#my-courses .courses-list .bp-pagination-links span {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  box-shadow: inset 0px 0px 0px 2px #dbecf1;
}

#fil-actualite {
  margin: 50px 0;
}
#fil-actualite .accueil-cards {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (min-width: 720px) {
  #fil-actualite .accueil-cards {
    flex-direction: row;
  }
}
#fil-actualite .accueil-cards__left {
  width: 100%;
}
@media screen and (min-width: 720px) {
  #fil-actualite .accueil-cards__left {
    width: 48%;
  }
}
#fil-actualite .accueil-cards__right {
  width: 100%;
}
@media screen and (min-width: 720px) {
  #fil-actualite .accueil-cards__right {
    width: 48%;
  }
}
#fil-actualite .halo__degrade-right {
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 1000px;
  height: 1000px;
  transform: translate(-50%, -20%);
  background: radial-gradient(circle, rgba(203, 240, 255, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 0;
}
@media screen and (min-width: 480px) {
  #fil-actualite .halo__degrade-right {
    width: 100vh;
    height: 100vh;
    transform: translate(-50%, -20%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  #fil-actualite .halo__degrade-right {
    width: 100vw;
    height: 100vw;
    transform: translate(-60%, 10%);
    z-index: 0;
  }
}

/*
  ============================================
    Cours en version carte 
  ============================================
*/
@keyframes heartbeat {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.03);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes bounce {
  0% {
    transform: translate(0px, 0px);
  }
  30% {
    transform: translate(0px, -5px);
  }
  50% {
    transform: translate(0px, -3px);
  }
  70% {
    transform: translate(0px, -5px);
  }
  100% {
    transform: translate(0px, 0px);
  }
}
@keyframes pop {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
body.sfwd-courses-template-default #masthead {
  display: none;
}
body.sfwd-courses-template-default .site-content {
  padding: 0;
}
body.sfwd-courses-template-default .site-content .container {
  padding: 0;
}

.single-sfwd-courses .container {
  max-width: none;
}
.single-sfwd-courses .container .bb-grid .content-area {
  padding: 0;
}
.single-sfwd-courses .container .bb-grid .content-area .radpp-courses-wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage {
  width: 100%;
  position: absolute;
  margin: 0;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage img {
  width: 100%;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper #bord-gauche {
  height: 24%;
  left: 42.3%;
  top: 60%;
  position: absolute;
  z-index: 7;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper #bord-droit {
  height: 24%;
  left: 57.6%;
  top: 60%;
  position: absolute;
  z-index: 7;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper #bord-bas {
  height: 7%;
  left: 42.3%;
  top: 83%;
  position: absolute;
  z-index: 5;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper #bord-fond {
  height: 28%;
  left: 42.3%;
  top: 61%;
  position: absolute;
  z-index: 0;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .container-carousel {
  height: 15vw;
  width: 16%;
  min-height: 150px;
  position: absolute;
  left: 51%;
  top: 70%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .container-carousel .radpp-carousel-items .slick-list {
  width: 100%;
  padding: 0px;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .container-carousel .radpp-carousel-items .slick-list .radpp-carousel-item {
  margin: 0;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .container-carousel .radpp-carousel-items .slick-list .radpp-carousel-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .container-carousel .radpp-carousel-items .slick-list .radpp-carousel-item a .glitch-holo {
  width: 16vw;
  min-width: 230px;
  z-index: 0;
  background-size: contain;
  min-height: 150px;
  height: 250px;
  background-repeat: no-repeat;
  background-position: top;
  animation: bounce 3s infinite, glitch-planete 5s 5s infinite;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .container-carousel .radpp-carousel-items .slick-list .radpp-carousel-item a .radpp_item_title {
  width: 100%;
  font-size: 8pt;
  text-align: center;
  line-height: 1.5;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage-item {
  position: absolute;
  margin: 0;
}
.single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
}

@media only screen and (min-width: 600px) {
  .radpp_item_title {
    font-size: 10pt;
  }
}
@media only screen and (min-width: 992px) {
  .radpp_item_title {
    font-size: 12pt;
  }
}
@media only screen and (min-width: 1200px) {
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-carousel-items {
    top: 20%;
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-carousel-items .slick-list .radpp-carousel-item a .radpp_item_title {
    font-size: 12pt;
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-carousel-items .slick-list .radpp-carousel-item a[data-title]:hover:after {
    opacity: 1;
    transition: all 0.5s ease 0.5s;
    visibility: visible;
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-carousel-items .slick-list .radpp-carousel-item a[data-title]:after {
    content: attr(data-title);
    position: absolute;
    white-space: nowrap;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
    box-shadow: none;
    color: white;
    border-width: 3px;
    border-radius: 20px 0;
    border-style: solid;
    border-color: #052021;
    font-size: 18px;
    background-image: url(../img/pad.png);
    background-size: 100% 100%;
    height: 70px;
    padding: 10px;
    text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
    margin: 0 auto;
    text-align: center;
    min-width: 200px;
    padding: 10px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    width: auto;
    font-size: 12px;
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-carousel-items .slick-list .radpp-carousel-item a[data-title]:after:hover {
    color: white;
    text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
    background-image: url(../img/pad-hover.png);
    background-size: 100% 100%;
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-carousel-items .slick-list .radpp-carousel-item a[data-title] {
    position: relative;
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage-item a img {
    transition: transform 0.5s;
    /* Animation */
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage-item a img:hover {
    transform: scale(1.05);
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage-item a .radpp_item_title {
    width: 200px;
    font-size: 12pt;
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage-item a[data-title]:hover:after {
    opacity: 1;
    transition: all 0.5s ease 0.5s;
    visibility: visible;
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage-item a[data-title]:after {
    content: attr(data-title);
    position: absolute;
    white-space: nowrap;
    opacity: 0;
    z-index: 99999;
    visibility: hidden;
    box-shadow: none;
    color: white;
    border-width: 3px;
    border-radius: 20px 0;
    border-style: solid;
    border-color: #052021;
    font-size: 18px;
    background-image: url(../img/pad.png);
    background-size: 100% 100%;
    height: 70px;
    padding: 10px;
    text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
    margin: 0 auto;
    text-align: center;
    min-width: 200px;
    padding: 10px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 50%);
    width: auto;
    font-size: 12px;
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage-item a[data-title]:after:hover {
    color: white;
    text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
    background-image: url(../img/pad-hover.png);
    background-size: 100% 100%;
  }
  .single-sfwd-courses .container .bb-grid .content-area .learndash-wrapper .radpp-stage-item a[data-title] {
    position: relative;
  }
}
/*
.single-sfwd-lessons {
    .radpp-stage-item {
        a {
            img {
                &:hover {
                    background: radial-gradient(closest-corner, rgba(0, 128, 0, 0.459), rgba(0, 128, 0, 0.425), #00800027, transparent, transparent);
                }
            }
        }


    }

    .radpp-lessons-wrapper {
        .uncomplete {
            img:hover {
                background: transparent;
            }
        }
    }
}
*/
/*
  ============================================
   Cours - Carousels de planetes
  ============================================
*/
.slider {
  display: none;
}

.slider.slick-initialized {
  display: block;
}

.container-carousel button .carousel-prev,
.container-carousel button .carousel-next {
  cursor: pointer;
  z-index: 9;
  background: transparent;
  box-shadow: none;
  opacity: 1;
  border: 0px;
}
.container-carousel .carousel-prev {
  position: absolute;
  top: 50%;
  left: -24%;
  padding: 0px;
  background-color: transparent;
  box-shadow: none;
  transition: transform 0.5s;
  border: 0px;
}
.container-carousel .carousel-prev:hover {
  transform: scale(1.05);
}
.container-carousel .carousel-next {
  position: absolute;
  top: 50%;
  right: -20%;
  padding: 0px;
  background-color: transparent;
  box-shadow: none;
  transition: transform 0.5s;
  border: 0px;
}
.container-carousel .carousel-next:hover {
  transform: scale(1.05);
}

/*
  ============================================
   Corrections - Corrections des essais sur le frontend
  ============================================
*/
#correction-filters {
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  #correction-filters {
    margin-top: 0px;
  }
}
#correction-filters__form {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
}
#correction-filters__form div {
  display: flex;
  flex-direction: column;
  width: 32%;
}
@media screen and (min-width: 768px) {
  #correction-filters__form div {
    width: 25%;
  }
}
#correction-filters__form div .arrow-down {
  height: 20px;
  width: 100%;
  background-image: url(../img/arrow-down.svg);
  background-position: 85%;
  background-repeat: no-repeat;
  background-size: 1rem auto;
}
#correction-filters__form div label {
  margin-bottom: 30px;
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  font-size: 17px;
}
#correction-filters__form div select {
  width: 90%;
  cursor: pointer;
  color: #dbecf1;
  border: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  margin-top: -30px;
}
#correction-filters__form div select option {
  color: #001858;
  background: #dbecf1;
}
#correction-filters__form input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  margin-top: 20px;
  cursor: pointer;
  background: linear-gradient(121deg, rgba(235, 92, 121, 0.35) 0%, rgba(235, 92, 121, 0.05) 100%);
}
#correction-filters__form input:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
@media screen and (min-width: 480px) {
  #correction-filters__form input {
    margin-top: 0px;
  }
}
#correction-filters__form input:hover {
  background: linear-gradient(121deg, rgba(235, 92, 121, 0.8) 0%, rgba(235, 92, 121, 0.2) 100%);
}

#correction-list .essay-not-sent thead {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
#correction-list .essay-not-sent tbody {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
#correction-list .essay-sent thead {
  background: linear-gradient(121deg, rgba(252, 171, 16, 0.35) 0%, rgba(252, 171, 16, 0.05) 100%);
}
#correction-list .essay-sent tbody {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
#correction-list table {
  border: 2px solid #dbecf1;
  background: transparent;
}
#correction-list table > * {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
}
#correction-list table thead tr td {
  border-radius: 0;
  padding: 2rem 1rem;
  vertical-align: middle;
  color: #dbecf1;
  font-weight: 600;
  font-size: 20px;
}
#correction-list table thead tr td:nth-child(1) {
  width: 30%;
}
#correction-list table thead tr td:nth-child(2) {
  width: 17.5%;
}
#correction-list table thead tr td:nth-child(3) {
  width: 12.5%;
  text-align: center;
}
#correction-list table thead tr td:nth-child(4) {
  width: 35%;
}
#correction-list table thead tr td:nth-child(5) {
  width: 5%;
}
#correction-list table tbody tr td {
  border: 0px;
  padding: 0.5rem 1rem;
  vertical-align: middle;
  color: #dbecf1;
  border-top: 2px solid #dbecf1;
}
#correction-list table tbody tr td a {
  cursor: pointer;
  color: #dbecf1;
}
#correction-list table tbody tr td a:hover {
  color: #001858;
}
#correction-list table tbody tr td .correction-essay__edit--button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
#correction-list table tbody tr td .correction-essay__edit--button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
#correction-list table tbody tr td .correction-essay__edit--button:hover {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
  color: #dbecf1;
}
#correction-list table tbody tr td .correction-essay__edit--button span {
  font-size: 20px;
}
#correction-list table tbody tr td span {
  font-size: 12px;
}
#correction-list table tbody tr td button {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 5px 10px;
  border-radius: 10px 0px;
}
#correction-list table tbody tr td button span {
  font-size: 20px;
}
#correction-list table tbody tr td button:hover {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
}
#correction-list table tbody tr td:nth-child(3) {
  text-align: center;
}

/*
  ============================================
    Chapitre en version carte
  ============================================
*/
body.sfwd-lessons-template-default #masthead {
  display: none;
}
body.sfwd-lessons-template-default #content {
  padding: 0;
}
body.sfwd-lessons-template-default #content .container {
  padding: 0;
}

.single-sfwd-lessons .bb-grid .learndash-wrapper {
  overflow: hidden;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage {
  width: 100%;
  position: absolute;
  margin: 0;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage img {
  width: 100%;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage-item {
  position: absolute;
  margin: 0;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: white;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage-item a[data-title]:hover:after {
  opacity: 1;
  transition: all 0.5s ease 0.5s;
  visibility: visible;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage-item a[data-title]:after {
  content: attr(data-title);
  position: absolute;
  white-space: nowrap;
  opacity: 0;
  z-index: 99999;
  visibility: hidden;
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
  padding: 10px;
  height: auto;
  left: 50%;
  transform: translate(-50%, 50%);
  font-size: 12px;
  box-sizing: content-box;
  white-space: break-spaces;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage-item a[data-title]:after:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage-item a[data-title] {
  position: relative;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-pretest-item {
  transform: translate(-50%, -50%);
  position: absolute;
  left: 50%;
  top: 50%;
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .uncomplete img {
  animation: heartbeat 1.5s infinite;
  filter: drop-shadow(0px 0px 5px #13a9ac);
}
.single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper #radpp-pretest-wrapper {
  z-index: 2;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  display: none;
}

@media only screen and (min-width: 600px) {
  .radpp_item_title {
    font-size: 10pt;
  }
}
@media only screen and (min-width: 992px) {
  .radpp_item_title {
    font-size: 12pt;
  }
}
@media only screen and (min-width: 1200px) {
  .single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage-item a img {
    transition: transform 0.5s; /* Animation */
  }
  .single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage-item a img:hover {
    transform: scale(1.05);
  }
  .single-sfwd-lessons .bb-grid .learndash-wrapper .radpp-lessons-wrapper .radpp-stage-item a .radpp_item_title {
    width: 200px;
    font-size: 12pt;
  }
}
/*
  ============================================
    Notions
  ============================================
*/
.single-sfwd-topic #masthead {
  display: none;
}
.single-sfwd-topic #content {
  padding: 0;
}
.single-sfwd-topic #content .container {
  padding: 0;
}
.single-sfwd-topic div #learndash-page-content {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  padding: 20px;
}
.single-sfwd-topic .radpp-content-lesson {
  position: relative;
  border: 1px solid;
  padding: 22px;
  border-image-width: 30px;
  border-image-slice: 125 125;
  border-image-repeat: inherit;
  background-color: white;
  width: 100%;
  max-width: 1080px;
  height: 80vh;
  margin: 0 auto;
  position: relative;
}
.single-sfwd-topic .learndash_content_wrap {
  padding-top: 0px;
}

@media only screen and (min-width: 600px) {
  .single-sfwd-topic .radpp-content-lesson {
    padding: 36px;
    padding-bottom: 60px;
    border-image-width: 50px;
    height: 90vh;
    margin: 0 auto;
    position: relative;
  }
}
@media only screen and (min-width: 992px) {
  .single-sfwd-topic .radpp-content-lesson {
    padding: 36px;
    padding-bottom: 60px;
    border-image-width: 50px;
    height: 90vh;
    margin: 0 auto;
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .single-sfwd-topic .radpp-content-lesson {
    height: 90vh;
    padding: 59px;
    border-image-width: 80px;
    margin: auto;
    position: relative;
  }
}
/*
  ============================================
    Notions - Flipbook
  ============================================
*/
.single-sfwd-notion .learndash_content_wrap iframe {
  width: 100% !important;
  height: 80vh !important;
}

/*
  ============================================
    Activités pédagogiques
  ============================================
*/
html body.single-sfwd-quiz {
  overflow: hidden;
}

.single-sfwd-quiz #masthead {
  display: none;
}
.single-sfwd-quiz #content {
  padding: 0;
}
.single-sfwd-quiz #content .container {
  padding: 0;
}
.single-sfwd-quiz div #learndash-page-content {
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100vh;
  padding: 20px;
}
.single-sfwd-quiz .radpp-content-quiz {
  border: 1px solid;
  padding: 22px;
  border-image-width: 30px;
  border-image-slice: 125 125;
  border-image-repeat: inherit;
  background-color: white;
  width: 100%;
  max-width: 1080px;
  height: 80vh;
  margin: 0 auto;
  position: relative;
}
.single-sfwd-quiz .learndash-content-body {
  margin: 0 auto;
  overflow: auto;
}
.single-sfwd-quiz .learndash_content_wrap {
  padding-top: 0px;
}
.single-sfwd-quiz .learndash-wrapper {
  margin: 35px;
}
.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_quiz .wpProQuiz_questionListItem label {
  display: flex;
}
.single-sfwd-quiz .sfwd-course-nav {
  top: 5vh;
  position: fixed;
  left: 5vw;
  width: auto !important;
  display: block !important;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm {
  padding: 0px;
  border: none;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload {
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #999;
  width: 100%;
  padding: 20px;
  border-radius: 15px;
  background: white;
  box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.13);
  margin: 20px;
  position: relative;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .verification-modal {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  padding: 20px;
  transform: scale(0.8);
  transition: 0.3s;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .verification-modal__content {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  text-align: center;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .verification-modal__content > div:first-child {
  background-color: #FFF;
  border: 1px solid #13a9ac;
  border-radius: 10px;
  width: 100%;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .verification-modal__content h4 {
  font-size: 16px;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .verification-modal__content .btns-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .verification-modal__content .btns-cont > div {
  margin: 0 8px;
  display: inline-block;
  text-align: center;
  min-width: 150px;
  border: 1px solid #13a9ac;
  border-radius: 10px;
  padding: 8px;
  cursor: pointer;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .verification-modal__content .btns-cont > div:hover {
  background-color: #13a9ac;
  color: #FFF;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .verification-modal.active {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  transform: scale(1);
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .openUploadPopup {
  display: none;
  padding: 12px;
  border-radius: 10px;
  background-color: #13a9ac;
  color: #FFF;
  cursor: pointer;
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
  margin-top: 10px;
  height: auto;
  padding: 10px 16px;
  max-width: auto;
  float: right;
  transition: 0.3s;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .openUploadPopup:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .openUploadPopup:hover {
  background-color: #0f8e91;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload:hover {
  border-color: #aaa;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .drop-area {
  width: 100%;
  height: 200px;
  text-align: center;
  font-size: 18px;
  padding: 20px;
  color: #ccc;
  border: 2px dashed #d7d7d7;
  transition: 0.3s;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .drop-area:hover {
  color: #13a9ac;
  border: 2px dashed #13a9ac;
  transform: scale(1.02);
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .drop-area.active {
  color: #13a9ac;
  border: 2px dashed #13a9ac;
  transform: scale(1.02);
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .drop-area.disabled {
  pointer-events: none;
  height: 60px;
  line-height: 50px;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .file-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .file-list li {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 16px;
  padding: 12px;
  border: 2px solid rgba(140, 140, 140, 0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .file-list li:first-child {
  margin-top: 20px;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .file-list li > div:last-child {
  padding: 5px 10px;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .file-list li > div.delete {
  cursor: pointer;
  transition: 0.2s;
  color: #B50781;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .file-list li > div.delete:hover {
  transform: scale(1.1);
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .file-list li > div.delete.disabled {
  opacity: 0.3;
  color: rgba(140, 140, 140, 0.1);
  pointer-events: none;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .file-list li[disabled=disabled] {
  pointer-events: none;
  opacity: 0.3;
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .file-list.uploading::after {
  content: "Uploading...";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  padding: 20px 60px;
  border-radius: 10px;
  box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.2);
}
.single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .uploadEssayFinal {
  display: none;
}

@media only screen and (min-width: 600px) {
  .single-sfwd-quiz .radpp-content-quiz {
    padding: 36px;
    padding-bottom: 60px;
    border-image-width: 50px;
    height: 90vh;
    margin: 0 auto;
    position: relative;
  }
}
@media only screen and (min-width: 992px) {
  .single-sfwd-quiz .radpp-content-quiz {
    padding: 36px;
    padding-bottom: 60px;
    border-image-width: 50px;
    height: 90vh;
    margin: 0 auto;
    position: relative;
  }
}
@media only screen and (min-width: 1200px) {
  .single-sfwd-quiz .radpp-content-quiz {
    height: 90vh;
    padding: 59px;
    border-image-width: 80px;
    margin: auto;
    position: relative;
  }
  .single-sfwd-quiz .wpProQuiz_content .wpProQuiz_questionList[data-type=essay] form.uploadEssayForm .file-upload .drop-area {
    font-size: 24px;
  }
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestionSolved::after {
  background-color: #13a9ac;
  border-color: #dbecf1;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestionReview::after {
  background-color: #FCAB10;
  border-color: #dbecf1;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestionTarget {
  border-color: #001858;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend .learndash-quiz-review-legend-item-current {
  display: none;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend .learndash-quiz-review-legend-item-review span:first-child {
  background-color: #FCAB10;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend .learndash-quiz-review-legend-item-answered span:first-child {
  background-color: #13a9ac;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewButtons input {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewButtons input:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content ul.wpProQuiz_sortStringList {
  height: auto;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_button_reShowQuestion:hover {
  border: 3px solid #052021 !important;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=cloze_answer] .wpProQuiz_questionListItem .wpProQuiz_cloze .wpProQuiz_answerIncorrect {
  background-color: transparent;
  color: red;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=free_answer] label {
  display: block;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList[data-type=matrix_sort_answer] {
  overflow: initial;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList input.wpProQuiz_questionList_containers_view_student {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList input.wpProQuiz_questionList_containers_view_student:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList input.wpProQuiz_questionList_containers_view_correct {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList input.wpProQuiz_questionList_containers_view_correct:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_answerCorrectIncomplete {
  border: 1px solid #13a9ac !important;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_freeCorrect {
  display: inline-flex;
  align-items: center;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_freeCorrect p {
  margin-bottom: 0;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_answerCorrect {
  background: #13a9ac !important;
  color: white;
  border-radius: 5px;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_answerCorrect table {
  border-color: #13a9ac;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_answerCorrect table tr {
  border-color: #13a9ac;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_answerCorrect table tr td {
  background: #13a9ac;
  border-color: white;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_answerCorrect table tr td li {
  color: #13a9ac;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_answerIncorrect {
  border-color: #B50781;
  color: #B50781 !important;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_answerIncorrect label {
  border-color: #B50781;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_answerIncorrect table {
  border-color: #B50781;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionList .wpProQuiz_answerIncorrect table td {
  border-color: #B50781;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content li.wpProQuiz_listItem div.wpProQuiz_questionList_containers input.wpProQuiz_questionList_containers_view_active {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content li.wpProQuiz_listItem div.wpProQuiz_questionList_containers input.wpProQuiz_questionList_containers_view_active:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content li.wpProQuiz_listItem div.wpProQuiz_questionList_containers input[type=button] {
  box-shadow: none;
  color: white;
  border-width: 3px;
  border-radius: 20px 0;
  border-style: solid;
  border-color: #052021;
  font-size: 18px;
  background-image: url(../img/pad.png);
  background-size: 100% 100%;
  height: 70px;
  padding: 10px;
  text-shadow: 0 0 2px #ecffff, 0 0 2px #13a9ac;
  margin: 0 auto;
  text-align: center;
  min-width: 200px;
}
.single-sfwd-quiz #content .learndash-wrapper .wpProQuiz_content li.wpProQuiz_listItem div.wpProQuiz_questionList_containers input[type=button]:hover {
  color: white;
  text-shadow: 0 0 8px #ecffff, 0 0 8px #13a9ac;
  background-image: url(../img/pad-hover.png);
  background-size: 100% 100%;
}

.buddyboss-theme.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion),
.buddyboss-theme.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_button:not(.wpProQuiz_button_reShowQuestion):hover {
  border: 3px solid #052021 !important;
}

body.bp-user {
  background: #001858;
}
body.bp-user #user-horaires-examens {
  display: none;
}
body.bp-user * a {
  color: #dbecf1;
}
body.bp-user * a:hover {
  color: #dbecf1;
}
body.bp-user * h1 {
  color: #dbecf1;
  font-family: "Roboto";
}
body.bp-user * h3 {
  color: #dbecf1;
  font-family: "Roboto";
}
body.bp-user #buddypress * p {
  color: #dbecf1 !important;
}
body.bp-user #buddypress * label {
  color: #dbecf1;
}
body.bp-user #buddypress * input {
  color: #dbecf1;
}
body.bp-user #buddypress * ul {
  color: #dbecf1;
}
body.bp-user #buddypress * select {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
}
body.bp-user #buddypress * input[type=submit] {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.bp-user #buddypress * input[type=submit]:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress #halo-profile--right {
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 1000px;
  height: 1000px;
  transform: translate(-50%, -20%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 0;
  transform: translate(-40%, -60%);
  background: radial-gradient(circle, rgba(203, 240, 255, 0.2) 0%, rgba(0, 24, 88, 0) 65%);
}
@media screen and (min-width: 480px) {
  body.bp-user #buddypress #halo-profile--right {
    width: 100vh;
    height: 100vh;
    transform: translate(-50%, -20%);
    z-index: 0;
  }
}
@media screen and (min-width: 1024px) {
  body.bp-user #buddypress #halo-profile--right {
    width: 100vw;
    height: 100vw;
    transform: translate(-60%, 10%);
    z-index: 0;
  }
}
@media screen and (min-width: 480px) {
  body.bp-user #buddypress #halo-profile--right {
    transform: translate(-50%, -60%);
  }
}
@media screen and (min-width: 1024px) {
  body.bp-user #buddypress #halo-profile--right {
    transform: translate(-50%, 0%);
  }
}
body.bp-user #buddypress #halo-profile--left {
  position: absolute;
  left: 0%;
  top: 100%;
  width: 1000px;
  height: 1000px;
  transform: translate(-70%, 0%);
  background: radial-gradient(circle, rgba(235, 92, 121, 0.3) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 1;
  transform: translate(-60%, 30%);
  background: radial-gradient(circle, rgba(203, 240, 255, 0.2) 0%, rgba(0, 24, 88, 0) 65%);
  z-index: 1;
  top: 0%;
}
@media screen and (min-width: 480px) {
  body.bp-user #buddypress #halo-profile--left {
    width: 100vh;
    height: 100vh;
    transform: translate(-60%, 0%);
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) {
  body.bp-user #buddypress #halo-profile--left {
    width: 1000px;
    height: 1000px;
    transform: translate(-50%, -20%);
    z-index: 1;
  }
}
@media screen and (min-width: 480px) {
  body.bp-user #buddypress #halo-profile--left {
    transform: translate(-60%, 30%);
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) {
  body.bp-user #buddypress #halo-profile--left {
    z-index: 1;
    transform: translate(-80%, 10%);
  }
}
body.bp-user #buddypress #header-profile {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 80px;
  margin-left: 20px;
  margin-right: 20px;
  z-index: 2;
  position: relative;
  /* profile section */
  /* banner section */
}
@media screen and (min-width: 480px) {
  body.bp-user #buddypress #header-profile {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1024px) {
  body.bp-user #buddypress #header-profile {
    margin-bottom: 120px;
  }
}
body.bp-user #buddypress #header-profile #item-header-wrapper {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 50px;
  border-radius: 0 0 50px 0;
  z-index: 1;
}
@media screen and (min-width: 480px) {
  body.bp-user #buddypress #header-profile #item-header-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  body.bp-user #buddypress #header-profile #item-header-wrapper {
    width: 85%;
  }
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header {
  border: 2px solid #dbecf1;
  border-radius: 50px 0 0 0;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  /* message erreur info bulle */
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header .bp-messages {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header .bp-messages span {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  border-right: 2px solid #dbecf1;
  color: #dbecf1;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header .bp-messages p {
  color: #dbecf1;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header .bp-messages.error {
  margin: 0px 20px 20px 20px;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header .bp-messages.error span {
  background: linear-gradient(121deg, rgba(181, 7, 129, 0.35) 0%, rgba(181, 7, 129, 0.05) 100%);
  border-right: 2px solid #dbecf1;
  color: #dbecf1;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container {
  margin-top: 0px;
  background: transparent;
  border: 0px;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image {
  padding: 30px 0;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image .member-title-wrap {
  margin-top: 10px;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar {
  margin-top: -20px;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar .member-status {
  right: 10px;
  top: 20px;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar .link-change-overlay {
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar img {
  border: 2px solid #dbecf1;
  max-width: 150px;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar a {
  background: transparent;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar a:hover {
  background: transparent;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-avatar i::after {
  background-color: transparent;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content > .flex {
  display: block;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content * {
  color: #dbecf1;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content * span.bp-member-type {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content #send-private-message a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content #send-private-message a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .member-header-actions-wrap {
  justify-content: flex-end;
}
@media screen and (max-width: 1024px) {
  body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .member-header-actions-wrap {
    justify-content: center;
  }
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .member-header-actions-wrap .member-header-actions {
  margin-top: 10px;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list {
  background: #dbecf1;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list:after {
  border-color: #dbecf1 #dbecf1 transparent transparent;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list button {
  border-bottom: 2px solid transparent;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list button:hover {
  background: #dbecf1 !important;
  border-bottom: 2px solid #001858;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list button span {
  color: #001858;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list button::before {
  color: #001858;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list button::before:hover {
  color: #001858;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list a {
  border-radius: 0 !important;
  color: #001858 !important;
  border-bottom: 2px solid transparent;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list a:hover {
  background: #dbecf1 !important;
  border-bottom: 2px solid #001858;
  color: #001858 !important;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list a span {
  color: #001858;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list a::before {
  color: #001858;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #item-header #cover-image-container #item-header-cover-image #item-header-content .bb_more_options_list a::before:hover {
  color: #001858;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav {
  background: linear-gradient(110deg, rgba(250, 95, 75, 0.35) 0%, rgba(250, 95, 75, 0.05) 100%);
  border: 2px solid #dbecf1;
  margin-top: -2px;
  margin-bottom: 0;
  border-radius: 0 0 50px 0;
  height: 75px;
  display: flex;
  align-items: center;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav .more-button {
  margin: 5px 0;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav .more-button.active:after {
  /* fleche vers le bas du menu */
  border-color: #dbecf1 #dbecf1 transparent transparent;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav ul {
  width: 100%;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav ul .selected > a {
  border-bottom: 2px solid #dbecf1;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav ul li a {
  border-bottom: 2px solid transparent;
  font-family: "Roboto";
  font-size: 15px;
  color: #dbecf1;
  padding: 0px;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav ul li a:hover {
  border-bottom: 2px solid #dbecf1;
  color: #dbecf1;
  transition: all 0.2s ease-in;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav ul li ul {
  background: #dbecf1;
  border: 2px solid #dbecf1;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  top: 25px;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav ul li ul .selected > a {
  border-bottom: 2px solid #001858;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav ul li ul li a {
  margin: 0 10px;
  padding: 0 0 5px 0;
  color: #001858;
  width: -moz-fit-content;
  width: fit-content;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav ul li ul li a:hover {
  background: #dbecf1;
  color: #001858;
  border-bottom: 2px solid #001858;
}
body.bp-user #buddypress #header-profile #item-header-wrapper #object-nav .sub-menu .selected > a {
  background: transparent;
  border-bottom: 2px solid #001858;
  color: #001858;
}
body.bp-user #buddypress #header-profile #item-header-cover {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  background-image: url(../img/cockpit_base.jpg);
  border: 2px solid #dbecf1;
  margin-left: -100px;
  border-radius: 0 50px 0 50px;
  display: none;
}
@media screen and (min-width: 480px) {
  body.bp-user #buddypress #header-profile #item-header-cover {
    display: block;
  }
}
body.bp-user #buddypress .nuage-de-point__orange {
  width: 200%;
  height: 20%;
  background-size: contain;
  background-position: right;
  background-repeat: repeat-x;
  background-image: url(../img/nuagedepointorange.svg);
  position: absolute;
  top: 25%;
  right: 40%;
  z-index: 1;
}
body.bp-user #buddypress .nuage-de-point__orange::before {
  content: "";
  width: 100%;
  height: 150px;
  background: linear-gradient(110deg, rgb(0, 24, 88) 15%, rgba(0, 24, 88, 0) 80%);
  position: absolute;
}
@media screen and (min-width: 480px) {
  body.bp-user #buddypress .nuage-de-point__orange {
    width: 100%;
    height: 150px;
    top: 250px;
    right: 40%;
  }
}
body.bp-user #buddypress .page-information {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-bottom: 40px;
  border-bottom: 2px solid #1F3B88;
  margin: 0 20px 50px 20px;
  z-index: 1;
  position: relative;
}
@media screen and (min-width: 480px) {
  body.bp-user #buddypress .page-information {
    margin: 0 20px 80px 20px;
    flex-direction: row;
    justify-content: space-between;
  }
}
body.bp-user #buddypress .page-information__title-section {
  color: #dbecf1;
  font-size: 25px;
  font-family: "Roboto";
  font-weight: 700;
  width: -moz-fit-content;
  width: fit-content;
}
body.bp-user #buddypress .page-information__title-page {
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 400;
  border-top: 2px solid #dbecf1;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 40px;
  color: #dbecf1;
}
body.bp-user #buddypress .page-information__title-page strong {
  color: #fa5f4b;
  font-family: "Poppins";
  font-size: 20px;
  font-weight: 400;
}
@media screen and (min-width: 480px) {
  body.bp-user #buddypress .page-information__title-page {
    margin-top: 0;
  }
}
body.bp-user #buddypress .standard-form select {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 10px;
}
body.bp-user #buddypress .standard-form select:focus {
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 10px;
}
body.bp-user #buddypress .content-profile__body {
  z-index: 1 !important;
}
body.bp-user #buddypress .content-profile__body--inner {
  margin: 0 20px;
  /* Compte profil */
}
body.bp-user #buddypress .content-profile__body--inner nav {
  border-bottom-width: 0px !important;
}
body.bp-user #buddypress .content-profile__body--inner nav ul .selected > a {
  border-bottom: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner nav ul li a {
  color: #dbecf1 !important;
  margin-bottom: 0;
}
body.bp-user #buddypress .content-profile__body--inner nav ul li a:hover {
  border-bottom: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner header a.push-right.button.outline.small {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 15px 20px;
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner header a.push-right.button.outline.small:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .profile-header {
  margin: 20px;
}
body.bp-user #buddypress .content-profile__body--inner .entry-header {
  margin: 20px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 50px 0;
  /* détails du profil */
  /* navigation lateral */
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper.need-separator .group-separator-block {
  background: transparent;
  border: 0px;
  border-radius: 0;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .profile-loop-header {
  border-bottom: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .profile-group-title {
  border-bottom: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav {
  padding: 50px 0 !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav a {
  margin-bottom: -2px !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav ul li a:hover {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav ul li.selected a {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav ul li::after {
  display: none;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #public-personal-li a {
  border-width: 2px 0px !important;
  border-color: transparent !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #public-personal-li a:hover {
  border-width: 2px 0px !important;
  border-color: #dbecf1 !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #edit-personal-li a {
  border-width: 2px 0px !important;
  border-color: transparent !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #edit-personal-li a:hover {
  border-width: 2px 0px !important;
  border-color: #dbecf1 !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #edit-personal-li.selected a {
  border-width: 2px 0px !important;
  border-color: #dbecf1 !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #change-avatar-personal-li a {
  border-width: 2px 0px !important;
  border-color: transparent !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #change-avatar-personal-li a:hover {
  border-width: 2px 0px !important;
  border-color: #dbecf1 !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #change-avatar-personal-li.selected a {
  border-width: 2px 0px !important;
  border-color: #dbecf1 !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #change-cover-image-personal-li a {
  border-width: 2px 0px !important;
  border-color: transparent !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #change-cover-image-personal-li a:hover {
  border-width: 2px 0px !important;
  border-color: #dbecf1 !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav #change-cover-image-personal-li.selected a {
  border-width: 2px 0px !important;
  border-color: #dbecf1 !important;
  border-style: solid !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content a {
  color: #dbecf1 !important;
  border: 2px solid #dbecf1 !important;
  padding: 15px 20px !important;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  text-transform: none !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%) !important;
  box-shadow: none;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-tables-user {
  background: transparent;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-tables-user tbody tr td {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-tables-user tbody tr td.label {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content button {
  color: #dbecf1;
  border-bottom: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content span {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content legend {
  color: #dbecf1 !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  color: #dbecf1 !important;
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content input[type=submit] {
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  height: auto;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content input[type=submit]:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  box-shadow: none;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .profile.edit #profile-edit-form button.field-visibility-settings-close.button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 15px 20px;
  color: #dbecf1;
  border-radius: 20px 0px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .profile.edit #profile-edit-form button.field-visibility-settings-close.button:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .profile.edit #profile-edit-form input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .profile.edit #profile-edit-form input:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-feedback.info {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-feedback.info .bp-icon {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
  border-right: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .avatar-nav-items {
  border-bottom: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .avatar-nav-items .avatar-nav-item.current {
  border: 0px;
  background: transparent;
  padding: 0px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .avatar-nav-items .avatar-nav-item.current > a {
  border: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%) !important;
  padding: 15px 20px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .avatar-nav-items .avatar-nav-item a {
  border: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  padding: 15px 20px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .avatar-nav-items li {
  margin-bottom: -2px;
  margin-right: -2px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar #drag-drop-area {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar #bp-browse-button {
  border-radius: 20px 0px;
  border: 2px solid #dbecf1;
  height: auto;
  padding: 15px 20px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar #bp-browse-button:hover {
  box-shadow: none;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar #avatar-to-crop {
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar .avatar-crop-management #avatar-crop-pane {
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar .avatar-crop-management #avatar-crop-actions button.button.avatar-crop-submit {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  height: auto;
  padding: 15px 20px;
  border-radius: 20px 0px;
  min-width: 150px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar .avatar-crop-management #avatar-crop-actions button.button.avatar-crop-submit:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  box-shadow: none;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar .avatar-crop-management #avatar-crop-actions a.avatar-crop-cancel {
  width: -moz-fit-content;
  width: fit-content;
  min-width: 150px;
  margin: 20px auto;
  line-height: normal;
  height: auto;
  border-radius: 20px 0px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar .avatar-webcam-capture {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 15px 20px;
  border-radius: 20px 0px;
  height: auto;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar .avatar-webcam-capture:hover {
  box-shadow: none;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar .avatar-webcam-save {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 15px 20px;
  border-radius: 20px 0px;
  height: auto;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar .avatar-webcam-save:hover {
  box-shadow: none;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar-status .warning {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-avatar-status #bp-avatar-feedback {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-progress .bp-bar {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content #bp-delete-avatar-container button#bp-delete-avatar {
  background: linear-gradient(121deg, rgba(181, 7, 129, 0.35) 0%, rgba(181, 7, 129, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 15px 20px;
  border-radius: 20px 0px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-cover-image #drag-drop-area {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-cover-image #drag-drop-area .drag-drop-buttons #bp-browse-button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  height: auto;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-cover-image #drag-drop-area .drag-drop-buttons #bp-browse-button:hover {
  box-shadow: none;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-cover-image-status .warning {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-cover-image-status .bp-uploader-progress #bp-cover-image-feedback {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-cover-image-status #bp-cover-image-feedback {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper .bp-profile-content .bp-cover-image-manage #bp-delete-cover-image {
  background: linear-gradient(121deg, rgba(181, 7, 129, 0.35) 0%, rgba(181, 7, 129, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 15px 20px;
  border-radius: 20px 0px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-profile-wrapper #subnav {
  background: transparent !important;
  border-right: 2px solid #dbecf1 !important;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  margin: 0px 20px;
  border: 2px solid #dbecf1;
  /* navigation lateral */
  /* informations de connexion*/
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bp-navs {
  background: transparent;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bp-navs li::after {
  display: none;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bp-navs .selected a {
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bp-navs a {
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bp-navs a:hover {
  border-top: 2px solid #dbecf1;
  border-bottom: 2px solid #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bp-navs li {
  margin-bottom: -2px;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content .standard-form input {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content #pass1 {
  background-image: none;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content .bp-feedback {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content .bp-feedback span {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
  border-right: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content #pass-strength-result {
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content #pass-strength-result.strong {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content #pass-strength-result.mismatch {
  background: linear-gradient(121deg, rgba(181, 7, 129, 0.35) 0%, rgba(181, 7, 129, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content #pass-strength-result.short {
  background: linear-gradient(121deg, rgba(181, 7, 129, 0.35) 0%, rgba(181, 7, 129, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content #submit {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  padding: 15px 20px;
  border-radius: 20px 0px;
  height: auto;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content #submit:hover {
  box-shadow: none;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content .notification-settings {
  border-top: 2px solid #dbecf1;
  border-radius: 0;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content .notification-settings thead th {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content .bp-tables-user {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content .bp-tables-user tr {
  background: transparent;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content .bp-tables-user #field_2_visibility {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content .bp-tables-user #field_2_visibility option {
  background: #dbecf1;
  color: #001858;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content table td {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile__body--inner .bp-settings-container .bb-bp-settings-content table th {
  background: transparent;
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile #bbpress-forums .bs-forums-items .bs-item-wrap {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  margin-bottom: -2px;
}
body.bp-user #buddypress .content-profile #bbpress-forums .bs-forums-items .bs-item-wrap .bs-forums-meta span {
  border-radius: 0;
  background: transparent !important;
}
body.bp-user #buddypress .content-profile #bbpress-forums .bs-forums-items .bs-item-wrap .bs-forums-meta a {
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile #bbpress-forums .bs-forums-items .bs-item-wrap .bs-forums-meta a:hover {
  color: #dbecf1 !important;
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%) !important;
  border: 2px solid #dbecf1;
  border-radius: 0;
}
body.bp-user #buddypress .content-profile #bbpress-forums .bs-forums-items .bs-reply-list-item {
  background: transparent;
}
body.bp-user #buddypress .content-profile #bbpress-forums #bbp-user-replies-created li {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  margin-bottom: -2px;
}
body.bp-user #buddypress .content-profile #bbpress-forums #bbp-user-replies-created li .bs-reply-list-item:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%) !important;
}
body.bp-user #buddypress .content-profile #bbpress-forums #bbp-user-replies-created li * {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile #bbpress-forums #bbp-user-replies-created li * a:hover {
  color: #001858;
}
body.bp-user #buddypress .content-profile #bbpress-forums #bbp-user-replies-created li * a span:hover {
  color: #001858;
}
body.bp-user #buddypress .content-profile #bbpress-forums #bbp-user-replies-created li .bs-dropdown-wrap-inner a i {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  margin-right: -2px;
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile #bbpress-forums #bbp-user-replies-created li .bs-dropdown-wrap-inner a i:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile #bbpress-forums #bbp-user-replies-created li ul {
  background: #dbecf1;
}
body.bp-user #buddypress .content-profile #bbpress-forums #bbp-user-replies-created li ul li span a {
  color: #001858;
  border-top: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
}
body.bp-user #buddypress .content-profile #bbpress-forums #bbp-user-replies-created li ul li span a:hover {
  color: #001858;
  border-top: 2px solid #001858 !important;
  border-bottom: 2px solid #001858 !important;
  background: #dbecf1;
}
body.bp-user #buddypress .content-profile h2 {
  color: #dbecf1;
  font-family: "Roboto";
  font-size: 25px;
}
body.bp-user #buddypress .content-profile div > aside {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%) !important;
  border: 2px solid #dbecf1 !important;
}
body.bp-user #buddypress .content-profile div > aside span {
  background: linear-gradient(110deg, rgba(19, 169, 172, 0.8) 0%, rgba(19, 169, 172, 0.2) 100%) !important;
  border-right: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile div > aside p {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  /* Header results */
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-section-heading {
  padding: 20px;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-section-heading h3 {
  color: #dbecf1;
  margin: 0px;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-section-heading .ld-item-list-actions .ld-search-prompt {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-radius: 20px 0px;
  padding: 15px 20px;
  line-height: inherit;
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-section-heading .ld-item-list-actions .ld-search-prompt span {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-section-heading .ld-item-list-actions .ld-expand-button {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border-radius: 20px 0px;
  padding: 15px 20px;
  line-height: inherit;
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-section-heading .ld-item-list-actions .ld-expand-button span {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  margin: 0px 20px 20px 20px !important;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item-preview span {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item-preview a {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item-preview .ld-item-details .ld-status .ld-status-progress .ld-primary-background {
  background-color: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item-preview .ld-item-details .ld-status-icon .ld-status-incomplete {
  background-color: transparent !important;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item-expanded .ld-progress {
  background: transparent;
  border-top: 2px solid #dbecf1;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item-expanded .ld-progress-label {
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item-expanded .ld-progress-stats .ld-progress-percentage .ld-secondary-color {
  color: #dbecf1 !important;
}
body.bp-user #buddypress .content-profile .learndash-wrapper #ld-profile .ld-item-list .ld-item-list-items .ld-item-list-item-expanded .ld-item-contents .ld-table-list-items span > * {
  color: #dbecf1 !important;
}
body.bp-user #buddypress .content-profile #form-register-final-exam .form-register-final-exam-single {
  margin-bottom: 50px;
  border-left: 2px solid #dbecf1;
  padding-left: 20px;
}
body.bp-user #buddypress .content-profile #form-register-final-exam .form-register-final-exam-single .form-register-final-exam-description {
  font-family: "Roboto";
  font-weight: bold;
  font-style: normal;
  font-size: 17px;
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile #form-register-final-exam .form-register-final-exam-single .form-register-final-exam-text {
  font-family: poppins, sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 15px;
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile #form-register-final-exam .form-register-final-exam-single .form-register-final-exam-closed {
  font-family: "Roboto";
  font-style: normal;
  font-size: 16px;
  color: #dbecf1;
}
body.bp-user #buddypress .content-profile #form-register-final-exam .form-register-final-exam-single select {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
  margin-top: 20px;
}
body.bp-user #buddypress .content-profile #form-register-final-exam .form-register-final-exam-single select option {
  background: #dbecf1;
  color: #001858;
}
body.bp-user #buddypress .content-profile #form-register-final-exam .form-register-final-exam-single select option:hover {
  background: #dbecf1;
  color: #001858;
}
body.bp-user #buddypress .content-profile #form-register-final-exam input[type=submit] {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
}
body.bp-user #buddypress .content-profile #form-register-final-exam input[type=submit]:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}

/* nav corps */
.buddypress-wrap .bp-subnavs li.current a,
.buddypress-wrap .bp-subnavs li.selected a {
  border-bottom: 2px solid #dbecf1;
}

/* page résultat */
.learndash-wrapper #ld-profile .ld-status.ld-status-progress {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
  color: #dbecf1;
}
.learndash-wrapper #ld-profile .ld-status-icon.ld-status-incomplete {
  background: transparent;
}
.learndash-wrapper #ld-profile .ld-icon.ld-icon-assignment {
  color: #dbecf1;
}
.learndash-wrapper .ld-progress .ld-progress-heading .ld-progress-stats .ld-progress-percentage {
  color: #dbecf1;
}

body #buddypress .content-profile .entry-header .select-wrap {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
}
body #buddypress .content-profile .entry-header .select-wrap:hover {
  box-shadow: none;
}
body #buddypress .content-profile .entry-header .select-wrap #notifications-filter-by {
  background-image: url(../img/arrow-down.svg);
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px;
}
body #buddypress .content-profile .entry-header .select-wrap #notifications-filter-by option {
  color: #001858;
  background: #dbecf1;
}
body #buddypress .content-profile #notifications-user-list #notifications-bulk-management {
  margin: 0px 20px;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
}
body #buddypress .content-profile #notifications-user-list #notifications-bulk-management ul li {
  background: transparent;
  border: 2px solid #dbecf1;
  margin-bottom: -2px;
}
body #buddypress .content-profile #notifications-user-list #notifications-bulk-management ul li .push-right {
  color: #dbecf1;
}
body #buddypress .content-profile #notifications-user-list #notifications-bulk-management ul li .push-right span:hover {
  color: #dbecf1;
}
body #buddypress .content-profile #notifications-user-list #notifications-bulk-management ul li .notification-content a {
  color: #dbecf1;
}
body #buddypress .content-profile #notifications-user-list #notifications-bulk-management ul li .notification-content a:hover {
  color: #001858;
}
body #buddypress .content-profile #notifications-user-list #notifications-bulk-management .select-wrap {
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  color: #dbecf1;
}
body #buddypress .content-profile #notifications-user-list #notifications-bulk-management .select-wrap:hover {
  box-shadow: none;
}
body #buddypress .content-profile #notifications-user-list #notifications-bulk-management .select-wrap option {
  color: #001858;
  background: #dbecf1;
}

.article * {
  color: #dbecf1 !important;
}
.article * a {
  color: #dbecf1;
}
.article * a:hover {
  color: #001858;
}
.article__header {
  padding: 0px 20px;
}
.article__photo {
  margin-bottom: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.article__photo--logo {
  width: 300px;
  height: 200px;
  background-image: url("../img/logo-blanc-es.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.article__photo--author {
  margin-top: 20px;
  border: 2px solid #dbecf1;
  border-radius: 50px;
}
.article__photo--author--name {
  font-family: "Roboto Condensed", Helvetica, Arial, Lucida, sans-serif !important;
  font-weight: bold !important;
  color: #dbecf1;
  margin-top: 20px;
  text-transform: capitalize;
}
.article__title {
  text-align: center;
}
.article__meta {
  margin-top: 10px;
  font-size: 0.9em;
  color: #dbecf1;
  text-align: center;
}
.article__body {
  margin-top: 20px;
}
.article__body figure img {
  border-radius: 50px 0px;
}
.article__footer {
  margin-top: 20px;
  font-size: 0.9em;
  color: #dbecf1;
}
.article__categories {
  display: inline-block;
  margin-right: 10px;
}

.pagination-post {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.pagination-post__prev, .pagination-post__next {
  flex: 1;
  text-align: left;
  display: flex;
  justify-content: flex-start;
}
.pagination-post__prev a, .pagination-post__next a {
  display: flex;
  align-items: center;
  padding: 10px;
  text-decoration: none;
  color: #dbecf1;
  background: linear-gradient(121deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.05) 100%);
  border: 2px solid #dbecf1;
  border-radius: 20px 0px;
  padding: 15px 20px;
  color: #dbecf1;
  font-family: "Roboto";
  height: auto;
  text-transform: initial;
  width: -moz-fit-content;
  width: fit-content;
}
.pagination-post__prev a:hover, .pagination-post__next a:hover {
  background: linear-gradient(121deg, rgba(19, 169, 172, 0.35) 0%, rgba(19, 169, 172, 0.05) 100%);
}
.pagination-post__prev a:hover, .pagination-post__next a:hover {
  color: #dbecf1;
}
.pagination-post__next {
  justify-content: flex-end;
}

.woocommerce-commande-recue .woocommerce-notice-end {
  display: none;
}

.thank-you-page-payment {
  text-align: left;
}

/* Footer Thème blanc */
.white-theme .main-footer {
  min-height: 400px;
  border-top: 2px solid black;
  margin-top: 75px;
}
.white-theme .main-footer__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 50px 20px;
}
@media only screen and (min-width: 480px) {
  .white-theme .main-footer__list {
    margin: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .white-theme .main-footer__list {
    margin: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .white-theme .main-footer__list {
    margin: 50px;
    flex-wrap: nowrap;
  }
}
.white-theme .main-footer__item {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 480px) {
  .white-theme .main-footer__item {
    width: 50%; /* 2 columns on tablet */
  }
  .white-theme .main-footer__item:first-child {
    width: 25%;
  }
  .white-theme .main-footer__item:nth-child(2) {
    width: 75%;
  }
}
@media only screen and (min-width: 768px) {
  .white-theme .main-footer__item {
    width: 50%; /* 2 columns on tablet */
  }
}
@media only screen and (min-width: 1024px) {
  .white-theme .main-footer__item {
    width: 25%; /* 4 columns on laptop */
    margin-bottom: 0px;
  }
  .white-theme .main-footer__item:nth-child(2) {
    width: 35%;
  }
  .white-theme .main-footer__item:nth-child(3), .white-theme .main-footer__item:nth-child(4) {
    width: 12.5%;
  }
}
.white-theme .main-footer__item--logo {
  background-image: url(../img/logo-couleur-es.svg);
  width: 195px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto 50px auto;
}
@media only screen and (min-width: 480px) {
  .white-theme .main-footer__item--logo {
    margin: 0px;
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 1024px) {
  .white-theme .main-footer__item--logo {
    margin: 0px;
    width: 195px;
    height: 100px;
  }
}
.white-theme .main-footer__item--text-middle {
  width: auto;
  color: black;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-align: justify;
}
@media only screen and (min-width: 480px) {
  .white-theme .main-footer__item--text-middle {
    text-align: left;
    margin: 0 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .white-theme .main-footer__item--text-middle {
    max-width: 400px;
    margin: 0px auto;
  }
}
.white-theme .main-footer__item--title {
  color: black;
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .white-theme .main-footer__item--title {
    text-align: left;
  }
}
.white-theme .main-footer__item--text {
  color: black;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  margin-bottom: 20px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .white-theme .main-footer__item--text {
    text-align: left;
  }
}
.white-theme .main-footer__item--text a {
  color: black;
}
.white-theme .main-footer__item--text a:hover {
  color: #13a9ac;
}
.white-theme .main-footer__item--social-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media only screen and (min-width: 480px) {
  .white-theme .main-footer__item--social-container {
    justify-content: flex-start;
  }
}
.white-theme .main-footer__item--social-container .fa-brands {
  font-size: 30px;
  color: #13a9ac;
  margin-right: 20px;
  cursor: pointer;
}
.white-theme .main-footer__item--social-container .fa-brands:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 2px 15px 0px;
  transition: all ease-in 0.2s;
}
.white-theme .main-footer__copyright {
  text-align: center;
  color: black;
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .white-theme .main-footer__copyright {
    padding-bottom: 0px;
  }
}
.white-theme .main-footer__copyright a {
  color: black;
}
.white-theme .main-footer__copyright a:hover {
  color: #13a9ac;
}

/* Footer Thème bleu */
.blue-theme .main-footer {
  min-height: 400px;
  border-top: 2px solid #dbecf1;
  margin-top: 75px;
}
.blue-theme .main-footer__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  margin: 50px 20px;
}
@media only screen and (min-width: 480px) {
  .blue-theme .main-footer__list {
    margin: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .blue-theme .main-footer__list {
    margin: 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .blue-theme .main-footer__list {
    margin: 50px;
    flex-wrap: nowrap;
  }
}
.blue-theme .main-footer__item {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 480px) {
  .blue-theme .main-footer__item {
    width: 50%; /* 2 columns on tablet */
  }
  .blue-theme .main-footer__item:first-child {
    width: 25%;
  }
  .blue-theme .main-footer__item:nth-child(2) {
    width: 75%;
  }
}
@media only screen and (min-width: 768px) {
  .blue-theme .main-footer__item {
    width: 50%; /* 2 columns on tablet */
  }
}
@media only screen and (min-width: 1024px) {
  .blue-theme .main-footer__item {
    width: 25%; /* 4 columns on laptop */
    margin-bottom: 0px;
  }
  .blue-theme .main-footer__item:nth-child(2) {
    width: 35%;
  }
  .blue-theme .main-footer__item:nth-child(3), .blue-theme .main-footer__item:nth-child(4) {
    width: 12.5%;
  }
}
.blue-theme .main-footer__item--logo {
  background-image: url(../img/logo-blanc-es.svg);
  width: 195px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  margin: 0 auto 50px auto;
}
@media only screen and (min-width: 480px) {
  .blue-theme .main-footer__item--logo {
    margin: 0px;
    width: 100px;
    height: 100px;
  }
}
@media only screen and (min-width: 1024px) {
  .blue-theme .main-footer__item--logo {
    margin: 0px;
    width: 195px;
    height: 100px;
  }
}
.blue-theme .main-footer__item--logo__col {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 1024px) {
  .blue-theme .main-footer__item--logo__col {
    flex-direction: row;
    margin: 20px 0px;
    justify-content: flex-start;
  }
}
.blue-theme .main-footer__item--logo__col .main-footer__logo--security {
  width: 195px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.blue-theme .main-footer__item--logo__col .main-footer__logo--security:first-child {
  background-image: url(../img/edtech.png);
}
.blue-theme .main-footer__item--logo__col .main-footer__logo--security:last-child {
  background-image: url(../img/pne-logo.png);
}
@media only screen and (min-width: 1024px) {
  .blue-theme .main-footer__item--logo__col .main-footer__logo--security {
    background-position: left;
  }
}
.blue-theme .main-footer__item--text-middle {
  width: auto;
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-align: justify;
}
@media only screen and (min-width: 480px) {
  .blue-theme .main-footer__item--text-middle {
    text-align: left;
    margin: 0 50px;
  }
}
@media only screen and (min-width: 1024px) {
  .blue-theme .main-footer__item--text-middle {
    max-width: 400px;
    margin: 0px 20px;
  }
}
.blue-theme .main-footer__item--title {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  text-align: center;
  margin-top: 20px;
}
@media only screen and (min-width: 480px) {
  .blue-theme .main-footer__item--title {
    text-align: left;
    margin-top: 0px;
  }
}
.blue-theme .main-footer__item--text {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  text-align: center;
  display: block;
}
@media only screen and (min-width: 480px) {
  .blue-theme .main-footer__item--text {
    text-align: left;
  }
}
.blue-theme .main-footer__item--text a {
  color: #dbecf1;
}
.blue-theme .main-footer__item--text a:hover {
  color: #13a9ac;
}
.blue-theme .main-footer__item--social-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
}
@media only screen and (min-width: 480px) {
  .blue-theme .main-footer__item--social-container {
    justify-content: flex-start;
  }
}
.blue-theme .main-footer__item--social-container .fa-brands {
  font-size: 30px;
  color: #dbecf1;
  margin-right: 20px;
  cursor: pointer;
}
.blue-theme .main-footer__item--social-container .fa-brands:hover {
  box-shadow: rgba(219, 236, 241, 0.2) 0px 2px 15px 0px;
  transition: all ease-in 0.2s;
}
.blue-theme .main-footer__copyright {
  text-align: center;
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 20px;
  padding-bottom: 20px;
}
@media only screen and (min-width: 1024px) {
  .blue-theme .main-footer__copyright {
    padding-bottom: 0px;
  }
}
.blue-theme .main-footer__copyright a {
  color: #dbecf1;
}
.blue-theme .main-footer__copyright a:hover {
  color: #13a9ac;
}

/* ne pas afficher le footer dans les cours */
.single-sfwd-courses .main-footer {
  display: none;
}

#es-soutien-technique {
  position: fixed;
  right: 20px;
  bottom: 40px;
}
@media only screen and (min-width: 480px) {
  #es-soutien-technique {
    right: 40px;
    bottom: 80px;
  }
}
#es-soutien-technique .es-join-us__btn {
  background: #13a9ac;
  width: 64px;
  height: 64px;
  padding: 0;
  border: 0;
  display: block;
  color: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#es-soutien-technique .es-join-us__btn::before {
  position: absolute;
  content: attr(data-title);
  width: auto;
  height: auto;
  padding: 10px;
  background-color: #13a9ac;
  font-size: 0.9rem;
  color: #fff;
  border-radius: 0.25em;
  bottom: 94px;
  border: 5px solid #fff;
}
#es-soutien-technique .es-join-us__btn::after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-top-color: #fff;
  left: calc(50% - 10px);
  bottom: calc(100% + 10px);
}
#es-soutien-technique .es-join-us__btn::after, #es-soutien-technique .es-join-us__btn::before {
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}
#es-soutien-technique .es-join-us__btn:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transform: scale(1.1);
}
#es-soutien-technique .es-join-us__btn:hover::after, #es-soutien-technique .es-join-us__btn:hover::before {
  opacity: 1;
  visibility: visible;
}
#es-soutien-technique .es-join-us__btn:hover::after {
  bottom: 65px;
}
#es-soutien-technique .es-join-us__btn:hover:before {
  bottom: 84px;
}
#es-soutien-technique .es-join-us__btn .es-icon__soutien-technique {
  background-image: url(../img/soutien-technique.svg);
  background-size: cover;
  height: 100%;
  width: 100%;
  display: block;
  font-size: 35px;
  line-height: 1;
}

#export-es-information {
  display: flex;
  flex-direction: column;
}
#export-es-information .line {
  border-top: 3px solid #bbb;
}
#export-es-information .form-row {
  display: inline-block;
}

.single-sfwd-essays .sfwd-essays .entry-content__container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 20px 0;
}
.single-sfwd-essays .sfwd-essays .entry-content__container--title {
  font-family: "roboto", sans-serif;
  color: #272932;
  font-size: 25px;
  margin-right: 20px;
  font-weight: bold;
  white-space: nowrap;
}
.single-sfwd-essays .sfwd-essays .entry-content__container--answer div {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  color: #272932;
}
.single-sfwd-essays .sfwd-essays .entry-content__container .essay-title {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  color: #272932;
  font-size: 20px;
}
.single-sfwd-essays .sfwd-essays .entry-content__container .essay-question {
  color: #dbecf1;
  font-family: roboto, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  color: #272932;
  font-size: 17px;
  margin: 20px 0;
}
.single-sfwd-essays .sfwd-essays .entry-content__container .essay-question span {
  font-size: 17px !important;
}
.single-sfwd-essays .sfwd-essays .entry-content__question {
  flex-direction: column;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz {
  margin: 0;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm {
  padding: 0px;
  border: none;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload {
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  color: #999;
  width: 100%;
  padding: 20px;
  border-radius: 15px;
  background: white;
  box-shadow: 0px 0px 16px -5px rgba(0, 0, 0, 0.13);
  margin: 20px 0;
  position: relative;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload:hover {
  border-color: #aaa;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .verification-modal {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  padding: 20px;
  transform: scale(0.8);
  transition: 0.3s;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .verification-modal__content {
  background-color: rgba(255, 255, 255, 0.4);
  border-radius: 10px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: start;
  justify-content: center;
  text-align: center;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .verification-modal__content > div:first-child {
  background-color: #FFF;
  border: 1px solid #13a9ac;
  border-radius: 10px;
  width: 100%;
  height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .verification-modal__content h4 {
  font-size: 16px;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .verification-modal__content .btns-cont {
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .verification-modal__content .btns-cont > div {
  margin: 0 8px;
  display: inline-block;
  text-align: center;
  min-width: 150px;
  border: 1px solid #13a9ac;
  border-radius: 10px;
  padding: 8px;
  cursor: pointer;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .verification-modal__content .btns-cont > div:hover {
  background-color: #13a9ac;
  color: #FFF;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .verification-modal.active {
  visibility: visible;
  z-index: 1;
  opacity: 1;
  transform: scale(1);
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .openUploadPopup {
  display: none;
  cursor: pointer;
  border-style: solid;
  background-color: #1c277c;
  color: white;
  border-width: 2px;
  border-radius: 13px 0px !important;
  border-color: #1c277c;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  margin-top: 10px;
  height: auto;
  padding: 10px 16px;
  max-width: auto;
  float: right;
  transition: 0.3s;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .openUploadPopup:hover {
  color: #1c277c;
  background-color: white;
  transition: all 0.3s ease-in-out;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .drop-area {
  width: 100%;
  height: 130px;
  text-align: center;
  font-size: 18px;
  padding: 20px;
  color: #dbecf1;
  transition: 0.3s;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #13a9ac;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .drop-area__txt-cont {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  border: 2px dashed #dbecf1;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .drop-area:hover {
  transform: scale(1.02);
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .drop-area.active {
  color: #13a9ac;
  border: 2px dashed #13a9ac;
  transform: scale(1.02);
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .drop-area.disabled {
  pointer-events: none;
  height: 60px;
  line-height: 50px;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .file-list {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .file-list li {
  margin-bottom: 10px;
  margin-top: 10px;
  font-size: 16px;
  padding: 12px;
  border: 2px solid rgba(140, 140, 140, 0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .file-list li:first-child {
  margin-top: 20px;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .file-list li > div:last-child {
  padding: 5px 10px;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .file-list li > div.delete {
  cursor: pointer;
  transition: 0.2s;
  color: #B50781;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .file-list li > div.delete:hover {
  transform: scale(1.1);
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .file-list li > div.delete.disabled {
  opacity: 0.3;
  color: rgba(140, 140, 140, 0.1);
  pointer-events: none;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .file-list li[disabled=disabled] {
  pointer-events: none;
  opacity: 0.3;
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .file-list.uploading::after {
  content: "Uploading...";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFF;
  padding: 20px 60px;
  border-radius: 10px;
  box-shadow: 0px 0px 14px 2px rgba(0, 0, 0, 0.2);
}
.single-sfwd-essays .sfwd-essays .entry-content .wpProQuiz_quiz form.uploadEssayForm .file-upload .uploadEssayFinal {
  display: none;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file {
  position: relative;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete {
  position: absolute;
  top: 0px;
  right: 0px;
  display: flex;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete .delete-confirmation-tooltip {
  opacity: 0;
  visibility: hidden;
  z-index: -1;
  transform: translateX(60px);
  transition: 0.3s;
  color: #272932;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete .delete-confirmation-tooltip .confirm, .single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete .delete-confirmation-tooltip .cancel {
  font-weight: bold;
  display: inline-block;
  margin: 0 4px;
  cursor: pointer;
  border: 1px solid transparent;
  padding: 0px 6px;
  border-radius: 5px;
  color: #272932;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete .delete-confirmation-tooltip .confirm {
  color: red;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete .delete-confirmation-tooltip .confirm:hover {
  background-color: red;
  color: #dbecf1;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete .delete-confirmation-tooltip .cancel:hover {
  background-color: #272932;
  color: #dbecf1;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete > i {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-left: 10px;
  padding: 10px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.3);
  transition: 0.2s;
  color: #B50781;
  cursor: pointer;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete > i:hover {
  color: #B50781;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete.active .delete-confirmation-tooltip {
  opacity: 1;
  visibility: visible;
  z-index: 1;
  transform: translateX(0px);
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.single-sfwd-essays .sfwd-essays .entry-content .essay-uploaded-file .delete.off i {
  opacity: 0.5;
  cursor: no-drop;
}
.single-sfwd-essays .comments-title {
  display: none;
}
.single-sfwd-essays .ld-approval-action {
  margin: 20px 0;
}
.single-sfwd-essays .ld-approval-action button {
  padding: 8px 28px;
  border-style: solid;
  background-color: #13a9ac !important;
  color: white !important;
  border-width: 2px;
  border-radius: 18px 0px !important;
  border-color: #13a9ac;
  border: 2px solid #13a9ac !important;
  text-transform: uppercase;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration-style: solid;
  font-weight: 600;
  cursor: pointer;
  line-height: inherit;
  height: auto;
}
.single-sfwd-essays .ld-approval-action button:hover {
  color: #13a9ac !important;
  background-color: white !important;
  transition: all 0.3s ease-in-out;
  box-shadow: none !important;
}

@media only screen and (min-width: 1200px) {
  .single-sfwd-essays .sfwd-essays form.uploadEssayForm .file-upload .drop-area {
    font-size: 24px;
  }
}
.single-sfwd-quiz .astuce_remarque {
  padding: 25px 50px;
  margin: 50px 0px;
  border-radius: 50px 0px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  position: relative;
  overflow: hidden;
  min-height: 250px;
  display: flex;
  align-items: center;
  border: 2px solid #EB5C79;
}
.single-sfwd-quiz .astuce_remarque::before {
  content: "";
  width: 300px;
  height: auto;
  min-height: 300px;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  top: -150px;
  left: -145px;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
}
.single-sfwd-quiz .astuce_remarque::after {
  content: "";
  width: 300px;
  height: auto;
  min-height: 300px;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  bottom: -150px;
  right: -145px;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
  transform: rotate(180deg);
}
.single-sfwd-quiz .astuce_remarque div {
  position: relative;
  z-index: 1;
}
.single-sfwd-quiz .astuce_remarque::before {
  background-image: url(../img/divers_astuce.svg);
}
.single-sfwd-quiz .astuce_remarque::after {
  background-image: url(../img/divers_astuce.svg);
}
.single-sfwd-quiz .remarque {
  margin-bottom: -40px;
  text-align: end;
  position: relative;
  z-index: 2;
}
.single-sfwd-quiz .remarque img {
  width: 150px;
}
.single-sfwd-quiz .astuce_divers {
  padding: 25px 50px;
  margin: 50px 0px;
  border-radius: 50px 0px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  position: relative;
  overflow: hidden;
  min-height: 250px;
  display: flex;
  align-items: center;
  border: 2px solid #13a9ac;
}
.single-sfwd-quiz .astuce_divers::before {
  content: "";
  width: 300px;
  height: auto;
  min-height: 300px;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  top: -150px;
  left: -145px;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
}
.single-sfwd-quiz .astuce_divers::after {
  content: "";
  width: 300px;
  height: auto;
  min-height: 300px;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  bottom: -150px;
  right: -145px;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
  transform: rotate(180deg);
}
.single-sfwd-quiz .astuce_divers div {
  position: relative;
  z-index: 1;
}
.single-sfwd-quiz .astuce_divers::before {
  background-image: url(../img/remarque_astuce.svg);
}
.single-sfwd-quiz .astuce_divers::after {
  background-image: url(../img/remarque_astuce.svg);
}
.single-sfwd-quiz .divers {
  margin-bottom: -40px;
  text-align: end;
  position: relative;
  z-index: 2;
}
.single-sfwd-quiz .divers img {
  width: 150px;
}
.single-sfwd-quiz .astuce_rappel {
  padding: 25px 50px;
  margin: 50px 0px;
  border-radius: 50px 0px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  position: relative;
  overflow: hidden;
  min-height: 250px;
  display: flex;
  align-items: center;
  border: 2px solid #1c277c;
}
.single-sfwd-quiz .astuce_rappel::before {
  content: "";
  width: 300px;
  height: auto;
  min-height: 300px;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  top: -150px;
  left: -145px;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
}
.single-sfwd-quiz .astuce_rappel::after {
  content: "";
  width: 300px;
  height: auto;
  min-height: 300px;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  bottom: -150px;
  right: -145px;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
  transform: rotate(180deg);
}
.single-sfwd-quiz .astuce_rappel div {
  position: relative;
  z-index: 1;
}
.single-sfwd-quiz .astuce_rappel::before {
  background-image: url(../img/rappel_astuce.svg);
}
.single-sfwd-quiz .astuce_rappel::after {
  background-image: url(../img/rappel_astuce.svg);
}
.single-sfwd-quiz .rappel {
  margin-bottom: -40px;
  text-align: end;
  position: relative;
  z-index: 2;
}
.single-sfwd-quiz .rappel img {
  width: 150px;
}
.single-sfwd-quiz .astuce_ruse {
  padding: 25px 50px;
  margin: 50px 0px;
  border-radius: 50px 0px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  position: relative;
  overflow: hidden;
  min-height: 250px;
  display: flex;
  align-items: center;
  border: 2px solid #B50781;
}
.single-sfwd-quiz .astuce_ruse::before {
  content: "";
  width: 300px;
  height: auto;
  min-height: 300px;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  top: -150px;
  left: -145px;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
}
.single-sfwd-quiz .astuce_ruse::after {
  content: "";
  width: 300px;
  height: auto;
  min-height: 300px;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  bottom: -150px;
  right: -145px;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
  transform: rotate(180deg);
}
.single-sfwd-quiz .astuce_ruse div {
  position: relative;
  z-index: 1;
}
.single-sfwd-quiz .astuce_ruse::before {
  background-image: url(../img/ruse_astuce.svg);
}
.single-sfwd-quiz .astuce_ruse::after {
  background-image: url(../img/ruse_astuce.svg);
}
.single-sfwd-quiz .ruse {
  margin-bottom: -40px;
  text-align: end;
  position: relative;
  z-index: 2;
}
.single-sfwd-quiz .ruse img {
  width: 150px;
}
.single-sfwd-quiz .astuce_oic {
  padding: 25px 50px;
  margin: 50px 0px;
  border-radius: 50px 0px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
  position: relative;
  overflow: hidden;
  min-height: 250px;
  display: flex;
  align-items: center;
  border: 2px solid #66cb80;
}
.single-sfwd-quiz .astuce_oic::before {
  content: "";
  width: 300px;
  height: auto;
  min-height: 300px;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  top: -150px;
  left: -145px;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
}
.single-sfwd-quiz .astuce_oic::after {
  content: "";
  width: 300px;
  height: auto;
  min-height: 300px;
  background-size: contain;
  position: absolute;
  overflow: hidden;
  bottom: -150px;
  right: -145px;
  background-repeat: no-repeat;
  z-index: 0;
  opacity: 0.1;
  transform: rotate(180deg);
}
.single-sfwd-quiz .astuce_oic div {
  position: relative;
  z-index: 1;
}
.single-sfwd-quiz .astuce_oic::before {
  background-image: url(../img/oic_astuce.svg);
}
.single-sfwd-quiz .astuce_oic::after {
  background-image: url(../img/oic_astuce.svg);
}
.single-sfwd-quiz .oic {
  margin-bottom: -40px;
  text-align: end;
  position: relative;
  z-index: 2;
}
.single-sfwd-quiz .oic img {
  width: 150px;
}

.single-sfwd-quiz #learndash-content .wp-block-group {
  margin: 30px 0 50px 0;
}
.single-sfwd-quiz #learndash-content .wp-block-columns {
  margin: 20px 0px;
}
.single-sfwd-quiz #learndash-content .is-layout-flex {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.single-sfwd-quiz #learndash-content .is-layout-flex div p {
  margin: 0px 40px;
}
.single-sfwd-quiz #learndash-content .is-layout-flex .wp-block-group {
  margin: 10px 0px;
}
.single-sfwd-quiz #learndash-content .is-layout-flex .wp-block-group h1, .single-sfwd-quiz #learndash-content .is-layout-flex .wp-block-group h2, .single-sfwd-quiz #learndash-content .is-layout-flex .wp-block-group h3, .single-sfwd-quiz #learndash-content .is-layout-flex .wp-block-group p {
  margin: 0px 20px;
}
.single-sfwd-quiz #learndash-content .lecture {
  gap: initial;
}
.single-sfwd-quiz #learndash-content .lecture div h1, .single-sfwd-quiz #learndash-content .lecture div h2, .single-sfwd-quiz #learndash-content .lecture div h3, .single-sfwd-quiz #learndash-content .lecture div p {
  margin: 10px 0px;
}
.single-sfwd-quiz #learndash-content .lecture div h1 mark strong, .single-sfwd-quiz #learndash-content .lecture div h2 mark strong, .single-sfwd-quiz #learndash-content .lecture div h3 mark strong, .single-sfwd-quiz #learndash-content .lecture div p mark strong {
  color: inherit;
}

.single-sfwd-quiz #learndash-content .wp-block-group .encadre {
  padding: 10px 20px;
  background: #13a9ac;
  border: 2px solid #272932;
  color: #dbecf1;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 20px auto;
}
.single-sfwd-quiz #learndash-content .wp-block-group .encadre strong {
  color: white;
}
.single-sfwd-quiz #learndash-content .wp-block-group .alignfull.encadre {
  width: auto;
}
.single-sfwd-quiz #learndash-content .encadre-vert {
  padding: 10px 20px;
  border: 2px solid #13a9ac;
  text-align: center;
  margin: 20px auto;
}

.single-sfwd-quiz #learndash-content .wp-block-group .table_normal table {
  border: 1px solid #272932;
  text-align: center;
  margin: 20px 0px;
  overflow-x: auto;
  border-radius: 0px;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_normal td {
  border: 1px solid #272932;
  font-family: Verdana;
  font-size: 12px;
  padding: 0.5rem;
  vertical-align: middle;
  color: #272932;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_normal tr:last-child td:first-child {
  border-radius: 0px;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_normal tr:last-child td:last-child {
  border-radius: 0px;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_vertical table {
  border: 1px solid #272932;
  text-align: center;
  margin: 20px 0px;
  overflow-x: auto;
  border-radius: 0px;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_vertical tr:first-child td {
  border: 1px solid #272932;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  background: #13a9ac;
  color: white;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_vertical td {
  border: 1px solid #272932;
  font-family: Verdana;
  font-size: 12px;
  padding: 0.5rem;
  vertical-align: middle;
  color: #272932;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_vertical tr:last-child td:first-child {
  border-radius: 0px;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_vertical tr:last-child td:last-child {
  border-radius: 0px;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_horizontal table {
  border: 1px solid #272932;
  text-align: center;
  margin: 20px 0px;
  overflow-x: auto;
  border-radius: 0px;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_horizontal td:first-child {
  border: 1px solid #272932;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
  background: #13a9ac;
  color: white;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_horizontal td {
  border: 1px solid #272932;
  font-family: Verdana;
  font-size: 12px;
  padding: 0.5rem;
  vertical-align: middle;
  color: #272932;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_horizontal tr:last-child td:first-child {
  border-radius: 0px;
}
.single-sfwd-quiz #learndash-content .wp-block-group .table_horizontal tr:last-child td:last-child {
  border-radius: 0px;
}

.single-sfwd-quiz figure {
  margin: 20px 0px;
}
.single-sfwd-quiz .arrow img {
  margin: 0px 20px;
  width: 50px;
  height: 50px;
  min-width: 50px;
}
.single-sfwd-quiz .down img {
  margin: 0px 20px;
  rotate: 90deg;
  width: 50px;
  height: 50px;
  min-width: 50px;
}
.single-sfwd-quiz .up img {
  margin: 0px 20px;
  rotate: -90deg;
  width: 50px;
  height: 50px;
  min-width: 50px;
}