/*@main-color: #0375B3;*/
/*@main-alternative-color2: #008ED8;*/
/*@main-button-color: #0075B2;*/
/*@main-border-button-color: #005cbf;*/
/*@light-main-color: #007bff;*/
/*@light-main-color2: #0097AA;*/
/*@main-link-alternative-color: #00717c;*/
/*@main-button-FH-alternative-color: #0AB8CD;*/
/*@active-button-background: #0062cc;*/
/*@active-border-button: #005cbf;*/
/*@placeholder-main-color: #024264;*/
/* react-alice-carousel */
@import "react-datepicker.css";
@import "react-draft-wysiwig.css";
.alice-carousel {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  margin: auto;
}
.alice-carousel__wrapper {
  position: relative;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
}
.alice-carousel__stage {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  box-sizing: border-box;
}
.alice-carousel__stage-item {
  width: 100%;
  height: 100%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  line-height: 0;
}
.alice-carousel__stage-item * {
  line-height: initial;
}
.alice-carousel__stage-item.__cloned {
  opacity: 0;
  visibility: hidden;
}
.alice-carousel__stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.alice-carousel__next-btn,
.alice-carousel__prev-btn {
  display: inline-block;
  width: 50%;
  padding: 15px 10px;
  box-sizing: border-box;
}
.alice-carousel__next-btn [data-area]::after,
.alice-carousel__prev-btn [data-area]::after {
  content: attr(data-area);
  position: relative;
  text-transform: capitalize;
}
.alice-carousel__prev-btn {
  text-align: right;
}
.alice-carousel__next-btn-item,
.alice-carousel__prev-btn-item {
  display: inline-block;
  color: #465798;
  cursor: pointer;
}
.alice-carousel__next-btn-item:hover,
.alice-carousel__prev-btn-item:hover {
  color: #8b0000;
}
.alice-carousel__next-btn-item.__inactive,
.alice-carousel__prev-btn-item.__inactive {
  opacity: 0.4;
}
.alice-carousel__play-btn {
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 20px;
}
.alice-carousel__play-btn:hover {
  cursor: pointer;
}
.alice-carousel__play-btn-wrapper {
  position: relative;
  background-color: #fff;
  padding: 10px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
}
.alice-carousel__play-btn-item {
  cursor: pointer;
  position: absolute;
  background: 0 0;
  width: 32px;
  height: 32px;
  outline: 0;
  border: 0;
}
.alice-carousel__play-btn-item::after,
.alice-carousel__play-btn-item::before {
  content: '';
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  border-style: solid;
  border-color: transparent;
  border-width: 8px 0 8px 15px;
  border-left-color: #465798;
  transition: all 0.3s linear;
}
.alice-carousel__play-btn-item::before {
  height: 14px;
  left: 5px;
}
.alice-carousel__play-btn-item::after {
  left: 18px;
  top: 7px;
}
.alice-carousel__play-btn-item.__pause::after,
.alice-carousel__play-btn-item.__pause::before {
  border-width: 0 0 0 10px;
  height: 30px;
}
.alice-carousel__play-btn-item.__pause::after {
  left: 18px;
  top: 0;
}
.alice-carousel__dots {
  margin: 30px 0 5px;
  text-align: center;
  list-style: none;
  padding: 0;
}
.alice-carousel__dots-item {
  display: inline-block;
  width: 8px;
  height: 8px;
  cursor: pointer;
  border-radius: 50%;
  background-color: #e0e4fb;
}
.alice-carousel__dots-item:not(:last-child) {
  margin-right: 15px;
}
.alice-carousel__dots-item.__active,
.alice-carousel__dots-item:hover {
  background-color: #6e7ebc;
}
.alice-carousel__slide-info {
  display: inline-block;
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 5px 10px;
  color: #465798;
  border-radius: 5px;
  background-color: rgba(224, 228, 251, 0.6);
}
.alice-carousel__slide-info-item {
  line-height: 0;
  vertical-align: middle;
}
.alice-carousel .animated {
  animation-fill-mode: both;
}
.alice-carousel .animated-out {
  z-index: 1;
}
.alice-carousel .fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
  }
}
/* Our CSS */
*,
*:before,
*:after {
  box-sizing: inherit;
}
html {
  padding: 0;
  margin: 0;
  height: 100%;
  box-sizing: border-box;
  font-size: 16px!important;
}
body {
  /*position: relative;*/
  margin: 0;
  /*padding-bottom: 180px;*/
  min-height: 100%;
  font-family: "Roboto Light", sans-serif;
}
header {
  background-color: #CCCCCC;
}
.ElemAjaxWaitMask {
  position: absolute;
  z-index: 1;
  width: 1px;
  height: 1px;
  display: none!important;
}
.dashboard {
  padding: 0 40px;
}
/* UTILS */
.pull-right {
  float: right;
}
.status {
  color: #FF0000;
}
.modal {
  display: none;
}
.hidden {
  display: none;
}
.col-no-padding {
  padding: 0!important;
}
.btn-primary {
  background-color: #133974;
  border-color: #133974;
}
.btn-primary:hover,
.btn-primary:active {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}
.hr-degraded {
  height: 5px;
  border: 0px;
  background: #f8f8f8;
  /* Old browsers */
  background: -moz-linear-gradient(left, #f8f8f8 1%, #dcdbd7 50%, #f8f8f8 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #f8f8f8 1%, #dcdbd7 50%, #f8f8f8 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #f8f8f8 1%, #dcdbd7 50%, #f8f8f8 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#f8f8f8', GradientType=1);
  /* IE6-9 */
}
.vertical-align-content {
  display: flex;
  align-items: center;
}
.blue {
  color: #0075B2;
}
.lightblue {
  color: #1E9AAE;
}
.blueBackground {
  background-color: #133974;
  color: #FFFFFF;
}
button:focus {
  outline: 0!important;
  box-shadow: 1px 1px 5px #00000045 !important;
}
/* UTILS */
/* NAVBAR */
.navbar {
  padding: 0 0 0.5rem 0;
}
.navbar_catalog {
  padding: 0;
  width: 100%;
  background: #FFFFFF;
  /*position: absolute;*/
  position: fixed;
  top: 0;
  z-index: 100;
}
.catalog_page:not(.navbar-collasped) {
  margin-top: 14rem;
}
.thematicHome {
  width: 210px;
  height: 55px;
  /*box-shadow: inset -1px 1px 5px 0px grey;*/
}
.forFormationBlock .alice-carousel__stage-item.__active {
  width: auto !important;
  margin-right: 1rem;
}
.filterClose {
  padding-top: 10vh !important;
}
.navBar_maskFilter {
  text-align: center;
  margin-top: -15px;
  box-shadow: 0px 2px 2px #00000045;
  height: 32px;
  cursor: pointer;
  transition: background-color 0.25s;
}
.navBar_maskFilter > .icon-fleche_haut {
  border-bottom: 1px solid #212529;
  font-size: 19px;
  transition: all 0.15s;
}
.toggleCatalogNavBar.inversed {
  transform: scaleX(-1);
}
body.isMobile .navbar_catalog {
  position: initial;
}
body.isMobile .catalog_page {
  margin-top: 0;
}
.navbar_public {
  padding: 0;
  width: 100%;
  background: transparent;
  position: absolute;
}
.navbar-brand {
  padding-top: 0;
  display: flex;
}
.navbar-nav {
  display: inline-block;
  height: 50px;
}
.navbar-nav A {
  color: #CCCCCC;
  text-decoration: none;
  padding: 0.5rem;
}
.connected,
.not_connected {
  text-align: right;
}
#enterPlatformBtn,
#loginBtn,
.linkToBtn {
  border-radius: 20px;
  background-color: #133974;
  padding: 0.375rem 2rem;
  margin-top: 0.5rem;
  box-shadow: 1px 1px 5px #00000045;
  color: #FFFFFF;
}
.navbar .linkToBtn {
  border-radius: 20px;
  background-color: #133974;
  padding: 0.375rem 1rem;
  margin-top: 0.5rem;
  box-shadow: 1px 1px 5px #00000045;
  color: #FFFFFF;
}
@media all and (max-width: 1350px) {
  .navbar .linkToBtn {
    font-size: 0.8em;
  }
  #customDropdown {
    font-size: 0.7em;
  }
  .navbar-brand {
    margin-right: 0;
  }
  .module_header_btn_container {
    padding-right: 10px !important;
  }
}
@media all and (max-width: 1170px) {
  .navbar .linkToBtn {
    font-size: 0.7em;
  }
  #customDropdown {
    font-size: 0.6em;
  }
}
@media all and (max-width: 991px) {
  .navbar .linkToBtn {
    font-size: 1em;
  }
  #customDropdown {
    font-size: 1em;
  }
}
#loginBtn,
#enterPlatformBtn {
  margin-right: 1rem;
  color: #FFFFFF;
  padding: 0.8rem 2rem;
  display: inline-block;
}
#openHelpModal {
  cursor: pointer;
  color: #FFFFFF;
  font-size: 30px;
  vertical-align: middle;
  margin-top: 20px;
}
#enterPlatformBtn:hover,
#loginBtn:hover,
.linkToBtn:hover {
  background-color: #FFFFFF;
  color: #133974;
}
.finished_formations_show_all {
  background-color: #404040 !important;
  border: none;
}
.finished_formations_show_all:hover {
  color: #404040 !important;
  background-color: #FFFFFF !important;
  border: none;
}
.linkToBtn.active {
  background-color: #FFFFFF !important;
  color: #133974 !important;
  border-color: #C4BBB8 !important;
}
.linkToBtn.deleted {
  background-color: #CCCCCC !important;
  color: #133974 !important;
  border-color: #C4BBB8 !important;
}
#enterPlatformBtn:active,
#loginBtn:active,
.linkToBtn:active {
  background-color: #FFFFFF;
  color: #133974;
  border-color: #C4BBB8;
}
#enterPlatformBtn,
#loginBtn {
  height: 3rem;
  border-radius: 25px;
}
#enterPlatformBtn SPAN,
#loginBtn SPAN {
  text-transform: uppercase;
  font-weight: 700;
}
.enseigne_logo {
  /*position: absolute;
    padding-left: 0.3rem;*/
  background-color: #133974;
  padding: 0.6rem;
  height: 70px;
  position: relative;
}
.enseigne_logo IMG {
  height: 50px;
}
.navbar_wave svg {
  /*width: 200px;*/
  height: 70px;
  fill: #133974;
}
.navbar_wave i {
  position: relative;
  left: -95px;
}
.navbar_wave_connected svg {
  /*width: 200px;*/
  height: 70px;
  fill: #133974;
  transform: rotateY(180deg);
  float: right;
}
.navbar_wave_connected i {
  position: relative;
  left: 90px;
  top: 15px;
}
.navbar-collapse {
  padding-bottom: 5px;
}
.navbar_connected .navbar-light .navbar-toggler-icon {
  background-image: url(../img/burger_menu_2_focus.png) !important;
}
#customDropdown {
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 25px;
  background-color: #133974;
  padding: 0.7rem 2rem;
  margin-top: 0.5rem;
  box-shadow: 1px 1px 5px #00000045;
  color: #FFFFFF;
  padding-top: 12px;
  text-align: center;
}
#customDropdown:hover {
  background-color: #FFFFFF;
  color: #133974;
}
.connected .dropdown A {
  color: #000000;
}
.connected .dropdown A:active {
  background-color: #7E0C2C !important;
}
/* NAVBAR */
/* FOOTER */
.footer {
  background-color: #4E394A;
  font-size: 20px;
  font-weight: bold;
  color: #E6E3DE;
  border-top: 1px solid #E7E7E7;
  text-align: center;
  padding: 20px;
  width: 100%;
  /*bottom: 0;
    left: 0;
    position: absolute;*/
}
.btn-circle-footer {
  border-radius: 50%;
  box-shadow: 1px 1px 5px #000;
  background-color: #E07211;
  color: #FFFFFF;
  font-size: 1.5rem;
  font-weight: bold;
  width: 10rem;
  height: 10rem;
  padding-top: 0.75rem;
  cursor: pointer;
}
.btn-circle-footer a:hover {
  text-decoration: none;
}
.btn-circle-footer:hover {
  box-shadow: inset 1px 1px 5px #000;
}
.btn-circle-footer:hover a {
  color: #E6E3DE !important;
}
/* FOOTER */
/* CATALOG */
.formations_list_config {
  width: 100%;
  padding: 20px;
}
.formation-badge {
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  /*margin-left:0.1em;*/
  color: #FFFFFF;
  text-align: center;
  background-color: #133974;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 30px;
  font-size: 0.8em;
  font-size-adjust: 0.58;
  text-transform: uppercase;
  width: 60%;
}
.formation-badge.not_display {
  background-color: transparent;
  box-shadow: 0px 0px 0px transparent;
}
.vertical-align-content {
  display: flex;
  align-items: center;
}
.formation_card {
  height: 13rem;
  border-top: 0px;
  border-radius: 0px;
  width: 23rem;
  box-shadow: 2px 2px 5px #00000045;
}
.formation_card .card-title {
  font-size: 1em;
  text-transform: uppercase;
  color: #000 !important;
}
.formation_card .card-title a {
  color: #000 !important;
}
.formationBlock:focus {
  outline: none !important;
}
.formation_card .card-body {
  position: absolute;
  bottom: -0.3rem;
  padding-top: 0.7em;
  padding-bottom: 0.3em;
  background-color: rgba(255, 255, 255, 0.9);
  background: -moz-linear-gradient(top, #FFFFFF 1%, rgba(255, 255, 255, 0.5) 50%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #FFFFFF 1%, rgba(255, 255, 255, 0.5) 50%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to top, #FFFFFF 1%, rgba(255, 255, 255, 0.8) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=rgba(255, 255, 255, 0.5), GradientType=1);
  /* IE6-9 */
  padding-left: 0.8em;
  padding-right: 0.8em;
  /*border-top-left-radius: 10px;
    border-top-right-radius: 10px;*/
  text-align: left;
  width: 100%;
  /*height: 5.5rem;*/
  /*border-top-left-radius: 15px;
    border-top-right-radius: 15px;*/
}
.formation_card .card-img-top {
  border-radius: 0px;
}
.formation_card .card-title {
  font-weight: 500;
  font-family: Roboto;
  text-align: left;
  font-size: 0.85rem;
}
.thematique_block {
  padding-bottom: 2vh;
  padding-top: 5vh;
  background-color: #F0F0F0;
  /*overflow:hidden;*/
  /*padding-left:3em;
    padding-right:3em;*/
}
.hr-degraded {
  /*margin-top: 8vh;*/
  height: 5px;
  border: 0px;
  background: #f8f8f8;
  /* Old browsers */
  background: -moz-linear-gradient(left, #F0F0F0 1%, #dcdbd7 50%, #F0F0F0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #F0F0F0 1%, #dcdbd7 50%, #F0F0F0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #F0F0F0 1%, #dcdbd7 50%, #F0F0F0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F0F0F0, endColorstr=#F0F0F0, GradientType=1);
  /* IE6-9 */
}
.thematique_block:last-child .hr-degraded {
  display: none;
}
.thematique_block:last-child {
  padding-bottom: 8vh;
}
.carousel-btn-prev {
  border: 0;
  width: 4em;
  color: #FFFFFF;
  height: 13rem;
  position: absolute;
  top: 4rem;
  /*left: -3em;*/
  background-color: dimgrey;
  background: -moz-linear-gradient(right, dimgrey 1%, rgba(95, 95, 95, 0.4) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(right, dimgrey 1%, rgba(95, 95, 95, 0.4) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, dimgrey 1%, rgba(95, 95, 95, 0.4) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  display: inline-block;
  opacity: 0.1;
  transition: all 0.5s ease-in-out;
}
.carousel-btn-next {
  border: 0;
  color: #FFFFFF;
  width: 4em;
  height: 13rem;
  position: absolute;
  top: 4rem;
  right: 0em;
  background: -moz-linear-gradient(left, dimgrey 1%, rgba(95, 95, 95, 0.4) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, dimgrey 1%, rgba(95, 95, 95, 0.4) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to left, dimgrey 1%, rgba(95, 95, 95, 0.4) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  display: inline-block;
  opacity: 0.1;
  transition: all 0.5s ease-in-out;
}
.formations_page .formations_list.myFormationsList .carousel-btn-prev,
.formations_page .formations_list.myFormationsList .carousel-btn-next {
  top: 7.5rem;
}
.formations_list:hover .carousel-btn-next,
.formations_list:hover .carousel-btn-prev {
  opacity: 1;
  z-index: 2;
}
.carousel-container {
  width: 100%;
  display: inline-block;
}
.col-no-padding {
  padding: 0!important;
}
.alice-carousel__stage li {
  text-align: center;
}
.alice-carousel__stage li > div {
  width: 25rem;
  margin: auto;
  margin-top: 2rem;
}
.btn-primary {
  background-color: #133974;
  border-color: #133974;
}
.btn-primary:hover,
.btn-primary:active {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #133974;
}
.btn-primary:not(:disabled):not(.disabled):active {
  background-color: #C4BBB8 !important;
  border-color: #133974 !important;
}
.thematique_show_all {
  font-size: 0.9em;
}
.img_user_community_chat {
  width: 40px;
}
.hero_search {
  margin: auto;
  margin-top: 6vh;
  width: 45rem;
  text-align: center;
  display: flex;
}
.hero_search input {
  width: 100%;
}
.marginTC {
  margin-top: 0.5rem;
}
/*.testBtnSubscription {
    position:absolute;
    top:25%;
    left:33%;
}*/
#heroContainer {
  /*padding: 70px;*/
  text-transform: uppercase;
}
#catalogTitle {
  font-weight: lighter;
}
#catalogSubtitle {
  font-weight: bold;
}
.bg-red {
  background-color: #133974;
  color: white;
  height: 2.5em;
  padding-top: 0.5em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
/*.FormationImg {
  height: 15em;
  margin: 0;
}*/
.MostViewed {
  margin: 0!important;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.FormBlockTop {
  height: 2.5em;
  margin-bottom: 0!important;
  padding-left: 0!important;
  padding-right: 0!important;
}
.formationBlock p {
  margin: 0;
}
/*.FormationBlock, .FormationImg {
  border-radius: 4px;
}*/
.formationBlock {
  /*box-shadow: 2px 2px 2px darkgrey;
    padding: 0;
    border-radius:0;
    border:0;*/
  width: 23rem;
  min-height: initial;
  height: 19rem;
  text-align: center;
  margin: auto;
}
.formationBlock:hover,
.userFormationBlock:hover {
  cursor: pointer;
}
.formationBlock .formation_card .card-title {
  font-weight: bold;
}
.formationBlock .formation_type_badge {
  box-shadow: 0 1px 4px #77746F;
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #FE9C05;
  padding: 10px 9px;
  border-radius: 25px;
  font-size: 1.3rem;
  color: #FFFFFF;
  display: grid;
}
.btnDirectorSubscription {
  box-shadow: 0 1px 4px #77746F;
  position: fixed;
  right: 25px;
  top: 200px;
  height: 75px;
  width: 75px;
  z-index: 100;
  background-color: #0075B2;
  padding: 10px 9px;
  border-radius: 45px;
  font-size: 1.3rem;
  color: #FFFFFF;
}
.fontSize_DirectorIcon {
  font-size: 32px;
}
.formationBlock .formation_type_icon_service {
  box-shadow: 0 1px 4px #77746F;
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: #92d050;
  padding: 10px 9px;
  border-radius: 25px;
  font-size: 1.3rem;
  color: #FFFFFF;
  display: grid;
}
.formationBlock .formation_type_icon_service I {
  vertical-align: middle;
}
.formationBlock .formation_type_badge I {
  vertical-align: middle;
}
/*.FormationTitles {
  margin-top: -3.5em;
  height: 3.5em;
  background-color: rgba(255, 255, 255, 0.9);
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding-left: 2.5em;
  padding-right: 2.5em;
  padding-top: 0.5em;
}*/
.FormationsInfos {
  padding: 0;
  margin: 0;
  margin-top: 0.6em;
  /*width:23rem;*/
  font-weight: bold;
}
.formation_card .nextSession,
.formation_card .formation-card-more-infos {
  display: none;
}
.nextSession {
  position: absolute;
  top: 0;
  display: block;
  background-color: #FE9C05;
  color: #FFFFFF;
  width: 23rem;
  padding: 0.5em;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  height: 30px;
  font-size: 0.8em;
  font-size-adjust: 0.58;
  text-transform: uppercase;
}
/* CATALOG */
.review-section {
  background-color: #E6E5E1;
  padding-top: 8vh;
  padding-bottom: 8vh;
  font-size: 0.8rem;
}
.review-section h3 {
  font-size: 1.2rem;
}
.review-section h4 {
  font-size: 1rem;
}
.jumbotron {
  margin-bottom: 0;
  padding-top: 9rem;
  padding-bottom: 4rem;
  padding-left: 3rem;
  padding-right: 3rem;
  min-height: 300px;
}
.text-sm-left,
.text-sm-center {
  font-size: 0.8rem;
}
.footer {
  padding-top: 10vh;
  padding-bottom: 8vh;
}
/*.formationBlockColGrid { margin-bottom: 3vh; }*/
.formation_detail_block {
  position: relative;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  /*margin-left:-3.8em;
    margin-right:-3.8em;*/
  background-color: #E6E5E1;
  min-height: 150px;
  -webkit-box-shadow: inset 0px 2px 10px 0px #CCCCCC;
  -moz-box-shadow: inset 0px 2px 10px 0px #CCCCCC;
  box-shadow: inset 0px 2px 10px 0px #CCCCCC;
}
.formation_detail_block::before {
  -webkit-box-shadow: inset 0px 2px 10px 0px #CCCCCC;
  -moz-box-shadow: inset 0px 2px 10px 0px #CCCCCC;
  box-shadow: inset 0px 2px 10px 0px #CCCCCC;
}
.formation_detail_block.my_formation_detail_block {
  margin-left: -15px;
  margin-right: -15px;
}
.descriptionModal .formation_detail_block {
  position: relative;
  top: 0.7rem;
  background-color: #E6E5E1;
  min-height: 150px;
  margin-left: -1.9em;
  margin-right: -1.9em;
  -webkit-box-shadow: inset 0px 5px 2px 0px #d6d3d6;
  -moz-box-shadow: inset 0px 5px 2px 0px #d6d3d6;
  box-shadow: inset 0px 5px 2px 0px #d6d3d6;
}
/*.formation_detail_block.has_carousel {top:-1rem;}*/
.formation_detail_block h5 {
  padding: 3rem;
  text-align: center;
  font-weight: 500;
  font-family: Roboto;
  text-transform: uppercase;
  font-size: 1.4em;
}
.formation_detail_block_panel {
  border: 1px solid black;
  /* dev purpose */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  display: flex;
}
.formation_detail_block_intervenants_list {
  /*background-color: @intervenants_background-color;
    color:@intervenants-color;*/
  padding-left: 5%;
  padding-right: 2%;
  padding-top: 0.5rem;
  padding-bottom: 1rem!important;
}
.close_block {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
}
.formations_list.row {
  /*margin-top:1rem;*/
  overflow: hidden;
  /*min-height:14rem;*/
}
.formations_list.row.padding_bonus {
  padding-top: 2rem;
}
.formation_detail_block .subscription_choice_container {
  margin-top: 2rem;
}
/* Animation formationBlock not opened hover */
.formations_list:not(.hasOpened) .formation_block_hover-enter-active {
  transform: scale(1.2);
  transition: all 0.5s;
  height: 19rem;
  cursor: pointer;
}
.formations_list:not(.hasOpened) .formation_block_hover-enter-done {
  transform: scale(1.2);
  transition: all 0.5s;
  height: 19rem;
}
.formations_list:not(.hasOpened) .formation_block_hover-exit {
  transform: scale(1.2);
  transition: all 0.5s;
}
.formations_list:not(.hasOpened) .formation_block_hover-exit-active {
  transform: scale(1);
  transition: all 0.5s;
}
.formations_list:not(.hasOpened) .formation_block_hover-exit-done {
  transform: scale(1);
  transition: all 0.5s;
}
/* Animation formationBlock not opened hover */
/* Animation formationBlock opened hover */
.formations_list.hasOpened .formation_block_hover-enter-active .formation_card {
  box-shadow: inset 0 0 15px 5px #404040;
}
.formations_list.hasOpened .formation_block_hover-enter-done .formation_card {
  box-shadow: inset 0 0 15px 5px #404040;
}
.formations_list.hasOpened .formation_block_hover-exit .formation_card {
  box-shadow: inset 0 0 15px 5px #404040;
}
.formations_list.hasOpened .formation_block_hover-exit-active .formation_card {
  box-shadow: unset;
}
.formations_list.hasOpened .formation_block_hover-exit-done .formation_card {
  box-shadow: unset;
}
.formations_list.hasOpened .formation_card.active::before {
  box-shadow: inset 0 0 15px 5px #404040;
}
/* Animation formationBlock opened hover */
.formations_list .formation_card.active .card-body,
.formations_list .formation_card.active .certificate-ribbon {
  display: none;
}
/* Animation title formationBlock */
.formations_list:not(.hasOpened) .formation_block_hover-enter-active .card-body {
  /*height: 6rem;
    transition: all .1s;*/
}
.formations_list:not(.hasOpened) .formation_block_hover-enter-done .card-body {
  /*bottom: 165px;
    height: 6rem;
    transition: all .2s;*/
}
.formations_list:not(.hasOpened) .formation_block_hover-exit .card-body {
  /*bottom: 165px;
    transition: all .2s;*/
}
.formations_list:not(.hasOpened) .formation_block_hover-exit-active .card-body {
  bottom: 0px;
  transition: all 0.2s;
}
.formations_list:not(.hasOpened) .formation_block_hover-exit-done .card-body {
  bottom: 0;
  transition: all 0.2s;
}
/* Animation title formationBlock */
/* Animation next_session formationBlock */
.formations_list:not(.hasOpened) .formation_block_hover-enter-active .nextSession {
  display: block;
  top: 35px;
  transition: all 0.1s;
}
.formations_list:not(.hasOpened) .formation_block_hover-enter-done .nextSession {
  position: absolute;
  top: 0;
  display: block;
  transition: all 0.1s;
}
.formations_list:not(.hasOpened) .formation_block_hover-exit .nextSession {
  top: 35px;
  transition: all 0.1s;
}
.formations_list:not(.hasOpened) .formation_block_hover-exit-active .nextSession {
  top: 0px;
  display: block;
  transition: all 0.1s;
}
.formations_list:not(.hasOpened) .formation_block_hover-exit-done .nextSession {
  display: block;
  top: 35px;
  transition: all 0.1s;
}
/* Animation next_session formationBlock */
/* Animation formation-badge formationBlock */
.formations_list:not(.hasOpened) .formation_block_hover-enter-active .formation-badge {
  opacity: 0;
  transition: all 0.1s;
}
.formations_list:not(.hasOpened) .formation_block_hover-enter-done .formation-badge {
  opacity: 0;
  transition: all 0.1s;
}
.formations_list:not(.hasOpened) .formation_block_hover-exit .formation-badge {
  opacity: 0;
  transition: all 0.1s;
}
.formations_list:not(.hasOpened) .formation_block_hover-exit-active .formation-badge {
  opacity: 0;
  transition: all 0.4s;
}
.formations_list:not(.hasOpened) .formation_block_hover-exit-done .formation-badge {
  opacity: 1;
  transition: all 0.6s;
}
/* Animation formation-badge formationBlock */
/* Animation title formationBlock in carousel */
.formations_list:not(.hasOpened) .alice-carousel__stage-item .formation_block_hover-enter-active .card-body {
  /*height:5.8rem;*/
}
.formations_list:not(.hasOpened) .alice-carousel__stage-item .formation_block_hover-enter-done .card-body {
  /*bottom: 127px;
    height: 5.8rem;
    transition: all .2s;*/
}
.formations_list:not(.hasOpened) .alice-carousel__stage-item .formation_block_hover-exit .card-body {
  /*bottom: 127px;
    transition: all .2s;*/
}
.formations_list:not(.hasOpened) .alice-carousel__stage-item .formation_block_hover-exit-active .card-body {
  bottom: 0px;
  transition: all 0.2s;
}
.formations_list:not(.hasOpened) .alice-carousel__stage-item .formation_block_hover-exit-done .card-body {
  bottom: 0px;
  transition: all 0.2s;
}
/* Animation title formationBlock in carousel */
/* Animation img formationBlock */
.formations_list:not(.hasOpened) .alice-carousel__stage-item .formation_block_hover-enter-done .card-img-top {
  /*margin-top: 5rem;
    transition: all .2s;*/
}
/* Animation img formationBlock  */
/* Animation img formationBlock */
.formations_list:not(.hasOpened) .formation_block_hover-enter-done .card-img-top {
  /*margin-top: 3rem;
    transition: all .2s;*/
}
/* Animation img formationBlock  */
/* Animation description formationBlock */
.formations_list:not(.hasOpened) .formation_block_hover-enter-done .formation-card-more-infos {
  display: block;
  margin-top: -4rem;
  background-color: #FFFFFF;
  padding: 0.6rem;
  padding-bottom: 1rem;
  transition: all 0.2s;
}
/* Animation description formationBlock */
.formations_list.hasOpened .formation_card.active::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 15px 5px #404040;
  -moz-box-shadow: inset 0 0 15px 5px #404040;
  -webkit-box-shadow: inset 0 0 15px 5px #404040;
}
/*.FormationDetailIndicator {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 50px 0 50px;
    border-color: #fff transparent transparent transparent;
    margin:auto;
    margin-top:10pxformation-card-more-infos
}*/
.formation-card-description {
  text-align: justify;
  font-size: 0.8em;
  margin-bottom: 1rem;
  z-index: 9999;
  min-height: 3rem;
}
.formations_list .formationBlock .formation_card-click-to-expand-btn {
  display: none;
  transform: rotate(90deg);
}
.formations_list:not(.hasOpened) .formationBlock.hover .card-body {
  /*top:-2rem;
    height:6rem;*/
}
.formations_list:not(.hasOpened) .alice-carousel__stage-item .formationBlock.hover .card-body {
  /*top:-0.7rem;
    height:6rem;*/
}
.formations_list:not(.hasOpened) .formationBlock.hover .card-img-top {
  /* margin-top: 3rem;*/
}
.formations_list:not(.hasOpened) .formationBlock:hover .formation_card-click-to-expand-btn,
.formations_list:not(.hasOpened) .formationBlock.hover .formation_card-click-to-expand-btn {
  display: inline;
  position: relative;
  top: -7rem;
  color: #FFFFFF;
  font-weight: bolder;
  font-size: 1.2em;
  cursor: pointer;
}
.formations_list .formationBlock .nextSession {
  display: none;
}
/*.formations_list:not(.hasOpened) .formationBlock:hover .nextSession,
.formations_list:not(.hasOpened) .formationBlock.hover .nextSession {
    position: absolute;
    top:0;
    display:block;
    background-color: @main-contrast-color;
    color: @white-color;
    width: 23rem;
    padding:0.5em;
    transition: visibility 0.2s;

    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height:30px;
    font-size:0.8em;
    font-size-adjust: 0.58;
    text-transform: uppercase;
}*/
.formations_list:not(.hasOpened) .formationBlock.hover .formation-card-more-infos {
  display: block;
  margin-top: -4rem;
  background-color: #FFFFFF;
  padding: 0.6rem;
  padding-bottom: 1rem;
}
/*.formations_list:not(.hasOpened) .formationBlock .FormationsInfos-hover {
    display:none;
}*/
/*.formations_list:not(.hasOpened) .formationBlock:hover .formation-badge,
.formations_list:not(.hasOpened) .formationBlock:hover .FormationsInfos {
    visibility: hidden;
}*/
/*.formations_list.hasOpened .formationBlock:hover .FormationsInfos {
    visibility: hidden;
}*/
.formations_list.hasOpened .formationBlock .FormationsInfos-hover,
.formations_list.hasOpened:hover .formationBlock .FormationsInfos-hover {
  visibility: visible;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  text-align: center;
  background-color: #000;
  opacity: 0.8;
  /*padding-top:0.25rem;*/
  padding-bottom: 0.25rem;
  height: 50px;
  /*calc(100% + 2px);*/
  font-size: 50px;
  color: #FFFFFF;
}
.formations_list.hasOpened .formationBlock:hover {
  cursor: pointer;
}
.formations_list .alice-carousel__wrapper {
  overflow: hidden !important;
  height: 25rem !important;
  padding-left: 4rem !important;
}
.alice-carousel__stage-item {
  visibility: hidden;
}
.alice-carousel__stage-item.__active {
  visibility: visible;
}
/* Responsive of formationBlock */
@media (max-width: 1700px) {
  /*.formation-badge {
        width: 60%;
    }

    .formation_card {
        width: 95%;
    }

    .FormationsInfos {
        width: 95%;
    }*/
  .formationBlockCol {
    flex: 0 0 33%;
    align-content: center;
    max-width: 33%;
  }
}
@media (max-width: 1400px) {
  .formationBlockCol {
    flex: 0 0 50%;
    align-content: center;
    max-width: 50%;
  }
}
@media (max-width: 767px) {
  .formationBlockCol {
    flex: 0 0 100%;
    align-content: center;
    max-width: 100%;
  }
}
/* Responsive of formationBlock */
/* SUBSCRIPTION MODAL */
.subscription_part .steps {
  text-align: center;
  position: relative;
}
.subscription_part .steps .circle {
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: relative;
  z-index: 100;
  border-radius: 50%;
  background-color: #c2c6b9;
  font-size: 30px;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  color: #f7f7f7;
  border: 2px solid transparent;
}
.subscription_part .steps .step_title {
  height: auto;
  background-color: transparent;
  padding-top: 0;
  display: inline-block;
  margin: 10px 0 30px;
  font-size: 18px;
  color: #888d83;
}
.subscription_part .steps .step_line {
  position: absolute;
  top: 21%;
  left: 65%;
  height: 5px;
  width: 70%;
  z-index: 1;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
}
.subscription_part .steps .step_valid {
  display: none;
  color: #f7f7f7;
}
.subscription_part .btn_with_icon .icon-carte_bleue {
  font-size: 45px;
}
@media (max-width: 990px) {
  #subscribe_user_modal .header_title {
    max-height: none !important;
  }
  .subscription_part .steps .step_title {
    margin-bottom: 5px;
  }
  .subscription_part .form_padding {
    padding: 0px 5px !important;
  }
  .subscription_part .btn_with_icon .icon-carte_bleue {
    font-size: 45px;
  }
}
.subscription_part .steps.completed .circle {
  background-color: #8fa700;
}
.subscription_part .steps.current .circle {
  background-color: #b4cc3a;
}
.subscription_part .steps.current .step_title {
  font-weight: bold;
}
.subscription_part .form_padding {
  padding: 0 40px;
}
/* SUBSCRIPTION MODAL */
h4.formation_detail_block-title,
h1.formation_detail_block-title {
  font-weight: bold;
  padding: 1em 3rem;
  font-family: Roboto;
  text-transform: uppercase;
  font-size: 1.4em;
}
.formation_detail_block-meta {
  margin-bottom: 2em;
  padding-left: 5%;
  padding-right: 5%;
}
.formation_detail_block .highlight {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 1.5rem;
}
.formation_detail_block-title-part {
  background-color: #FFFFFF;
  box-shadow: inset 0px 2px 10px -5px #000000;
}
.blueBackground.formation_infos_detail {
  padding: 1.7rem;
}
.blueBackground.formation_infos_detail .certificate-ribbon {
  position: absolute;
  left: unset;
  right: -12px;
  top: -27px;
  font-size: 5rem;
  color: #FFFFFF;
  transform: unset;
}
.small-text {
  font-size: 0.8em;
}
/* intervenant block */
.formation_detail_block_intervenants_list h5 {
  padding: 0.8rem;
  text-align: left;
  margin-bottom: 1em;
  font-size: 1.1em;
}
formation_detail_block_intervenants_list .item .flex_item {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
}
.formation_detail_block_intervenants_list .intervenant_block {
  text-align: center;
}
.formation_detail_block_intervenants_list .intervenant_block P {
  font-size: 16px;
  color: #6e786e;
  margin: 0;
  text-align: center;
}
.formation_detail_block_intervenants_list .intervenant_block:not(.public) P {
  font-size: 16px;
  color: #6e786e;
  margin: 0;
  float: left;
  width: calc(100% - 82px);
  text-align: justify;
  padding-left: 1rem;
}
.formation_detail_block_intervenants_list .intervenant_block.not-public P {
  font-size: 16px;
  color: #6e786e;
  margin: 0;
  float: none;
  width: 100%;
  text-align: center;
  padding-left: 1rem;
}
.formation_detail_block_intervenants_list .intervenant_block p.fullname {
  font-size: 18px;
  text-align: left;
}
.formation_detail_block_intervenants_list .intervenant_block .intervenant_img_container {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin: 0 auto 10px;
  float: left;
}
.formation_detail_block_intervenants_list .intervenant_block.not-public .intervenant_img_container {
  width: 82px;
  height: 82px;
  border-radius: 50%;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*position: relative;*/
  margin: 0 auto 10px;
  float: none;
}
.formation_detail_block_intervenants_list .intervenant_block .intervenant_img_container I {
  font-size: 22px;
  color: #b4cc3a;
  position: absolute;
  bottom: -3px;
  right: -3px;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
}
.formation_detail_block_intervenants_list .alice-carousel__stage li > div {
  width: auto;
  margin: auto;
}
.formation_info_modal_intervenants_container .carousel-control {
  opacity: 1;
}
.formation_info_modal_intervenants_container .carousel-control.right {
  right: 5px;
}
.formation_info_modal_intervenants_container .carousel-control.left {
  left: -25px;
}
.formation_info_modal_intervenants_container .carousel-control I {
  width: 31px;
  height: 31px;
  background-color: #b4cc3a;
  color: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  line-height: 32px;
  margin-top: -25px;
  text-align: center;
  border-radius: 50%;
  font-size: 16px;
}
.intervenant-carousel-prev,
.intervenant-carousel-next {
  width: 45px;
  height: 100%;
  position: absolute;
  top: 0px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  background-color: grey;
  cursor: pointer;
}
.intervenant-carousel-prev {
  /*left: calc(100% - 1rem);*/
  left: 0;
}
.intervenant-carousel-next {
  right: 0;
}
.formation_detail_block_intervenants_list:hover .intervenant-carousel-prev:not(.invisible),
.formation_detail_block_intervenants_list:hover .intervenant-carousel-next:not(.invisible) {
  opacity: 0.8;
}
/* intervenant block */
/* FORMATIONS PAGE */
.formations_page {
  padding-top: 15px;
}
.formations_page .formations_pages_title {
  color: #404040;
  font-weight: initial;
}
.user_formation_card {
  height: 315px;
  margin: 0 20px;
  border-top-left-radius: 5%;
  border-top-right-radius: 5%;
}
.user_formation_card .card-img-top {
  position: absolute;
  bottom: 0;
}
.cardImg {
  height: 65% !important;
}
.user_formation_card.completed {
  filter: contrast(0.5);
}
.user_formation_card.expired {
  filter: contrast(0.5);
}
.user_formation_card .card-body {
  text-transform: uppercase;
  text-align: left;
  max-height: 101px;
}
.user_formation_card .progress {
  border-radius: 0;
  height: 10px;
}
.user_formation_card:hover::after {
  box-shadow: inset 0px 0px 5px 4px rgba(0, 0, 0, 0.3);
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}
.user_formation_card .FormationsInfos {
  position: absolute;
  bottom: 0;
  background-color: #000000;
  opacity: 0.8;
  height: 45px;
  color: #ffffff;
  width: 100%;
  font-size: 50px;
}
.user_formation_card .following_formations {
  width: 100%;
  background-color: #000000;
  color: #ffffff;
  z-index: 2;
}
.user_formation_card .following_formations .new_title {
  font-size: 28px;
  font-style: italic;
  padding-right: 10px;
}
.user_formation_card .following_formations .following_formations_title {
  font-style: italic;
  font-size: 14px;
}
.userFormationBlock {
  width: 380px;
}
.userFormationBlock .user_formation_block_notification {
  min-height: 33px;
}
.userFormationBlock .user_formation_block_notification .notificationIcons {
  font-size: 21px;
}
.userFormationBlock .user_formation_block_notification .notificationIcons .badge {
  padding: 0.05em 0.2em;
  background-color: red;
  color: #fff;
  position: relative;
  left: -0.4em;
  top: -0.65em;
  font-size: 15px;
  /* border-radius: 30%; */
  font-family: monospace;
}
.userFormationBlock .user_formation_block_notification .formationStatus {
  font-size: 12px;
  font-style: italic;
}
/* FORMATIONS PAGE */
.formation_info_modal_content_container.flex_container:not(.mobile) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #77746F;
  color: #FFFFFF;
  /*border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;*/
  margin-top: -0.7rem;
}
.formation_info_modal_content_block {
  padding: 0.9rem 10px;
  text-align: center;
  display: inline;
  max-width: 110px;
}
.formation_info_modal_content_block P {
  margin-bottom: 0;
  font-size: 0.8rem;
  line-height: 0.9rem;
  height: 2.3rem;
}
.formation_info_modal_content_block I {
  font-size: 1.2rem;
}
.testBtnSubscription {
  background-color: #F0F0F0;
  /*border-radius: 30px;*/
  padding: 0.5rem;
}
.testBtnSubscription i {
  color: #133974;
  margin-left: 2rem;
  font-size: 2rem;
  padding-top: 0.5rem;
}
.testBtnSubscription div.icon-fleche-container {
  display: inline-block;
  transform: scaleX(-1);
  margin-right: 2em;
}
.testBtnSubscription div.icon-fleche-container i {
  margin-left: 0px !important;
  font-size: 1rem !important;
}
.testBtnSubscription i:hover {
  font-weight: bold;
  cursor: pointer;
}
.jour-btn-to-subscribe {
  padding: 1rem;
  padding-left: 2rem;
  padding-right: 2rem;
  border-radius: 30px;
  background-color: #133974;
  border-color: #133974;
  color: #FFFFFF;
  display: inline-block;
  /*margin-right:1rem;*/
  box-shadow: 1px 1px 5px #00000045;
}
.jour-btn-to-subscribe:hover,
.jour-btn-to-subscribe:active {
  background-color: #C4BBB8;
  border-color: #C4BBB8;
  font-weight: bold;
  cursor: pointer;
}
.my_formation_detail_header .linkToBtn.jour-btn-to-subscribe:hover,
.my_formation_detail_header .linkToBtn.jour-btn-to-subscribe:active {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  font-weight: initial;
}
.formation-detail-review-list {
  min-height: 5rem;
  padding-top: 8vh;
  margin-right: 0;
  margin-left: 0;
}
.descriptionModal .modal-body {
  padding-bottom: 11px;
}
.reviewBlock {
  padding-bottom: 6vh;
  font-size: 0.8rem;
}
.reviewBlock h3 {
  font-size: 1.2rem;
}
.reviewBlock h4 {
  font-size: 1rem;
}
.reviewBlock p {
  margin-top: 0.5rem;
}
.formations_suggested {
  background-color: #E6E5E1;
}
.formation-user-interest {
  background-color: #A4C6C2;
}
section.formations_page .container-fluid {
  padding-top: 3rem;
  margin-bottom: 0;
}
.my_formation_detail_block {
  margin-left: -15px;
  margin-right: -15px;
}
.my_formation_detail_header {
  padding: 1.5rem 2rem;
  text-transform: uppercase;
}
.paddingHeader {
  padding-top: 0.5rem !important;
  font-size: 1.75rem !important;
}
.my_formation_detail_part_left,
.my_formation_detail_part_right {
  background-color: #FFFFFF;
  box-shadow: inset 0px 5px 2px 0px #d6d3d6 !important;
}
.certificate-ribbon {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 5rem;
  color: #FFFFFF;
  transform: rotate(270deg);
}
.my_formation_detail_part_left .formation_detail_block_intervenants_list {
  background-color: #C9C6C0;
  padding-left: 15px;
}
.my_formation_detail_part_left,
.my_formation_detail_part_right {
  padding: 0;
}
.my_formation_detail_part_left .progress {
  border-radius: unset;
}
.my_formation_detail_part_right .detail-part-right-header {
  padding: 1rem;
}
.my_formation_detail_part_right .detail-part-right-header i {
  padding-right: 2rem;
}
.my_formation_detail_part_right .sub-menu i {
  color: #C9C6C0;
  cursor: pointer;
}
.my_formation_detail_part_right .sub-menu i.opened,
.my_formation_detail_part_right .sub-menu i:hover {
  color: #133974;
}
.docSpace a.nav-link,
.communitySpace a.nav-link {
  background-color: #FFFFFF;
  color: #000;
}
.docSpace a.nav-link.active,
.communitySpace a.nav-link.active {
  background-color: #133974;
  color: #FFFFFF;
}
.delete_btn {
  cursor: pointer;
}
.upload_progress_bar {
  height: 5px;
  /* Can be anything */
  position: relative;
  background-image: none;
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  width: 0;
  background-color: #133974;
}
.upload .downloadZip,
.upload .uploadDoc {
  font-size: 1rem !important;
}
.files_list .fileName a:hover {
  color: #133974;
}
.files_list .fileName a {
  text-decoration: none;
  color: #212529;
}
.modal-header {
  padding: 15px 20px 10px;
}
.modal-header H4 {
  margin: 0;
  text-transform: uppercase;
  font-weight: bold;
  color: #C4BBB8;
  font-size: 16px;
}
.modal-body {
  color: #727272;
}
.modal-body-grey {
  background-color: #eeeeee;
}
.modal-body TABLE {
  width: 100%;
}
.modal-body THEAD TR {
  background-color: #e3e3e3;
}
.modal-body THEAD TR TH {
  padding: 8px 20px;
  color: #C4BBB8;
  font-weight: bold;
  font-size: 13px;
}
.modal-body TBODY TR TD {
  background-color: #f7f7f7;
  padding: 5px 20px;
  font-size: 14px;
  color: #727272;
  line-height: 18px;
}
.modal-body .picker TBODY TR TD {
  padding: 0;
}
.modal-body .picker__holder {
  min-width: 365px;
}
.modal-body .picker--time .picker__holder {
  min-width: 176px;
}
.modal-body SELECT#formateurs,
.modal-body SELECT#etablissements {
  width: 80%;
}
.modal-body .lelabbo_dark_row SELECT {
  margin-right: 20px;
}
.modal-body .lelabbo_dark_row DIV:last-child SELECT {
  margin-right: 0;
}
.modal-body .lelabbo_dark_row INPUT {
  border: 1px solid #C4BBB8;
  color: #C4BBB8;
  padding: 1px 6px;
  background-color: #e3e3e3;
  outline: 0;
  width: 80%;
  display: block;
  margin: 0 auto;
}
.modal-footer {
  padding: 0;
  text-align: center;
}
.modal-footer .btn,
.modal-footer-step .btn {
  display: block;
  width: 100%;
  padding: 8px 12px;
  border: 0;
  border-radius: 0;
  color: #C4BBB8;
  background-color: transparent;
  border-color: transparent;
}
.modal-footer.double_button .btn,
.modal-footer-step.double_button .btn,
.modal_catalog_public .modal-footer-step.double_button .btn {
  width: 50% !important;
  float: left;
  margin: 0;
}
.modal-footer-step .btn:hover,
.modal-catalog_public .modal-footer-step .btn:hover {
  background: linear-gradient(to bottom, #133974 0%, #133974 100%) !important;
  color: #FFFFFF !important;
}
.modal-footer.triple_button .btn {
  width: 33.33%;
  float: left;
  margin: 0;
}
.modal-footer .btn-info {
  background-color: #C4BBB8;
  color: #FFFFFF;
}
.modal-design-v2 {
  text-align: left;
}
.modal-design-v2 .modal-header {
  background-color: #6e786f;
}
.modal-design-v2 .modal-header h4.modal_title {
  color: #fff;
}
.modal-design-v2 .modal-body h5 {
  color: #C4BBB8;
  font-weight: bold;
  font-size: 1.2em;
}
.modal-design-v2 .lelabbo_box .lelabbo_row {
  box-shadow: none;
  padding-top: 3px;
  padding-bottom: 3px;
  background: none;
  color: initial;
  font-size: 1.1em;
}
.modal-design-v2 .lelabbo_box .content {
  background-color: #E6E5E1;
  height: 280px;
  min-height: 280px;
}
.modal-design-v2 .session_documents .lelabbo_box .content {
  background-color: #E6E5E1;
  height: 300px;
  min-height: 300px;
}
.modal-design-v2 .lelabbo_box.highlight .lelabbo_row {
  color: #C4BBB8;
}
.modal-design-v2 .lelabbo_box.highlight .content {
  background-color: #C4BBB8;
}
.modal-design-v2 .lelabbo_box.highlight .content A {
  color: #fff;
}
.modal-design-v2 .lelabbo_box .content.upload {
  overflow: unset;
}
.modal-design-v2 .lelabbo_box .content A.file_uploader {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.modal-design-v2 .formation_info_container .lelabbo_box .content A.btn-icon i,
.modal-design-v2 .session_documents .lelabbo_box .content A.btn-icon i {
  float: none !important;
  color: #fff;
}
.modal-design-v2 .formation_info_container .lelabbo_box .content A.btn-icon:hover i,
.modal-design-v2 .session_documents .lelabbo_box .content A.btn-icon:hover i {
  color: #000;
}
.modal-design-v2 .lelabbo_box .content .files_list {
  width: 100%;
  height: 160px;
  min-height: 160px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-design-v2 .session_documents .lelabbo_box .content .files_list {
  width: 100%;
  height: 210px;
  min-height: 210px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-design-v2 .session_documents_block {
  margin-bottom: 15px;
}
.modal-design-v2 .formation_info_container .lelabbo_box .content .files_list p.my_doc,
.modal-design-v2 .formation_info_container .lelabbo_box .content .files_list p.my_doc A,
.modal-design-v2 .session_documents .lelabbo_box .content .files_list p.my_doc,
.modal-design-v2 .session_documents .lelabbo_box .content .files_list p.my_doc A {
  color: #C4BBB8;
}
.modal-design-v2 .formation_info_container .lelabbo_box .content .files_list A:hover,
.modal-design-v2 .session_documents .lelabbo_box .content .files_list A:hover,
.modal-design-v2 .formation_info_container .lelabbo_box .content .files_list p:hover i,
.modal-design-v2 .session_documents .lelabbo_box .content .files_list :hover i {
  color: #000 !important;
}
.modal-design-v2 .bordered_block {
  border: 1px solid #000;
}
.modal-design-v3 .modal-header {
  background-color: #7d8175;
}
.modal-design-v4 .modal-header {
  background-color: #4d394a;
}
.modal-design-v4 .modal-body h5 {
  color: #C4BBB8;
  font-weight: bold;
  font-size: 1em;
}
.modal-design-v3 .modal-body {
  padding: 0;
}
.modal-design-v3 .modal-content {
  background-color: #f7f7f7;
}
.modal-design-v3 .header_title {
  color: #7d8175;
  font-size: 22px;
  text-transform: uppercase;
  text-align: left;
  padding: 0 40px;
  margin: 25px 0;
}
.modal-design-v2 .modal-body h5 {
  color: #4b453b;
}
div:not(.modal-dialog) .modal-design-v3 .btn {
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 0;
  background: #1daefc;
  background: -moz-linear-gradient(top, #1daefc 0%, #0375b3 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #1daefc), color-stop(100%, #0375b3));
  background: -webkit-linear-gradient(top, #1daefc 0%, #0375b3 100%);
  background: -o-linear-gradient(top, #1daefc 0%, #0375b3 100%);
  background: -ms-linear-gradient(top, #1daefc 0%, #0375b3 100%);
  background: linear-gradient(to bottom, #1daefc 0%, #0375b3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2ca3a', endColorstr='#8ea700', GradientType=0);
}
div:not(.modal-dialog) .modal-design-v3 .btn:active {
  transform: none;
}
div:not(.modal-dialog) .modal-design-v3 .btn I {
  color: #ffffff;
  background-color: transparent;
}
div:not(.modal-dialog) .modal-design-v3 .btn.btn_with_icon I {
  color: #000;
}
div:not(.modal-dialog) .modal-design-v3 .btn.selected I {
  color: #ffffff;
}
div:not(.modal-dialog) .modal-design-v3 .btn-default {
  background: #ffffff;
  color: #6e786e;
}
div:not(.modal-dialog) .modal-design-v3 .btn-default I {
  color: #6e786e;
}
.v3-text-warning {
  color: #ff764d !important;
}
.register_btn_container {
  padding: 20px 20px 50px;
  text-align: center;
}
.inscription_cgu_container A {
  color: #ff764d;
  font-size: 16px;
}
.inscription_cgu_container A I {
  font-size: 22px;
}
.progress-bar {
  height: 10px;
  width: 100%;
  background-color: #CCCCCC;
  position: relative;
}
.filler {
  width: 0;
  background: #ffc107;
  height: 100%;
  transition: width 2s ease-in;
  -webkit-transition: width 2s ease-in;
  -moz-transition: width 2s ease-in;
  -ms-transition: width 2s ease-in;
  -o-transition: width 2s ease-in;
}
.noUnderline {
  margin-top: 20px;
}
.noUnderline,
.noUnderline:hover {
  text-decoration: none;
}
.icon-interrogation,
.icon-sujet {
  color: white;
}
.icon-interrogation {
  font-size: 2em;
}
.icon-sujet {
  font-size: 1.2em;
}
.modal_catalog_public .btn:hover {
  background: #FFFFFF;
  color: #133974;
}
.modal_catalog_public .btn:hover I {
  background: #FFFFFF;
  color: #133974;
}
.modal_catalog_public .btn {
  width: 100%;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 0;
  background: #C4BBB8;
  background: -moz-linear-gradient(top, #C4BBB8 0%, #133974 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #C4BBB8), color-stop(100%, #133974));
  background: -webkit-linear-gradient(top, #C4BBB8 0%, #133974 100%);
  background: -o-linear-gradient(top, #C4BBB8 0%, #133974 100%);
  background: -ms-linear-gradient(top, #C4BBB8 0%, #133974 100%);
  background: linear-gradient(to bottom, #C4BBB8 0%, #133974 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C4BBB8, endColorstr=#133974, GradientType=0);
}
.modal_catalog_public .login_form {
  margin: 0 25%;
}
.modal_catalog_public .subscription_part .steps.current .circle,
.modal_catalog_public .subscription_part .steps.completed .circle {
  background-color: #133974;
}
.modal-dialog h4.modal_title {
  color: #fff;
}
#DialogMessageMask {
  background-color: #000;
  opacity: 0.3;
}
.modal_catalog_public .subscription_part .btn_with_icon .icon-carte_bleue {
  font-size: 33px;
  color: #FFFFFF;
}
.modal_catalog_public .subscription_part .payment_mode.btn {
  min-height: 60px;
}
.modal_catalog_public .subscription_part .payment_mode.btn.selected,
.modal_catalog_public .subscription_part .btn_with_icon.selected .icon-carte_bleue {
  background: #FFFFFF;
  color: #133974;
}
.modal_catalog_public .download_program.btn,
.modal_catalog_public .download_quote.btn {
  height: 75px;
  width: 300px!important;
}
/* MODAL HELP */
#guide_spi {
  top: -15px;
  position: relative;
}
#download_spi_guide {
  margin-left: 10px;
  text-decoration: none;
}
#need_help {
  margin-top: 150px;
}
#need_help .modal-body,
#supportModale .modal-body {
  text-align: center;
  color: #0a0a0a;
}
#suivi_quizz_detail .modal-body {
  text-align: center;
  color: #0a0a0a;
}
.help_cma {
  display: inline-block;
  width: 45%;
  margin-left: 30px;
  border: 2px solid #d3d3d3;
  vertical-align: top;
  padding: 5px;
  padding-top: 15px;
}
.help_assistance {
  display: inline-block;
  width: 45%;
  border: 2px solid #d3d3d3;
  padding: 5px;
  padding-top: 15px;
}
#need_help .modal-body P,
#supportModale .modal-body P {
  margin: 10px 0;
}
#supportModale h4 {
  font-size: 18px;
}
#supportModale .modal-content .modal-header .h4 {
  margin: 0;
  text-transform: uppercase;
  font-weight: bolder;
  color: #C4BBB8;
  font-size: 16px;
}
#tel_cma,
#tel_assistance {
  color: #133974;
}
#info,
#params {
  font-size: 40px;
}
#suivi_quizz_detail .modal-body P {
  margin: 10px 0;
}
#info,
#params {
  font-size: 40px;
}
#supportModale .guide_utilisation_spi {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0;
}
#supportLoginForm {
  width: 90%;
  margin: 0 auto;
}
#submitSupportForm {
  width: 100%;
  margin-top: 15px;
}
#supportModale .support_option_container {
  padding: 10px 25px;
}
#supportModale .col-md-6:last-child .support_option_container {
  padding-left: 50px;
  border-left: 1px solid #e3e3e3;
}
#supportModale P.medium {
  font-size: 16px;
  padding: 0;
}
#support_modal_guides_link {
  margin-top: 10px;
}
@media (max-height: 590px) {
  #support_message {
    height: 60px;
  }
}
.or_block {
  margin: 20px 0;
  font-size: 20px;
}
.g-recaptcha {
  float: left;
  width: 100%;
}
.g-recaptcha > div {
  margin: 20px auto 0;
}
#body_help {
  padding-left: 0!important;
  padding-right: 0!important;
  padding-bottom: 0!important;
}
#supportModale .btn,
#supportModale .btn-icon {
  border-radius: 0;
  border: 0;
  background-color: #C4BBB8;
  color: #ffffff;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.45);
  transition: all 0.1s linear;
  cursor: pointer;
  outline: 0 !important;
  text-decoration: none;
}
#supportModale .btn:focus,
#supportModale .btn:hover,
#supportModale .btn-icon:focus,
#supportModale .btn-icon:hover {
  background-color: #C4BBB8;
  color: #ffffff;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.45);
  text-decoration: none;
}
#supportModale {
  max-width: 950px;
}
.catalog_search .input-group-prepend,
.catalog_search .input-group-prepend button,
.catalog_search input[name=search] {
  font-size: 1.6rem;
  height: 55px;
  border: 0;
  background-color: transparent;
}
.catalog_search .input-group-prepend button:hover,
.catalog_search .input-group-prepend button:active,
.catalog_search .input-group-prepend button:focus {
  color: #495057 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: unset !important;
}
.catalog_search input[name=search] {
  font-size: 1.2rem;
}
.formations_list_config select.form-control {
  background-color: transparent;
  border-color: #49505B;
  border-radius: unset;
}
.catalog_search .input-group {
  box-shadow: inset 1px 1px 5px 0px grey;
  border-radius: 5px;
  background-color: #fff;
}
.hero_search .input-group-prepend .input-group-text i {
  color: grey !important;
}
.hero_search .input-group-prepend,
.hero_search .input-group-prepend .input-group-text,
.hero_search input[name=search] {
  font-size: 1.6rem;
  height: 55px;
  border: 0;
  background-color: transparent;
  color: #495057 !important;
}
.hero_search .input-group-prepend .input-group-text:hover,
.hero_search .input-group-prepend .input-group-text:active,
.hero_search .input-group-prepend .input-group-text:focus {
  color: #495057 !important;
  background-color: transparent !important;
  border-color: transparent !important;
  box-shadow: unset !important;
}
.hero_search input[name=search] {
  font-size: 1.2rem;
  padding-left: 0;
}
.hero_search .input-group {
  box-shadow: inset 1px 1px 5px 0px grey;
  border-radius: 5px;
  background-color: #fff;
}
table.table td.name-column {
  word-break: break-word;
}
.navbar .linkToBtn {
  min-height: 2.1rem;
}
.navbar .linkToBtn[class*='btn-text-length-2'] {
  font-size: 0.9rem;
}
.navbar .linkToBtn[class*='btn-text-length-3'] {
  font-size: 0.7rem;
}
.navbar .linkToBtn[class*='btn-text-length-4'] {
  font-size: 0.5rem;
}
.editTargetBtn {
  border-radius: 50%;
  background-color: #FFFFFF;
  color: #133974;
  border: none;
  margin-top: 0.5rem;
}
.editTargetBtn:hover {
  background-color: #133974;
  color: #FFFFFF;
}
.btnActions .icon-quitter,
.btnActions .icon-icon-observation1,
.btnActions .icon-masquer {
  cursor: pointer;
}
.jumbotron {
  background: transparent;
  transition: background-image 1s linear;
  -moz-transition: background-image 1s linear;
  -webkit-transition: background-image 1s linear;
  -ms-transition: background-image 1s linear;
}
.jumbotron-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -2;
  transition: all 0.4s ease-in-out;
}
.jumbotron-background.fadeIn {
  opacity: 0.5;
}
.info_headband {
  background-color: #FB6B72;
  color: #FFFFFF;
  padding: 0.5rem;
}
.icon_conseil_container I {
  font-size: 3.5rem;
  line-height: 5rem;
}
.icon_quitter_container I {
  line-height: 5rem;
}
.tips_target {
  font-size: 0.8rem;
}
.editTargetModal .modal-xl,
#formations_modal.modal-xl {
  max-width: 90%;
}
.add_new_target_container {
  padding: 1.5rem;
  background-color: #CCCCCC;
}
.add_new_target_title {
  font-size: 0.9rem;
  font-weight: 600;
}
.add_new_target_input {
  width: 40%;
  margin-left: 30%;
}
.targets_list_container,
.archived_targets_list_container {
  padding: 1.5rem;
}
.targets_list_title,
.archived_targets_list_title P {
  font-size: 0.9rem;
  font-weight: 600;
}
.targets_list_title I,
.archived_targets_list_title I {
  font-size: 1.4rem;
  vertical-align: sub;
}
.droppable_container {
  background-color: #CCCCCC;
  border-radius: 20px;
  min-height: 160px;
  padding: 2rem;
  position: relative;
}
.manage_targets_container {
  position: relative;
  min-height: 130px;
  margin: auto;
  width: 66%;
  overflow: auto;
}
.editTargetModal .modal-footer,
#formations_modal .modal-footer {
  background-color: #CCCCCC;
  min-height: 70px;
  justify-content: center;
}
.editTargetModal .modal-footer .cancelChangesBtn,
#formations_modal .modal-footer .cancelChangesBtn {
  width: 20%;
  background: #FFFFFF;
  color: #000000;
}
.editTargetModal .modal-footer .saveChangesBtn,
#formations_modal .modal-footer .saveChangesBtn {
  width: 20%;
  background: #133974;
  color: #FFFFFF;
}
.editTargetModal .modal-footer .cancelChangesBtn:hover,
#formations_modal .modal-footer .cancelChangesBtn:hover {
  width: 20%;
  background: #133974;
  color: #FFFFFF;
}
.editTargetModal .modal-footer .saveChangesBtn:hover,
#formations_modal .modal-footer .saveChangesBtn:hover {
  width: 20%;
  background: #FFFFFF;
  color: #133974;
}
.editTargetName,
.deleteTarget {
  position: absolute;
  top: 0;
  background-color: #666666;
  color: #FFFFFF;
  width: 120px;
}
.messageForm #message {
  padding: 0.375rem 2rem 0.375rem 0.75rem;
}
.emoji-mart-preview {
  display: none;
}
.formation_detail_block .table-responsive {
  height: 369px;
}
.catalog_page.navbar-collasped {
  margin-top: 8vh;
}
.community_container {
  margin-left: -15px;
  margin-right: -15px;
}
.community_container .chat-rooms,
.chat .chat-rooms {
  width: 27%;
}
.community_container .chat-right,
.chat .chat-right {
  max-width: calc(100% - 27%);
  padding-left: 0;
}
.community_container .form_group_community_chat,
.chat .form_group_community_chat {
  width: 100%;
}
.community_container #message,
.chat #message {
  width: 86%;
  background-color: #4d4d4d;
  border-radius: 0;
  border: none;
  padding-left: 95px;
  color: #FFFFFF;
  height: 50px;
  padding-top: 12px;
}
.community_container #message:focus,
.chat #message:focus {
  border: none;
  box-shadow: none;
}
.community_container #message::placeholder,
.chat #message::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #FFFFFF;
  opacity: 1;
  /* Firefox */
  font-style: italic;
}
.community_container #message:-ms-input-placeholder,
.chat #message:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #FFFFFF;
  font-style: italic;
}
.community_container #message::-ms-input-placeholder,
.chat #message::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #FFFFFF;
  font-style: italic;
}
.community_container .actionMessageBtns,
.chat .actionMessageBtns {
  width: 13rem;
  background-color: #133974;
  height: 50px;
  padding: 13px;
  padding-top: 10px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  position: absolute;
  right: 0;
}
.community_container .actionMessageBtnsEdit,
.chat .actionMessageBtnsEdit {
  width: 20%;
  background-color: #133974;
  height: 50px;
  padding: 13px;
  border-top-left-radius: 25px;
  border-bottom-left-radius: 25px;
  position: relative;
  right: 20px;
}
.chat #message {
  width: 84%;
}
#messages_table {
  margin-bottom: 0;
}
#messages_table .img_table {
  width: 5%;
  padding: 1.4rem;
}
#messages_table .editMessageBtn,
#messages_table .deleteMessageBtn {
  cursor: pointer;
}
#messages_table .deleteMessageBtn:hover {
  color: #FF0000;
}
.form_panel_dual_buttons {
  box-shadow: 1px 1px 3px #CCCCCC;
}
.messageLike {
  cursor: pointer;
}
.messageLike:hover,
.messageLike.liked {
  color: #FF0000;
}
.messageLike.liked:hover {
  color: #CCCCCC;
}
.list-group-item-action:active,
.list-group-item-action.active {
  color: #212529;
  background-color: #e9ecef;
}
.submitMessage {
  position: relative;
  left: -8rem;
  color: #FFFFFF;
  cursor: pointer;
}
.formationLandingPageContainer {
  padding-left: 0;
  padding-right: 0;
}
.formationLandingPageContainer .formation_detail_block {
  margin-left: initial;
  margin-right: initial;
}
.formations_suggested .formation_detail_block,
.formation-user-interest .formation_detail_block {
  margin-left: -15px;
  margin-right: -15px;
  top: -3rem;
}
.catalog_page .formation_detail_block {
  top: -3rem;
}
.icons-social .fa-facebook {
  color: #4267b2;
}
.icons-social .fa-facebook:hover {
  color: #000;
}
.icons-social .fa-twitter {
  color: #1da1f2;
}
.icons-social .fa-twitter:hover {
  color: #000;
}
.icons-social .fa-link {
  color: #0A246A;
}
.icons-social .fa-link:hover {
  color: #000;
}
.btn-block-chat {
  border-radius: 0px !important;
  height: 60px;
}
.btn-chat {
  /*max-width: 285px;*/
  overflow-x: hidden;
}
.btn-chat .list-group-item {
  border-radius: 0px !important;
}
.btn-chat.newMesageBtn {
  overflow-y: hidden;
}
.chat-right {
  padding-right: 0;
  max-width: 772px;
}
.form_group_community_chat .uploadImage {
  color: #fff;
  cursor: pointer;
}
.form_group_community_chat .uploadImage:hover {
  color: #000;
}
.form_group_community_chat .upload_progress_bar {
  background-color: lawngreen;
}
#messages_table img {
  cursor: pointer;
}
.gifSelector button {
  background-color: #133974;
  border-color: #133974;
  color: #FFFFFF;
}
.gifSelector button:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF !important;
  color: #133974;
}
.toggleGifPicker:hover {
  color: black!important;
}
@media (max-width: 1766px) {
  #loginBtn {
    min-width: 14rem;
  }
}
.jour-btn-to-subscribe {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.jour-btn-to-subscribe i {
  position: relative;
  top: -3px;
}
@keyframes pulseBlue1 {
  0% {
    background-color: #133974;
    color: #fff;
  }
  50% {
    background-color: #fff;
    color: #133974;
  }
  100% {
    background-color: #133974;
    color: #fff;
  }
}
.loginPage {
  padding-top: 95px;
  height: 100%;
  background-size: cover;
  text-align: center;
}
.loginPage #login_block {
  width: 350px;
  height: auto;
  margin: auto;
  background-color: #133974;
}
.loginPage .login_header {
  width: 100%;
  height: 150px;
  /*background-image: url('../images/lelabbo_circleArt_bg.jpg');
    background-size: cover;*/
  box-shadow: 0 2px 10px 0 rgba(93, 93, 93, 0.58);
}
.loginPage .login_header h1 {
  padding: 40px 10px 10px 0;
  color: #fff;
  font-size: 1.8rem;
}
.loginPage .login_content {
  background-color: #133974;
  padding: 10px 20px;
  box-shadow: 0 2px 10px 0 rgba(93, 93, 93, 0.58);
  position: relative;
  color: #fff;
}
.loginPage .login_content input.form-control {
  border: 0;
  box-shadow: 1px 1px 2px inset;
  border-radius: unset;
  background-color: #ECEBE8;
  color: #636562;
  text-align: center;
}
.loginPage .login_content input.form-control::placeholder {
  font-style: italic;
}
.loginPage .login_content .btn {
  background-color: #C4BBB8;
}
.loginPage .login_content .btn-dotted {
  margin: 0 auto 20px;
  margin-top: 0px;
  display: block;
  border-radius: 0;
  border: 1px dotted #ffffff !important;
  font-size: 20px;
  padding: 5px 40px;
  width: 80%;
  min-width: 150px;
}
.loginPage .login_content .btn-dotted.loading {
  animation: pulseBlue1 1.5s infinite ease-in-out;
  background: none;
  width: 100%;
  transition: all ease-in-out 0.5s;
}
.loginPage .login_content .btn:focus,
.loginPage .login_content .btn:hover,
.loginPage .login_content .btn-icon:focus,
.loginPage .login_content .btn-icon:hover,
.loginPage .login_content .btn:active,
.loginPage .login_content .btn-icon:active {
  background-color: #FFFFFF !important;
  color: #133974 !important;
}
.loginPage .login_content LEGEND {
  border: 0;
  color: #ffffff;
  font-weight: bold;
}
.loginPage .login_content .alert-danger {
  padding: 5px 10px;
  margin-bottom: 10px;
}
.loginPage .login_content .alert-danger #QF_CAPTCHA_captcha_question {
  margin-right: 10px;
}
.loginPage #login_block .nav-pills {
  padding-bottom: 5px;
  padding-top: 5px;
  margin: 0;
}
.loginPage #login_block .nav-pills li {
  width: 100%;
  text-align: center;
  color: #fff;
  margin-bottom: 0.5rem;
}
.loginPage #login_block .nav-pills li a {
  color: #fff;
  font-size: 0.8rem;
}
.loginPage #login_block .nav-pills li a:hover,
.loginPage #login_block .nav-pills li a:active {
  color: #FFFFFF;
}
.loginPage .cubic_loader_container {
  /*overflow: hidden; position: relative; width: 54px; height: 55px;*/
  text-align: center;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  display: none;
  margin: 20px auto 15px;
  opacity: 0;
  transition: opacity linear 0.2s;
}
.loginPage .cubic_loader_container.visible {
  opacity: 1;
  display: block;
}
.loginPage .cubic_loader_container .cubic_loader {
  background-color: #ffffff;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  z-index: 1;
  animation-name: cubic_loader_anim;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-out;
}
.loginPage .cubic_loader_container IMG {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@keyframes cubic_loader_anim {
  0% {
    height: 0px;
  }
  100% {
    height: 55px;
  }
}
@keyframes cubic_loader_container_anim {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.isMobile .loginPage {
  padding-top: 0px;
}
.isMobile .loginPage #login_block {
  width: 100%;
}
.isMobile .loginPage .login_header,
.isMobile .loginPage .login_content {
  box-shadow: unset;
}
.isMobile .loginPage .login_header h1 {
  font-size: 1.8rem;
}
.navbar_for_login {
  border-bottom: 1px solid #fff;
}
@media all and (max-device-width: 768px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .bold_text {
    font-weight: bold;
  }
  .collapse:not(.show) {
    display: none !important;
  }
  .carousel-container {
    width: calc(100% - 0.5em);
  }
  .navbar-toggler {
    display: inline-block !important;
    padding: 0.25rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
  }
  .navbar-expand-lg {
    /*flex-flow: unset;*/
    justify-content: space-between;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-collapse {
    z-index: 1;
  }
  .navbar-expand-lg .navbar-collapse {
    display: block;
    flex-basis: 100% !important;
  }
  .navbar-collapse .navbar-nav {
    width: 100%;
  }
  .navbar-collapse .navbar-nav a,
  .navbar-collapse .navbar-nav button {
    width: 100%;
    display: block;
    border-radius: unset;
  }
  #customDropdown {
    border-radius: unset;
  }
  .navbar_catalog_mobile {
    display: contents;
  }
  .navbar_public_mobile .module_header_btn_container {
    padding-right: 0;
  }
  .navbar_public_mobile .module_header_btn_container #loginBtn {
    text-align: center;
  }
  .navbar_catalog_mobile .navbar {
    background-color: #133974;
    padding: 0;
  }
  .navbar_catalog_mobile .navbar-collapse {
    padding: 0;
  }
  .navbar_catalog_mobile .formations_list_config {
    margin: 0;
    padding: 20px 0;
  }
  .navbar_catalog_mobile #openHelpModal,
  .navbar_connected_mobile #openHelpModal {
    min-height: 50px;
    background-color: #FFFFFF;
    color: #404040;
    font-size: 16px;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
    padding-top: 12px;
  }
  .navbar_catalog_mobile #disconnect_button,
  .navbar_connected_mobile #disconnect_button {
    min-height: 50px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
    padding-top: 12px;
    color: #C4BBB8;
    font-style: italic;
  }
  .navbar_public_mobile,
  .navbar_catalog_mobile,
  .navbar_connected_mobile {
    background-color: #133974;
    height: 80px;
  }
  .navbar_public_mobile .enseigne_logo,
  .navbar_catalog_mobile .enseigne_logo,
  .navbar_connected_mobile .enseigne_logo {
    padding: 15px;
  }
  .navbar_public_mobile .enseigne_logo IMG,
  .navbar_catalog_mobile .enseigne_logo IMG,
  .navbar_connected_mobile .enseigne_logo IMG {
    height: 45px;
  }
  .navbar_public_mobile .navbar-light .navbar-toggler,
  .navbar_catalog_mobile .navbar-light .navbar-toggler,
  .navbar_connected_mobile .navbar-light .navbar-toggler {
    border: none;
    padding-top: 0.5em;
  }
  .navbar_public_mobile .navbar-light .navbar-toggler:focus,
  .navbar_catalog_mobile .navbar-light .navbar-toggler:focus,
  .navbar_connected_mobile .navbar-light .navbar-toggler:focus {
    box-shadow: none !important;
  }
  .navbar_public_mobile .navbar-light .navbar-toggler .navbar-toggler-icon,
  .navbar_catalog_mobile .navbar-light .navbar-toggler-icon,
  .navbar_connected_mobile .navbar-light .navbar-toggler .navbar-toggler-icon {
    width: 2em;
  }
  .navbar_public_mobile .navbar-light .navbar-toggler.collapsed .navbar-toggler-icon,
  .navbar_catalog_mobile .navbar-light .navbar-toggler.collapsed .navbar-toggler-icon,
  .navbar_connected_mobile .navbar-light .navbar-toggler.collapsed .navbar-toggler-icon {
    background-image: url("../img/burger_menu_2_focus.png");
  }
  .navbar_public_mobile #icon_chat_mobile,
  .navbar_catalog_mobile #icon_chat_mobile,
  .navbar_connected_mobile #icon_chat_mobile {
    left: -30px;
    transform: rotateY(180deg);
    font-size: 2.3em;
    display: inline-block;
  }
  .navbar_public_mobile #icon_profil_mobile,
  .navbar_catalog_mobile #icon_profil_mobile,
  .navbar_connected_mobile #icon_profil_mobile {
    right: -20px;
    font-size: 2em;
  }
  .navbar_public_mobile #icon_chat_mobile,
  .navbar_public_mobile #icon_profil_mobile,
  .navbar_catalog_mobile #icon_chat_mobile,
  .navbar_catalog_mobile #icon_profil_mobile,
  .navbar_connected_mobile #icon_chat_mobile,
  .navbar_connected_mobile #icon_profil_mobile {
    color: #FFFFFF;
    position: relative;
    margin-top: 12px;
  }
  .navbar_public_mobile #enterPlatformBtn,
  .navbar_public_mobile #loginBtn,
  .navbar_public_mobile .linkToBtn,
  .navbar_catalog_mobile #enterPlatformBtn,
  .navbar_catalog_mobile #loginBtn,
  .navbar_catalog_mobile .linkToBtn,
  .navbar_connected_mobile #enterPlatformBtn,
  .navbar_connected_mobile #loginBtn,
  .navbar_connected_mobile .linkToBtn {
    box-shadow: none !important;
    background-color: #FFFFFF;
    color: #404040;
    margin: 0;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    font-weight: 500;
    min-height: 50px;
  }
  .navbar_public_mobile #enterPlatformBtn,
  .navbar_catalog_mobile #enterPlatformBtn,
  .navbar_connected_mobile #enterPlatformBtn,
  .navbar_public_mobile #loginBtn,
  .navbar_catalog_mobile #loginBtn,
  .navbar_connected_mobile #loginBtn {
    padding-top: 10px;
  }
  .navbar_public_mobile #enterPlatformBtn.active,
  .navbar_public_mobile #loginBtn.active,
  .navbar_public_mobile .linkToBtn.active,
  .navbar_catalog_mobile #enterPlatformBtn.active,
  .navbar_catalog_mobile #loginBtn.active,
  .navbar_catalog_mobile .linkToBtn.active,
  .navbar_connected_mobile #enterPlatformBtn.active,
  .navbar_connected_mobile #loginBtn.active,
  .navbar_connected_mobile .linkToBtn.active {
    border-bottom: 1px solid #CCCCCC !important;
  }
  .navbar_public_mobile #enterPlatformBtn SPAN,
  .navbar_public_mobile #loginBtn SPAN,
  .navbar_public_mobile .linkToBtn,
  .navbar_catalog_mobile #enterPlatformBtn SPAN,
  .navbar_catalog_mobile #loginBtn SPAN,
  .navbar_catalog_mobile .linkToBtn,
  .navbar_connected_mobile #enterPlatformBtn SPAN,
  .navbar_connected_mobile #loginBtn SPAN,
  .navbar_connected_mobile .linkToBtn {
    text-transform: capitalize !important;
    font-weight: 500;
  }
  .navbar_public_mobile #enterPlatformBtn SPAN,
  .navbar_public_mobile #loginBtn SPAN,
  .navbar_catalog_mobile #enterPlatformBtn SPAN,
  .navbar_catalog_mobile #loginBtn SPAN,
  .navbar_connected_mobile #enterPlatformBtn SPAN,
  .navbar_connected_mobile #loginBtn SPAN {
    color: #C4BBB8;
    font-style: italic;
    vertical-align: sub;
  }
  .navbar_public_mobile .navbar-nav A,
  .navbar_catalog_mobile .navbar-nav A,
  .navbar_connected_mobile .navbar-nav A {
    padding: 0 5px;
  }
  .navbar_public_mobile #enterPlatformBtn,
  .navbar_public_mobile #loginBtn,
  .navbar_catalog_mobile #enterPlatformBtn,
  .navbar_catalog_mobile #loginBtn,
  .navbar_connected_mobile #enterPlatformBtn,
  .navbar_connected_mobile #loginBtn {
    border-radius: 0;
  }
  .navbar_catalog_mobile #responsive-navbar-nav,
  .navbar_connected_mobile #responsive-navbar-nav {
    margin-top: 5px;
  }
  .navbar_catalog_mobile #burger_menu_profil,
  .navbar_connected_mobile #burger_menu_profil {
    text-align: center;
    background-color: #FFFFFF;
    border-radius: unset;
    padding: 0;
    margin-top: 0;
    box-shadow: none;
    color: #404040;
    min-height: 50px;
    padding-top: 5px;
    border-bottom: 1px solid #cccccc;
  }
  .navbar_catalog_mobile .sort_filter_container,
  .navbar_catalog_mobile .thematic_filter_container,
  .navbar_catalog_mobile .display_filter_container {
    color: #133974;
    font-weight: 600;
    margin-top: 10px;
  }
  .navbar_catalog_mobile .sort_filter_container BUTTON,
  .navbar_catalog_mobile .thematic_filter_container BUTTON,
  .navbar_catalog_mobile .display_filter_container BUTTON {
    width: 100%;
    border-radius: unset;
    margin-bottom: 10px;
    height: 30px;
    background-color: #FFFFFF;
    color: #404040;
    font-size: 14px;
    border-color: #CCCCCC;
    font-style: italic;
  }
  .navbar_catalog_mobile .sort_filter_container BUTTON:active,
  .navbar_catalog_mobile .thematic_filter_container BUTTON:active,
  .navbar_catalog_mobile .display_filter_container BUTTON:active {
    color: #FFFFFF !important;
    background-color: #133974 !important;
    border-color: #133974 !important;
  }
  .navbar_catalog_mobile .sort_filter_container BUTTON:focus,
  .navbar_catalog_mobile .thematic_filter_container BUTTON:focus,
  .navbar_catalog_mobile .display_filter_container BUTTON:focus {
    box-shadow: none !important;
  }
  .navbar_catalog_mobile .sort_filter_container BUTTON.selected,
  .navbar_catalog_mobile .thematic_filter_container BUTTON.selected,
  .navbar_catalog_mobile .display_filter_container BUTTON.selected {
    color: #FFFFFF !important;
    background-color: #133974 !important;
    border-color: #133974 !important;
  }
  .navbar_catalog_mobile .catalog_search .input-group {
    border-radius: 30px;
  }
  .navbar_catalog_mobile .formations_list_config .linkToBtn {
    max-height: 35px;
    margin: 5px;
    white-space: nowrap;
    color: #133974;
    min-height: unset;
    border: 1px solid #133974;
  }
  .navbar_catalog_mobile .formations_list_config .linkToBtn.selected {
    background-color: #133974;
    color: #FFFFFF;
    box-shadow: 1px 1px 5px 0px #00000045 inset !important;
  }
  .navbar_catalog_mobile .targets_button_container {
    display: flex;
    overflow: auto;
    margin-bottom: 15px;
  }
  .navbar_connected_mobile .navbar_profil_container {
    position: absolute;
    right: 4rem;
    top: 1.2rem;
  }
  ::-webkit-scrollbar {
    width: 0;
    background: transparent;
  }
  .thematique_block {
    padding-left: 0;
    padding-right: 0;
    background: linear-gradient(#fafafa, #eae3e0);
  }
  .chat_message.text_italic {
    font-style: italic;
    text-align: center;
    color: #666666;
    text-transform: uppercase;
    font-size: 0.6rem;
  }
  .formationBlock {
    width: 100%;
    height: 100%;
  }
  .formation_card {
    height: auto;
    width: 100%;
  }
  .FormationsInfos {
    width: 100%;
  }
  .intervenant-carousel-prev,
  .intervenant-carousel-next {
    display: none;
  }
  .formation_detail_block {
    /*margin-left: 0 !important;
    margin-right: 0 !important;*/
    /*position: absolute;
    left: 0;*/
    z-index: 3;
    width: calc(100% + 30px);
  }
  .isMobile .formation_detail_block {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: -4%;
    top: 0.5rem !important;
    position: absolute;
    left: 0;
    z-index: 3;
    width: 100%;
  }
  h5.formation_detail_block-title {
    padding: 1em 0.5em;
    padding-top: 2.5em;
    font-size: 1em;
  }
  .formation_detail_block-meta {
    font-size: 1rem;
    padding-left: 0;
    padding-right: 0;
    background-color: #133974;
    color: #FFFFFF;
    padding-top: 10px;
    margin-bottom: 0;
  }
  .formation_detail_block-meta .modality_title {
    padding: 10px 0 10px 25px;
  }
  .formation_detail_block-meta .col-6.text-right {
    padding-left: 5px;
  }
  .formation_detail_block-meta .col-6.text-left {
    align-content: baseline;
  }
  .formation_detail_block_intervenants_list {
    padding-top: 10%;
  }
  .formations_list.hasOpened {
    margin-bottom: 0;
  }
  .formation_detail_block-title-part {
    box-shadow: inset 0px 0px 5px 2px #00000045;
  }
  .formation_detail_block .whiteBackground {
    background-color: #FFFFFF;
  }
  h5.equipe_intervenants {
    font-size: 0.9em;
  }
  .formation_info_modal_content_container.flex_container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 3.5rem;
    position: relative;
    padding-top: 20px;
  }
  .has_video {
    height: 210px;
  }
  .has_video .formation_info_modal_content_container.flex_container {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    height: 3.5rem;
    position: relative;
    padding-top: 20px;
  }
  .jumbotron {
    padding: 0.5rem;
    padding-top: 1.5rem;
    min-height: 0;
  }
  .hero_search {
    margin: auto;
    margin-top: 1.5rem;
    width: 100%;
    text-align: center;
  }
  .hero_search input {
    width: 100%;
  }
  .hero_search .input-group {
    border-radius: 30px;
  }
  .hero_search input[name=search] {
    font-size: 0.9rem;
  }
  .hero_search .input-group-prepend .input-group-text {
    padding-left: 18px;
  }
  .hero_search .input-group-prepend .input-group-text i {
    font-size: 1.1rem;
  }
  .nextSession {
    width: 19rem;
  }
  .formation-badge {
    margin-left: 21.5%;
    box-shadow: -2px -2px 5px #00000045;
  }
  .boxshadowNG {
    box-shadow: -15px 10px 20px -15px #000000;
  }
  .certificate-ribbon {
    top: 0;
  }
  .titleSubtitle {
    text-align: center;
    color: #4a4d4a;
    padding-bottom: 1.5rem;
  }
  .thematique_block .titleSubtitle {
    text-align: left;
  }
  .starsCenter {
    font-size: 0.97rem;
  }
  .fontSizeTitle {
    font-size: 1.2rem;
  }
  .fontSizeSubtitle {
    font-size: 0.7rem;
  }
  .isMobile .formationBlockColGrid {
    padding-right: 0;
    padding-left: 0;
    margin-bottom: 0;
  }
  .formations_list {
    margin-left: 0px;
    margin-right: 0px;
  }
  /*body:not(.isMobile) .formation-badge.not_display {
    height: 0;
  }*/
  .backgroundGrey {
    background-color: #ecebe8;
  }
  .formation_detail_block-title-part .backgroundGrey {
    box-shadow: inset 0px 5px 5px 2px #00000045;
  }
  .formation_detail_block-title-part .backgroundGrey .eval_header {
    font-size: 0.9em;
  }
  .close_block {
    top: 2rem;
    right: 1rem;
  }
  .testBtnSubscription {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    background-color: unset;
    border-radius: unset;
    padding: 25px 0;
  }
  .btn-circle-footer {
    margin: auto;
    width: 8.5rem;
    height: 8.5rem;
    font-size: 1.3rem;
    box-shadow: 1px 1px 5px #0000008a;
  }
  .footerAccroche {
    font-size: 1rem;
    font-weight: normal;
  }
  .footer {
    padding-top: 7vh;
    padding-bottom: 7vh;
    color: #FFF;
  }
  .reviewListStyle {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 0;
    color: grey;
    font-weight: bold;
  }
  .reviewBlockStyle {
    margin-top: 2rem;
  }
  .reviewBlock h3 {
    font-size: 0.95rem;
    font-weight: bold;
    margin-bottom: 0.2rem;
    color: #515151;
  }
  .reviewBlock p {
    color: gray;
    text-align: left;
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }
  .reviewBlock {
    padding-bottom: 0;
  }
  .review-section {
    padding-bottom: 2rem;
    padding-top: 1.5rem;
    background-color: white;
  }
  .linkToBtn.programLink {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #133974;
  }
  .linkToBtn.programLink:hover,
  .linkToBtn.programLink:active {
    background-color: #133974;
    border-color: #133974;
    color: #FFFFFF;
  }
  .formation_detail_block .subscription_choice_container {
    background-color: #CAC6C0;
  }
  .formation_detail_block .subscription_choice_container {
    margin-top: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .equipe_intervenants_title {
    font-size: 1.2rem;
  }
  .jour-btn-to-subscribe {
    margin-right: 0;
    display: block;
    width: 12rem;
    text-transform: uppercase;
    font-weight: bold;
  }
  .white_separator {
    border-top: 1px solid #FFFFff;
    width: 35%;
  }
  .formation_type_icon {
    font-size: 2rem;
  }
  .formation_type_title {
    font-size: 1rem;
    vertical-align: super;
  }
  .plus_sign {
    font-size: 30px;
  }
  .testBtnSubscription i.more_dates {
    margin-left: 0;
    color: #404040;
    font-size: 1.5rem;
    margin-top: 0.5rem;
  }
  .formation-detail-review-list {
    padding-top: 3vh;
  }
  .formation-detail-review-list .reviewBlock h3 {
    font-size: 0.95rem;
  }
  .formation-detail-review-list-title {
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    font-size: 1.2rem;
  }
  .rating > span > span {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
  }
  /* descriptionModal -> formationDetailBlock in Modal */
  .descriptionModal .modal-body {
    padding: 0;
  }
  .descriptionModal .modal-body > .container-fluid {
    padding-right: 0;
    padding-left: 0;
  }
  .descriptionModal .formation_detail_block {
    position: initial;
    top: 0;
    margin-left: 0;
    margin-right: 0;
  }
  .formations_page.mobile .formation_detail_block {
    box-shadow: 0 0 15px 15px #8c8c8c;
  }
  .formations_page.mobile .userFormationBlock {
    margin-bottom: 2rem;
    width: 100%;
    max-width: 400px;
  }
  .formations_page.mobile .formations_pages_title {
    text-transform: uppercase;
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 20px;
  }
  .formations_page.mobile .finished_formations_show_all {
    height: 55px;
    border-radius: 30px;
    width: 100%;
    text-align: center;
    background-color: #DF7211 !important;
    text-transform: uppercase;
    font-size: 0.9rem;
    padding: 0;
    font-weight: 700;
    margin: 40px 0;
  }
  .formations_page.mobile .user_formation_card {
    margin: 0;
  }
  .formations_page.mobile .in_progress_mobile {
    text-transform: capitalize;
  }
  .formations_page.mobile .card-title {
    font-size: 1.1rem;
  }
  .formations_page.mobile .formation_detail_block.my_formation_detail_block {
    margin-left: 0;
    margin-right: 0;
  }
  .formations_page.mobile .launchBtn {
    height: 40px;
    border-radius: 30px;
    width: 100%;
  }
  .formations_page.mobile .launch_formation_text {
    padding: 0;
  }
  .formations_page.mobile .launch_formation_text SPAN {
    padding-left: 15px;
  }
  .formations_page.mobile .launch_formation_arrow {
    padding: 0 0 0 45px;
  }
  .formations_page.mobile .displayMyProgression {
    width: 100%;
    font-size: 0.8rem;
    height: 30px;
    padding: 0 20px;
    white-space: pre;
    background-color: #ECEBE8;
    border: none;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.3) inset;
    color: #404040;
    font-weight: 600;
  }
  .formations_page.mobile .progress_container I,
  .formations_page.mobile .documents_container I,
  .formations_page.mobile .community_chat_container I,
  .formations_page.mobile .chat_chat_container I {
    font-size: 1.5em;
    color: #133974;
  }
  .formations_page.mobile .progress_container BUTTON,
  .formations_page.mobile .documents_container BUTTON,
  .formations_page.mobile .community_chat_container BUTTON,
  .formations_page.mobile .chat_chat_container BUTTON {
    width: 100%;
    font-size: 0.8rem;
    height: 30px;
    padding: 0 20px;
    white-space: pre;
    background-color: #ECEBE8;
    border: none;
    box-shadow: 0 2px 5px -1px rgba(0, 0, 0, 0.3) inset;
    color: #404040;
    font-weight: 600;
  }
  .formations_page.mobile .btns_container {
    display: flex;
  }
  .formations_page.mobile .available_formation_text {
    font-size: 0.8em;
    white-space: nowrap;
  }
  .formations_page.mobile .available_formation_number {
    color: #DF7211;
    font-weight: 600;
  }
  .formations_page.mobile .progress-bar {
    height: 15px;
  }
  .formations_page.mobile .my_formation_detail_part_right {
    box-shadow: none !important;
    padding: 0;
  }
  .formations_page.mobile .accordion > .card .card-header {
    text-align: center;
    background-color: #133974;
    color: #FFFFFF;
  }
  .formations_page.mobile .accordion > .card .card-header.selected {
    background-color: #FFFFFF;
    color: #404040;
    box-shadow: 0 0 5px 0 #404040;
  }
  .formations_page.mobile .tr_selected {
    box-shadow: 0 2px 5px -1px #CCCCCC inset;
    font-style: italic;
    height: 49px;
  }
  .formations_page.mobile .tr_selected .btn_download,
  .formations_page.mobile .tr_selected .btn_delete {
    border-left: 3px solid rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    position: absolute;
  }
  .formations_page.mobile .tr_selected .btn_download {
    font-size: 1.2em;
    right: 54px;
    background-color: #e6e6e6;
    height: 49px;
    top: 0;
    padding: 7px 15px 0 15px;
  }
  .formations_page.mobile .tr_selected .btn_download A {
    color: #404040;
  }
  .formations_page.mobile .tr_selected .btn_delete {
    font-size: 1.5em;
    right: 0;
    background-color: #e6e6e6;
    padding: 7px 15px 0 15px;
    top: 0;
    height: 49px;
  }
  .formations_page.mobile .fileName {
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
  }
  .formations_page.mobile .formation_detail_block .table-responsive {
    height: unset;
  }
  .formations_page.mobile .downloadZip {
    margin-bottom: 20px;
  }
  .formations_page.mobile #uploaderBtn_docSpace_2_shared_document,
  .formations_page.mobile #uploaderBtn_docSpace_2_for_formateur_document {
    width: 95%;
  }
  .formations_page.mobile .community_container {
    margin-left: 0;
    margin-right: 0;
  }
  .formations_page.mobile .img_user_community_chat {
    width: 30px;
  }
  .formations_page.mobile #messages_table .img_table {
    padding: 1.4rem 0.5rem;
  }
  .formations_page.mobile table.table td.name-column {
    white-space: unset;
  }
  .formations_page.mobile .name-column {
    font-size: 0.9rem;
    word-break: break-word;
  }
  .formations_page.mobile .community_container #message,
  .formations_page.mobile .chat #message {
    width: 100%;
    padding-left: 55px;
    padding-top: 12px;
  }
  .formations_page.mobile .community_container .actionMessageBtns,
  .formations_page.mobile .chat .actionMessageBtns {
    width: 100%;
  }
  .formations_page.mobile .form_group_community_chat {
    position: relative;
    margin-bottom: 0;
  }
  .formations_page.mobile .submitMessageMobile {
    position: absolute;
    top: 15px;
    right: 15px;
    color: white;
  }
  .formations_page.mobile .actionMessageBtns {
    position: unset;
    border-radius: unset;
  }
  .formations_page.mobile .emojiBtn {
    padding-left: 35px !important;
    padding-right: 35px;
  }
  .formations_page.mobile #uploadImg_chat_formateurs,
  .formations_page.mobile #uploadVideo_chat_formateurs,
  .formations_page.mobile #uploadImg_chat_formation_group,
  .formations_page.mobile #uploadVideo_chat_formation_group {
    padding-right: 35px;
  }
  .formations_page.mobile .community_chat_media {
    width: 250px !important;
    max-width: 250px !important;
  }
  .formations_page.mobile .community_container .actionMessageBtnsEdit,
  .formations_page.mobile .chat .actionMessageBtnsEdit {
    right: 0 !important;
    width: 100% !important;
    border-radius: unset;
  }
  .formations_page.mobile .community_container .chat-rooms,
  .formations_page.mobile .chat .chat-rooms {
    width: 100%;
    text-align: center;
  }
  .formations_page.mobile .newMesageBtn {
    width: 50%;
    border-radius: 25px !important;
    height: 40px;
    font-size: 0.8rem;
    margin-bottom: 20px;
  }
  .formations_page.mobile .btn-chat {
    max-width: unset;
  }
  .formations_page.mobile .d-flex_inline {
    float: left;
    text-align: left;
  }
  .formations_page.mobile .community_container .chat-right,
  .formations_page.mobile .chat .chat-right {
    max-width: unset;
  }
  .formations_page.mobile .chat {
    margin: 0;
  }
  #chatDetailModalDiv {
    margin: 0;
  }
  #chatDetailModalDiv .modal-header {
    background-color: #e6e6e6;
    box-shadow: 0 0 5px 1px #8c8c8c;
    position: relative;
    z-index: 1;
  }
  #chatDetailModalDiv .modal-header SPAN:not(.d-flex_inline) {
    font-size: 40px;
    color: #000000;
    opacity: unset !important;
  }
  #chatDetailModalDiv .modal-header .sender_name_container {
    padding-top: 10px;
    font-weight: 600;
  }
  #chatDetailModalDiv .modal-body {
    padding: 0;
  }
  #chatDetailModalDiv .modal-body .chat-right {
    padding: 0;
  }
  #chatDetailModalDiv .modal-body .name-column SPAN {
    font-size: 0.8rem !important;
  }
  #chatDetailModalDiv #messages_table .img_table {
    padding: 0;
  }
  #chatDetailModalDiv .form_group_community_chat {
    position: relative;
    margin-bottom: 0;
    width: 100%;
  }
  #chatDetailModalDiv .submitMessageMobile {
    position: absolute;
    top: 15px;
    right: 15px;
    color: white;
  }
  #chatDetailModalDiv .actionMessageBtns {
    position: unset;
    border-radius: unset;
  }
  #chatDetailModalDiv .emojiBtn {
    padding-left: 35px !important;
    padding-right: 35px;
  }
  #chatDetailModalDiv #uploadImg_chat_formateurs,
  #chatDetailModalDiv #uploadVideo_chat_formateurs,
  #chatDetailModalDiv #uploadImg_chat_formation_group,
  #chatDetailModalDiv #uploadVideo_chat_formation_group {
    padding-right: 35px;
  }
  #chatDetailModalDiv .community_chat_media {
    width: 250px !important;
    max-width: 250px !important;
  }
  #chatDetailModalDiv .actionMessageBtnsEdit {
    right: 0 !important;
    width: 100% !important;
    border-radius: unset;
  }
  #chatDetailModalDiv .chat-rooms {
    width: 100%;
    text-align: center;
  }
  #chatDetailModalDiv .newMesageBtn {
    width: 50%;
    border-radius: 25px !important;
    height: 40px;
    font-size: 0.8rem;
    margin-bottom: 20px;
  }
  #chatDetailModalDiv .btn-chat {
    max-width: unset;
  }
  #chatDetailModalDiv #message {
    width: 100%;
    padding-left: 55px;
    padding-top: 12px;
    background-color: #4d4d4d;
    border-radius: 0;
    color: #FFFFFF;
    height: 50px;
  }
  #chatDetailModalDiv .actionMessageBtns {
    background-color: #0375B3;
    height: 50px;
    padding: 13px;
    padding-top: 10px;
    right: 0;
    width: 100%;
    border-radius: unset;
    position: unset;
  }
  #chatDetailModalDiv #messages_table TR {
    height: 70px;
  }
  #chatDetailModalDiv #messages_table TD {
    white-space: pre-wrap;
    word-break: break-word;
  }
  #chatDetailModalDiv #messages_table .chat_message {
    padding: 2rem 0;
  }
  #chatDetailModalDiv #messages_table .chat_message_time {
    font-weight: 600;
    padding-top: 0.5rem;
  }
  #chatDetailModalDiv .table-responsive {
    overflow-x: unset;
  }
  #chatDetailModalDiv .endMessagesChat {
    display: none;
  }
  #chatDetailModalDiv #uploadImg_chat_one_to_one,
  #chatDetailModalDiv #uploadVideo_chat_one_to_one {
    padding-right: 35px;
  }
  .isMobile .module_header_btn_container {
    padding-right: 0;
  }
  .isMobile .card-img-top {
    min-height: 192px;
  }
  .navbar-collapse.collapsing {
    display: none !important;
  }
  .navbar-collapse.collapse.show {
    height: initial;
    position: absolute;
    top: 0;
    right: 60px;
    background-color: #fff;
    border: 1px solid #133974;
    display: block!important;
    padding-bottom: 0;
  }
  .navbar-collapse.collapse.show .navbar-nav {
    height: initial;
    display: block;
  }
  .navbar-collapse.collapse.show .module_header_btn_container {
    text-align: center;
    padding-right: unset;
  }
  .navbar-collapse.collapse.show .module_header_btn_container .not_connected {
    text-align: center;
  }
  .navbar-collapse.collapse.show .module_header_btn_container #enterPlatformBtn,
  .navbar-collapse.collapse.show .module_header_btn_container #loginBtn {
    border-radius: unset;
  }
  .navbar-collapse.collapse.show .navbar_wave_connected {
    text-align: right;
    width: 100%;
  }
  .help_assistance,
  .help_cma {
    width: 100%;
    margin-left: unset;
  }
}
@media (min-device-width: 768px) and (max-device-width: 992px) {
  .modal-dialog {
    max-width: 1024px;
  }
  #civility.civility_container {
    max-width: 100px;
  }
  .password_container #password {
    max-width: 125px;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
  }
  .navbar_for_login,
  .navbar_public_mobile,
  .navbar_catalog_mobile {
    position: relative;
    z-index: 1;
  }
  .navbar_for_login .navbar,
  .navbar_public_mobile .navbar,
  .navbar_catalog_mobile .navbar {
    display: block;
  }
  .navbar_for_login .navbar-toggler,
  .navbar_public_mobile .navbar-toggler,
  .navbar_catalog_mobile .navbar-toggler {
    float: right;
    margin-top: 1rem;
  }
  .navbar_for_login .navbar > a > i,
  .navbar_public_mobile .navbar > a > i,
  .navbar_catalog_mobile .navbar > a > i {
    margin-top: 0.5rem;
  }
}
.section_theme_0 .thematique_show_all {
  background-color: #ED6A74;
  color: #fff;
  border-color: #ED6A74;
}
.section_theme_0 .thematique_show_all:hover,
.section_theme_0 .thematique_show_all:active {
  background-color: #DF3440 !important;
  color: #fff;
  border-color: #DF3440 !important;
}
.section_theme_0 .thematicTitle i {
  color: #FFB505;
}
.section_theme_0 .the_most_viewer {
  background-color: #FF9E05;
}
.section_theme_0 .the_greatest,
.section_theme_0 .nextSession {
  background-color: #DF7211;
}
.section_theme_0 .new_item {
  background-color: #FFB505;
}
.section_theme_0 .rating-1 {
  color: #ED6A74;
}
.section_theme_0 .rating-2 {
  color: #DF3440;
}
.section_theme_0 .rating-3 {
  color: #A9131E;
}
.section_theme_0 .rating-4 {
  color: #8B0711;
}
.section_theme_0 .rating-5 {
  color: #650B11;
}
.section_theme_0 .rating-6 {
  color: #650B11;
}
.section_theme_1 .thematique_show_all {
  background-color: #50C3FF;
  color: #fff;
  border-color: #50C3FF;
}
.section_theme_1 .thematique_show_all:hover,
.section_theme_1 .thematique_show_all:active {
  background-color: #1FA8F0 !important;
  color: #fff;
  border-color: #1FA8F0 !important;
}
.section_theme_1 .thematicTitle i {
  color: #FFB505;
}
.section_theme_1 .the_most_viewer {
  background-color: #FF9E05;
}
.section_theme_1 .the_greatest,
.section_theme_1 .nextSession {
  background-color: #DF7211;
}
.section_theme_1 .new_item {
  background-color: #FFB505;
}
.section_theme_1 .rating-1 {
  color: #50C3FF;
}
.section_theme_1 .rating-2 {
  color: #1FA8F0;
}
.section_theme_1 .rating-3 {
  color: #008ED8;
}
.section_theme_1 .rating-4 {
  color: #0275B2;
}
.section_theme_1 .rating-5 {
  color: #005B8B;
}
.section_theme_1 .rating-6 {
  color: #005B8B;
}
.section_theme_2 .thematique_show_all {
  background-color: #F2E397;
  color: #fff;
  border-color: #F2E397;
}
.section_theme_2 .thematique_show_all:hover,
.section_theme_2 .thematique_show_all:active {
  background-color: #FFB505 !important;
  color: #fff;
  border-color: #FFB505 !important;
}
.section_theme_2 .thematicTitle i {
  color: #ED6A74;
}
.section_theme_2 .the_most_viewer {
  background-color: #DF3440;
}
.section_theme_2 .the_greatest,
.section_theme_2 .nextSession {
  background-color: #A9131E;
}
.section_theme_2 .new_item {
  background-color: #ED6A74;
}
.section_theme_2 .rating-1 {
  color: #F2E397;
}
.section_theme_2 .rating-2 {
  color: #FFB505;
}
.section_theme_2 .rating-3 {
  color: #FF9E05;
}
.section_theme_2 .rating-4 {
  color: #E08B25;
}
.section_theme_2 .rating-5 {
  color: #DF7211;
}
.section_theme_2 .rating-6 {
  color: #DF7211;
}
.section_theme_3 .thematique_show_all {
  background-color: #50C3FF;
  color: #fff;
  border-color: #50C3FF;
}
.section_theme_3 .thematique_show_all:hover,
.section_theme_3 .thematique_show_all:active {
  background-color: #1FA8F0 !important;
  color: #fff;
  border-color: #1FA8F0 !important;
}
.section_theme_3 .thematicTitle i {
  color: #ED6A74;
}
.section_theme_3 .the_most_viewer {
  background-color: #DF3440;
}
.section_theme_3 .the_greatest,
.section_theme_3 .nextSession {
  background-color: #A9131E;
}
.section_theme_3 .new_item {
  background-color: #ED6A74;
}
.section_theme_3 .rating-1 {
  color: #50C3FF;
}
.section_theme_3 .rating-2 {
  color: #1FA8F0;
}
.section_theme_3 .rating-3 {
  color: #008ED8;
}
.section_theme_3 .rating-4 {
  color: #0275B2;
}
.section_theme_3 .rating-5 {
  color: #005B8B;
}
.section_theme_3 .rating-6 {
  color: #005B8B;
}
.section_theme_4 .thematique_show_all {
  background-color: #DBE6BF;
  color: #fff;
  border-color: #DBE6BF;
}
.section_theme_4 .thematique_show_all:hover,
.section_theme_4 .thematique_show_all:active {
  background-color: #B9C49E !important;
  color: #fff;
  border-color: #B9C49E !important;
}
.section_theme_4 .thematicTitle i {
  color: #ED6A74;
}
.section_theme_4 .the_most_viewer {
  background-color: #DF3440;
}
.section_theme_4 .the_greatest,
.section_theme_4 .nextSession {
  background-color: #A9131E;
}
.section_theme_4 .new_item {
  background-color: #ED6A74;
}
.section_theme_4 .rating-1 {
  color: #DBE6BF;
}
.section_theme_4 .rating-2 {
  color: #B9C49E;
}
.section_theme_4 .rating-3 {
  color: #97A87F;
}
.section_theme_4 .rating-4 {
  color: #77895F;
}
.section_theme_4 .rating-5 {
  color: #50673F;
}
.section_theme_4 .rating-6 {
  color: #50673F;
}
.section_theme_5 .thematique_show_all {
  background-color: #BDA1B1;
  color: #fff;
  border-color: #BDA1B1;
}
.section_theme_5 .thematique_show_all:hover,
.section_theme_5 .thematique_show_all:active {
  background-color: #82617B !important;
  color: #fff;
  border-color: #82617B !important;
}
.section_theme_5 .thematicTitle i {
  color: #C1C48E;
}
.section_theme_5 .the_most_viewer {
  background-color: #9BAD7F;
}
.section_theme_5 .the_greatest,
.section_theme_5 .nextSession {
  background-color: #819265;
}
.section_theme_5 .new_item {
  background-color: #C1C48E;
}
.section_theme_5 .rating-1 {
  color: #BDA1B1;
}
.section_theme_5 .rating-2 {
  color: #82617B;
}
.section_theme_5 .rating-3 {
  color: #61495D;
}
.section_theme_5 .rating-4 {
  color: #46303E;
}
.section_theme_5 .rating-5 {
  color: #262229;
}
.section_theme_5 .rating-6 {
  color: #262229;
}
.section_theme_5 .thematique_show_all {
  background-color: #BDA1B1;
  color: #fff;
  border-color: #BDA1B1;
}
.section_theme_6 .thematique_show_all {
  background-color: #133974;
  color: #fff;
  border-color: #133974;
}
.section_theme_6 .thematique_show_all:hover,
.section_theme_6 .thematique_show_all:active {
  background-color: #C4BBB8 !important;
  color: #fff;
  border-color: #C4BBB8 !important;
}
.section_theme_6 .thematicTitle i {
  color: #133974;
}
.section_theme_6 .the_most_viewer {
  background-color: #286DD9;
}
.section_theme_6 .the_greatest,
.section_theme_6 .nextSession {
  background-color: #133974;
}
.section_theme_6 .new_item {
  background-color: #C4BBB8;
}
.section_theme_6 .rating-1 {
  color: #133974;
}
.section_theme_6 .rating-2 {
  color: #194892;
}
.section_theme_6 .rating-3 {
  color: #225FC0;
}
.section_theme_6 .rating-4 {
  color: #286DD9;
}
.section_theme_6 .rating-5 {
  color: #2F80FF;
}
.section_theme_6 .rating-6 {
  color: #2F80FF;
}
.lelabbo_box {
  margin: 0 20px 20px;
}
.lelabbo_box .title {
  background-color: #133974;
  color: #ffffff;
  margin: 0;
  padding: 0 20px;
  line-height: 40px;
  font-size: 20px;
}
.lelabbo_box .title I {
  margin: 0 10px 0;
  vertical-align: middle;
}
.lelabbo_box .content {
  padding: 10px 40px;
  background-color: #ffffff;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
  color: #727272;
}
.lelabbo_box .content P {
  margin: 0;
}
.lelabbo_box .content A {
  color: #727272;
  margin-left: 5px;
  text-decoration: none;
}
.lelabbo_box .content SELECT {
  width: 100%;
  height: 100px;
  background-color: #727272 !important;
  border: 0;
}
.lelabbo_box .content TEXTAREA {
  width: 100%;
}
.lelabbo_box .lelabbo_row {
  margin: 0;
  text-align: left;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
}
.lelabbo_box .add_element_box {
  margin: 10px 0;
}
.lelabbo_box .add_element_box INPUT {
  width: 80%;
  margin-right: 10px;
  display: inline-block;
}
.lelabbo_box_short_name {
  margin-left: 64%;
  margin-right: -40%;
  margin-top: 3%;
}
.lelabbo_box_short .content {
  min-height: 0;
}
.lelabbo_box_short .content INPUT {
  width: 100%;
}
.lelabbo_box_short .content INPUT[type="checkbox"] {
  width: auto;
}
.removable_element {
  display: none;
}
.lelabbo_box .lelabbo_box_short {
  margin-left: 2%;
  margin-right: 2%;
}
.lelabbo_box .lelabbo_metiers {
  margin-left: 7%;
}
.lelabbo_box .lelabbo_enseigne {
  padding-right: 1%;
}
.header_title a {
  display: block;
}
#module_learner_view {
  width: 335px;
}
#module_learner_view .GT_Entity {
  padding: 11px 40px;
  box-shadow: none;
  cursor: default;
}
#module_learner_view.fullScreen {
  background-color: #e3e3e3;
}
#module_learner_view.fullScreen .GT_Entity,
#module_learner_view.fullScreen .GT_Link {
  visibility: hidden;
}
#module_learner_view .GT_Entity.pre-requis {
  background-color: transparent;
}
#module_learner_view .GT_Entity.available {
  cursor: pointer;
}
#module_learner_view .GT_Link {
  width: 340px;
  height: 36px;
  left: 0;
  background-color: #e3e3e3;
  border: 0;
  text-align: center;
  color: #727272;
}
#module_learner_view .GT_Link I {
  transform: rotate(90deg);
  font-size: 20px;
  line-height: 36px;
  vertical-align: middle;
  display: inline-block;
}
#module_learner_view .GT_Entity_content {
  /*box-shadow: 2px 0 10px rgba(0,0,0,0.4);*/
}
#module_learner_view .GT_EntityName {
  text-align: center;
  width: 100%;
  max-height: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
  background-color: #e9eae9;
  color: #727272;
  line-height: 30px;
  padding: 0;
  margin: 0;
  text-transform: none;
  font-size: 13px;
  white-space: nowrap;
  font-weight: 600;
}
#module_learner_view .GT_EntityImageContainer {
  height: 124px;
  background-size: cover;
  text-align: center;
  overflow: hidden;
}
#module_learner_view .GT_EntityImageContainer IMG {
  width: 100%;
}
#module_learner_view .GT_EntityImageContainer.noImg {
  background-color: #133974;
}
#module_learner_view .GT_EntityImageContainer.noImg IMG {
  width: unset;
  height: 90%;
  margin-top: 2.5%;
}
#module_learner_view .GT_EntityImageContainer .GT_EntityBtnContainer {
  width: 100%;
  height: 124px;
  position: absolute;
  top: 30px;
  left: 0;
}
#module_learner_view .available .GT_EntityImageContainer .GT_EntityBtnContainer:hover,
#module_learner_view .selected .GT_EntityImageContainer .GT_EntityBtnContainer {
  background: rgba(255, 255, 255, 0);
  background: -moz-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(0, 0, 0, 0.58)));
  background: -webkit-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
  background: -o-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
  background: -ms-radial-gradient(center, ellipse cover, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.58) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#000000', GradientType=1);
}
#module_learner_view .GT_EntityImageContainer I {
  font-size: 60px;
  color: #ffffff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  line-height: 124px;
  vertical-align: middle;
  display: none;
}
#module_learner_view .GT_EntityImageContainer I.icon-cadenas {
  display: inline-block;
}
#module_learner_view .GT_Entity.available .GT_EntityImageContainer I.icon-video {
  display: none;
}
#module_learner_view .GT_Entity.available:hover .GT_EntityImageContainer I.icon-video {
  display: inline-block;
  transform: scale(1.06);
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
#module_learner_view .GT_Entity.available .GT_EntityImageContainer I.icon-cadenas {
  display: none;
}
#module_learner_view .GT_Entity.selected {
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.4);
  background-color: #d2d2d2 !important;
}
#module_learner_view .GT_Entity.selected .GT_EntityName {
  color: #0495ab;
  background-color: #f0f0ef;
}
#module_learner_view .GT_Entity.selected .GT_EntityImageContainer I {
  display: none;
}
#module_learner_view .GT_Entity.selected .GT_Entity_content {
  overflow: hidden;
  border: 3px solid #ffffff;
}
#module_learner_view .GT_Entity.pre-requis.pending,
#module_learner_view .GT_Entity.pre-requis.validated {
  background-color: #e3e3e3;
}
#module_learner_view .GT_Entity I.icon-validation {
  display: none;
}
#module_learner_view .GT_Entity.validated I.icon-validation {
  display: inline-block;
  color: #acc60f;
  position: absolute;
  top: 72px;
  right: 5px;
  font-size: 30px;
}
#graph_panel {
  position: absolute;
  top: 50px;
  width: 348px;
  height: 100%;
  color: #fff;
  padding: 0;
  overflow: hidden;
  overflow-y: scroll;
  background-image: none;
  background-color: #e3e3e3;
}
#graph_panel.fullScreen {
  width: 80px;
}
.graph_panel_module.fullScreen {
  width: 80px !important;
}
.tpl {
  background-color: darkgreen;
  display: none;
}
.grain_view_iframe,
#grain_view_iframe {
  position: relative;
  float: right;
  width: calc(100% - 350px);
  height: calc(100% - 50px);
  transition: all ease-in-out 0.2s;
}
.session_presentiel_container,
#session_presentiel_container {
  position: relative;
  float: right;
  width: calc(100% - 350px);
  height: calc(100% - 50px);
  transition: all ease-in-out 0.2s;
}
.session_presentiel_container .session_presentiel_content,
#session_presentiel_container .session_presentiel_content {
  height: 100%;
}
.grain_view_iframe.fullScreen,
#grain_view_iframe.fullScreen {
  width: calc(100% - 80px);
}
/*@media (max-width: 1024px) {
  .graph_panel_module.fullScreen{
    display:none
  }
}*/
.grain_view_iframe.fullScreen,
#grain_view_iframe.fullScreen {
  width: calc(100% - 60px) !important;
  margin-left: 60px !important;
}
@media (max-width: 1023px) {
  .grain_view_iframe.realMobile.fullScreen,
  #grain_view_iframe.realMobile.fullScreen {
    left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
  }
}
@media (min-width: 969px) and (max-width: 1024px) {
  .grain_view_iframe,
  #grain_view_iframe {
    left: 0;
    width: 100%;
  }
  #graph_panel.fullScreen {
    display: none;
  }
  .graph_panel_module.fullScreen {
    display: none;
  }
}
@media (max-width: 968px) {
  /*#graph_panel { display: none; }*/
  .grain_view_iframe,
  #grain_view_iframe {
    top: 0;
    left: 0 !important;
    width: 100% !important;
  }
  /*.module_header { height: 100px !important; }*/
  .module_header .col-sm-6 {
    width: 50%;
    float: left;
  }
  #learning_path_main #formation_title {
    border: 0 !important;
  }
}
@media (max-width: 968px) {
  .isMobile #graph_panel {
    display: none;
  }
}
#learning_path_right_zone {
  position: initial;
  width: 100%;
  height: 100%;
}
#learning_path_right_zone .lp-view-zone-container {
  position: initial;
  height: 100%;
}
#learning_path_right_zone .lp-view-tabs {
  height: 100%;
}
#learning_path_right_zone .lp-view-tabs .tab-content {
  position: static;
  height: 100%;
}
#lp-view-content {
  height: 100%;
}
.module_header {
  height: 50px;
  width: 100%;
  position: fixed;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  z-index: 10;
  background-color: #ffffff;
}
#learning_path_main {
  overflow: auto !important;
}
#learning_path_main #formation_title {
  margin: 12px 0;
  padding-left: 50px;
  border-right: 4px solid #e2e2e2;
  color: #727272;
  height: 26px;
}
#learning_path_main #formation_title .module_name {
  display: inline-block;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#learning_path_main .return_btn_texted {
  position: absolute;
  left: 18px;
  top: 7px;
  display: inline;
  color: #727272;
}
#learning_path_main .parcours_progress {
  margin-top: 12px;
}
.graph_panel_header {
  padding: 0 0 0 40px;
  background-color: #727272;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  font-weight: normal;
}
.graph_panel_header.fullScreen {
  background-color: #e3e3e3;
  color: #e3e3e3;
}
.graph_panel_header A {
  /*transition: left linear 0.2s;*/
  position: absolute;
  left: 285px;
  top: 2px;
  font-size: 40px;
  font-weight: normal;
  color: #ffffff;
  z-index: 1000;
}
.graph_panel_header A I.icon-ouvrir_menu {
  display: none;
  color: #ffffff;
}
.graph_panel_header A.closed {
  left: 0;
  top: 0;
  background-color: #0495ab;
  border-radius: 0 0 15px;
  padding: 0 20px;
}
.graph_panel_header A.closed I.icon-ouvrir_menu {
  display: inline-block;
}
.graph_panel_header A.closed I.icon-fermer_menu {
  display: none;
}
.graph_panel_header A:hover,
.graph_panel_header A:focus {
  color: #ffffff;
  text-decoration: none;
}
#openLeftPanel {
  display: none;
  float: left;
  width: 50px;
  height: 38px;
  position: relative;
  margin: 8px 15px 0 0;
  padding: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#openLeftPanel .icon-bar {
  background-color: #ffffff;
  display: block;
  position: absolute;
  height: 4px;
  width: 30px;
  border-radius: 2px;
  opacity: 1;
  left: 10px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#openLeftPanel .icon-bar:nth-child(1) {
  top: 8px;
}
#openLeftPanel .icon-bar:nth-child(2),
#openLeftPanel .icon-bar:nth-child(3) {
  top: 16px;
}
#openLeftPanel .icon-bar:nth-child(4) {
  top: 24px;
}
.fullScreen #openLeftPanel {
  display: block;
}
.module_header_btn_container {
  position: relative;
  text-align: right;
  padding-right: 20px;
}
.module_action_btn {
  font-size: 11px;
  display: inline-block;
  text-align: center;
  margin: 0 10px;
  color: #727272;
  height: 50px;
  line-height: 50px;
}
.module_action_btn I {
  display: inline;
  font-size: 25px;
  vertical-align: middle;
  line-height: 50px;
}
.ui-draggable-disabled {
  cursor: pointer;
}
.GT_Entity {
  box-sizing: border-box;
  padding: 0;
  text-align: center;
  position: relative;
  border: 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  z-index: 3;
  background-color: rgba(227, 227, 227, 0.4);
}
.GT_EntityName {
  text-align: left;
  width: 95%;
  max-height: 42px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: transparent;
  color: #ffffff;
  line-height: 20px;
  padding: 0 8px;
  margin: 10px 0 0;
}
.GT_Entity.pre-requis {
  background-color: rgba(114, 114, 114, 0.4);
}
.GT_Entity.pending {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
  background-color: #e3e3e3;
}
.GT_Entity.validated {
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
}
/*.GT_Entity.available { background-color: rgba(200,200,200,1); }*/
.GT_Entity.available.pre-requis {
  background-color: #727272;
}
.GT_Entity.pre-requis.pending,
.GT_Entity.pre-requis.validated {
  background-color: #0c2348;
}
.GT_Entity_content {
  position: relative;
  height: 100%;
  width: 100%;
}
.GT_Entity_content .GT_EntityProgressContainer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #727272;
  display: none;
}
.GT_Entity_content .GT_EntityProgressBar {
  height: 5px;
  background: #ffffff;
  position: relative;
}
.GT_Entity_content .GT_EntityProgressBar I {
  display: none;
  position: absolute;
  top: -10px;
  right: -10px;
  font-size: 20px;
  color: #ffffff;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}
.GT_Entity.available.pre-requis .GT_EntityProgressContainer {
  background: #606060;
}
.GT_Entity.pending .GT_EntityProgressContainer,
.GT_Entity.validated .GT_EntityProgressContainer {
  display: block;
}
.GT_Entity.pre-requis.pending .GT_EntityProgressContainer {
  background: #ffffff;
}
.GT_Entity.pre-requis.pending .GT_EntityProgressBar {
  background: #8cc9e2;
}
.GT_Entity.validated .GT_EntityProgressBar {
  background: #8cc9e2;
}
.GT_Entity.validated .GT_EntityProgressBar I {
  display: inline-block;
  color: #ffffff;
}
.GT_Entity.pre-requis.validated .GT_EntityProgressBar I {
  display: inline-block;
  color: #8cc9e2;
}
.GT_Entity.pre-requis.selected .GT_EntityProgressContainer {
  background: #ffffff;
}
.GT_Entity.pre-requis.selected .GT_EntityProgressBar {
  background: #8cc9e2;
}
.GT_Entity.GT_TemplateEntity {
  border-style: solid;
}
.GT_Entity.selected {
  box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.4);
  background-color: #ffffff !important;
}
.GT_Entity.selected .GT_EntityProgressContainer {
  background: #e3e3e3 !important;
}
.GT_Entity.selected .GT_EntityName {
  color: #133974;
}
.GT_TemplateEntity {
  background-color: rgba(69, 111, 121, 0.3);
  border: 1px #ffffff solid;
  box-shadow: inset 0 0 10px 0 rgba(69, 111, 121, 0.5);
}
.GT_Entity:hover {
  box-shadow: none;
}
.GT_Entity.potential_droppable {
  box-shadow: 0 0 10px 2px #ffffff;
}
.GT_Entity.drop-hover {
  box-shadow: 0 0 10px 2px #8cc9e2;
}
.GT_EntityName .icon-grain {
  margin-right: 10px;
}
.GT_Link {
  z-index: 1;
  position: relative;
  display: inline-block;
  text-align: center;
  text-overflow: clip;
  white-space: nowrap;
}
.GT_LinkSimple {
  border-top: 2px solid white;
}
.GT_LinkType1 .GT_LinkElem,
.GT_LinkType1 .GT_LinkElemCurve,
.GT_LinkType1 {
  border-top-style: dotted;
}
.GT_LinkType0:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: -6px;
  right: -5px;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #ffffff;
  border-top: 5px solid transparent;
  border-right: 5px solid transparent;
}
#grain_tooltip {
  width: 300px;
  background: #727272;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
}
#grain_tooltip .grain_tooltip_img_container {
  width: 100%;
  height: 176px;
  background-position: center;
  background-size: cover;
}
#grain_tooltip .grain_tooltip_content {
  padding: 10px 30px 30px;
}
#grain_tooltip #grain_tooltip_name {
  text-transform: uppercase;
  color: #ffffff;
  text-align: center;
  margin: 0;
  font-size: 14px;
}
#grain_tooltip .grain_tooltip_tracking {
  margin: 10px 0 20px;
}
#grain_tooltip .grain_tooltip_tracking P {
  color: #8cc9e2;
  margin: 0;
}
#grain_tooltip .grain_tooltip_prerequis {
  color: #ffffff;
  text-align: center;
  margin-bottom: 10px;
}
#grain_tooltip .grain_tooltip_prerequis I {
  display: block;
  margin: 0 auto;
  font-size: 30px;
}
#grain_tooltip #grain_required_list {
  color: #8cc9e2;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
}
#grain_tooltip .grain_tooltip_type_container {
  font-style: italic;
  color: #ffffff;
  margin: 0 0 10px 0;
}
#grain_tooltip .grain_tooltip_type_container I {
  margin: 0 5px 0 0;
}
/****** CLOCK *******/
/*.clock_container {
    position: absolute;
    display: block;
    width: 80px;
    height: 80px;
    top: 70px;
    right: 60px;
    background: #ffffff;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    text-align: center;
    color: #727272;
}*/
.clock_container {
  display: inline-block;
  float: left;
}
.demo-container.clocks {
  display: inline-block;
  padding: 0;
  margin: 10px 5px 0 25px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
}
.clock {
  /*border-radius: 50%;
  background: #fff;
  height: 100%;
  position: relative;
  width: 100%;
  box-shadow: 0 0 5px rgba(0,0,0,0.4);*/
}
.clock_container .minuter_text {
  font-size: 1.5em;
  position: relative;
  display: inline-block;
  top: 7px;
}
/*
.clock:after {
    background: #000;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 5%;
    height: 5%;
    z-index: 10;
}
.minutes-container, .hours-container, .seconds-container {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.hours {
    background: #000;
    height: 20%;
    left: 48.75%;
    position: absolute;
    top: 25%;
    transform-origin: 50% 100%;
    width: 6.5%;
    display: none;
}
.minutes {
    background: @classic_color;
    height: 40%;
    left: 49%;
    position: absolute;
    top: 10%;
    transform-origin: 50% 100%;
    width: 3%;
}
.seconds {
    background: red;
    height: 40%;
    left: 48.2%;
    position: absolute;
    top: 14%;
    transform-origin: 50% 80%;
    width: 3%;
    z-index: 8;
}

@keyframes rotate {
    100% {
        transform: rotateZ(360deg);
    }
}
.minuter_text { vertical-align: middle; display: block; color: #727272; }
.hours-container { animation: rotate 43200s infinite linear; }
.hours-container.paused, .minutes-container.paused, .seconds-container.paused { animation: none; }
.minutes-container { animation: rotate 3600s infinite linear; }
.seconds-container { animation: rotate 60s infinite linear; }*/
/****** END CLOCK *******/
iframe {
  border: 0;
}
.session_presentiel_container,
.document_viewer_container,
.evaluation,
.consultation_docs,
#grain_view_iframe,
.survey_container {
  padding: 0 !important;
  margin-top: 50px;
  float: left;
  margin-left: 350px;
}
.consultation_docs {
  background-color: #fff;
}
.survey_container {
  width: calc(100% - 350px);
}
.session_presentiel_container.fullScreen,
.document_viewer_container.fullScreen,
#grain_view_iframe.fullScreen,
.grain_view_iframe.fullScreen,
.survey_container.fullScreen {
  margin-left: 0;
  width: 100%;
}
.document_viewer_container.fullScreen,
#grain_view_iframe.fullScreen,
.grain_view_iframe.fullScreen,
.survey_container.fullScreen {
  width: 100%!important;
}
.document_viewer_container,
.survey_container {
  height: 100%;
}
.session_presentiel_container .session_presentiel_content,
.document_viewer_container .document_viewer_content,
.document_viewer_container .document_viewer_content {
  background-color: #eeeeee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
  text-align: center;
  overflow: auto;
  padding-bottom: 40px;
}
.document_viewer_content {
  height: 100%;
  padding-bottom: 0 !important;
  position: relative;
}
.video_viewer_content {
  height: 100%;
  padding: 20px;
}
.session_presentiel_container .session_presentiel_content .lelabbo_box {
  /*width: calc(~"75% + 180px"); display: inline-block; margin: 0; */
}
.session_presentiel_container .session_presentiel_content .lelabbo_box H3 {
  text-align: left;
}
.session_presentiel_container .session_presentiel_content .lelabbo_box A,
.document_viewer_content .lelabbo_box A {
  display: block;
}
.session_presentiel_container .session_presentiel_content .lelabbo_box A:hover,
.session_presentiel_container .session_presentiel_content .lelabbo_box A:focus,
.document_viewer_content .lelabbo_box A:hover,
.document_viewer_content .lelabbo_box A:focus {
  text-decoration: underline;
}
.session_presentiel_container .session_presentiel_content .lelabbo_box A I,
.document_viewer_content .lelabbo_box A I {
  color: #133974;
}
.session_presentiel_block {
  display: inline-block;
  width: 25%;
  height: 300px;
  background: #ffffff;
  /*box-shadow: 0 0 10px rgba(0,0,0,0.4);*/
  vertical-align: top;
  margin: 80px 20px 40px;
}
@media screen and (max-width: 768px) {
  .session_presentiel_block {
    overflow-y: auto;
  }
}
.session_presentiel_block I {
  font-size: 80px;
  color: #133974;
  display: inline-block;
  margin: 30px auto;
}
.session_presentiel_block .labbo_text {
  padding: 0 20px;
  line-height: 20px;
}
@media screen and (max-width: 768px) {
  .session_presentiel_block {
    width: calc(100% - 20px);
    margin: 20px 10px;
    display: block;
    padding-bottom: 20px;
    height: auto;
  }
  .session_presentiel_block I {
    font-size: 40px;
    margin: 20px auto;
  }
  .session_presentiel_block .labbo_text {
    padding: 0 10px;
    font-size: 16px;
  }
  .session_presentiel_block .subjects_container .session_presentiel_sujet {
    text-align: center;
  }
  .session_presentiel_document_link {
    line-height: 34px;
    font-size: 16px;
  }
}
.session_presentiel_block_alert {
  background-color: #ff4800;
}
.session_presentiel_block_alert .labbo_text,
.session_presentiel_block_alert I {
  color: #ffffff;
}
.session_presentiel_block_disabled {
  background-color: #e3e3e3;
  /*box-shadow: inset 0 0 10px rgba(0,0,0,0.4);*/
}
.session_presentiel_block_disabled I {
  color: #b7b7b7;
}
.session_presentiel_block .subjects_container {
  height: 34%;
  overflow: hidden;
  margin-bottom: 5px;
}
.document_viewer_container .document_viewer_content VIDEO {
  width: 100%;
  height: 100%;
  background-color: #000000;
}
.document_viewer_content .btn-circle {
  padding-top: 45px;
  white-space: normal;
}
.document_viewer_content .labbo_text {
  margin: 40px;
}
.document_viewer_content .btn-download-document {
  margin-bottom: 40px;
}
.document_viewer_content .video_btn_mask {
  position: absolute;
  top: 20px;
  left: 20px;
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  background-color: rgba(0, 0, 0, 0.4);
}
.document_viewer_content .video_btn {
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 60px);
  background-color: #ffffff;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  text-decoration: none;
  line-height: 120px;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.4);
  transition: all ease 0.1s;
}
.document_viewer_content .video_btn I {
  font-size: 65px;
  vertical-align: middle;
  margin: 0 0 0 16px;
}
.document_viewer_content .video_btn SPAN {
  font-size: 16px;
  margin: 12px 0 0 0;
  color: #ffffff;
  line-height: 25px;
  display: block;
  transition: all ease 0.1s;
}
.document_viewer_content .replay_video_btn {
  left: calc(50% - 160px);
}
.document_viewer_content .leave_video_btn I {
  margin: 0;
}
.document_viewer_content .leave_video_btn {
  left: calc(50% + 40px);
}
.document_viewer_content .replay_video_btn I {
  margin: 0;
}
.document_viewer_content .video_btn:active {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  top: calc(50% - 58px);
}
.document_viewer_content .video_btn:active SPAN {
  margin: 10px 0 0 0;
}
video::-internal-media-controls-download-button {
  display: none;
}
video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
  /* Adjust as needed */
}
/* QUIZZZZZZZZZZ */
.exercise_home_container .session_presentiel_container {
  text-align: center;
}
.exercise_overview_options {
  padding: 0 0 40px 0 !important;
}
.exercise_overview_options .btn-circle {
  padding-top: 45px;
  white-space: normal;
}
.evaluation_iframe_container {
  font-size: 0;
  line-height: 0;
}
.exercice_result_container {
  padding: 0 20px;
}
.exercice_result_container .normal-message {
  text-align: center;
  padding: 0 0 20px;
}
#highlight-plugin {
  height: 100%;
}
#exercise_form {
  background-image: url('../img/plan_formation_agenda_fond_seul.jpg');
  height: 100%;
  padding: 0 0 70px 0;
  font-size: 16px;
}
.main-question {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 20px 5% 0;
  margin-bottom: 50px;
  background: #eeeeee;
}
.main-question .question_title {
  color: #133974;
  width: 80%;
}
.main-question .question_options {
  color: #133974;
}
.main-question .form-actions {
  border: 0;
  position: relative;
  padding: 0;
  margin-bottom: 0;
  margin-top: 40px;
}
.main-question .form-actions .btn-circle {
  color: #ffffff;
  width: 100px;
  height: 100px;
  padding: 30px 0;
  position: absolute;
  bottom: -45px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: normal;
}
.main-question .form-actions .exercise_save_mini_message {
  display: none;
}
.main-question .form-actions .question-validate-btn {
  right: 0;
  left: inherit;
}
.exercise_overview_options {
  background-color: transparent;
  border-radius: 0;
  padding: 10px 0 30px 0;
}
.exercise {
  padding: 10px 20px;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin-bottom: 0;
}
.exercise .page-header {
  display: none !important;
}
.question_options input[type="text"] {
  padding: 6px 12px;
  margin: 2px 5px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  color: #727272;
  background-color: #ffffff;
}
.drag_question .separate {
  background-color: transparent;
}
ul.exercise-draggable-answer .touch-items {
  background: #ffffff;
  background-image: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  color: #727272;
  border: 0;
  box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.4);
}
.question_options .droppable {
  background-color: #e3e3e3;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  color: #666666;
}
.question_options .droppable .gallery .exercise-draggable-answer-option {
  background-color: #133974;
}
.drag_question .window {
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  cursor: auto;
  min-height: 0;
  padding: 15px 25px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  color: #727272 !important;
}
.window_left_question {
  background: #e3e3e3 !important;
}
.window_right_question {
  background: #ffffff;
}
.drag_question .ui-draggable-handle SVG {
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  cursor: pointer;
}
.question_row_answer {
  padding: 0;
  border: 0;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.question_row_answer .page-header {
  background-color: #ffffff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  border: 0;
  padding: 20px 30px;
}
.question_row_answer .page-header H4 {
  color: #133974;
  margin: 0;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
}
.question_row_answer .ribbon {
  width: 95%;
  margin: 0 auto 20px;
  float: none;
}
.question_row_answer #question_description {
  width: 95%;
  margin: 0 auto;
}
.question_row_answer TABLE {
  width: 95%;
  margin: 0 auto 20px;
}
.question_row_score {
  text-align: center;
}
.question_row_score H5 {
  margin: 0 auto;
}
.lelabbo_support_container {
  display: none;
}
.lelabbo_support_container P {
  margin: 0;
  color: #ffffff;
  text-align: center;
}
.lelabbo_support_container A {
  color: #333333;
}
.question_options .radio input[type="radio"],
.question_options .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -25px;
  margin-top: 6px;
}
/************ SCORM **********/
#learning_path_main.lp-view-include-breadcrumb #learning_path_left_zone,
#learning_path_main.lp-view-include-breadcrumb #learning_path_right_zone {
  top: 50px;
}
#learning_path_main .blue_title_header {
  position: relative;
  z-index: 10;
  height: 53px;
}
#learning_path_main .blue_title_header H2 {
  width: 60%;
}
#learning_path_left_zone {
  background: #eeeeee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
#scorm-info {
  border: 1px solid transparent;
}
#learning_path_toc {
  border: 1px solid transparent;
}
.progress {
  background-color: #0c2348;
  margin-bottom: 0;
}
.progress-bar-warning {
  background-color: #8cc9e2;
}
#progress_bar {
  margin: 10px 10px 0;
}
#scorm-info hr {
  background: transparent;
  border-color: transparent;
  margin: 8px 0;
}
#learning_path_toc {
  margin: 0;
}
.lp-view-zone-container {
  padding: 0px !important;
}
#learning_path_right_zone .lp-view-tabs .tab-content {
  top: 40px;
}
@media (min-width: 768px) {
  #learning_path_right_zone .lp-view-tabs .tab-content {
    top: 40px;
  }
}
/****** FIN SCORM ******/
.consultation_docs H1 {
  text-align: center;
}
.consultation_docs .btn-download-document {
  margin-left: 46%;
}
.consultation_docs .btn-download-document P {
  margin-top: 35px;
}
.consultation_docs .lelabbo_box UL {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  column-gap: 40px;
  -moz-column-gap: 40px;
}
.btn-circle {
  cursor: pointer;
  background-image: none;
  background-color: #133974;
  border: 0;
  border-radius: 50%;
  font-size: 16px;
  line-height: 18px;
  color: #ffffff;
  padding: 5px 10px;
  height: 120px;
  width: 120px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.45);
  transition: all 0.1s linear;
  outline: 0 !important;
  text-decoration: none !important;
}
.btn-circle:hover,
.btn-circle:focus {
  background-color: #1a4fa0;
  color: #ffffff;
}
.btn-circle:active,
.btn-circle.selected {
  background-color: #0c2348;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
  transform: scale(0.98);
}
@keyframes pulse {
  from {
    transform: scale(1);
  }
  50% {
    transform: scale(1.25);
  }
  to {
    transform: scale(1);
  }
}
.alert_flash {
  color: #ff3100;
  -webkit-animation-name: pulse;
  -moz-animation-name: pulse;
  -o-animation-name: pulse;
  animation-name: pulse;
  animation-duration: 1s;
  animation-iteration-count: 5;
  cursor: pointer;
}
.alert_flash:hover,
.alert_flash:focus {
  transform: scale(1);
  animation: none;
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxP.ttf) format('truetype');
}
.survey_container .globalSurvey {
  min-height: 225px;
  overflow: hidden;
  font-family: "Roboto", "Arial";
  background-color: transparent;
}
.survey_container .globalSurvey H1 {
  text-align: center;
  padding: 25px;
  background-color: #00717c;
  color: #ffffff;
  text-transform: uppercase;
  font-size: 22px;
}
.survey_container .globalSurvey H5 {
  margin-left: 1.5%;
  margin-bottom: 15px;
}
.survey_container .globalSurvey P {
  text-align: center;
}
.survey_container .btnReturn:hover {
  color: black;
}
.survey_container .globalSurvey BLOCKQUOTE {
  border: hidden;
}
.survey_container .gSurvey_content {
  padding-left: 0;
  width: 100%;
  overflow: hidden;
  color: #595959;
}
.survey_container .gSurvey_content .questionTitle {
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  padding: 20px;
  margin: 0 0 5px;
  font-size: 14px;
}
.survey_container .gSurvey_content .questionTitle LEGEND {
  border: 0;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  font-size: 16px;
  color: #595959;
}
.survey_container .gSurvey_content .questionTitle P {
  font-style: italic;
  text-align: left;
  margin: 0;
  color: #595959;
}
.survey_container .progress {
  width: 100%;
  color: #66bcbe;
  background-color: #6b9396;
  background-image: none;
  text-align: center;
  border-radius: 0;
  box-shadow: none;
  position: relative;
  margin: 0;
}
.survey_container .progress-barre {
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 0;
}
.survey_container .question_container {
  margin-bottom: 5px;
  background-color: #f2f2f3;
}
.survey_container .answerScaleLabel_container {
  border-bottom: 1px solid #ffffff;
}
.survey_container .answerScaleLabel_container .col-md-6 {
  width: 50%;
  float: left;
}
.survey_container .answerScaleLabel_container .answerScaleLabel {
  padding: 5px 20px;
  box-sizing: border-box;
}
.survey_container .answerScaleLabel_container .answerScaleLabel_item {
  width: 25%;
  float: left;
  text-align: center;
  font-style: italic;
  font-size: 12px;
}
.survey_container .answer_container .col-md-6 {
  width: 50%;
  float: left;
  padding: 0 20px;
  box-sizing: border-box;
}
.survey_container label[class*="Item"],
.survey_container select[class*="Item"],
.survey_container textarea[class*="Item"],
.survey_container label[class*=" Item"],
.survey_container select[class*=" Item"],
.survey_container textarea[class*=" Item"] {
  margin-left: 2%;
}
.survey_container .btns_action {
  text-align: center;
}
.survey_container .btn {
  font-family: inherit;
  font-size: inherit;
  background: none;
  cursor: pointer;
  padding: 25px 80px;
  margin: 15px 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: none;
  position: relative;
  transition: all 0.3s;
  text-shadow: none;
}
.survey_container .btn:focus {
  outline: none;
}
.survey_container .btn-1 {
  border-radius: 25px;
  border: 2px solid #fff;
  color: #fff;
  overflow: hidden;
  background-color: #0074cc;
}
.survey_container .btn-1:active {
  border-color: #0074cc;
  color: #0074cc;
}
.survey_container .btn:before {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}
.survey_container .btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 0.3s;
}
.survey_container .btn-1c:before {
  left: 70%;
  opacity: 0;
  top: 0;
}
.survey_container .btn-1:before {
  position: absolute;
  height: 100%;
  font-size: 125%;
  line-height: 3.5;
  transition: all 0.3s;
}
.survey_container .btn-1:active:before {
  color: #17954c;
}
.survey_container .btn-1:hover {
  background: white;
  border-color: #0074cc;
}
.survey_container .btn-1c:hover:before {
  left: 80%;
  opacity: 1;
  line-height: 45px;
}
.survey_container .btn-1d:hover:before {
  left: 15%;
  opacity: 1;
  line-height: 45px;
}
.survey_container .btn-1d:before {
  left: 30%;
  opacity: 0;
  top: 0;
}
.survey_container .nextBtn {
  background-color: #56a9af;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  padding: 0 !important;
  margin: 30px 15px !important;
  color: #ffffff;
  text-transform: capitalize;
  letter-spacing: normal !important;
}
.survey_container .prevBtn {
  background-color: #56a9af;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  text-align: center;
  padding: 0 !important;
  margin: 30px 15px !important;
  text-transform: capitalize;
  letter-spacing: normal !important;
}
.survey_container .nextBtn:hover,
.survey_container .nextBtn:active,
.survey_container .prevBtn:hover,
.survey_container .prevBtn:active {
  background-color: #a4c6c1;
  color: #ffffff;
  text-transform: capitalize;
  letter-spacing: normal !important;
}
.survey_container #prevBtn_cont,
.survey_container #nextBtn_cont {
  display: inline-block;
}
.survey_container .content_hidden {
  margin-top: 0;
  position: relative;
}
.survey_container .scaleItem {
  display: inline-block;
  width: 25%;
  margin: 0 !important;
  padding: 10px 0;
  box-sizing: border-box;
  text-align: center;
}
.survey_container .scaleItem SPAN {
  display: block;
}
.survey_container .yesnoItem {
  display: inline-block;
  width: 50%;
  margin: 0 !important;
  padding: 10px 0;
  box-sizing: border-box;
  text-align: center;
}
.survey_container .begin_survey {
  display: block;
  background-color: #4d989d;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  height: 190px;
  width: 190px;
  padding: 25px 0;
  margin: 100px auto 30px;
  font-weight: bold;
  font-size: 14px;
  transition: all linear 0.2s;
}
.survey_container .begin_survey IMG {
  position: absolute;
  top: -70px;
  left: 55px;
  width: 138px;
  height: 168px;
  transition: all linear 0.2s;
}
.survey_container .begin_survey:hover,
.survey_container .begin_survey:active,
.survey_container .begin_survey:focus {
  color: #ffffff;
  outline: none;
  background-color: #00717c;
}
.survey_container .begin_survey:active {
  transform: scale(0.98);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
}
.survey_container .begin_survey:hover IMG {
  top: -80px;
  left: 60px;
}
.survey_container .end_survey {
  display: block;
  background-color: #4d989d;
  border-radius: 50%;
  color: #ffffff;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.4);
  height: 190px;
  width: 190px;
  padding: 25px 0;
  margin: 100px auto 30px;
  font-weight: bold;
  font-size: 14px;
  transition: all linear 0.2s;
}
.survey_container .end_survey IMG {
  position: absolute;
  top: -60px;
  left: 21px;
  width: 113px;
  height: 124px;
  transition: all linear 0.2s;
}
.survey_container .end_survey:hover,
.survey_container .end_survey:active,
.survey_container .end_survey:focus {
  color: #ffffff;
  outline: none;
  background-color: #00717c;
}
.survey_container .end_survey:active {
  transform: scale(0.98);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 1248px) {
  .survey_container .question.scale {
    width: 70%;
    min-width: 600px;
  }
}
@media screen and (max-width: 450px) {
  .survey_container .question.scale {
    width: device-width;
    min-width: device-width;
  }
  .survey_container .question.scale .scaleItem {
    width: 100%;
  }
}
.survey_container .answerTitle {
  margin-bottom: 15px;
  margin-top: 10px;
}
.survey_container .checkItem {
  display: inline-block;
  width: 50%;
  margin: 0 !important;
  padding: 0 0 5px 10px;
  box-sizing: border-box;
}
.survey_container .loader_div {
  position: absolute;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.2);
  height: 100%;
  width: 100%;
  cursor: wait;
  color: #0d88c1;
  text-align: center;
  top: 30px;
  left: 0;
}
.survey_container #textItem {
  margin: 0 auto 10px;
  width: 95%;
  height: 100px;
  display: block;
}
.survey_container .shadow_div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 18px;
  box-shadow: inset 0 0 3px #000000;
}
.survey_container #main_content {
  background: none;
}
.survey_container .message_intro {
  text-align: left;
  margin-top: 10px;
}
.survey_container .message_intro_content {
  color: #ffffff;
  padding: 40px 20px;
  background-color: #56a9af;
}
.survey_container .message_intro P {
  text-align: left;
}
.survey_container .message_intro_content P {
  text-align: left !important;
}
.survey_container .gSurvey_content SELECT {
  width: 100%;
  margin: 0 !important;
}
.survey_container .endView {
  text-align: center;
}
.survey_container .sr-onlyy {
  color: #66bcbe;
}
.survey_container .btn.disabled,
.survey_container .btn[disabled] {
  cursor: not-allowed;
}
.survey_container .questionTitle_tr td {
  vertical-align: top;
  display: table-cell;
  width: 50%;
  /*text-align: center;*/
}
.survey_container .gSurvey_content .questionTitle_tr .questionTitle {
  background-color: #ffffff;
  box-shadow: 0 0 0px rgba(0, 0, 0, 0.4);
  padding: 20px;
  margin: 0 0 5px;
  font-size: 14px;
}
.survey_container .gSurvey_content .questionTitle_tr .questionTitle_cont {
  background-color: #ffffff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  /*padding: 20px;
    margin: 0 0 5px;*/
  font-size: 14px;
}
.survey_container .simpleAnswer_td .answerScaleLabel_container .answerScaleLabel {
  padding: 0;
}
.digital_eval_container,
.end_eval_container {
  margin-top: 50px;
}
.digital_eval_container .btn,
.end_eval_container .btn,
.digital_eval_container .btn-icon,
.end_eval_container .btn-icon {
  border-radius: 0;
  border: 0;
  background-color: #0097AA;
  color: #ffffff !important;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.45);
  transition: all 0.1s linear;
  cursor: pointer;
  outline: 0 !important;
  text-decoration: none;
}
.digital_eval_container .btn:active,
.end_eval_container .btn:active,
.digital_eval_container .btn-icon:active,
.end_eval_container .btn-icon:active {
  background-color: #00717c !important;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
  transform: scale(0.98);
  border: 0;
}
.grain_view_iframe,
#grain_view_iframe {
  overflow: hidden;
}
.digital_eval_container {
  background-color: #FFFFff;
}
.digital_eval_top {
  width: 100%;
  height: 30px;
  margin-top: 50px;
}
.digital_eval_content {
  padding: 20px;
  min-height: 500px;
  overflow: auto;
}
.digital_eval_bottom {
  font-size: 32px;
  padding: 0 20px;
  text-align: center;
  background-color: #d2d2d2;
  position: relative;
}
.digital_eval_circle_bg {
  position: absolute;
  width: 900px;
  height: 900px;
  border-radius: 50%;
  background-color: transparent;
  opacity: 0.4;
  top: -200px;
  right: -200px;
  z-index: -1;
}
/* Top */
.digital_eval_prev {
  position: absolute;
  display: none;
}
#digital_eval_reload {
  display: inline-block;
}
.digital_eval_prev,
#digital_eval_reload {
  cursor: pointer;
}
.digital_eval_prev > span,
.digital_eval_prev > i {
  display: inline-block;
  vertical-align: middle;
}
#digital_eval_prev_title {
  font-size: 16px;
  max-width: 300px;
  max-height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.digital_eval_time {
  position: absolute;
  right: 20px;
}
/* Content */
#digital_eval_intro_msg {
  width: 376px;
  margin: 0 auto 70px;
  color: #474d4a;
  font-size: 16px;
  line-height: 20px;
  text-align: justify;
}
#digital_eval_start {
  display: none;
  font-weight: bold;
  width: 190px;
  height: 190px;
  border-radius: 50%;
  font-size: 16px;
  text-transform: uppercase;
  position: relative;
}
#digital_eval_start I {
  position: absolute;
  top: -50px;
  right: -30px;
  color: #a4c6c1;
  font-size: 150px;
}
.digital_eval_already_done {
  display: none;
  margin-top: 20px;
  font-weight: bold;
  font-size: 18px;
}
.digital_eval_title {
  text-align: center;
  font-size: 32px;
  color: #6e786e;
  font-weight: bold;
  margin: 25px 0 10px;
  text-transform: uppercase;
}
.digital_eval_intro {
  text-align: center;
}
.digital_eval_category_title {
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  color: #6e786e;
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  position: relative;
  left: -1000px;
}
.digital_eval_question_title {
  font-size: 22px;
  font-weight: bold;
  color: #6e786e;
  margin-bottom: 30px;
  text-align: center;
  position: relative;
  left: -1000px;
}
.digital_eval_question_image {
  display: inline-block;
}
.digital_eval_question_image img {
  max-height: 100px;
  margin: 0 0 20px 30px;
}
.digital_eval_question_title.centerQuest {
  width: 100%;
  margin-left: 0;
  text-align: center;
}
.digital_eval_question {
  padding-left: 90px;
  position: relative;
  left: -1500px;
}
.digital_eval_answers {
  display: none;
}
.digital_eval_answer_empty {
  display: none!important;
}
.digital_eval_answer {
  margin-bottom: 10px;
}
.digital_eval_answer > input,
.digital_eval_answer > span,
.digital_eval_answer > i {
  display: inline-block;
  vertical-align: middle;
}
.digital_eval_answer > input {
  margin: 0;
  margin-right: 10px;
  width: 14px;
  text-align: center;
}
.digital_eval_answer_type_9,
.digital_eval_answer_type_10,
.digital_eval_answer_type_11 {
  padding-left: 300px;
}
.digital_eval_answer_type_9 .digital_eval_answer,
.digital_eval_answer_type_10 .digital_eval_answer {
  max-width: 51%;
  word-break: break-word;
  display: flex;
  width: fit-content;
  padding: 5px;
}
.digital_eval_answer_type_13 {
  padding-left: 430px;
}
.digital_eval_answer_type_13 .digital_eval_instructions {
  padding: 0 0 20px 85px;
}
.digital_eval_question_valid {
  text-align: center;
  margin-top: 40px;
  position: relative;
  bottom: -500px;
}
#digital_eval_valid {
  display: none;
}
.btn_eval_next {
  width: 80px;
  height: 80px;
  border-radius: 50% !important;
}
.btn_eval_next I {
  color: #ffffff;
  font-size: 42px !important;
  margin: 0 !important;
}
.digital_eval_question_feedback {
  display: none;
  text-align: center;
  margin: 10px;
  position: relative;
  bottom: -500px;
}
.digital_eval_question_feedback_top {
  background: rgba(128, 128, 128, 0.1);
  border-radius: 10px;
  width: 60%;
  margin: auto;
  margin-bottom: 15px;
}
#digital_eval_retry {
  margin-right: 5px;
}
#digital_eval_question_feedback_icon {
  font-size: 40px;
  width: 14%;
  text-align: center;
  margin: auto;
}
#digital_eval_question_feedback_answer {
  padding-bottom: 10px;
}
#digital_eval_question_feedback_answer .feedback_title {
  font-size: 20px;
  margin-bottom: 20px;
}
#digital_eval_question_feedback_answer .feedback_title.green {
  color: #9fb530;
}
#digital_eval_question_feedback_answer .feedback_title.red {
  color: red;
}
#digital_eval_question_feedback_text {
  width: 80%;
  margin: 0 auto 30px;
  padding-bottom: 20px;
}
.digital_eval_question_feedback_text .digital_eval_answer_blanks {
  margin-top: 20px;
}
.digital_eval_answer_blanks .fill_in_blank_line {
  padding-bottom: 20px;
}
.digital_eval_answer_blanks > .fill_in_blank_line > span {
  display: inline-block;
  vertical-align: middle;
}
.digital_eval_answer_blanks > .fill_in_blank_line > textarea {
  display: inline-block;
  vertical-align: middle;
  padding: 5px 5px 3px 5px;
  line-height: 18px;
  height: 30px;
  margin: 0 5px;
  resize: none;
}
.digital_eval_answer_notation_left {
  display: inline-block;
  vertical-align: middle;
  max-width: 80%;
}
.digital_eval_answer_notation_right {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  color: #6e786e;
}
.digital_eval_answer i {
  color: white;
  font-size: 31px;
  position: relative;
  margin-right: 8px;
  cursor: pointer;
}
.digital_eval_answer i:after {
  content: '';
  background-color: #ffffff;
  display: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  color: white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0);
  position: absolute;
  top: 7.5px;
  left: 7.5px;
}
.digital_eval_answer i.selected:after {
  display: inline-block;
}
.digital_eval_answer i.disabled {
  opacity: 0.8;
  cursor: not-allowed;
}
.digital_eval_answer_notation_left i.icon-smiley.selected {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}
.digital_eval_answer_notation_left i.icon-smiley:after {
  content: '';
  background-color: transparent;
  display: none;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
  position: absolute;
  top: -1px;
  left: -1px;
  border: 3px solid #ffffff;
}
.digital_eval_answer_notation_left i.icon-smiley.selected {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  transform: none !important;
}
.digital_eval_answer_notation_left i.icon-smiley.selected:after {
  display: inline-block;
}
.digital_eval_answer_ranking_left {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
}
.digital_eval_answer_ranking_right {
  cursor: move;
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
  box-shadow: 1px 2px 2px #c9c6c0;
  background-color: #efefef;
  z-index: 10;
  width: 350px;
  border-radius: 5px;
}
.digital_eval_answer_ranking_right:hover {
  box-shadow: 0 1px 5px black;
}
.digital_eval_answer_ranking_right.show_dropzone {
  box-shadow: 0 1px 5px #0097AA;
  z-index: 9;
}
.digital_eval_instructions {
  font-size: 12px;
  font-style: italic;
}
.ui-state-highlight {
  line-height: 1.2em;
  background-color: #FFFFff;
  width: 350px;
  height: 44px;
  margin: 10px 0 10px 25px;
  border-radius: 5px;
}
.digital_eval_answer_match_answer {
  height: 60px;
  position: relative;
}
.digital_eval_answer_match_answer > div {
  height: 60px;
  width: 33%;
  position: absolute;
}
.digital_eval_answer_match_left {
  z-index: 2;
  cursor: move;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
}
/*.digital_eval_answer_match_left:hover>.digital_eval_answer_match_droppable { box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 1); }*/
.digital_eval_answer_match_droppable {
  left: 14%;
  border: 1px dotted black;
  height: 100px;
  display: inline-block;
  vertical-align: middle;
}
.digital_eval_answer_match_droppable.show_dropzone {
  border-color: #0097AA;
}
.digital_eval_answer_match_right {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  padding: 2px 5px;
  border: 1px solid transparent;
}
.digital_drag_index {
  color: #848484;
  text-align: center;
  padding-right: 85px;
}
.digital_drag_elem_container {
  text-align: center;
  padding-right: 70px;
}
.digital_drag_elem_empty {
  display: none;
}
.digital_drag_elem {
  text-align: center;
  overflow: hidden;
  display: none;
  box-shadow: 1px 1px 3px #c9c6c0 !important;
  background-color: whitesmoke;
  width: 396px;
  height: auto!important;
  max-height: 78px!important;
  z-index: 1;
}
.digital_drag_elem_active {
  display: inline-block;
  cursor: move;
  min-width: 100px;
  padding: 3px 5px;
}
.digital_drag_elem_active:hover {
  border-color: #0097AA;
}
.digital_eval_drag_category {
  display: inline-block;
  vertical-align: top;
  margin-right: 5%;
  margin-top: 20px;
}
.digital_eval_drag_category.digital_eval_answer_empty {
  display: none;
}
.digital_drag_cat_top_container {
  text-align: center;
  margin-bottom: -4px;
  z-index: 0;
}
.digital_drag_cat_top_container img {
  width: 100%;
}
.digital_drag_cat_title {
  background-color: #d3d3d3c7;
  padding: 0.45em;
  height: 3em;
  margin-top: -4em;
  position: relative;
}
.pulse {
  box-shadow: 0 0 0 white, 1px 1px 3px;
  animation: pulse 2s infinite;
}
.pulse:hover {
  animation: none;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 #ffffff;
  }
  70% {
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 white;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    -moz-box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
.digital_drag_cat_droppable {
  position: relative;
  background-color: whitesmoke;
  box-shadow: inset 3px 3px 7px #c9c6c0;
  height: 15em!important;
}
.digital_drag_cat_droppable.show_dropzone {
  border-color: #0097AA;
}
.digital_eval_answer_result {
  position: absolute!important;
  left: -28px;
  font-size: 24px;
  top: 5px;
}
.digital_eval_container .icon-validation {
  color: #9fb530;
  vertical-align: bottom;
}
.digital_eval_container .fa-close {
  color: red;
  vertical-align: bottom;
}
.digital_eval_answer_result.icon-validation {
  left: -32px !important;
}
/* Bottom */
.digital_eval_progress {
  margin-left: 30px;
  margin-right: 40px;
  position: relative;
  font-size: 24px;
  line-height: 24px;
}
.digital_eval_progress_pos {
  position: absolute;
  top: -35px;
  display: none;
  z-index: 4;
  cursor: pointer;
}
.digital_eval_progress_question {
  position: absolute;
  top: -12px;
  display: none;
  z-index: 2;
}
.digital_eval_progress_question_ok {
  color: #9fb530;
}
.digital_eval_progress_question_failed {
  color: red;
}
.digital_eval_progress_result {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  top: -17px;
}
.digital_eval_progress_result SPAN {
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 5px solid #e2e2e2;
  margin-left: calc(-50%);
}
/*.digital_eval_progress_result_ok SPAN { background-color: green; }*/
/*.digital_eval_progress_result_failed SPAN { background-color:red; }*/
.digital_eval_progress_bg_bar {
  background: #eeedea;
  height: 1px;
}
.digital_eval_progress_bar {
  background: transparent;
  height: 1px;
  display: inline-block;
  vertical-align: top;
}
.digital_eval_progress_bar_ok {
  background: transparent;
}
.digital_eval_progress_bar_failed {
  background: transparent;
}
.digital_eval_progress_pos i,
.digital_eval_progress_question span,
.digital_eval_progress_result i {
  display: inline-block;
  margin-left: calc(-50%);
}
.digital_eval_progress_question span {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px solid #000000;
  position: relative;
}
.digital_eval_progress_question span:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #888d83;
  top: 8px;
  left: 8px;
}
.digital_eval_progress_pos I {
  background-color: transparent;
  font-size: 50px;
  padding: 0 10px;
}
.digital_eval_after {
  opacity: 0.5;
}
.digital_eval_container .icon-etoile:nth-child(1),
.icon-smiley:nth-child(1) {
  color: #b8bfaa;
}
.digital_eval_container .icon-etoile:nth-child(2),
.icon-smiley:nth-child(2) {
  color: #89958c;
}
.digital_eval_container .icon-etoile:nth-child(3),
.icon-smiley:nth-child(3) {
  opacity: 0.8;
}
.digital_eval_container .icon-smiley.opacified {
  opacity: 0.5;
}
.digital_eval_container .icon-smiley:hover {
  opacity: 1;
  display: inline-block;
  transform: scale(1.1);
}
.digital_eval_container .icon-smiley:nth-child(3):hover {
  opacity: 0.8;
}
.area_drop_match {
  border-color: transparent;
}
.digital_eval_answer_match_answer > .show_dropzone {
  top: 1px;
  display: initial!important;
  height: 54px!important;
  background-color: rgba(255, 255, 255, 0.3);
  box-shadow: inset 2px 2px 5px #c9c6c0;
  border: none!important;
  width: 35%!important;
}
.appariement_answer_left_container {
  padding: 1%;
  border-radius: 0 30px 30px 0;
  z-index: 5;
  height: 60px!important;
  width: 35%!important;
  box-shadow: 1px 2px 2px #c9c6c0;
  background-color: #efefef;
  text-align: center;
}
.appariement_answer_left_container:hover {
  border: none!important;
}
.appariement_answer_right_container {
  border-radius: 30px 0 0 30px;
  border: 1px solid #c9c6c0;
  background-color: #fafafa;
  height: 54px!important;
  z-index: 1;
  padding: 1%;
  width: 35%!important;
  left: 44.5%;
  text-align: center;
}
.appariement_question_dot {
  float: right;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #0097aa;
}
.appariement_answer_dot {
  float: left;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #aac3c3;
  margin-right: 10%;
  margin-top: -3px;
}
.digital_eval_answer_type_4 SELECT {
  max-width: 90%;
  text-overflow: ellipsis;
}
.digital_eval_answer_type_6 > .digital_eval_answer {
  width: 38%;
  margin-left: 25%;
}
.end_eval_container {
  position: relative;
  float: right;
  width: calc(100% - 350px);
  height: calc(100% - 50px);
  transition: all ease-in-out 0.2s;
  text-align: center;
  background-color: #FFFFff;
}
.end_eval_container .chart-container {
  display: inline-block;
  position: relative;
  margin-top: 100px;
}
.end_eval_container .donut-inner {
  position: absolute;
  top: 75px;
  left: 63px;
  width: 50%;
  text-align: center;
}
.end_eval_container .donut-inner .percentage_score_span {
  font-size: 45px;
  display: inline-block;
  top: -15px;
  position: relative;
  height: 0;
}
.end_eval_container .donut-inner.success,
.end_eval_container .donut-inner.fail {
  color: #000000;
}
.end_eval_container .donut-inner.success I {
  color: #b4cc3a;
}
.end_eval_container .donut-inner.fail I {
  color: #c7a1ae;
}
.end_eval_container .donut-inner .percentage_score_text_span {
  font-size: 20px;
  display: inline-block;
  height: 0;
}
.end_eval_container .donut-inner I {
  display: block;
  font-size: 35px;
}
.end_eval_container .message_success,
.end_eval_container .message_fail {
  padding: 20px;
  font-size: 26px;
  color: #4d4d4d;
}
.end_eval_container .btn.go_back_to_home,
.end_eval_container .btn.replay_eval {
  height: 150px;
  border-radius: 75px;
  width: 150px;
  padding: 55px 5px;
  white-space: normal;
  font-weight: 600;
}
.digital_eval_answer_type_9 .digital_eval_answer LABEL,
.digital_eval_answer_type_10 .digital_eval_answer LABEL {
  cursor: pointer;
  margin-right: 12px;
}
.digital_eval_answer_type_9 .digital_eval_answer:hover,
.digital_eval_answer_type_10 .digital_eval_answer:hover {
  border-radius: 5px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #66afe9;
}
.minimum_score_to_valid_container {
  position: absolute;
  top: 113px;
  left: -130px;
}
.minimum_score_to_valid_container .line {
  height: 47px;
  position: absolute;
  top: -35px;
  left: 92px;
  width: 92px;
  border-bottom: 1px solid #d9d9d9;
}
/* Administration PART (conception) */
.blue1 .digital_eval_circle_bg {
  background-color: #1e9aae;
}
.blue1 .appariement_question_prop_right {
  border-color: #1e9aae;
}
.blue1 .appariement_question_dot {
  background-color: #1e9aae;
}
.blue1 .eval_answer_elem_check i {
  color: #1e9aae;
}
.blue2 .digital_eval_circle_bg {
  background-color: #569394;
}
.blue2 .appariement_question_prop_right {
  border-color: #569394;
}
.blue2 .appariement_question_dot {
  background-color: #569394;
}
.blue2 .eval_answer_elem_check i {
  color: #569394;
}
.blue3 .digital_eval_circle_bg {
  background-color: #a4c6c2;
}
.blue3 .appariement_question_prop_right {
  border-color: #a4c6c2;
}
.blue3 .appariement_question_dot {
  background-color: #a4c6c2;
}
.blue3 .eval_answer_elem_check i {
  color: #a4c6c2;
}
.blue4 .digital_eval_circle_bg {
  background-color: #d2dbd7;
}
.blue4 .appariement_question_prop_right {
  border-color: #d2dbd7;
}
.blue4 .appariement_question_dot {
  background-color: #d2dbd7;
}
.blue4 .eval_answer_elem_check i {
  color: #d2dbd7;
}
.purple1 .digital_eval_circle_bg {
  background-color: #82617b;
}
.purple1 .appariement_question_prop_right {
  border-color: #82617b;
}
.purple1 .appariement_question_dot {
  background-color: #82617b;
}
.purple1 .eval_answer_elem_check i {
  color: #82617b;
}
.purple2 .digital_eval_circle_bg {
  background-color: #bda1b1;
}
.purple2 .appariement_question_prop_right {
  border-color: #bda1b1;
}
.purple2 .appariement_question_dot {
  background-color: #bda1b1;
}
.purple2 .eval_answer_elem_check i {
  color: #bda1b1;
}
.purple3 .digital_eval_circle_bg {
  background-color: #bcb7b5;
}
.purple3 .appariement_question_prop_right {
  border-color: #bcb7b5;
}
.purple3 .appariement_question_dot {
  background-color: #bcb7b5;
}
.purple3 .eval_answer_elem_check i {
  color: #bcb7b5;
}
.purple4 .digital_eval_circle_bg {
  background-color: #8c615b;
}
.purple4 .appariement_question_prop_right {
  border-color: #8c615b;
}
.purple4 .appariement_question_dot {
  background-color: #8c615b;
}
.purple4 .eval_answer_elem_check i {
  color: #8c615b;
}
.orange1 .digital_eval_circle_bg {
  background-color: #ea6d56;
}
.orange1 .appariement_question_prop_right {
  border-color: #ea6d56;
}
.orange1 .appariement_question_dot {
  background-color: #ea6d56;
}
.orange1 .eval_answer_elem_check i {
  color: #ea6d56;
}
.orange2 .digital_eval_circle_bg {
  background-color: #f2956c;
}
.orange2 .appariement_question_prop_right {
  border-color: #f2956c;
}
.orange2 .appariement_question_dot {
  background-color: #f2956c;
}
.orange2 .eval_answer_elem_check i {
  color: #f2956c;
}
.orange3 .digital_eval_circle_bg {
  background-color: #ffc095;
}
.orange3 .appariement_question_prop_right {
  border-color: #ffc095;
}
.orange3 .appariement_question_dot {
  background-color: #ffc095;
}
.orange3 .eval_answer_elem_check i {
  color: #ffc095;
}
.green1 .digital_eval_circle_bg {
  background-color: #6e7960;
}
.green1 .appariement_question_prop_right {
  border-color: #6e7960;
}
.green1 .appariement_question_dot {
  background-color: #6e7960;
}
.green1 .eval_answer_elem_check i {
  color: #6e7960;
}
.green2 .digital_eval_circle_bg {
  background-color: #9bad7f;
}
.green2 .appariement_question_prop_right {
  border-color: #9bad7f;
}
.green2 .appariement_question_dot {
  background-color: #9bad7f;
}
.green2 .eval_answer_elem_check i {
  color: #9bad7f;
}
.green3 .digital_eval_circle_bg {
  background-color: #cbcd8f;
}
.green3 .appariement_question_prop_right {
  border-color: #cbcd8f;
}
.green3 .appariement_question_dot {
  background-color: #cbcd8f;
}
.green3 .eval_answer_elem_check i {
  color: #cbcd8f;
}
.green4 .digital_eval_circle_bg {
  background-color: #e0e5c2;
}
.green4 .appariement_question_prop_right {
  border-color: #e0e5c2;
}
.green4 .appariement_question_dot {
  background-color: #e0e5c2;
}
.green4 .eval_answer_elem_check i {
  color: #e0e5c2;
}
/* Visualisation PART */
.blue1 .digital_eval_circle_bg {
  background-color: #1e9aae;
}
.blue1 .digital_eval_progress_pos I {
  color: #1e9aae;
}
.blue1 .digital_eval_answer_type_9 I {
  color: #1e9aae;
}
.blue1 .digital_eval_answer_type_10 I {
  color: #1e9aae;
}
.blue1 .btn_eval_next,
.blue1 .btn_eval_next:focus,
.blue1 .btn_eval_next:active,
.blue1 .btn_eval_next:hover {
  background-color: #1e9aae;
}
.digital_eval_progress_question_0 SPAN {
  border-color: #1e9aae;
}
#digital_eval_progress_result_0 SPAN {
  background-color: #1e9aae;
}
.blue1 .icon-etoile:nth-child(3),
.blue1 .icon-smiley:nth-child(3) {
  color: #1e9aae;
}
.blue1 .icon-etoile:nth-child(4),
.blue1 .icon-smiley:nth-child(4) {
  color: #1e9aae;
}
.blue2 .digital_eval_circle_bg {
  background-color: #569394;
}
.blue2 .digital_eval_progress_pos I {
  color: #569394;
}
.blue2 .digital_eval_answer_type_9 I {
  color: #569394;
}
.blue2 .digital_eval_answer_type_10 I {
  color: #569394;
}
.blue2 .btn_eval_next,
.blue2 .btn_eval_next:focus,
.blue2 .btn_eval_next:active,
.blue2 .btn_eval_next:hover {
  background-color: #569394;
}
.digital_eval_progress_question_1 SPAN {
  border-color: #569394;
}
#digital_eval_progress_result_1 SPAN {
  background-color: #569394;
}
.blue2 .icon-etoile:nth-child(3),
.blue2 .icon-smiley:nth-child(3) {
  color: #569394;
}
.blue2 .icon-etoile:nth-child(4),
.blue2 .icon-smiley:nth-child(4) {
  color: #569394;
}
.blue3 .digital_eval_circle_bg {
  background-color: #a4c6c2;
}
.blue3 .digital_eval_progress_pos I {
  color: #a4c6c2;
}
.blue3 .digital_eval_answer_type_9 I {
  color: #a4c6c2;
}
.blue3 .digital_eval_answer_type_10 I {
  color: #a4c6c2;
}
.blue3 .btn_eval_next,
.blue3 .btn_eval_next:focus,
.blue3 .btn_eval_next:active,
.blue3 .btn_eval_next:hover {
  background-color: #a4c6c2;
}
.digital_eval_progress_question_2 SPAN {
  border-color: #a4c6c2;
}
#digital_eval_progress_result_2 SPAN {
  background-color: #a4c6c2;
}
.blue3 .icon-etoile:nth-child(3),
.blue3 .icon-smiley:nth-child(3) {
  color: #a4c6c2;
}
.blue3 .icon-etoile:nth-child(4),
.blue3 .icon-smiley:nth-child(4) {
  color: #a4c6c2;
}
.blue4 .digital_eval_circle_bg {
  background-color: #d2dbd7;
}
.blue4 .digital_eval_progress_pos I {
  color: #d2dbd7;
}
.blue4 .digital_eval_answer_type_9 I {
  color: #d2dbd7;
}
.blue4 .digital_eval_answer_type_10 I {
  color: #d2dbd7;
}
.blue4 .btn_eval_next,
.blue4 .btn_eval_next:focus,
.blue4 .btn_eval_next:active,
.blue4 .btn_eval_next:hover {
  background-color: #d2dbd7;
}
.digital_eval_progress_question_3 SPAN {
  border-color: #d2dbd7;
}
#digital_eval_progress_result_3 SPAN {
  background-color: #d2dbd7;
}
.blue4 .icon-etoile:nth-child(3),
.blue4 .icon-smiley:nth-child(3) {
  color: #d2dbd7;
}
.blue4 .icon-etoile:nth-child(4),
.blue4 .icon-smiley:nth-child(4) {
  color: #d2dbd7;
}
.purple1 .digital_eval_circle_bg {
  background-color: #82617b;
}
.purple1 .digital_eval_progress_pos I {
  color: #82617b;
}
.purple1 .digital_eval_answer_type_9 I {
  color: #82617b;
}
.purple1 .digital_eval_answer_type_10 I {
  color: #82617b;
}
.purple1 .btn_eval_next,
.purple1 .btn_eval_next:focus,
.purple1 .btn_eval_next:active,
.purple1 .btn_eval_next:hover {
  background-color: #82617b;
}
.digital_eval_progress_question_4 SPAN {
  border-color: #82617b;
}
#digital_eval_progress_result_4 SPAN {
  background-color: #82617b;
}
.purple1 .icon-etoile:nth-child(3),
.purple1 .icon-smiley:nth-child(3) {
  color: #82617b;
}
.purple1 .icon-etoile:nth-child(4),
.purple1 .icon-smiley:nth-child(4) {
  color: #82617b;
}
.purple2 .digital_eval_circle_bg {
  background-color: #bda1b1;
}
.purple2 .digital_eval_progress_pos I {
  color: #bda1b1;
}
.purple2 .digital_eval_answer_type_9 I {
  color: #bda1b1;
}
.purple2 .digital_eval_answer_type_10 I {
  color: #bda1b1;
}
.purple2 .btn_eval_next,
.purple2 .btn_eval_next:focus,
.purple2 .btn_eval_next:active,
.purple2 .btn_eval_next:hover {
  background-color: #bda1b1;
}
.digital_eval_progress_question_5 SPAN {
  border-color: #bda1b1;
}
#digital_eval_progress_result_5 SPAN {
  background-color: #bda1b1;
}
.purple2 .icon-etoile:nth-child(3),
.purple2 .icon-smiley:nth-child(3) {
  color: #bda1b1;
}
.purple2 .icon-etoile:nth-child(4),
.purple2 .icon-smiley:nth-child(4) {
  color: #bda1b1;
}
.purple3 .digital_eval_circle_bg {
  background-color: #bcb7b5;
}
.purple3 .digital_eval_progress_pos I {
  color: #bcb7b5;
}
.purple3 .digital_eval_answer_type_9 I {
  color: #bcb7b5;
}
.purple3 .digital_eval_answer_type_10 I {
  color: #bcb7b5;
}
.purple3 .btn_eval_next,
.purple3 .btn_eval_next:focus,
.purple3 .btn_eval_next:active,
.purple3 .btn_eval_next:hover {
  background-color: #bcb7b5;
}
.digital_eval_progress_question_6 SPAN {
  border-color: #bcb7b5;
}
#digital_eval_progress_result_6 SPAN {
  background-color: #bcb7b5;
}
.purple3 .icon-etoile:nth-child(3),
.purple3 .icon-smiley:nth-child(3) {
  color: #bcb7b5;
}
.purple3 .icon-etoile:nth-child(4),
.purple3 .icon-smiley:nth-child(4) {
  color: #bcb7b5;
}
.purple4 .digital_eval_circle_bg {
  background-color: #8c615b;
}
.purple4 .digital_eval_progress_pos I {
  color: #8c615b;
}
.purple4 .digital_eval_answer_type_9 I {
  color: #8c615b;
}
.purple4 .digital_eval_answer_type_10 I {
  color: #8c615b;
}
.purple4 .btn_eval_next,
.purple4 .btn_eval_next:focus,
.purple4 .btn_eval_next:active,
.purple4 .btn_eval_next:hover {
  background-color: #8c615b;
}
.digital_eval_progress_question_7 SPAN {
  border-color: #8c615b;
}
#digital_eval_progress_result_7 SPAN {
  background-color: #8c615b;
}
.purple4 .icon-etoile:nth-child(3),
.purple4 .icon-smiley:nth-child(3) {
  color: #8c615b;
}
.purple4 .icon-etoile:nth-child(4),
.purple4 .icon-smiley:nth-child(4) {
  color: #8c615b;
}
.orange1 .digital_eval_circle_bg {
  background-color: #ea6d56;
}
.orange1 .digital_eval_progress_pos I {
  color: #ea6d56;
}
.orange1 .digital_eval_answer_type_9 I {
  color: #ea6d56;
}
.orange1 .digital_eval_answer_type_10 I {
  color: #ea6d56;
}
.orange1 .btn_eval_next,
.orange1 .btn_eval_next:focus,
.orange1 .btn_eval_next:active,
.orange1 .btn_eval_next:hover {
  background-color: #ea6d56;
}
.digital_eval_progress_question_8 SPAN {
  border-color: #ea6d56;
}
#digital_eval_progress_result_8 SPAN {
  background-color: #ea6d56;
}
.orange1 .icon-etoile:nth-child(3),
.orange1 .icon-smiley:nth-child(3) {
  color: #ea6d56;
}
.orange1 .icon-etoile:nth-child(4),
.orange1 .icon-smiley:nth-child(4) {
  color: #ea6d56;
}
.orange2 .digital_eval_circle_bg {
  background-color: #f2956c;
}
.orange2 .digital_eval_progress_pos I {
  color: #f2956c;
}
.orange2 .digital_eval_answer_type_9 I {
  color: #f2956c;
}
.orange2 .digital_eval_answer_type_10 I {
  color: #f2956c;
}
.orange2 .btn_eval_next,
.orange2 .btn_eval_next:focus,
.orange2 .btn_eval_next:active,
.orange2 .btn_eval_next:hover {
  background-color: #f2956c;
}
.digital_eval_progress_question_9 SPAN {
  border-color: #f2956c;
}
#digital_eval_progress_result_9 SPAN {
  background-color: #f2956c;
}
.orange2 .icon-etoile:nth-child(3),
.orange2 .icon-smiley:nth-child(3) {
  color: #f2956c;
}
.orange2 .icon-etoile:nth-child(4),
.orange2 .icon-smiley:nth-child(4) {
  color: #f2956c;
}
.orange3 .digital_eval_circle_bg {
  background-color: #ffc095;
}
.orange3 .digital_eval_progress_pos I {
  color: #ffc095;
}
.orange3 .digital_eval_answer_type_9 I {
  color: #ffc095;
}
.orange3 .digital_eval_answer_type_10 I {
  color: #ffc095;
}
.orange3 .btn_eval_next,
.orange3 .btn_eval_next:focus,
.orange3 .btn_eval_next:active,
.orange3 .btn_eval_next:hover {
  background-color: #ffc095;
}
.digital_eval_progress_question_10 SPAN {
  border-color: #ffc095;
}
#digital_eval_progress_result_10 SPAN {
  background-color: #ffc095;
}
.orange3 .icon-etoile:nth-child(3),
.orange3 .icon-smiley:nth-child(3) {
  color: #ffc095;
}
.orange3 .icon-etoile:nth-child(4),
.orange3 .icon-smiley:nth-child(4) {
  color: #ffc095;
}
.green1 .digital_eval_circle_bg {
  background-color: #6e7960;
}
.green1 .digital_eval_progress_pos I {
  color: #6e7960;
}
.green1 .digital_eval_answer_type_9 I {
  color: #6e7960;
}
.green1 .digital_eval_answer_type_10 I {
  color: #6e7960;
}
.green1 .btn_eval_next,
.green1 .btn_eval_next:focus,
.green1 .btn_eval_next:active,
.green1 .btn_eval_next:hover {
  background-color: #6e7960;
}
.digital_eval_progress_question_11 SPAN {
  border-color: #6e7960;
}
#digital_eval_progress_result_11 SPAN {
  background-color: #6e7960;
}
.green1 .icon-etoile:nth-child(3),
.green1 .icon-smiley:nth-child(3) {
  color: #6e7960;
}
.green1 .icon-etoile:nth-child(4),
.green1 .icon-smiley:nth-child(4) {
  color: #6e7960;
}
.green2 .digital_eval_circle_bg {
  background-color: #9bad7f;
}
.green2 .digital_eval_progress_pos I {
  color: #9bad7f;
}
.green2 .digital_eval_answer_type_9 I {
  color: #9bad7f;
}
.green2 .digital_eval_answer_type_10 I {
  color: #9bad7f;
}
.green2 .btn_eval_next,
.green2 .btn_eval_next:focus,
.green2 .btn_eval_next:active,
.green2 .btn_eval_next:hover {
  background-color: #9bad7f;
}
.digital_eval_progress_question_12 SPAN {
  border-color: #9bad7f;
}
#digital_eval_progress_result_12 SPAN {
  background-color: #9bad7f;
}
.green2 .icon-etoile:nth-child(3),
.green2 .icon-smiley:nth-child(3) {
  color: #9bad7f;
}
.green2 .icon-etoile:nth-child(4),
.green2 .icon-smiley:nth-child(4) {
  color: #9bad7f;
}
.green3 .digital_eval_circle_bg {
  background-color: #cbcd8f;
}
.green3 .digital_eval_progress_pos I {
  color: #cbcd8f;
}
.green3 .digital_eval_answer_type_9 I {
  color: #cbcd8f;
}
.green3 .digital_eval_answer_type_10 I {
  color: #cbcd8f;
}
.green3 .btn_eval_next,
.green3 .btn_eval_next:focus,
.green3 .btn_eval_next:active,
.green3 .btn_eval_next:hover {
  background-color: #cbcd8f;
}
.digital_eval_progress_question_13 SPAN {
  border-color: #cbcd8f;
}
#digital_eval_progress_result_13 SPAN {
  background-color: #cbcd8f;
}
.green3 .icon-etoile:nth-child(3),
.green3 .icon-smiley:nth-child(3) {
  color: #cbcd8f;
}
.green3 .icon-etoile:nth-child(4),
.green3 .icon-smiley:nth-child(4) {
  color: #cbcd8f;
}
.green4 .digital_eval_circle_bg {
  background-color: #e0e5c2;
}
.green4 .digital_eval_progress_pos I {
  color: #e0e5c2;
}
.green4 .digital_eval_answer_type_9 I {
  color: #e0e5c2;
}
.green4 .digital_eval_answer_type_10 I {
  color: #e0e5c2;
}
.green4 .btn_eval_next,
.green4 .btn_eval_next:focus,
.green4 .btn_eval_next:active,
.green4 .btn_eval_next:hover {
  background-color: #e0e5c2;
}
.digital_eval_progress_question_14 SPAN {
  border-color: #e0e5c2;
}
#digital_eval_progress_result_14 SPAN {
  background-color: #e0e5c2;
}
.green4 .icon-etoile:nth-child(3),
.green4 .icon-smiley:nth-child(3) {
  color: #e0e5c2;
}
.green4 .icon-etoile:nth-child(4),
.green4 .icon-smiley:nth-child(4) {
  color: #e0e5c2;
}
#digital_eval_progress_result_15 SPAN {
  background-color: #1e9aae;
}
#digital_eval_progress_result_16 SPAN {
  background-color: #569394;
}
#digital_eval_progress_result_17 SPAN {
  background-color: #a4c6c2;
}
#digital_eval_progress_result_18 SPAN {
  background-color: #82617b;
}
#digital_eval_progress_result_19 SPAN {
  background-color: #bda1b1;
}
#digital_eval_progress_result_20 SPAN {
  background-color: #bcb7b5;
}
#digital_eval_progress_result_21 SPAN {
  background-color: #8c615b;
}
#digital_eval_progress_result_22 SPAN {
  background-color: #ea6d56;
}
#digital_eval_progress_result_23 SPAN {
  background-color: #f2956c;
}
#digital_eval_progress_result_24 SPAN {
  background-color: #ffc095;
}
#digital_eval_progress_result_25 SPAN {
  background-color: #6e7960;
}
#digital_eval_progress_result_26 SPAN {
  background-color: #9bad7f;
}
#digital_eval_progress_result_27 SPAN {
  background-color: #cbcd8f;
}
#digital_eval_progress_result_28 SPAN {
  background-color: #e0e5c2;
}
#digital_eval_progress_result_29 SPAN {
  background-color: #1e9aae;
}
#digital_eval_progress_result_30 SPAN {
  background-color: #569394;
}
#digital_eval_progress_result_31 SPAN {
  background-color: #a4c6c2;
}
#digital_eval_progress_result_32 SPAN {
  background-color: #82617b;
}
#digital_eval_progress_result_33 SPAN {
  background-color: #bda1b1;
}
#digital_eval_progress_result_34 SPAN {
  background-color: #bcb7b5;
}
#digital_eval_progress_result_35 SPAN {
  background-color: #8c615b;
}
#digital_eval_progress_result_36 SPAN {
  background-color: #ea6d56;
}
#digital_eval_progress_result_37 SPAN {
  background-color: #f2956c;
}
#digital_eval_progress_result_38 SPAN {
  background-color: #ffc095;
}
#digital_eval_progress_result_39 SPAN {
  background-color: #6e7960;
}
#digital_eval_progress_result_40 SPAN {
  background-color: #9bad7f;
}
#digital_eval_progress_result_41 SPAN {
  background-color: #cbcd8f;
}
#digital_eval_progress_result_42 SPAN {
  background-color: #e0e5c2;
}
#digital_eval_progress_result_43 SPAN {
  background-color: #1e9aae;
}
#digital_eval_progress_result_44 SPAN {
  background-color: #569394;
}
#digital_eval_progress_result_45 SPAN {
  background-color: #a4c6c2;
}
#digital_eval_progress_result_46 SPAN {
  background-color: #82617b;
}
#digital_eval_progress_result_47 SPAN {
  background-color: #bda1b1;
}
#digital_eval_progress_result_48 SPAN {
  background-color: #bcb7b5;
}
#digital_eval_progress_result_49 SPAN {
  background-color: #8c615b;
}
#digital_eval_progress_result_50 SPAN {
  background-color: #ea6d56;
}
#digital_eval_progress_result_51 SPAN {
  background-color: #f2956c;
}
#digital_eval_progress_result_52 SPAN {
  background-color: #ffc095;
}
#digital_eval_progress_result_53 SPAN {
  background-color: #6e7960;
}
#digital_eval_progress_result_54 SPAN {
  background-color: #9bad7f;
}
#digital_eval_progress_result_55 SPAN {
  background-color: #cbcd8f;
}
#digital_eval_progress_result_56 SPAN {
  background-color: #e0e5c2;
}
#digital_eval_progress_result_15 SPAN {
  background-color: #1e9aae;
}
#digital_eval_progress_result_16 SPAN {
  background-color: #569394;
}
#digital_eval_progress_result_17 SPAN {
  background-color: #a4c6c2;
}
#digital_eval_progress_result_18 SPAN {
  background-color: #82617b;
}
#digital_eval_progress_result_19 SPAN {
  background-color: #bda1b1;
}
#digital_eval_progress_result_20 SPAN {
  background-color: #bcb7b5;
}
#digital_eval_progress_result_21 SPAN {
  background-color: #8c615b;
}
#digital_eval_progress_result_22 SPAN {
  background-color: #ea6d56;
}
#digital_eval_progress_result_23 SPAN {
  background-color: #f2956c;
}
#digital_eval_progress_result_24 SPAN {
  background-color: #ffc095;
}
#digital_eval_progress_result_25 SPAN {
  background-color: #6e7960;
}
#digital_eval_progress_result_26 SPAN {
  background-color: #9bad7f;
}
#digital_eval_progress_result_27 SPAN {
  background-color: #cbcd8f;
}
#digital_eval_progress_result_28 SPAN {
  background-color: #e0e5c2;
}
#digital_eval_progress_result_29 SPAN {
  background-color: #1e9aae;
}
#digital_eval_progress_result_30 SPAN {
  background-color: #569394;
}
#digital_eval_progress_result_31 SPAN {
  background-color: #a4c6c2;
}
#digital_eval_progress_result_32 SPAN {
  background-color: #82617b;
}
#digital_eval_progress_result_33 SPAN {
  background-color: #bda1b1;
}
#digital_eval_progress_result_34 SPAN {
  background-color: #bcb7b5;
}
#digital_eval_progress_result_35 SPAN {
  background-color: #8c615b;
}
#digital_eval_progress_result_36 SPAN {
  background-color: #ea6d56;
}
#digital_eval_progress_result_37 SPAN {
  background-color: #f2956c;
}
#digital_eval_progress_result_38 SPAN {
  background-color: #ffc095;
}
#digital_eval_progress_result_39 SPAN {
  background-color: #6e7960;
}
#digital_eval_progress_result_40 SPAN {
  background-color: #9bad7f;
}
#digital_eval_progress_result_41 SPAN {
  background-color: #cbcd8f;
}
#digital_eval_progress_result_42 SPAN {
  background-color: #e0e5c2;
}
#digital_eval_progress_result_43 SPAN {
  background-color: #1e9aae;
}
#digital_eval_progress_result_44 SPAN {
  background-color: #569394;
}
#digital_eval_progress_result_45 SPAN {
  background-color: #a4c6c2;
}
#digital_eval_progress_result_46 SPAN {
  background-color: #82617b;
}
#digital_eval_progress_result_47 SPAN {
  background-color: #bda1b1;
}
#digital_eval_progress_result_48 SPAN {
  background-color: #bcb7b5;
}
#digital_eval_progress_result_49 SPAN {
  background-color: #8c615b;
}
#digital_eval_progress_result_50 SPAN {
  background-color: #ea6d56;
}
#digital_eval_progress_result_51 SPAN {
  background-color: #f2956c;
}
#digital_eval_progress_result_52 SPAN {
  background-color: #ffc095;
}
#digital_eval_progress_result_53 SPAN {
  background-color: #6e7960;
}
#digital_eval_progress_result_54 SPAN {
  background-color: #9bad7f;
}
#digital_eval_progress_result_55 SPAN {
  background-color: #cbcd8f;
}
#digital_eval_progress_result_56 SPAN {
  background-color: #e0e5c2;
}
/*parcours view*/
.step_content_container {
  padding: 20px 0 0;
  position: relative;
  overflow: hidden;
}
.step_content_container.collapse.show {
  display: block;
}
.step_title {
  height: 100%;
  background-color: #ccc;
  text-align: center;
  padding-top: 20px;
}
.step_title P {
  font-size: 20px;
  font-weight: bold;
}
.step_title P.step_name {
  font-size: 14px;
  margin-top: 40px;
  font-weight: normal;
}
/*.step_bloc { cursor: pointer; display: inline-block; width: 20%; margin: 0 0 20px 2%; background-color: #ffffff; position: relative; padding: 10px; text-align: center; }
.step_bloc .step_image_container { text-align: center; overflow: hidden; height: 200px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; }
.step_bloc .step_image_container IMG { width: 100%; vertical-align: middle; }
.step_bloc .step_icon_container I { font-size: 80px; color: #000000; }
.step_bloc .icon-validation { position: absolute; display: none; top: -10px; right: -10px; font-size: 20px; }
.step_bloc.validated .icon-validation { display: inline-block; }

.step_disabled_mask { display: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.6); justify-content: center; align-items: center; }
.step_disabled_mask I { font-size: 50px; color: #ffffff; }
.step_bloc.disabled { cursor: auto; }
.step_bloc.disabled .step_disabled_mask { display: flex; }

.step_row_template { display: none; }
.step_block_template { display: none; }

@media (max-width: 1200px) {
  .step_bloc { width: 30%; }
}
@media (max-width: 990px) {
  .parcours_tool { padding: 10px; }*/
.step_bloc .step_image_container {
  text-align: center;
  overflow: hidden;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.step_bloc .step_icon_container I {
  font-size: 80px;
  color: #000000;
}
.step_bloc .icon-validation {
  position: absolute;
  display: none;
  bottom: 10px;
  right: 10px;
  font-size: 35px;
  color: #b4cc3a;
}
.step_bloc.validated .icon-validation {
  display: inline-block;
}
.step_content_container > .step_bloc:before {
  font-family: 'Plafont';
  color: #888d83;
  position: absolute;
  top: 43%;
  left: -45px;
  content: "\e90d";
  font-size: 2.5em;
}
.entLinkOptional .step_bloc:before,
.step_content_container .step_bloc:first-child:before {
  content: "";
  display: none;
}
.step_bloc p {
  font-size: 14px;
}
.step_disabled_mask {
  display: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
}
.step_disabled_mask I {
  font-size: 50px;
  color: #ffffff;
  margin-top: 80px;
}
.step_bloc.disabled {
  cursor: auto;
}
.step_bloc.disabled .step_disabled_mask {
  display: flex;
}
.step_row_template {
  display: none;
}
.step_block_template {
  display: none;
}
@media (max-width: 1600px) {
  .step_bloc {
    width: 19.5%;
  }
}
@media (max-width: 1200px) {
  .step_bloc {
    width: 27%;
  }
}
@media (max-width: 990px) {
  .parcours_tool {
    padding: 10px;
  }
  .step_row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    border-right: 1px solid rgba(0, 0, 0, 0.6);
    border-left: 1px solid rgba(0, 0, 0, 0.6);
  }
  .step_row:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.6);
  }
  .step_content_container {
    padding: 20px 20px 0;
  }
  .step_content_container.collapse {
    display: none;
  }
  .step_content_container.collapse.in {
    display: block;
  }
  .step_row.closed .step_content_container {
    height: 0;
    padding: 0 20px 0;
  }
  .step_bloc {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: left;
  }
  .step_bloc .step_image_container {
    float: left;
    width: 30%;
    margin: 0 20px 0 0;
    height: auto;
  }
  .step_title {
    text-align: left;
    padding: 10px;
  }
  .step_title P {
    margin: 0;
  }
  .step_title P.step_name {
    display: none;
  }
}
.thematique_content #search_users_in_catalog {
  display: inline-block;
  width: 25%;
  margin: 10px 10px;
  background-color: #ffffff;
  border: 0;
  padding: 5px 40px 5px 15px;
  background-image: url(../images/search-icon.png);
  background-position: calc(100% - 6px) 8px;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
  background-size: 25px 22px;
  background-repeat: no-repeat;
  font-size: 16px;
}
.thematique_stat_container .formation_spi_block {
  height: 360px;
  cursor: pointer;
}
.thematique_stat_container .formation_spi_block .title {
  height: 50px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
  z-index: 10;
  padding-right: 30px;
}
.thematique_stat_container .formation_spi_block .stat_content {
  color: #ffffff;
  font-size: 14px;
  padding-top: 10px;
}
.thematique_stat_container .formation_spi_block .stat_content .num {
  display: block;
  font-size: 30px;
  line-height: 38px;
}
.thematique_stat_container .formation_spi_block .next_session {
  font-size: 14px;
  font-weight: bold;
  display: inline-block;
  margin-top: 20px;
}
.thematique_formation_container {
  margin-top: 40px;
}
.thematique_content_title {
  text-align: left;
  padding: 0 0 40px 40px;
  background-color: #f7f7f7;
}
.formation_content .thematique_content_title {
  padding: 0 0 30px 40px;
}
.thematique_content_title .thematique_name {
  color: #727272;
  font-size: 26px;
  margin: 0;
  text-transform: uppercase;
  font-weight: normal;
  text-align: left;
  padding: 20px 0 30px;
}
.thematique_content_title P {
  font-size: 18px;
  color: #5d5851;
  line-height: 24px;
}
.thematique_content_title P .num {
  font-size: 36px;
}
.thematique_content_title P .num I {
  display: inline-block;
  margin: 0 5px 0 0;
  font-size: 30px;
}
.thematique_content_title .btn {
  color: #4b453b;
  font-size: 14px;
  line-height: 30px;
  padding: 10px 15px;
  border-radius: 30px;
  margin: 0 15px 0 0;
  background: #b2ca3a;
  background: -moz-linear-gradient(top, #b2ca3a 0%, #8ea700 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, #b2ca3a), color-stop(100%, #8ea700));
  background: -webkit-linear-gradient(top, #b2ca3a 0%, #8ea700 100%);
  background: -o-linear-gradient(top, #b2ca3a 0%, #8ea700 100%);
  background: -ms-linear-gradient(top, #b2ca3a 0%, #8ea700 100%);
  background: linear-gradient(to bottom, #b2ca3a 0%, #8ea700 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2ca3a', endColorstr='#8ea700', GradientType=0);
}
.thematique_content_title .btn I {
  color: #ffffff;
  font-size: 20px;
  margin: 0 5px;
}
.step_row {
  box-shadow: none;
}
.step_row .step_blocked {
  display: none;
}
.step_row.blocked .step_blocked {
  display: block;
}
.step_row.panel {
  background-color: transparent;
  overflow: visible;
}
.step_content_container {
  padding: 20px 0 0;
  position: relative;
  overflow: hidden;
  border-bottom: 2px solid #ffffff;
}
.step_content_container.collapse {
  display: block;
}
.step_title {
  max-height: calc(100% - 60px);
  background-color: #ccc;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  overflow: hidden;
  margin: 50px 0 0;
}
.step_title P {
  font-size: 20px;
  font-weight: bold;
}
.step_title P.step_name {
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  padding: 0 20px;
  text-transform: uppercase;
}
.step_title P.step_num {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
}
.step_title P.step_validation {
  font-size: 26px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}
.step_title P.step_blocked {
  font-size: 26px;
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
}
.step_row .step_title_arrow {
  border-top: 30px solid transparent;
  border-right: 50px solid transparent;
  border-left: 50px solid transparent;
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  z-index: 11;
}
.step_row:last-child .step_title_arrow {
  display: none;
}
.step_bloc {
  cursor: pointer;
  display: inline-block;
  width: 16%;
  margin: 0 0 20px 50px;
  background-color: #ffffff;
  position: relative;
  text-align: center;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.step_bloc .title {
  height: 80px;
  box-shadow: none;
  z-index: 10;
  background-color: #ffffff;
  padding: 15px 30px 16px 15px;
  position: relative;
  text-align: left;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  overflow: hidden;
}
.step_bloc .title I {
  margin-right: 6px;
  font-size: 20px;
}
.step_bloc .title I.step_optionnal {
  position: absolute;
  bottom: 0;
  right: 5px;
  font-size: 12px;
  text-transform: initial;
  font-weight: 300;
  color: #4b453b;
  background-color: #FFFFff;
}
.step_bloc .title p {
  font-size: 16px;
  line-height: 16px;
  margin: 0;
  color: #5d5851;
  overflow: hidden;
}
.apprenant_formation_main_panel .apprenant_formation_progress_container {
  background-color: #696d65;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.6);
}
.apprenant_formation_main_panel .apprenant_formation_progress_bar {
  height: 10px;
  background-color: #0097aa;
  width: 0;
}
.apprenant_formation_main_panel .apprenant_formation_progress_shadow {
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.3);
  height: 10px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.step_bloc .step_image_container {
  text-align: center;
  overflow: hidden;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-position: center;
}
.step_bloc .step_icon_container I {
  font-size: 80px;
  color: #000000;
}
.step_bloc .icon-validation {
  position: absolute;
  display: none;
  bottom: 10px;
  right: 10px;
  font-size: 35px;
  color: #b4cc3a;
}
.step_bloc.validated .icon-validation {
  display: inline-block;
}
.step_content_container > .step_bloc:before {
  font-family: 'Plafont';
  color: #888d83;
  position: absolute;
  top: 43%;
  left: -45px;
  content: "\e90d";
  font-size: 2.5em;
}
.entLinkOptional .step_bloc:before,
.step_content_container .step_bloc:first-child:before {
  content: "";
  display: none;
}
.step_bloc p {
  font-size: 14px;
}
.step_disabled_mask {
  display: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
}
.step_disabled_mask I {
  font-size: 50px;
  color: #ffffff;
  margin-top: 80px;
}
.step_bloc.disabled {
  cursor: auto;
}
.step_bloc.disabled .step_disabled_mask {
  display: flex;
}
.step_row_template {
  display: none;
}
.step_block_template {
  display: none;
}
@media (max-width: 1600px) {
  .step_bloc {
    width: 19.5%;
  }
}
@media (max-width: 1200px) {
  .step_bloc {
    width: 27%;
  }
}
@media (max-width: 990px) {
  .parcours_tool {
    padding: 0px!important;
  }
  .step_row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    border-right: 1px solid rgba(0, 0, 0, 0.6);
    border-left: 1px solid rgba(0, 0, 0, 0.6);
  }
  .step_row:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.6);
  }
  .step_content_container {
    padding: 20px 20px 0;
  }
  .step_content_container.collapse {
    display: none;
  }
  .step_content_container.collapse.in {
    display: block;
  }
  .step_row.closed .step_content_container {
    height: 0;
    padding: 0 20px 0;
  }
  .step_bloc {
    width: 100%;
    margin: 0 0 20px 0;
    text-align: left;
  }
  .step_bloc .step_image_container {
    float: left;
    width: 30%;
    margin: 0 20px 0 0;
    height: auto;
  }
  .step_title {
    text-align: left;
    padding: 10px;
  }
  .step_title P {
    margin: 0;
  }
  .step_title P.step_name {
    display: none;
  }
}
.isSpiHero {
  background-image: url('../../../../img/bg_user_detail.jpg');
  background-size: cover;
  background-attachment: fixed;
  position: fixed;
  width: 100%;
}
.isSpiHero .navbar_connected {
  background-color: #fff;
}
.isSpiHero .apprenant_formation_main_panel_content {
  min-height: 708px !important;
}
.isSpiHero .suivi_leftpanel {
  height: 708px;
  -ms-overflow-style: none;
}
.isSpiHero .suivi_leftpanel::-webkit-scrollbar {
  display: none;
}
.isParcoursHero {
  position: fixed;
  width: 100%;
}
.navbar_connected {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.isParcoursHero .suivi_detail_container {
  height: 708px;
}
.isParcoursHero .suivi_leftpanel {
  height: 708px;
  -ms-overflow-style: none;
}
.isParcoursHero .suivi_leftpanel::-webkit-scrollbar {
  display: none;
}
.orientationOpened {
  transform: rotate(-90deg);
  padding: 0px!important;
  display: inline-block;
}
.orientationClose {
  transform: rotate(90deg);
  padding: 0px!important;
  display: inline-block;
}
.answers_table,
.answers_table th,
.answers_table td {
  border: 1px solid black;
  border-collapse: collapse;
}
.answers_table th,
.answers_table td {
  padding: 15px;
}
.answers_table th {
  text-align: left;
}
.modal-body TBODY TR TD {
  background-color: transparent;
  padding: 5px 20px;
  font-size: 14px;
  color: inherit;
  line-height: 18px;
}
.apprenant_formation_main_panel.light_grey_motif.is_spi {
  background-image: url('../images/bg_user_detail.jpg');
}
.parcours_header.blue_title_header {
  width: 100%;
  background-color: #fff;
  color: #000000;
  position: relative;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.apprenant_formation_main_panel > .parcours_header.blue_title_header {
  background-color: #133974 !important;
  height: 123.5px;
}
.parcours_suivi_header .extend_subscription_date {
  color: #ffffff;
  margin-left: 60px;
}
.parcours_header.apprenant_suivi {
  background-color: rgba(0, 0, 0, 0.4);
  box-shadow: none;
}
/*.isParcours .parcours_header.apprenant_suivi { min-height: 178px; }*/
.parcours_header.apprenant_suivi .return_btn {
  position: absolute;
  top: 10px;
  left: 5px;
  text-shadow: 2px 2px 8px #2a2c2e;
}
.parcours_header.apprenant_suivi a {
  color: #FFFFFF;
}
.parcours_header.apprenant_suivi a:hover {
  color: #CCCCCC;
}
.parcours_header.apprenant_suivi .img-responsive {
  width: 100%;
}
.parcours_header.apprenant_suivi .suivi_header_image {
  width: 316px;
  display: inline-block;
  vertical-align: top;
}
.parcours_header.apprenant_suivi .suivi_header_title {
  display: inline-block;
  vertical-align: top;
  margin-top: 60px;
  width: 55%;
  font-size: 14px;
  font-weight: initial;
  text-align: initial;
}
.apprenant_formation_main_panel > .parcours_header.apprenant_suivi .suivi_header_title {
  margin-top: 50px !important;
}
.parcours_header.apprenant_suivi #formation_title {
  background: transparent !important;
  height: auto;
  padding-top: 0;
  padding-left: 25px;
  padding-right: 5px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #FFFFff;
  font-size: 25px;
  font-weight: 400;
}
.parcours_header.apprenant_suivi .duration {
  color: #fff;
  text-align: left;
  margin-left: 60px;
  width: auto;
}
.parcours_header.apprenant_suivi .mobile {
  display: none;
}
.parcours_header.apprenant_suivi .header_progress {
  box-shadow: none;
  padding-top: 5px;
  color: #fff;
  display: inline-block;
  vertical-align: top;
}
.parcours_header.apprenant_suivi .header_progress .parcours_progress {
  /*background-color: white;*/
  border-radius: 50%;
  margin-right: 0;
  font-size: 0;
  margin-top: 15px;
  display: inline-block;
  position: relative;
}
.parcours_header.apprenant_suivi .header_progress #progress_pourcent {
  position: absolute;
  display: block;
  margin: 0;
  font-size: 25px;
  width: 76px;
  height: 76px;
  background-color: #3f4344;
  left: 14%;
  top: 19%;
  line-height: 75px;
  text-align: center;
  border-radius: 50%;
}
.suivi_right_data_container {
  float: right;
}
.header_icon_data {
  color: #fff;
  text-align: center;
  width: 150px;
  margin: 0 10px;
  padding: 50px 0 0;
  display: inline-block;
  vertical-align: top;
}
.parcours_header .header_icon_data {
  padding: 40px 0 0 !important;
}
.parcours_header .header_time_left.header_icon_data {
  padding: 40px 0 0 !important;
}
.header_icon_data P {
  font-size: 17px;
  line-height: 22px;
  margin-bottom: 0;
}
.header_icon_data I {
  font-size: 3em;
}
.header_icon_data .icon-duree_expire {
  color: #e83821;
}
.apprenant_formation_main_panel .parcours_header.blue_title_header.apprenant_suivi .header_icon_data.header_time_left {
  padding-top: 15px !important;
}
.parcours_header.blue_title_header.apprenant_suivi .header_icon_data.header_time_left P {
  font-size: 11px;
  line-height: 22px;
  margin-bottom: 0;
}
.progress_detail_btn:hover,
.progress_detail_btn:focus {
  text-decoration: none;
}
.progress_detail_btn {
  color: #ffffff;
  display: block;
  line-height: 16px;
  text-align: left;
  margin-top: 8px;
  text-decoration: none;
}
.progress_detail_btn I {
  vertical-align: middle;
  margin-right: 10px;
  float: left;
  font-size: 2.4em;
}
.apprenant_formation_main_panel .time_spent I {
  vertical-align: middle;
  float: left;
  font-size: 2.4em;
}
.apprenant_formation_main_panel .time_spent span {
  display: inline-block;
  font-size: 1.1em;
  padding-top: 7px;
}
.apprenant_formation_main_panel .time_spent {
  margin-top: 8px;
}
.print_attestation_btn {
  color: #FFFFff;
  font-size: 16px;
  display: inline-block;
  margin-top: 8px;
}
.is_spi .parcours_header.apprenant_suivi .suivi_header_image {
  width: 330px;
  display: inline-block;
  vertical-align: top;
}
.is_spi .spi_en_ligne_logo_container {
  position: relative;
  /*margin: 24px 0 0 0;*/
  padding: 0 0 0 40px;
  background-color: #ffffff;
  height: 130px;
}
.is_spi .spi_en_ligne_logo_container .spi_en_ligne_logo_arrow {
  position: absolute;
  right: -95px;
  top: 0;
  border: 65px solid transparent;
  border-left: 30px solid #ffffff;
}
.is_spi .spi_en_ligne_logo_container P {
  color: #949494;
  font-style: italic;
  text-align: center;
}
.is_spi .spi_en_ligne_logo_container h3 {
  margin: 0;
  padding-top: 20px;
  padding-left: 10px;
}
.parcours_header.apprenant_suivi .suivi_header_image {
  width: 330px;
  display: inline-block;
  vertical-align: top;
}
.spi_en_ligne_logo_container h3 {
  margin: 0;
  padding-top: 20px;
  padding-left: 10px;
}
.spi_en_ligne_logo_container P {
  color: #949494;
  font-style: italic;
  text-align: center;
}
.spi_en_ligne_logo_container .spi_en_ligne_logo_arrow {
  position: absolute;
  left: 330px;
  top: 0;
  border: 52px solid transparent;
  border-left: 30px solid #ffffff;
}
.attemp_status .attemp_status_circle.failed {
  background: transparent;
  color: #d91b29;
}
.attemp_status .attemp_status_circle.passed {
  background: transparent;
  color: #47b07e;
}
.headerIsSpi {
  margin-left: 135px;
  width: 160px;
}
.is_spi .parcours_header.apprenant_suivi .header_progress {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
.is_spi .parcours_header.apprenant_suivi .header_progress .parcours_progress_title {
  display: none;
}
.suivi_detail_container {
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 100%;
  margin-right: 0;
  margin-left: 0;
}
/*@media (min-width: 1280px) {
  .suivi_detail_container {
    padding-left: 15% !important;
    padding-right: 15% !important;
  }
}*/
.isParcours .suivi_detail_container {
  width: unset !important;
}
.suivi_detail_container .quizz_detail_btn {
  margin-right: 10px;
}
.suivi_detail_container .survey_detail_btn {
  margin-right: 10px;
}
.suivi_detail_content {
  margin: 0px 20px;
  font-family: 'Roboto', sans-serif;
}
.suivi_detail {
  margin: 0px 20px;
  float: left;
  display: block;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.suivi_detail.module_view {
  float: left;
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
}
.suivi_detail H3 {
  text-align: left;
  font-size: 22px;
  margin: 10px 0 10px 20px;
  color: #727272;
}
.suivi_detail H3 SPAN {
  font-size: 16px;
  display: block;
}
.suivi_detail TABLE {
  margin: 0 auto 20px;
  border: 0;
}
.suivi_detail .table > thead > tr > th {
  border-bottom: 0;
  border-right: 0;
  vertical-align: middle;
  text-align: center;
}
.suivi_detail .table > thead > tr > th:first-child {
  text-align: left;
}
.suivi_detail .table > thead > tr > th I {
  font-size: 30px;
  color: #6e786e;
}
.suivi_detail .table > tbody {
  border: 1px solid #babab7;
}
.suivi_detail .suivi_sub_detail_line,
.suivi_detail .suivi_detail_line_sub_detail {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.4);
  min-height: 3em;
}
.suivi_detail .suivi_grain_table {
  margin-bottom: 0;
}
.suivi_detail .suivi_grain_table > tbody {
  border: 0;
}
.suivi_detail .suivi_grain_table .white_line {
  background-color: #f5f4f0;
  height: 5px;
  margin: 0 20px;
}
.suivi_detail .table > tbody > tr > td {
  border: 0;
  color: #6e786e;
  font-size: 16px;
  text-align: center;
  font-weight: 900;
  vertical-align: middle;
}
.suivi_detail .question_proposition .proposition_title {
  text-align: left;
  font-weight: 100;
  width: 80%;
}
.suivi_detail .question_proposition .proposition_max_score {
  text-align: left;
  font-weight: 100;
  width: 10%;
  padding: 14px 0 !important;
}
.suivi_detail .question_proposition .proposition_status {
  text-align: left;
  font-weight: 100;
  width: 10%;
}
.suivi_grain_table_container {
  font-weight: 400 !important;
}
.suivi_detail .table > tbody > tr > td.name {
  padding-left: 40px;
  font-weight: bold;
  text-align: left;
}
.suivi_detail .table > tbody > tr > td.grain_name {
  text-align: right;
  width: 50%;
}
.isParcours .suivi_detail .table > tbody > tr > td.grain_name {
  width: 45%!important;
}
.suivi_detail .table > tbody > tr > td.suivi_spacer {
  padding: 0;
}
.modal-header .close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
}
.modal-header .close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
/* CSS Modal Help */
.suivi_leftpanel .step {
  transition: all ease-in-out 0.2s;
  cursor: pointer;
  height: 80px;
  padding: 10px 70px 10px 20px;
  background-color: #779b9d;
  display: flex;
  align-items: center;
  flex-flow: column;
  margin-bottom: 10px;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.suivi_leftpanel .step P {
  margin: 0;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
}
.suivi_leftpanel .step .step_type {
  font-weight: bold;
  font-size: 16px;
}
.suivi_leftpanel .step I {
  position: absolute;
  right: 20px;
  top: 25px;
  font-size: 30px;
  color: #ffffff;
}
.suivi_leftpanel .step:nth-child(1) {
  background-color: #71aa41;
}
.suivi_leftpanel .step:nth-child(2) {
  background-color: #b1c924;
}
.suivi_leftpanel .step:nth-child(3) {
  background-color: #f5ab17;
}
.suivi_leftpanel .step:nth-child(4) {
  background-color: #df7532;
}
.suivi_leftpanel .step:nth-child(5) {
  background-color: #e83821;
}
.suivi_leftpanel .step:nth-child(6) {
  background-color: #997cb5;
}
.suivi_leftpanel .step:nth-child(7) {
  background-color: #826ead;
}
.suivi_leftpanel .step:nth-child(8) {
  background-color: #71aa41;
}
.suivi_leftpanel .step:nth-child(9) {
  background-color: #b1c924;
}
.suivi_leftpanel .step:nth-child(10) {
  background-color: #f5ab17;
}
.suivi_leftpanel .step:nth-child(11) {
  background-color: #df7532;
}
.suivi_leftpanel .step:nth-child(12) {
  background-color: #e83821;
}
.suivi_leftpanel .step:nth-child(13) {
  background-color: #997cb5;
}
.suivi_leftpanel .step:nth-child(14) {
  background-color: #826ead;
}
.suivi_leftpanel .step.selected {
  background-color: #ffffff !important;
  transform: scale(1.05);
}
.suivi_leftpanel .suivi_leftpanel_border {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  box-shadow: -1px 0 3px rgba(0, 0, 0, 0.3);
  width: 4px;
  height: 100%;
}
.tableSuiviDetailBorder > thead > tr > th {
  border-top: 0;
}
.suivi_detail .suivi_detail_line {
  background-color: #f5f4f0;
}
.suivi_detail .suivi_detail_line TD {
  padding: 10px;
}
.suivi_detail .table > tbody .suivi_grain_table_container {
  padding: 0;
}
.suivi_detail .last_attempt_date {
  width: 10%;
}
.suivi_detail .progress_td {
  width: 10%;
}
.suivi_detail .duration {
  width: 10%;
}
.suivi_detail .attemp_status {
  width: 10%;
}
.suivi_detail .attemp_status I {
  color: #ffffff;
  font-size: 30px;
  text-shadow: 0 2px 5px rgba(0, 0, 0, 0.6);
}
.parcours_header.apprenant_suivi .parcours_progress_mobile {
  display: none;
  color: green;
  font-size: 20px;
}
.parcours_tool_container {
  background-color: #d2dbd7;
}
.apprenant_formation_suivi_panel .parcours_header.apprenant_suivi {
  background-color: rgba(0, 0, 0, 0.4);
  height: 178px;
  box-shadow: none;
}
.apprenant_formation_suivi_panel .parcours_header.apprenant_suivi .return_btn {
  position: absolute;
  top: 10px;
  left: 5px;
  text-shadow: 2px 2px 8px #2a2c2e;
}
.apprenant_formation_suivi_panel .parcours_header.apprenant_suivi .suivi_header_title {
  display: inline-block;
  vertical-align: top;
  margin-top: 60px;
  width: 25%;
}
.apprenant_formation_suivi_panel .header_icon_data {
  color: #fff;
  text-align: center;
  width: 100px;
  margin: 0 10px;
  padding: 50px 0 0;
  display: inline-block;
  vertical-align: top;
}
.apprenant_formation_suivi_panel .header_icon_data P {
  font-size: 22px;
  line-height: 22px;
}
.apprenant_formation_suivi_panel .header_icon_data I {
  font-size: 3em;
}
@media screen and (max-width: 1533px) {
  .apprenant_formation_suivi_panel .header_icon_data {
    width: 65px;
    margin: 0 10px;
    padding: 50px 0 0;
  }
  .apprenant_formation_suivi_panel .header_icon_data P {
    font-size: 18px;
    line-height: 22px;
  }
  .apprenant_formation_suivi_panel .header_icon_data I {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 1300px) {
  .parcours_header.apprenant_suivi .suivi_header_title {
    width: 45%;
  }
  .apprenant_formation_suivi_panel .header_icon_data {
    width: 50px;
    margin: 0 5px;
    padding: 55px 0 0;
  }
  .apprenant_formation_suivi_panel .header_icon_data P {
    font-size: 16px;
    line-height: 20px;
  }
  .apprenant_formation_suivi_panel .header_icon_data I {
    font-size: 2em;
  }
}
@media screen and (max-width: 990px) {
  .parcours_header.apprenant_suivi .img-responsive {
    max-height: 100%;
  }
  .parcours_header.apprenant_suivi .suivi_header_image {
    width: 25%;
  }
  .parcours_header.apprenant_suivi .suivi_header_title {
    width: 48%;
  }
  .parcours_header.apprenant_suivi .mobile {
    display: block;
    color: #fff;
  }
  .parcours_header.apprenant_suivi .suivi_header_image,
  .parcours_header.apprenant_suivi .suivi_header_title,
  .parcours_header.apprenant_suivi .header_progress,
  .parcours_header.apprenant_suivi .header_timer,
  .parcours_header.apprenant_suivi .header_time_left,
  .parcours_header.apprenant_suivi .header_spi_reunion,
  .parcours_header.apprenant_suivi .header_help {
    float: left;
  }
  .parcours_header.apprenant_suivi .header_progress.user_data_progress {
    float: unset;
  }
  .parcours_header.apprenant_suivi .header_progress {
    display: inline-block;
    width: 48%;
  }
  .apprenant_formation_suivi_panel .parcours_header.apprenant_suivi .header_progress .parcours_progress_title {
    display: block;
    text-align: center;
  }
  .apprenant_formation_suivi_panel .parcours_header.apprenant_suivi .header_progress .parcours_progress_title P {
    margin-top: 40px;
    margin-right: 0;
  }
  .parcours_header.apprenant_suivi .header_timer i {
    font-size: 2.5em !important;
  }
}
@media screen and (max-width: 992px) {
  .parcours_header.apprenant_suivi {
    min-height: 50px;
  }
  .parcours_header.apprenant_suivi .parcours_progress {
    display: none !important;
  }
  .parcours_header.apprenant_suivi .parcours_progress_mobile {
    display: inline-block;
  }
  .parcours_header.apprenant_suivi .suivi_header_title {
    margin-top: 12px;
  }
  .parcours_header.apprenant_suivi #formation_title {
    padding: 0 0 0 50px;
  }
  .parcours_header.apprenant_suivi .duration {
    display: none;
  }
  .parcours_header.apprenant_suivi .header_progress {
    padding: 8px 0 0;
  }
  .parcours_header.apprenant_suivi .img-responsive {
    display: none;
  }
  .apprenant_formation_suivi_panel .parcours_header.apprenant_suivi .suivi_header_title {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .parcours_header.apprenant_suivi .suivi_header_title {
    width: 100%;
  }
  .parcours_header.apprenant_suivi .header_progress {
    width: 100%;
  }
  .apprenant_formation_suivi_panel .parcours_progress_title P {
    margin-top: 40px;
    margin-right: 0;
  }
  .apprenant_formation_suivi_panel .parcours_header.apprenant_suivi .suivi_header_title {
    width: 60%;
  }
  .suivi_detail_container .suivi_detail {
    margin: 0;
  }
  .suivi_detail_content.module_view {
    margin: 0;
  }
  .suivi_detail_content .last_attempt_date {
    display: none;
  }
  .suivi_detail .duration {
    width: 20%;
  }
  .suivi_detail_content td,
  .suivi_detail_content th {
    padding: 1px;
  }
}
.header_help {
  margin: 24px 40px 0;
  display: inline-block;
}
.header_help A {
  display: inline-block;
  background-color: #b1c924;
  color: #ffffff;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  text-align: center;
}
.header_help I {
  display: inline-block;
  font-size: 40px;
  margin: 25px 0 10px;
}
.header_help A:hover,
.header_help A:focus {
  text-decoration: none;
  transform: scale(1.05);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 990px) {
  .parcours_header.blue_title_header .row {
    display: inline;
  }
  .header_progress {
    display: none;
  }
  .header_help {
    display: none;
  }
  .header_title {
    width: 100%;
    border-bottom: 1px solid;
    display: flex;
    max-height: 40px;
    overflow: hidden;
  }
  .header_title IMG {
    display: none;
  }
  .header_title A {
    display: inline-block;
    font-size: 25px;
    text-decoration: none;
  }
  .header_title H3 {
    display: inline-block;
  }
  .header_title .return_btn I {
    font-size: 20px;
    color: #000000;
  }
  .header_title .return_btn {
    padding-top: 3px;
    margin-bottom: 0;
    color: #ffffff;
  }
  .header_title #formation_title {
    font-size: 20px;
    margin-right: 20px;
  }
  div:not(.suivi_right_data_container) > .header_timer {
    width: 100%;
    padding-top: 2px;
  }
  div:not(.suivi_right_data_container) > .header_timer I {
    font-size: 15px!important;
  }
  div:not(.suivi_right_data_container) > .header_timer .time_left {
    margin: 0 5%;
  }
  div:not(.suivi_right_data_container) > .header_timer .time_spent {
    margin: 0 8%;
  }
  div:not(.suivi_right_data_container) > .header_timer P {
    font-size: 12px;
    margin: 0;
  }
  .suivi_detail_container .suivi_detail {
    margin: 0;
  }
  .suivi_detail_content.parcours_view {
    margin: 0;
  }
}
.apprenant_formation_progress_container {
  background-color: #727272;
  position: relative;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.6);
}
.apprenant_formation_progress_bar {
  height: 25px;
  background-color: #acc60f;
}
.apprenant_formation_progress_shadow {
  box-shadow: none;
  height: 25px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/*.panel-primary {
  border-color: transparent;
}
.panel {
  margin-bottom: 0;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  overflow: hidden;
  height: 100%;
  -webkit-box-shadow: inset 0px 2px 10px 0px rgba(93, 93, 93, 0.58);
  -moz-box-shadow: inset 0px 2px 10px 0px rgba(93, 93, 93, 0.58);
  box-shadow: inset 0px 2px 10px 0px rgba(93, 93, 93, 0.58);
}*/
.apprenant_formation_main_panel #formation_title {
  background: #0097AA;
  color: #ffffff;
  font-weight: normal;
  margin: 0;
  padding: 10px 20px;
  font-size: 25px;
  height: 90px;
}
#formation_title .formation_title_avancement {
  font-size: 16px;
  color: #8cc9e2;
  margin: 20px 30px 5px 30px;
  display: none;
}
#formation_title .module_name_container {
  display: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
}
@media screen and (max-width: 1280px) {
  #formation_title .module_name_container {
    font-size: 18px;
    width: 40%;
    margin-top: 5px;
  }
}
@media screen and (max-width: 1070px) {
  #formation_title .module_name_container {
    font-size: 16px;
    width: 30%;
    margin-top: 5px;
  }
  .step_content_container > .step_bloc:before {
    display: none;
  }
  .step_disabled_mask I {
    margin-top: 0px;
  }
  .step_title {
    margin: 0;
    overflow: unset;
  }
}
.formation_title_duration {
  margin: 18px 15px 0 0;
  display: none;
}
.formation_title_duration I {
  font-size: 34px;
  vertical-align: middle;
}
.formation_title_duration .total_duration {
  font-size: 28px;
  vertical-align: middle;
}
.sidePanelRight {
  position: absolute;
  overflow: auto;
  top: 0;
  right: -350px;
  z-index: 10;
  background: #e3e3e3;
  border-left: 5px solid #ffffff;
  width: 350px;
}
.sidePanelRight .expendable {
  background-color: transparent;
}
.isMobile .consultation_docs .lelabbo_box UL {
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 0;
  column-gap: 0;
  -moz-column-gap: 0;
}
.isMobile .consultation_docs .lelabbo_box .content {
  padding: 10px 3px;
}
.isMobile .video_viewer_content {
  padding: 0;
  height: calc(100% - 55px);
}
.isMobile .video_viewer_content .video_btn_mask {
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 55px);
}
/* CSS Modal Help */
.suivi_leftpanel {
  float: left;
  display: inline-block;
  width: 450px;
  padding: 20px;
  overflow: auto;
  position: relative;
}
.suivi_leftpanel .step {
  transition: all ease-in-out 0.2s;
  cursor: pointer;
  height: 80px;
  padding: 10px 70px 10px 20px;
  background-color: #779b9d;
  display: flex;
  align-items: center;
  flex-flow: column;
  margin-bottom: 10px;
  position: relative;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}
.is_spi .suivi_leftpanel .step:nth-child(1) {
  background-color: #71aa41;
}
.suivi_leftpanel .step:nth-child(1).selected P,
.suivi_leftpanel .step:nth-child(1).selected I {
  color: #71aa41;
}
.is_spi .suivi_leftpanel .step:nth-child(2) {
  background-color: #b1c924;
}
.suivi_leftpanel .step:nth-child(2).selected P,
.suivi_leftpanel .step:nth-child(2).selected I {
  color: #b1c924;
}
.is_spi .suivi_leftpanel .step:nth-child(3) {
  background-color: #f5ab17;
}
.suivi_leftpanel .step:nth-child(3).selected P,
.suivi_leftpanel .step:nth-child(3).selected I {
  color: #f5ab17;
}
.is_spi .suivi_leftpanel .step:nth-child(4) {
  background-color: #df7532;
}
.suivi_leftpanel .step:nth-child(4).selected P,
.suivi_leftpanel .step:nth-child(4).selected I {
  color: #df7532;
}
.is_spi .suivi_leftpanel .step:nth-child(5) {
  background-color: #e83821;
}
.suivi_leftpanel .step:nth-child(5).selected P,
.suivi_leftpanel .step:nth-child(5).selected I {
  color: #e83821;
}
.is_spi .suivi_leftpanel .step:nth-child(6) {
  background-color: #997cb5;
}
.suivi_leftpanel .step:nth-child(6).selected P,
.suivi_leftpanel .step:nth-child(6).selected I {
  color: #997cb5;
}
.is_spi .suivi_leftpanel .step:nth-child(7) {
  background-color: #826ead;
}
.suivi_leftpanel .step:nth-child(7).selected P,
.suivi_leftpanel .step:nth-child(7).selected I {
  color: #826ead;
}
.is_spi .suivi_leftpanel .step:nth-child(8) {
  background-color: #71aa41;
}
.suivi_leftpanel .step:nth-child(8).selected P,
.suivi_leftpanel .step:nth-child(8).selected I {
  color: #71aa41;
}
.is_spi .suivi_leftpanel .step:nth-child(9) {
  background-color: #b1c924;
}
.suivi_leftpanel .step:nth-child(9).selected P,
.suivi_leftpanel .step:nth-child(9).selected I {
  color: #b1c924;
}
.is_spi .suivi_leftpanel .step:nth-child(10) {
  background-color: #f5ab17;
}
.suivi_leftpanel .step:nth-child(10).selected P,
.suivi_leftpanel .step:nth-child(10).selected I {
  color: #f5ab17;
}
.is_spi .suivi_leftpanel .step:nth-child(11) {
  background-color: #df7532;
}
.suivi_leftpanel .step:nth-child(11).selected P,
.suivi_leftpanel .step:nth-child(11).selected I {
  color: #df7532;
}
.is_spi .suivi_leftpanel .step:nth-child(12) {
  background-color: #e83821;
}
.suivi_leftpanel .step:nth-child(12).selected P,
.suivi_leftpanel .step:nth-child(12).selected I {
  color: #e83821;
}
.is_spi .suivi_leftpanel .step:nth-child(13) {
  background-color: #997cb5;
}
.suivi_leftpanel .step:nth-child(13).selected P,
.suivi_leftpanel .step:nth-child(13).selected I {
  color: #997cb5;
}
.is_spi .suivi_leftpanel .step:nth-child(14) {
  background-color: #826ead;
}
.suivi_leftpanel .step:nth-child(14).selected P,
.suivi_leftpanel .step:nth-child(14).selected I {
  color: #826ead;
}
.apercuWebinar {
  margin-top: 25%;
}
.webinarContainer {
  height: calc(100% - 50px) !important;
  width: calc(100% - 350px);
}
.webinarContainer.fullScreen {
  height: 100% !important;
  width: 100%;
}
.webinarContent {
  height: 100% !important;
  padding-bottom: 0px !important;
  overflow: hidden !important;
}
.suivi_detail .question_proposition .proposition_status .text-success {
  color: #3c763d !important;
}
.parcours_progress_container {
  margin-top: -40px;
}
@media all and (max-width: 1380px) {
  .suivi_right_data_container.is_on_suivi {
    /*float: unset; width:100%*/
    display: none !important;
  }
}
.mobile_suiviPanel {
  padding: initial !important;
  float: initial !important;
  padding-top: 20px !important;
  overflow: auto;
  height: 28vh !important;
  width: 100% !important;
}
.mobile_suiviContainer {
  height: 50vh !important;
  overflow: auto !important;
}
@media all and (max-width: 1180px) {
  /*.suivi_right_data_container { float: unset; width:100% }*/
  .parcours_header .suivi_header_title {
    width: 100% !important;
    float: unset;
  }
  .apprenant_formation_main_panel > .parcours_header.blue_title_header {
    padding-bottom: 20px;
    height: auto;
  }
  .parcours_suivi_header .parcours_header.apprenant_suivi .suivi_header_title {
    width: 45% !important;
  }
}
@media all and (max-width: 768px) {
  .apprenant_formation_main_panel > .parcours_header.apprenant_suivi .suivi_header_title {
    margin-top: 10px !important;
  }
}
.isMobile .module_header_btn_container {
  padding-right: 15px;
}
.isMobile .digital_eval_container .digital_eval_answer_type_9,
.isMobile .digital_eval_container .digital_eval_answer_type_10,
.isMobile .digital_eval_container .digital_eval_answer_type_11 {
  padding-left: 50px;
}
.isMobile .digital_eval_container .digital_eval_answer_type_9 .digital_eval_answer,
.isMobile .digital_eval_container .digital_eval_answer_type_10 .digital_eval_answer {
  max-width: 80%;
}
.isMobile .digital_eval_container.fullScreen,
.isMobile .end_eval_container.fullScreen {
  width: calc(100% - 110px) !important;
}
@media (max-width: 768px) {
  .isMobile .digital_eval_container.fullScreen,
  .isMobile .end_eval_container.fullScreen {
    width: 100% !important;
  }
}
.isMobile .digital_eval_container .digital_eval_question {
  padding-left: unset;
}
.socialMenu {
  margin-left: 1rem;
}
.socialMenu i {
  cursor: pointer;
  color: #727272;
  line-height: 50px;
  padding-right: 0.65rem;
  font-size: 1.7rem;
}
.socialMenu i span {
  margin-left: 0.25rem;
  position: relative;
  top: -0.5rem;
  font-family: "Roboto Light", sans-serif;
  font-size: 0.85rem;
}
.socialMenu i:hover {
  color: #0056b3;
}
.descriptionModal {
  max-height: 90%;
}
.descriptionModal .modal-xl {
  height: 85%;
  overflow: hidden;
}
.descriptionModal .modal-xl .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.descriptionModal .modal-xl .modal-content .modal-body {
  max-height: calc(100% - 60px);
  overflow: auto;
}
.docSpace a.nav-link.active,
.communitySpace a.nav-link.active {
  background-color: #F7F7F7;
  color: #4A4D4A;
  line-height: 2.2em;
  font-weight: bold;
}
.docSpace a.nav-link,
.communitySpace a.nav-link {
  background-color: #B5B5B5;
  color: #fff;
  line-height: 2.2em;
}
.docSpace a.nav-link:not(.active):hover,
.communitySpace a.nav-link:not(.active):hover {
  background-color: #00000073;
}
.docSpace .col-sm-12,
.communitySpace .col-sm-12,
.docSpace .col-12,
.communitySpace .col-12 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.docSpace .row,
.communitySpace .row {
  margin: 0;
}
.docSpace THEAD,
.communitySpace THEAD,
.docSpace THEAD TR,
.communitySpace THEAD TR,
.docSpace THEAD TH,
.communitySpace THEAD TH {
  color: #4A4D4A;
  background-color: #F7F7F7;
  border: 0;
  cursor: pointer;
  line-height: 40px;
}
.docSpace TBODY TR,
.communitySpace TBODY TR,
.docSpace TBODY TD,
.communitySpace TBODY TD {
  background-color: #FFFFFF;
  color: #4A4D4A;
  line-height: 45px;
  transition: all 0.25s;
}
.docSpace .community_container TBODY TR,
.communitySpace .community_container TBODY TR,
.docSpace .community_container TBODY TD,
.communitySpace .community_container TBODY TD {
  background-color: #F7F7F7;
  line-height: unset;
}
.docSpace .community_container TBODY TD.name-column,
.communitySpace .community_container TBODY TD.name-column {
  line-height: 1.5em;
}
.docSpace .hover_title,
.communitySpace .hover_title {
  opacity: 0;
  position: absolute;
  left: 20px;
  color: #fff;
}
.docSpace TBODY TR.trHovered TD,
.communitySpace TBODY TR.trHovered TD {
  position: relative;
}
.docSpace TBODY TR.trHovered:hover > TD:not(:first-child),
.communitySpace TBODY TR.trHovered:hover > TD:not(:first-child) {
  background-color: #53A2C1;
  color: #fff !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.docSpace TBODY TR.trHovered:hover > TD:not(:first-child) a,
.communitySpace TBODY TR.trHovered:hover > TD:not(:first-child) a {
  color: #fff !important;
  transition: all 0.3s ease-in-out;
}
.docSpace TBODY TR.trHovered:hover > TD:not(:first-child):hover a#downloadDocA:not(.iconDownloadDoc),
.communitySpace TBODY TR.trHovered:hover > TD:not(:first-child):hover a#downloadDocA:not(.iconDownloadDoc) {
  color: #000 !important;
  filter: blur(5px);
  transition: all 0.3s ease-in-out;
}
.docSpace TBODY TR.trHovered:hover > TD:not(:first-child):hover .hover_title,
.communitySpace TBODY TR.trHovered:hover > TD:not(:first-child):hover .hover_title {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.docSpace .delete_btn_tr:hover,
.communitySpace .delete_btn_tr:hover {
  cursor: pointer;
  background-color: #8C3343;
  transition: all 0.3s ease-in-out;
}
.docSpace .delete_btn_tr:hover i,
.communitySpace .delete_btn_tr:hover i {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.socialLearning .modal-content {
  border-radius: unset;
  border: 0;
}
.socialLearning .modal-content .modal-header {
  padding: 0.5em;
  box-shadow: #00000029 0 3px 6px;
  z-index: 1;
}
.socialLearning .modal-content .modal-header .modal-title {
  line-height: 1.1;
  margin-left: 1em;
  font-family: "Roboto", sans-serif;
  /*font-weight:bold;*/
  color: #4A4D4A;
  font-size: 1.4rem;
}
.socialLearning .modal-content .modal-header .close {
  font-size: 25px;
  margin-right: -0.5rem;
  padding-bottom: 0.5rem;
}
.socialLearning .modal-content .modal-header .close:focus {
  box-shadow: none;
}
.socialLearning .modal-content .modal-body {
  padding: 0;
}
.socialLearning .modal-content .modal-body > .container-fluid {
  padding: 0;
  background-color: #F7F7F7;
  min-height: 143px;
}
.socialLearning .modal-content .modal-body > .container-fluid .col-sm-12,
.socialLearning .modal-content .modal-body > .container-fluid .col-12 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.socialLearning .modal-content .modal-body > .container-fluid .row {
  margin: 0;
}
.socialLearning .modal-content .modal-body .docSpace a.nav-link.active,
.socialLearning .modal-content .modal-body .communitySpace a.nav-link.active {
  background-color: #F7F7F7;
  color: #4A4D4A;
  line-height: 2.2em;
  font-weight: bold;
}
.socialLearning .modal-content .modal-body .docSpace a.nav-link,
.socialLearning .modal-content .modal-body .communitySpace a.nav-link {
  background-color: #B5B5B5;
  color: #fff;
  line-height: 2.2em;
}
.socialLearning .modal-content .modal-body .docSpace a.nav-link:not(.active):hover,
.socialLearning .modal-content .modal-body .communitySpace a.nav-link:not(.active):hover {
  background-color: #00000073;
}
.socialLearning .modal-content .modal-body THEAD,
.socialLearning .modal-content .modal-body THEAD TR,
.socialLearning .modal-content .modal-body THEAD TH {
  color: #4A4D4A;
  background-color: #F7F7F7;
  border: 0;
  cursor: pointer;
  line-height: 40px;
}
.socialLearning .modal-content .modal-body TBODY TR,
.socialLearning .modal-content .modal-body TBODY TD {
  background-color: #FFFFFF;
  color: #4A4D4A;
  line-height: 45px;
  transition: all 0.25s;
}
.socialLearning .modal-content .modal-body .community_container TBODY TR,
.socialLearning .modal-content .modal-body .community_container TBODY TD {
  background-color: #F7F7F7;
  line-height: unset;
}
.socialLearning .modal-content .modal-body .community_container TBODY TD.name-column {
  line-height: 1.5em;
}
.socialLearning .modal-content .modal-body .hover_title {
  opacity: 0;
  position: absolute;
  left: 20px;
  color: #fff;
}
.socialLearning .modal-content .modal-body TBODY TR.trHovered TD {
  position: relative;
}
.socialLearning .modal-content .modal-body TBODY TR.trHovered:hover > TD:not(:first-child) {
  background-color: #53A2C1;
  color: #fff !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.socialLearning .modal-content .modal-body TBODY TR.trHovered:hover > TD:not(:first-child) a {
  color: #fff !important;
  transition: all 0.3s ease-in-out;
}
.socialLearning .modal-content .modal-body TBODY TR.trHovered:hover > TD:not(:first-child):hover a#downloadDocA {
  color: #000 !important;
  filter: blur(5px);
  /*transition: all 0.3s ease-in-out;*/
}
.socialLearning .modal-content .modal-body TBODY TR.trHovered:hover > TD:not(:first-child):hover .hover_title {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.socialLearning .modal-content .modal-body TBODY TR.trHovered:hover > TD:last-child:hover a#downloadDocA {
  color: #000 !important;
  filter: initial !important;
}
.socialLearning .modal-content .modal-body #messages_table {
  margin-bottom: 50px;
}
.socialLearning .modal-content .modal-body .messageForm {
  position: absolute;
  width: 100%;
  bottom: -10px;
}
.socialLearning .modal-content .modal-body .chat-right .messageForm {
  bottom: 0;
}
.socialLearning .modal-content .modal-body .btn-chat .list-group-item {
  min-height: 5.2em;
}
.socialLearning .modal-content .modal-body .delete_btn_tr:hover {
  cursor: pointer;
  background-color: #8C3343;
  transition: all 0.3s ease-in-out;
}
.socialLearning .modal-content .modal-body .delete_btn_tr:hover i {
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.return_btn_module,
.module_progression {
  text-decoration: none !important;
}
.module_action_btn_left {
  cursor: pointer;
}
.sessionBlockTransition,
.session_presentiel_container .session_presentiel_block,
.session_presentiel_container .lelabbo_box,
.consultation_docs .lelabbo_box {
  transform: rotate3d(1, 0, 0, 90deg);
}
.sessionBlockTransition-enter.session_presentiel_block,
.sessionBlockTransition-enter.lelabbo_box {
  transform: rotate3d(1, 0, 0, 90deg);
}
.sessionBlockTransition-enter-active.session_presentiel_block,
.sessionBlockTransition-enter-active.lelabbo_box {
  transform: rotate3d(0, 0, 0, 0);
  transition: all 500ms;
}
.sessionBlockTransition-enter-done.session_presentiel_block,
.sessionBlockTransition-enter-done.lelabbo_box {
  transform: rotate3d(0, 0, 0, 0);
  transition: all 500ms;
}
.sessionBlockTransition-exit.session_presentiel_block,
.sessionBlockTransition-exit.lelabbo_box {
  transition: all 500ms;
}
.sessionBlockTransition-exit-done.session_presentiel_block,
.sessionBlockTransition-exit-done.lelabbo_box {
  transform: rotate3d(0, 0, 0, 0);
  transition: all 500ms;
}
.session_presentiel_container .session_presentiel_content .lelabbo_box .title {
  background-color: #FF665B;
}
.session_presentiel_container .session_presentiel_content .lelabbo_box .content {
  box-shadow: none;
}
.videoTransition-enter-done {
  background-color: #000 !important;
  transition: all 300ms;
}
.step_bloc:not(.disabled):hover {
  box-shadow: none;
  transition: all 0.3s;
}
.doc_ul_view {
  padding-inline-start: 5px;
}
.doc_ul_view li {
  list-style: none;
}
.doc_ul_view li > a:hover {
  color: #133974;
}
.consultation_docs .lelabbo_box .title {
  background-color: #8C837A;
}
.moxie-shim.moxie-shim-html5 {
  display: none !important;
}
.section_editable.masked {
  opacity: 0.3;
}
.updateBtn {
  border-radius: 50%;
  background-color: #50C3FF;
  color: #fff;
  position: absolute;
  width: 2.05rem;
  padding: 0.2rem;
  padding-top: 0.4rem;
  padding-left: 0.5rem;
  top: 100px;
  left: 10px;
  cursor: pointer;
}
.editable {
  background-color: rgba(255, 255, 255, 0.5);
}
textarea.editable {
  width: 90%;
  display: inline-block;
}
.colorPicker {
  display: inline-block;
  position: absolute;
}
.colorPicker div button {
  background-color: #0075B2;
  color: white;
  /*border-radius: 50px;*/
  padding: 1em;
  border: none;
  box-shadow: 1px 1px 5px #00000045;
}
.colorPicker div button:hover {
  background-color: white;
  color: #0075B2;
}
.colorPickerColor {
  background-color: #FFFFFF !important;
  color: #000 !important;
}
.colorPickerColor > div {
  background-image: none!important;
  font-weight: bold!important;
}
.flexbox-fix > div {
  background-image: none!important;
}
.edit_mode > #catalogTitle {
  font-weight: lighter;
  font-size: 2.5rem;
}
.edit_mode > #catalogSubtitle {
  font-weight: bold;
  font-size: 1rem;
}
.hero_image_config {
  /*min-height:100px;*/
  background-color: #fff;
}
.hero_btn_container {
  position: absolute;
  margin-top: 15px;
  width: 100%;
  text-align: center;
  z-index: 100;
}
.hero_btn_container button {
  -webkit-appearance: unset;
  border: 0;
  background-color: #fff;
  color: #77746F;
  padding: 0.5rem;
}
.hero_btn_container .submitHeroUpdate {
  background-color: #1FA8F0;
  color: #fff;
}
.hero_image_config_title {
  display: inline-block;
  margin-top: -2px;
}
.hero_image_config_title i {
  display: inline-block;
  background-color: #958C88;
  color: #fff;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  padding-top: 0.5rem;
  padding-left: 0.5rem;
  margin: 1rem;
}
.hero_image_config .img_type_btn {
  height: 4rem;
  -webkit-appearance: none;
  border: none;
  background-color: #fff;
  color: #77746F;
  padding-left: 1rem;
  padding-right: 1rem;
}
.hero_image_config .img_type_btn i {
  font-size: 1.5rem;
  position: relative;
  top: 0.25rem;
}
.hero_image_config .img_type_btn:focus,
.hero_image_config .img_type_btn:hover,
.hero_image_config .img_type_btn:active,
.hero_image_config .img_type_btn.active {
  color: #1FA8F0;
  box-shadow: inset 0px 0px 2px #0a0a0a !important;
  outline: 0!important;
}
.hero_image_config .img_type_btn .icon-coche {
  visibility: hidden;
}
.hero_image_config .img_type_btn.active .icon-coche {
  visibility: visible;
}
.hero_image_thumbnail_div {
  position: relative;
  cursor: grab;
  top: 0;
}
.hero_image_config .imgs_container .hero_image_thumbnail_div i.iCoche {
  position: absolute;
  top: 25%;
  left: 45%;
  color: #1FA8F0;
  margin-left: 1.5rem;
  font-size: 1.5rem;
  cursor: pointer;
}
.hero_image_config .imgs_container .hero_image_thumbnail_div:hover i.iCoche {
  visibility: visible !important;
}
.hero_image_config .imgs_container .hero_image_thumbnail_div i.iImg {
  position: absolute;
  top: 33%;
  left: 45%;
  color: #fff;
}
.hero_image_config .imgs_container .hero_image_thumbnail_div i.iDelete {
  position: absolute;
  top: 1%;
  right: 1%;
  color: darkred;
  margin-left: 1.5rem;
  font-size: 1.2rem;
  visibility: hidden;
  cursor: pointer;
}
.hero_image_config .imgs_container .hero_image_thumbnail_div:hover i.iDelete {
  visibility: visible !important;
}
.hero_image_config .imgs_container .hero_image_thumbnail {
  height: 4rem;
  border: none;
  background-color: #fff;
  margin-left: 0.1rem;
}
.imgs_container_add_btn i {
  background-color: #fff;
  box-shadow: 1px 1px 3px 1px grey;
  color: #000;
  cursor: pointer;
}
.imgs_container_add_btn:hover i {
  color: #1FA8F0;
}
.imgs_container_add_btn {
  background-color: #fff;
  box-shadow: 1px 1px 3px 1px grey;
  color: #000;
  cursor: pointer;
}
.imgs_container_add_btn:hover {
  color: #1FA8F0;
}
.sectionManager {
  background-color: #F0F0F0;
  min-height: 20rem;
  position: relative;
}
.sectionManager .updateBtn {
  top: 10px;
  z-index: 100;
  opacity: 1;
}
.sectionManager.edit_mode {
  padding-top: 0;
}
.section_edit_color_panel {
  background-color: #fff;
  min-height: 3.5rem;
  margin-left: calc(-3rem - 15px);
  margin-right: calc(-3rem - 15px);
}
.sectionManager .section_edit_color_panel .color_pane {
  display: inline-block;
}
.sectionManager .section_edit_color_panel .btnSortSection,
.sectionManager .section_edit_color_panel .btnChangeStateSection {
  height: 3.5rem;
  background-color: #fff;
  border-radius: unset;
  color: #4A4D4A;
  -webkit-appearance: none;
  border: none;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.sectionManager .section_edit_color_panel .btnSortSection:hover,
.sectionManager .section_edit_color_panel .btnSortSection:active,
.sectionManager .section_edit_color_panel .btnSortSection:focus,
.sectionManager .section_edit_color_panel .btnChangeStateSection:hover,
.sectionManager .section_edit_color_panel .btnChangeStateSection:active,
.sectionManager .section_edit_color_panel .btnChangeStateSection:focus {
  background-color: #F0F0F0;
  color: #BEBAB5;
  box-shadow: inset 0px 0px 2px #0a0a0a !important;
  outline: 0!important;
}
.sectionManager .section_edit_color_panel .btnChangeStateSection:focus,
.sectionManager .section_edit_color_panel .btnSortSection:focus {
  box-shadow: unset;
  color: #4A4D4A;
  background-color: #fff;
}
.section_theme_colors_example {
  margin-left: 1rem;
  height: 3.5rem;
  display: inline-block;
}
.section_theme_colors_example span {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-block;
  border: 1px solid #fff;
}
.color_pane i {
  position: relative;
  bottom: 0.3rem;
  left: 0.5rem;
  color: #4A4D4A;
  cursor: pointer;
}
.section_change_color_pane {
  position: absolute;
  background-color: #fff;
  min-height: 3.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  z-index: 100;
  cursor: pointer;
}
.section_theme_colors_example.active,
.section_change_color_pane .section_theme_colors_example:hover {
  background-color: #F0F0F0;
}
.sections_list_footer {
  background-color: #7A7978;
  padding: 1.5rem;
  padding-top: 2.5rem;
}
.sectionManager.inactive {
  background-color: #7A7978;
  background: repeating-linear-gradient(300deg, lightgrey, lightgrey 15px, #7A7978 5px, #7A7978 20px);
}
.sectionManager.inactive:not(.edit_mode) {
  height: 7.5rem;
  border-bottom: 1px solid #000;
  min-height: 6rem;
}
.sectionManager.inactive .row:not(.section_edit_color_panel):not(.section_change_color_pane):not(.hero_btn_container),
.sectionManager.inactive .emptySectionFormationsList {
  opacity: 0.6;
}
.sectionManager.inactive .hr-degraded {
  visibility: hidden;
}
.sectionManager.inactive .btnChangeStateSection,
.sectionManager.inactive .btnChangeStateSection:hover,
.sectionManager.inactive .btnChangeStateSection:active,
.sectionManager.inactive .btnChangeStateSection:focus {
  color: darkred;
}
.openFormationsModalBtn {
  border-radius: 50%;
  background-color: #50C3FF;
  color: #fff;
  position: absolute;
  width: 2.05rem;
  padding: 0.2rem;
  padding-top: 0.4rem;
  padding-left: 0.5rem;
  top: 57%;
  left: 10px;
  cursor: pointer;
}
.add_formation {
  border-radius: 50%;
  background-color: #FFF;
  color: #4A4D4A;
  width: 3.2rem;
  padding: 0.8rem;
  padding-left: 0.9rem;
  cursor: pointer;
  border: 1px solid lightgrey;
  box-shadow: 1px 1px 2px 0px lightgrey;
  margin-top: 80px;
}
.manage_section_formations {
  min-height: 400px;
  max-height: 700px;
  overflow: auto;
  background-color: #CAC6C0;
}
.viewport_Row {
  background-color: #fff;
  box-shadow: inset 1px 1px 2px 0px lightgrey;
  height: 15rem;
  width: 100%;
}
.table .formationToAdd {
  cursor: pointer;
}
.table .formationToAdd:hover td,
.table .formationToAdd.selected td {
  background-color: #50C3FF;
}
.sectionManager.edit_mode .carousel-btn-prev,
.sectionManager.edit_mode .carousel-btn-next {
  visibility: hidden;
}
#hero_manager_cropper_modal {
  width: 90%;
  max-width: 90%;
}
.btnSortSection {
  border-left: 1px solid grey !important;
}
.ElemAjaxWaitMask.page_manager {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1055;
  width: 100%;
  height: 100%;
  font-size: 50px;
  background: rgba(227, 227, 227, 0.4);
  color: #133974;
  display: none;
  align-items: center;
  justify-content: center;
}
.formationBlockManager {
  width: 300px;
  height: 170px;
  background-color: #fff;
  color: #4A4D4A;
  position: relative;
  cursor: pointer;
  border: 1px solid #4A4D4A;
  background-position: center;
  background-size: cover;
}
.formationBlockManagerTitle {
  background-color: #fff;
  font-size: 0.8rem;
  font-weight: bold;
  /*text-transform: uppercase;*/
  width: 100%;
  max-height: 50%;
  position: absolute;
  bottom: 0px;
  padding: 0.75rem;
  text-align: left;
}
.text_bold {
  font-weight: bold;
}
.formationManagerBadge {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  text-align: left;
  display: inline-block;
  cursor: pointer;
  width: 70%;
  margin-bottom: -1px;
}
.deleteFromSection {
  display: inline-block;
  margin-left: 3.5rem;
  background-color: #77746F;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 0.5rem;
  padding-bottom: 1px;
  cursor: pointer;
  border: 1px solid #77746F;
}
.formationBlockManagerBadges {
  background-color: #038AD0;
  color: #fff;
  width: 100%;
  height: 100%;
}
.formationBlockManagerBadges.inputLabel {
  background-color: #4A4D4A;
  text-align: center;
}
#formations_modal {
  /*height:97%;*/
  /*.modal-content {
    min-height:100%
  }*/
}
#formations_modal .catalog_search .input-group-prepend,
#formations_modal .catalog_search .input-group-prepend button,
#formations_modal .catalog_search input[name=search] {
  height: 37px;
  font-size: 1rem;
}
.modal.force_hidden {
  display: none !important;
}
#GT_Tooltip {
  background-color: #ffffff;
  color: #133974;
  border-radius: 3px;
  box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.4);
  opacity: 0.9;
  max-width: 80%;
}
ul.metas_formation_detail_list {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
ul.metas_formation_detail_list li {
  margin-left: 2rem;
  float: left;
  /*pour IE*/
}
.certificat_ribbon_fixed {
  position: absolute;
  top: 0;
  right: 0;
}
.boxshadowNG {
  box-shadow: -15px 10px 20px -15px #000000;
}
body:not(.incompatibleBrowser) .colHeightTemoin:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 10px 1px #000000;
  -moz-box-shadow: inset 0 0 10px 1px #000000;
  -webkit-box-shadow: inset 0 0 10px 1px #000000;
}
.programLinkWhite {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #133974;
  position: absolute;
  top: 0.7rem;
  right: 2rem;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 13px 0;
  padding-left: 2px;
}
.programLinkWhite:active,
.programLinkWhite:hover {
  background-color: #133974;
  border-color: #133974;
  color: #FFFFFF;
}
.row.display-flex {
  display: flex;
  flex-wrap: wrap;
}
.row.display-flex > [class*='col-'] {
  display: flex;
  flex-direction: column;
}
.whiteBackground {
  background-color: #FFFFFF;
}
.formation_detail_block_intervenants_list.public .alice-carousel {
  width: 100% !important;
}
.formation_detail_block_intervenants_list.public .alice-carousel__wrapper {
  width: 100% !important;
}
.triangle-left {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22.5px 20px 22.5px 0;
  border-color: transparent #ffffff transparent transparent;
  padding-left: 25px;
}
.triangle-right {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22.5px 0 22.5px 20px;
  border-color: transparent transparent transparent #ffffff;
}
.intervenantBlock {
  position: relative;
}
.intervenantIcon {
  position: absolute;
  bottom: 5px;
  right: 110px;
}
.intervenantIconInterList {
  position: absolute;
  bottom: 5px;
}
video::-internal-media-controls-download-button {
  display: none;
}
video::-webkit-media-controls-enclosure {
  overflow: hidden;
}
video::-webkit-media-controls-panel {
  width: calc(100% + 30px);
  /* Adjust as needed */
}
body.accountPage {
  background-color: #F0F0F0;
}
.profil_container .edit_user,
.profil_container .tarteaucitronOpenPanel,
.profil_container .choisir_illustration,
.profil_container .activate_webcam {
  cursor: pointer;
}
.profil_container .edit_user {
  font-size: 1.2rem;
}
.profil_container .delete_btn {
  position: relative;
  bottom: -1.5rem;
}
.profil_container .delete_btn:hover {
  color: #FF0000;
}
.profil_container .choisir_illustration {
  position: absolute;
  top: -1.1rem;
  right: 0;
}
.profil_container .activate_webcam {
  position: absolute;
  top: -1.1rem;
  right: 140px;
}
.bg-white {
  background-color: #FFFFFF;
}
.coloredBadge h4,
.coloredBadge i,
.coloredBadge > .nbPts {
  color: #133974;
}
.coloredBadgeCommunaute h4,
.coloredBadgeCommunaute i,
.coloredBadgeCommunaute > .nbPts {
  color: #133974;
}
.disabledBadge,
.disabledBadge i {
  color: #696D65;
  background-color: #E2E2E2;
}
.hr-degraded-publicPage {
  background: linear-gradient(to right, #fff 1%, #dcdbd7 50%, #fff 100%);
}
.postal_code_container > div {
  width: 80%;
  display: inline-block;
}
#downloadDocA {
  cursor: pointer;
}
.form-control-custom {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control-custom.is-required {
  border: 1px solid #dc3545;
}
.form-control-custom.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center right calc(0.375em + 0.1875rem);
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.seedwave_container {
  display: flex;
}
.language-switcher {
  position: relative;
  background-color: #133974;
  padding-top: 25px;
  height: 70px;
  color: #FFFFFF !important;
  font-size: 14px;
}
.language-switcher a {
  color: #FFFFFF !important;
  cursor: pointer;
}
.language-switcher a:hover {
  color: #000 !important;
  text-decoration: underline!important;
}
.language-switcher a.active {
  font-weight: bolder;
}
/*@-moz-document url-prefix() {
    .language-switcher {
        padding-top: 26px;
    }
}*/
.language-switcher-in-menu a {
  cursor: pointer;
}
.language-switcher-in-menu a:hover {
  color: #133974 !important;
  text-decoration: underline!important;
}
.language-switcher-in-menu a.active {
  font-weight: bolder;
}
.tutos_page {
  padding-top: 15px;
}
.tutos_page h1 {
  color: #0075B2;
  text-transform: uppercase;
  margin-bottom: 50px;
}
.tutos_page .tuto_video_container {
  margin-bottom: 30px;
}
.tutos_page .tuto_title_container {
  min-height: 57px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.tutos_page .tuto_title_container SPAN {
  vertical-align: sub;
}
.tools_page .react-datepicker-wrapper {
  width: 100%;
}
.legals_page {
  padding-top: 100px;
}
.fontSizeIcon {
  font-size: 8vh;
}
.sessionWebinar {
  margin-top: 15vh !important;
}
.sessionContainerWebinar {
  margin-top: 15vh !important;
}
.paddingButton {
  padding: 4px !important;
}
.paddingBottomEquipe {
  padding-bottom: 0 !important;
}
.formationDetailBlockIntervenantPadding {
  width: 98.4% !important;
}
.formationDetailBlockTitleMargin {
  margin-top: 1rem !important;
}
.formationDetailBlockIconMargin {
  margin-top: 0.5rem !important;
}
.paddingWithNavBar {
  padding-top: 10% !important;
}
.detail-part-right-header i span {
  font-family: "Roboto Light", sans-serif;
  font-size: 1.75rem;
}
.return_btn_module {
  margin-right: 5rem;
}
.progressIconPass {
  margin-left: 0.25rem;
  position: relative;
  top: -0.35rem;
  font-family: "Roboto Light", sans-serif;
  font-size: 0.85rem;
}
.col_module_header_left {
  width: 415px;
  margin-left: 15px;
}
.col_module_header_right {
  width: auto;
  padding: 0;
}
.graph_panel_module {
  width: 415px !important;
  background-color: #E4E4E4 !important;
  overflow-y: auto !important;
}
.graph_panel_header_module {
  width: 415px;
  padding: 0;
  height: 130px;
  background: #474D4A 0% 0% no-repeat padding-box;
  line-height: 130px !important;
}
.marginIconBack {
  margin: 0 10px;
}
.hoverPanel {
  text-transform: initial !important;
  max-width: 299px !important;
  font-size: 14px;
}
.closeLeftPanel_hover I {
  font-size: 32px !important;
}
.graph_panel_name {
  display: inline-block;
  max-width: 80%;
  line-height: 100%;
}
.closed_panel {
  width: 59px !important;
  padding: 0;
  height: 100%;
  background: #474D4A 0% 0% no-repeat padding-box !important;
  line-height: 130px !important;
  border-radius: initial !important;
  position: absolute !important;
  float: initial !important;
}
.closed_panel_header {
  width: auto !important;
}
.positionIcon {
  position: absolute;
  top: 90%;
  left: 20%;
  font-size: 32px !important;
  transform: rotate(180deg);
}
.module_learner_view_m {
  width: 415px !important;
}
.graph_panel_info {
  padding-left: 39px;
  text-transform: uppercase;
  letter-spacing: 0px;
  text-align: left;
  white-space: normal;
  cursor: pointer;
}
.module_icon_voir_detail {
  transform: rotate(180deg) !important;
  right: 20px;
}
/*.session_container_module{
    margin-left: 415px !important;
}*/
.module_progression {
  width: 200px !important;
  margin: 0 !important;
}
.social_menu_module {
  margin: 0 !important;
  float: right;
  height: 100% !important;
}
.social_menu_module I {
  line-height: 60px !important;
}
.social_div_1 {
  width: 200px !important;
  display: inline-block;
  height: 60px;
  text-align: center;
}
.social_div_2 {
  width: 250px !important;
  display: inline-block;
  height: 60px;
  text-align: center;
}
.sequenceModal {
  display: inline-block;
  height: 60px;
  float: right;
}
.text_module {
  margin-left: 5px;
  font-size: 0.8em !important;
  letter-spacing: 0px;
  color: #727272;
}
.module_action_btn_left {
  font-size: 11px;
  display: inline-block;
  text-align: center;
  color: #727272;
  height: 60px;
  line-height: 60px;
  width: 60px;
  margin: initial !important;
}
.module_action_btn_left I {
  line-height: 60px;
  display: inline;
  font-size: 25px;
  vertical-align: middle;
}
.separator_module {
  background: #F6F2EF 0% 0% no-repeat padding-box;
  width: 2px;
  height: 60px;
  top: 0px;
  position: absolute;
  left: 398px;
}
.btn_shadow {
  box-shadow: -2px 0 0 #e4e4e4, 2px 0 0 #e4e4e4;
}
.btn_shadow_left {
  box-shadow: -2px 0 0 #e4e4e4, 0px 0 0 #e4e4e4;
}
.module_header_react {
  height: 60px;
  width: 100%;
  position: fixed;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  z-index: 10;
  background-color: #ffffff;
}
.module_row {
  height: 100%;
}
.clocks_containerI {
  margin-top: 15px !important;
}
.session_presentiel_container,
.document_viewer_container,
.evaluation,
.consultation_docs,
#grain_view_iframe,
.grain_view_iframe,
.survey_container,
.end_eval_container {
  margin-top: 60px !important;
  margin-left: 415px;
  width: calc(100% - 415px) !important;
  background-color: #E4E4E4 !important;
  box-shadow: -1px 0 0 #00000038, 0em 0 0 #666 !important;
  height: calc(100% - 60px);
  overflow-x: hidden !important;
}
.consultation_docs {
  overflow: auto !important;
}
.consultation_docs .lelabbo_box_short .upload_file {
  display: inline-block;
  margin-left: 30px;
}
.consultation_docs .lelabbo_box_short .upload_file .add_doc {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #8C837A;
}
.consultation_docs .lelabbo_box_short .upload_file .add_doc:hover {
  background-color: #E4E4E4;
  border-color: #E4E4E4;
  color: #FFFFFF;
}
body.isMobile .session_presentiel_container,
body.isMobile .document_viewer_container,
body.isMobile .evaluation,
body.isMobile .consultation_docs,
body.isMobile #grain_view_iframe,
body.isMobile .grain_view_iframe,
body.isMobile .survey_container,
body.isMobile .end_eval_container {
  width: 100% !important;
  margin-left: 0px !important;
}
.fullWidthGrain {
  width: calc(100% - 59px) !important;
}
.document_viewer_container > div {
  background-color: #E4E4E4 !important;
}
.moduleSection {
  background-color: #E4E4E4;
}
#graph_panel {
  top: 60px;
}
.gtEntity_module {
  padding: 0 !important;
  height: 80px;
}
.gtEntityImage {
  height: 80px !important;
  width: 60px;
  background-color: #53A2C1 !important;
  position: absolute;
  left: 0;
}
.gtEntityImage.type_1000001 {
  /*video*/
  background-color: #2C708B !important;
}
.gtEntityImage.type_1000002 {
  background-color: #2C708B !important;
}
.gtEntityImage.type_1000003 {
  background-color: #2C708B !important;
}
.gtEntityImage.type_1000004 {
  background-color: #8C3343 !important;
}
.gtEntityImage.type_1000005 {
  background-color: #53A2C1 !important;
}
.gtEntityImage.type_1000006 {
  background-color: #53A2C1 !important;
}
.gtEntityImage.type_1000007 {
  /* support digital */
  background-color: #53A2C1 !important;
}
.gtEntityImage.type_1000008 {
  /* poste de travail */
  background-color: #53A2C1 !important;
}
.gtEntityImage.type_1000009 {
  /* presentiel */
  background-color: #FF665B !important;
}
.gtEntityImage.type_1000010 {
  /* vieux quiz */
  background-color: #F1C33B !important;
}
.gtEntityImage.type_1000011 {
  /* consultation docs */
  background-color: #8C837A !important;
}
.gtEntityImage.type_1000012 {
  /* eval digital / survey */
  background-color: #E1AA29 !important;
}
.gtEntityImage.type_1000013 {
  /* webinar/visio */
  background-color: #CC5F73 !important;
}
.gtEntityImage.type_1000014 {
  /* external content */
  background-color: #8C3343 !important;
}
.gtEntityImage.type_1000015 {
  /* individuel */
  background-color: #C69FA6 !important;
}
.gtEntityImage img {
  height: 50% !important;
  margin-top: 30% !important;
  filter: invert(1);
}
.gtEntityImage .trackingImage {
  width: 100% !important;
  height: 100% !important;
  margin-top: 0 !important;
  filter: initial;
  transform: translateZ(0px) !important;
}
.gtEntityImage .trackingImage.realImage {
  height: 100% !important;
  filter: blur(0);
}
.gtEntityImage .backgroundTrackingImageImage {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.GT_Entity_content_module {
  border: initial !important;
  border-right: 1px solid #CCCCCC !important;
  background-color: #FFFFFF !important;
  /*box-shadow: 1px 0px 1px #ffffff !important;*/
}
.gtEntityVal {
  top: initial !important;
  margin-right: 8px;
  z-index: 3;
}
.gtEntityCadenas {
  top: initial !important;
  margin-right: 8px;
  display: inline-block;
  color: #D4D0C6;
  position: absolute;
  right: 5px;
  font-size: 30px;
  z-index: 2;
}
.gtEntity_name {
  background-color: #FFFFFF !important;
  width: 70% !important;
  height: 80px !important;
  text-align: initial !important;
  max-height: 80px !important;
  text-transform: uppercase !important;
  font-size: 15px !important;
  letter-spacing: 0px;
  white-space: normal !important;
  top: 0;
  line-height: 1.2em !important;
  word-break: break-word;
  left: 0px;
  padding-left: 25px !important;
}
.background_selected {
  background-color: #53A2C1 !important;
  color: #FFFFFF !important;
}
.background_selected.type_1000001,
.background_selected.type_1000001 .gtEntity_name {
  /*video*/
  background-color: #2C708B !important;
}
.background_selected.type_1000002,
.background_selected.type_1000002 .gtEntity_name {
  background-color: #2C708B !important;
}
.background_selected.type_1000003,
.background_selected.type_1000003 .gtEntity_name {
  background-color: #2C708B !important;
}
.background_selected.type_1000004,
.background_selected.type_1000004 .gtEntity_name {
  background-color: #8C3343 !important;
}
.background_selected.type_1000005,
.background_selected.type_1000005 .gtEntity_name {
  background-color: #53A2C1 !important;
}
.background_selected.type_1000006,
.background_selected.type_1000006 .gtEntity_name {
  background-color: #53A2C1 !important;
}
.background_selected.type_1000007,
.background_selected.type_1000007 .gtEntity_name {
  /* support digital */
  background-color: #53A2C1 !important;
}
.background_selected.type_1000008,
.background_selected.type_1000008 .gtEntity_name {
  /* poste de travail */
  background-color: #53A2C1 !important;
}
.background_selected.type_1000009,
.background_selected.type_1000009 .gtEntity_name {
  /* presentiel */
  background-color: #FF665B !important;
}
.background_selected.type_1000010,
.background_selected.type_1000010 .gtEntity_name {
  /* vieux quiz */
  background-color: #F1C33B !important;
}
.background_selected.type_1000011,
.background_selected.type_1000011 .gtEntity_name {
  /* consultation docs */
  background-color: #8C837A !important;
}
.background_selected.type_1000012,
.background_selected.type_1000012 .gtEntity_name {
  /* eval digital / survey */
  background-color: #E1AA29 !important;
}
.background_selected.type_1000013,
.background_selected.type_1000013 .gtEntity_name {
  /* webinar/visio */
  background-color: #CC5F73 !important;
}
.background_selected.type_1000014,
.background_selected.type_1000014 .gtEntity_name {
  /* external content */
  background-color: #8C3343 !important;
}
.background_selected.type_1000015,
.background_selected.type_1000015 .gtEntity_name {
  /* individuel */
  background-color: #C69FA6 !important;
}
.cadenas_module {
  background: #F6F2EF 0% 0% no-repeat padding-box !important;
}
.cadenas_module .gtEntityImage {
  background: #D4D0C6 0% 0% no-repeat padding-box !important;
}
.cadenas_module .gtEntity_name {
  background: #F6F2EF 0% 0% no-repeat padding-box !important;
  color: #949191 !important;
}
.gtEntityPending {
  top: initial !important;
  margin-right: 8px;
  display: inline-block;
  color: #D4D0C6;
  position: absolute;
  right: 5px;
  font-size: 30px;
  z-index: 2;
}
#closeLeftPanel I {
  font-size: 20px;
}
#closeLeftPanel {
  position: initial;
  float: right;
  margin-right: 30px;
  font-size: 30px !important;
}
.module_header_padding {
  padding: 0 !important;
  width: calc(100% - 430px) !important;
}
.module_action_btn_left:hover {
  background-color: #F6F2EF !important;
  color: #727272 !important;
}
.social_div_1:hover {
  background-color: #F6F2EF !important;
  color: #727272 !important;
}
.social_div_2:hover {
  background-color: #F6F2EF !important;
  color: #727272 !important;
}
.socialMenu i:hover {
  color: #727272 !important;
}
.backgroundHover {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000 !important;
  z-index: 1;
  opacity: 0;
  padding-top: 17px;
  /*display: none;*/
  right: -90%;
  border: 0px;
  transition: transform 0.3s linear, opacity 300ms;
}
.textHoverBackground {
  font-size: 14px !important;
  white-space: pre-line;
  margin-left: 20px;
  margin-right: 70px;
  display: block;
}
.textHoverBackgroundV {
  /*margin-left: -50px !important;*/
}
.textHoverBackgroundP {
  /*margin-left: -15px !important;*/
}
.textHover {
  margin: 0 !important;
  margin-left: -70px !important;
}
.textHoverPending {
  display: flex !important;
  margin-left: 63px !important;
}
.textHoverCadenas {
  display: flex;
  margin-left: 61px !important;
}
.blur_GT_Entity img {
  filter: blur(1px) invert(1);
  transition: all 1s;
}
.blur_GT_Entity .trackingImage {
  filter: blur(1px) !important;
}
.blur_GT_Entity .gtEntity_name > div {
  filter: blur(2px);
  transition: all 1s;
}
.backgroundHover {
  transition: transform 0.35s linear, opacity 350ms;
}
.backgroundTransition-enter.backgroundHover {
  opacity: 0.2;
  /*transform: translateX(1);*/
  /*display: initial;*/
}
.backgroundTransition-enter-active.backgroundHover {
  opacity: 0.75;
  /*transform: translateX(1.5);*/
  display: initial;
  transform: translateX(-90.1%);
}
.backgroundTransition-enter-done.backgroundHover {
  opacity: 0.75;
  /*transform: translateX(2);*/
  display: initial;
  transform: translateX(-90.1%);
}
.backgroundTransition-exit.backgroundHover {
  opacity: 0.7;
  display: initial;
}
.backgroundTransition-exit-active.backgroundHover {
  opacity: 0;
  /*transform: scale(0.9);*/
  display: initial;
}
@media (min-width: 1540px) {
  .clock_module {
    height: 60px !important;
    width: 275px !important;
    text-align: center;
  }
}
@media (max-width: 1540px) {
  .clock_module {
    height: 60px !important;
    width: 116px !important;
    text-align: center;
  }
}
@media (max-width: 1265px) {
  .social_div_1 {
    width: 150px;
  }
  .social_div_2 {
    width: 200px;
  }
}
@media (max-width: 1265px) {
  .progressIconPass {
    display: none !important;
  }
  .socalSpan {
    display: none !important;
  }
  .module_action_btn_left {
    width: 75px !important;
  }
  .social_div_1 {
    width: 75px !important;
  }
  .social_div_2 {
    width: 75px !important;
  }
  .detail-part-right-header i span {
    font-family: "Roboto Light", sans-serif;
    font-size: 1.35rem;
  }
}
@media (max-width: 1365px) {
  .clock_container {
    display: none !important;
  }
}
@media (max-width: 1540px) and (min-width: 1920px) {
  .social_menu_module {
    float: left !important;
  }
}
@media (max-width: 1050px) {
  .detail-part-right-header i span {
    font-family: "Roboto Light", sans-serif;
    font-size: 0.9rem;
  }
}
@media (max-width: 820px) {
  .detail-part-right-header i span {
    display: none;
  }
  .module_header_padding {
    display: none;
  }
}
.viewFullScreen {
  /*margin-left: 200px !important;
    width: calc(100% - 400px) !important;*/
  margin-left: 59px !important;
  width: calc(100% - 59px) !important;
  height: 94%;
}
.closingTransition {
  transition: transform 300ms;
}
.closingTransition-enter {
  transform: translateX(-85.72%);
  transition: transform 300ms;
}
.closingTransition-enter-active {
  background: #474D4A 0% 0% no-repeat padding-box !important;
  transition: background 150ms;
}
.closingTransition-enter-done {
  /*width:80px!important;*/
  width: 59px !important;
  padding: 0;
  height: 100%;
  background: #474D4A 0% 0% no-repeat padding-box !important;
  line-height: 130px !important;
  border-radius: initial !important;
  position: absolute !important;
  float: initial !important;
  transition: background 150ms /*.graph_panel_header { background-color: #e3e3e3; color: #e3e3e3; }*/;
}
.closingTransition-exit {
  width: 415px!important;
  transform: translateX(-100%);
  /*.graph_panel_header { background-color: #e3e3e3; color: #e3e3e3; }*/
}
.closingTransition-exit-active {
  width: 415px!important;
  transform: translateX(0%);
  transition: transform 300ms;
}
.closingTransition-exit-done {
  width: 415px!important;
}
.headerHoverTransition {
  transition: transform 200ms;
}
.headerHoverTransition-enter {
  transition: all 200ms;
}
.headerHoverTransition-enter .graph_panel_name {
  text-transform: initial !important;
  max-width: 299px !important;
  font-size: 14px;
  transition: all 200ms;
}
.headerHoverTransition-enter #closeLeftPanel I {
  font-size: 32px !important;
  transition: all 200ms;
}
.headerHoverTransition-enter-done {
  transition: all 200ms;
}
.headerHoverTransition-enter-done .graph_panel_name {
  text-transform: initial !important;
  max-width: 299px !important;
  font-size: 14px;
  transition: all 200ms;
}
.headerHoverTransition-enter-done #closeLeftPanel I {
  font-size: 32px !important;
  transition: all 200ms;
}
.headerHoverTransition-exit {
  transition: all 200ms;
}
#openContactModal {
  font-weight: 400;
  font-size: 1rem;
  color: #7E0C2C;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  font-style: initial;
  margin: 0;
}
#openContactModal:hover {
  color: #0056b3;
  text-decoration: underline !important;
}
.my_formation_detail_block .paddingHeader {
  /*opacity: 0;
        transform: translateX(-120%);*/
}
.myFormationBlockTransition-enter {
  /*transform: translateX(1);*/
  /*display: initial;*/
}
.myFormationBlockTransition-enter .paddingHeader {
  opacity: 0;
  transform: translateX(-200%);
  transition: all 1s;
}
.myFormationBlockTransition-enter-active .paddingHeader {
  /*transform: translateX(1.5);*/
  /*display: initial;
        transition: all 0.5s ease-in-out;*/
}
.myFormationBlockTransition-enter-done .paddingHeader {
  opacity: 1;
  /*transform: translateX(2);*/
  display: initial;
  transform: translateX(0%);
  transition: all 1s;
}
.button_accueil {
  margin-left: auto;
  margin-right: 2%;
  border-radius: 26px;
  border: 1px solid #b8b8b8;
  width: 208px;
  height: 38px;
  font: Light 18px/22px Roboto;
  letter-spacing: 0px;
  font-size: 18px;
  line-height: 25px;
  transition: all 0.15s;
}
.button_accueil:hover {
  border: 1px solid #b8b8b8;
}
.icon_button_accueil {
  /*margin-left: 13px;*/
  margin-left: 20px;
  float: left;
  font-size: 20px;
  letter-spacing: -25px;
  margin-top: 1px;
}
.title_catalog {
  display: inline;
  text-align: center;
  font-size: 26px;
  color: #474D4A;
}
.title_catalog_offFilter {
  margin-left: 10.8vw;
}
@media (min-width: 1000px) {
  .catalog_search {
    margin-left: 7vw;
    margin-top: 0.5rem;
  }
}
@media (max-width: 1400px) {
  .title_catalog_offFilter {
    margin-left: 0;
  }
  div.header_title_filter {
    width: 75%;
  }
}
.inputSearchFormations {
  color: #495057 !important;
}
.groupe_catalogSearch input[name=search] {
  color: #495057;
}
.groupe_catalogSearch input[name=search]::placeholder {
  color: #495057;
}
.groupe_catalogSearch input[name=search]:-ms-input-placeholder {
  color: #495057;
}
.groupe_catalogSearch input[name=search]::-ms-input-placeholder {
  color: #495057;
}
.groupe_catalogSearch input[name=search]:hover {
  box-shadow: initial !important;
}
.groupe_catalogSearch input[name=search]:focus {
  box-shadow: initial !important;
}
.groupe_catalogSearch {
  margin-bottom: 0 !important;
  height: 38px;
  /*background-color: @main-color;
    background: linear-gradient(to right, #b8b8b8 50%, @main-color 50%);
    background-size: 200% 100%;
    background-position: right bottom;*/
  background-color: #FFF;
  transition: all 0.5s ease-out;
  border: 1px solid #F1F1F1 !important;
}
.groupe_catalogSearch:hover {
  border-color: #B7B7B7 !important;
}
/*.groupe_catalogSearch:focus{
    background: #b8b8b8 0% 0% no-repeat padding-box !important;
}*/
.groupe_icon_loupe {
  height: 38px !important;
  width: 43px;
}
.groupe_icon_loupe > button {
  height: 38px !important;
  font-size: 21px !important;
  padding-left: 0 !important;
}
.input_catalogSearch {
  height: 100% !important;
  width: 225px !important;
}
.publicForm {
  border-radius: 6px !important;
  width: 225px !important;
  border: 1px solid #F1F1F1 !important;
  overflow-y: hidden !important;
}
.thematicForm {
  border-radius: 6px !important;
  width: 225px !important;
  border: 1px solid #F1F1F1 !important;
}
.marginTL {
  margin-left: 1.5rem;
  margin-top: 0.5rem;
}
@media (max-width: 1000px) {
  .marginTL {
    margin-top: 0;
  }
}
.label_checkbox {
  position: relative;
  margin-top: 6px;
  padding: 7px 20px;
  border: 1px solid #F1F1F1;
  border-radius: 5px;
  color: #474D4A;
  background-color: #fff;
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  display: inline-block;
}
.input_checkbox:checked + .label_checkbox {
  background-color: #b8b8b8;
}
.input_checkbox:checked + .label_checkbox::before {
  background-color: #fff;
}
.input_checkbox:hover + .label_checkbox {
  background-color: #b8b8b8;
}
.dpcf_filter {
  background: linear-gradient(to right, #E4E4E4 50%, #FFFFFF 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  transition: all 0.3s ease-out;
}
.dpcf_filter:hover {
  color: #707070;
  background-position: left bottom;
}
#checkboxCertificateFormations,
#checkboxPecFormations,
#checkboxDigitalFormations,
#checkboxPresentialFormations,
#checkboxFreeFormations {
  visibility: hidden !important;
}
@media (min-width: 1630px) and (max-width: 1836px) {
  .filter_freeFormation {
    margin-left: 6.1vw !important;
  }
}
@media (min-width: 1376px) and (max-width: 1629px) {
  .filter_certificate {
    margin-left: 6.1vw !important;
  }
}
@media (min-width: 1281px) and (max-width: 1375px) {
  .filter_pec {
    margin-left: 6.1vw !important;
  }
}
@media (min-width: 1066px) and (max-width: 1280px) {
  .div_thematic {
    margin-right: 173px !important;
  }
  .filter_digital {
    margin-left: 6.1vw !important;
  }
}
@media (min-width: 1025px) and (max-width: 1065px) {
  .filter_digital {
    margin-left: 6.1vw !important;
  }
}
@media (min-width: 1000px) and (max-width: 1024px) {
  #headerSearchBar {
    width: 345px !important;
  }
  .filter_digital {
    margin-left: 6.1vw !important;
  }
  .publicForm {
    width: 209px !important;
  }
  .thematicForm {
    width: 220px !important;
  }
}
.header_title_filter {
  width: 85%;
  display: inline-block;
}
.filter_hidden {
  font-size: 13px;
  display: inline;
  border-radius: 15px;
  border: 1px solid #b8b8b8;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  color: black;
  width: 208px;
  height: 30px;
  font: Light 18px/22px Roboto;
  letter-spacing: 0px;
  color: #474D4A;
  transition: background-color 0.25s ease-in;
}
.filter_hidden:hover {
  background-color: #E4E4E4;
  transition: all 0.5s;
}
.filter_search_fleche_bas {
  margin-left: 7px;
  text-decoration: overline;
  vertical-align: sub;
}
.div_header {
  text-align: center;
  margin-bottom: 0.5rem;
}
.hover_mask_filter {
  background-color: #E4E4E4;
  padding-top: 1px;
  transition: background-color 0.25s ease-in;
}
.hover_i_mask_filter {
  font-size: 23px !important;
  transition: all 0.5s;
}
.fontSize_filter_search_fleche_bas {
  font-size: 19px;
}
.groupe_catalogSearch_input {
  box-shadow: initial !important;
}
/*.textInlineTitle{
    display: inline;
}

.textTitle{
    text-align: center;
    max-width: 85%;
    flex: initial;
}

.textCenterTitle{
    margin-left: 17%;
}

.thematicShowMargin{
    margin-top: 5.8rem !important;
}

.checkBoxOn_filter{
    background-color: #E4E4E4 !important;
    color: #707070;
}

.headerBottom{
    box-shadow: 0px 2px 2px #00000045;
    transition: box-shadow 1.15s ease-in;
    margin-bottom: initial !important;
}

.header_bottom_title{
    margin-bottom: 0.5rem;
}

.formations_list_config .selected{
    background: @main-color !important;
    color: #E4E4E4 !important;
    transition: background 0.3s ease-in;
    transition: color 0.3s ease-in;
}

.filter_transition{
    transition: background 1.15s ease-in;
    transition: color 1.15s ease-in;
}

.textTitle_width{
    max-width: 100%;
}

.marginLinkThematicBtn{
    margin-top: 2.7rem !important;
}
.social_learning_format .modal-dialog {
    height: 80% !important;
    display: flex !important;
}

.navItem_socialLearning{
    margin: 5px 0px !important;
}

.background_social_learning{
    background-color: #B5B5B5;
}

.separator_social_title{
    width: 5%;
    position: absolute;
    left: 49%;
    height: 100%;
    background: #B5B5B5;
    -webkit-transform:skew(20deg);
    -moz-transform:skew(20deg);
    -o-transform:skew(20deg);
}
.separator_true{
    left: 46% !important;
    z-index: 1;
    //box-shadow: 0 -5px 5px -5px #333;
    box-shadow:inset 0 8px 3px -5px #00000029;
    //box-shadow: 1px 1px 3px @gray-color;
    -webkit-transform:skew(-20deg);
    -moz-transform:skew(-20deg);
    -o-transform:skew(-20deg);
}
.social_learning_format .modal-content .modal-header .modal-title {
    font-weight: bold !important;
}

.social_learning_format .navItem_socialLearning:not(.active):hover {
    background-color: #B5B5B5!important;
}

.social_learning_format .modal-content {
    background-color: #F7F7F7 !important;
}

.social_learning_format .modal-header {
    background-color: #FFFFFF !important;
}

.social_learning_format .modal-dialog {
    height: 80% !important;
    display: flex !important;
}

.navItem_socialLearning{
    margin: 5px 0px !important;
}

.background_social_learning{
    background-color: #B5B5B5;
}

.separator_social_title{
    width: 5%;
    position: absolute;
    left: 49%;
    height: 100%;
    background: #B5B5B5;
    -webkit-transform:skew(20deg);
    -moz-transform:skew(20deg);
    -o-transform:skew(20deg);
}
.separator_true{
    left: 46% !important;
    z-index: 1;
    //box-shadow: 0 -5px 5px -5px #333;
    box-shadow:inset 0 8px 3px -5px #00000029;
    //box-shadow: 1px 1px 3px @gray-color;
    -webkit-transform:skew(-20deg);
    -moz-transform:skew(-20deg);
    -o-transform:skew(-20deg);
}
.social_learning_format .modal-content .modal-header .modal-title {
    font-weight: bold !important;
}

.social_learning_format .navItem_socialLearning:not(.active):hover {
    background-color: #B5B5B5!important;
}

.social_learning_format .modal-content {
    background-color: #F7F7F7 !important;
}

.social_learning_format .modal-header {
    background-color: #FFFFFF !important;
}*/
.textInlineTitle {
  display: inline;
}
.textTitle {
  /*text-align: center;*/
  /*max-width: 85%;*/
  /*flex: initial;*/
}
.textCenterTitle {
  /*margin-left: 17%;*/
}
.thematicShowMargin {
  margin-top: 5.8rem !important;
}
.checkBoxOn_filter {
  background-color: #E4E4E4 !important;
  color: #707070;
}
.headerBottom {
  box-shadow: 0px 2px 2px #00000045;
  transition: box-shadow 1.15s ease-in;
  margin-bottom: initial !important;
}
.header_bottom_title {
  margin-bottom: 0.5rem;
}
.formations_list_config .selected {
  background: #133974 !important;
  color: #E4E4E4 !important;
  transition: background 0.3s ease-in;
  transition: color 0.3s ease-in;
}
.filter_transition {
  transition: background 1.15s ease-in;
  transition: color 1.15s ease-in;
}
.textTitle_width {
  max-width: 100%;
}
.marginLinkThematicBtn {
  margin-top: 2.7rem !important;
}
.social_learning_format .uploader_social_learing {
  position: absolute;
  top: 56vh;
}
.background_social_learning_active {
  background-color: #F7F7F7 !important;
}
.socialLearning .modal-content {
  height: 80vh;
}
.socialLearning .modal-content .modal-body .docSpace a.navItem_socialLearning:not(.active):hover,
.socialLearning .modal-content .modal-body .communitySpace a.navItem_socialLearning:not(.active):hover {
  background-color: #888888 !important;
}
.docSpace div.background_social_learning:hover,
.communitySpace div.background_social_learning:hover {
  background-color: #888888 !important;
}
.docSpace .form_panel_background,
.communitySpace .form_panel_background {
  background-color: #888888 !important;
}
.separator_social_title_hover {
  background-color: #888888 !important;
}
.docSpace div.background_social_learning_active:hover,
.communitySpace div.background_social_learning_active:hover {
  background-color: #F7F7F7 !important;
}
.navItem_socialLearning_hover {
  background-color: #888888 !important;
}
.navItem_socialLearning_active {
  background: #B5B5B5 !important;
}
.navItem_socialLearning_active:hover {
  background: #888888 !important;
}
.form_panel_dual_buttons_firstActive {
  background-color: #B5B5B5 !important;
}
.body_socialLearning {
  max-height: 100% !important;
}
.overflow_modal_socialLearning {
  max-height: 560px;
  overflow: auto;
}
.communitySpace .overflow_modal_socialLearning_docSpace {
  overflow: initial;
}
.chat_tableResponsive .table-responsive {
  height: calc(100% - 150px) !important;
  background-color: #FFFFFF;
}
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
  .chat_tableResponsive .table-responsive {
    height: 685px;
  }
}
.modal_chat {
  height: 685px;
}
.modal_chat_overflow {
  height: 100%;
  overflow: auto;
}
.header_chat {
  height: 100px;
  width: 100%;
  background-color: #F7F7F7;
  padding-top: 25px;
  padding-left: 50px;
}
.header_chat p {
  margin: 0;
}
.docSpace .table-responsive {
  height: 100%;
}
.communitySpace .modal_chat,
.chat .modal_chat {
  height: 100% !important;
}
.chatSpace .height_socialLearning_modal_chat #messages_table {
  margin-bottom: 0 !important;
}
.img_header_chat {
  height: 45px;
  float: left;
  margin-right: 20px;
}
.height_socialLearning_modal {
  height: 100%;
}
.chat .modal_chat {
  height: 100% !important;
}
.height_socialLearning_modal_chat {
  height: calc(80vh - (50px + 60px + 60px));
}
.chat .height_socialLearning_modal_chat {
  height: 100%;
}
@media (min-width: 1300px) {
  .parcours_header.apprenant_suivi .suivi_header_title {
    width: 25%;
  }
}
#need_help .modal-body {
  text-align: center;
  color: #0a0a0a;
  padding-bottom: 1rem !important;
}
#need_help .modal-body .help_cma {
  margin-left: 0 !important;
  margin-right: 30px !important;
}
#need_help .modal-body P,
#supportModale .modal-body P {
  margin: 10px 0;
}
#supportModale .modal-content,
#supportModalLogin .modal-content {
  background-color: #fff;
}
#supportModale .modal-content .modal-body .btn-info,
#supportModalLogin .modal-content .modal-body .btn-info {
  background-color: #C4BBB8;
  border-color: #C4BBB8;
}
#supportModale .modal-content .modal-body .btn-info:not(:disabled):not(.disabled):active,
#supportModalLogin .modal-content .modal-body .btn-info:not(:disabled):not(.disabled):active {
  background-color: #133974;
  border-color: #133974;
}
.modal-design-v2 {
  text-align: left;
}
.modal-design-v2 .modal-header {
  background-color: #6e786f;
}
.modal-design-v2 .modal-header .h4.modal-title {
  color: #fff;
}
.modal-design-v2 .modal-body h5 {
  color: #0097AA;
  font-weight: bold;
  font-size: 1.2em;
}
.modal-design-v2 .lelabbo_box .lelabbo_row {
  box-shadow: none;
  padding-top: 3px;
  padding-bottom: 3px;
  background: none;
  color: initial;
  font-size: 1.1em;
}
.modal-design-v2 .lelabbo_box .content {
  background-color: #e6e5e1;
  height: 280px;
  min-height: 280px;
}
.modal-design-v2 .session_documents .lelabbo_box .content {
  background-color: #e6e5e1;
  height: 300px;
  min-height: 300px;
}
.modal-design-v2 .lelabbo_box.highlight .lelabbo_row {
  color: #0097AA;
}
.modal-design-v2 .lelabbo_box.highlight .content {
  background-color: #0097AA;
}
.modal-design-v2 .lelabbo_box.highlight .content A {
  color: #fff;
}
.modal-design-v2 .lelabbo_box .content.upload {
  overflow: unset;
}
.modal-design-v2 .lelabbo_box .content A.file_uploader {
  text-align: center;
  display: inline-block;
  width: 100%;
}
.modal-design-v2 .formation_info_container .lelabbo_box .content A.btn-icon i,
.modal-design-v2 .session_documents .lelabbo_box .content A.btn-icon i {
  float: none !important;
  color: #fff;
}
.modal-design-v2 .formation_info_container .lelabbo_box .content A.btn-icon:hover i,
.modal-design-v2 .session_documents .lelabbo_box .content A.btn-icon:hover i {
  color: #000;
}
.modal-design-v2 .lelabbo_box .content .files_list {
  width: 100%;
  height: 160px;
  min-height: 160px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-design-v2 .session_documents .lelabbo_box .content .files_list {
  width: 100%;
  height: 210px;
  min-height: 210px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modal-design-v2 .session_documents_block {
  margin-bottom: 15px;
}
.modal-design-v2 .formation_info_container .lelabbo_box .content .files_list p.my_doc,
.modal-design-v2 .formation_info_container .lelabbo_box .content .files_list p.my_doc A,
.modal-design-v2 .session_documents .lelabbo_box .content .files_list p.my_doc,
.modal-design-v2 .session_documents .lelabbo_box .content .files_list p.my_doc A {
  color: #0097AA;
}
.modal-design-v2 .formation_info_container .lelabbo_box .content .files_list A:hover,
.modal-design-v2 .session_documents .lelabbo_box .content .files_list A:hover,
.modal-design-v2 .formation_info_container .lelabbo_box .content .files_list p:hover i,
.modal-design-v2 .session_documents .lelabbo_box .content .files_list :hover i {
  color: #000 !important;
}
.modal-design-v2 .bordered_block {
  border: 1px solid #000;
}
.modal-design-v2 .modal-body h5 {
  color: #4b453b;
}
/* Modal Subscribe User By Referent */
.modal-design-v5 .modal-content {
  border-top-left-radius: 0.4rem;
  border-top-right-radius: 0.4rem;
  background-color: #eeedea;
}
.modal-design-v5 .formation_name {
  text-transform: none;
  font-size: 15px;
  font-weight: normal;
}
.modal-design-v5 .modal_timeline {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.modal-design-v5 .subscription_part {
  text-align: center;
}
.modal-design-v5 .subscription_part .steps .circle {
  background-color: #7d8175;
}
.modal-design-v5 .subscription_part .steps.current .circle {
  background-color: #0375B3;
}
.modal-design-v5 .subscription_part .steps .step_line {
  background-color: #c2c6b9;
  height: 8px;
  top: 22px;
  width: 62%;
  left: 69%;
  box-shadow: unset;
}
.modal-design-v5 .subscription_part .steps .step_title {
  color: #7d8175;
  margin-top: 6px;
  display: flex;
}
.modal-design-v5 .btn_auth_choice {
  width: 95%!important;
  height: 55px!important;
  background: #ffffff !important;
  color: #7d8175 !important;
  font-size: 15px!important;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3) !important;
  margin-bottom: 10px;
}
.modal-design-v5 .btn_auth_choice.btn-cpf {
  background-color: #082c6f !important;
  color: #fff !important;
}
.modal-design-v5 .btn_auth_choice:hover {
  background: #0375B3 !important;
  color: #FFFFFF !important;
}
.modal-design-v5 .btn_auth_choice:hover I {
  color: #FFFFFF !important;
}
.modal-design-v5 .btn_auth_choice I {
  font-size: 25px!important;
  color: #4A4D4A !important;
}
.modal-design-v5 .btn_auth_choice.active {
  background: #0375B3 !important;
  color: #FFFFFF !important;
}
.modal-design-v5 .btn_auth_choice.active I {
  color: #FFFFFF !important;
}
.modal-design-v5 .btn_auth_choice SPAN {
  vertical-align: inherit;
  white-space: normal;
}
.modal-design-v5 .licence_info_container {
  background-color: #8ea700;
  width: 90%;
  margin: 12% auto;
  height: 100px;
  color: #FFFFFF;
  padding-top: 4rem;
  font-size: 15px;
  display: inline-block;
}
.modal-design-v5 .licence_info_container .licence_decount_number,
.modal-design-v5 .licence_info_container .licence_type,
.modal-design-v5 .licence_info_container .licence_remaining_number {
  font-weight: bold;
}
.modal-design-v5 .cancel_btn {
  background: #FFFFFF !important;
  color: #7d8175 !important;
}
.modal-design-v5 .cancel_btn I {
  color: #7d8175 !important;
}
.modal-design-v5 .cancel_btn:hover I {
  color: #FFFFFF !important;
}
.modal-design-v5 .cancel_btn:hover,
.modal-design-v5 .cancel_btn:active {
  background: #0375B3 !important;
  background-color: #0375B3 !important;
  color: #FFFFFF !important;
}
.modal-design-v5 .next_btn {
  background: #7d8175 !important;
  color: #FFFFFF !important;
}
.modal-design-v5 .next_btn I {
  color: #FFFFFF !important;
}
.modal-design-v5 .next_btn:hover I {
  color: #FFFFFF !important;
}
.modal-design-v5 .next_btn:hover,
.modal-design-v5 .next_btn:active {
  background: #0375B3 !important;
  background-color: #0375B3 !important;
  color: #FFFFFF !important;
}
.modal-design-v5 .btn .text_after_icon {
  vertical-align: inherit;
}
.modal-design-v5 .have_account_container {
  text-align: left;
  padding-left: 12px;
  margin-top: 30px;
}
.modal-design-v5 .have_account_container .user_select_label {
  padding-left: 10px;
  font-size: 15px;
}
.modal-design-v5 .have_account_container #user_search {
  width: 99%;
  background-color: #FFFFFF;
  border: none;
  height: 40px;
  font-style: italic;
  color: #7d8175;
}
.modal-design-v5 .have_account_container #user_search OPTION {
  font-style: normal;
}
.modal-design-v5 .user_form_container {
  margin-top: 30px;
  text-align: left;
  padding-left: 20px;
}
.modal-design-v5 .user_form_container LABEL {
  font-weight: normal;
  margin-right: 0.5rem;
}
.modal-design-v5 .user_form_container INPUT {
  border: none;
}
.modal-design-v5 .user_form_container .email_container INPUT {
  width: 83%;
  display: inline-block;
}
.modal-design-v5 .user_form_container .civility_container {
  display: inline-block;
  width: 63%;
}
.modal-design-v5 .user_form_container .lastname_container INPUT,
.modal-design-v5 .user_form_container .firstname_container INPUT {
  display: inline-block;
  width: 73%;
}
.modal-design-v5 .user_form_container .address_container INPUT {
  display: inline-block;
  width: 79%;
}
.modal-design-v5 .user_form_container .address_complement_container INPUT {
  display: inline-block;
  width: 68%;
}
.modal-design-v5 .user_form_container .postal_code_container INPUT {
  display: inline-block;
  width: 80%;
}
.modal-design-v5 .user_form_container .city_container INPUT,
.modal-design-v5 .user_form_container .country_container INPUT {
  display: inline-block;
  width: 87%;
}
.modal-design-v5 .user_form_container .country_container INPUT {
  display: inline-block;
  width: 74%;
}
.modal-design-v5 .user_form_container .icon_datepicker {
  position: absolute;
  top: 10px;
  z-index: 30;
  right: 30px;
}
.modal-design-v5 .user_form_container .phone_container INPUT {
  display: inline-block;
  width: 74%;
}
.modal-design-v5 .user_form_container .birthday_date_container .react-datepicker__input-container INPUT {
  display: inline-block;
  width: 100%;
}
.modal-design-v5 .user_form_container .icon_datepicker {
  position: absolute;
  top: 10px;
  z-index: 30;
  right: 40px;
}
.modal-design-v5 .user_form_container .password_container INPUT {
  display: inline-block;
  width: 52%;
}
.modal-design-v5 .user_form_container .generate_password_title {
  vertical-align: sub;
  margin-bottom: 10px;
}
.modal-design-v5 .user_form_container .show_password_btn,
.modal-design-v5 .have_account_container .show_password_btn {
  background: #FFFFFF !important;
  width: 35px!important;
  height: 35px!important;
  margin-bottom: 10px!important;
  padding-top: 6px!important;
  padding-left: 2px!important;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3) !important;
  margin-top: 2px!important;
}
.modal-design-v5 .user_form_container .show_password_btn I,
.modal-design-v5 .have_account_container .show_password_btn I {
  color: #7d8175 !important;
}
.modal-design-v5 .user_form_container .generate_password_container {
  padding-top: 5px;
}
.modal-design-v5 .user_form_container .status_container {
  display: inline-block;
  width: 74%;
}
.modal-design-v5 .user_form_container #activity {
  display: inline-block;
  width: 74%;
}
.modal-design-v5 .user_form_container #societe {
  display: inline-block;
  width: 66%;
}
.modal-design-v5 .user_form_container #user_siret {
  display: inline-block;
  width: 74%;
}
.modal-design-v5 .btn:hover I {
  background: transparent !important;
  color: #133974;
}
.modal-design-v5 .icon-validation {
  color: #888d83;
}
.modal-design-v5 .statut_green {
  color: #b4cc3a !important;
}
.modal-design-v5 .statut_orange {
  color: #ff764d;
}
.modal-design-v5 .text_blue {
  color: #133974;
}
.modal-design-v5 .modal-footer > :not(:last-child) {
  margin-right: 0!important;
}
.modal-design-v5 .modal-footer > :last-child {
  margin-left: 0!important;
}
.graph_icon_surimpression {
  font-size: 20px !important;
  border-radius: 50%;
  padding: 8px;
  border: 1px solid #000;
  background-color: #fff;
  z-index: 1;
}
.graph_icon_surimpression_container {
  position: relative;
  left: -49px;
  z-index: 1;
  padding-top: 5px;
}
/*.graph_icon_surimpression_container:first-of-type {
  padding-top:0;
}*/
.steps.completed .circle {
  background-color: #133974;
}
.subscription_graph .col-5 {
  /*padding-bottom: 30px;*/
  padding-right: 25px;
  padding-top: 20px;
}
.subscription_graph .col-7 {
  padding-left: 30px;
  padding-top: 20px;
  flex: 0 0 calc(58.333333% - 1px);
}
.subscription_graph .col-7 .col-11 {
  position: relative;
  left: -35px;
  width: 100%;
}
.subscription_graph .vertical_line {
  padding-top: 55px;
  width: 1px;
  /*border-left:1px solid #000;*/
  box-shadow: 1px 0px 0 0px #000;
}
.subscription_graph .vertical_line.no_border {
  /*border-left:0px;*/
  box-shadow: unset;
}
.subscription_graph .vertical_line_first {
  border: 0px;
  box-shadow: 1px 20px 0 0px #000;
}
.subscription_graph .vertical_line_last {
  border: 0px;
  box-shadow: 1px -20px 0 0px #000;
}
.subscription_graph .contains_input {
  padding-left: 0;
  left: -48px !important;
}
.subscription_graph .contains_input input,
.subscription_graph .contains_input select {
  padding-left: 30px !important;
}
.subscription_graph .contains_input > span {
  padding-left: 30px !important;
}
.subscription_graph .contains_input.safari {
  padding-left: 15px !important;
  left: unset !important;
}
.react-datepicker__input-container input:after {
  font-family: 'Plafont' !important;
  content: '\e901' !important;
}
.blue_block {
  background-color: #FFFFFF;
  border: 1px solid #133974;
}
.blue_block .blue_block_header {
  background-color: #133974;
  color: #fff;
  padding: 1em;
  font-size: 0.95em;
}
.payment_container {
  border: 3px solid #133974;
  text-align: center;
  background-color: #fff;
}
.payment_container .payment_cadenas {
  position: relative;
  top: -15px;
  padding: 10px;
  border: 3px solid #133974;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #133974;
  background-color: #fff;
}
.payment_container #stripe_container .cardElem {
  background-color: #fff;
  border: 1px solid grey;
  padding: 10px;
  color: #32325d;
  font-size: 16px;
}
.lieuSelect {
  width: 57%;
  display: inline-block;
}
.lieuAddress {
  width: 43%;
  font-size: 0.65em;
  padding-left: 15px !important;
  position: relative;
  top: 7px;
}
.lieuAddress span {
  padding-left: 0 !important;
}
.sequenceName {
  color: #133974;
}
.sequenceNameIcon {
  color: #fff;
  border-color: #133974;
  background-color: #133974;
}
.font-weight-bold.black {
  color: #000;
}
.modal-design-v5 .modal-header .close {
  text-shadow: unset;
  color: #fff;
  font-weight: bold;
  opacity: 1;
}
.isMobile .modal_auto_subscription .modal-body {
  min-height: calc(100vh - (44px + (15px + 10px + 66px)));
}
.isMobile .modal_catalog_public .modal-dialog {
  margin: 0;
}
.isMobile .modal-design-v5 .modal-header .h4.modal-title {
  font-size: 1.3rem !important;
}
.isMobile .modal-design-v5 .modal-header .close {
  text-shadow: unset;
  color: #fff;
  font-weight: bold;
  opacity: 1;
}
.isMobile .subscription_part.modal_timeline .steps .circle {
  width: 40px;
  height: 40px;
  line-height: 35px;
  background-color: #c2c6b9;
  font-size: 25px;
}
.isMobile .subscription_part.modal_timeline .steps .step_title {
  font-size: 15px;
}
.isMobile .subscription_part.modal_timeline .steps.current .circle {
  background-color: #133974;
  width: 50px;
  height: 50px;
  line-height: 45px;
  font-size: 30px;
}
.isMobile .subscription_part.modal_timeline .steps.current .step_title {
  font-weight: bold;
}
.isMobile .subscription_part.modal_timeline .steps.completed .circle {
  background-color: #133974;
}
.isMobile .subscription_graph .label_container {
  font-size: 0.95rem;
  font-weight: bold;
}
.isMobile .subscription_graph .whiteBackground {
  padding: 5px;
}
.isMobile .subscription_graph .contains_input {
  padding-left: 15px;
  left: unset !important;
}
.isMobile .subscription_graph .contains_input input,
.isMobile .subscription_graph .contains_input select,
.isMobile .subscription_graph .contains_input span {
  padding-left: 0px;
  text-align: right;
  padding-right: 3px;
}
.isMobile .subscription_graph span.lieuAddressMobile {
  font-size: 0.8em;
  text-align: left;
  padding-left: 15px;
}
.isMobile .subscription_graph .presential_form input,
.isMobile .subscription_graph .presential_form select {
  text-align: left!important;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 5px;
}
.isMobile .subscription_graph .sequenceName {
  font-size: 1.1rem;
}
.isMobile .have_account_container {
  text-align: left;
  padding-left: 0px;
  margin-top: 10px;
}
.isMobile .have_account_container label {
  width: 100%;
}
.isMobile .user_form_container {
  margin-top: 10px;
  padding-left: 5px;
  padding-right: 10px;
}
.isMobile .user_form_container i {
  vertical-align: middle;
}
.isMobile .modal_auto_subscription input,
.isMobile .modal_auto_subscription select {
  border-radius: unset;
  border: 1px solid #133974 !important;
}
.socialNetworkBtn {
  cursor: pointer;
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 0;
  margin: 0.2em;
}
.linkedIn.socialNetworkBtn {
  color: #0073b1;
}
.modal-design-v5 input.form-control.is-required,
.modal-design-v5 select.form-control.is-required {
  border: 1px solid #dc3545;
}
.modal_auto_subscription .user_form_container FIELDSET {
  padding-left: 5px;
  padding-right: 5px;
  margin: 0 5px!important;
  margin-bottom: 10px!important;
  border: 1px solid silver;
}
.modal_auto_subscription .user_form_container FIELDSET LEGEND {
  width: unset;
  margin-bottom: unset;
  border-bottom: 0;
  padding: 0 5px;
  font-size: 21px;
}
.modal_auto_subscription .user_form_container .civility_container LABEL,
.modal_auto_subscription .user_form_container .lastname_container LABEL,
.modal_auto_subscription .user_form_container .firstname_container LABEL,
.modal_auto_subscription .user_form_container .phone_container LABEL,
.modal_auto_subscription .user_form_container .birthday_date_container LABEL,
.modal_auto_subscription .user_form_container .email_container LABEL,
.modal_auto_subscription .user_form_container .password_container LABEL,
.modal_auto_subscription .user_form_container .status_container LABEL,
.modal_auto_subscription .user_form_container .activity_container LABEL,
.modal_auto_subscription .user_form_container .company_container LABEL,
.modal_auto_subscription .user_form_container .company_siret_container LABEL,
.modal_auto_subscription .user_form_container .address_container LABEL,
.modal_auto_subscription .user_form_container .address_complement_container LABEL,
.modal_auto_subscription .user_form_container .postal_code_container LABEL,
.modal_auto_subscription .user_form_container .city_container LABEL,
.modal_auto_subscription .user_form_container .country_container LABEL {
  width: 30%!important;
}
.modal_auto_subscription .user_form_container .birthday_date_container LABEL {
  display: inline-flex;
  vertical-align: super;
}
.modal_auto_subscription .user_form_container .civility_container #civility,
.modal_auto_subscription .user_form_container .lastname_container #lastname,
.modal_auto_subscription .user_form_container .lastname_container #birthday_lastname,
.modal_auto_subscription .user_form_container .firstname_container #firstname,
.modal_auto_subscription .user_form_container .phone_container #phone,
.modal_auto_subscription .user_form_container .birthday_date_container .react-datepicker-wrapper,
.modal_auto_subscription .user_form_container .email_container #email,
.modal_auto_subscription .user_form_container .password_container #password,
.modal_auto_subscription .user_form_container .status_container #salarial_level,
.modal_auto_subscription .user_form_container .activity_container #activity,
.modal_auto_subscription .user_form_container .company_container #societe,
.modal_auto_subscription .user_form_container .company_siret_container #user_siret,
.modal_auto_subscription .user_form_container .address_container #address,
.modal_auto_subscription .user_form_container .address_complement_container #address_complement,
.modal_auto_subscription .user_form_container .postal_code_container .form-control-custom,
.modal_auto_subscription .user_form_container .city_container #city,
.modal_auto_subscription .user_form_container .country_container #country {
  width: 67%!important;
  display: inline-block;
}
.qty_btn {
  cursor: pointer;
}
.qty_btn:hover {
  color: #000;
}
.qty_btn.disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
@media (min-width: 1024px) {
  .tutos_btn_container {
    position: relative;
    right: -250px;
    top: -50px;
  }
}
.bordered {
  border: 1px solid #133974 !important;
  /*filter: contrast(0.4);*/
}
.director_container.full_height_container {
  height: calc(100vh - 89px - 2.5rem - 1.55rem);
  /*83: menu, 2.5rem: Titre*/
  overflow: auto;
}
.director_container h2 {
  font-size: 1.2rem;
}
.director_container .employesList {
  max-height: calc(100vh - 94px - (2rem + 0.5rem) - (1.2rem + 0.5rem) - (2px + 0.75rem + 1.5rem + 1.55rem));
  /* H1 - h2 - btnAddUser */
  overflow-y: auto;
  overflow-x: hidden;
}
.director_container .mainContainer {
  max-height: calc(100vh - 89px - (2rem + 0.5rem + 1.55rem));
  overflow-y: auto;
  overflow-x: hidden;
}
.director_container .employe {
  cursor: pointer;
  border-bottom: 1px solid lightgrey;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.director_container .employe .checked-icon {
  visibility: hidden;
}
.director_container .employe > span {
  font-size: 0.6rem;
}
.director_container .employe.active {
  color: #133974;
}
.director_container .employe.checked .checked-icon {
  visibility: visible;
}
.director_container .formationsList {
  max-height: calc(100vh - 100px - 60px - 50px - 94px - 2.55rem);
  overflow-y: auto;
  overflow-x: hidden;
}
.director_container .btn.disabled {
  background-color: initial!important;
  border-color: initial!important;
  color: initial!important;
  cursor: not-allowed;
}
.p-50rem {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.clickable {
  cursor: pointer;
}
.activeRegistration {
  background-color: #d7d7d7;
}
.directorFormationBlock {
  cursor: pointer;
  width: 100%;
  height: 70px;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0.9rem;
  border: 0.5px solid grey;
  background-color: white;
}
.directorFormationBlock > div {
  width: 100%;
  text-align: center;
}
.directorFormationBlock > div img {
  height: 100%;
}
.directorFormationBlock.bordered {
  background-color: green;
  color: white;
}
.directorSubscriptionTitle {
  font-size: 2rem;
}
.director_progress_container .progress,
.sectionModules .progress {
  background-color: #999 !important;
  height: 25px;
}
.director_progress_container .progress-bar,
.sectionModules .progress-bar {
  height: initial!important;
  background-color: #133974 !important;
  color: #fff;
}
.myRegistrationsPage {
  height: calc(100vh - 83px);
}
.myRegistrationsPage .h-100 {
  overflow: auto;
}
.myRegistrationsPage .h-100-noOverflow {
  height: 100%!important;
}
.directorRegistrations {
  height: calc(100% - 97px);
}
.directorRegistrations .employeSection {
  height: calc(100vh - (83px + 140px) - (2px + 0.75rem + 1.5rem));
  overflow-y: auto;
  overflow-x: hidden;
}
.directorRegistrations .employeSection > .row {
  cursor: pointer;
  border-bottom: 1px solid lightgrey;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.directorRegistrations .firstRowParcours {
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  display: inline-flex;
  background: initial;
  border: initial;
}
.directorRegistrations .formationBlockDirector {
  width: 94%;
  padding: 10px;
  background-color: #e3e3e3;
  display: inline-flex;
  vertical-align: middle;
}
.directorRegistrations .numberFormation {
  font-size: 25px;
  font-width: 600;
  margin-right: 5px;
}
.directorRegistrations .sectionModules {
  height: calc(100% - 46px);
  overflow-y: auto;
  overflow-x: hidden;
}
.directorRegistrations .nameFormation {
  margin-bottom: 0;
  vertical-align: middle;
  padding: 15px;
}
.modal-footer .btn.primary-important {
  background-color: #133974 !important;
  color: #FFF !important;
}
.btn-autotest {
  background-color: #0F7A13;
}
.btn-autotest:hover,
.btn-autotest:active,
.btn-autotest.active {
  background-color: #055409;
  color: #FFFFFF;
}
#mySpaceTabs-tabpane-formations .card:hover {
  -webkit-filter: drop-shadow(5px 5px 5px black);
  filter: drop-shadow(5px 5px 5px black);
  cursor: pointer;
}
.flexEvent .rbc-event-label {
  display: none!important;
}
.flexEvent .rbc-event-content {
  display: inline-flex !important;
  justify-content: center!important;
  align-items: center!important;
}
.rbc-event-allday {
  border-radius: unset !important;
}
.rbc-event-continues-after:not(.flexEvent) {
  border-top-right-radius: 15px;
}
.rbc-event-continues-before:not(.flexEvent) {
  border-top-left-radius: 15px;
}
.rbc-btn-group button {
  border-radius: unset !important;
  min-height: 40px;
}
.rbc-toolbar button:hover {
  background-color: #133974 !important;
  color: #FFF !important;
}
.rbc-toolbar button:active,
.rbc-toolbar button.rbc-active {
  background-color: #133974 !important;
  color: #FFF;
}
.rbc-ellipsis,
.rbc-event-label,
.rbc-row-segment .rbc-event-content,
.rbc-show-more {
  white-space: unset !important;
}
.rbc-day-slot .rbc-background-event {
  border: none!important;
  color: #000 !important;
}
.rbc-event.rbc-selected.flexEvent {
  color: #FFF !important;
}
.formationsPageV3 .nav-tabs .nav-item.show a.nav-link,
.formationsPageV3 .nav-tabs a {
  background-color: #5B5B5B;
  color: #fff !important;
}
.formationsPageV3 .nav-tabs .nav-item.show .nav-link,
.formationsPageV3 .nav-tabs .nav-link.active,
.formationsPageV3 a.nav-link.active {
  background-color: #fff;
  color: #707070 !important;
  font-weight: bold;
}
.formationsPageV3 .nav-tabs .nav-link:focus:not(.active),
.formationsPageV3 .nav-tabs .nav-link:not(.active):hover,
.formationsPageV3 .nav-tabs a.nav-link:not(.active):hover {
  border-color: #5B5B5B;
}
.formationsPageV3 .tab-content {
  padding: 15px;
}
.formationsPageV3 .side_panel_btn:after {
  clear: both;
  content: '';
  display: block;
  width: 100%;
}
.formationsPageV3 .side_panel_btn a {
  font-size: 13px;
  background-color: #5B5B5B;
  color: #ffffff;
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  position: relative;
  white-space: nowrap;
  height: 50px;
  text-overflow: ellipsis;
  cursor: pointer;
  box-sizing: border-box;
  border-radius: 0;
  box-shadow: none;
  border: none;
  outline: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.formationsPageV3 .side_panel_btn a::after {
  display: none;
  content: '';
  top: 0;
  position: absolute;
  left: -25px;
  border-bottom: 25px solid #fff;
  border-left: 25px solid #fff;
  border-top: 25px solid #5B5B5B;
  border-right: 25px solid #5B5B5B;
}
.formationsPageV3 .side_panel_btn a.active {
  background-color: #fff;
  color: #5B5B5B !important;
}
.formationsPageV3 .side_panel_btn a.active::after {
  display: block;
  border-left: 25px solid #5B5B5B;
  border-right: 25px solid #fff;
}
.formationsPageV3 .side_panel_btn a.active + a:after {
  display: block;
  /*border-left: 25px solid @main-link-alternative-color;*/
  /*border-right: 25px solid #e3e3e3;*/
}
.formationsPageV3 .side_panel_btn a:first-child.active::after {
  display: none;
}
@media (max-width: 610px) {
  .formationsPageV3 .side_panel_btn button.GT_Selected::after {
    display: none;
  }
  .formationsPageV3 .side_panel_btn button.GT_Selected + button:after {
    display: none;
  }
  .formationsPageV3 .side_panel_btn button.GT_Selected::after {
    display: none;
  }
}
.eventModal .modal-footer .btn.btn-secondary,
.eventModal .modal-footer-step .btn.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}
.eventModal .modal-footer .btn.btn-primary,
.eventModal .modal-footer-step .btn.btn-primary {
  background-color: #0375B3;
  border-color: #0375B3;
  color: #fff;
}
.eventModal .modal-footer .btn.btn-secondary:hover,
.eventModal .modal-footer-step .btn.btn-secondary:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62;
}
.eventModal .modal-footer .btn.btn-primary:hover,
.eventModal .modal-footer-step .btn.btn-primary:hover {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
  color: #0375B3;
}
.rbc-toolbar-label {
  color: #000;
  font-weight: bolder;
}
.rbc-header {
  font-weight: normal!important;
  color: #373a3c;
}
/*@import url("user_formation.less");*/
.userFormationBlockV3 {
  cursor: unset;
}
.userFormationBlockV3 .user_formation_card {
  border-radius: unset;
}
.userFormationBlockV3 .user_formation_card .card-img-top {
  position: initial;
  bottom: unset;
  height: 61%!important;
  border-radius: unset;
}
.userFormationBlockV3 .user_formation_card .card-img-top.expired {
  filter: contrast(0.5);
}
.userFormationBlockV3 .user_formation_card .notificationIcons {
  position: absolute;
  top: 5%;
  left: 5%;
  background-color: #FFFFFF;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #133974;
  cursor: pointer;
}
.userFormationBlockV3 .user_formation_card .userFormationMenu {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #133974;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  cursor: pointer;
}
.userFormationBlockV3 .user_formation_card .userFormationMenu i {
  font-size: 35px;
}
.userFormationBlockV3 .user_formation_card .userFormationMenuContent {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% - 50px);
  padding: 0.5rem;
  background-color: #FFFFFF;
  list-style-type: none;
  padding-inline-start: unset;
}
.userFormationBlockV3 .user_formation_card .userFormationMenuContent li {
  cursor: pointer;
  margin: 0.5rem 0;
}
.userFormationBlockV3 .user_formation_card .userFormationMenuContent li:hover {
  font-weight: bolder;
}
.userFormationBlockV3 .user_formation_card:hover::after {
  box-shadow: unset!important;
  border-radius: unset!important;
  position: initial;
  display: none;
  content: none;
}
.userFormationBlockV3 .card:hover {
  -webkit-filter: unset!important;
  filter: unset!important;
  cursor: initial!important;
}
.userFormationBlockV3 .card-title.h5 {
  font-size: 1rem!important;
  font-weight: bolder!important;
  margin-bottom: 0!important;
}
.userFormationBlockV3 .card-body {
  flex: initial;
  padding: 0.5rem 1.25rem;
  height: 45px;
}
.userFormationBlockV3 .card-footer {
  flex: auto;
  display: flow-root;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.userFormationBlockV3 .card-footer .following_formations {
  background-color: transparent;
  width: 100%;
  color: #212529;
  font-style: normal;
}
.userFormationBlockV3 .card-footer .following_formations .following_formations_title {
  font-style: normal;
}
.userFormationBlockV3 .card-footer .formationStatus {
  background-color: #C4BBB8;
  width: 100%;
  color: #fff;
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 24px;
}
.userFormationBlockV3 .card-footer .btn {
  border-radius: unset;
  height: 42px;
}
.userFormationBlockV3:hover {
  cursor: unset;
}
.modal-fullscreen {
  max-width: 100vw;
  width: 100vw;
  height: 100vh;
  margin: unset;
}
.modal-fullscreen .modal-content {
  height: 100vh;
  overflow: auto;
}
.docModalv3 .modal-header,
.infosModalv3 .modal-header {
  background-color: #CDCDCD;
  color: #707070;
  height: 130px;
  text-align: center;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  /*padding: 1rem 1rem;*/
}
.docModalv3 .modal-header .modal-title.h4,
.infosModalv3 .modal-header .modal-title.h4 {
  width: 100%;
  font-weight: bold;
}
.docModalv3 .modal-header .close,
.infosModalv3 .modal-header .close {
  font-size: 45px;
  color: #FFFFFF;
  background-color: #8C3343;
  padding: 9px 20px 16px 20px;
  margin-right: 0.5rem;
}
.docModalv3 .modal-content,
.infosModalv3 .modal-content {
  background-color: #E4E4E4;
  color: #474D4A;
}
.docModalv3 .modal-content .modal-body,
.infosModalv3 .modal-content .modal-body {
  padding: 0px;
}
.docModalv3 .modal-content .btn-primary,
.infosModalv3 .modal-content .btn-primary {
  background-color: #8C3343;
  border-color: #8C3343;
  color: #FFFFFF;
}
.docModalv3 .modal-content .btn-primary:hover,
.infosModalv3 .modal-content .btn-primary:hover,
.docModalv3 .modal-content .btn-primary:active,
.infosModalv3 .modal-content .btn-primary:active {
  border-color: #632934 !important;
  background-color: #632934 !important;
}
.docModalv3 .modal-content THEAD TR TH,
.infosModalv3 .modal-content THEAD TR TH {
  color: #632934;
}
.infosModalv3 .modal-header {
  background-color: #fff;
  color: #707070;
  height: auto!important;
  font-size: 22px;
  padding: 0px !important;
}
.infosModalv3 .modal-header .modal-title.h4 {
  text-transform: uppercase;
  padding: 9px 20px 16px 20px;
}
.infosModalv3 .modal-header .close {
  font-size: 45px;
  color: #FFFFFF;
  background-color: #707070;
  padding: 9px 20px 16px 20px;
  margin: 0!important;
}
.infosModalv3 .modal-body {
  background-color: #707070;
  color: #fff;
}
.infosModalv3 .modal-body .next_meeting_banner {
  background-color: #133974;
  color: #FFFFFF;
}
.directorPage .btn,
.myRegistrationsPage .btn {
  border-radius: unset;
}
.directorPage .btn:hover,
.myRegistrationsPage .btn:hover {
  background-color: #C4BBB8;
  color: #FFFFFF;
  border: 1px solid #C4BBB8;
}
.directorPage .SubscriptionTypeChoosing .btn,
.myRegistrationsPage .SubscriptionTypeChoosing .btn {
  border-radius: unset;
}
.directorPage .SubscriptionTypeChoosing .btn:hover,
.myRegistrationsPage .SubscriptionTypeChoosing .btn:hover {
  background-color: #C4BBB8;
  color: #FFFFFF;
  border: 1px solid #C4BBB8;
}
.directorPage .directorSubscriptionTitle,
.myRegistrationsPage .directorSubscriptionTitle {
  height: 80px;
  background-color: #4A4D4A;
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  text-transform: uppercase;
}
.directorPage .sideBar h2,
.myRegistrationsPage .sideBar h2 {
  background-color: #4A4D4A;
  color: #fff;
  font-style: italic;
  font-size: 1.1rem;
  text-align: center;
  padding-bottom: 0.5rem;
  margin-bottom: 0;
}
.directorPage .director_container.full_height_container,
.myRegistrationsPage .director_container.full_height_container {
  height: calc(100vh - 83px);
}
.directorPage .director_container .employesList,
.myRegistrationsPage .director_container .employesList {
  max-height: calc(100vh - 94px - 73px - (2px + 0.75rem + 1.5rem + 1.55rem));
  overflow-y: auto;
  overflow-x: hidden;
}
.directorPage .director_container .employe.active,
.myRegistrationsPage .director_container .employe.active {
  background-color: #E4E4E4;
  color: #545454;
}
.directorPage .mainContainerHeader .btn.disabled,
.myRegistrationsPage .mainContainerHeader .btn.disabled {
  background-color: #E4E4E4 !important;
}
.directorPage .mainContainerHeader .btn:not(.disabled),
.myRegistrationsPage .mainContainerHeader .btn:not(.disabled) {
  background-color: #8A8A8A;
  color: #fff;
  border-color: #8A8A8A;
}
.directorPage .mainContainerHeader .btn.active,
.myRegistrationsPage .mainContainerHeader .btn.active,
.directorPage .mainContainerHeader .btn:hover,
.myRegistrationsPage .mainContainerHeader .btn:hover {
  background-color: #4A4D4A;
  color: #fff;
  border-color: #4A4D4A;
}
.directorPage .mainContainerHeader input,
.myRegistrationsPage .mainContainerHeader input {
  border-radius: unset;
}
.directorPage .mainContainerHeader input:focus,
.myRegistrationsPage .mainContainerHeader input:focus {
  box-shadow: 0 0 2px 0 #133974;
  border-color: #ced4da;
}
.directorPage .distancielsList,
.myRegistrationsPage .distancielsList {
  background-color: #E4E4E4;
}
.directorPage .formationsList,
.myRegistrationsPage .formationsList {
  max-height: calc(100vh - 100px - 135px - 4rem);
}
.directorPage .formationsList .btnLoupe,
.myRegistrationsPage .formationsList .btnLoupe {
  background-color: transparent;
  border-color: transparent;
}
.directorPage .formationsList .btnLoupe:active,
.myRegistrationsPage .formationsList .btnLoupe:active,
.directorPage .formationsList .btnLoupe:hover,
.myRegistrationsPage .formationsList .btnLoupe:hover,
.directorPage .formationsList .btnLoupe:focus,
.myRegistrationsPage .formationsList .btnLoupe:focus {
  background-color: transparent;
  border-color: transparent;
  color: #133974;
  box-shadow: unset;
}
.directorPage .formationsList .card,
.myRegistrationsPage .formationsList .card {
  border-radius: unset!important;
  border: 0px!important;
  background-color: #E4E4E4;
}
.directorPage .formationsList .card .directorFormationBlock,
.myRegistrationsPage .formationsList .card .directorFormationBlock {
  background-color: transparent;
  border-color: #E4E4E4;
}
.directorPage .formationsList .card .directorFormationBlock.active,
.myRegistrationsPage .formationsList .card .directorFormationBlock.active,
.directorPage .formationsList .card .directorFormationBlock:hover,
.myRegistrationsPage .formationsList .card .directorFormationBlock:hover {
  background-color: #F1F1F1;
  border-color: #F1F1F1;
}
.directorPage .formationsList .card .card-body,
.myRegistrationsPage .formationsList .card .card-body {
  padding: 0.375rem;
}
.directorPage .formationsList .card .card-body .directorFormationBlock,
.myRegistrationsPage .formationsList .card .card-body .directorFormationBlock {
  margin: 0.2rem;
  background-color: #fff;
  border: 0px;
  transition: all 0.25s;
}
.directorPage .formationsList .card .card-body .directorFormationBlock:hover,
.myRegistrationsPage .formationsList .card .card-body .directorFormationBlock:hover {
  background-color: #F1F1F1;
}
.directorPage .formationsList .card .card-body .directorFormationBlock.active,
.myRegistrationsPage .formationsList .card .card-body .directorFormationBlock.active {
  background-color: #133974;
  color: #fff !important;
}
.directorPage .formationsBlockList .directorFormationBlock,
.myRegistrationsPage .formationsBlockList .directorFormationBlock {
  margin: 0.2rem;
  background-color: #fff;
  border: 0px;
  transition: all 0.25s;
}
.directorPage .formationsBlockList .directorFormationBlock:hover,
.myRegistrationsPage .formationsBlockList .directorFormationBlock:hover {
  background-color: #F1F1F1;
}
.directorPage .formationsBlockList .directorFormationBlock.active,
.myRegistrationsPage .formationsBlockList .directorFormationBlock.active {
  background-color: #133974;
  color: #fff !important;
}
.directorPage .director_container .mainContainer,
.myRegistrationsPage .director_container .mainContainer {
  max-height: calc(100vh - 79px - (2rem + 0.5rem));
}
.directorPage .formationBlockHover .available,
.myRegistrationsPage .formationBlockHover .available {
  display: inline-flex;
}
.directorPage .formationBlockHover .available.danger,
.myRegistrationsPage .formationBlockHover .available.danger {
  /*opacity: 0.5;*/
  background-color: #dc3545 !important;
  border: 0px solid #808080 !important;
}
.directorPage .formationBlockHover .notAvailable,
.myRegistrationsPage .formationBlockHover .notAvailable {
  display: none!important;
}
.directorPage .formationBlockHover:hover .available.danger,
.myRegistrationsPage .formationBlockHover:hover .available.danger {
  display: none!important;
}
.directorPage .formationBlockHover:hover .notAvailable,
.myRegistrationsPage .formationBlockHover:hover .notAvailable {
  display: inline-flex !important;
}
.myRegistrationsPage {
  height: calc(100vh - 89px);
}
.myRegistrationsPage .directorRegistrations {
  height: 100%;
}
.myRegistrationsPage .directorRegistrations .nav-tabs .nav-item {
  background-color: #D2D2D2;
  font-style: italic;
}
.myRegistrationsPage .directorRegistrations .nav-tabs .disabled {
  cursor: not-allowed;
}
.myRegistrationsPage .directorRegistrations .nav-tabs .nav-item.active {
  background-color: #fff;
  font-style: normal;
}
.myRegistrationsPage .directorRegistrations .sectionModules .card .card-header {
  background-color: #E4E4E4;
  color: #707070;
  padding-left: 0;
  padding-right: 0;
}
.myRegistrationsPage .directorRegistrations .sectionModules .card .card-header .btn {
  background-color: transparent!important;
  color: #707070;
  border: 0px!important;
}
.myRegistrationsPage .directorRegistrations .sectionModules .card .card-header .btn:hover,
.myRegistrationsPage .directorRegistrations .sectionModules .card .card-header .btn:active,
.myRegistrationsPage .directorRegistrations .sectionModules .card .card-header .btn.active {
  background-color: transparent!important;
  color: #133974 !important;
  border: 0px!important;
}
.myRegistrationsPage .directorRegistrations .sectionModules .card .card-header .btn:focus {
  box-shadow: unset!important;
  border: 0px!important;
}
.myRegistrationsPage .directorRegistrations .sectionModules .card .card-header .progress {
  border-radius: unset;
}
.myRegistrationsPage .directorRegistrations .sectionModules .card .subscriptionModuleItemNum {
  background-color: #133974;
  border: 1px solid #E9E9E9;
  border-right: 0px;
  color: #fff;
  width: 55px;
}
.myRegistrationsPage .directorRegistrations .employeSection {
  height: calc(100vh - (100px + 140px) - (2px + 0.75rem + 1.5rem));
}
.myRegistrationsPage .directorRegistrations .employeSection .badge {
  position: absolute;
  top: 0;
  right: 15px;
  height: 100%;
  width: 25px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #133974;
  border-bottom-right-radius: unset;
  border-top-right-radius: unset;
}
.subscritpionPlanificationModal .modal-title.h4 {
  font-weight: bolder;
}
.subscritpionPlanificationModal .close {
  font-size: 2rem;
}
.subscritpionPlanificationModal .modal-body {
  padding: 0;
}
.subscritpionPlanificationModal .modal-footer .btn {
  background-color: #133974;
  color: #fff;
}
.subscritpionPlanificationModal .modal-footer .btn:hover,
.subscritpionPlanificationModal .modal-footer .btn:active,
.subscritpionPlanificationModal .modal-footer .btn.active {
  background-color: #C4BBB8;
  color: #fff;
}
.v3-text-warning {
  color: #ff764d !important;
}
.v3-text-blue {
  color: #133974 !important;
}
#supportModale .modal-content .modal-header {
  display: flex;
  align-items: center;
}
#supportModale .modal-content .modal-header .h4.modal-title {
  color: #133974 !important;
}
#supportModale .modal-content .modal-header .close {
  font-size: 2rem;
}
#supportModale .modal-content a {
  color: #133974;
}
#supportModale .modal-content .btn,
#supportModale .modal-content a.btn {
  background-color: #133974;
}
#supportModale .modal-content .btn:hover,
#supportModale .modal-content .btn.active,
#supportModale .modal-content .btn:active {
  background-color: #FFFFFF;
  color: #000;
}
#supportModale .modal-content .modal-body .btn-info {
  background-color: #999999;
  color: #fff;
}
#supportModale .modal-content .modal-body .btn-info:hover,
#supportModale .modal-content .modal-body .btn-info.active,
#supportModale .modal-content .modal-body .btn-info:active {
  background-color: #133974;
}
.tutos_btn_container.no_relative_position {
  position: initial;
}
.rnc__notification-container--bottom-center,
.rnc__notification-container--bottom-full,
.rnc__notification-container--bottom-left,
.rnc__notification-container--bottom-right,
.rnc__notification-container--center,
.rnc__notification-container--top-center,
.rnc__notification-container--top-full,
.rnc__notification-container--top-left,
.rnc__notification-container--top-right {
  min-width: 325px;
  pointer-events: all;
  position: absolute;
}
.rnc__notification-container--bottom-center,
.rnc__notification-container--center,
.rnc__notification-container--top-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: calc(50% - 175px);
  max-width: 350px;
}
.rnc__notification-container--center {
  height: 100%;
  pointer-events: none;
  top: 20px;
}
.rnc__notification-container--bottom-full,
.rnc__notification-container--top-full {
  min-width: 100%;
  width: 100%;
}
.rnc__notification-container--bottom-full {
  bottom: 0;
}
.rnc__util--flex-center {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 325px;
  pointer-events: all;
}
.rnc__notification-container--top-center {
  top: 20px;
}
.rnc__notification-container--bottom-center {
  bottom: 20px;
}
.rnc__notification-container--top-left {
  left: 20px;
  top: 20px;
}
.rnc__notification-container--top-right {
  right: 20px;
  top: 20px;
}
.rnc__notification-container--bottom-left {
  bottom: 20px;
  left: 20px;
}
.rnc__notification-container--bottom-right {
  bottom: 20px;
  right: 20px;
}
.rnc__notification-container--mobile-bottom,
.rnc__notification-container--mobile-top {
  pointer-events: all;
  position: absolute;
}
.rnc__notification-container--mobile-top {
  left: 20px;
  right: 20px;
  top: 20px;
}
.rnc__notification-container--mobile-bottom {
  bottom: 20px;
  left: 20px;
  margin-bottom: -15px;
  right: 20px;
}
.rnc__notification-item--default {
  background-color: #007bff;
  border-left: 8px solid #0562c7;
}
.rnc__notification-item--default .rnc__notification-timer {
  background-color: #007bff;
}
.rnc__notification-item--default .rnc__notification-timer-filler {
  background-color: #fff;
}
.rnc__notification-item--default .rnc__notification-close-mark {
  background-color: #007bff;
}
.rnc__notification-item--success {
  background-color: #28a745;
  border-left: 8px solid #1f8838;
}
.rnc__notification-item--success .rnc__notification-timer {
  background-color: #28a745;
}
.rnc__notification-item--success .rnc__notification-timer-filler {
  background-color: #fff;
}
.rnc__notification-item--success .rnc__notification-close-mark {
  background-color: #28a745;
}
.rnc__notification-item--danger {
  background-color: #dc3545;
  border-left: 8px solid #bd1120;
}
.rnc__notification-item--danger .rnc__notification-timer {
  background-color: #dc3545;
}
.rnc__notification-item--danger .rnc__notification-timer-filler {
  background-color: #fff;
}
.rnc__notification-item--danger .rnc__notification-close-mark {
  background-color: #dc3545;
}
.rnc__notification-item--info {
  background-color: #17a2b8;
  border-left: 8px solid #138b9e;
}
.rnc__notification-item--info .rnc__notification-timer {
  background-color: #17a2b8;
}
.rnc__notification-item--info .rnc__notification-timer-filler {
  background-color: #fff;
}
.rnc__notification-item--info .rnc__notification-close-mark {
  background-color: #17a2b8;
}
.rnc__notification-item--warning {
  background-color: #eab000;
  border-left: 8px solid #ce9c09;
}
.rnc__notification-item--warning .rnc__notification-timer {
  background-color: #eab000;
}
.rnc__notification-item--warning .rnc__notification-timer-filler {
  background-color: #fff;
}
.rnc__notification-item--warning .rnc__notification-close-mark {
  background-color: #eab000;
}
.rnc__notification-item--awesome {
  background-color: #685dc3;
  border-left: 8px solid #4c3fb1;
}
.rnc__notification-item--awesome .rnc__notification-timer {
  background-color: #685dc3;
}
.rnc__notification-item--awesome .rnc__notification-timer-filler {
  background-color: #fff;
}
.rnc__notification-item--awesome .rnc__notification-close-mark {
  background-color: #685dc3;
}
@keyframes timer {
  0% {
    width: 100%;
  }
  to {
    width: 0;
  }
}
.rnc__base {
  height: 100%;
  pointer-events: none;
  position: fixed;
  width: 100%;
  z-index: 9000;
}
.rnc__notification-item {
  border-radius: 3px;
  box-shadow: 1px 3px 4px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  margin-bottom: 15px;
  position: relative;
}
.rnc__notification-container--bottom-full .rnc__notification-item,
.rnc__notification-container--top-full .rnc__notification-item {
  border-radius: 0;
  margin-bottom: 0;
}
.rnc__notification-timer {
  margin-top: 10px;
  width: 100%;
}
.rnc__notification-timer,
.rnc__notification-timer-filler {
  border-radius: 5px;
  height: 3px;
}
.rnc__notification-title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 5px;
}
.rnc__notification-message {
  word-wrap: break-word;
  color: #fff;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 0;
  margin-top: 0;
  max-width: calc(100% - 15px);
}
.rnc__notification-content {
  display: inline-block;
  padding: 8px 15px;
  width: 100%;
}
.rnc__notification-close-mark {
  border-radius: 50%;
  display: inline-block;
  height: 18px;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 18px;
}
.rnc__notification-close-mark:after {
  color: #fff;
  content: "\D7";
  font-size: 12px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rnc__notification-container--mobile-bottom .notification,
.rnc__notification-container--mobile-bottom .rnc__notification-item,
.rnc__notification-container--mobile-top .notification,
.rnc__notification-container--mobile-top .rnc__notification-item {
  max-width: 100%;
  width: 100%;
}
.rnc__notification-container--bottom-right .notification,
.rnc__notification-container--top-right .notification {
  margin-left: auto;
}
.rnc__notification-container--bottom-left .notification,
.rnc__notification-container--top-left .notification {
  margin-right: auto;
}
.rnc__notification-container--mobile-bottom .notification,
.rnc__notification-container--mobile-top .notification {
  margin-left: auto;
  margin-right: auto;
}
.loader .grey_container {
  background-color: #f2f2f2;
  height: 400px;
}
.isMobile .loader .grey_container {
  background-color: #f2f2f2;
  height: 350px;
}
@keyframes pulseBlue {
  0% {
    background-color: #133974;
  }
  50% {
    background-color: #98baee;
  }
  100% {
    background-color: #133974;
  }
}
@keyframes pulseGrey {
  0% {
    background-color: rgba(165, 165, 165, 0.1);
  }
  50% {
    background-color: rgba(165, 165, 165, 0.3);
  }
  100% {
    background-color: rgba(165, 165, 165, 0.1);
  }
}
@keyframes placeHolderShimmer7 {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}
@keyframes placeHolderShimmer8 {
  0% {
    background-position: -1920px 0;
  }
  100% {
    background-position: 1920px 0;
  }
}
.background-masker {
  background: #FFFFFF;
  position: absolute;
  animation-duration: 1.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  background-size: 800px 104px;
}
.isMobile .background-masker {
  background: #FFFFFF;
  position: absolute;
  animation: pulse 1.5s infinite ease-in-out;
}
.background-masker.navbar_logo {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #133974 8%, #98baee 100%, #133974 33%);
  height: 55px;
  width: 240px;
  top: 0;
  left: 0;
}
.isMobile .background-masker.navbar_logo {
  animation-name: pulseBlue;
  background: none;
  width: 100%;
}
.background-masker.navbar_btn_1 {
  animation-name: placeHolderShimmer2;
  background: linear-gradient(to right, #133974 8%, #98baee 100%, #133974 33%);
  height: 30px;
  border-radius: 25px;
  width: 180px;
  top: 15px;
  left: 300px;
}
.background-masker.navbar_btn_2 {
  animation-name: placeHolderShimmer2;
  background: linear-gradient(to right, #133974 8%, #98baee 100%, #133974 33%);
  height: 30px;
  border-radius: 25px;
  width: 180px;
  top: 15px;
  left: 550px;
}
.background-masker.navbar_btn_3 {
  animation-name: placeHolderShimmer2;
  background: linear-gradient(to right, #133974 8%, #98baee 100%, #133974 33%);
  height: 30px;
  border-radius: 25px;
  width: 180px;
  top: 15px;
  left: 800px;
}
.background-masker.navbar_btn_4 {
  animation-name: placeHolderShimmer2;
  background: linear-gradient(to right, #133974 8%, #98baee 100%, #133974 33%);
  height: 30px;
  border-radius: 25px;
  width: 180px;
  top: 15px;
  left: 1050px;
}
.background-masker.navbar_btn_5 {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #133974 8%, #98baee 100%, #133974 33%);
  height: 45px;
  border-radius: 25px;
  width: 245px;
  top: 10px;
  left: 1650px;
}
.background-masker.div_content_1 {
  animation-name: placeHolderShimmer3;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 150px;
  height: 50px;
  left: 90px;
  width: 1200px;
}
.background-masker.div_content_2 {
  animation-name: placeHolderShimmer4;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 250px;
  height: 35px;
  left: 90px;
  width: 800px;
}
.background-masker.div_content_3 {
  animation-name: placeHolderShimmer5;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 335px;
  height: 45px;
  left: 450px;
  width: 700px;
}
.isMobile .background-masker.div_content_1 {
  animation-name: pulseGrey;
  background: none;
  top: 100px;
  height: 50px;
  left: 5%;
  width: 90%;
}
.isMobile .background-masker.div_content_2 {
  animation-name: pulseGrey;
  background: none;
  top: 180px;
  height: 35px;
  left: 5%;
  width: 90%;
}
.isMobile .background-masker.div_content_3 {
  animation-name: pulseGrey;
  background: none;
  top: 270px;
  height: 45px;
  left: 6%;
  width: 88%;
}
.background-masker.div_content_4 {
  animation-name: placeHolderShimmer6;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 500px;
  height: 45px;
  left: 90px;
  width: 500px;
}
.background-masker.btn_1 {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #133974 8%, #98baee 100%, #133974 33%);
  height: 45px;
  border-radius: 25px;
  width: 240px;
  top: 507px;
  left: 1500px;
}
.isMobile .background-masker.btn_1 {
  animation-name: pulseBlue;
  background: none;
  height: 45px;
  border-radius: 25px;
  width: 70%;
  top: 650px;
  left: 15%;
}
.background-masker.div_content_5 {
  animation-name: placeHolderShimmer7;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 630px;
  height: 250px;
  left: 90px;
  width: 400px;
}
.background-masker.div_content_6 {
  animation-name: placeHolderShimmer7;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 630px;
  height: 250px;
  left: 530px;
  width: 400px;
}
.isMobile .background-masker.div_content_5 {
  animation-name: pulseGrey;
  background: none;
  top: 375px;
  height: 250px;
  left: 5%;
  width: 90%;
}
.background-masker.div_content_7 {
  animation-name: placeHolderShimmer7;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 630px;
  height: 250px;
  left: 970px;
  width: 400px;
}
.background-masker.div_content_8 {
  animation-name: placeHolderShimmer7;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 630px;
  height: 250px;
  left: 1410px;
  width: 400px;
}
.background-masker.div_content_4_myspace {
  animation-name: placeHolderShimmer6;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 150px;
  height: 45px;
  left: 90px;
  width: 500px;
}
.background-masker.btn_1_myspace {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #133974 8%, #98baee 100%, #133974 33%);
  height: 45px;
  border-radius: 25px;
  width: 240px;
  top: 150px;
  left: 1560px;
}
.background-masker.div_content_6_myspace {
  animation-name: placeHolderShimmer7;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 230px;
  height: 250px;
  left: 200px;
  width: 400px;
}
.background-masker.div_content_7_myspace {
  animation-name: placeHolderShimmer7;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 230px;
  height: 250px;
  left: 770px;
  width: 400px;
}
.background-masker.div_content_8_myspace {
  animation-name: placeHolderShimmer7;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 230px;
  height: 250px;
  left: 1350px;
  width: 400px;
}
.background-masker.div_content_1_myformation {
  animation-name: placeHolderShimmer8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 80px;
  height: 123px;
  left: 0;
  width: 100%;
}
.background-masker.div_content_2_myformation {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 215px;
  height: 292px;
  left: 0;
  width: 320px;
}
.background-masker.div_content_2_myformation_parcours {
  top: 145px;
}
.background-masker.div_content_3_myformation {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 240px;
  height: 250px;
  left: 370px;
  width: 256px;
}
.background-masker.div_content_3_myformation_parcours {
  top: 160px;
}
.background-masker.div_content_4_myformation {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 240px;
  height: 250px;
  left: 680px;
  width: 256px;
}
.background-masker.div_content_4_myformation_parcours {
  top: 160px;
}
.background-masker.div_content_5_myformation {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 240px;
  height: 250px;
  left: 995px;
  width: 256px;
}
.background-masker.div_content_5_myformation_parcours {
  top: 160px;
}
.background-masker.div_content_6_myformation {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 530px;
  height: 292px;
  left: 0;
  width: 320px;
}
.background-masker.div_content_6_myformation_parcours {
  top: 470px;
}
.background-masker.div_content_7_myformation {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 555px;
  height: 250px;
  left: 370px;
  width: 256px;
}
.background-masker.div_content_7_myformation_parcours {
  top: 485px;
}
.background-masker.div_content_8_myformation {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 555px;
  height: 250px;
  left: 680px;
  width: 256px;
}
.background-masker.div_content_8_myformation_parcours {
  top: 485px;
}
.background-masker.div_content_9_myformation {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 555px;
  height: 250px;
  left: 995px;
  width: 256px;
}
.background-masker.div_content_9_myformation_parcours {
  top: 485px;
}
.background-masker.div_content_1_myformation_module {
  animation-name: placeHolderShimmer4;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 0;
  height: 50px;
  left: 0;
  width: 100%;
}
.background-masker.div_content_2_myformation_module {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 51px;
  height: 80px;
  left: 0;
  width: 100%;
}
.background-masker.div_content_2_myformation_module {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 151px;
  height: 80px;
  left: 25px;
  width: 370px;
}
.background-masker.div_content_3_myformation_module {
  animation-name: placeHolderShimmer1;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 245px;
  height: 80px;
  left: 25px;
  width: 370px;
}
.background-masker.div_content_sequence_view {
  animation-name: placeHolderShimmer8;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 56px;
  height: calc(100% - 62px);
  left: 415px;
  width: calc(100% - 435px);
}
.background-masker.div_content_1_suivi {
  animation-name: placeHolderShimmer4;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 76px;
  height: 185px;
  left: 0;
  width: 100%;
}
.background-masker.div_content_2_suivi {
  animation-name: placeHolderShimmer4;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 281px;
  height: 500px;
  left: 50px;
  width: calc(100% - 100px);
}
.background-masker.div_content_login_container {
  text-align: center;
}
.background-masker.div_content_login {
  animation-name: placeHolderShimmer7;
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 100%, #eeeeee 33%);
  top: 150px;
  height: 450px;
  width: 450px;
  left: calc((100%/2) - 225px);
}
.background-mask {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #0a0a0a;
  opacity: 0.3;
  width: 100%;
  height: 100%;
}
.d-none {
  display: none;
}