@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@500&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap);
.App .loaderWrapper {
  margin-top: 200px;
}

.App .filterMenu .showMenu {
  max-height: 400px;
}
.App .filterMenuWrapper .titleTooltipWrapper {
  z-index: 2000;
}

#root .app-modal + .App {
  display: none;
}

header {
  position: relative;
}
header .help {
  position: absolute;
  right: 20px;
  top: 25px;
  cursor: pointer;
}

/* Tailwind base */

.opacity-75 {
  opacity: 0.75;
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity));
}
.w-full {
  width: 100%;
}
.h-full {
  height: 100%;
}
.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.absolute {
  position: absolute;
}
.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}
.w-full {
  width: 100%;
}
.w-full {
  width: 100% !important;
}
.h-screen {
  height: 100vh !important;
}
.overflow-hidden {
  overflow: hidden;
}
.h-screen {
  height: 100vh;
}
.z-50 {
  z-index: 10;
}
.z-10 {
  z-index: 10;
}
.text-center {
  text-align: center !important;
}
.pt-4 {
  padding-top: 1rem !important;
}
.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.min-h-screen {
  min-height: 100vh !important;
}
.justify-center {
  justify-content: center !important;
}
.items-end {
  align-items: flex-end !important;
}
.flex {
  display: flex !important;
}
.flex-col {
  flex-direction: column;
}
.hidden {
  display: none !important;
}
.bg-white {
  background-color: #fff !important;
}
@media (max-width: 600px) {
  .col2 .radarWrapperLegacy .radarTitleWrapper {
    width: auto;
    text-align: center;
  }
}

#root .studentScreenSize {
  padding: 0;
  max-width: 1200px;
}
#root .noMargin {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.popup-overlay {
  background: rgba(0, 0, 0, 0.2);
  z-index: 10000000 !important;
  border-radius: 5px;
}

.App,
.app-modal > div {
  background-color: white;
  max-width: 1100px;
  margin: 0 auto;
  padding: 10px 40px;
  overflow-y: scroll;
}
.app-modal > div {
  padding: 0px;
  box-sizing: border-box;
  overflow-y: scroll;
}

.App,
.app-modal > div::-webkit-scrollbar-thumb {
  background-color: white;
}

a {
  text-decoration: none;
}

@media screen and (max-width: 640px) {
  .App {
    padding: 10px;
  }
  .App,
  .app-modal > div {
    padding: 20px;

    box-sizing: border-box;
  }
}

.HomeScreen {
  opacity: 0;
}

.fadeIn {
  transition: 1s;
  animation: showMe 1s 0.2s forwards;
  opacity: 0;
}

@keyframes showMe {
  to {
    opacity: 1;
  }
}

@media only screen and (max-width: 480px) {
  .App {
    padding-bottom: 75px;
  }
  .statLoaderWrapper .statLogo {
    width: 150px;
    height: 150px;
  }
  .statLoaderWrapper .svgShadow {
    width: 40px;
    margin-top: -33px;
  }
}

