@font-face {
  font-family: 'Marianne';
  src: local("Marianne"), url(/static/fonts/Marianne-Regular.woff) format("woff"); }

/* line 21, statics/css/main.scss */
body {
  color: #313178;
  font-family: 'Marianne';
  font-style: normal;
  font-weight: normal;
  font-size: 16px; }

/* line 30, statics/css/main.scss */
h1, h2, h3 {
  color: #313178;
  text-transform: uppercase; }

/* line 35, statics/css/main.scss */
h1 {
  font-weight: bold;
  font-size: 40px;
  margin-block-start: 0px;
  text-transform: uppercase; }

/* line 42, statics/css/main.scss */
h2 {
  font-weight: bold;
  font-size: 26px;
  margin-bottom: 20px; }
  /* line 47, statics/css/main.scss */
  h2 .subtitle {
    font-size: 16px;
    font-weight: normal; }

/* line 53, statics/css/main.scss */
h3 {
  font-style: normal;
  font-weight: bold;
  font-size: 22px;
  line-height: 128%;
  margin-bottom: 16px; }
  /* line 60, statics/css/main.scss */
  h3 .subtitle {
    font-size: 16px;
    font-weight: normal; }

/* line 66, statics/css/main.scss */
.breadcrumb-item + .breadcrumb-item::before {
  content: '>';
  color: #313178; }

/* line 72, statics/css/main.scss */
.subtrainingpart:after {
  content: '';
  position: absolute;
  top: 0;
  left: 15px;
  width: 3px;
  height: 100%;
  background-color: #313178; }

/* line 84, statics/css/main.scss */
.breadcrumb .breadcrumb-item {
  font-family: 'Marianne';
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 17px;
  color: #313178; }
  /* line 92, statics/css/main.scss */
  .breadcrumb .breadcrumb-item a {
    font-family: 'Marianne';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #313178; }
  /* line 101, statics/css/main.scss */
  .breadcrumb .breadcrumb-item.active {
    font-family: 'Marianne';
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    color: #0909B9; }

/* line 112, statics/css/main.scss */
a {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 21px;
  color: #0909B9;
  text-decoration: none; }

/* line 122, statics/css/main.scss */
section {
  padding-top: 40px;
  padding-bottom: 40px; }

/* line 127, statics/css/main.scss */
.btn {
  width: 290px;
  min-height: 50px;
  border-radius: 0px;
  align-items: center;
  align-content: center;
  position: relative;
  display: flex;
  justify-content: center; }
  /* line 137, statics/css/main.scss */
  .btn.btn-bg-blue {
    background-color: #0909B9;
    color: #F5F5FE; }
  /* line 142, statics/css/main.scss */
  .btn.btn-bg-white {
    background-color: #F5F5FE;
    border: 1px solid #0909B9;
    color: #0909B9; }

/* line 149, statics/css/main.scss */
.header {
  z-index: 100;
  width: 100%;
  position: fixed;
  background-color: #ffffff;
  box-shadow: 0px 16px 16px -16px rgba(0, 0, 0, 0.32), 0px 8px 16px rgba(0, 0, 0, 0.1); }

/* line 157, statics/css/main.scss */
.contentbody {
  padding-top: 230px; }

/* line 161, statics/css/main.scss */
.contentbody2 {
  padding-top: 166px; }

/* line 167, statics/css/main.scss */
.loginform {
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 120px;
  background-image: url("/static/images/loginbg.png");
  background-position: bottom left;
  background-repeat: no-repeat;
  height: 100vh;
  width: 100%; }
  /* line 178, statics/css/main.scss */
  .loginform label {
    font-family: Marianne;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 150%;
    color: #313178; }
  /* line 187, statics/css/main.scss */
  .loginform input {
    max-width: 350px; }
  /* line 191, statics/css/main.scss */
  .loginform .rightpart {
    background-color: #ffffff; }

/* line 197, statics/css/main.scss */
.heading {
  height: 125px; }
  /* line 200, statics/css/main.scss */
  .heading img {
    margin-right: 50px; }
  /* line 204, statics/css/main.scss */
  .heading h1 {
    font-weight: bold;
    font-size: 28px; }

/* line 210, statics/css/main.scss */
.actionNavBar {
  margin-bottom: 0px;
  background-color: #F5F5FE; }

/* line 216, statics/css/main.scss */
.navbar {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.05); }
  /* line 220, statics/css/main.scss */
  .navbar .nav-link {
    color: #161616;
    position: relative;
    margin-right: 40px; }
    /* line 225, statics/css/main.scss */
    .navbar .nav-link.active {
      color: #000091; }
      /* line 228, statics/css/main.scss */
      .navbar .nav-link.active:after {
        position: absolute;
        bottom: -8px;
        left: 0;
        content: '';
        height: 2px;
        width: 100%;
        background-color: #000091; }

/* line 241, statics/css/main.scss */
.welcome-container {
  background-color: #F5F5FE;
  padding: 20px;
  padding-top: 30px;
  border-radius: 5px;
  box-shadow: 14px 14px 0px #E8EDFF; }
  /* line 248, statics/css/main.scss */
  .welcome-container ul {
    list-style: none;
    -webkit-padding-start: 0; }
    /* line 252, statics/css/main.scss */
    .welcome-container ul li {
      font-weight: 400;
      color: #313178; }
      /* line 256, statics/css/main.scss */
      .welcome-container ul li span {
        font-weight: 800;
        color: #000091; }

/* line 264, statics/css/main.scss */
.nav-tabs {
  border-bottom: none; }
  /* line 267, statics/css/main.scss */
  .nav-tabs .nav-item {
    position: relative; }
    /* line 270, statics/css/main.scss */
    .nav-tabs .nav-item .nav-link {
      font-size: 16px;
      font-weight: bold;
      color: #000091;
      background-color: #F5F5FE;
      position: relative; }
      /* line 277, statics/css/main.scss */
      .nav-tabs .nav-item .nav-link.active {
        background-color: #ffffff; }
        /* line 280, statics/css/main.scss */
        .nav-tabs .nav-item .nav-link.active:after {
          position: absolute;
          top: 0;
          left: 0;
          content: '';
          height: 2px;
          width: 100%;
          background-color: #000091; }

/* line 294, statics/css/main.scss */
.description {
  font-style: italic;
  font-weight: normal;
  font-size: 16px; }

/* line 300, statics/css/main.scss */
.tab-content {
  box-shadow: 14px 14px 0px #E8EDFF;
  background: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-sizing: border-box;
  border-radius: 0px 5px 5px 5px;
  max-height: 300px;
  overflow-y: scroll; }

/* line 310, statics/css/main.scss */
.listing-row {
  background-color: #F5F5FE;
  color: #313178;
  padding-left: 15px;
  padding-right: 15px;
  align-items: center;
  margin-top: 15px; }
  /* line 318, statics/css/main.scss */
  .listing-row .row {
    min-height: 38px; }

/* line 323, statics/css/main.scss */
.elearningsection2 {
  background-color: #F5F5FE;
  min-height: 100vh;
  padding-top: 89px;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative; }
  /* line 331, statics/css/main.scss */
  .elearningsection2 .subsequences-content {
    display: none;
    height: 100vh;
    width: 30%;
    overflow-y: scroll;
    background-color: #E3E3FD;
    position: fixed;
    padding: 20px;
    z-index: 1;
    top: 0;
    right: 0; }
    /* line 343, statics/css/main.scss */
    .elearningsection2 .subsequences-content .dispcontent {
      padding-top: 230px;
      padding-right: 15px;
      display: block; }
  /* line 352, statics/css/main.scss */
  .elearningsection2 .badge {
    color: #0A76F6;
    padding: 5px 10px;
    background-color: #E8EDFF;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    min-width: 50px;
    max-width: 100%;
    border-radius: 5px; }
    /* line 364, statics/css/main.scss */
    .elearningsection2 .badge.big {
      display: block;
      text-align: left;
      white-space: initial;
      height: auto;
      min-height: 44px;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 24px;
      padding: 10px 10px;
      max-width: 350px; }
      /* line 377, statics/css/main.scss */
      .elearningsection2 .badge.big.selected {
        background: #0909B9;
        color: #ffffff; }
  /* line 385, statics/css/main.scss */
  .elearningsection2 .timeline:after {
    position: absolute;
    top: -126px;
    left: 0;
    bottom: 0;
    content: '';
    height: 120%;
    overflow: hidden;
    width: 4px;
    background-color: #E5E5E5;
    z-index: 1; }
  /* line 398, statics/css/main.scss */
  .elearningsection2 .timeline .timelineItem {
    position: relative;
    min-height: 80px;
    margin-top: 40px;
    margin-bottom: 40px; }
    /* line 403, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem img {
      cursor: pointer; }
    /* line 406, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem img:hover {
      transform: scale(1.1); }
    /* line 411, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem.active:after {
      position: absolute;
      top: -100px;
      left: -12px;
      bottom: 0;
      content: '';
      height: 200%;
      width: 4px;
      background-color: #0909B9;
      z-index: 2; }
    /* line 425, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .badge.current {
      background-color: #0909B9;
      color: #ffffff; }
    /* line 430, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .badge.passed {
      background-color: #ffffff;
      color: darkblue;
      border: 1px solid #0909B9; }
    /* line 436, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .badge.futur {
      background-color: #ffffff;
      color: darkblue;
      border: none; }
    /* line 442, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .badge.break-badge.current {
      background-color: #FEE9E6 !important;
      color: #E1000F !important; }
    /* line 447, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .badge.break-badge.passed {
      background-color: #FEE9E6 !important;
      color: #E1000F !important; }
    /* line 452, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .badge.break-badge.futur {
      background-color: #FEE9E6 !important;
      color: #E1000F !important; }
    /* line 457, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .badge.break-badge-label {
      font-size: 16px;
      width: auto; }
      /* line 460, statics/css/main.scss */
      .elearningsection2 .timeline .timelineItem .badge.break-badge-label.current {
        background-color: #FEE9E6 !important;
        color: #E1000F !important; }
      /* line 465, statics/css/main.scss */
      .elearningsection2 .timeline .timelineItem .badge.break-badge-label.passed {
        background-color: #FEE9E6 !important;
        color: #E1000F !important; }
      /* line 470, statics/css/main.scss */
      .elearningsection2 .timeline .timelineItem .badge.break-badge-label.futur {
        background-color: #ffffff !important;
        color: darkblue !important; }
    /* line 477, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .day-badge {
      position: absolute;
      left: -20px;
      z-index: 3; }
    /* line 483, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .time-badge {
      margin-left: 20px;
      margin-bottom: 5px; }
    /* line 488, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .subsequences-image {
      margin-top: 15px; }
    /* line 492, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .isviewed {
      margin-top: 15px; }
    /* line 496, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .passed {
      margin-top: 15px; }
    /* line 503, statics/css/main.scss */
    .elearningsection2 .timeline .timelineItem .description-badge {
      z-index: 3;
      margin-left: 20px;
      max-width: 240px; }
      /* line 509, statics/css/main.scss */
      .elearningsection2 .timeline .timelineItem .description-badge.syllabus-point:after {
        top: 12px; }
      /* line 513, statics/css/main.scss */
      .elearningsection2 .timeline .timelineItem .description-badge:after {
        position: absolute;
        top: 45px;
        left: -23px;
        bottom: 0;
        content: '';
        height: 24px;
        width: 24px;
        border-radius: 90px;
        background-color: #E8EDFF;
        border: 2px solid #000091;
        z-index: 3; }
  /* line 530, statics/css/main.scss */
  .elearningsection2 .documentCard {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px 20px 20px 20px;
    width: 100%;
    max-height: 300px;
    overflow-y: scroll; }

/* line 540, statics/css/main.scss */
.modal-dialog {
  max-width: 800px !important; }
  /* line 542, statics/css/main.scss */
  .modal-dialog .modal-header {
    border-bottom: none; }
  /* line 545, statics/css/main.scss */
  .modal-dialog .modal-footer {
    border-top: none; }

/* line 550, statics/css/main.scss */
.elearningsection {
  background-color: #F5F5FE;
  min-height: 100vh;
  margin-top: 0px;
  margin-bottom: 0px;
  position: relative; }
  /* line 559, statics/css/main.scss */
  .elearningsection .subsequences-content {
    display: none;
    height: 100vh;
    width: 30%;
    overflow-y: scroll;
    background-color: #E3E3FD;
    position: fixed;
    padding: 20px;
    z-index: 1;
    top: 0;
    right: 0; }
    /* line 571, statics/css/main.scss */
    .elearningsection .subsequences-content .dispcontent {
      padding-top: 230px;
      padding-right: 15px;
      display: block; }
  /* line 580, statics/css/main.scss */
  .elearningsection .badge {
    color: #0A76F6;
    padding: 5px 10px;
    background-color: #E8EDFF;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 17px;
    min-width: 50px;
    max-width: 100%;
    border-radius: 5px; }
    /* line 592, statics/css/main.scss */
    .elearningsection .badge.big {
      display: block;
      text-align: left;
      white-space: initial;
      height: auto;
      min-height: 44px;
      font-style: normal;
      font-weight: normal;
      font-size: 16px;
      line-height: 24px;
      padding: 10px 10px;
      max-width: 350px; }
      /* line 605, statics/css/main.scss */
      .elearningsection .badge.big.selected {
        background: #0909B9;
        color: #ffffff; }
  /* line 613, statics/css/main.scss */
  .elearningsection .timeline:after {
    position: absolute;
    top: -126px;
    left: 0;
    bottom: 0;
    content: '';
    height: 120%;
    overflow: hidden;
    width: 4px;
    background-color: #E5E5E5;
    z-index: 1; }
  /* line 626, statics/css/main.scss */
  .elearningsection .timeline .timelineItem {
    position: relative;
    min-height: 80px;
    margin-top: 40px;
    margin-bottom: 40px; }
    /* line 631, statics/css/main.scss */
    .elearningsection .timeline .timelineItem img {
      cursor: pointer; }
    /* line 634, statics/css/main.scss */
    .elearningsection .timeline .timelineItem img:hover {
      transform: scale(1.1); }
    /* line 639, statics/css/main.scss */
    .elearningsection .timeline .timelineItem.active:after {
      position: absolute;
      top: -100px;
      left: -12px;
      bottom: 0;
      content: '';
      height: 200%;
      width: 4px;
      background-color: #0909B9;
      z-index: 2; }
    /* line 654, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .badge.passed:after {
      position: absolute;
      content: url("/static/images/check_green_border.svg");
      height: 24px;
      width: 24px;
      border-radius: 90px;
      background: #ffffff;
      border: none;
      z-index: 3; }
    /* line 666, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .badge:after {
      position: absolute;
      top: 10px;
      left: -43px;
      bottom: 0;
      content: '';
      height: 24px;
      width: 24px;
      border-radius: 90px;
      background-color: #E8EDFF;
      border: 2px solid #000091;
      z-index: 3; }
    /* line 679, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .badge.current {
      background-color: #0909B9;
      color: #ffffff; }
    /* line 684, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .badge.passed {
      background-color: #ffffff;
      color: darkblue;
      border: 1px solid #0909B9; }
    /* line 690, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .badge.futur {
      background-color: #ffffff;
      color: darkblue;
      border: none; }
    /* line 696, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .badge.break-badge.current {
      background-color: #FEE9E6 !important;
      color: #E1000F !important; }
    /* line 701, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .badge.break-badge.passed {
      background-color: #FEE9E6 !important;
      color: #E1000F !important; }
    /* line 706, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .badge.break-badge.futur {
      background-color: #FEE9E6 !important;
      color: #E1000F !important; }
    /* line 711, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .badge.break-badge-label {
      font-size: 16px;
      width: auto; }
      /* line 714, statics/css/main.scss */
      .elearningsection .timeline .timelineItem .badge.break-badge-label.current {
        background-color: #FEE9E6 !important;
        color: #E1000F !important; }
      /* line 719, statics/css/main.scss */
      .elearningsection .timeline .timelineItem .badge.break-badge-label.passed {
        background-color: #FEE9E6 !important;
        color: #E1000F !important; }
      /* line 724, statics/css/main.scss */
      .elearningsection .timeline .timelineItem .badge.break-badge-label.futur {
        background-color: #ffffff !important;
        color: darkblue !important; }
    /* line 731, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .day-badge {
      position: absolute;
      left: 20px;
      z-index: 3; }
    /* line 737, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .time-badge {
      margin-left: 20px;
      margin-bottom: 5px; }
    /* line 742, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .subsequences-image {
      margin-top: 15px; }
    /* line 746, statics/css/main.scss */
    .elearningsection .timeline .timelineItem .description-badge {
      z-index: 3;
      margin-left: 20px;
      max-width: 240px; }
      /* line 752, statics/css/main.scss */
      .elearningsection .timeline .timelineItem .description-badge.syllabus-point:after {
        top: 12px; }
      /* line 757, statics/css/main.scss */
      .elearningsection .timeline .timelineItem .description-badge.passed:after {
        position: absolute;
        left: -23px;
        bottom: 0;
        content: url("/static/images/check_green_border.svg");
        height: 24px;
        width: 24px;
        border-radius: 90px;
        background: #ffffff;
        border: none;
        z-index: 3; }
      /* line 771, statics/css/main.scss */
      .elearningsection .timeline .timelineItem .description-badge:after {
        position: absolute;
        top: 45px;
        left: -23px;
        bottom: 0;
        content: '';
        height: 24px;
        width: 24px;
        border-radius: 90px;
        background-color: #E8EDFF;
        border: 2px solid #000091;
        z-index: 3; }
  /* line 788, statics/css/main.scss */
  .elearningsection .documentCard {
    background: #FFFFFF;
    border-radius: 5px;
    padding: 20px 20px 20px 20px;
    width: 100%;
    max-height: 300px;
    overflow-y: scroll; }

/* line 798, statics/css/main.scss */
.modal-dialog {
  max-width: 800px !important; }
  /* line 800, statics/css/main.scss */
  .modal-dialog .modal-header {
    border-bottom: none; }
  /* line 803, statics/css/main.scss */
  .modal-dialog .modal-footer {
    border-top: none; }