header{display:flex;align-items:center;justify-content:center}.step1>div:first-child{margin-left:0}.step1{max-width:min-content;padding:0 10px}header.HomeNavSmall{display:none;background-color:#fff;overflow:hidden;position:fixed;height:60px;left:0;bottom:0px;width:100%;left:0;z-index:9998;padding-bottom:20px;border-radius:10px 10px 0 0;box-shadow:0px 1px 18px rgba(0,0,0,.25)}header.HomeNavSmall nav,header.HomeNavSmall nav>div{width:100%;max-width:100%}header.HomeNavSmall nav>div{padding:0 50px;justify-content:space-between}.HomeNavSmallLink .link{color:#103f4b;display:flex;flex-direction:column;align-items:center}.HomeNavSmallLink .link{color:#103f4b}.HomeNavSmallLink svg{font-size:30px}.HomeNavSmallLink .link span{margin-top:10px;font-size:12px}@media only screen and (max-width: 480px){header.HomeNavSmall{display:inline;display:initial}header:not(.HomeNavSmall){display:none}}
.statFiltersWrapper {
  margin-bottom: 30px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.statFilters {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.statFilters > div {
  margin-left: 50px;
}
.statFilters > div:first-child {
  margin-left: 0px;
}
.statFiltersWrapper .step2 {
  max-width: min-content;
  padding: 0 20px 20px;
}

@media (max-width: 1090px) {
  .statFilters {
    flex-wrap: wrap;
  }
  .statFilters > div {
    margin-left: 20px;
  }
  .statFiltersWrapper .step2 {
    max-width: max-content;
  }
}

.exportButtonContainer{position:relative}.exportButtonContainer .exportButton{border:none;outline:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding-bottom:4px;margin-bottom:4px;color:#fff;cursor:pointer;transition:.2s}.exportButtonContainer .exportButton:disabled{background-color:#ccc;color:#666;cursor:not-allowed}.activeButton:hover{opacity:.8}.disabledWrapper:hover .exportTooltipWrapper{visibility:visible;opacity:1;transition-delay:.2s}.disabledWrapper .exportTooltipWrapper{position:absolute;top:50px;max-width:230px;right:-10px;font-size:14px;background-color:#8f9bba;color:#fff;border-radius:30px;padding:10px 15px;cursor:default;width:max-content;pointer-events:none;visibility:hidden;opacity:0;z-index:2000;transition:visibility .4s linear,opacity .4s linear}.disabledWrapper .exportTooltipWrapper::after{content:"";top:-8px;right:20px;position:absolute;width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-bottom:10px solid #8f9bba}.exportModal{position:relative;background-color:#fff;padding:32px 64px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 20 99px rgba(0,0,0,.5)}.exportModal h4{color:#263c66;text-align:center;font-size:18px;font-weight:500;margin-bottom:40px;margin-top:0}.exportModal p{color:#8290b4;text-align:center;font-size:16px;font-weight:500;line-height:18px;margin-bottom:48px}.exportModal .navButtonWrapper:hover{opacity:.8}.exportModal .closeIcon{position:absolute;top:32px;right:32px;font-size:24px;cursor:pointer}.exportModal .closeIcon:hover{opacity:.8}@keyframes anvil{0%{transform:scale(1) translateY(0px);opacity:0;box-shadow:0 0 0 rgba(241,241,241,0)}1%{transform:scale(0.96) translateY(0px);opacity:0;box-shadow:0 0 0 rgba(241,241,241,0)}100%{transform:scale(1) translateY(200px);opacity:1;box-shadow:0 0 500px rgba(241,241,241,0)}}.popup-content{animation:anvil .3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards}.custom-content{margin:0 auto !important}
.SlidePanel {
  background-color: #fff;
  transition: transform 0.2s ease-in-out;
  position: absolute;
  box-sizing: border-box;
  width: calc(100vw + 20px);
  height: 100vh;
  padding: 20px;
  z-index: 9998;
  top: 0;
}

.SlidePanel.open {
  transform: translateX(-10px);
}

.SlidePanel.close {
  transform: translateX(-100%);
}

.StatFiltersSmall {
  display: none;
}

.StatFiltersSmall .openButton {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px auto 0;
  padding: 10px 20px;
  border: 0;
  border-radius: 8px;
  color: #8f9bba;
  background-color: #fff;
  filter: drop-shadow(0px 4.35821px 11.9851px rgba(0, 0, 0, 0.1));
}

.StatFiltersSmall svg,
.StatFiltersSmall span[class*='domText'] {
  font-weight: bold;
  color: #8f9bba;
}

.StatFiltersSmall .statFilters {
  justify-content: flex-start;
}

.StatFiltersSmall .statFilters > div:first-child {
  margin-left: 20px;
}

@media only screen and (max-width: 480px) {
  .StatFiltersSmall {
    display: inline;
    display: initial;
  }
  .StatFiltersSmall .statFiltersWrapper {
    display: inline !important;
    display: initial !important;
  }
  .statFiltersWrapper {
    display: none;
  }
}

.back-button{height:48px;width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0px 6px 5px rgba(0,170,206,.1)}
.infoPopup-content{margin:0 auto !important;animation:anvil2 .3s cubic-bezier(0.38, 0.1, 0.36, 0.9) forwards !important}.infoPopup-content .statusModal{max-width:590px}.infoPopup-content .statusModal p b{color:#4a4a4a}.infoPopup-content .statusModal p li{margin:10px auto}@keyframes anvil2{0%{transform:scale(1) translateY(0px);opacity:0;box-shadow:0 0 0 rgba(241,241,241,0)}1%{transform:scale(0.96) translateY(0px);opacity:0;box-shadow:0 0 0 rgba(241,241,241,0)}100%{transform:scale(1) translateY(150px);opacity:1;box-shadow:0 0 500px rgba(241,241,241,0)}}
.TitleContainer{display:flex;flex-direction:row;align-items:center}.TitleContainer .BorderRadiusCircle{border-radius:50%;width:20px;height:20px;padding:5px}
.dataTableBottom {
  position: relative;
  height: min-content;
}
.dataTableBottom .tableExpand {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.dataTableBottom .tableExpand > span:first-child {
  font-weight: 500;
  font-size: 18px;
  line-height: 29px;
  margin-right: 10px;
}

.dataTableBottom .showMoreIcon {
  transition: 0.3s ease;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dataTableBottom .displayTable {
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  height: max-content;
  position: relative;
}
.dataTableBottom .displayTable .dataTableWrapper {
  width: 100%;
  .pagination {
    .active {
      box-shadow: none;
    }
  }
}
.dataTableBottom .hideTable {
  display: none;
  height: 0;
  transition: 0.3s ease;
  overflow: hidden;
}

.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.dataTableBottom .errorDatatable {
  display: flex;
  align-items: 'center';
  justify-content: center;
  flex-direction: column;
  text-align: center;
  color: #8f9bba;
}
.dataTableBottom .errorDatatable > div {
  margin: 0 auto;
}
.tableHeader .exportButton {
  box-shadow: none;
}

.ProgressScreenHub .graphes {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.ProgressScreenHub .noRadar > div {
  display: block;
}
.ProgressScreenHub .noRadar {
  display: flex;
  margin-bottom: 30px;
}
.ProgressScreenHub .noRadar > div > div {
  width: 240px;
  margin-right: 50px;
}
.ProgressScreenHub .graphes > .col1 > div:last-child {
  width: 400px;
  height: 400px;
}
.ProgressScreenHub .graphes > .col1 > div:first-child {
  margin-bottom: 50px;
}
.ProgressScreenHub .graphes > .col1 > div > div {
  max-width: 320px;
  height: max-content;
}
.ProgressScreenHub .graphes > .col1 > div > div .filterMenuWrapper {
  margin-top: 30px;
  margin-bottom: 10px;
}
.ProgressScreenHub .graphes > .col1 > div > div .circle_progress_bar {
  margin-bottom: 30px;
}
.ProgressScreenHub .graphes .col2 {
  margin-right: 0px;
  height: 700px;
}
.ProgressScreenHub .positionningGraphs .totalRessourceTimeStyle {
  flex-direction: column;
}
.ProgressScreenHub .positionningGraphs .case2 .col1 {
  flex-direction: column;
}

.ProgressScreenHub .positionningGraphs .totalRessourceTimeStyle .col1 {
  flex-direction: row;
}

.ProgressScreenHub .positionningGraphs .case2 > div {
  margin-right: 20px;
  display: flex;
}
.ProgressScreenHub .positionningGraphs .case2 .col2 > div {
  width: 250px;
  margin-right: 20px;
}
.ProgressScreenHub .positionningGraphs .case2 .col2 > div > .medium_container {
  max-width: 300px;
}
.ProgressScreenHub .positionningGraphs .case2 .col1 > div {
  margin-bottom: 20px;
}
.ProgressScreenHub .positionningGraphs .totalRessourceTimeStyle .col1 > div:last-child {
  margin-left: 30px;
}

.ProgressScreenHub .positionningGraphs .case2 .col2 {
  display: flex;
}

.filterMenu .dropMenuWrapper {
  width: 100%;
}
.ProgressScreenHub .autoPos {
  height: 100px;
}
.ProgressScreenHub .stat_header .stat_header_title_container {
  width: 76%;
}

/* filter menu fix */
::-webkit-scrollbar {
  background-color: '#fff';
}

::-webkit-scrollbar {
  width: 8px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: rgb(209, 209, 209);
  border-radius: 5px;
}

::-webkit-scrollbar-track {
  background: rgba(255, 255, 255, 0.2);
}
/* fix absolute number */
.ProgressScreenHub .card_absolute_text_container {
  word-break: normal !important;
}
.ProgressScreenHub .small_container {
  min-width: 200px;
}
.ProgressScreenHub .positionningGraphs > section {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
.ProgressScreenHub .positionningGraphs > section > .graphWrapper {
  margin-right: 20px;
  margin-bottom: 20px;
}

.ProgressScreenHub .smallGraphs {
  display: flex;
}
.ProgressScreenHub .smallGraphs > div {
  margin-right: 20px;
  margin-bottom: 20px;
}
.ProgressScreenHub .secondSection {
  margin-top: 60px;
}
@media only screen and (max-width: 1175px) {
  .ProgressScreenHub .graphes > .col1 {
    margin-right: 20px;
    display: flex;
    width: 100%;
    margin-bottom: 30px;
    justify-content: center;
    margin-right: 0;
    flex-wrap: wrap;
  }
  .ProgressScreenHub .graphes > .col2 {
    width: 100%;
  }
  .ProgressScreenHub .graphes > .col2 > div {
    margin: 0 auto;
  }
  .ProgressScreenHub .graphes > .col1 > div {
    display: flex;
  }

  .ProgressScreenHub .graphes > .col1 > div > div {
    margin-bottom: 30px;
    margin-right: 50px;
    min-width: 240px;
  }
}
@media only screen and (max-width: 910px) {
  .ProgressScreenHub .positionningGraphs .componentAbsoluteNumber {
    width: 250px;
  }
  .ProgressScreenHub .positionningGraphs .case2 > div {
    display: flex;
  }
  .ProgressScreenHub .positionningGraphs .case2 .col1 > div {
    margin-right: 20px;
  }
}

@media only screen and (max-width: 850px) {
  .ProgressScreenHub .smallGraphs {
    flex-wrap: wrap;
  }
  .ProgressScreenHub .graphes .col1 {
    justify-content: center;
    margin-right: 0;
  }
  /* .ProgressScreenHub .graphes > .col1 > div {
    width: 400px;
    height: 400px;
  } */

  .ProgressScreenHub .graphes > .col1 > div > div {
    margin-right: 10px;
    margin-left: 10px;
  }
  .ProgressScreenHub .positionningGraphs .small_container {
    min-width: auto;
    max-width: 250px;
  }
  .ProgressScreenHub .graphes > .col1 > div {
    width: 96%;
  }
  .ProgressScreenHub .graphes > .col1 > div:last-child {
    width: 96%;
  }
  .ProgressScreenHub .graphes > .col1 > div > div {
    max-width: 90%;
    min-width: 85%;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 730px) {
  .ProgressScreenHub .graphes .col2 {
    height: max-content;
  }
}

@media only screen and (max-width: 570px) {
  .ProgressScreenHub .TitleContainer h2 {
    margin: 0 auto;
  }

  .ProgressScreenHub .noRadar {
    display: flex;
    flex-direction: column;
  }
  .ProgressScreenHub .noRadar .smallGraphs .small_container {
    max-width: 80%;
    margin: auto;
    min-width: auto;
  }
  .ProgressScreenHub .noRadar > div > div {
    width: 100%;
  }
  .ProgressScreenHub .noRadar .medium_container {
    max-width: 80%;
    margin: auto;
  }

  .smallGraphs {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  .ProgressScreenHub .smallGraphs .small_container {
    max-width: 80%;
    margin: auto;
    min-width: auto;
  }
  .ProgressScreenHub .smallGraphs > div {
    margin-right: 0;
  }
  .ProgressScreenHub .positionningGraphs .case1 .containerPercentageComp {
    width: 90%;
  }
  .ProgressScreenHub .positionningGraphs .small_container {
    min-width: auto;
    max-width: 100%;
  }
  .ProgressScreenHub .positionningGraphs .case1 > div {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-right: 0;
  }
  .ProgressScreenHub .positionningGraphs .case2 > div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
  }
  .ProgressScreenHub .positionningGraphs .componentAbsoluteNumber {
    width: 90%;
  }
  .ProgressScreenHub .positionningGraphs .case2 .col2 > div {
    width: 90%;
    margin: auto;
    margin-bottom: 20px;
  }
  .ProgressScreenHub .positionningGraphs .case2 .col2 > div > div {
    max-width: 100%;
  }

  .ProgressScreenHub .positionningGraphs .case2 .col1 > div {
    margin: auto;
    margin-bottom: 20px;
  }

  .ProgressScreenHub .graphes > .col1 > div {
    width: 96%;
  }
  .ProgressScreenHub .graphes > .col1 > div > div {
    max-width: 90%;
    min-width: 85%;
  }
}

.back-button{height:48px;width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0px 6px 5px rgba(0,170,206,.1)}@media(max-width: 768px){.EngagementScreenHub .TitleContainer h2{margin:0 auto}}.EngagementScreenHub .componentAbsoluteNumber{margin-bottom:30px}.EngagementScreenHub .componentsPercentage{display:flex;flex-direction:row;flex-wrap:wrap}@media(max-width: 576px){.EngagementScreenHub .componentsPercentage{flex-direction:column}}.EngagementScreenHub .componentsPercentage .percentage{width:250px;margin-bottom:20px;margin-right:20px}@media(max-width: 576px){.EngagementScreenHub .componentsPercentage .percentage{width:100%}}@media only screen and (max-width: 950px){.EngagementScreenHub .componentAbsoluteNumber{display:flex;justify-content:center}.EngagementScreenHub .componentAbsoluteNumber .small_container{max-width:300px;width:250px}.EngagementScreenHub .componentAbsoluteNumber .small_container .card_absolute_text_container{word-break:keep-all}.EngagementScreenHub .componentsPercentage{width:100%}.EngagementScreenHub .componentsPercentage .percentage{width:48%;margin-bottom:20px;margin-right:2%}.EngagementScreenHub .componentsPercentage .percentage .medium_container{margin:0 auto;max-width:80%}}@media only screen and (max-width: 600px){.EngagementScreenHub .componentsPercentage{width:100%}.EngagementScreenHub .componentsPercentage .percentage{width:100%;margin-bottom:20px;margin-right:20px}.EngagementScreenHub .componentsPercentage .percentage .medium_container{margin:0 auto;max-width:80%}}@media only screen and (max-width: 300px){.EngagementScreenHub .componentsPercentage{width:250px}.EngagementScreenHub .componentsPercentage .percentage{width:100%;margin-bottom:20px;margin-right:20px}.EngagementScreenHub .componentsPercentage .percentage .medium_container{margin:0 auto;max-width:80%}}
.back-button{height:48px;width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0px 6px 5px rgba(0,170,206,.1)}@media(max-width: 768px){.ActivityScreenHub{padding-left:15px}}@media(max-width: 768px){.ActivityScreenHub .TitleContainer h2{margin:0 auto}}.activityContainerHub{margin-bottom:30px;display:flex;flex-direction:row;justify-content:space-between}.activityContainerHub .card_absolute_text_container{word-break:normal}@media(max-width: 992px){.activityContainerHub{flex-direction:column}}.activityContainerHub .componentAbsoluteNumber{width:25%;margin-bottom:30px}@media(max-width: 992px){.activityContainerHub .componentAbsoluteNumber{width:50%}}@media(max-width: 768px){.activityContainerHub .componentAbsoluteNumber{width:95%}}.activityContainerHub .componentEvolutionGraph{width:75%}@media(max-width: 1200px){.activityContainerHub .componentEvolutionGraph{width:72%}}@media(max-width: 992px){.activityContainerHub .componentEvolutionGraph{width:90%}}@media(max-width: 768px){.activityContainerHub .componentEvolutionGraph{width:95%}}
/*
 * Errors
 */

/* shared */
.errorContainer {
  height: 100%;
  width: 100%;
  text-align: center;
  display: flex;
}
.errorBackground {
  position: fixed;
  width: 2500px;
  bottom: -60%;
  left: calc(50% - 1250px);
  z-index: -1;
  font-size: 1250px;
  font-weight: bold;
  color: rgba(218, 218, 218, 0.22);
}
.errorContent {
  margin: 0 auto;
  margin-top: auto;
  padding-bottom: 50px;
}
/* not found */
.notFoundContent {
  margin-bottom: -80px;
}
.notFoundContent button {
  z-index: 2;
}
.notFoundContainer {
  height: 670px;
  width: 800px;
  overflow: hidden;
  position: relative;
}
.notFoundTitle {
  font-size: 48px;
  font-weight: bold;
  position: absolute;
  width: 200px;
  transform: rotate(17.5deg);
  top: 211px;
  left: 192px;
}
/* access denied */
.accessDeniedContainer {
  height: 625px;
  width: 1000px;
  overflow: hidden;
}
.accessDeniedTitle {
  margin-bottom: -50px;
  font-size: 48px;
  font-weight: bold;
}
/* internal error */
.internalErrorContainer {
  height: 750px;
  width: 800px;
  overflow: hidden;
  margin-bottom: -20px;
}
.internalErrorTitle {
  margin-bottom: -175px;
  font-size: 48px;
  font-weight: bold;
}
/* Error */
.crashErrorBackground {
  position: fixed;
  width: 2500px;
  bottom: -35%;
  left: calc(50% - 1250px);
  z-index: -1;
  font-size: 800px;
  font-weight: bold;
  color: rgba(218, 218, 218, 0.22);
}
.crashErrorContainer {
  height: 700px;
  width: 700px;
  overflow: hidden;
  margin-bottom: -20px;
}
.crashErrorTitle {
  margin-bottom: -210px;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  padding-right: 170px;
}
.logoDomoscio {
  width: 800px;
}
.fallbackContainer {
  position: absolute;
  top: calc(50% - 200px);
  left: calc(50% - 400px);
}

.studentScreenHub .mySkills .radarScreen .radarWrapper{background-color:#fff}.studentScreenHub .adaptiveNavBar{padding:0 65px;margin-top:10px}.studentScreenHub .adaptiveNavBar .container{display:block}@media(max-width: 1000px){.studentScreenHub .adaptiveNavBar{margin-top:10px}}.studentScreenHub .adaptiveNavBar .clickable{cursor:pointer}.studentScreenHub .adaptiveNavBar .clickable .badge-wrapper{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.studentScreenHub .adaptiveNavBar .navigationButtons{display:flex;align-items:center;justify-content:flex-start;margin:40px 0 0}.studentScreenHub .adaptiveNavBar .navigationButtons>*:first-child{margin-right:10px}.studentScreenHub .adaptiveNavBar .navigationButtons .navButtonWrapper{margin:0 10px}.studentScreenHub .adaptivePathScreen{margin-top:-34px;padding-bottom:50px}.studentScreenHub .otsLearningPath .learningPathV2 .downloadBtnLine button{background-color:#6951e0 !important}.studentScreenHub .onlyPosCard .actionCardWrapperV2{cursor:default !important}.studentScreenHub .adaptiveSkills{margin-top:-30px;padding-bottom:50px}.studentScreenHub .adaptiveSkills .skillCard .card{box-shadow:0px 0px 60px 0px rgba(0,0,0,.06)}.studentScreenHub .adaptiveContentScreen{position:relative;padding-top:18px}.studentScreenHub .adaptiveContentScreen .adaptiveContent{margin-top:0px;min-height:auto}.studentScreenHub .adaptiveContentScreen .tsrClose{position:absolute;right:40px;top:0;cursor:pointer;z-index:2}
.trailNavigation{background:#fff;box-shadow:0px 4px 60px 0px rgba(0,0,0,.06);width:100%;display:flex;margin-top:-15px;margin-bottom:22px;box-sizing:border-box;padding:20px 35px}.trailNavigation .userTitle{color:#7f7f7f;font-size:14px;font-weight:400;margin-right:10px;white-space:nowrap}.trailNavigation .user{display:flex;align-items:center;max-width:50%;height:max-content}.trailNavigation .user .backButton{width:24px;height:24px;min-width:24px;display:flex;justify-content:center;align-items:center;border-radius:12px;cursor:pointer;margin-right:10px}.trailNavigation .user .userName{color:#7f7f7f;font-size:14px;font-weight:400;border-radius:5px;border:1px solid #7f7f7f;padding:2px 11px;margin-right:10px;white-space:nowrap;max-width:75%;text-overflow:ellipsis;overflow:hidden}.trailNavigation .rightNav{display:flex;flex-wrap:wrap;align-items:center;height:max-content;min-height:24px}.trailNavigation .rightNav .infoLineWrapper .otherInfos{display:flex;line-height:18px}.trailNavigation .rightNav .infoLineWrapper .otherInfos .trailArrow{font-size:16px;margin-right:10px;margin-left:10px;margin-bottom:-5px}
.ProgressScreenLock .firstLine{display:flex}.ProgressScreenLock .secondLine{display:flex;margin-bottom:50px}.ProgressScreenLock .graphes .firstLine>div:first-child{width:25%}.ProgressScreenLock .graphes .firstLine>div{margin:0 25px 50px 0;width:35%}.ProgressScreenLock .graphes .firstLine>div:last-child{margin:0 0px 50px 0}.ProgressScreenLock .graphes .firstLine>div.carret .stat_header .stat_header_title_container{max-width:180px}.ProgressScreenLock .graphes .firstLine>div.carret>div{box-sizing:border-box;max-width:100%;height:fit-content;min-height:350px}.ProgressScreenLock .graphes .firstLine>div>div:not(:last-child){margin-bottom:50px}.ProgressScreenLock .graphes .firstLine>div:last-child{margin:0 0 50px 0}.ProgressScreenLock .graphes .secondLine>div:first-child{width:25%}.ProgressScreenLock .graphes .secondLine .medium_container{box-sizing:border-box}.ProgressScreenLock .graphes .secondLine>div:not(:last-child){margin-right:25px}.ProgressScreenLock .graphes .secondLine>div{margin-bottom:50px}.ProgressScreenLock .graphes .secondLine>div:not(:first-child),.ProgressScreenLock .graphes .secondLine>div:not(:first-child)>div{height:fit-content;min-height:300px}.ProgressScreenLock .graphes .secondLine>div:not(:first-child)>div{width:385px}.ProgressScreenLock .graphes .firstLine .pieChartWrapper .circle_progress_bar,.ProgressScreenLock .graphes .secondLine .pieChartWrapper .circle_progress_bar{transform:scale(1.3);margin-top:70px}.ProgressScreenLock .card_absolute_text_container{word-break:normal !important}.ProgressScreenLock .small_container,.ProgressScreenLock .medium_container{max-width:270px}.ProgressScreenLock .stat_header .stat_header_title_container{max-width:200px !important}@media only screen and (max-width: 950px){.ProgressScreenLock .firstLine{flex-wrap:wrap;justify-content:center}.ProgressScreenLock .graphes .firstLine>div,.ProgressScreenLock .graphes .firstLine>div:first-child{width:100%;margin:0 10px 30px 10px}.ProgressScreenLock .graphes .firstLine>div>div{width:100%}.ProgressScreenLock .graphes .firstLine .col{display:flex;width:100%;flex-wrap:wrap}.ProgressScreenLock .graphes .firstLine .col .componentAbsoluteNumber{width:48%}.ProgressScreenLock .graphes .firstLine .col .componentAbsoluteNumber:first-child{margin-right:4%}.ProgressScreenLock .graphes .firstLine>div>div>.small_container,.ProgressScreenLock .graphes .firstLine>div>div>.medium_container{max-width:100%}.ProgressScreenLock .pieChartWrapper{margin:0 auto}.ProgressScreenLock .secondLine{justify-content:center;flex-wrap:wrap}.ProgressScreenLock .graphes .secondLine>div,.ProgressScreenLock .graphes .secondLine>.small_container{width:100% !important}}.EngagementScreenLock .firstLine{display:flex;justify-content:space-between}.EngagementScreenLock .graphes .firstLine>div{width:25%;margin:0 25px 50px 0}.EngagementScreenLock .graphes .firstLine>div:last-child{margin:0 0 20px 0}.EngagementScreenLock .graphes .secondLine>div{width:100%;margin:0 25px 50px 0}.EngagementScreenLock .graphes .secondLine>div:last-child{margin:0 0 50px 0}.EngagementScreenLock .graphes .secondLine>div :first-child .stat_header .stat_header_icon_container>span{color:#32d296}.EngagementScreenLock .card_absolute_text_container{word-break:normal !important}.EngagementScreenLock .graphes .secondLine{justify-content:space-between;display:flex}.EngagementScreenLock .small_container,.EngagementScreenLock .medium_container{max-width:270px}@media only screen and (max-width: 1040px){.EngagementScreenLock .graphes .firstLine>div,.EngagementScreenLock .graphes .secondLine>div{width:inherit}.EngagementScreenLock .graphes .firstLine,.EngagementScreenLock .graphes .secondLine{display:flex;flex-wrap:wrap;width:100%;justify-content:center}.EngagementScreenLock .graphes .firstLine .componentAbsoluteNumber{width:48%;margin:0px;margin-bottom:20px}.EngagementScreenLock .graphes .firstLine .componentAbsoluteNumber:nth-child(odd){margin-right:4%}.EngagementScreenLock .graphes .secondLine .percentage{width:100%;margin:0px;margin-bottom:20px}.EngagementScreenLock .graphes .secondLine .percentage>div{max-width:100%}.EngagementScreenLock .graphes .secondLine>div{margin:0 10px 30px 10px}}.back-button{height:48px;width:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0px 6px 5px rgba(0,170,206,.1)}.ActivityScreenLock .firstLine{display:flex;justify-content:space-between}.ActivityScreenLock .firstLine>div{width:25%;margin:0 25px 50px 0}.ActivityScreenLock .firstLine>div:last-child{width:75%;margin:0 0 50px 0}.ActivityScreenLock .firstLine .medium_container{height:270px;max-width:220px}.ActivityScreenLock .small-vw{display:none}.ActivityScreenLock .mobileUsage .pieContainer{margin-top:-10px}@media only screen and (max-width: 1040px){.ActivityScreenLock .lg-vw{display:none}.ActivityScreenLock .small-vw{display:inline;display:initial}.ActivityScreenLock .firstLine{display:flex;flex-wrap:wrap;width:100%;justify-content:center}.ActivityScreenLock .firstLine .componentAbsoluteNumber,.ActivityScreenLock .firstLine .componentPercentage{width:48% !important;margin:0px;margin-bottom:20px}.ActivityScreenLock .firstLine .componentAbsoluteNumber:nth-child(odd),.ActivityScreenLock .firstLine .componentPercentage:nth-child(odd){margin-right:4%}.ActivityScreenLock .firstLine>div>div{max-width:100%}.ActivityScreenLock .firstLine>div:last-child{width:100%}}@media only screen and (max-width: 500px){.ActivityScreenLock .firstLine .componentPercentage{width:90% !important}.ActivityScreenLock .firstLine .componentPercentage:nth-child(odd){margin-right:0}.ActivityScreenLock .firstLine .medium_container{max-width:90%}}.StudentScreen{padding:30px}.StudentScreen .errorStudentScreen{display:flex;align-items:center;flex-direction:column;justify-content:center;min-height:400px}.StudentScreen .progressTrail .tooltip-box{white-space:nowrap}
.progressData{position:relative;margin-top:0px;padding:20px;border-radius:16px;box-shadow:0px 7px 20px rgba(0,0,0,.1)}.progressData .progressHeader{display:flex;margin-bottom:15px}.progressData .progressHeader .icon{color:#8290b4;font-size:24px;display:flex;justify-content:center;align-items:center;height:30px}.progressData .progressHeader .title{margin-left:5px}.progressData .progressHeader .title .title_line1{color:#263c66;font-size:18px;font-weight:600;line-height:28px}.progressData .progressHeader .title .title_line2{color:#8290b4;font-size:13px;font-weight:400;line-height:16px;text-transform:lowercase}@media only screen and (max-width: 2000px){.progressData .formationProgress .col21{margin-left:10%}}@media only screen and (max-width: 1700px){.progressData .formationProgress .col21{margin-left:9%}}@media only screen and (max-width: 1500px){.progressData .formationProgress .col21{margin-left:6.5%}}@media only screen and (max-width: 1300px){.progressData .formationProgress .col21{margin-left:5%}}@media only screen and (max-width: 1200px){.progressData .formationProgress .col21{margin-left:4%}}@media only screen and (max-width: 1000px){.progressData .formationProgress .col21{margin-left:2%}}@media only screen and (max-width: 800px){.progressData .formationProgress .col21{margin-left:4%}}@media only screen and (max-width: 600px){.progressData .formationProgress .col21{margin-left:10%}}@media only screen and (max-width: 400px){.progressData .formationProgress .col21{margin-left:10%}}
.riseUpMode .graphes .firstLine .pieChartWrapper .circle_progress_bar,.riseUpMode .graphes .secondLine .pieChartWrapper .circle_progress_bar{margin-top:20px}.riseUpMode .graphes .firstLine>div{margin-bottom:25px}.riseUpMode .graphes .firstLine>div.carret{width:50%;margin-bottom:25px}.riseUpMode .graphes .firstLine>div.carret .medium_container{height:310px}.riseUpMode .graphes .firstLine .line1_col2{width:33%;display:flex;margin-bottom:24px;justify-content:center}.riseUpMode .graphes .firstLine .line1_col2 .medium_container{width:100%;max-width:100%;height:310px}.riseUpMode .graphes .firstLine .col{display:flex;flex-direction:column}.riseUpMode .graphes .firstLine .col .componentAbsoluteNumber{margin-bottom:24px}.riseUpMode .graphesChallenges .challengePie{min-width:37%}.riseUpMode .graphesChallenges .challengePie>div{min-width:100%}@media only screen and (max-width: 950px){.riseUpMode .ProgressScreenLock .graphes .firstLine{justify-content:space-between}.riseUpMode .ProgressScreenLock .graphes .firstLine .line1_col2{margin-right:0;width:40% !important}.riseUpMode .ProgressScreenLock .graphes .firstLine div.carret{width:100% !important}.riseUpMode .ProgressScreenLock .graphes .firstLine .smallStats{width:50%}.riseUpMode .ProgressScreenLock .graphes .firstLine .smallStats .componentAbsoluteNumber{width:100%}}
.EngagementScreenLock .graphes_section2 .firstLine>div{width:23.2%}.EngagementScreenLock .graphes_section2 .secondLineChallenges{justify-content:flex-start}.EngagementScreenLock .graphes_section2 .secondLineChallenges>div{width:23.2%}.riseUpMode .EngagementScreenLock .smallStats{gap:24px}.riseUpMode .EngagementScreenLock .graphes .firstLine>div{margin:0}.riseUpMode .EngagementScreenLock .medium_container{height:332px;width:420px;max-height:332px;max-width:420px;box-sizing:border-box}.riseUpMode .EngagementScreenLock .secondLine{margin-top:24px}.riseUpMode .EngagementScreenLock .secondLine .stat_header{height:56px}.riseUpMode .EngagementScreenLock .secondLine .stat_header .stat_header_title_container{margin:0;margin-left:8px}.riseUpMode .EngagementScreenLock .secondLine .circle_progress_bar{margin-top:35px}.riseUpMode .EngagementScreenLock .secondLine .engagementPercentage:nth-child(2) .stat_header_title_container{margin-left:6px}.riseUpMode .EngagementScreenLock .secondLine .engagementPercentage{width:32%;display:flex;align-items:center;justify-content:center}@media only screen and (max-width: 1040px){.riseUpMode .EngagementScreenLock .smallStats{gap:24px;gap:15px}.riseUpMode .EngagementScreenLock .graphes .small_container{max-width:100%}.riseUpMode .EngagementScreenLock .graphes .firstLine .componentAbsoluteNumber:nth-child(odd){margin-right:0%}.riseUpMode .EngagementScreenLock .graphes .secondLine{margin-right:4%;justify-content:flex-start;gap:20px}.riseUpMode .EngagementScreenLock .graphes .secondLine .engagementPercentage{margin-right:0;width:100%}.riseUpMode .EngagementScreenLock .graphes .secondLine .engagementPercentage .medium_container{height:100%;width:100%;max-height:100%;max-width:100%}}
.riseUpMode .ActivityScreenLock .firstLine>div{margin:0 24px 24px 0}.riseUpMode .ActivityScreenLock .firstLine>div:last-child{width:80%;margin-right:0}.riseUpMode .ActivityScreenLock .firstLine>div:last-child .large_container{max-width:100%}.riseUpMode .ActivityScreenLock .small_container{max-width:267px}@media only screen and (max-width: 1040px){.riseUpMode .ActivityScreenLock .small_container{max-width:100%}.riseUpMode .ActivityScreenLock .firstLine{gap:24px}.riseUpMode .ActivityScreenLock .firstLine .componentAbsoluteNumber,.riseUpMode .ActivityScreenLock .firstLine .componentPercentage{width:46% !important}.riseUpMode .ActivityScreenLock .firstLine>div:last-child{width:100%}.riseUpMode .ActivityScreenLock .firstLine>div{margin:0 0px 24px 0;margin-right:0}}@media only screen and (max-width: 700px){.riseUpMode .ActivityScreenLock .small_container{max-width:100%}.riseUpMode .ActivityScreenLock .firstLine{gap:0}.riseUpMode .ActivityScreenLock .firstLine .componentAbsoluteNumber,.riseUpMode .ActivityScreenLock .firstLine .componentPercentage{width:100% !important;margin-right:0}}.riseUpMode .ActivityScreenLock .large_container div.textGreyStats{color:#263c66;font-size:16px;font-weight:600;line-height:28px}
.learningProgramShow{padding:0 65px}.learningProgramShow .heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:74px}.learningProgramShow .heading .title{color:#505050;font-family:DM Sans;font-size:16px;font-weight:700}.learningProgramShow .themeList{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:10px}.learningProgramShow .themeList a{width:320px;max-width:320px;height:250px;margin-bottom:66px;transition-duration:200ms}.learningProgramShow .themeList .emptyCard{width:320px}@media(max-width: 900px){.heading{flex-direction:column}}
.underlinedButtonWrapper{cursor:pointer;background-color:rgba(0,0,0,0);font-size:16px;font-weight:500;line-height:20px}.underlinedButtonWrapper .active{border:none;border-bottom:2px solid;padding-bottom:10px;background-color:rgba(0,0,0,0);cursor:pointer}.underlinedButtonWrapper .inactive{border:none;padding-bottom:10px;background-color:rgba(0,0,0,0);cursor:pointer}.underlinedButtonWrapper .otsUnderleinedButtonColor{color:#bf4de8;border-color:#bf4de8}
.positioningResult{padding-top:25px;padding-bottom:50px;position:relative}.positioningResult .tsrClose{position:absolute;right:40px;top:0;cursor:pointer}.positioningResult .quizStats .statCard{box-shadow:0px 0px 60px 0px rgba(0,0,0,.06)}.positioningResult .skillSection{margin:50px}.positioningResult .skillSection .skillCard .card{box-shadow:0px 0px 60px 0px rgba(0,0,0,.06)}.positioningResult .listingCorrection{padding:0 50px}.positioningResult .listingCorrection .correctioncards{display:flex;align-items:center;flex-wrap:wrap}.positioningResult .listingCorrection .correctioncards .listItem{width:32%;height:122px;margin-left:5px;margin-right:5px;margin-bottom:15px}.positioningResult .correctionScreen{padding:0px;background-color:#fff;position:fixed;top:0;bottom:0;left:0;right:0;z-index:100000000;justify-content:center}.positioningResult .correctionScreen .header{width:100%;display:flex;justify-content:flex-end}.positioningResult .correctionScreen .header .quizHeader{width:100%;right:0}.positioningResult .correctionScreen .header .quizHeader .leftqh{opacity:0;pointer-events:none}.positioningResult .correctionScreen .Question{width:100%}.positioningResult .correctionScreen .hidden{display:block !important}.positioningResult .correctionScreen .InputCardGroup .InputCard>div{height:auto}.positioningResult .correctionScreen>.container{max-width:1400px;display:flex;flex-direction:column;margin:0 auto}.positioningResult .correctionScreen .Footer .ButtonWrapper button:last-child{display:none}.positioningResult.correctionMode{min-height:600px}.positioningResult.correctionMode::-webkit-scrollbar{display:none}.positioningResult.correctionMode::-webkit-scrollbar{display:none}
.exportDownload{display:flex;align-items:center;flex-direction:column;justify-content:center;box-sizing:border-box;height:90vh}.exportDownload p{max-width:700px;text-align:center;line-height:20px}.exportDownload button{border-radius:33px;border:none;padding:10px 40px;margin-top:20px;color:#fff;background-color:#3182ce;cursor:pointer}.exportDownload button:hover{opacity:.6}.exportDownload a{text-decoration:underline;cursor:pointer;color:#000}
.errorContainer {
  overflow: visible;
  margin-top: 120px;
}

.riseUpMode *:not(.katex *){font-family:"Open Sans",sans-serif !important}.riseUpMode header .help{display:none}.riseUpMode h2{color:#263c66;font-weight:600;font-weight:18px}.riseUpMode.lockMode .dataTableBottom .tableExpand>span{color:#263c66;font-size:16px;font-weight:600}.riseUpMode.lockMode .circle_progress_bar{height:max-content;margin-top:70px}.riseUpMode.lockMode .circle_progress_bar .circle_progress_bar_label,.riseUpMode.lockMode .circle_progress_bar .circle_progress_bar_legend,.riseUpMode.lockMode .circle_progress_bar .circle_progress_bar_size,.riseUpMode.lockMode .circle_progress_bar .circle_progress_bar_label_container{width:160px;height:160px;max-height:160px;max-width:160px;color:#263c66}.riseUpMode.lockMode .card_absolute_flex{justify-content:flex-start}.riseUpMode.lockMode .card_absolute_flex .card_absolute_flex_left{width:48px}.riseUpMode.lockMode .card_absolute_flex .card_absolute_text_container{width:auto;color:#263c66}.riseUpMode.lockMode .card_absolute_flex .card_absolute_text_container div{font-weight:600;color:#263c66 !important}.riseUpMode.lockMode .card_absolute_flex .card_absolute_text_container .absolute_title{font-weight:400}.riseUpMode.lockMode .pieChartWrapper{flex-direction:row;max-width:620px}.riseUpMode.lockMode .pieChartWrapper .pieLabels{margin-top:0px;width:50%;margin-left:20px;justify-content:flex-start}.riseUpMode.lockMode .stat_header{justify-content:flex-start;align-items:flex-start;margin-bottom:20px}.riseUpMode.lockMode .stat_header .stat_header_title_container{text-align:left;max-width:90% !important;margin-left:7px;max-height:56px}.riseUpMode.lockMode .stat_header .stat_header_title_container div{color:#263c66;font-size:16px;font-weight:600;line-height:28px}.riseUpMode.lockMode .stat_header .stat_header_icon_container{margin-top:0px;width:20px}.riseUpMode.lockMode .stat_header .stat_header_icon_container span{color:#8290b4;font-size:24px;height:30px;width:24px;display:flex;justify-content:center;align-items:center}.riseUpMode.lockMode .App,.riseUpMode.lockMode .app-modal>div{max-width:1300px}.riseUpMode.lockMode .studentScreenRiseUp{padding:0 24px}.riseUpMode.lockMode .studentScreenRiseUp .studentScreenHeader{display:flex;align-items:center;margin-bottom:57px;margin-top:24px}.riseUpMode.lockMode .studentScreenRiseUp .studentScreenHeader .backButton{cursor:pointer;display:flex;justify-content:center;align-items:center;font-size:14px;margin:0 14px;line-height:20px;gap:8px;border:none;background-color:rgba(0,0,0,0)}.riseUpMode.lockMode .studentScreenRiseUp .studentScreenHeader .backButton span{display:flex;justify-content:center;align-items:center}.riseUpMode.lockMode .studentScreenRiseUp .studentScreenHeader .studentName{margin-left:8px;color:#32325d;font-size:16px;font-weight:700}.riseUpMode.lockMode .studentScreenRiseUp .progressDataStudent{border:1px solid #f3f3f7;border-radius:8px;margin-bottom:16px}.riseUpMode.lockMode .studentScreenRiseUp .progressDataStudent .firstLine2{padding:0 24px;display:flex;justify-content:space-between;align-items:center}.riseUpMode.lockMode .studentScreenRiseUp .progressDataStudent .skillsSection{cursor:default;border-top:1px solid #f3f3f7}.riseUpMode.lockMode .studentScreenRiseUp .progressDataStudent .formationProgress{width:100%}.riseUpMode.lockMode .studentScreenRiseUp .progressDataStudent .formationWrapper.disabledCourse{background-color:#f8f8f9;border-color:#f8f8f9}.riseUpMode.lockMode .studentScreenRiseUp .progressDataStudent .formationWrapper.disabledCourse .skillName{color:#898aa0 !important}.riseUpMode.lockMode .studentScreenRiseUp .progressDataStudent .formationWrapper.disabledCourse .skillLabels .firstLineLables{background-color:#f8f8f9 !important}.riseUpMode.lockMode .studentScreenRiseUp .progressDataStudent .formationWrapper.disabledCourse .progressBar{background-color:#898aa0 !important}.riseUpMode.hubMode header{margin-bottom:50px}.riseUpMode.hubMode .positionningGraphs .containerPercentageComp{height:260px}.riseUpMode.hubMode .learningPathV2 .downloadBtnLine button{opacity:0;pointer-events:none}

/*# sourceMappingURL=main.6a4e8079.css.map*/