/**********************
*       Generic       *
***********************/
/**********************
*       Padding       *
***********************/
/**********************
*       Margin        *
***********************/
/**********************
*       Float         *
***********************/
/**********************
*     Text Align      *
***********************/
/**********************
*       Clear         *
***********************/
/**********************
*     Right/Left      *
***********************/
/**********************
*        Border       *
***********************/
/**********************
*   LTR/RTL content   *
***********************/
/****************************
*   Horizontal flip Mixin   *
*****************************/
/* ============== START Branding ================= */
/* ============== END branding ================= */
/* ============== START Fonts ================= */
/* ============== END Fonts ================= */
/* ============== START Layout ================= */
/* ============== END Layout ================= */
.alert {
  margin-bottom: 0; }
  .alert .alert-info {
    color: #0b9da0;
    background-color: #d9efef;
    border: none; }

/*=================================
=            Main SCSS            =`
=================================*/
/*
 * BASE:
 * Think of Base elements as bricks or 'building blocks'.
 * Order is important in these import statements.
*/
/*==============================
=            Mixins            =
==============================*/
/*=====  End of Mixins  ======*/
/*==============================
=            Layout            =
==============================*/
/*----------  Variables:  ----------*/
/*----------  END: Variables  ----------*/
body {
  overflow-x: hidden; }

*, *:after, *:before {
  box-sizing: border-box; }

.display-inline {
  display: inline; }

.display-inline-block {
  display: inline-block; }

.display-block {
  display: block; }

.display-none, .hide {
  display: none !important; }

.clear-both {
  clear: both; }

.no-wrap {
  white-space: nowrap; }

ol, ul {
  margin-left: -10px; }

br {
  font-size: 0; }

/*----------  Media Query Breakpoints  ----------*/
/*=====  End of Layout  ======*/
/*==============================
=            Colors            =
==============================*/
/*----------  Variables:  ----------*/
/*----------  END: Variables  ----------*/
.primary-x-dark {
  background: #043537; }

.primary-dark {
  background: #076b6d; }

.primary-base {
  background: #0b9da0; }

.primary-light {
  background: #10c8cd; }

.primary-x-light {
  background: #30f0f0; }

.primary-accent {
  background: #3595e8; }

.primary-x-accent {
  background: #40edf0; }

.primary-trans {
  background: #6dc4c6; }

.primary-x-trans {
  background: #b3dedf; }

.primary-xx-trans {
  background: #d9efef; }

.secondary-x-dark {
  background: #451524; }

.secondary-dark {
  background: #7d4959; }

.secondary-base {
  background: #dc0043; }

.secondary-light {
  background: #cc6685; }

.secondary-x-light {
  background: #ddadbc; }

.secondary-accent {
  background: #f86491; }

.white {
  background: #fffefe; }

.black {
  background: #000809; }

.utility-green-dark {
  background: #699b0f; }

.utility-green-base {
  background: #97cf33; }

.utility-green-light {
  background: #acd95c; }

.utility-green-trans {
  background: #bbd985; }

.utility-green-x-trans {
  background: #cce2a4; }

.utility-green-xx-trans {
  background: #eaf5d6; }

.utility-gold-dark {
  background: #bc842c; }

.utility-gold-base {
  background: #fbb03b; }

.utility-gold-light {
  background: #fbc97a; }

.utility-gold-trans {
  background: #fddeaf; }

.utility-gold-x-trans {
  background: #fde9ca; }

.utility-gold-xx-trans {
  background: #fef4e4; }

.utility-red-dark {
  background: #520c1b; }

.utility-red-base {
  background: #a31736; }

.utility-red-light {
  background: #a34056; }

.utility-red-trans {
  background: #c87486; }

.utility-red-x-trans {
  background: #dab3bb; }

.utility-red-xx-trans {
  background: #ede1e3; }

.utility-blue-dark {
  background: #182c3b; }

.utility-blue-base {
  background: #2f5876; }

.utility-blue-light {
  background: #597991; }

.utility-blue-trans {
  background: #829bad; }

.utility-blue-x-trans {
  background: #acbcc8; }

.utility-blue-xx-trans {
  background: #d5dee4; }

.primary-x-dark-text {
  color: #043537; }

.primary-dark-text {
  color: #076b6d; }

.primary-base-text, .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .question-explanation-title {
  color: #0b9da0; }

.primary-light-text {
  color: #10c8cd; }

.primary-x-light-text {
  color: #30f0f0; }

.primary-accent-text {
  color: #3595e8; }

.primary-x-accent-text {
  color: #40edf0; }

.primary-trans-text {
  color: #6dc4c6; }

.primary-x-trans-text {
  color: #b3dedf; }

.primary-xx-trans-text {
  color: #d9efef; }

.secondary-x-dark-text {
  color: #451524; }

.secondary-dark-text {
  color: #7d4959; }

.secondary-base-text {
  color: #dc0043; }

.secondary-light-text {
  color: #cc6685; }

.secondary-x-light-text {
  color: #ddadbc; }

.secondary-accent-text {
  color: #f86491; }

.white-text {
  color: #fffefe; }

.black-text {
  color: #000809; }

.utility-green-dark-text {
  color: #699b0f; }

.utility-green-base-text {
  color: #97cf33; }

.utility-green-light-text {
  color: #acd95c; }

.utility-green-trans-text {
  color: #bbd985; }

.utility-green-x-trans-text {
  color: #cce2a4; }

.utility-green-xx-trans-text {
  color: #eaf5d6; }

.utility-gold-dark-text {
  color: #bc842c; }

.utility-gold-base-text {
  color: #fbb03b; }

.utility-gold-light-text {
  color: #fbc97a; }

.utility-gold-trans-text {
  color: #fddeaf; }

.utility-gold-x-trans-text {
  color: #fde9ca; }

.utility-gold-xx-trans-text {
  color: #fef4e4; }

.utility-red-dark-text {
  color: #520c1b; }

.utility-red-base-text {
  color: #a31736; }

.utility-red-light-text {
  color: #a34056; }

.utility-red-trans-text {
  color: #c87486; }

.utility-red-x-trans-text {
  color: #dab3bb; }

.utility-red-xx-trans-text {
  color: #ede1e3; }

.utility-blue-dark-text {
  color: #182c3b; }

.utility-blue-base-text {
  color: #2f5876; }

.utility-blue-light-text {
  color: #597991; }

.utility-blue-trans-text {
  color: #829bad; }

.utility-blue-x-trans-text {
  color: #acbcc8; }

.utility-blue-xx-trans-text {
  color: #d5dee4; }

body {
  background: #fffefe;
  color: #000809; }

/*=====  End of Colors  ======*/
/*==================================
=            Typography            =
==================================*/
*, html {
  font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }

.h1, h1, .h2, h2, .component-builder-nav ul.nav-items .nav-link, .program-nav ul.nav-items .nav-link, .h3, h3, .h4, h4, .h5, h5, .bootstrap-datetimepicker-widget .datepicker table thead .picker-switch, .h6, h6, .global-nav .language-selection a {
  font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: -0.02rem; }

h6, .global-nav .language-selection a {
  font-size: 1.125rem; }

body {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5; }

p, .module-lesson-widget .lesson-items, .module-lesson-widget .lesson-widget-header, .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .dropdown-menu .dropdown-item, .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group select, .form-group input:not([type="file"]),
.form-group textarea, .form-check .form-check-label {
  font-size: 1rem;
  line-height: 1.5; }

small, .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-hint,
.lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-feedback-correct,
.lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-feedback-incorrect, .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-explanation, .dashboard-card .card-inner .card-body .card-text-and-actions .about-label, .badge-pill, .form-group .form-control-feedback, .form-group .form-text, .form-group .form-control-label {
  font-size: 0.875rem;
  font-weight: 400;
  display: block;
  line-height: 1.5; }

label {
  font-size: 0.875rem;
  font-weight: 700;
  text-transform: none;
  display: block; }

blockquote {
  font-size: 1.25rem;
  line-height: 1.5;
  padding: 10px 0 10px 10px;
  border-left: 5px solid #d5dee4; }

a {
  font-weight: 700;
  color: #0b9da0; }
  a:hover, a:focus, a:active {
    color: #076b6d; }

pre, code {
  font-family: monospace;
  color: #000809;
  font-size: 1rem; }

del {
  display: block;
  color: #a31736; }

ins {
  color: #97cf33;
  text-decoration: none; }

.italic, i {
  font-style: italic; }

.bold, strong {
  font-weight: 700; }

.uppercase {
  text-transform: uppercase; }

input, textarea {
  font-size: 1rem; }

.white-space-nowrap {
  white-space: nowrap; }

/*=====  End of Typography  ======*/
/*==============================
=            Layers            =
==============================*/
.z-shadow-0 {
  box-shadow: none; }

.z-shadow-1 {
  box-shadow: 0 4px 8px 0 rgba(0, 8, 9, 0.06); }

.z-shadow-2 {
  box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12); }

.z-shadow-3 {
  box-shadow: 0 12px 20px 0 rgba(0, 8, 9, 0.18); }

.z-shadow-4 {
  box-shadow: 0 16px 24px 0 rgba(0, 8, 9, 0.24); }

.z-shadow-5 {
  box-shadow: 0 20px 30px 0 rgba(0, 8, 9, 0.3); }

.z-shadow-6 {
  box-shadow: -5px -5px 16px 0 rgba(0, 8, 9, 0.12); }

.z-shadow-7 {
  box-shadow: 5px -5px 16px 0 rgba(0, 8, 9, 0.12); }

.z-shadow-left {
  box-shadow: -5px -5px 16px 0 rgba(0, 8, 9, 0.12); }

.z-shadow-right {
  box-shadow: 5px -5px 16px 0 rgba(0, 8, 9, 0.12); }

.z-index-0 {
  z-index: 0; }

.z-index-1 {
  z-index: 1; }

.z-index-2 {
  z-index: 2; }

.z-index-3 {
  z-index: 3; }

.z-index-4 {
  z-index: 4; }

.z-index-5 {
  z-index: 5; }

.z-index-6 {
  z-index: 6; }

.z-index-7 {
  z-index: 7; }

.z-index-8 {
  z-index: 8; }

.z-index-9 {
  z-index: 9; }

.z-index-10 {
  z-index: 10; }

.z-index-n-1 {
  z-index: -1; }

.z-index-n-2 {
  z-index: -2; }

.z-index-n-3 {
  z-index: -3; }

.z-index-n-4 {
  z-index: -4; }

.z-index-n-5 {
  z-index: -5; }

.z-index-n-6 {
  z-index: -6; }

.z-index-n-7 {
  z-index: -7; }

.z-index-n-8 {
  z-index: -8; }

.z-index-n-9 {
  z-index: -9; }

.z-index-n-10 {
  z-index: -10; }

.backdrop {
  background: rgba(0, 8, 9, 0.5); }

.scrim-black-bottom {
  overflow-y: auto;
  width: 100%;
  z-index: 0;
  position: relative;
  background: transparent url('https://i.ytimg.com/vi/W-PBFMECvTE/maxresdefault.jpg') no-repeat center;
  background-size: cover; }
  .scrim-black-bottom:before {
    background: rgba(0, 5, 14, 0);
    background: -webkit-linear-gradient(legacy-direction(180deg), rgba(0, 5, 14, 0) 0%, rgba(0, 5, 14, 0.12) 30%, rgba(0, 5, 14, 0.25) 50%, rgba(0, 5, 14, 0.5) 70%, rgba(0, 5, 14, 0.75) 90%, rgba(0, 5, 14, 0.88) 96%, #000809 100%);
    background: linear-gradient(180deg, rgba(0, 5, 14, 0) 0%, rgba(0, 5, 14, 0.12) 30%, rgba(0, 5, 14, 0.25) 50%, rgba(0, 5, 14, 0.5) 70%, rgba(0, 5, 14, 0.75) 90%, rgba(0, 5, 14, 0.88) 96%, #000809 100%);
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.scrim-black-top {
  overflow-y: auto;
  width: 100%;
  z-index: 0;
  position: relative;
  background: transparent url('https://i.ytimg.com/vi/W-PBFMECvTE/maxresdefault.jpg') no-repeat center;
  background-size: cover; }
  .scrim-black-top:before {
    background: rgba(0, 5, 14, 0);
    background: -webkit-linear-gradient(legacy-direction(0deg), rgba(0, 5, 14, 0) 0%, rgba(0, 5, 14, 0.12) 30%, rgba(0, 5, 14, 0.25) 50%, rgba(0, 5, 14, 0.5) 70%, rgba(0, 5, 14, 0.75) 90%, rgba(0, 5, 14, 0.88) 96%, #000809 100%);
    background: linear-gradient(0deg, rgba(0, 5, 14, 0) 0%, rgba(0, 5, 14, 0.12) 30%, rgba(0, 5, 14, 0.25) 50%, rgba(0, 5, 14, 0.5) 70%, rgba(0, 5, 14, 0.75) 90%, rgba(0, 5, 14, 0.88) 96%, #000809 100%);
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.scrim-white-bottom {
  overflow-y: auto;
  width: 100%;
  z-index: 0;
  position: relative;
  background: transparent url("/static/images/logo/iconmark/color.f774d477ba92.png") no-repeat center;
  background-size: cover; }
  .scrim-white-bottom:before {
    background: rgba(255, 254, 254, 0);
    background: -webkit-linear-gradient(legacy-direction(180deg), rgba(255, 254, 254, 0) 0%, rgba(255, 254, 254, 0.12) 30%, rgba(255, 254, 254, 0.25) 50%, rgba(255, 254, 254, 0.5) 70%, rgba(255, 254, 254, 0.75) 90%, rgba(255, 254, 254, 0.88) 96%, #fffefe 100%);
    background: linear-gradient(180deg, rgba(255, 254, 254, 0) 0%, rgba(255, 254, 254, 0.12) 30%, rgba(255, 254, 254, 0.25) 50%, rgba(255, 254, 254, 0.5) 70%, rgba(255, 254, 254, 0.75) 90%, rgba(255, 254, 254, 0.88) 96%, #fffefe 100%);
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

.scrim-white-top {
  overflow-y: auto;
  width: 100%;
  z-index: 0;
  position: relative;
  background: transparent url("/static/images/logo/iconmark/color.f774d477ba92.png") no-repeat center;
  background-size: cover; }
  .scrim-white-top:before {
    background: rgba(255, 254, 254, 0);
    background: -webkit-linear-gradient(legacy-direction(0deg), rgba(255, 254, 254, 0) 0%, rgba(255, 254, 254, 0.12) 30%, rgba(255, 254, 254, 0.25) 50%, rgba(255, 254, 254, 0.5) 70%, rgba(255, 254, 254, 0.75) 90%, rgba(255, 254, 254, 0.88) 96%, #fffefe 100%);
    background: linear-gradient(0deg, rgba(255, 254, 254, 0) 0%, rgba(255, 254, 254, 0.12) 30%, rgba(255, 254, 254, 0.25) 50%, rgba(255, 254, 254, 0.5) 70%, rgba(255, 254, 254, 0.75) 90%, rgba(255, 254, 254, 0.88) 96%, #fffefe 100%);
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }

/*=====  End of Layers  ======*/
/*===================================
=            Transitions            =
===================================*/
/*----------  Declare Variables:  ----------*/
/*----------  END: Declare Variables  ----------*/
/*----------  Media Query Breakpoints  ----------*/
/*=====  End of Transitions  ======*/
/*============================
=            Form            =
============================*/
/*----------  Checkbox and Radio  ----------*/
.form-check {
  margin: 5px 0; }
  .form-check.disabled .form-check-label input[type="checkbox"]:hover + div, .form-check.disabled .form-check-label input[type="radio"]:hover + div {
    cursor: not-allowed !important; }
  .form-check .form-check-label {
    margin: 0;
    padding-left: 0;
    color: #000809;
    text-transform: none;
    letter-spacing: 0;
    /*----------  Checkbox  ----------*/
    /*----------  End of Checkbox  ----------*/
    /*----------  Radio  ----------*/
    /*----------  End of Radio  ----------*/ }
    .form-check .form-check-label input[type="checkbox"] {
      display: none; }
      .form-check .form-check-label input[type="checkbox"] + div {
        margin-left: 30px;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transition: 225ms ease-in-out; }
        .form-check .form-check-label input[type="checkbox"] + div:hover, .form-check .form-check-label input[type="checkbox"] + div:active, .form-check .form-check-label input[type="checkbox"] + div:focus {
          transition: 225ms ease-in-out; }
        .form-check .form-check-label input[type="checkbox"] + div:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          margin-top: 2px;
          margin-right: 10px;
          margin-left: -30px;
          vertical-align: middle;
          display: inline-block;
          width: 20px;
          height: 20px;
          mask: url("/static/images/icons/_all/checkbox-blank-outline.6699e2b6e19c.svg") no-repeat left top;
          -webkit-mask: url("/static/images/icons/_all/checkbox-blank-outline.6699e2b6e19c.svg") no-repeat left top;
          -webkit-mask-size: contain;
          mask-size: contain;
          background: #829bad;
          -webkit-backface-visibility: hidden;
          -webkit-transform-style: preserve-3d;
          transition: background 225ms linear; }
          .form-check .form-check-label input[type="checkbox"] + div:before:hover, .form-check .form-check-label input[type="checkbox"] + div:before:active, .form-check .form-check-label input[type="checkbox"] + div:before:focus {
            transition: background 225ms linear; }
      .form-check .form-check-label input[type="checkbox"]:checked + div:before {
        mask: url("/static/images/icons/_all/checkbox-marked.504e4950dfbf.svg") no-repeat left top;
        -webkit-mask: url("/static/images/icons/_all/checkbox-marked.504e4950dfbf.svg") no-repeat left top;
        -webkit-mask-size: contain;
        mask-size: contain;
        background: #0b9da0; }
      .form-check .form-check-label input[type="checkbox"]:disabled + div:before {
        mask: url("/static/images/icons/_all/checkbox-blank-outline.6699e2b6e19c.svg") no-repeat left top;
        -webkit-mask: url("/static/images/icons/_all/checkbox-blank-outline.6699e2b6e19c.svg") no-repeat left top;
        -webkit-mask-size: contain;
        mask-size: contain;
        background: #acbcc8; }
      .form-check .form-check-label input[type="checkbox"]:disabled + div:after {
        content: "";
        position: absolute;
        top: 4px;
        left: -28px;
        height: 16px;
        width: 16px;
        background: #d5dee4;
        border-radius: 0; }
      .form-check .form-check-label input[type="checkbox"]:disabled:checked + div:before {
        mask: url("/static/images/icons/_all/checkbox-marked.504e4950dfbf.svg") no-repeat left top;
        -webkit-mask: url("/static/images/icons/_all/checkbox-marked.504e4950dfbf.svg") no-repeat left top;
        -webkit-mask-size: contain;
        mask-size: contain;
        background: #acbcc8; }
      .form-check .form-check-label input[type="checkbox"]:disabled:checked + div:after {
        content: none;
        top: 4px;
        left: -28px;
        position: absolute; }
      .form-check .form-check-label input[type="checkbox"]:active + div:before {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
      .form-check .form-check-label input[type="checkbox"]:hover + div {
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transition: 225ms ease-in-out;
        cursor: pointer; }
        .form-check .form-check-label input[type="checkbox"]:hover + div:hover, .form-check .form-check-label input[type="checkbox"]:hover + div:active, .form-check .form-check-label input[type="checkbox"]:hover + div:focus {
          transition: 225ms ease-in-out; }
      .form-check .form-check-label input[type="checkbox"]:hover:disabled:checked + div, .form-check .form-check-label input[type="checkbox"]:hover:disabled + div {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        cursor: not-allowed; }
      .form-check .form-check-label input[type="checkbox"].invalid + div {
        color: #a31736; }
        .form-check .form-check-label input[type="checkbox"].invalid + div:before {
          mask: url("/static/images/icons/_all/checkbox-blank-outline.6699e2b6e19c.svg") no-repeat left top;
          -webkit-mask: url("/static/images/icons/_all/checkbox-blank-outline.6699e2b6e19c.svg") no-repeat left top;
          -webkit-mask-size: contain;
          mask-size: contain;
          background: #a31736; }
        .form-check .form-check-label input[type="checkbox"].invalid + div:after {
          content: "";
          position: absolute;
          top: 4px;
          left: -28px;
          height: 16px;
          width: 16px;
          background: rgba(163, 23, 54, 0.1);
          border-radius: 0; }
      .form-check .form-check-label input[type="checkbox"].invalid:checked + div {
        color: #a31736; }
        .form-check .form-check-label input[type="checkbox"].invalid:checked + div:before {
          mask: url("/static/images/icons/_all/checkbox-marked.504e4950dfbf.svg") no-repeat left top;
          -webkit-mask: url("/static/images/icons/_all/checkbox-marked.504e4950dfbf.svg") no-repeat left top;
          -webkit-mask-size: contain;
          mask-size: contain;
          background: #a31736; }
        .form-check .form-check-label input[type="checkbox"].invalid:checked + div:after {
          content: none; }
    .form-check .form-check-label input[type="radio"] {
      display: none; }
      .form-check .form-check-label input[type="radio"] + div {
        margin-left: 30px;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transition: 225ms ease-in-out; }
        .form-check .form-check-label input[type="radio"] + div:hover, .form-check .form-check-label input[type="radio"] + div:active, .form-check .form-check-label input[type="radio"] + div:focus {
          transition: 225ms ease-in-out; }
        .form-check .form-check-label input[type="radio"] + div:before {
          content: "";
          position: absolute;
          top: 0;
          left: 0;
          margin-top: 2px;
          margin-right: 10px;
          margin-left: -30px;
          vertical-align: middle;
          display: inline-block;
          width: 20px;
          height: 20px;
          mask: url("/static/images/icons/_all/checkbox-blank-circle-outline.d098359cf1da.svg") no-repeat left top;
          -webkit-mask: url("/static/images/icons/_all/checkbox-blank-circle-outline.d098359cf1da.svg") no-repeat left top;
          -webkit-mask-size: contain;
          mask-size: contain;
          background: #829bad;
          -webkit-backface-visibility: hidden;
          -webkit-transform-style: preserve-3d;
          transition: background 225ms linear; }
          .form-check .form-check-label input[type="radio"] + div:before:hover, .form-check .form-check-label input[type="radio"] + div:before:active, .form-check .form-check-label input[type="radio"] + div:before:focus {
            transition: background 225ms linear; }
      .form-check .form-check-label input[type="radio"]:checked + div:before {
        mask: url("/static/images/icons/_all/checkbox-marked-circle.9c05306c038a.svg") no-repeat left top;
        -webkit-mask: url("/static/images/icons/_all/checkbox-marked-circle.9c05306c038a.svg") no-repeat left top;
        -webkit-mask-size: contain;
        mask-size: contain;
        background: #0b9da0; }
      .form-check .form-check-label input[type="radio"]:disabled + div:before {
        mask: url("/static/images/icons/_all/checkbox-blank-circle-outline.d098359cf1da.svg") no-repeat left top;
        -webkit-mask: url("/static/images/icons/_all/checkbox-blank-circle-outline.d098359cf1da.svg") no-repeat left top;
        -webkit-mask-size: contain;
        mask-size: contain;
        background: #acbcc8; }
      .form-check .form-check-label input[type="radio"]:disabled + div:after {
        content: "";
        position: absolute;
        top: 4px;
        left: -28px;
        height: 16px;
        width: 16px;
        background: #d5dee4;
        border-radius: 100%; }
      .form-check .form-check-label input[type="radio"]:disabled:checked + div:before {
        mask: url("/static/images/icons/_all/checkbox-marked-circle.9c05306c038a.svg") no-repeat left top;
        -webkit-mask: url("/static/images/icons/_all/checkbox-marked-circle.9c05306c038a.svg") no-repeat left top;
        -webkit-mask-size: contain;
        mask-size: contain;
        background: #acbcc8; }
      .form-check .form-check-label input[type="radio"]:disabled:checked + div:after {
        content: none;
        top: 4px;
        left: -28px;
        position: absolute; }
      .form-check .form-check-label input[type="radio"]:active + div:before {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1); }
      .form-check .form-check-label input[type="radio"]:hover + div {
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transition: 225ms ease-in-out;
        cursor: pointer; }
        .form-check .form-check-label input[type="radio"]:hover + div:hover, .form-check .form-check-label input[type="radio"]:hover + div:active, .form-check .form-check-label input[type="radio"]:hover + div:focus {
          transition: 225ms ease-in-out; }
      .form-check .form-check-label input[type="radio"]:hover:disabled:checked + div, .form-check .form-check-label input[type="radio"]:hover:disabled + div {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        cursor: not-allowed; }
      .form-check .form-check-label input[type="radio"].invalid + div {
        color: #a31736; }
        .form-check .form-check-label input[type="radio"].invalid + div:before {
          mask: url("/static/images/icons/_all/checkbox-blank-circle-outline.d098359cf1da.svg") no-repeat left top;
          -webkit-mask: url("/static/images/icons/_all/checkbox-blank-circle-outline.d098359cf1da.svg") no-repeat left top;
          -webkit-mask-size: contain;
          mask-size: contain;
          background: #a31736; }
        .form-check .form-check-label input[type="radio"].invalid + div:after {
          content: "";
          position: absolute;
          top: 4px;
          left: -28px;
          height: 16px;
          width: 16px;
          background: rgba(163, 23, 54, 0.1);
          border-radius: 100%; }
      .form-check .form-check-label input[type="radio"].invalid:checked + div {
        color: #a31736; }
        .form-check .form-check-label input[type="radio"].invalid:checked + div:before {
          mask: url("/static/images/icons/_all/checkbox-marked-circle.9c05306c038a.svg") no-repeat left top;
          -webkit-mask: url("/static/images/icons/_all/checkbox-marked-circle.9c05306c038a.svg") no-repeat left top;
          -webkit-mask-size: contain;
          mask-size: contain;
          background: #a31736; }
        .form-check .form-check-label input[type="radio"].invalid:checked + div:after {
          content: none; }

/*----------  End of Checkbox and Radio  ----------*/
.has-success .form-control-success,
.has-danger .form-control-danger,
.has-warning .form-control-warning {
  background-image: none !important; }

/*----------  General Form Inputs and Textareas  ----------*/
.form-group {
  position: relative;
  /*----------  Helper Text  ----------*/
  /*----------  End of Helper Text  ----------*/
  /*----------  Feedback Text  ----------*/
  /*----------  End of Feedback Text  ----------*/
  /*----------  Success/Danger/Warning Helpers  ----------*/
  /*----------  End of Success/Danger/Warning Helpers  ----------*/
  /*----------  Input, Textarea  ----------*/
  /*----------  End of Input, Textarea  ----------*/
  /*----------  Select  ----------*/
  /*----------  End of Select  ----------*/
  /*----------  File Input  ----------*/
  /*----------  End of File Input  ----------*/ }
  .form-group .form-control-label {
    font-weight: 600;
    margin-bottom: 5px;
    letter-spacing: 0; }
  .form-group .form-text {
    margin-top: 5px;
    padding-bottom: 15px;
    font-weight: 300; }
  .form-group .form-control-feedback {
    margin-top: 5px;
    padding-bottom: 15px;
    font-weight: 300; }
  .form-group.has-success .form-control-label {
    color: #699b0f;
    position: relative; }
    .form-group.has-success .form-control-label:after {
      z-index: 2;
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      margin-top: 41px;
      margin-right: 10px;
      vertical-align: middle;
      display: inline-block;
      width: 20px;
      height: 20px;
      mask: url("/static/images/icons/_all/checkbox-marked-circle.9c05306c038a.svg") no-repeat left top;
      -webkit-mask: url("/static/images/icons/_all/checkbox-marked-circle.9c05306c038a.svg") no-repeat left top;
      -webkit-mask-size: contain;
      mask-size: contain;
      background: #699b0f; }
    .form-group.has-success .form-control-label + input,
    .form-group.has-success .form-control-label + textarea,
    .form-group.has-success .form-control-label + select {
      padding-right: 40px; }
  .form-group.has-success input, .form-group.has-success textarea, .form-group.has-success select {
    border-bottom: 1px solid #699b0f;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent; }
    .form-group.has-success input .form-control-success .form-control-label, .form-group.has-success textarea .form-control-success .form-control-label, .form-group.has-success select .form-control-success .form-control-label {
      color: #699b0f; }
    .form-group.has-success input:active, .form-group.has-success input:focus, .form-group.has-success textarea:active, .form-group.has-success textarea:focus, .form-group.has-success select:active, .form-group.has-success select:focus {
      border: 1px solid #699b0f; }
  .form-group.has-success .form-control-feedback {
    color: #699b0f; }
  .form-group.has-warning .form-control-label {
    color: #fbb03b;
    position: relative; }
    .form-group.has-warning .form-control-label:after {
      z-index: 2;
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      margin-top: 41px;
      margin-right: 10px;
      vertical-align: middle;
      display: inline-block;
      width: 20px;
      height: 20px;
      mask: url("/static/images/icons/_all/alert-octagon.9aeeffd718fc.svg") no-repeat left top;
      -webkit-mask: url("/static/images/icons/_all/alert-octagon.9aeeffd718fc.svg") no-repeat left top;
      -webkit-mask-size: contain;
      mask-size: contain;
      background: #fbb03b; }
    .form-group.has-warning .form-control-label + input,
    .form-group.has-warning .form-control-label + textarea,
    .form-group.has-warning .form-control-label + select {
      padding-right: 40px; }
  .form-group.has-warning input, .form-group.has-warning textarea, .form-group.has-warning select {
    border-bottom: 1px solid #fbb03b;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent; }
    .form-group.has-warning input .form-control-success .form-control-label, .form-group.has-warning textarea .form-control-success .form-control-label, .form-group.has-warning select .form-control-success .form-control-label {
      color: #fbb03b; }
    .form-group.has-warning input:active, .form-group.has-warning input:focus, .form-group.has-warning textarea:active, .form-group.has-warning textarea:focus, .form-group.has-warning select:active, .form-group.has-warning select:focus {
      border: 1px solid #fbb03b; }
  .form-group.has-warning .form-control-feedback {
    color: #fbb03b; }
  .form-group.has-danger * {
    color: #a31736; }
  .form-group.has-danger .form-control-label {
    color: #a31736;
    position: relative; }
    .form-group.has-danger .form-control-label:after {
      z-index: 2;
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      margin-top: 41px;
      margin-right: 10px;
      vertical-align: middle;
      display: inline-block;
      width: 20px;
      height: 20px;
      mask: url("/static/images/icons/_all/alert-octagon.9aeeffd718fc.svg") no-repeat left top;
      -webkit-mask: url("/static/images/icons/_all/alert-octagon.9aeeffd718fc.svg") no-repeat left top;
      -webkit-mask-size: contain;
      mask-size: contain;
      background: #a31736; }
    .form-group.has-danger .form-control-label + input,
    .form-group.has-danger .form-control-label + textarea,
    .form-group.has-danger .form-control-label + select {
      padding-right: 40px; }
  .form-group input:not([type="file"]),
  .form-group textarea {
    color: #000809;
    padding: 12px 0;
    border-bottom: 1px solid #acbcc8;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-radius: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transition: 225ms ease-in-out; }
    .form-group input:not([type="file"]):hover, .form-group input:not([type="file"]):active, .form-group input:not([type="file"]):focus,
    .form-group textarea:hover,
    .form-group textarea:active,
    .form-group textarea:focus {
      transition: 225ms ease-in-out; }
    .form-group input:not([type="file"])::-webkit-input-placeholder,
    .form-group textarea::-webkit-input-placeholder {
      color: #acbcc8; }
    .form-group input:not([type="file"]):-moz-placeholder,
    .form-group textarea:-moz-placeholder {
      color: #acbcc8; }
    .form-group input:not([type="file"])::-moz-placeholder,
    .form-group textarea::-moz-placeholder {
      color: #acbcc8; }
    .form-group input:not([type="file"]):-ms-input-placeholder,
    .form-group textarea:-ms-input-placeholder {
      color: #acbcc8; }
    .form-group input:not([type="file"]):active, .form-group input:not([type="file"]):focus,
    .form-group textarea:active,
    .form-group textarea:focus {
      border-radius: 6px;
      border: 1px solid #acbcc8;
      padding-left: 10px;
      padding-right: 10px; }
    .form-group input:not([type="file"]):invalid,
    .form-group textarea:invalid {
      background: rgba(163, 23, 54, 0.1);
      color: #a31736;
      margin-bottom: 5px;
      border: 1px solid transparent;
      border-bottom: 1px solid #a31736; }
      .form-group input:not([type="file"]):invalid::-webkit-input-placeholder,
      .form-group textarea:invalid::-webkit-input-placeholder {
        color: #dab3bb; }
      .form-group input:not([type="file"]):invalid:-moz-placeholder,
      .form-group textarea:invalid:-moz-placeholder {
        color: #dab3bb; }
      .form-group input:not([type="file"]):invalid::-moz-placeholder,
      .form-group textarea:invalid::-moz-placeholder {
        color: #dab3bb; }
      .form-group input:not([type="file"]):invalid:-ms-input-placeholder,
      .form-group textarea:invalid:-ms-input-placeholder {
        color: #dab3bb; }
      .form-group input:not([type="file"]):invalid:active, .form-group input:not([type="file"]):invalid:focus,
      .form-group textarea:invalid:active,
      .form-group textarea:invalid:focus {
        border: 1px solid #a31736; }
      .form-group input:not([type="file"]):invalid + .form-text,
      .form-group textarea:invalid + .form-text {
        color: #a31736; }
    .form-group input:not([type="file"]):disabled,
    .form-group textarea:disabled {
      color: #2f5876;
      border: 1px solid #d5dee4;
      background: #d5dee4;
      padding-left: 10px;
      padding-right: 10px; }
      .form-group input:not([type="file"]):disabled:hover,
      .form-group textarea:disabled:hover {
        cursor: not-allowed; }
  .form-group select {
    color: #000809;
    padding: 12px 0;
    border-bottom: 1px solid #acbcc8;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
    border-radius: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    transition: 225ms ease-in-out; }
    .form-group select:not([multiple]) {
      height: 50px !important; }
    .form-group select[multiple] {
      padding: 0 !important;
      height: initial;
      background: none; }
      .form-group select[multiple]:active > option, .form-group select[multiple]:focus > option {
        padding: 5px 10px;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        transition: 225ms ease-in-out; }
        .form-group select[multiple]:active > option:hover, .form-group select[multiple]:active > option:active, .form-group select[multiple]:active > option:focus, .form-group select[multiple]:focus > option:hover, .form-group select[multiple]:focus > option:active, .form-group select[multiple]:focus > option:focus {
          transition: 225ms ease-in-out; }
    .form-group select > option {
      padding: 5px 0;
      -webkit-backface-visibility: hidden;
      -webkit-transform-style: preserve-3d;
      transition: 225ms ease-in-out; }
      .form-group select > option:hover, .form-group select > option:active, .form-group select > option:focus {
        transition: 225ms ease-in-out; }
      .form-group select > option:checked {
        background: #0b9da0 linear-gradient(0deg, #0b9da0 0%, #0b9da0 100%); }
    .form-group select:hover, .form-group select:active, .form-group select:focus {
      transition: 225ms ease-in-out; }
    .form-group select::-webkit-input-placeholder {
      color: #acbcc8; }
    .form-group select:-moz-placeholder {
      color: #acbcc8; }
    .form-group select::-moz-placeholder {
      color: #acbcc8; }
    .form-group select:-ms-input-placeholder {
      color: #acbcc8; }
    .form-group select:active, .form-group select:focus {
      border-radius: 6px;
      border: 1px solid #acbcc8;
      padding-left: 10px;
      padding-right: 10px; }
    .form-group select:invalid {
      background: rgba(163, 23, 54, 0.1);
      color: #a31736;
      margin-bottom: 5px;
      border: 1px solid transparent;
      border-bottom: 1px solid #a31736; }
      .form-group select:invalid::-webkit-input-placeholder {
        color: #dab3bb; }
      .form-group select:invalid:-moz-placeholder {
        color: #dab3bb; }
      .form-group select:invalid::-moz-placeholder {
        color: #dab3bb; }
      .form-group select:invalid:-ms-input-placeholder {
        color: #dab3bb; }
      .form-group select:invalid:active, .form-group select:invalid:focus {
        border: 1px solid #a31736; }
      .form-group select:invalid + .form-text {
        color: #a31736; }
    .form-group select:disabled {
      color: #2f5876;
      border: 1px solid #d5dee4;
      background: #d5dee4;
      padding-left: 10px;
      padding-right: 10px; }
      .form-group select:disabled:hover {
        cursor: not-allowed; }
  .form-group.file-uploading label.custom-file .custom-file-input + .custom-file-control:after {
    color: #000809; }
  .form-group.file-uploading label.custom-file + .custom-file-remove {
    display: inline-block; }
    .form-group.file-uploading label.custom-file + .custom-file-remove + .form-control-feedback {
      display: block; }
  .form-group.file-filled label.custom-file .custom-file-input + .custom-file-control:after {
    color: #000809; }
  .form-group.file-filled label.custom-file + .custom-file-remove {
    display: inline-block; }
    .form-group.file-filled label.custom-file + .custom-file-remove + .form-control-feedback {
      display: block; }
  .form-group.file-filled-error {
    color: #a31736; }
    .form-group.file-filled-error label.custom-file .custom-file-input + .custom-file-control {
      border-bottom: 1px solid #a31736;
      background: rgba(163, 23, 54, 0.1); }
      .form-group.file-filled-error label.custom-file .custom-file-input + .custom-file-control:after {
        color: #a31736; }
    .form-group.file-filled-error label.custom-file + .custom-file-remove {
      display: inline-block; }
      .form-group.file-filled-error label.custom-file + .custom-file-remove + .form-control-feedback {
        display: block; }
  .form-group label.custom-file {
    max-width: initial;
    height: 50px;
    width: calc(100% - 63px - 20px); }
    .form-group label.custom-file .custom-file-input {
      max-width: initial;
      height: 50px; }
      .form-group label.custom-file .custom-file-input + .custom-file-control {
        height: 50px;
        margin-right: 150px;
        border: none;
        padding: 12px 0;
        border-bottom: 1px solid #acbcc8;
        border-top: 1px solid transparent;
        border-right: 1px solid transparent;
        border-left: 1px solid transparent;
        border-radius: 0; }
        .form-group label.custom-file .custom-file-input + .custom-file-control:before {
          content: "Upload New";
          text-transform: none;
          letter-spacing: 0;
          height: 35px;
          right: -150px;
          top: 7px;
          color: #fffefe;
          background: #0b9da0; }
        .form-group label.custom-file .custom-file-input + .custom-file-control:after {
          text-transform: none;
          letter-spacing: 0;
          content: "Click here to choose a file";
          white-space: nowrap;
          position: relative;
          color: #acbcc8; }
    .form-group label.custom-file + .custom-file-remove {
      color: #acbcc8;
      font-weight: 600;
      margin-left: 10px;
      display: none;
      text-align: right;
      top: 13px;
      position: relative; }
      .form-group label.custom-file + .custom-file-remove + .form-control-feedback {
        display: none; }
    @media only screen and (max-width: 518px) {
      .form-group label.custom-file .custom-file-input + .custom-file-control:after {
        content: "Choose a file"; } }
    @media only screen and (max-width: 390px) {
      .form-group label.custom-file {
        width: calc(100%); }
        .form-group label.custom-file .custom-file-input + .custom-file-control:after {
          content: ""; }
        .form-group label.custom-file + .custom-file-remove {
          display: block;
          top: 0;
          margin: 0;
          margin-top: 5px;
          text-align: left; } }
/*----------  End of General Form Inputs and Textareas  ----------*/
/*----------  Media Query Breakpoints  ----------*/
/*=====  End of Form  ======*/
/*===== Form Container =====*/
.user-form-container {
  margin: 20px; }
  .user-form-container-body {
    text-align: center;
    margin-top: 50px; }
  .user-form-container-img {
    margin-top: 5px;
    margin-right: 10px;
    width: 25px;
    height: auto; }
  .user-form-container.framed {
    border: 1px solid #0b9da0;
    border-radius: 10px;
    padding: 10px; }
  .user-form-container .submit-button-centerer {
    width: 100%;
    text-align: center; }
  .user-form-container td {
    padding-bottom: 40px;
    vertical-align: top; }
  .user-form-container th {
    vertical-align: top;
    width: 250px; }
  .user-form-container label {
    text-transform: none;
    display: inline-block;
    margin: 0px 10px; }
  .user-form-container .helptext {
    display: block;
    font-size: 9pt;
    color: #7f7f7f; }
  .user-form-container input[type="text"], .user-form-container input[type="file"], .user-form-container select, .user-form-container textarea {
    width: 100%;
    padding: 3px;
    border-radius: 5px; }

/*===== End of Form Container =====*/
/*===============================
=            Buttons            =
===============================*/
:export {
  alabastar: #fafafa;
  offblack: #101010;
  hintOfGreen: #e0ffe0;
  darkeshGreen: #00c000;
  blueChill: #0ea7aa;
  gray: #7F7F7F;
  tundora: #444444;
  selago: #f3f3fe;
  silver: #cccccc;
  texasRose: #fdb45c;
  brightSun: #ffc645;
  niagara: #08999c;
  utilityGrayBase: #808080;
  primaryBase: #0b9da0;
  errorColor: #e50043;
  alto: #dddddd;
  whisper: #f5f5f9;
  pelorous: #39bac9;
  redDark: #B10836;
  redStandard: #E30D47;
  greenVivid: #11C27D;
  greenStandard: #059A6D;
  lightgray: #eee;
  mystic: #dadde9;
  silverChalice: #aaaaaa;
  lagoon: #008c90;
  hokiDark: #6889A0;
  slatePale: #e9f6fb;
  hoki: #6789A0;
  tooltipColor: rgba(0, 0, 0, 0.87);
  calendarCardHeaderShadowPrimary: rgba(156, 39, 176, 0.28);
  calendarCardHeaderShadowSecondary: rgba(0, 0, 0, 0.12);
  calendarCardHeaderShadowTrilogy: rgba(156, 39, 176, 0.2);
  primaryBoxShadow1: rgba(23, 58, 94, 0.28);
  primaryBoxShadow2: rgba(53, 124, 166, 0.2);
  spray: #6fdeeb;
  failureColor: #ee4266; }

a {
  transition: 0.3s; }
  a:hover, a:active, a:focus {
    transition: 0.3s; }
  a.disabled {
    pointer-events: none;
    background: #b3dedf !important;
    border: none;
    cursor: not-allowed !important; }

.btn, .form-group label.custom-file .custom-file-input + .custom-file-control:before {
  font-weight: 700;
  color: #fffefe;
  line-height: 1.35;
  padding: 7px 20px;
  border: none;
  cursor: pointer;
  border-radius: 34px;
  transition: 0.3s; }
  .btn:hover, .form-group label.custom-file .custom-file-input + .custom-file-control:hover:before {
    box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12);
    transition: 0.3s;
    cursor: pointer; }
  .btn:focus, .form-group label.custom-file .custom-file-input + .custom-file-control:focus:before, .btn:active, .form-group label.custom-file .custom-file-input + .custom-file-control:active:before {
    box-shadow: none;
    transition: 0.3s; }
  .btn:disabled, .form-group label.custom-file .custom-file-input + .custom-file-control:disabled:before {
    background: #b3dedf !important;
    border: none;
    cursor: not-allowed !important; }

.btn-sm {
  font-size: 0.875rem;
  padding: 5px 15px; }

.btn-lg {
  font-size: 1.125rem;
  padding: 10px 20px; }

.btn-xlg {
  font-size: 1.125rem;
  padding: 20px 30px; }

.btn-primary {
  background: #0b9da0;
  color: white !important;
  border: none; }
  .btn-primary:hover {
    background: #10c8cd; }
  .btn-primary:focus, .btn-primary:active {
    color: white;
    background: #076b6d; }
  .btn-primary:disabled {
    background: #b3dedf !important;
    border: none;
    cursor: not-allowed !important; }

.btn-primary-border {
  color: #0b9da0;
  border: 2px solid #0b9da0; }
  .btn-primary-border:hover {
    background: #b3dedf; }
  .btn-primary-border:focus, .btn-primary-border:active {
    border-color: #076b6d; }
  .btn-primary-border:disabled {
    background: #b3dedf !important;
    border: none;
    cursor: not-allowed !important; }

.show > .btn-primary.dropdown-toggle {
  background-color: #076b6d;
  border-color: #076b6d; }

.btn-secondary {
  background: #dc0043;
  transition: 0; }
  .btn-secondary:hover {
    background: #7d4959; }

.btn-secondary-border {
  color: #dc0043;
  border: 2px solid #dc0043; }
  .btn-secondary-border:hover {
    background: #ddcddc; }
  .btn-secondary-border:focus, .btn-secondary-border:active {
    border-color: #7d4959; }
  .btn-secondary-border:disabled {
    background: #b3dedf !important;
    border: none;
    cursor: not-allowed !important; }

.btn-cancel {
  background: #808080; }
  .btn-cancel:hover {
    background: #b0b0b0; }

.btn-submit {
  min-width: 140px; }
  .btn-submit span {
    font-weight: 700; }

.btn-skip {
  margin-left: 15px;
  color: #acbcc8;
  white-space: nowrap; }

.btn-auto-play {
  display: block;
  max-width: 300px;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
  white-space: initial; }

.btn-pause {
  text-align: center;
  color: #000809;
  text-transform: uppercase; }
  .btn-pause:hover, .btn-pause:focus, .btn-pause:active {
    text-decoration: none; }
    .btn-pause:hover .ic-pause-btn, .btn-pause:focus .ic-pause-btn, .btn-pause:active .ic-pause-btn {
      -webkit-filter: grayscale(80%);
      filter: grayscale(80%); }

.btn-continue {
  padding: 30px 50px; }

.btn-repeat {
  padding: 15px 25px; }

.btn-previous:hover, .btn-previous:focus, .btn-previous:active {
  text-decoration: none; }
  .btn-previous:hover .ic-prev-caret, .btn-previous:focus .ic-prev-caret, .btn-previous:active .ic-prev-caret {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%); }

.btn-read-more:hover, .btn-read-more:focus, .btn-read-more:active {
  text-decoration: none; }
  .btn-read-more:hover .ic-read-more-caret, .btn-read-more:focus .ic-read-more-caret, .btn-read-more:active .ic-read-more-caret {
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%); }

.btn-new-classroom {
  width: 100%; }

.btn-social-login {
  font-size: 16px;
  font-weight: 200;
  padding: 21px 15px;
  border: 1px solid #CFD9E0;
  border-radius: 8px;
  width: 49%;
  display: flex;
  align-items: center;
  color: #4C6373; }
  .btn-social-login .button-text {
    margin-left: 12px; }

/*----------  Media Query Breakpoints  ----------*/
@media (max-width: 991px) {
  .btn-submit {
    min-width: initial;
    width: 100%; }
  .btn-skip {
    display: inline-block;
    margin-top: 5px;
    margin-left: 0; } }

@media (max-width: 767px) {
  .btn-submit {
    max-width: 260px;
    margin: 0 auto;
    display: block; } }

/*=====  End of Buttons  ======*/
/*=====================================
=            Dropdown Menu            =
=====================================*/
.dropdown-menu {
  box-shadow: 0 20px 30px 0 rgba(0, 8, 9, 0.3);
  border-radius: 6px;
  padding: 0;
  border: none; }
  .dropdown-menu .dropdown-item {
    padding: 18px 30px; }
    .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:hover {
      color: #fffefe;
      background: #0b9da0 !important; }
  .dropdown-menu:hover .dropdown-item:first-child {
    border-radius: 6px 6px 0 0; }
  .dropdown-menu:hover .dropdown-item:last-child {
    border-radius: 0 0 6px 6px; }

/*----------  Media Query Breakpoints  ----------*/
/*=====  End of Dropdown Menu  ======*/
/*==================================
=            Pill            =
==================================*/
.badge-pill {
  padding: 5px 10px;
  border-radius: 4px; }

/*----------  Media Query Breakpoints  ----------*/
/*=====  End of Pill  ======*/
.CircularProgressbar {
  /*
   * This fixes an issue where the CircularProgressbar svg has
   * 0 width inside a "display: flex" container, and thus not visible.
   *
   * If you're not using "display: flex", you can remove this style.
   */
  width: 100%; }

.CircularProgressbar .CircularProgressbar-path {
  stroke: #11A885;
  stroke-linecap: round;
  transition: stroke-dashoffset 0.5s ease 0s; }

.CircularProgressbar .CircularProgressbar-trail {
  stroke: #d6d6d6; }

.CircularProgressbar .CircularProgressbar-text {
  fill: #11A885;
  font-size: 20px;
  font-weight: 600;
  dominant-baseline: middle;
  text-anchor: middle; }

.CircularProgressbar .CircularProgressbar-background {
  fill: #d6d6d6; }

/*
 * Sample background styles. Use these with e.g.:
 *
 *   <CircularProgressbar
 *     className="CircularProgressbar-inverted"
 *     background
 *     percentage={50}
 *   />
 */
.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background {
  fill: #11A885; }

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text {
  fill: #fff; }

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path {
  stroke: #fff; }

.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail {
  stroke: transparent; }

/*==================================
=            Datepicker            =
==================================*/
:export {
  alabastar: #fafafa;
  offblack: #101010;
  hintOfGreen: #e0ffe0;
  darkeshGreen: #00c000;
  blueChill: #0ea7aa;
  gray: #7F7F7F;
  tundora: #444444;
  selago: #f3f3fe;
  silver: #cccccc;
  texasRose: #fdb45c;
  brightSun: #ffc645;
  niagara: #08999c;
  utilityGrayBase: #808080;
  primaryBase: #0b9da0;
  errorColor: #e50043;
  alto: #dddddd;
  whisper: #f5f5f9;
  pelorous: #39bac9;
  redDark: #B10836;
  redStandard: #E30D47;
  greenVivid: #11C27D;
  greenStandard: #059A6D;
  lightgray: #eee;
  mystic: #dadde9;
  silverChalice: #aaaaaa;
  lagoon: #008c90;
  hokiDark: #6889A0;
  slatePale: #e9f6fb;
  hoki: #6789A0;
  tooltipColor: rgba(0, 0, 0, 0.87);
  calendarCardHeaderShadowPrimary: rgba(156, 39, 176, 0.28);
  calendarCardHeaderShadowSecondary: rgba(0, 0, 0, 0.12);
  calendarCardHeaderShadowTrilogy: rgba(156, 39, 176, 0.2);
  primaryBoxShadow1: rgba(23, 58, 94, 0.28);
  primaryBoxShadow2: rgba(53, 124, 166, 0.2);
  spray: #6fdeeb;
  failureColor: #ee4266; }

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.47
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget.dropdown-menu {
  padding: 30px;
  box-shadow: 0 20px 30px 0 rgba(0, 8, 9, 0.3); }

.bootstrap-datetimepicker-widget .datepicker table thead th.dow {
  padding: 10px 0;
  color: #829bad;
  font-size: 0.875rem; }

.bootstrap-datetimepicker-widget .datepicker table thead .picker-switch {
  padding: 15px 0; }

.bootstrap-datetimepicker-widget .datepicker table tbody tr td {
  text-align: center;
  margin: 0 auto;
  padding: 8px 0; }
  .bootstrap-datetimepicker-widget .datepicker table tbody tr td.active {
    background: #0b9da0 !important; }
    .bootstrap-datetimepicker-widget .datepicker table tbody tr td.active:hover {
      background: #0b9da0 !important; }
  .bootstrap-datetimepicker-widget .datepicker table tbody tr td.today {
    color: #0b9da0; }
    .bootstrap-datetimepicker-widget .datepicker table tbody tr td.today.active {
      color: #fffefe; }
    .bootstrap-datetimepicker-widget .datepicker table tbody tr td.today:before {
      border-bottom-color: transparent;
      content: none; }
  .bootstrap-datetimepicker-widget .datepicker table tbody tr td.old {
    color: #acbcc8; }
  .bootstrap-datetimepicker-widget .datepicker table tbody tr td.new {
    color: #acbcc8; }
  .bootstrap-datetimepicker-widget .datepicker table tbody tr td span.active {
    background-color: #0b9da0; }

.bootstrap-datetimepicker-widget .timepicker table tr td .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker table tr td .timepicker-minute {
  font-weight: 400; }

.bootstrap-datetimepicker-widget .timepicker table tr td a {
  box-shadow: none;
  color: #000809;
  padding: 0; }

.bootstrap-datetimepicker-widget .timepicker table tr td .btn-primary {
  border-radius: 3px;
  font-weight: 400;
  margin: 10px;
  padding: 10px; }
  .bootstrap-datetimepicker-widget .timepicker table tr td .btn-primary:hover {
    cursor: pointer; }

/*----------  Media Query Breakpoints  ----------*/
/*=====  End of Datepicker  ======*/
/*=============================
=            Icons            =
=============================*/
i.ic {
  height: 50px;
  width: 50px;
  display: inline-block; }

i.ic-alert-octagon {
  mask: url("/static/images/icons/_all/alert-octagon.9aeeffd718fc.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/alert-octagon.9aeeffd718fc.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-back {
  mask: url("/static/images/icons/_all/back.fa1a014cd0a2.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/back.fa1a014cd0a2.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-badge-effort {
  mask: url("/static/images/icons/_all/badge-effort.fe57625fd848.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/badge-effort.fe57625fd848.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-badge-mastery {
  mask: url("/static/images/icons/_all/badge-mastery.2cc2c106a76b.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/badge-mastery.2cc2c106a76b.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-badge-peer-learning {
  mask: url("/static/images/icons/_all/badge-peer-learning.2f18660d9ff5.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/badge-peer-learning.2f18660d9ff5.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-caret {
  mask: url("/static/images/icons/_all/caret.f947c0a47ac5.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/caret.f947c0a47ac5.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-certificate {
  mask: url("/static/images/icons/_all/certificate.8f1c8ac03603.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/certificate.8f1c8ac03603.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-checkbox-marked-circle {
  mask: url("/static/images/icons/_all/checkbox-marked-circle.9c05306c038a.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/checkbox-marked-circle.9c05306c038a.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-checkbox-blank-circle-outline {
  mask: url("/static/images/icons/_all/checkbox-blank-circle-outline.d098359cf1da.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/checkbox-blank-circle-outline.d098359cf1da.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-checkbox-blank-outline {
  mask: url("/static/images/icons/_all/checkbox-blank-outline.6699e2b6e19c.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/checkbox-blank-outline.6699e2b6e19c.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-checkbox-marked {
  mask: url("/static/images/icons/_all/checkbox-marked.504e4950dfbf.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/checkbox-marked.504e4950dfbf.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-chevron-left {
  mask: url("/static/images/icons/_all/chevron-left.b5ceeed040fe.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/chevron-left.b5ceeed040fe.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-chevron-right {
  mask: url("/static/images/icons/_all/chevron-right.b2147aba42e6.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/chevron-right.b2147aba42e6.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-clear-out {
  mask: url("/static/images/icons/_all/clear-out.e5922fff7f5f.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/clear-out.e5922fff7f5f.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-close {
  mask: url("/static/images/icons/_all/close.57fd68755f81.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/close.57fd68755f81.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-container-contract {
  mask: url("/static/images/icons/_all/container-contract.2575e10e67be.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/container-contract.2575e10e67be.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-container-expand {
  mask: url("/static/images/icons/_all/container-expand.caeb1c0d937d.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/container-expand.caeb1c0d937d.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-delete {
  mask: url("/static/images/icons/_all/delete.de4b880cb1cf.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/delete.de4b880cb1cf.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-diff-content {
  mask: url("/static/images/icons/_all/diff-content.af760a1c3d25.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/diff-content.af760a1c3d25.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-edit {
  mask: url("/static/images/icons/_all/edit.83e670747b3d.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/edit.83e670747b3d.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-empty-module {
  mask: url("/static/images/icons/_all/empty-module.0c3e671a23ff.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/empty-module.0c3e671a23ff.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-exercise {
  mask: url("/static/images/icons/_all/exercise.941738ae367e.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/exercise.941738ae367e.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain;
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH"; }

i.ic-file {
  mask: url("/static/images/icons/_all/file.9c0810f7821b.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/file.9c0810f7821b.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-form {
  mask: url("/static/images/icons/_all/form.88dd9d3bf80c.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/form.88dd9d3bf80c.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-in-person-activity {
  mask: url("/static/images/icons/_all/in-person-activity.6abb227fd091.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/in-person-activity.6abb227fd091.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-information {
  mask: url("/static/images/icons/_all/information.7e4b9fa5a9ad.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/information.7e4b9fa5a9ad.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-lesson {
  mask: url("/static/images/icons/_all/lesson.7c19da7d7ea0.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/lesson.7c19da7d7ea0.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-maximize {
  mask: url("/static/images/icons/_all/maximize.ce22e6c806b2.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/maximize.ce22e6c806b2.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-minimize {
  mask: url("/static/images/icons/_all/minimize.6566fe3a6e72.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/minimize.6566fe3a6e72.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-move {
  mask: url("/static/images/icons/_all/move.d9186f8e4006.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/move.d9186f8e4006.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-multiple-choice {
  mask: url("/static/images/icons/_all/multiple-choice.3fefabe1ab90.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/multiple-choice.3fefabe1ab90.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-numerical-response {
  mask: url("/static/images/icons/_all/numerical-response.25dc5fa499ce.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/numerical-response.25dc5fa499ce.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-online-payment {
  mask: url("/static/images/icons/_all/online-payment.17340855ad17.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/online-payment.17340855ad17.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-open-response {
  mask: url("/static/images/icons/_all/open-response.e18d4a16d430.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/open-response.e18d4a16d430.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-out {
  mask: url("/static/images/icons/_all/out.e50effcb053b.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/out.e50effcb053b.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-pause {
  mask: url("/static/images/icons/_all/pause.1a3bfc576d4f.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/pause.1a3bfc576d4f.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-schedule {
  mask: url("/static/images/icons/_all/schedule.e55c6cebe352.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/schedule.e55c6cebe352.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-search {
  mask: url("/static/images/icons/_all/search.e64f12d549cd.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/search.e64f12d549cd.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-section {
  mask: url("/static/images/icons/_all/section.7ae4d38854cf.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/section.7ae4d38854cf.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-star {
  mask: url("/static/images/icons/_all/star.8131860fc7c2.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/star.8131860fc7c2.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-subsection {
  mask: url("/static/images/icons/_all/subsection.8fbf641e58fb.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/subsection.8fbf641e58fb.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-success-checkbox-marked-circle {
  mask: url("/static/images/icons/_all/success-checkbox-marked-circle.e964866f2ada.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/success-checkbox-marked-circle.e964866f2ada.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-success {
  mask: url("/static/images/icons/_all/success.afef5a2b5e5d.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/success.afef5a2b5e5d.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-test {
  mask: url("/static/images/icons/_all/test.4bc3a1ce0360.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/test.4bc3a1ce0360.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-edraak {
  mask: url("/static/images/icons/_all/edraak.02025191f118.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/edraak.02025191f118.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-text {
  mask: url("/static/images/icons/_all/text.5494cbbf6fae.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/text.5494cbbf6fae.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-video {
  mask: url("/static/images/icons/_all/video.ffe022714065.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/video.ffe022714065.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-forum {
  mask: url("/static/images/icons/_all/forum.8f5ca1a3ca5d.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/forum.8f5ca1a3ca5d.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-audio-playlist {
  mask: url("/static/images/icons/_all/audio_playlist.769a12513d88.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/audio_playlist.769a12513d88.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-audio-component {
  mask: url("/static/images/icons/_all/audio_component.05c70ee74986.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/audio_component.05c70ee74986.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-idnd-question {
  mask: url("/static/images/icons/_all/image_drag_and_drop_question.022eb8817f62.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/image_drag_and_drop_question.022eb8817f62.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-code-question {
  mask: url("/static/images/icons/_all/code-question.c59a0142772f.svg") no-repeat 0 0;
  -webkit-mask: url("/static/images/icons/_all/code-question.c59a0142772f.svg") no-repeat 0 0;
  -webkit-mask-size: contain;
  mask-size: contain; }

i.ic-navigation-item {
  position: relative;
  top: 1px; }

i.ic-module-title {
  vertical-align: top;
  height: 36px;
  width: 36px;
  margin-right: 15px; }

i.ic-read-more-caret {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  transition: 0.3s; }
  i.ic-read-more-caret:hover, i.ic-read-more-caret:focus, i.ic-read-more-caret:active {
    transition: 0.3s; }

i.ic-section-contracted-caret {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  transition: 0.3s; }
  i.ic-section-contracted-caret:hover, i.ic-section-contracted-caret:focus, i.ic-section-contracted-caret:active {
    transition: 0.3s; }

i.ic-section-expanded-caret {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  transition: 0.3s; }
  i.ic-section-expanded-caret:hover, i.ic-section-expanded-caret:focus, i.ic-section-expanded-caret:active {
    transition: 0.3s; }

i.ic-lesson-item {
  height: 16px;
  width: 16px;
  margin-right: 10px;
  position: relative;
  top: 2px; }

i.ic-pause-btn {
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  transition: 0.3s; }
  i.ic-pause-btn:hover, i.ic-pause-btn:focus, i.ic-pause-btn:active {
    transition: 0.3s; }

i.ic-prev-caret {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  width: 16px;
  height: 16px;
  position: relative;
  top: 2px;
  transition: 0.3s; }
  i.ic-prev-caret:hover, i.ic-prev-caret:focus, i.ic-prev-caret:active {
    transition: 0.3s; }

i.ic-toggle {
  height: 26px;
  width: 26px;
  margin-right: 10px;
  top: 3px;
  position: relative;
  cursor: pointer; }

i.ic-checkbox {
  float: left ;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  position: relative;
  top: 2px; }

i.ic-calendar-item {
  height: 18px;
  width: 18px;
  margin-right: 10px;
  top: 3px;
  position: relative; }

i.ic-component-builder-canvas {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  vertical-align: middle; }

i.ic-component-menu-button-create {
  width: 24px;
  height: 24px;
  margin-right: 10px;
  vertical-align: middle; }

i.ic-component-menu-button-import {
  width: 18px;
  height: 18px;
  margin-right: 10px;
  vertical-align: middle; }

i.ic-component-completed-checkmark {
  width: 16px;
  height: 16px;
  margin: 0;
  float: right ; }

i.ic-criterion-fulfilled {
  width: 12px;
  height: 12px;
  margin: 0;
  margin-right: 10px; }

/*----------  Media Query Breakpoints  ----------*/
/*=====  End of Icons  ======*/
/*==================================
=            GLYPHICONS            =
==================================*/
/* Since Bootstrap v4 deprecates the usage of Glyphicons, we must have this file for the datepicker icons */
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot");
  src: url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff") format("woff"), url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings' !important;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-briefcase:before {
  content: "\1f4bc"; }

.glyphicon-calendar:before {
  content: "\1f4c5"; }

.glyphicon-pushpin:before {
  content: "\1f4cc"; }

.glyphicon-paperclip:before {
  content: "\1f4ce"; }

.glyphicon-camera:before {
  content: "\1f4f7"; }

.glyphicon-lock:before {
  content: "\1f512"; }

.glyphicon-bell:before {
  content: "\1f514"; }

.glyphicon-bookmark:before {
  content: "\1f516"; }

.glyphicon-fire:before {
  content: "\1f525"; }

.glyphicon-wrench:before {
  content: "\1f527"; }

/*=====  End of GLYPHICONS  ======*/
/*==================================
=            Action Bar            =
==================================*/
.action-bar {
  position: relative;
  padding: 5px 20px;
  border-radius: 4px 4px 0 0;
  /*----------  Media Query Breakpoints  ----------*/ }
  .action-bar:after {
    content: "";
    display: table;
    clear: both; }
  .action-bar .prev-question {
    float: left ;
    width: 50px;
    text-transform: uppercase;
    text-align: left; }
    .action-bar .prev-question:hover, .action-bar .prev-question:focus, .action-bar .prev-question:active {
      text-decoration: none; }
  .action-bar .next-question {
    float: right ;
    width: 50px;
    text-transform: uppercase;
    text-align: right; }
    .action-bar .next-question:hover, .action-bar .next-question:focus, .action-bar .next-question:active {
      text-decoration: none; }
  .action-bar .upcoming-question {
    width: calc(100% - 50px - 50px);
    text-align: center;
    float: left ; }

/*=====  End of Action Bar  ======*/
/*========================================
=            Module - Questions          =
========================================*/
.module-questions {
  counter-reset: item;
  list-style: none;
  padding-left: 0;
  margin-left: 0;
  /*----------  Media Query Breakpoints  ----------*/ }
  .module-questions .module-question {
    margin-bottom: 30px;
    counter-increment: item; }
    .module-questions .module-question:before {
      margin-right: 10px;
      content: "Question " counter(item);
      font-size: 1.25rem;
      font-weight: 700; }

/*=====  End of Module - Questions  ======*/
.video-js.edraak-video-js .vjs-big-play-button {
  box-sizing: border-box;
  width: 80px;
  height: 80px;
  padding-top: 14px;
  padding-left: 8px;
  line-height: 65px;
  border: 6px solid #fff;
  border-radius: 50%;
  color: #f5f5f5;
  text-align: center;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 60px;
  font-weight: bold;
  transition: all 0.3s ease;
  top: 50%;
  left: 50%;
  margin-top: -40px;
  margin-left: -40px; }
  .video-js.edraak-video-js .vjs-big-play-button:hover {
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 10px #ffff64;
    text-shadow: 0 0 10px #ffff64; }

.video-js.edraak-video-js.vjs-paused .vjs-big-play-button {
  display: block; }

/*==============================================
=            Module - Lesson Widget            =
==============================================*/
.module-lesson-widget {
  color: #fffefe;
  background: #076b6d;
  display: block;
  border-radius: 8px;
  box-shadow: 0 16px 24px 0 rgba(0, 8, 9, 0.24);
  max-width: 260px;
  max-height: 398px;
  width: 100%;
  z-index: 2;
  position: absolute;
  /*----------  Media Query Breakpoints  ----------*/ }
  .module-lesson-widget.minimized {
    max-width: 56px; }
    .module-lesson-widget.minimized .lesson-widget-header {
      text-align: center;
      padding: 7.5px 0; }
      .module-lesson-widget.minimized .lesson-widget-header .lesson-widget-header-title {
        display: none; }
      .module-lesson-widget.minimized .lesson-widget-header .lesson-widget-header-marker {
        position: unset; }
    .module-lesson-widget.minimized .lesson-items {
      overflow: hidden; }
      .module-lesson-widget.minimized .lesson-items .lesson-item .lesson-item-label {
        display: none; }
  .module-lesson-widget .lesson-widget-header {
    padding: 7.5px 20px;
    box-shadow: 0 12px 20px 0 rgba(0, 8, 9, 0.18); }
    .module-lesson-widget .lesson-widget-header .lesson-widget-header-title {
      display: inline-block;
      top: 2px;
      position: relative; }
    .module-lesson-widget .lesson-widget-header .lesson-widget-header-marker {
      display: inline-block;
      position: absolute; }
  .module-lesson-widget .lesson-items {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
    max-height: calc(398px - 45px);
    overflow: auto; }
    .module-lesson-widget .lesson-items .lesson-item {
      padding: 10px 20px;
      cursor: pointer; }
    .module-lesson-widget .lesson-items .lesson-item.active, .module-lesson-widget .lesson-items .lesson-item:hover {
      background: #0b9da0; }
  @media (max-width: 767px) {
    .module-lesson-widget {
      position: unset;
      max-width: unset; }
      .module-lesson-widget.minimized {
        max-width: unset; }
        .module-lesson-widget.minimized .lesson-widget-header {
          text-align: unset;
          padding: 7.5px 20px; }
          .module-lesson-widget.minimized .lesson-widget-header .lesson-widget-header-title {
            display: unset; }
        .module-lesson-widget.minimized .lesson-items {
          max-height: calc(180px - 45px); }
          .module-lesson-widget.minimized .lesson-items .lesson-item .lesson-item-label {
            display: unset; } }
/*=====  End of Module - Lesson Widget  ======*/
/*===================================================
=            Module - Submission Success            =
===================================================*/
.module-submission-success {
  margin-top: 20px;
  text-align: center;
  display: block;
  /*----------  Media Query Breakpoints  ----------*/ }
  .module-submission-success > * {
    margin-bottom: 20px; }
  .module-submission-success .test-grade-mark {
    color: #a31736;
    font-weight: 700;
    text-transform: italic;
    font-size: 100px;
    font-family: 'Calibri';
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg); }
  .module-submission-success .test-grade-mark-f {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  .module-submission-success .answered-quantity {
    font-weight: 700; }
  .module-submission-success .correct-quantity {
    font-weight: 700; }
  .module-submission-success .total-quantity {
    font-weight: 700; }

/*=====  End of Module - Submission Success  ======*/
/*=======================================
=            Dashboard Cards            =
=======================================*/
.dashboard-card {
  width: 50%;
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 30px;
  border: none;
  float: left;
  background: none;
  /*----------  Media Query Breakpoints  ----------*/ }
  .dashboard-card .card-inner {
    background: #fffefe;
    box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12);
    transition: 0.3s; }
    .dashboard-card .card-inner:hover {
      transition: 0.3s;
      box-shadow: 0 16px 24px 0 rgba(0, 8, 9, 0.24); }
    .dashboard-card .card-inner .card-img-top {
      position: relative;
      height: 200px;
      overflow-y: auto;
      width: 100%;
      z-index: 0;
      position: relative;
      background: transparent url('https://via.placeholder.com/600x400?text=Replace+me') no-repeat center;
      background-size: cover; }
      .dashboard-card .card-inner .card-img-top:before {
        background: rgba(0, 5, 14, 0);
        background: -webkit-linear-gradient(legacy-direction(180deg), rgba(0, 5, 14, 0) 0%, rgba(0, 5, 14, 0.12) 30%, rgba(0, 5, 14, 0.25) 50%, rgba(0, 5, 14, 0.5) 70%, rgba(0, 5, 14, 0.75) 90%, rgba(0, 5, 14, 0.88) 96%, #000809 100%);
        background: linear-gradient(180deg, rgba(0, 5, 14, 0) 0%, rgba(0, 5, 14, 0.12) 30%, rgba(0, 5, 14, 0.25) 50%, rgba(0, 5, 14, 0.5) 70%, rgba(0, 5, 14, 0.75) 90%, rgba(0, 5, 14, 0.88) 96%, #000809 100%);
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; }
      .dashboard-card .card-inner .card-img-top:hover {
        cursor: pointer; }
    .dashboard-card .card-inner .card-title-container {
      position: absolute;
      bottom: 0;
      padding: 20px;
      color: #fffefe;
      width: 100%; }
      .dashboard-card .card-inner .card-title-container .card-title {
        display: inline;
        margin-bottom: 0; }
        .dashboard-card .card-inner .card-title-container .card-title:hover:after {
          position: absolute;
          mask: url("/static/images/icons/_all/edit.83e670747b3d.svg") no-repeat 0 0;
          -webkit-mask: url("/static/images/icons/_all/edit.83e670747b3d.svg") no-repeat 0 0;
          -webkit-mask-size: contain;
          mask-size: contain;
          display: inline-block;
          background: #fffefe;
          height: 25px;
          width: 25px;
          content: "";
          margin-top: 1px;
          margin-left: 5px;
          right: 0; }
      .dashboard-card .card-inner .card-title-container .card-slug {
        margin-bottom: 0;
        margin-top: 5px; }
    .dashboard-card .card-inner .card-body ul.card-bullet-points {
      margin: 0;
      padding: 0;
      list-style-type: none;
      border-bottom: 1px solid #d5dee4; }
      .dashboard-card .card-inner .card-body ul.card-bullet-points:after {
        content: "";
        display: table;
        clear: both; }
      .dashboard-card .card-inner .card-body ul.card-bullet-points li {
        float: left;
        display: inline-block;
        width: 50%;
        padding: 20px; }
        .dashboard-card .card-inner .card-body ul.card-bullet-points li.start-date {
          border-right: 1px solid #d5dee4; }
          .dashboard-card .card-inner .card-body ul.card-bullet-points li.start-date .ic {
            height: 20px;
            width: 20px;
            background: #000809;
            position: relative;
            top: 3px;
            margin-right: 5px; }
        .dashboard-card .card-inner .card-body ul.card-bullet-points li.people-info .avatar-container {
          top: -2px;
          margin-right: 5px;
          display: inline-block; }
          .dashboard-card .card-inner .card-body ul.card-bullet-points li.people-info .avatar-container.single img {
            height: 20px;
            width: 20px; }
          .dashboard-card .card-inner .card-body ul.card-bullet-points li.people-info .avatar-container.multiple {
            margin-left: 10px; }
            .dashboard-card .card-inner .card-body ul.card-bullet-points li.people-info .avatar-container.multiple img {
              height: 20px;
              width: 20px;
              margin-left: -10px;
              position: relative;
              box-shadow: 0 4px 8px 0 rgba(0, 8, 9, 0.06); }
          .dashboard-card .card-inner .card-body ul.card-bullet-points li.people-info .avatar-container img {
            border-radius: 100%;
            position: relative; }
    .dashboard-card .card-inner .card-body .card-text-and-actions {
      position: relative;
      padding: 20px 20px 30px 20px; }
      .dashboard-card .card-inner .card-body .card-text-and-actions .about-label {
        color: #597991;
        margin-bottom: 10px; }
      .dashboard-card .card-inner .card-body .card-text-and-actions .card-text {
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 96px; }
      .dashboard-card .card-inner .card-body .card-text-and-actions .card-actions .instructor-actions:after {
        content: "";
        display: table;
        clear: both; }
      .dashboard-card .card-inner .card-body .card-text-and-actions .card-actions .instructor-actions .clone {
        padding: 10px;
        color: #acbcc8;
        vertical-align: middle; }
      .dashboard-card .card-inner .card-body .card-text-and-actions .card-actions .instructor-actions .more-options {
        position: relative;
        margin-top: 6px;
        float: right; }
      .dashboard-card .card-inner .card-body .card-text-and-actions .card-actions .more-options {
        color: #acbcc8;
        margin-left: 10px; }
        .dashboard-card .card-inner .card-body .card-text-and-actions .card-actions .more-options:hover, .dashboard-card .card-inner .card-body .card-text-and-actions .card-actions .more-options:active, .dashboard-card .card-inner .card-body .card-text-and-actions .card-actions .more-options:focus {
          text-decoration: none; }
        .dashboard-card .card-inner .card-body .card-text-and-actions .card-actions .more-options .ic {
          position: relative;
          top: 3px;
          height: 16px;
          width: 16px;
          background: #acbcc8; }
      .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions {
        overflow: auto;
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fffefe;
        box-shadow: 0 12px 20px 0 rgba(0, 8, 9, 0.18); }
        .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-top-bar {
          background: #d5dee4;
          padding: 5px;
          text-align: center; }
          .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-top-bar .more-options {
            color: #acbcc8; }
            .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-top-bar .more-options:hover, .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-top-bar .more-options:active, .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-top-bar .more-options:focus {
              text-decoration: none; }
            .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-top-bar .more-options .ic {
              position: relative;
              top: 3px;
              height: 16px;
              width: 16px;
              background: #acbcc8;
              -webkit-transform: rotate(180deg);
              -ms-transform: rotate(180deg);
              transform: rotate(180deg); }
        .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-content {
          max-height: 100%; }
          .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-content .extended-actions-section {
            padding: 20px;
            border-bottom: 1px solid #d5dee4; }
            .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-content .extended-actions-section .extended-actions-section-title {
              font-weight: 700;
              text-transform: uppercase;
              padding-bottom: 10px; }
            .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-content .extended-actions-section .btn-action {
              margin-top: 10px; }
            .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-content .extended-actions-section .danger-action:hover, .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-content .extended-actions-section .danger-action:focus, .dashboard-card .card-inner .card-body .card-text-and-actions .extended-actions .extended-actions-content .extended-actions-section .danger-action:active {
              color: #a31736;
              text-decoration: none; }
      .dashboard-card .card-inner .card-body .card-text-and-actions.show-more-actions .extended-actions {
        display: inline-block; }
  @media (max-width: 991px) {
    .dashboard-card {
      max-width: initial;
      width: 100%;
      float: none;
      padding-right: 0; }
      .dashboard-card .card-inner .card-body ul.card-bullet-points li {
        float: none;
        width: 100%; }
        .dashboard-card .card-inner .card-body ul.card-bullet-points li.start-date {
          border-right: none;
          border-bottom: 1px solid #d5dee4; } }
/*=====  End of Dashboard Cards  ======*/
.hide-in-ltr {
  display: none; }

/*
 * ADVANCED:
 * Think of advanced as buildings (components) and cities (pages).
*/
/*
   * ADVANCED - COMPONENTS:
   * Think of module components as buildings.
  */
/*==============================
=          Global Nav          =
==============================*/
.global-nav {
  position: relative;
  background: #000809;
  z-index: 6;
  /*----------  Media Query Breakpoints  ----------*/ }
  .global-nav:after {
    content: "";
    display: table;
    clear: both; }
  .global-nav .language-selection {
    float: left ;
    padding: 6px 0 0 30px;
    color: #fffefe; }
    .global-nav .language-selection a {
      color: #acbcc8;
      font-weight: 400; }
      .global-nav .language-selection a:hover, .global-nav .language-selection a:focus, .global-nav .language-selection a:active {
        text-decoration: none; }
      .global-nav .language-selection a.arabic-language {
        position: relative;
        top: -3px; }
      .global-nav .language-selection a.active {
        color: #fffefe;
        font-weight: 700; }
    .global-nav .language-selection .language-divider {
      position: relative;
      top: -2px;
      padding: 0 5px;
      color: #acbcc8; }
  .global-nav ul.nav-items {
    list-style: none;
    padding: 5px 30px 8px 0;
    float: right ;
    margin-bottom: 0; }
    .global-nav ul.nav-items li {
      display: inline;
      padding: 0 0 0 20px; }
      .global-nav ul.nav-items li a.nav-link {
        padding: 0;
        display: inline-block;
        color: #fffefe;
        text-transform: uppercase; }
        .global-nav ul.nav-items li a.nav-link:hover, .global-nav ul.nav-items li a.nav-link:active, .global-nav ul.nav-items li a.nav-link:focus {
          color: #d5dee4; }
  @media (max-width: 575px) {
    .global-nav .language-selection {
      padding-left: 10px; }
    .global-nav ul.nav-items {
      padding-right: 10px; } }
/*=====  End of Global Nav  ======*/
/*==============================
=          Global Nav          =
==============================*/
.site-header {
  background: white;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 130;
  border-bottom: solid 1px rgba(151, 151, 151, 0.3);
  width: 100%;
  min-height: 80px;
  display: flex;
  justify-content: center;
  align-items: center; }
  @media (max-width: 767px) {
    .site-header {
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 17px 0px;
      position: relative; } }
  .site-header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: auto !important;
    min-height: auto !important; }
    .site-header .container .site-header__menu {
      margin-top: 0px;
      position: relative;
      float: none;
      vertical-align: middle;
      align-content: center;
      align-items: center;
      align-self: center;
      width: auto;
      padding: 0 70px 0 20px; }
  .site-header .container {
    min-height: inherit;
    padding-left: 15px !important;
    padding-right: 15px !important; }
    @media (min-width: 991px) {
      .site-header .container {
        width: 960px;
        max-width: 100%; } }
    @media (max-width: 991px) {
      .site-header .container {
        width: 100%;
        max-width: 100%; } }
    @media (min-width: 1200px) {
      .site-header .container {
        width: 80%;
        max-width: 95%; } }
  .site-header__logo {
    display: inline-block;
    width: auto; }
    .site-header__logo a img {
      max-height: 75px;
      width: 120px;
      height: auto; }
      @media (max-width: 767px) {
        .site-header__logo a img {
          max-height: 75px;
          width: auto;
          height: auto; } }
      @media (max-width: 400px) {
        .site-header__logo a img {
          width: 120px; } }
      @media (max-width: 270px) {
        .site-header__logo a img {
          width: 80px; } }
  .site-header__dashboard-title {
    width: 77%;
    padding: 0;
    float: right ;
    display: inline;
    position: absolute;
    float: right;
    margin-top: 0;
    padding-top: 14px; }
    @media (max-width: 992px) {
      .site-header__dashboard-title {
        width: 74%;
        font-size: 20px;
        float: left ; } }
    @media (max-width: 767px) {
      .site-header__dashboard-title {
        width: 40%;
        font-size: 12px;
        height: 63px;
        overflow-y: hidden; } }
    @media (max-width: 600px) {
      .site-header__dashboard-title {
        width: 80%; } }
    .site-header__dashboard-title .header-program-title {
      float: left ;
      margin: 0; }
      @media (max-width: 992px) {
        .site-header__dashboard-title .header-program-title {
          font-size: 19px; } }
      @media (max-width: 767px) {
        .site-header__dashboard-title .header-program-title {
          margin: 0;
          line-height: 18px; } }
      @media (max-width: 670px) {
        .site-header__dashboard-title .header-program-title {
          font-size: 15px; } }
      @media (max-width: 600px) {
        .site-header__dashboard-title .header-program-title {
          font-size: 16px;
          line-height: inherit; } }
  .site-header__search-form {
    position: relative;
    width: 77%;
    padding: 0;
    float: right ; }
    @media (max-width: 992px) {
      .site-header__search-form {
        display: none; } }
    .site-header__search-form i {
      position: absolute;
      top: 11px;
      font-size: 30px;
      color: #5d5e70;
      transform: scaleX(-1);
      -webkit-transform: scaleX(-1);
      -moz-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      -o-transform: scaleX(-1);
      left: 9px;
      right: auto; }
      @media (max-width: 991px) {
        .site-header__search-form i {
          display: none; } }
    .site-header__search-form .text {
      width: 100%;
      background: #fafbfc;
      border: solid 1px #bbbbbb;
      outline: none;
      padding: 14px 47px;
      color: #5d5e70;
      border-radius: 4px;
      font-size: 16px;
      text-align: left; }
    .site-header__search-form .submit {
      position: absolute;
      top: 6px;
      right: 9px;
      left: auto;
      color: white;
      padding: 9px 21px;
      border: 0;
      border-radius: 4px;
      background: #222544;
      cursor: pointer;
      box-shadow: unset;
      display: unset;
      text-transform: none;
      line-height: 25px;
      font-size: 12px;
      font-style: normal;
      font-weight: 400; }
      .site-header__search-form .submit:hover {
        background: #111322 !important; }
    @media (max-width: 992px) {
      .site-header__search-form.open {
        display: block;
        position: absolute;
        top: 117px;
        z-index: 99999;
        width: 100%;
        left: 0; } }
    @media (max-width: 767px) {
      .site-header__search-form.open {
        top: 59px; } }
    @media (max-width: 992px) {
      .site-header__search-form.open .text {
        padding: 20px;
        font-size: 12px;
        color: white;
        background: #5d5e70; } }
    @media (max-width: 992px) {
      .site-header__search-form.open .text {
        padding: 17px; } }
    @media (max-width: 992px) {
      .site-header__search-form.open .text::-webkit-input-placeholder {
        color: white; } }
    @media (max-width: 992px) {
      .site-header__search-form.open .text.submit {
        padding: 6px 15px !important;
        margin-top: 0; } }
    @media (max-width: 767px) {
      .site-header__search-form.open .text.submit {
        margin-top: 0; } }
  .site-header__user-info {
    width: auto;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 1.5px; }
    @media (max-width: 767px) {
      .site-header__user-info {
        text-align: right;
        margin: 0;
        display: flex;
        gap: 10px;
        background-color: white; } }
    .site-header__user-info .content {
      align-items: center;
      display: flex;
      gap: 10px; }
      @media (max-width: 767px) {
        .site-header__user-info .content {
          display: none !important; } }
    .site-header__user-info .hidden-search {
      display: none; }
      @media (max-width: 992px) {
        .site-header__user-info .hidden-search {
          display: inline-block; } }
    .site-header__user-info a.lang {
      padding: 0px !important;
      display: flex !important;
      justify-content: center;
      align-items: center;
      line-height: 1 !important;
      font-size: 12px;
      height: 40px;
      width: 40px;
      font-weight: 400;
      border-radius: 50% !important;
      color: #4C6373;
      border-color: #4C6373;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0;
      text-align: center; }
      .site-header__user-info a.lang:hover {
        color: #fffefe;
        background-color: #0BA7AA; }
      @media (max-width: 991px) {
        .site-header__user-info a.lang {
          height: 33px;
          width: 33px; } }
    .site-header__user-info a.my-account, .site-header__user-info a.lang, .site-header__user-info a.dashboard-btn {
      cursor: pointer;
      font-size: 12px !important;
      background: white;
      font-weight: 700;
      padding: 6px 18px;
      border: solid 1px #4C6373;
      border-radius: 4px;
      line-height: 1.8;
      vertical-align: middle;
      color: #4C6373;
      text-shadow: none;
      display: inline-block; }
      .site-header__user-info a.my-account:hover, .site-header__user-info a.lang:hover, .site-header__user-info a.dashboard-btn:hover {
        background-color: #0BA7AA;
        color: #000;
        text-decoration: none; }
    .site-header__user-info a.dashboard-btn {
      background: #0b9da0;
      border-color: transparent;
      color: white; }
      .site-header__user-info a.dashboard-btn:hover {
        background: #076b6d;
        color: white;
        text-decoration: none;
        box-shadow: none; }
    @media (max-width: 767px) {
      .site-header__user-info .my-account {
        display: none !important; } }
    .site-header__user-info .my-account.logged {
      padding-right: 15px;
      max-width: 120px;
      white-space: nowrap;
      overflow: hidden;
      line-height: 1 !important;
      text-overflow: ellipsis;
      margin-left: 0;
      border: 0 !important;
      color: #4C6373;
      cursor: pointer;
      box-shadow: none;
      text-shadow: none;
      text-transform: none;
      letter-spacing: 0;
      font-weight: 400; }
      .site-header__user-info .my-account.logged:focus {
        outline: none; }
      .site-header__user-info .my-account.logged:hover {
        text-decoration: none;
        text-decoration-color: #4C6373;
        background: none;
        color: #4C6373; }
    .site-header__user-info .my-account .caret {
      position: absolute;
      left: auto;
      right: 2px;
      top: 8px;
      border-right: 4px solid transparent;
      border-left: 4px solid transparent;
      display: inline-block;
      width: 0;
      height: 0;
      margin-left: 2px;
      vertical-align: middle;
      border-top: 4px dashed; }
    .site-header__user-info .my-account-dropdown {
      position: relative; }
      .site-header__user-info .my-account-dropdown ul {
        z-index: 10000;
        margin-top: 8px;
        margin-left: 0;
        box-shadow: 2px 5px 20px -3px rgba(0, 0, 0, 0.3);
        border-radius: 10px;
        padding: 0;
        overflow: hidden;
        position: absolute;
        top: 100%;
        left: 0;
        float: left ;
        min-width: 160px;
        list-style: none;
        font-size: 14px;
        text-align: left;
        background-color: white;
        border: 1px solid #bbbbbb;
        background-clip: padding-box; }
        @media (max-width: 767px) {
          .site-header__user-info .my-account-dropdown ul.open {
            display: none; } }
        @media (max-width: 767px) {
          .site-header__user-info .my-account-dropdown ul {
            display: none; } }
        .site-header__user-info .my-account-dropdown ul li {
          padding: 10px; }
          .site-header__user-info .my-account-dropdown ul li + li {
            border-top: 1px solid rgba(0, 0, 0, 0.13); }
          .site-header__user-info .my-account-dropdown ul li:hover {
            background: #0b9da0; }
            .site-header__user-info .my-account-dropdown ul li:hover a {
              color: white;
              font-weight: normal; }
          .site-header__user-info .my-account-dropdown ul li a {
            color: #5d5e70;
            font-weight: normal;
            font-size: 12px; }
            .site-header__user-info .my-account-dropdown ul li a.logout {
              color: #ff5e5e; }
            .site-header__user-info .my-account-dropdown ul li a:hover {
              background: transparent;
              color: white;
              font-weight: normal;
              text-decoration: none; }
    .site-header__user-info .mobile-menu-button {
      padding: 0;
      vertical-align: middle;
      border: 0;
      outline: none;
      background: transparent;
      border-radius: 0;
      display: none;
      margin-top: 1px;
      margin-left: 3px;
      /*@media(max-width: $break-mobile) {
            display: inline-block;
            //margin-right: 10px;
          }*/ }
      .site-header__user-info .mobile-menu-button:focus, .site-header__user-info .mobile-menu-button:active, .site-header__user-info .mobile-menu-button:hover {
        border: 0;
        background: transparent; }
      @media (max-width: 767px) {
        .site-header__user-info .mobile-menu-button {
          display: inline-block !important; } }
      .site-header__user-info .mobile-menu-button .icon-bar {
        display: block;
        width: 30px;
        background: #5d5e70;
        height: 4px; }
        @media (max-width: 767px) {
          .site-header__user-info .mobile-menu-button .icon-bar {
            height: 4px; } }
        .site-header__user-info .mobile-menu-button .icon-bar.middle {
          margin: 9px 0; }
          @media (max-width: 767px) {
            .site-header__user-info .mobile-menu-button .icon-bar.middle {
              margin: 5px 0; } }
      .site-header__user-info .mobile-menu-button.open .icon-bar:first-child {
        -webkit-transform: rotate(45deg) translate(4px, -2px);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }
      .site-header__user-info .mobile-menu-button.open .icon-bar:last-child {
        -webkit-transform: rotate(-45deg) translate(4px, 1px);
        -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); }
      .site-header__user-info .mobile-menu-button.open .icon-bar.middle {
        display: none; }
    .site-header__user-info.dashboard {
      padding-top: 10px; }
      .site-header__user-info.dashboard a {
        text-align: center;
        border-radius: 5px;
        border-bottom: 0; }
    .site-header__user-info .dashboard-btn {
      border-color: transparent;
      color: white; }
      @media (max-width: 767px) {
        .site-header__user-info .dashboard-btn {
          display: none !important; } }
  .site-header__menu {
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
    line-height: 1.5;
    margin: 0; }
    @media (max-width: 767px) {
      .site-header__menu {
        z-index: 9999;
        width: 100%;
        background: #f5f5f5;
        border-top: 1px solid #bbbbbb;
        margin: 17px 0 0 0;
        display: none;
        position: relative; } }
    .site-header__menu ul {
      list-style: none;
      padding: 0;
      margin: 0; }
      .site-header__menu ul li {
        display: inline-block;
        vertical-align: middle;
        border-bottom: 2px solid transparent;
        position: relative;
        font-weight: normal;
        margin-right: 15px;
        margin-left: 0;
        margin-bottom: -10px; }
        .site-header__menu ul li.space-after {
          margin-right: 30px; }
        @media (max-width: 767px) {
          .site-header__menu ul li {
            border-right: 0;
            border-left: 1px solid #bbbbbb;
            text-align: center;
            width: 33.3%;
            margin: 0;
            float: left ; } }
        @media (max-width: 767px) {
          .site-header__menu ul li {
            width: 50%;
            margin: 0;
            padding: 10px 0;
            float: left ; } }
        .site-header__menu ul li.home {
          font-size: 15px; }
          @media (max-width: 767px) {
            .site-header__menu ul li.home {
              display: none; } }
        .site-header__menu ul li:hover {
          border-bottom: 2px solid #0b9da0; }
          @media (max-width: 991px) {
            .site-header__menu ul li:hover {
              border-bottom: 2px solid #0b9da0;
              padding-bottom: 0; } }
          @media (max-width: 767px) {
            .site-header__menu ul li:hover {
              padding-bottom: 8px; } }
        .site-header__menu ul li .new {
          border-radius: 100px;
          background-color: #de2241;
          font-size: 11px;
          font-weight: bold;
          text-align: center;
          color: white;
          position: absolute;
          top: 1px;
          bottom: auto;
          padding: 0 9px;
          line-height: 20px;
          right: -55px;
          left: auto; }
          @media (max-width: 992px) {
            .site-header__menu ul li .new {
              right: 20px;
              top: 5px; } }
          @media (max-width: 767px) {
            .site-header__menu ul li .new {
              padding: 0 6px; } }
        .site-header__menu ul li.active {
          border-bottom: 6px solid #0b9da0;
          font-weight: bold; }
          @media (max-width: 992px) {
            .site-header__menu ul li.active {
              border-bottom-width: 4px; } }
        .site-header__menu ul li a {
          color: #222544;
          text-decoration: none;
          display: block;
          padding: 5px 2px;
          font-weight: normal; }
          @media (max-width: 992px) {
            .site-header__menu ul li a {
              margin-bottom: 0;
              padding: 12px; } }
          @media (max-width: 767px) {
            .site-header__menu ul li a {
              color: #000809;
              text-align: left;
              padding: 0;
              margin: 0;
              margin-left: 15px;
              border: 0;
              font-size: 12px;
              margin-top: 4px; } }
    .site-header__menu .submenu {
      position: absolute;
      display: block;
      opacity: 0;
      height: 0;
      z-index: 200;
      width: 250px;
      background: white;
      box-shadow: none;
      margin-top: 6px;
      border-radius: 10px;
      overflow: hidden; }
      @media (max-width: 991px) {
        .site-header__menu .submenu {
          margin-top: 17px; } }
      @media (max-width: 767px) {
        .site-header__menu .submenu {
          width: 201%;
          border-radius: 0;
          left: -1px;
          right: -1px; } }
      .site-header__menu .submenu-parent {
        position: relative; }
        .site-header__menu .submenu-parent a:after {
          content: '';
          position: absolute;
          width: 10px;
          height: 10px;
          background: url("/static/images/down_arrow.47cb66cc7783.png");
          background-size: 100% 100%;
          top: 15px;
          right: -17px;
          left: auto; }
          @media (max-width: 992px) {
            .site-header__menu .submenu-parent a:after {
              top: 48%;
              right: 13px; } }
          @media (max-width: 991px) {
            .site-header__menu .submenu-parent a:after {
              top: 22px;
              right: 13px; } }
          @media (max-width: 767px) {
            .site-header__menu .submenu-parent a:after {
              right: 7px; } }
      .site-header__menu .submenu.open {
        opacity: 1;
        height: auto;
        box-shadow: 0 4px 16px 5px rgba(0, 0, 0, 0.3) !important; }
      .site-header__menu .submenu > li {
        width: 100%;
        display: block;
        margin: 0;
        padding: 10px 20px;
        border-bottom: 0; }
        .site-header__menu .submenu > li a {
          margin: 0; }
          .site-header__menu .submenu > li a:after {
            display: none; }
        .site-header__menu .submenu > li:hover {
          border-bottom: 0 !important;
          padding-bottom: 10px;
          background: #0b9da0; }
          .site-header__menu .submenu > li:hover a {
            color: white; }
        .site-header__menu .submenu > li + li {
          border-top: 1px solid rgba(0, 0, 0, 0.13); }
  .site-header .program-owner-menu {
    display: block;
    font-size: 13px;
    font-style: italic; }
    @media (max-width: 992px) {
      .site-header .program-owner-menu {
        display: none; } }
  .site-header .program-title-menu {
    display: none;
    padding: 13px 25px; }
    @media (max-width: 992px) {
      .site-header .program-title-menu {
        display: block; } }
  .site-header .site-header__left-section, .site-header .site-header__right-section {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    vertical-align: middle; }
  .site-header.minimal {
    display: flex;
    justify-content: center;
    min-height: 85px;
    position: absolute;
    background: transparent;
    border-bottom: none; }
    .site-header.minimal .container {
      min-height: 0px;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      @media (min-width: 992px) {
        .site-header.minimal .container {
          width: 80%; } }
      .site-header.minimal .container .site-header__user-info {
        align-content: center;
        align-items: center;
        display: flex;
        gap: 10px;
        margin-right: 0; }
        .site-header.minimal .container .site-header__user-info .content {
          display: flex;
          gap: 10px;
          align-items: center; }
      .site-header.minimal .container .site-header__menu {
        margin-top: 0px;
        position: relative;
        float: none;
        vertical-align: middle;
        align-content: center;
        align-items: center;
        align-self: center;
        width: auto;
        padding: 0 70px 0 20px; }
        .site-header.minimal .container .site-header__menu ul li.home, .site-header.minimal .container .site-header__menu ul li.home a {
          font-size: 14px; }
        @media (max-width: 991px) {
          .site-header.minimal .container .site-header__menu {
            z-index: unset;
            width: unset;
            background: unset;
            border-top: unset;
            margin: unset;
            display: unset;
            position: relative; }
            .site-header.minimal .container .site-header__menu ul li {
              border-left: unset;
              border-right: unset;
              text-align: unset;
              width: unset;
              margin: unset;
              float: unset; } }
        @media (max-width: 767px) {
          .site-header.minimal .container .site-header__menu ul li.home {
            display: unset;
            padding: unset; } }
    .site-header.minimal .site-header__logo img {
      width: 120px; }
    .site-header.minimal .site-header__left-section .btn, .site-header.minimal .site-header__left-section .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .site-header.minimal .site-header__left-section .custom-file-input + .custom-file-control:before {
      padding: 6px 18px;
      height: unset;
      border-radius: 25px;
      font-size: 10px;
      line-height: 18px; }
      .site-header.minimal .site-header__left-section .btn.btn-default, .site-header.minimal .site-header__left-section .form-group label.custom-file .custom-file-input + .btn-default.custom-file-control:before, .form-group label.custom-file .site-header.minimal .site-header__left-section .custom-file-input + .btn-default.custom-file-control:before {
        border: solid 1px #4C6373;
        background: #fffefe;
        color: #4C6373; }
    .site-header.minimal .site-header__left-section .lang {
      font-size: 12px;
      height: 40px;
      width: 40px;
      font-weight: 400;
      border-radius: 50%;
      color: #4C6373;
      border-color: #4C6373;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 0;
      text-align: center; }
      .site-header.minimal .site-header__left-section .lang:hover {
        color: #fffefe !important;
        background-color: #0BA7AA; }
      @media (max-width: 991px) {
        .site-header.minimal .site-header__left-section .lang {
          height: 33px;
          width: 33px; } }
    @media (max-width: 991px) {
      .site-header.minimal {
        border-bottom: solid 1px rgba(151, 151, 151, 0.3);
        position: relative;
        background: white; }
        .site-header.minimal .site-header__left-section {
          padding-top: 5px; }
        .site-header.minimal .site-header__user-info .content {
          display: inline !important; } }
    @media (max-width: 767px) {
      .site-header.minimal {
        padding-bottom: 10px;
        min-height: 55px; }
        .site-header.minimal .site-header__logo {
          margin-right: 10px; }
          .site-header.minimal .site-header__logo a img {
            width: 90px; }
        .site-header.minimal .site-header__left-section {
          padding-top: 10px;
          flex-grow: unset; }
          .site-header.minimal .site-header__left-section__dashboard-title {
            display: none; }
          .site-header.minimal .site-header__left-section--user-info {
            margin-left: 15px; }
            .site-header.minimal .site-header__left-section--user-info .lang {
              padding: 3px 7px;
              height: 30px;
              font-size: 10px; }
        .site-header.minimal .site-header__right-section .site-header__menu {
          padding: 0 20px 0; } }
.payment-header {
  border-bottom: none;
  position: relative; }

/*=====  End of Global Nav  ======*/
/*==============================
=          Program Nav         =
==============================*/
.program-nav {
  background: #fffefe;
  width: 100%;
  padding: 9.5px 0 9.5px 0;
  z-index: 4;
  position: relative;
  box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12);
  /*----------  Media Query Breakpoints  ----------*/ }
  .program-nav:after {
    content: "";
    display: table;
    clear: both; }
  .program-nav .left-side-program-content {
    float: left ;
    padding-left: 30px;
    position: relative;
    top: -5px;
    max-width: calc(100% - 342.09px); }
    .program-nav .left-side-program-content .menu-bars {
      display: inline-block;
      margin-right: 20px;
      position: relative;
      top: 2px; }
      .program-nav .left-side-program-content .menu-bars .menu-bar {
        transform: rotate(0deg);
        transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        height: 3px;
        width: 30px;
        margin: 5px 0 5px 0;
        background: #acbcc8; }
      .program-nav .left-side-program-content .menu-bars.toggled .menu-bar {
        background-color: #a31736; }
      .program-nav .left-side-program-content .menu-bars.toggled .menu-bar:nth-child(1) {
        transform: rotate(48deg); }
      .program-nav .left-side-program-content .menu-bars.toggled .menu-bar:nth-child(2) {
        display: none; }
      .program-nav .left-side-program-content .menu-bars.toggled .menu-bar:nth-child(3) {
        transform: rotate(-45deg);
        position: relative;
        top: -5px; }
    .program-nav .left-side-program-content .logo {
      display: inline-block;
      position: relative;
      top: 8px;
      max-width: 40px;
      margin-right: 10px; }
      .program-nav .left-side-program-content .logo img {
        width: 100%;
        vertical-align: initial; }
    .program-nav .left-side-program-content h2, .component-builder-nav ul.nav-items .program-nav .left-side-program-content .nav-link, .program-nav .left-side-program-content ul.nav-items .nav-link, .program-nav ul.nav-items .left-side-program-content .nav-link {
      position: relative;
      display: inline;
      line-height: 1.35; }
  .program-nav ul.nav-items {
    z-index: 5;
    list-style: none;
    float: right ;
    padding-left: 0;
    padding-right: 30px;
    margin-bottom: 0; }
    .program-nav ul.nav-items .dropdown-menu-biapp-right {
      left: auto;
      right: 0; }
    .program-nav ul.nav-items .nav-link {
      display: inline-block;
      padding: 17px 0 17px 0;
      margin-left: 20px;
      text-transform: uppercase; }
      .program-nav ul.nav-items .nav-link.active {
        font-weight: 700;
        border: 1px solid #6dc4c6;
        padding: 10px;
        border-radius: 10px;
        background-color: #f4f4f4; }
  @media (max-width: 767px) {
    .program-nav .left-side-program-content {
      max-width: calc(100% - 110.19px); } }
  @media (max-width: 575px) {
    .program-nav .left-side-program-content {
      top: 1px;
      padding-left: 10px; }
      .program-nav .left-side-program-content .menu-bars {
        margin-right: 10px;
        top: 2px; }
        .program-nav .left-side-program-content .menu-bars .menu-bar {
          height: 3px;
          width: 25px;
          margin: 4px 0 4px 0; }
      .program-nav .left-side-program-content .logo {
        top: 5px;
        max-width: 30px;
        margin-right: 5px; }
      .program-nav .left-side-program-content h2, .component-builder-nav ul.nav-items .program-nav .left-side-program-content .nav-link, .program-nav .left-side-program-content ul.nav-items .nav-link, .program-nav ul.nav-items .left-side-program-content .nav-link {
        position: relative;
        top: -3px;
        font-size: 1.25rem; }
    .program-nav ul.nav-items {
      padding-right: 10px; }
      .program-nav ul.nav-items .nav-link {
        padding: 13px 0 13px 0; } }
  @media (max-width: 319px) {
    .program-nav .left-side-program-content {
      max-width: calc(100% - 44.41px); }
    .program-nav ul.nav-items .menu-text {
      display: none; } }
/*=====  End of Program Nav  ======*/
/*==============================
=   Component Builder Nav      =
==============================*/
.component-builder-nav {
  background: #fffefe;
  width: 100%;
  z-index: 3;
  border-top: 1px solid rgba(89, 121, 145, 0.27);
  position: relative;
  box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12);
  /*----------  Media Query Breakpoints  ----------*/ }
  .component-builder-nav:after {
    content: "";
    display: table;
    clear: both; }
  .component-builder-nav ul.nav-items {
    width: 100%;
    list-style: none;
    padding-left: 0;
    padding-right: 30px;
    margin: 0 auto; }
    .component-builder-nav ul.nav-items .nav-link {
      display: inline-block;
      padding: 17px 0;
      margin: 0 5px 0 5px !important;
      color: #0b9da0;
      margin-left: 20px;
      text-transform: uppercase; }
      .component-builder-nav ul.nav-items .nav-link.active {
        font-weight: 700;
        border: 1px solid #6dc4c6;
        padding: 10px;
        border-radius: 10px;
        background-color: #f4f4f4; }
  @media (max-width: 767px) {
    .component-builder-nav {
      box-shadow: none; }
      .component-builder-nav .left-side-program-content {
        max-width: calc(100% - 110.19px); } }
  @media (max-width: 575px) {
    .component-builder-nav ul.nav-items {
      padding-right: 10px; }
      .component-builder-nav ul.nav-items .nav-link {
        padding: 13px 0; } }
  @media (max-width: 319px) {
    .component-builder-nav ul.nav-items .menu-text {
      display: none; } }
/*=====  End of Program Nav  ======*/
/*=========================================
=            Role Switcher Nav            =
=========================================*/
.role-switcher-nav {
  background: #0b9da0;
  padding: 10px 30px;
  text-align: center;
  /*----------  Media Query Breakpoints  ----------*/ }
  .role-switcher-nav .dropdown {
    display: inline-block; }
    .role-switcher-nav .dropdown .dropdown-toggle {
      color: #fffefe; }
      .role-switcher-nav .dropdown .dropdown-toggle:hover, .role-switcher-nav .dropdown .dropdown-toggle:focus, .role-switcher-nav .dropdown .dropdown-toggle:active {
        text-decoration: none; }
      .role-switcher-nav .dropdown .dropdown-toggle:after {
        display: none; }
      .role-switcher-nav .dropdown .dropdown-toggle .ic {
        background: #fffefe;
        height: 16px;
        width: 16px;
        top: 2px;
        position: relative;
        margin-left: 5px; }
    .role-switcher-nav .dropdown .dropdown-menu {
      width: 100%; }
  .role-switcher-nav + .aside-inline {
    text-align: center; }

/*=====  End of Role Switcher Nav  ======*/
/*==============================
=            Footer            =
==============================*/
.footer {
  /*----------  Media Query Breakpoints  ----------*/ }

/*=====  End of Footer  ======*/
.partner-ship-footer {
  text-align: center;
  padding: 20px;
  background: #f5f5f5; }
  .partner-ship-footer span {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.5;
    color: #5d5e70;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle; }
    @media (max-width: 767px) {
      .partner-ship-footer span {
        margin-left: 0; } }
  .partner-ship-footer img {
    width: 130px;
    height: 50px;
    padding-top: 5px; }

.site-footer {
  padding-top: 36px;
  padding-bottom: 26px;
  background: #fafbfc;
  font-size: 12px;
  color: #5d5e70;
  font-weight: normal; }
  @media (max-width: 767px) {
    .site-footer {
      padding-bottom: 100px; } }
  .site-footer .container {
    position: relative;
    width: 100%;
    min-height: inherit;
    padding-right: 15px;
    padding-left: 15px; }
    @media (min-width: 992px) {
      .site-footer .container {
        width: 920px; } }
    @media (min-width: 1200px) {
      .site-footer .container {
        width: 1024px; } }
  @media (max-width: 767px) {
    .site-footer img {
      display: block;
      margin: 0 auto 25px; } }
  .site-footer p, .site-footer .form-check .form-check-label, .form-check .site-footer .form-check-label, .site-footer .form-group input:not([type="file"]), .form-group .site-footer input:not([type="file"]),
  .site-footer .form-group textarea,
  .form-group .site-footer textarea, .site-footer .form-group select, .form-group .site-footer select, .site-footer .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .site-footer .custom-file-input + .custom-file-control:before, .site-footer .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .site-footer .custom-file-input + .custom-file-control:after, .site-footer .dropdown-menu .dropdown-item, .dropdown-menu .site-footer .dropdown-item, .site-footer .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .site-footer td, .site-footer .module-lesson-widget .lesson-widget-header, .module-lesson-widget .site-footer .lesson-widget-header, .site-footer .module-lesson-widget .lesson-items, .module-lesson-widget .site-footer .lesson-items {
    line-height: 2.5;
    font-size: 12px;
    color: #5d5e70;
    margin-bottom: 45px; }
    @media (max-width: 767px) {
      .site-footer p, .site-footer .form-check .form-check-label, .form-check .site-footer .form-check-label, .site-footer .form-group input:not([type="file"]), .form-group .site-footer input:not([type="file"]),
      .site-footer .form-group textarea,
      .form-group .site-footer textarea, .site-footer .form-group select, .form-group .site-footer select, .site-footer .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .site-footer .custom-file-input + .custom-file-control:before, .site-footer .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .site-footer .custom-file-input + .custom-file-control:after, .site-footer .dropdown-menu .dropdown-item, .dropdown-menu .site-footer .dropdown-item, .site-footer .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .site-footer td, .site-footer .module-lesson-widget .lesson-widget-header, .module-lesson-widget .site-footer .lesson-widget-header, .site-footer .module-lesson-widget .lesson-items, .module-lesson-widget .site-footer .lesson-items {
        margin-bottom: 25px; } }
  .site-footer ul {
    list-style: none;
    padding: 0; }
    .site-footer ul li {
      margin-bottom: 0;
      padding-left: 45px;
      padding-right: 0; }
      @media (max-width: 992px) {
        .site-footer ul li {
          padding-left: 23px; } }
      @media (max-width: 767px) {
        .site-footer ul li {
          display: block;
          padding: 0;
          text-align: center;
          width: 100%; } }
      .site-footer ul li a {
        font-size: 13px;
        color: #5d5e70;
        letter-spacing: 0.5px;
        font-weight: normal; }
    .site-footer ul.social li {
      display: inline-block !important;
      width: auto;
      padding-left: 18px;
      padding-right: 0;
      margin-bottom: 10px; }
      @media (max-width: 992px) {
        .site-footer ul.social li {
          padding-left: 10px; } }
      @media (max-width: 767px) {
        .site-footer ul.social li {
          padding: 0 5px; } }
      .site-footer ul.social li a {
        font-size: 20px;
        color: #a5a7aa;
        text-decoration: none; }
        @media (max-width: 992px) {
          .site-footer ul.social li a {
            font-size: 15px; } }
        @media (max-width: 767px) {
          .site-footer ul.social li a {
            font-size: 18px; } }
        .site-footer ul.social li a:hover {
          text-decoration: none;
          color: #5d5e70; }
    @media (max-width: 767px) {
      .site-footer ul.social {
        text-align: center; } }
  @media (max-width: 767px) {
    .site-footer span {
      display: none;
      margin-top: 10px; } }
  .site-footer .copy {
    padding-left: 18px; }
    @media (max-width: 991px) {
      .site-footer .copy {
        padding-left: 10px; } }
.site-copyrights {
  background: #f5f5f5;
  padding: 13px 0; }
  .site-copyrights ul {
    margin-top: 4px; }
    .site-copyrights ul li {
      display: inline-block;
      margin-left: 10px; }
      .site-copyrights ul li a {
        color: #a5a7aa;
        font-size: 15px; }
        .site-copyrights ul li a:active, .site-copyrights ul li a:hover,
        .site-copyrights ul li a a:focus,
        .site-copyrights ul li a a:visited {
          text-decoration: none; }
      .site-copyrights ul li:last-child {
        margin: 0; }
    @media (max-width: 767px) {
      .site-copyrights ul {
        width: 100%;
        text-align: center; } }
  .site-copyrights span {
    color: #5d5e70;
    font-size: 12px;
    line-height: 2.5; }
    @media (max-width: 767px) {
      .site-copyrights span {
        width: 100%;
        text-align: center; } }
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
    width: 100%; } }

@media (min-width: 767px) {
  .visible-xs {
    display: none; } }

/*=====================================
=            Detail Slider            =
=====================================*/
.detail-slider {
  position: fixed;
  width: 100%;
  z-index: 5;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0 20px 30px 0 rgba(0, 8, 9, 0.3);
  background: #fffefe;
  max-width: 800px;
  /*----------  Media Query Breakpoints  ----------*/ }
  .detail-slider .detail-slider-top-bar {
    position: relative;
    padding: 25px 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 8, 9, 0.06); }
    .detail-slider .detail-slider-top-bar .detail-slider-exit {
      position: absolute;
      top: 32px;
      right: 30px;
      cursor: pointer; }
      .detail-slider .detail-slider-top-bar .detail-slider-exit .ic {
        height: 26px;
        width: 26px;
        background: #829bad; }
  .detail-slider .detail-slider-contents {
    position: relative;
    height: calc(100vh - 93px);
    overflow-y: auto;
    padding: 30px 30px 0 30px; }
    .detail-slider .detail-slider-contents .detail-slider-contents-inner .list-of-programs:after {
      content: "";
      display: table;
      clear: both; }
    .detail-slider .detail-slider-contents .detail-slider-contents-inner .list-of-programs .dashboard-card {
      width: 100%;
      padding-right: 0;
      float: none; }
      .detail-slider .detail-slider-contents .detail-slider-contents-inner .list-of-programs .dashboard-card .card-inner .card-img-top {
        height: 100px; }
      .detail-slider .detail-slider-contents .detail-slider-contents-inner .list-of-programs .dashboard-card .card-inner .card-body .card-bullet-points {
        display: none; }
      .detail-slider .detail-slider-contents .detail-slider-contents-inner .list-of-programs .dashboard-card .card-inner .card-title-container .card-title:hover:after {
        display: none; }
      .detail-slider .detail-slider-contents .detail-slider-contents-inner .list-of-programs .dashboard-card .card-inner .more-options {
        display: none; }
  .detail-slider .detail-slider-bottom-bar {
    position: relative;
    background: #fffefe;
    box-shadow: 0 4px 8px 0 rgba(0, 8, 9, 0.06);
    padding: 30px 0; }
  @media (max-width: 767px) {
    .detail-slider .detail-slider-top-bar {
      padding-left: 10px;
      padding-right: 10px; }
      .detail-slider .detail-slider-top-bar .detail-slider-exit {
        right: 10px; }
    .detail-slider .detail-slider-contents {
      padding-left: 10px;
      padding-right: 10px; }
    .detail-slider .detail-slider-bottom-bar {
      padding: 20px 10px; } }
/*=====  End of Detail Slider  ======*/
/*
   * ADVANCED - PAGES:
   * Think of module pages as cities.
  */
/*================================
=            LMS Main            =
================================*/
.aside-inline {
  width: 100%;
  background: #fffefe;
  box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12);
  display: none;
  text-align: right;
  padding: 10px 30px 10px 30px; }
  @media (max-width: 767px) {
    .aside-inline {
      display: block; } }
  .aside-inline a:hover, .aside-inline a:active, .aside-inline a:focus {
    text-decoration: none; }

.lms-main {
  /*----------  Media Query Breakpoints  ----------*/ }
  .lms-main:after {
    content: "";
    display: table;
    clear: both; }
  .lms-main .lms-navigator {
    position: relative;
    transition: left 0.3s ease-in-out;
    left: 0;
    float: left ;
    max-height: calc(100vh - 37px - 70px);
    overflow: auto;
    width: 300px;
    background: #fffefe;
    min-height: calc(100vh - 37px - 70px); }
    .lms-main .lms-navigator .lms-navigator-in-main-content-title {
      display: none; }
    .lms-main .lms-navigator .lms-navigator-cms-link {
      width: 100%;
      background: #dc0043;
      color: white;
      padding: 10px;
      text-align: center;
      display: block;
      text-decoration: none;
      cursor: pointer; }
      .lms-main .lms-navigator .lms-navigator-cms-link:hover {
        background: #cc6685; }
      .lms-main .lms-navigator .lms-navigator-cms-link i {
        margin: 10px; }
    .lms-main .lms-navigator .lms-navigator-toggle {
      display: none; }
    .lms-main .lms-navigator.lms-navigator-in-main-content {
      box-shadow: none;
      background: transparent;
      width: calc(100% - 330px); }
      .lms-main .lms-navigator.lms-navigator-in-main-content .lms-navigator-in-main-content-title {
        margin-left: 30px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 3;
        margin-top: calc(30px + 3px); }
      .lms-main .lms-navigator.lms-navigator-in-main-content + .lms-middle {
        display: none; }
      .lms-main .lms-navigator.lms-navigator-in-main-content .lms-navigator-content {
        margin-left: 30px;
        margin-right: 30px;
        top: calc(30px + 26px + 20px + 5px);
        max-width: 100%;
        position: relative;
        box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12);
        background: #fffefe; }
  .lms-main .lms-middle {
    float: left ;
    max-height: calc(100vh - 37px - 70px);
    overflow: auto;
    width: calc(100% - 300px - 330px);
    min-width: 536px; }
    .lms-main .lms-middle.wide-view {
      width: calc(100% - 330px); }
    .lms-main .lms-middle .end-of-program {
      padding: 100px 30px;
      color: #076b6d;
      text-align: center;
      font-size: 20pt; }
  .lms-main .lms-aside {
    float: right ;
    max-height: calc(100vh - 37px - 70px);
    overflow: auto;
    width: 330px; }
    .lms-main .lms-aside .lms-aside-toggle {
      display: none; }
  .lms-main .full-height {
    height: 100vh !important;
    top: 0 !important;
    max-height: unset !important; }
  @media (max-width: 1165px) {
    .lms-main .lms-middle {
      width: calc(100% - 30px - 300px);
      float: unset; }
      .lms-main .lms-middle.wide-view {
        width: calc(100% - 30px); }
    .lms-main .lms-aside {
      height: calc(100vh - 37px - 62px);
      overflow: auto;
      width: 360px;
      clear: both;
      position: fixed;
      right: 0;
      top: 6.5em;
      z-index: 2;
      background: #fffefe;
      box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12);
      padding-bottom: 0;
      transition: right 0.3s ease-in-out; }
      .lms-main .lms-aside .lms-aside-toggle {
        display: block;
        position: absolute;
        left: 0;
        height: 100%;
        cursor: pointer;
        transition: background 0.3s ease-in-out; }
        .lms-main .lms-aside .lms-aside-toggle:hover {
          background: #0b9da0; }
          .lms-main .lms-aside .lms-aside-toggle:hover .ic-caret {
            background: #fffefe !important; }
        .lms-main .lms-aside .lms-aside-toggle .ic-caret {
          width: 30px;
          height: 30px;
          position: relative;
          top: 50%;
          transition: transform 0.3s ease-in-out;
          transform: rotate(-90deg); }
      .lms-main .lms-aside.collapsed {
        right: -330px; }
        .lms-main .lms-aside.collapsed .lms-aside-content {
          width: 0;
          height: 0;
          overflow: hidden; }
        .lms-main .lms-aside.collapsed .lms-aside-toggle .ic-caret {
          transform: rotate(90deg); } }
  @media (max-width: 880px) {
    .lms-main .lms-middle {
      width: calc(100% - 30px);
      min-width: initial; }
    .lms-main .lms-navigator {
      min-height: calc(100vh - 37px - 62px);
      overflow: unset;
      position: fixed;
      z-index: 3;
      width: 330px;
      left: 0px; }
      .lms-main .lms-navigator .lms-navigator-content {
        margin-right: 30px;
        height: calc(100vh - 37px - 62px);
        overflow: scroll; }
      .lms-main .lms-navigator .lms-navigator-toggle {
        display: block;
        position: absolute;
        box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12);
        right: 0;
        height: 100%;
        cursor: pointer;
        transition: background 0.3s ease-in-out; }
        .lms-main .lms-navigator .lms-navigator-toggle:hover {
          background: #0b9da0; }
          .lms-main .lms-navigator .lms-navigator-toggle:hover .ic-caret {
            background: #fffefe !important; }
        .lms-main .lms-navigator .lms-navigator-toggle .ic-caret {
          width: 30px;
          height: 30px;
          position: relative;
          top: 49%;
          transition: transform 0.3s ease-in-out;
          transform: rotate(90deg); }
      .lms-main .lms-navigator.collapsed {
        z-index: 3;
        left: -300px; }
        .lms-main .lms-navigator.collapsed .lms-navigator-content {
          width: 0;
          height: 0;
          overflow: hidden; }
        .lms-main .lms-navigator.collapsed .lms-navigator-toggle .ic-caret {
          transform: rotate(-90deg); }
      .lms-main .lms-navigator.lms-navigator-in-main-content {
        position: relative;
        width: 100% !important; } }
  @media (max-width: 991px) {
    .lms-main .lms-aside {
      top: 9.5em; } }
  @media (max-width: 767px) {
    .lms-main .lms-middle {
      padding-left: 30px;
      max-height: unset; }
    .lms-main .lms-navigator {
      width: 300px; }
      .lms-main .lms-navigator.collapsed {
        left: -270px; }
    .lms-main .lms-aside {
      width: 300px; }
      .lms-main .lms-aside.collapsed {
        right: -270px; } }
/*=====  End of LMS Main  ======*/
/*=========================================
=          LMS Navigator Content          =
=========================================*/
.lms-navigator-content {
  margin-top: 100px;
  /*----------  Media Query Breakpoints  ----------*/ }
  .lms-navigator-content ul.navigator-items {
    list-style-type: none;
    padding-left: 0;
    margin: 0;
    padding-bottom: 45px; }
    .lms-navigator-content ul.navigator-items li.navigator-item-section {
      padding: 20px 30px 0 30px; }
      .lms-navigator-content ul.navigator-items li.navigator-item-section:after {
        content: "";
        display: table;
        clear: both; }
      .lms-navigator-content ul.navigator-items li.navigator-item-section .ic {
        display: none; }
      .lms-navigator-content ul.navigator-items li.navigator-item-section .navigator-text-container {
        display: inline-block;
        float: left ;
        width: 100%; }
        .lms-navigator-content ul.navigator-items li.navigator-item-section .navigator-text-container .navigator-item-title {
          text-transform: uppercase;
          font-weight: 700; }
          .lms-navigator-content ul.navigator-items li.navigator-item-section .navigator-text-container .navigator-item-title:after {
            content: ":"; }
        .lms-navigator-content ul.navigator-items li.navigator-item-section .navigator-text-container .navigator-item-title {
          line-height: 1.2; }
        .lms-navigator-content ul.navigator-items li.navigator-item-section .navigator-text-container .navigator-item-description {
          margin: 5px 0 0 0;
          font-style: italic;
          font-size: 0.75rem;
          line-height: 1.45; }
    .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection {
      padding: 20px 30px 20px 30px;
      cursor: pointer;
      border-bottom: 1px solid #d5dee4;
      transition: background 0.3s; }
      .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection.completed {
        padding-right: 10px; }
      .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection:after {
        content: "";
        display: table;
        clear: both; }
      .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection .ic {
        float: left ;
        margin-right: 10px;
        width: 16px;
        height: 16px; }
        .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection .ic.ic-component-completed-checkmark {
          margin-right: 0; }
      .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection .navigator-text-container {
        float: left ;
        width: calc(100% - 16px - 10px); }
        .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection .navigator-text-container .navigator-item-title {
          line-height: 1.2; }
        .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection .navigator-text-container .navigator-item-description {
          margin: 5px 0 0 0;
          font-style: italic;
          font-size: 0.75rem;
          line-height: 1.45; }
      .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection.expanded {
        border-bottom: 0; }
      .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection:hover {
        background: #d9efef; }
      .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection.completed {
        padding-right: 10px; }
        .lms-navigator-content ul.navigator-items li.navigator-item-section-subsection.completed .navigator-text-container {
          width: calc(100% - 16px - 10px - 20px); }
    .lms-navigator-content ul.navigator-items li.navigator-item-module {
      padding: 20px 30px 20px 30px;
      cursor: pointer;
      border-bottom: 1px solid #d5dee4;
      transition: 0.3s; }
      .lms-navigator-content ul.navigator-items li.navigator-item-module:after {
        content: "";
        display: table;
        clear: both; }
      .lms-navigator-content ul.navigator-items li.navigator-item-module .ic {
        float: left ;
        margin-right: 10px;
        width: 16px;
        height: 16px; }
        .lms-navigator-content ul.navigator-items li.navigator-item-module .ic.ic-component-completed-checkmark {
          margin-right: 0; }
      .lms-navigator-content ul.navigator-items li.navigator-item-module .navigator-text-container {
        float: left ;
        width: calc(100% - 16px - 10px); }
        .lms-navigator-content ul.navigator-items li.navigator-item-module .navigator-text-container .navigator-item-title {
          line-height: 1.2; }
        .lms-navigator-content ul.navigator-items li.navigator-item-module .navigator-text-container .navigator-item-description {
          margin: 5px 0 0 0;
          font-style: italic;
          font-size: 0.75rem;
          line-height: 1.45; }
      .lms-navigator-content ul.navigator-items li.navigator-item-module.active, .lms-navigator-content ul.navigator-items li.navigator-item-module:hover {
        background: #d9efef; }
      .lms-navigator-content ul.navigator-items li.navigator-item-module.completed {
        padding-right: 10px; }
        .lms-navigator-content ul.navigator-items li.navigator-item-module.completed .navigator-text-container {
          width: calc(100% - 16px - 10px - 20px); }
    .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module {
      border-bottom: 1px solid #d5dee4;
      padding: 10px 30px 10px 60px;
      display: none;
      cursor: pointer;
      transition: background-color 0.3s; }
      .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module:after {
        content: "";
        display: table;
        clear: both; }
      .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module .ic {
        float: left ;
        margin-right: 10px;
        width: 16px;
        height: 16px; }
        .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module .ic.ic-component-completed-checkmark {
          margin-right: 0; }
      .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module .navigator-text-container {
        float: left ;
        width: calc(100% - 16px - 10px); }
        .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module .navigator-text-container .navigator-item-title {
          line-height: 1.2; }
        .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module .navigator-text-container .navigator-item-description {
          margin: 5px 0 0 0;
          font-style: italic;
          font-size: 0.75rem;
          line-height: 1.45; }
      .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.show {
        display: block; }
      .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module:hover, .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.active {
        background: #d9efef; }
      .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.completed {
        padding-right: 10px; }
        .lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.completed .navigator-text-container {
          width: calc(100% - 16px - 10px - 20px); }

/*=====  End of LMS Navigator Content  ======*/
.idnd-question-control {
  margin-bottom: 20px; }
  .idnd-question-control .question-instructions {
    margin: 10px 0; }
  .idnd-question-control .question-canvas {
    border: 1px solid #cccccc;
    margin: 10px 0;
    direction: ltr; }
    @media (max-width: 525px), (max-height: 525px) {
      .idnd-question-control .question-canvas {
        transform-origin: right top;
        transform: scale(0.6); } }
  @media (max-width: 525px), (max-height: 525px) {
    .idnd-question-control.mode-answering .canvas-container, .idnd-question-control.mode-answer_shown .canvas-container {
      width: 300px !important;
      height: 300px !important; } }
/*=========================================
=            LMS Middle Content           =
=========================================*/
.lms-module-player {
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 45px 30px 45px;
  /**
   *
   * Module Header
   *
   */
  /*=====  End of Module Header  ======*/
  /**
   *
   * General Module Styling
   *
   */
  /*=====  End of General Module Styling  ======*/
  /**
   *
   * Module - Video
   *
   */
  /*=====  End of Module - Video  ======*/
  /**
   *
   * Module - Text
   *
   */
  /*=====  End of Module - Text  ======*/
  /**
   *
   * Module - File
   *
   */
  /*=====  End of Module - File  ======*/
  /**
   *
   * Module - Form
   *
   */
  /*=====  End of Module - Form  ======*/
  /**
   *
   * Module - Exercise
   *
   */
  /*=====  End of Module - Exercise  ======*/
  /**
   *
   * Module - Test
   *
   */
  /**
   *
   * Module - Edraak Course
   *
   */
  /*=====  End of Module - Test  ======*/
  /**
   *
   * Module - Lesson
   *
   */
  /*=====  End of Module - Lesson  ======*/
  /**
   *
   * Module - Audio Playlist
   *
   */
  /*=====  End of Module - Audio Playlist  ======*/
  /**
   *
   * Module - Certificate
   *
   */
  /*=====  End of Module - Certificate  ======*/
  /**
   *
   * Module - Empty-State
   *
   */
  /*=====  End of Module - Empty-State  ======*/
  /**
   *
   * Module - Non-eligible
   *
   */
  /*=====  End of Module - Non-eligible  ======*/
  /**
   *
   * Stitcher and Module and Program Completion Indication
   *
   */
  /*=====  End of Module Actions and Completion Indication  ======*/
  /*----------  Media Query Breakpoints  ----------*/ }
  .lms-module-player .module-header .module-title {
    padding-bottom: 10px; }
    .lms-module-player .module-header .module-title h2, .lms-module-player .module-header .module-title .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items .lms-module-player .module-header .module-title .nav-link, .lms-module-player .module-header .module-title .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .lms-module-player .module-header .module-title .nav-link {
      display: inline-block; }
  .lms-module-player .module-header .module-description-container {
    padding-bottom: 5px;
    position: relative;
    max-height: 6rem;
    overflow: hidden; }
    .lms-module-player .module-header .module-description-container.expanded {
      max-height: unset; }
      .lms-module-player .module-header .module-description-container.expanded::before {
        content: none; }
    .lms-module-player .module-header .module-description-container .module-description {
      color: #808080;
      margin-bottom: 0; }
    .lms-module-player .module-header .module-description-container::before {
      content: '\200C';
      position: absolute;
      background: linear-gradient(to right, rgba(255, 254, 254, 0) 0%, #fffefe 50%);
      right: 0;
      top: 4.5em;
      width: 30%;
      min-width: 200px; }
  .lms-module-player .module-header .expanded .btn-read-more .ic-caret {
    transform: rotate(180deg); }
  .lms-module-player .module-header .btn-read-more {
    float: right ; }
  .lms-module-player .module-header .module-quick-access-content-container {
    margin: 20px 0; }
    .lms-module-player .module-header .module-quick-access-content-container .quick-access-component {
      margin: 10px 0; }
      .lms-module-player .module-header .module-quick-access-content-container .quick-access-component .quick-access-component-title {
        color: #0b9da0;
        cursor: pointer; }
      .lms-module-player .module-header .module-quick-access-content-container .quick-access-component .quick-access-component-description {
        margin: 10px 0;
        margin-left: 20px;
        font-size: 0.875rem; }
  .lms-module-player .module {
    margin: 30px 0 30px 0; }
  .lms-module-player .module-video {
    max-width: 800px;
    margin: 0; }
    .lms-module-player .module-video .video-action-bar {
      background: #000809; }
      .lms-module-player .module-video .video-action-bar .upcoming-question {
        color: #fffefe; }
    .lms-module-player .module-video .video-container {
      font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .lms-module-player .module-video .video-container .video-js {
        width: 100%;
        height: 70%; }
    .lms-module-player .module-video .video-end-poster {
      opacity: 0.9;
      background-color: #f8f8f8; }
      .lms-module-player .module-video .video-end-poster .video-end-poster-message {
        text-align: center;
        margin-top: 45px;
        font-size: 1.125rem;
        color: #363636; }
      .lms-module-player .module-video .video-end-poster button {
        text-align: center;
        margin-top: 20px; }
  .lms-module-player .module-file .file-title {
    font-weight: 700; }
  .lms-module-player .module-form .form-submission {
    margin: 20px;
    padding-top: 20px;
    text-align: center; }
    .lms-module-player .module-form .form-submission span {
      font-size: 1.125rem;
      font-weight: 600; }
    .lms-module-player .module-form .form-submission p, .lms-module-player .module-form .form-submission .form-check .form-check-label, .form-check .lms-module-player .module-form .form-submission .form-check-label, .lms-module-player .module-form .form-submission .form-group input:not([type="file"]), .form-group .lms-module-player .module-form .form-submission input:not([type="file"]),
    .lms-module-player .module-form .form-submission .form-group textarea,
    .form-group .lms-module-player .module-form .form-submission textarea, .lms-module-player .module-form .form-submission .form-group select, .form-group .lms-module-player .module-form .form-submission select, .lms-module-player .module-form .form-submission .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .lms-module-player .module-form .form-submission .custom-file-input + .custom-file-control:before, .lms-module-player .module-form .form-submission .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .lms-module-player .module-form .form-submission .custom-file-input + .custom-file-control:after, .lms-module-player .module-form .form-submission .dropdown-menu .dropdown-item, .dropdown-menu .lms-module-player .module-form .form-submission .dropdown-item, .lms-module-player .module-form .form-submission .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .lms-module-player .module-form .form-submission td, .lms-module-player .module-form .form-submission .module-lesson-widget .lesson-widget-header, .module-lesson-widget .lms-module-player .module-form .form-submission .lesson-widget-header, .lms-module-player .module-form .form-submission .module-lesson-widget .lesson-items, .module-lesson-widget .lms-module-player .module-form .form-submission .lesson-items {
      margin: 20px 0;
      color: red;
      font-weight: 600; }
  .lms-module-player .module-exercise .exercise-container {
    box-shadow: 0 4px 8px 0 rgba(0, 8, 9, 0.06); }
    .lms-module-player .module-exercise .exercise-container .exercise-action-bar {
      background: rgba(213, 222, 228, 0.35); }
      .lms-module-player .module-exercise .exercise-container .exercise-action-bar .upcoming-question {
        color: #000809; }
    .lms-module-player .module-exercise .exercise-container .exercise-question-container {
      overflow-x: auto;
      padding: 20px; }
      .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set {
        padding-bottom: 20px; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question {
          margin-bottom: 20px; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-option,
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-answer-text {
          margin-bottom: 10px; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-explanation {
          margin-bottom: 10px; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .question-explanation-title {
          font-size: 14pt;
          font-weight: 600;
          margin-top: 10px; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-hint,
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-feedback-correct,
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-feedback-incorrect {
          margin-bottom: 10px; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-feedback-image {
          margin-right: 10px;
          display: inline-block;
          height: 40px;
          width: auto;
          vertical-align: middle; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-feedback-message {
          vertical-align: middle;
          display: inline-block;
          font-size: 16pt;
          font-weight: 600; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-feedback-correct {
          color: #0b9da0;
          font-weight: 500;
          font-size: 18pt; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-feedback-incorrect {
          color: #a31736;
          font-size: 1.125rem;
          font-weight: 500; }
          .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-set .exercise-question-hints-and-feedback .exercise-question-feedback-incorrect .exercise-question-feedback-image {
            height: 20px; }
      .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-actions:after {
        content: "";
        display: table;
        clear: both; }
      .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-actions .right-side-actions {
        float: right ; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-actions .right-side-actions a {
          top: 4px;
          position: relative; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-actions .right-side-actions span {
          font-weight: 700; }
      .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-actions .left-side-actions {
        float: left ; }
        .lms-module-player .module-exercise .exercise-container .exercise-question-container .exercise-question-actions .left-side-actions .correct {
          background: #699b0f; }
  .lms-module-player .module-exercise.exercise-wrap-up-container {
    text-align: center; }
    .lms-module-player .module-exercise.exercise-wrap-up-container .exercise-wrap-up-title {
      color: #0b9da0;
      font-weight: 500;
      font-size: 18pt;
      margin: 30px; }
    .lms-module-player .module-exercise.exercise-wrap-up-container .exercise-wrap-up-info {
      font-weight: 500;
      font-size: 16pt;
      margin: 20px; }
    .lms-module-player .module-exercise.exercise-wrap-up-container table {
      margin: auto; }
    .lms-module-player .module-exercise.exercise-wrap-up-container .exercise-wrap-up-actions {
      margin: 20px; }
      .lms-module-player .module-exercise.exercise-wrap-up-container .exercise-wrap-up-actions .right-side-actions {
        float: right ; }
      .lms-module-player .module-exercise.exercise-wrap-up-container .exercise-wrap-up-actions .left-side-actions {
        float: left ; }
  .lms-module-player .module-test .test-dynamic-information {
    font-size: 12pt;
    background: #d9efef;
    border-radius: 25px;
    padding: 10px; }
    .lms-module-player .module-test .test-dynamic-information .title {
      width: 100%;
      text-align: center;
      font-size: 16pt;
      text-decoration: underline; }
    .lms-module-player .module-test .test-dynamic-information li {
      margin: 10px; }
  .lms-module-player .module-test.submission-success {
    text-align: center;
    margin: 20px;
    color: #0b9da0;
    font-weight: 500;
    font-size: 15pt; }
    .lms-module-player .module-test.submission-success .test-score-message {
      margin: 30px; }
  .lms-module-player .module-edraak-course div {
    margin: 1em 0; }
  .lms-module-player .module-edraak-course .alternatives-completed-section .completion-check-mark {
    margin-right: 10px; }
  .lms-module-player .module-edraak-course .alternatives-completed-section .title {
    color: #0b9da0;
    font-size: 17pt; }
  .lms-module-player .module-edraak-course .alternatives-completed-section .compl-unneeded, .lms-module-player .module-edraak-course .alternatives-completed-section .main-compl-optional {
    font-size: 13pt; }
  .lms-module-player .module-edraak-course .course-certificate {
    color: #0b9da0;
    font-size: 14px; }
    .lms-module-player .module-edraak-course .course-certificate:hover {
      color: #076b6d;
      cursor: pointer; }
  .lms-module-player .module-edraak-course .status-label {
    text-align: center;
    padding: 10px;
    margin: 10px 0px;
    border-radius: 5px;
    float: right; }
    .lms-module-player .module-edraak-course .status-label.status-label-info {
      color: #bc842c;
      background-color: #fef4e4; }
    .lms-module-player .module-edraak-course .status-label.status-label-completed {
      color: #076b6d;
      background-color: #d9efef; }
    .lms-module-player .module-edraak-course .status-label.status-label-danger {
      color: #520c1b;
      background-color: #f86491; }
  .lms-module-player .module-edraak-course .course-date-status {
    height: 50px; }
    .lms-module-player .module-edraak-course .course-date-status span {
      padding-left: 5px; }
    .lms-module-player .module-edraak-course .course-date-status .course-date {
      display: inline-block; }
  .lms-module-player .module-edraak-course .btn, .lms-module-player .module-edraak-course .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .lms-module-player .module-edraak-course .custom-file-input + .custom-file-control:before {
    border-radius: 4px;
    font-weight: normal;
    cursor: pointer; }
  .lms-module-player .module-edraak-course .not-clickable {
    cursor: not-allowed; }
  .lms-module-player .module-lesson {
    position: relative; }
    .lms-module-player .module-lesson:after {
      content: "";
      display: table;
      clear: both; }
    .lms-module-player .module-lesson .module-lesson-content-container {
      float: right ;
      min-height: 398px;
      width: 100%;
      max-width: calc(100% - 54px - 20px); }
      .lms-module-player .module-lesson .module-lesson-content-container .module-video {
        max-width: unset; }
        .lms-module-player .module-lesson .module-lesson-content-container .module-video .video-container .video-js {
          width: 100%;
          height: 70%; }
  .lms-module-player .module-audio-playlist .audio-player-container {
    display: flex;
    flex-direction: column;
    /* 30px = body top padding, 5vw = body padding, 66px = header height */
    max-height: calc(100vh - 30px - 5vw - 66px);
    padding: 0 0 20px 0;
    margin: 0 auto;
    background: #1d1d1d;
    border-radius: 55px 55px 15px 15px; }
  .lms-module-player .module-certificate .description {
    margin-bottom: 20px; }
  .lms-module-player .module-certificate .certificate-preview {
    text-align: center;
    margin: 30px 0; }
    .lms-module-player .module-certificate .certificate-preview img {
      width: 80%;
      height: auto;
      box-shadow: 0 12px 20px 0 rgba(0, 8, 9, 0.18); }
  .lms-module-player .module-empty-state {
    text-align: center; }
    .lms-module-player .module-empty-state img {
      max-width: 350px;
      width: 100%; }
    .lms-module-player .module-empty-state h4 {
      margin: 30px 0 30px 0;
      color: #acbcc8; }
  .lms-module-player .module-noneligible .module-title {
    font-weight: 700; }
  .lms-module-player .module-noneligible .criterion td {
    padding: 20px 10px 0 10px; }
  .lms-module-player .regular-lms-stitcher {
    text-align: center; }
    .lms-module-player .regular-lms-stitcher .congratulations {
      margin: 20px;
      color: #0b9da0;
      font-size: 16pt;
      font-weight: 500; }
    .lms-module-player .regular-lms-stitcher .message {
      margin: 10px; }
    .lms-module-player .regular-lms-stitcher .btn, .lms-module-player .regular-lms-stitcher .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .lms-module-player .regular-lms-stitcher .custom-file-input + .custom-file-control:before {
      margin: 10px; }
  .lms-module-player .module-indicate-completion {
    margin-top: 20px;
    border-top: 1px solid #076b6d;
    padding-top: 20px; }
  .lms-module-player .module-past-due {
    padding: 20px;
    font-size: 15pt;
    text-align: center; }
    .lms-module-player .module-past-due .title {
      font-size: 20pt;
      margin: 20px;
      color: darkred; }
  @media (max-width: 991px) {
    .lms-module-player .module-exercise .exercise-container .exercise-questions-container .exercise-question-actions .left-side-actions {
      float: none;
      width: 100%;
      text-align: center; }
    .lms-module-player .module-exercise .exercise-container .exercise-questions-container .exercise-question-actions .right-side-actions {
      float: none;
      width: 100%;
      text-align: center;
      margin-bottom: 15px; }
    .lms-module-player .module-actions .btn-continue {
      float: none;
      width: 100%; }
    .lms-module-player .module-actions .btn-previous {
      float: none;
      width: 100%;
      margin-top: 15px;
      text-align: left; } }
  @media (max-width: 767px) {
    .lms-module-player {
      padding: 30px 10px 30px 10px; }
      .lms-module-player .module-lesson .module-lesson-content-container {
        min-height: unset;
        max-width: unset;
        margin-top: 20px; }
      .lms-module-player .module-video {
        max-width: unset; } }
/*=====  End of LMS Middle Content ======*/
.specialization-test-header {
  width: 100%;
  height: 10vh;
  display: flex;
  align-items: center;
  padding: 15px;
  vertical-align: middle;
  z-index: 99999;
  color: #000809;
  position: relative; }
  .specialization-test-header__logo {
    margin-left: 15px;
    cursor: pointer;
    width: 25px; }
  .specialization-test-header__logo:hover {
    transform: scale(1.3); }

/*============================================
=            LMS Dashboard - Main            =
============================================*/
.lms-dashboard-main {
  /*----------  Media Query Breakpoints  ----------*/ }
  .lms-dashboard-main .lms-aside {
    padding: 30px; }
  .lms-dashboard-main .lms-dashboard-main-inner {
    max-width: calc(100% - 330px);
    padding: 30px; }
    .lms-dashboard-main .lms-dashboard-main-inner .nav-tabs {
      width: 100%;
      margin: 20px 0;
      border-bottom: none; }
      .lms-dashboard-main .lms-dashboard-main-inner .nav-tabs .nav-link {
        border: none;
        font-weight: 400;
        text-transform: uppercase;
        color: #acbcc8;
        border-bottom: 5px solid transparent;
        padding: 10px 30px; }
        .lms-dashboard-main .lms-dashboard-main-inner .nav-tabs .nav-link.active {
          font-weight: 700;
          color: #0b9da0;
          border-bottom: 5px solid #0b9da0; }
    .lms-dashboard-main .lms-dashboard-main-inner .tab-content .tab-pane:after {
      content: "";
      display: table;
      clear: both; }
  @media (max-width: 991px) {
    .lms-dashboard-main .lms-dashboard-main-inner {
      max-width: calc(100%); } }
  @media (max-width: 767px) {
    .lms-dashboard-main .lms-dashboard-main-inner {
      padding: 20px 10px; }
      .lms-dashboard-main .lms-dashboard-main-inner .nav-tabs {
        overflow-x: scroll;
        white-space: nowrap; } }
/*=====  End of LMS Dashboard - Main  ======*/
/*================================
=            CMS Main            =
================================*/
.cms-main {
  /*----------  Media Query Breakpoints  ----------*/ }

/*=====  End of CMS Main  ======*/
/*=====  End of Main SCSS  ======*/
:export {
  alabastar: #fafafa;
  offblack: #101010;
  hintOfGreen: #e0ffe0;
  darkeshGreen: #00c000;
  blueChill: #0ea7aa;
  gray: #7F7F7F;
  tundora: #444444;
  selago: #f3f3fe;
  silver: #cccccc;
  texasRose: #fdb45c;
  brightSun: #ffc645;
  niagara: #08999c;
  utilityGrayBase: #808080;
  primaryBase: #0b9da0;
  errorColor: #e50043;
  alto: #dddddd;
  whisper: #f5f5f9;
  pelorous: #39bac9;
  redDark: #B10836;
  redStandard: #E30D47;
  greenVivid: #11C27D;
  greenStandard: #059A6D;
  lightgray: #eee;
  mystic: #dadde9;
  silverChalice: #aaaaaa;
  lagoon: #008c90;
  hokiDark: #6889A0;
  slatePale: #e9f6fb;
  hoki: #6789A0;
  tooltipColor: rgba(0, 0, 0, 0.87);
  calendarCardHeaderShadowPrimary: rgba(156, 39, 176, 0.28);
  calendarCardHeaderShadowSecondary: rgba(0, 0, 0, 0.12);
  calendarCardHeaderShadowTrilogy: rgba(156, 39, 176, 0.2);
  primaryBoxShadow1: rgba(23, 58, 94, 0.28);
  primaryBoxShadow2: rgba(53, 124, 166, 0.2);
  spray: #6fdeeb;
  failureColor: #ee4266; }

/* Edraak's Program General Page */
/********************
*    Enrollments    *
*********************/
#learning-path-player .learning-path-course.locked:before, #learning-path-player .learning-path-course.passed:before, #learning-path-player .learning-path-course.in_progress:before, #learning-path-player .content-wrapper .section-wrapper__title.in_progress:before, #learning-path-player .content-wrapper .section-wrapper__title.passed:before, #learning-path-player .content-wrapper .section-wrapper__title.locked:before, #multi-course-program-player .content-wrapper .section-wrapper__title.inProgress:before, #multi-course-program-player .content-wrapper .section-wrapper__title.completed:before, #multi-course-program-player .content-wrapper .section-wrapper__title.locked:before, #multi-course-program-player .exam-card.completed:before, #multi-course-program-player .exam-card.available:before, #multi-course-program-player .exam-card.locked:before, #multi-course-program-player .course-card.inProgress:before, #multi-course-program-player .course-card.completed:before, #multi-course-program-player .course-card.locked:before {
  content: ' ';
  border-radius: 50%;
  width: 40px;
  height: 40px;
  opacity: 1;
  position: absolute;
  z-index: 10;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
  right: calc(100% + 15px);
  top: calc(50% - 15px); }

@media (max-width: 767px) {
  #learning-path-player .content-wrapper .section-wrapper__title.in_progress:before, #learning-path-player .content-wrapper .section-wrapper__title.passed:before, #learning-path-player .content-wrapper .section-wrapper__title.locked:before, #multi-course-program-player .content-wrapper .section-wrapper__title.inProgress:before, #multi-course-program-player .content-wrapper .section-wrapper__title.completed:before, #multi-course-program-player .content-wrapper .section-wrapper__title.locked:before, #multi-course-program-player .exam-card.completed:before, #multi-course-program-player .exam-card.available:before, #multi-course-program-player .exam-card.locked:before, #multi-course-program-player .course-card.inProgress:before, #multi-course-program-player .course-card.completed:before, #multi-course-program-player .course-card.locked:before {
    content: unset; } }

#learning-path-player .learning-path-course.locked:before, #learning-path-player .learning-path-course.passed:before, #learning-path-player .learning-path-course.in_progress:before {
  right: calc(100% + 12px); }
  @media (max-width: 767px) {
    #learning-path-player .learning-path-course.locked:before, #learning-path-player .learning-path-course.passed:before, #learning-path-player .learning-path-course.in_progress:before {
      width: 30px !important;
      height: 30px !important; } }
#learning-path-player .learning-path-course.locked:before {
  border: solid 3px #fffefe;
  background-image: url("/static/images/icons/_all/lock.83f51a5e6082.svg");
  border-radius: unset;
  height: 40px; }

#learning-path-player .learning-path-course.in_progress:before {
  border: dotted 3px #c6c6c6;
  background-image: url("/static/images/icons/_all/navigator-item-tick-circle-gray.4846a0ed154e.svg");
  border-radius: 50%;
  height: 40px; }

#learning-path-player .learning-path-course.passed:before {
  border: solid 3px #008000;
  border-radius: 50%;
  background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg");
  height: 40px; }

@media (max-width: 768px) {
  .w-100-xs {
    width: 100% !important; } }

.margin-bottom-10px, .open-response-question {
  margin-bottom: 10px; }

.margin-bottom-20px {
  margin-bottom: 20px; }

.margin-bottom-40px, .suggested-classes-modal-content {
  margin-bottom: 40px; }

.margin-bottom-50px, .child-class-card {
  margin-bottom: 50px; }

.margin-bottom-0px, .children-mobile-page-add-child-button {
  margin-bottom: 0px; }

.margin-bottom-48px {
  margin-bottom: 48px; }

.margin-bottom-40px, .suggested-classes-modal-content {
  margin-bottom: 40px; }

.margin-left-20px {
  margin-left: 20px; }

.margin-left-5px, .tab-buttons-mobile-dashboard-button, .tab-buttons-mobile-dashboard-title {
  margin-left: 5px; }

.margin-left-10px {
  margin-left: 10px; }

.margin-right-20px, .form-element-group-choices-editor, .form-element-choice-editor {
  margin-right: 20px; }

.margin-right-10px, .children-mobile-page-my-children {
  margin-right: 10px; }

.margin-right-5px, .tab-buttons-mobile-dashboard-button, .tab-buttons-mobile-dashboard-title {
  margin-right: 5px; }

.margin-right-0px {
  margin-right: 0px; }

.margin-right-30px, .add-object-panel-divider, .test-question-panel-correct {
  margin-right: 30px; }

.margin-top-40px, .suggested-classes-modal-content, .grid-container-title {
  margin-top: 40px; }

.margin-top-5px {
  margin-top: 5px; }

.margin-top-50px, .child-class-card, .child-activities, .loading-error {
  margin-top: 50px; }

.margin-top-10px, .form-element-group-choices-editor, .form-element-choice-editor {
  margin-top: 10px; }

.margin-top-30px, .child-data-tab-content, .application-container {
  margin-top: 30px; }

.margin-top-20px, .child-card-child-name, .educational-component-video-container .link {
  margin-top: 20px; }

.margin-top-25px, .child-card-lang {
  margin-top: 25px; }

.margin-top-70px {
  margin-top: 70px; }

.margin-top-120px {
  margin-top: 120px; }

.margin-top-15px, .add-object-panel-divider {
  margin-top: 15px; }

.margin-top-0px, .test-question-panel-correct {
  margin-top: 0px; }

.font-size-14px, .no-content-container {
  font-size: 14px; }

.font-size-18px, .suggested-classes-modal-error-msg {
  font-size: 18px; }

.font-size-20px, .suggested-classes-modal-content, .child-activities {
  font-size: 20px; }

.font-size-30px, .icon-teacher_features_content {
  font-size: 30px; }

.font-size-35px, .tab-buttons-mobile-dashboard-icon {
  font-size: 35px; }

.font-size-40px {
  font-size: 40px; }

.font-size-48px {
  font-size: 48px; }

.font-size-60px {
  font-size: 60px; }

.font-size-65px {
  font-size: 65px; }

.font-size-10pt {
  font-size: 10pt; }

.font-size-11pt, .prog-timezone {
  font-size: 11pt; }

.font-size-13pt, .timeline-stories {
  font-size: 13pt; }

.content-display, .tab-buttons-mobile-dashboard-title, .dialog-title, .test-question-panel-correct {
  display: inline; }

.d-inline-block, .open-response-question, .prog-timezone, .tab-buttons-mobile-dashboard-button, .children-mobile-page-my-children, .children-mobile-page-add-child-button {
  display: inline-block; }

.d-block {
  display: block; }

.success-text {
  color: green; }

.w-100-per, .open-response-question, .form-element-group-choices-editor, .form-element-choice-editor, .application-alert {
  width: 100%; }

.no-content-container {
  margin: 20px;
  color: #a7a4a4; }

.border-1px-solid-lightgray, .open-response-question {
  border: 1px solid lightgray; }

.vertical-align-sub, .dialog-title {
  vertical-align: sub; }

.vertical-align-super, .tab-buttons-mobile-dashboard-title {
  vertical-align: super; }

.vertical-align-top {
  vertical-align: top; }

.text-centered, .suggested-classes-modal-content, .grid-container-title, .child-activities, .tab-buttons-mobile-dashboard-body, .child-add-modal-dialog-content, .loading-error, .no-content-container {
  text-align: center; }

.padding-10px, .open-response-question {
  padding: 10px; }

.border-radius-10px, .open-response-question {
  border-radius: 10px; }

.children-mobile-page-add-child-button {
  font-size: 40px;
  line-height: 1;
  padding: 0;
  padding-right: 8px;
  padding-left: 8px;
  margin: 0;
  border-radius: 100px; }

.little-dark-gray-txt, .suggested-classes-modal-content, .suggested-classes-modal-error-msg, .child-activities {
  color: #5a5a5a; }

.task-modal-dialog-content,
.create-class-room-dialog-content {
  overflow-y: unset; }

.border-radius-100, .child-card-img {
  border-radius: 100p; }

.border-width-1, .child-card-img {
  border-width: 1; }

.error-text {
  color: red; }

.dark-error-text {
  color: #C00000; }

.table-link {
  font-weight: 300; }

.justify-content-center, .stat-card-body-title-desc {
  justify-content: center; }

.font-family-inherit, .table-link {
  font-family: inherit; }

.child-add-modal-dialog-content {
  overflow-y: unset; }

.stat-card-body-title-desc {
  display: flex;
  flex-direction: column; }

.open-response-question {
  height: 400px; }

.child-card-img {
  border-color: #08999c;
  height: 100px;
  width: 100px; }

.child-card-lang {
  float: right; }

.rotate-y-180 {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg); }

.icon.ic-navigator-item-tick-circle,
.icon.ic-navigator-subsection-item-tick-circle {
  background-color: #0BA7AA !important; }

.simple-progress-bar .progress .progress-bar,
.simple-progress-bar .progress-bar .progress-bar {
  background-color: #ffd13f; }
  .simple-progress-bar .progress .progress-bar.completed,
  .simple-progress-bar .progress-bar .progress-bar.completed {
    background-color: #2ae99e; }

.dialog-content-form {
  padding: 2em; }

.dialog-content-img {
  border-radius: 100;
  border-width: 1px;
  border-color: #08999c;
  height: 100px;
  width: 100px; }

form .error {
  background-color: transparent; }
  form .error input, form .error select, form .error textarea {
    border: solid 1px #b00000; }

form select[multiple] {
  min-height: 88px; }

form textarea {
  height: 70px; }

form .field-link {
  color: #0b9da0; }

form .tip-input {
  color: #363636; }

form label {
  font-size: 14px;
  font-weight: bold; }
  form label.error {
    color: #3c3c3c; }
  form label[for="register-honor_code"] {
    width: auto; }

@media (min-width: 768px) {
  form div ul {
    padding-left: 5px; } }

form {
  border: none;
  border-radius: 0;
  padding: 2em 10em; }
  form .section-title {
    position: relative;
    margin: 20px 0 10px; }
    form .section-title.lines {
      margin-bottom: 20px; }
      form .section-title.lines:after {
        position: absolute;
        left: 0;
        top: 24px;
        width: 100%;
        height: 1px;
        background: #a7a4a4;
        content: '';
        z-index: 0; }
      form .section-title.lines .text {
        position: relative;
        top: -5px;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 23.68px;
        line-height: 2.368rem;
        font-weight: 500;
        z-index: 1;
        padding: 0 20;
        background-color: #fff; }
    form .section-title h2, form .section-title .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items form .section-title .nav-link, form .section-title .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items form .section-title .nav-link {
      text-align: center;
      display: inline-block;
      width: 100%; }
  form .clear {
    clear: right;
    display: block; }

form .submission-error, form .system-error {
  box-sizing: border-box;
  background: #fbf3f3;
  margin: 0 0 25px 0;
  padding: 25px; }

@media (min-width: 768px) {
  .form-horizontal label {
    text-align: left; } }

.form-horizontal .radio {
  right: 0;
  width: auto;
  height: auto;
  display: inline-block; }

.rtl-pull-right {
  float: right ; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
body {
  text-align: left; }

.body-content {
  padding: 0;
  margin: 0 auto 0;
  min-height: 482px; }
  @media (max-width: 767px) {
    .body-content {
      min-height: 301px; } }
.container {
  min-height: calc(100vh - 370px);
  position: relative;
  /*width: flex-grid(12);*/
  width: 100%;
  padding: 0; }

.row {
  margin-left: unset;
  margin-right: unset; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  margin: inherit; }

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important; } }

.warning-text {
  color: #b00000 !important; }

.fa {
  font: normal normal normal 14px/1 FontAwesome !important; }
  .fa.lg {
    font: normal normal normal 40px/1 FontAwesome !important; }

.body-content {
  min-height: 0; }
  @media (max-width: 767px) {
    .body-content {
      min-height: 0; } }
a {
  color: #0BA7AA; }

h2, .program-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .nav-link,
h5,
.bootstrap-datetimepicker-widget .datepicker table thead .picker-switch {
  margin: 0; }

i.primary-base {
  background: #0BA7AA; }

.icon.ic-certificate {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/certificate.8f1c8ac03603.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-exercise {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/exercise.941738ae367e.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-file {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/file.9c0810f7821b.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-form {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/form.88dd9d3bf80c.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-learning-flash-card-deck {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/learning-flash-card-deck.79d49200f0b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-lesson {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/lesson.7c19da7d7ea0.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-test {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/test.4bc3a1ce0360.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-testing-flash-card-deck {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/testing-flash-card-deck.a0763b1726cb.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-text {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/text.5494cbbf6fae.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-video {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/video.ffe022714065.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-audio {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/audio.ef895ce31a4e.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-hint {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/hint.010d5c308ab6.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-caret {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/caret.f947c0a47ac5.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-navigator-arrow-collapsed {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-arrow-collapsed.35ac6715dd11.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-testing-lesson {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/testing-lesson.ccdc911973f6.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-navigator-arrow-expanded {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-arrow-expanded.dc59e3259d08.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-navigator-item-tick-circle {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-item-tick-circle.e657adbf243c.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-navigator-subsection-item-tick-circle {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-subsection-item-tick-circle.779ddb000003.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.transparent {
  background-color: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-flash-card-learn {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-learn.e9910994f089.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-flash-card-assess_voc-sam {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-assess_voc-sam.5e67b58f8737.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-flash-card-assess_voc-ram {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-assess_voc-ram.7338873b7347.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-flash-card-assess_spe-has {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-assess_spe-has.9b9310949a7e.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-flash-card-assess_spe-sas {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-assess_spe-sas.37a853113363.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-flash-card-assess_pro {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-assess_pro.35c2dcc8b710.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-flash-card {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card.e9910994f089.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-section {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/section.7ae4d38854cf.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-subsection {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/subsection.8fbf641e58fb.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-multiple-choice {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/multiple-choice.3fefabe1ab90.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-numerical-response {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/numerical-response.25dc5fa499ce.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-drag-and-drop-sentence-question {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/drag-and-drop-sentence.616f693362dc.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-drop-down-sentence-question {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/drop-down-sentence.72fb808dd9c9.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

.lms-navigator-content ul.navigator-items li.navigator-item-subsection-module.ic-sentence-with-inputs-question {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/drop-down-sentence.72fb808dd9c9.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-flash-card-learn {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-learn.e9910994f089.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-flash-card-assess_voc-sam {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-assess_voc-sam.5e67b58f8737.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-flash-card-assess_voc-ram {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-assess_voc-ram.7338873b7347.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-flash-card-assess_spe-has {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-assess_spe-has.9b9310949a7e.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-flash-card-assess_spe-sas {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-assess_spe-sas.37a853113363.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-flash-card-assess_pro {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card-assess_pro.35c2dcc8b710.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-flash-card {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/flash-card.e9910994f089.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-section {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/section.7ae4d38854cf.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-subsection {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/subsection.8fbf641e58fb.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-multiple-choice {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/multiple-choice.3fefabe1ab90.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-numerical-response {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/numerical-response.25dc5fa499ce.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-drag-and-drop-sentence-question {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/drag-and-drop-sentence.616f693362dc.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-drop-down-sentence-question {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/drop-down-sentence.72fb808dd9c9.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-sentence-with-inputs-question {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/drop-down-sentence.72fb808dd9c9.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset; }

i.ic-certificate {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/certificate.8f1c8ac03603.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-exercise {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/exercise.941738ae367e.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-file {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/file.9c0810f7821b.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-form {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/form.88dd9d3bf80c.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-learning-flash-card-deck {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/learning-flash-card-deck.79d49200f0b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-lesson {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/lesson.7c19da7d7ea0.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-test {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/test.4bc3a1ce0360.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-testing-flash-card-deck {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/testing-flash-card-deck.a0763b1726cb.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-text {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/text.5494cbbf6fae.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-video {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/video.ffe022714065.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-audio {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/audio.ef895ce31a4e.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-hint {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/hint.010d5c308ab6.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-caret {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/caret.f947c0a47ac5.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-navigator-arrow-collapsed {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-arrow-collapsed.35ac6715dd11.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-testing-lesson {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/testing-lesson.ccdc911973f6.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-navigator-arrow-expanded {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-arrow-expanded.dc59e3259d08.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-navigator-item-tick-circle {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-item-tick-circle.e657adbf243c.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-navigator-subsection-item-tick-circle {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-subsection-item-tick-circle.779ddb000003.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

i.ic-header-back {
  background-color: transparent !important;
  background-image: url("/static/images/navigator/arrow-left.2f6e03e1db78.svg") !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: contain !important;
  height: 20px;
  vertical-align: bottom;
  width: 20px; }

.form-check .form-check-label input[type='checkbox'] + div {
  margin-left: 38px;
  color: #000809;
  font-size: 17px; }

.form-check .form-check-label input[type='checkbox'] + div::before {
  margin-left: -38px;
  background: transparent;
  border: 1px solid #979797;
  border-radius: 7px;
  height: 25px;
  margin-top: 0;
  transition: none;
  width: 25px; }

.form-check .form-check-label input[type='checkbox']:checked + div::before {
  -webkit-mask: none;
  background-color: #25b85a;
  background-image: url("/static/images/icons/_all/small-tick.cc4e9ae5c513.svg");
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  mask: none; }

.form-check .form-check-label input[type='checkbox']:hover + div::before {
  border: 2px solid #25b85a; }

.form-check .form-check-label input[type='checkbox']:disabled + div::after {
  display: none; }

.form-check .form-check-label input[type='checkbox']:disabled + div::before {
  background: none; }

.btn, .form-group label.custom-file .custom-file-input + .custom-file-control:before {
  font-size: 14px;
  padding-bottom: 12px;
  padding-top: 12px;
  text-transform: uppercase; }
  .btn-continue {
    font-size: 14px;
    min-width: 109px;
    text-transform: uppercase;
    width: auto; }
  .btn-submit {
    margin: 0;
    max-width: unset;
    min-width: 178px;
    width: auto; }
  .btn-primary {
    background: #0BA7AA; }

.btn-continue {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

button:disabled {
  cursor: default;
  opacity: .5; }

.flash-card-library-navigator-buttons {
  margin-top: 1rem; }

.flash-card-phrase-editor .fie-control,
.flash-card-translation-editor .fie-control,
.flash-card-assessment-phrase-option-editor .fie-control {
  width: 100%; }
  .flash-card-phrase-editor .fie-control div:first-child,
  .flash-card-translation-editor .fie-control div:first-child,
  .flash-card-assessment-phrase-option-editor .fie-control div:first-child {
    width: 50%; }

.dialog .modal-footer > :not(:last-child) {
  margin-right: 0;
  margin-right: 0.25rem; }

.dialog .modal-footer > :not(:first-child) {
  margin-left: 0;
  margin-left: 0.25rem; }

.sentence-with_inputs-editor .md-guide-container {
  padding: 10px 0; }

.sentence-with_inputs-editor .content-editable {
  -webkit-user-select: text;
  border-bottom: solid 2px #c2c2c2;
  line-height: 3;
  margin: 30px 0;
  min-height: 56px;
  padding-bottom: 10px; }
  .sentence-with_inputs-editor .content-editable:focus {
    outline: none; }
  .sentence-with_inputs-editor .content-editable div, .sentence-with_inputs-editor .content-editable p, .sentence-with_inputs-editor .content-editable .form-check .form-check-label, .form-check .sentence-with_inputs-editor .content-editable .form-check-label, .sentence-with_inputs-editor .content-editable .form-group input:not([type="file"]), .form-group .sentence-with_inputs-editor .content-editable input:not([type="file"]),
  .sentence-with_inputs-editor .content-editable .form-group textarea,
  .form-group .sentence-with_inputs-editor .content-editable textarea, .sentence-with_inputs-editor .content-editable .form-group select, .form-group .sentence-with_inputs-editor .content-editable select, .sentence-with_inputs-editor .content-editable .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .sentence-with_inputs-editor .content-editable .custom-file-input + .custom-file-control:before, .sentence-with_inputs-editor .content-editable .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .sentence-with_inputs-editor .content-editable .custom-file-input + .custom-file-control:after, .sentence-with_inputs-editor .content-editable .dropdown-menu .dropdown-item, .dropdown-menu .sentence-with_inputs-editor .content-editable .dropdown-item, .sentence-with_inputs-editor .content-editable .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .sentence-with_inputs-editor .content-editable td, .sentence-with_inputs-editor .content-editable .module-lesson-widget .lesson-widget-header, .module-lesson-widget .sentence-with_inputs-editor .content-editable .lesson-widget-header, .sentence-with_inputs-editor .content-editable .module-lesson-widget .lesson-items, .module-lesson-widget .sentence-with_inputs-editor .content-editable .lesson-items {
    display: none; }
  .sentence-with_inputs-editor .content-editable hr {
    width: 100%;
    height: 0;
    visibility: hidden;
    margin: 5px; }

.sentence-with_inputs-editor .input-group-label {
  background: #e1ffd8;
  color: #48703d;
  display: inline-block;
  line-height: 1;
  padding: 5px;
  text-transform: uppercase;
  white-space: nowrap; }
  .sentence-with_inputs-editor .input-group-label.input-group-label-1 {
    background: #fff8d8;
    color: #70533d; }
  .sentence-with_inputs-editor .input-group-label.input-group-label-2 {
    background: #c3f5fb; }
  .sentence-with_inputs-editor .input-group-label.input-group-label-3 {
    background: #e4e4e4; }
  .sentence-with_inputs-editor .input-group-label.input-group-label-4 {
    background: #f5b9ff; }
  .sentence-with_inputs-editor .input-group-label.input-group-label-5 {
    background: #e5ff68; }
  .sentence-with_inputs-editor .input-group-label.input-group-label-6 {
    background: #90ffa4; }
  .sentence-with_inputs-editor .input-group-label.input-group-label-7 {
    background: #f500ff; }
  .sentence-with_inputs-editor .input-group-label.input-group-label-8 {
    background: #f5b9ff; }
  .sentence-with_inputs-editor .input-group-label.input-group-label-9 {
    background: #a4a4a4; }

.sentence-with_inputs-editor .choice-group label {
  margin-left: 30px; }

.fie-file-uploader .upload-buttons label, .fie-file-uploader .upload-buttons > div {
  display: inline-block; }

.fie-file-uploader .upload-buttons > div {
  position: relative; }
  .fie-file-uploader .upload-buttons > div input[type="file"] {
    opacity: 0;
    position: relative;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0; }
  .fie-file-uploader .upload-buttons > div button {
    z-index: 0; }

.lms-html {
  width: 100%;
  height: 100%;
  height: 100%;
  overflow: hidden; }

.lms-body {
  width: 100%;
  height: 100%;
  overflow-y: auto; }
  .lms-body .site-header {
    border-bottom: 0;
    box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.08);
    height: 70px;
    min-height: 83px;
    padding: 0; }
    .lms-body .site-header__container {
      align-items: center;
      display: flex;
      flex-direction: row;
      height: 70px;
      justify-content: space-between;
      margin: 0;
      max-width: 100%;
      min-height: 83px;
      padding: 0 20px;
      width: 100%; }
      @media (min-width: 768px) {
        .lms-body .site-header__container {
          padding: 0 30px; } }
    .lms-body .site-header__left-section, .lms-body .site-header__right-section {
      align-items: center;
      display: flex;
      flex-direction: row;
      margin: 0;
      padding: 0; }
    .lms-body .site-header__left-section {
      flex: 1; }
    .lms-body .site-header__logo {
      margin: 0 30px 0 0;
      display: none; }
      .lms-body .site-header__logo--reduced a img {
        width: 37px; }
    .lms-body .site-header__dashboard-label {
      align-items: center;
      display: flex;
      flex: 1;
      flex-direction: row; }
      .lms-body .site-header__dashboard-label .link {
        height: 20px;
        display: flex; }
    .lms-body .site-header__program-label {
      align-items: center;
      display: flex;
      flex: 1;
      flex-direction: row;
      justify-content: center; }
    .lms-body .site-header__program-title {
      color: #000809;
      font-size: 20px;
      line-height: normal; }
    .lms-body .site-header i.ic-header-back {
      margin: 0 9px 0 0;
      display: block; }
    .lms-body .site-header .mobile-menu-button {
      background: unset;
      border: unset;
      color: unset;
      margin: 0;
      padding: 0; }
      .lms-body .site-header .mobile-menu-button img {
        display: block;
        height: 13px;
        width: 28px; }
    .lms-body .site-header__user-information {
      display: none; }
      .lms-body .site-header__user-information .my-account-dropdown {
        position: relative; }
        .lms-body .site-header__user-information .my-account-dropdown ul {
          background-color: #fffefe;
          border: 0;
          border-radius: 14px;
          box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.08);
          min-width: 236px;
          margin-top: 4px;
          position: absolute; }
          .lms-body .site-header__user-information .my-account-dropdown ul li {
            padding: 17px 20px; }
            .lms-body .site-header__user-information .my-account-dropdown ul li + li {
              border-top: 0; }
            .lms-body .site-header__user-information .my-account-dropdown ul li:hover {
              background: #f7f7f7; }
            .lms-body .site-header__user-information .my-account-dropdown ul li a.logout {
              color: #000809; }
        .lms-body .site-header__user-information .my-account-dropdown .dropdown-menu.open {
          display: block; }
      .lms-body .site-header__user-information .caret {
        margin: 0 0 0 2px;
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        border-top: 4px dashed;
        display: inline-block;
        height: 0;
        vertical-align: middle;
        width: 0; }
      .lms-body .site-header__user-information a.my-account {
        margin: 0 15px 0 0;
        color: #7f7f7f;
        font-size: 14px;
        font-weight: bold; }
    @media (min-width: 768px) {
      .lms-body .site-header__logo {
        display: block; }
      .lms-body .site-header__program-label {
        justify-content: flex-start; }
      .lms-body .site-header .mobile-menu-button {
        display: none; }
      .lms-body .site-header__user-information {
        align-items: center;
        display: flex;
        flex-direction: row; } }
  .lms-body .mobile-menu {
    background-color: #fffefe;
    display: none;
    padding: 0 20px 20px;
    position: absolute;
    width: 100%;
    z-index: 130; }
    .lms-body .mobile-menu.open {
      align-items: center;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: flex-end; }
    .lms-body .mobile-menu a.lang,
    .lms-body .mobile-menu a.btn.profile-btn,
    .lms-body .mobile-menu .form-group label.custom-file .custom-file-input + a.profile-btn.custom-file-control:before,
    .form-group label.custom-file .lms-body .mobile-menu .custom-file-input + a.profile-btn.custom-file-control:before,
    .lms-body .mobile-menu a.btn.dashboard-btn,
    .lms-body .mobile-menu .form-group label.custom-file .custom-file-input + a.dashboard-btn.custom-file-control:before,
    .form-group label.custom-file .lms-body .mobile-menu .custom-file-input + a.dashboard-btn.custom-file-control:before {
      margin: 5px; }
    @media (min-width: 768px) {
      .lms-body .mobile-menu {
        padding: 0 30px 30px; } }
  .lms-body .layer.floating {
    top: 0; }
  .lms-body a.lang {
    margin: 0 0 0 15px;
    border: 1px solid #c6c6c6;
    border-radius: 50%;
    color: #7f7f7f;
    cursor: pointer;
    height: 43px;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
    width: 43px; }
  .lms-body a.btn-primary.dashboard-btn,
  .lms-body a.btn-primary.dashboard-btn:hover {
    border-radius: 21.5px;
    font-size: 14px;
    height: 43px;
    min-width: 120px;
    padding: 12px 24px;
    text-transform: uppercase;
    background-color: #0BA7AA; }
  .lms-body a.btn-secondary.dashboard-btn,
  .lms-body a.btn-secondary.dashboard-btn:hover {
    border-radius: 21.5px;
    font-size: 14px;
    height: 43px;
    min-width: 120px;
    padding: 12px 24px;
    text-transform: uppercase;
    background-color: #fffefe;
    border: solid 1px #c6c6c6;
    color: #7f7f7f; }
  @media (min-width: 768px) {
    .lms-body .mobile-menu.open {
      display: none; }
    .lms-body .layer.floating {
      display: none; } }
  .lms-body #main-lms .loading-content {
    margin-top: 16px;
    text-align: center; }

.qp-bold {
  font-weight: bold; }

.qp-italic {
  font-style: italic; }

.qp-underline {
  text-decoration: underline; }

.qp-heading1 {
  font-size: 2.5rem;
  font-weight: 900; }

.qp-heading2 {
  font-size: 2rem;
  font-weight: 800; }

.qp-heading3 {
  font-size: 1.75rem;
  font-weight: 700; }

.qp-heading4 {
  font-size: 1.5rem;
  font-weight: 600; }

.qp-heading5 {
  font-size: 1.25rem;
  font-weight: 500; }

.qp-heading6 {
  font-size: 1rem; }

.question-content-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative; }
  .question-content-container.question-image-bottom {
    flex-direction: column-reverse; }
  .question-content-container .question-image-container {
    display: flex;
    justify-content: center;
    padding: 20px; }
    .question-content-container .question-image-container .question-image {
      max-height: 300px;
      height: auto;
      max-width: 100%;
      width: auto; }

@media (max-width: 567px) {
  .sentence-question-instruction {
    font-weight: 700;
    font-style: italic;
    padding-top: 14px; } }

@media (max-width: 567px) {
  .educational-component-question .sentence,
  .drag-and-drop-sentence .sentence,
  .drop-down-sentence .sentence {
    padding-top: 14px !important;
    margin-bottom: 20px !important; } }

.align-end {
  justify-content: flex-end;
  margin: 5; }

.quick-access-content {
  margin-bottom: 20px;
  max-width: 790px; }
  .quick-access-content-expander {
    color: #000809;
    font-size: 14px;
    font-weight: bold;
    line-height: normal;
    padding-right: 14px;
    cursor: pointer;
    margin-top: 8px;
    position: relative;
    text-transform: uppercase; }
    .quick-access-content-expander * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
    .quick-access-content-expander .ic-navigator-arrow-collapsed,
    .quick-access-content-expander .ic-navigator-arrow-expanded {
      float: left ;
      height: 7px;
      position: absolute;
      top: 8px;
      width: 14px; }
  .quick-access-content-content {
    padding: 20px 0; }
    @media (min-width: 768px) {
      .quick-access-content-content {
        padding: 30px 0; } }
  @media (min-width: 768px) {
    .quick-access-content {
      margin-bottom: 30px; } }
.educational-component-description {
  margin: 20px 0;
  max-width: 790px;
  padding: 0 20px; }
  .educational-component-description-content {
    overflow: hidden;
    position: relative; }
    .educational-component-description-content::before {
      left: unset;
      right: 0;
      background: linear-gradient(to right, rgba(255, 254, 254, 0) 0%, #fffefe 100%);
      bottom: 0;
      content: '\200C';
      position: absolute;
      width: 100%;
      z-index: 1; }
    .educational-component-description-content.expanded::before {
      content: none; }
  .educational-component-description-content-expander {
    float: right ;
    padding-right: 14px;
    cursor: pointer;
    margin-top: 8px;
    position: relative; }
    .educational-component-description-content-expander .ic-navigator-arrow-collapsed,
    .educational-component-description-content-expander .ic-navigator-arrow-expanded {
      left: unset;
      right: 0;
      height: 7px;
      position: absolute;
      top: 8px;
      width: 14px; }
  @media (min-width: 768px) {
    .educational-component-description {
      padding: 0 30px; } }
  .educational-component-description * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif !important; }

.educational-component-quick-access-content {
  padding: 0 20px; }
  @media (min-width: 768px) {
    .educational-component-quick-access-content {
      padding: 0 30px; } }
.educational-component-title {
  color: #000809;
  font-size: 32px;
  font-weight: bold;
  line-height: normal;
  display: flex;
  flex-direction: row;
  padding: 20px;
  align-items: center; }
  .educational-component-title * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  @media (max-width: 767px) {
    .educational-component-title {
      font-size: 16px; } }
  @media (min-width: 768px) and (max-width: 1023px) {
    .educational-component-title {
      font-size: 24px; } }
  .educational-component-title * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  @media (max-width: 567px) {
    .educational-component-title.Exercise {
      display: none;
      font-size: 20px;
      align-items: center; } }
  .educational-component-title .icon {
    margin-left: unset;
    margin-right: 16px;
    height: 50px;
    min-width: 50px;
    width: 50px; }
    @media (max-width: 567px) {
      .educational-component-title .icon {
        height: 20px;
        width: 20px;
        min-width: 20px;
        margin-right: 8px; } }
  .educational-component-title.OnlineLesson, .educational-component-title.TestingOnlineLesson {
    background-color: #0BA7AA;
    color: #fffefe; }
  .educational-component-title.OnlineLesson .icon.ic-lesson {
    background-image: url("/static/images/icons/_all/lesson-inverted.99cea9814548.svg"); }
  .educational-component-title.TestingOnlineLesson .icon.ic-testing-lesson {
    background-image: url("/static/images/icons/_all/testing-lesson-inverted.f5d73761c6e6.svg"); }
  @media (min-width: 768px) {
    .educational-component-title {
      padding: 30px; } }
.criterion {
  color: #000809;
  font-size: 16px;
  font-weight: normal;
  line-height: normal;
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 8px; }
  .criterion * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .criterion i {
    font-size: 10pt; }
  .criterion .fa {
    margin-left: unset;
    margin-right: 10px; }
  .criterion .fa-times {
    color: #ee4266; }
  .criterion .fa-check {
    color: #2ae99e; }

.educational-component-actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 20px; }
  .educational-component-actions .label-checkbox {
    margin-left: unset;
    margin-right: 29px; }
  .educational-component-actions .text-button {
    margin: 5px; }
  @media (min-width: 768px) {
    .educational-component-actions {
      margin-bottom: 30px; } }
  .educational-component-actions * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }

.educational-component-completion-indicator {
  display: flex;
  flex-direction: row; }
  .educational-component-completion-indicator * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif !important; }
  .educational-component-completion-indicator label {
    cursor: pointer; }

.educational-component-explanation {
  border: solid 1px #e3e3e3;
  border-radius: 4px;
  max-width: 700px;
  padding: 15px 20px; }
  .educational-component-explanation-title {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 9px;
    text-transform: uppercase; }
    .educational-component-explanation-title * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif !important; }
  .educational-component-explanation p, .educational-component-explanation .form-check .form-check-label, .form-check .educational-component-explanation .form-check-label, .educational-component-explanation .form-group input:not([type="file"]), .form-group .educational-component-explanation input:not([type="file"]),
  .educational-component-explanation .form-group textarea,
  .form-group .educational-component-explanation textarea, .educational-component-explanation .form-group select, .form-group .educational-component-explanation select, .educational-component-explanation .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .educational-component-explanation .custom-file-input + .custom-file-control:before, .educational-component-explanation .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .educational-component-explanation .custom-file-input + .custom-file-control:after, .educational-component-explanation .dropdown-menu .dropdown-item, .dropdown-menu .educational-component-explanation .dropdown-item, .educational-component-explanation .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .educational-component-explanation td, .educational-component-explanation .module-lesson-widget .lesson-widget-header, .module-lesson-widget .educational-component-explanation .lesson-widget-header, .educational-component-explanation .module-lesson-widget .lesson-items, .module-lesson-widget .educational-component-explanation .lesson-items {
    margin: 0; }
  .educational-component-explanation * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }

.educational-component-non-eligible {
  margin: 0 20px 20px; }
  @media (max-width: 567px) {
    .educational-component-non-eligible {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-non-eligible {
      margin: 0 30px 30px; } }
  .educational-component-non-eligible * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-non-eligible-title {
    color: #000809;
    font-size: 16px;
    font-weight: bold;
    line-height: normal; }
    .educational-component-non-eligible-title * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-non-eligible .criterions {
    margin-top: 16px; }

.educational-component-empty {
  margin: 0 20px 20px;
  margin-top: 30px;
  text-align: center; }
  @media (max-width: 567px) {
    .educational-component-empty {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-empty {
      margin: 0 30px 30px; } }
  .educational-component-empty * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  @media (min-width: 768px) {
    .educational-component-empty {
      margin-top: 30px; } }
.educational-component-header {
  display: flex;
  flex-direction: column;
  width: 100%; }
  @media (min-width: 768px) {
    .educational-component-header {
      padding: 0 10px; } }
  .educational-component-header * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif !important; }

.educational-component-past-due {
  margin: 0 20px 20px; }
  @media (max-width: 567px) {
    .educational-component-past-due {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-past-due {
      margin: 0 30px 30px; } }
  .educational-component-past-due * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-past-due-title {
    color: #000809;
    font-size: 16px;
    font-weight: bold;
    line-height: normal; }
    .educational-component-past-due-title * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-past-due-message {
    margin-top: 16px; }

.educational-component-summary {
  margin: 0 20px 20px;
  margin-bottom: 0; }
  @media (max-width: 567px) {
    .educational-component-summary {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-summary {
      margin: 0 30px 30px; } }
  .educational-component-summary * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-summary-panel {
    border-radius: 10px;
    box-shadow: 0 11px 30px 0 rgba(0, 0, 0, 0.08);
    box-sizing: border-box;
    padding: 63px 16px 40px;
    width: 100%; }
  .educational-component-summary-wrap-up {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 20px; }
    .educational-component-summary-wrap-up img {
      height: 100%;
      margin-bottom: 24px;
      max-height: 252px;
      max-width: 350px;
      width: 100%; }
    .educational-component-summary-wrap-up-title {
      font-size: 30px;
      font-weight: bold;
      margin-bottom: 24px; }
  .educational-component-summary-message {
    color: #000809;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 0 7px;
    text-align: center; }
    .educational-component-summary-message * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
    @media (min-width: 768px) {
      .educational-component-summary-message {
        font-size: 23px; } }
    .educational-component-summary-message .charts {
      position: relative;
      width: 172px; }
      .educational-component-summary-message .charts .pie-chart {
        width: 172px; }
      .educational-component-summary-message .charts.with-hints {
        width: 268px; }
  .educational-component-summary-hints-used {
    left: unset;
    right: 0;
    background-color: #6600f6;
    border-radius: 50%;
    color: #fffefe;
    height: 96px;
    position: absolute;
    text-align: center;
    top: -8px;
    width: 96px; }
  .educational-component-summary-hint-message {
    font-size: 12px;
    padding-top: 23px; }
  .educational-component-summary-hint-total {
    font-size: 34px;
    font-weight: bold;
    line-height: 36px; }
  .educational-component-summary-main-message {
    padding-top: 12px; }
  .educational-component-summary-main-message, .educational-component-summary-score-message {
    color: #000809;
    font-size: 32px;
    font-weight: bold;
    line-height: normal; }
    .educational-component-summary-main-message *, .educational-component-summary-score-message * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
    @media (max-width: 767px) {
      .educational-component-summary-main-message, .educational-component-summary-score-message {
        font-size: 16px; } }
    @media (min-width: 768px) and (max-width: 1023px) {
      .educational-component-summary-main-message, .educational-component-summary-score-message {
        font-size: 24px; } }
  .educational-component-summary-score-message {
    font-size: 21px;
    font-weight: normal; }
    .educational-component-summary-score-message span {
      color: #000809;
      font-size: 24px;
      font-weight: bold;
      margin: 0 4px; }
      .educational-component-summary-score-message span.highlight {
        color: #0BA7AA; }
      .educational-component-summary-score-message span.passed {
        color: #059A6D; }
      .educational-component-summary-score-message span.failed {
        color: #E30D47; }
  .educational-component-summary-attempts-used {
    color: #000809;
    font-size: 19px;
    font-weight: normal;
    line-height: 1.47;
    margin-top: 24px; }
    .educational-component-summary-attempts-used * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-summary-actions {
    align-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 26px; }
    .educational-component-summary-actions .btn, .educational-component-summary-actions .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .educational-component-summary-actions .custom-file-input + .custom-file-control:before {
      margin: 10px 10px 30px 10px; }
    .educational-component-summary-actions .action-instruction {
      text-align: center; }
  .educational-component-summary-standalone-actions {
    text-align: center;
    display: block;
    margin-top: 26px; }
    .educational-component-summary-standalone-actions .btn, .educational-component-summary-standalone-actions .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .educational-component-summary-standalone-actions .custom-file-input + .custom-file-control:before {
      width: 250px;
      margin: 10px 10px 30px 10px; }
    .educational-component-summary-standalone-actions .action-instruction {
      text-align: center; }
  @media (min-width: 768px) {
    .educational-component-summary {
      margin-bottom: 0; } }
.educational-component-audio {
  margin: 0 20px 20px;
  align-items: flex-start;
  direction: ltr;
  display: flex;
  flex-direction: row; }
  @media (max-width: 567px) {
    .educational-component-audio {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-audio {
      margin: 0 30px 30px; } }
  .educational-component-audio .audio-button {
    background-color: #0BA7AA;
    border-radius: 50%;
    height: 60px;
    min-width: 60px;
    padding: 20px;
    width: 60px; }
    .educational-component-audio .audio-button img {
      display: block;
      height: 20px;
      object-fit: contain;
      width: 20px; }
    .educational-component-audio .audio-button.repeat {
      padding: 14px 16px 15px; }
      .educational-component-audio .audio-button.repeat img {
        height: 31px;
        width: 28px; }
  .educational-component-audio .audio-button:not(:last-child) {
    margin-right: 12px; }
  .educational-component-audio .audio-button:last-of-type {
    margin-right: 37px; }
  .educational-component-audio-tracker {
    align-items: flex-end;
    display: flex;
    flex: 1;
    flex-direction: column; }
    .educational-component-audio-tracker .slider {
      width: 100%; }
      .educational-component-audio-tracker .slider-fill {
        left: 0; }
  .educational-component-audio-duration {
    color: #7f7f7f;
    font-size: 13px;
    margin-bottom: 5px; }
  .educational-component-audio-repeat {
    color: #7f7f7f;
    font-size: 15px;
    line-height: 15px; }
    .educational-component-audio-repeat span {
      font-weight: bold; }

.educational-component-certificate {
  margin: 0 20px 20px; }
  @media (max-width: 567px) {
    .educational-component-certificate {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-certificate {
      margin: 0 30px 30px; } }
  .educational-component-certificate * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-certificate-description {
    margin-bottom: 40px; }

.educational-component-edraak-course {
  margin: 20px; }
  .educational-component-edraak-course * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-edraak-course div {
    margin: 1em 0; }
  .educational-component-edraak-course .alternatives-completed-section .completion-check-mark {
    margin-right: 10px; }
  .educational-component-edraak-course .alternatives-completed-section .title {
    color: #0BA7AA;
    font-size: 17pt; }
  .educational-component-edraak-course .alternatives-completed-section .compl-unneeded, .educational-component-edraak-course .alternatives-completed-section .main-compl-optional {
    font-size: 13pt; }
  .educational-component-edraak-course .course-certificate {
    color: #0BA7AA;
    font-size: 14px; }
    .educational-component-edraak-course .course-certificate:hover {
      color: #199a99;
      cursor: pointer; }
  .educational-component-edraak-course .status-label {
    text-align: center;
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    float: right; }
    .educational-component-edraak-course .status-label.status-label-info {
      color: #ffd13f;
      background-color: #ffffaa; }
    .educational-component-edraak-course .status-label.status-label-completed {
      color: #2ae99e;
      background-color: #d3ffed; }
    .educational-component-edraak-course .status-label.status-label-danger {
      color: #ee4266;
      background-color: #ffd1db; }
  .educational-component-edraak-course .course-date-status {
    height: 50px; }
    .educational-component-edraak-course .course-date-status span {
      padding-left: 5px; }
    .educational-component-edraak-course .course-date-status .course-date {
      display: inline-block; }
  .educational-component-edraak-course .btn, .educational-component-edraak-course .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .educational-component-edraak-course .custom-file-input + .custom-file-control:before {
    border-radius: 4px;
    font-weight: normal;
    cursor: pointer; }
  .educational-component-edraak-course .not-clickable {
    cursor: not-allowed; }

.educational-component-exercise {
  margin: 0 20px 20px; }
  @media (max-width: 567px) {
    .educational-component-exercise {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-exercise {
      margin: 0 30px 30px; } }
  .educational-component-exercise * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-exercise .response {
    width: 100%; }
  .educational-component-exercise-panel {
    padding: 25px 25px 40px;
    width: 100%;
    position: relative; }
    .educational-component-exercise-panel * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
    @media (max-width: 567px) {
      .educational-component-exercise-panel {
        padding: 16px 16px 20px; } }
.exercise-navigator {
  display: block; }
  .exercise-navigator-indicator {
    margin-bottom: 16px;
    margin-left: unset;
    margin-right: 14px; }
  .exercise-navigator-content {
    align-items: center;
    display: flex;
    flex-direction: row; }
  .exercise-navigator .navigator-button,
  .exercise-navigator .navigator-button-filler {
    height: 24px;
    min-width: 13px;
    width: 13px; }
    .exercise-navigator .navigator-button.navigator-button-rtl,
    .exercise-navigator .navigator-button-filler.navigator-button-rtl {
      transform: scaleX(-1); }
    .exercise-navigator .navigator-button img,
    .exercise-navigator .navigator-button-filler img {
      width: 13px; }
    .exercise-navigator .navigator-button .image-button,
    .exercise-navigator .navigator-button-filler .image-button {
      object-fit: cover;
      height: 100%;
      width: 100%; }
    .exercise-navigator .navigator-button:first-child,
    .exercise-navigator .navigator-button-filler:first-child {
      margin-left: unset;
      margin-right: 15px; }
    .exercise-navigator .navigator-button:last-child,
    .exercise-navigator .navigator-button-filler:last-child {
      margin-right: unset;
      margin-left: 15px; }
    @media (min-width: 568px) {
      .exercise-navigator .navigator-button,
      .exercise-navigator .navigator-button-filler {
        height: 38px;
        min-width: 21px;
        width: 21px; }
        .exercise-navigator .navigator-button img,
        .exercise-navigator .navigator-button-filler img {
          width: 21px; }
        .exercise-navigator .navigator-button .image-button,
        .exercise-navigator .navigator-button-filler .image-button {
          height: 100%;
          width: 100%; } }
.educational-component-file {
  margin: 0 20px 20px; }
  @media (max-width: 567px) {
    .educational-component-file {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-file {
      margin: 0 30px 30px; } }
.educational-component-flash-card-deck {
  margin: 0 20px 20px;
  margin: 0 15px 20px; }
  @media (max-width: 567px) {
    .educational-component-flash-card-deck {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-flash-card-deck {
      margin: 0 30px 30px; } }
  .educational-component-flash-card-deck * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-flash-card-deck.learning {
    padding-top: 15px; }
  .educational-component-flash-card-deck.test {
    padding-top: 0; }
    .educational-component-flash-card-deck.test .simple-progress-bar {
      margin-bottom: 49px; }

.flash-card-deck-navigator {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative; }
  .flash-card-deck-navigator .navigator-button,
  .flash-card-deck-navigator .navigator-button-filler {
    height: 24px;
    min-width: 13px;
    width: 13px; }
    .flash-card-deck-navigator .navigator-button.navigator-button-rtl,
    .flash-card-deck-navigator .navigator-button-filler.navigator-button-rtl {
      transform: scaleX(-1); }
    .flash-card-deck-navigator .navigator-button img,
    .flash-card-deck-navigator .navigator-button-filler img {
      height: 24px;
      width: 13px; }
    .flash-card-deck-navigator .navigator-button:first-child,
    .flash-card-deck-navigator .navigator-button-filler:first-child {
      margin-left: unset;
      margin-right: 15px; }
    .flash-card-deck-navigator .navigator-button:last-child,
    .flash-card-deck-navigator .navigator-button-filler:last-child {
      margin-right: unset;
      margin-left: 15px; }
    @media (min-width: 568px) {
      .flash-card-deck-navigator .navigator-button,
      .flash-card-deck-navigator .navigator-button-filler {
        height: 38px;
        min-width: 21px;
        width: 21px; }
        .flash-card-deck-navigator .navigator-button img,
        .flash-card-deck-navigator .navigator-button-filler img {
          height: 38px;
          width: 21px; } }
  .flash-card-deck-navigator .navigator-button {
    cursor: pointer; }
  .flash-card-deck-navigator-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 394px;
    width: 100%; }
  .flash-card-deck-navigator .simple-progress-bar {
    margin-top: 50px;
    width: 100%; }
    .flash-card-deck-navigator .simple-progress-bar .progress-bar {
      background-color: #0BA7AA; }
      .flash-card-deck-navigator .simple-progress-bar .progress-bar.filled {
        background-color: #0BA7AA; }

.flash-card-presentations {
  padding-bottom: calc(100% * 519 / 394);
  position: relative;
  width: 100%;
  max-height: 519px;
  max-width: 394px; }

.educational-component-form, .educational-component-test {
  margin: 0 20px 20px; }
  @media (max-width: 567px) {
    .educational-component-form, .educational-component-test {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-form, .educational-component-test {
      margin: 0 30px 30px; } }
  .educational-component-form *, .educational-component-test * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-form-questions, .educational-component-test-questions {
    margin-bottom: 91px; }
  .educational-component-form-submission, .educational-component-test-submission {
    align-items: center;
    display: flex;
    flex-direction: column; }
    .educational-component-form-submission .educational-component-explanation, .educational-component-test-submission .educational-component-explanation {
      margin-bottom: 40px; }
    .educational-component-form-submission .text-button, .educational-component-test-submission .text-button {
      margin-bottom: 65px; }
  .educational-component-form-test-warning-message div:not(:last-child), .educational-component-test-test-warning-message div:not(:last-child) {
    margin-bottom: 24px; }
  .educational-component-form.show-unsubmitted-warning, .educational-component-test.show-unsubmitted-warning {
    margin-bottom: 0; }
  .educational-component-form-info-panel, .educational-component-test-info-panel {
    margin: 10px auto;
    font-weight: bold;
    max-width: 700px; }
    .educational-component-form-info-panel .info-panel-title, .educational-component-test-info-panel .info-panel-title {
      text-align: center; }
    .educational-component-form-info-panel li, .educational-component-test-info-panel li {
      margin-top: 10px; }
    .educational-component-form-info-panel .test-details, .educational-component-test-info-panel .test-details {
      color: gray;
      display: flex;
      flex-wrap: wrap; }
      .educational-component-form-info-panel .test-details .course-icon, .educational-component-test-info-panel .test-details .course-icon {
        margin: 5px 10px 5px 10px;
        text-align: left; }
        .educational-component-form-info-panel .test-details .course-icon.inline, .educational-component-test-info-panel .test-details .course-icon.inline {
          display: inline-block; }
        .educational-component-form-info-panel .test-details .course-icon .course-icon-text, .educational-component-test-info-panel .test-details .course-icon .course-icon-text {
          vertical-align: super;
          margin-left: 10px; }
        .educational-component-form-info-panel .test-details .course-icon svg, .educational-component-test-info-panel .test-details .course-icon svg {
          width: .8em;
          height: .8em; }
  .educational-component-form-start-control, .educational-component-test-start-control {
    text-align: center; }
    .educational-component-form-start-control .due-date-in-past, .educational-component-test-start-control .due-date-in-past {
      color: #ee4266;
      font-weight: bold;
      margin: 20px auto;
      max-width: 500px; }

.form-question-panel {
  background-color: #fffefe;
  border-radius: 10px;
  box-shadow: 0 11px 30px 0 rgba(0, 0, 0, 0.08);
  padding: 25px 25px 40px;
  width: 100%;
  overflow: auto;
  min-height: 25rem; }
  .form-question-panel * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  @media (max-width: 567px) {
    .form-question-panel {
      padding: 16px 16px 20px; } }
  .form-question-panel-header {
    display: flex; }
  .form-question-panel-label {
    align-items: center;
    display: flex;
    flex-direction: row;
    font-size: 0.875rem; }
  .form-question-panel-grade {
    margin-right: unset;
    margin-left: 25px;
    display: flex; }
    .form-question-panel-grade-text {
      flex: 1; }
    .form-question-panel-grade p, .form-question-panel-grade .form-check .form-check-label, .form-check .form-question-panel-grade .form-check-label, .form-question-panel-grade .form-group input:not([type="file"]), .form-group .form-question-panel-grade input:not([type="file"]),
    .form-question-panel-grade .form-group textarea,
    .form-group .form-question-panel-grade textarea, .form-question-panel-grade .form-group select, .form-group .form-question-panel-grade select, .form-question-panel-grade .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .form-question-panel-grade .custom-file-input + .custom-file-control:before, .form-question-panel-grade .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .form-question-panel-grade .custom-file-input + .custom-file-control:after, .form-question-panel-grade .dropdown-menu .dropdown-item, .dropdown-menu .form-question-panel-grade .dropdown-item, .form-question-panel-grade .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .form-question-panel-grade td, .form-question-panel-grade .module-lesson-widget .lesson-widget-header, .module-lesson-widget .form-question-panel-grade .lesson-widget-header, .form-question-panel-grade .module-lesson-widget .lesson-items, .module-lesson-widget .form-question-panel-grade .lesson-items {
      color: #7f7f7f;
      font-size: 13px; }
    .form-question-panel-grade-value {
      margin-right: unset;
      margin-left: 6px;
      border: solid 1px #979797;
      border-radius: 50%;
      padding: 5px 0 0;
      line-height: 24px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 24px;
      width: 24px; }
  .form-question-panel-submit-warning {
    margin-right: unset;
    margin-left: 25px;
    color: #ee4266;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase; }
  .form-question-panel.warning {
    border: solid 2px #ee4266; }
  .form-question-panel:not(:last-child) {
    margin-bottom: 45px; }

.question-form-submission {
  text-align: center;
  margin: 10px; }
  @media (max-width: 567px) {
    .question-form-submission {
      text-align: -webkit-center; } }
  .question-form-submission .submission-warning-message {
    color: #E00000;
    font-size: 16pt;
    font-weight: bold;
    margin-bottom: 20px; }

.educational-component-lesson {
  margin: 0 20px 20px; }
  @media (max-width: 567px) {
    .educational-component-lesson {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-lesson {
      margin: 0 30px 30px; } }
  .educational-component-lesson .educational-component-completion-indicator {
    margin-top: 20px; }
    @media (min-width: 768px) {
      .educational-component-lesson .educational-component-completion-indicator {
        margin-top: 30px; } }
  .educational-component-lesson .educational-component-summary {
    margin: 20px 0 0; }
    @media (min-width: 768px) {
      .educational-component-lesson .educational-component-summary {
        margin: 30px 0 0; } }
.sub-lesson {
  margin-top: 40px; }
  .sub-lesson .educational-component-description {
    padding: 0; }
  .sub-lesson .educational-component-video,
  .sub-lesson .educational-component-text,
  .sub-lesson .educational-component-exercise,
  .sub-lesson .educational-component-audio {
    margin: 0; }

.completeness-marker,
.completeness-marker .icon,
.completeness-marker .outline {
  border-radius: 50%;
  height: 35px;
  width: 35px; }

.completeness-marker .outline {
  border: dashed 1px #7f7f7f;
  border-radius: 50%; }

.completeness-marker.small,
.completeness-marker.small .outline,
.completeness-marker.small .icon {
  height: 23px;
  width: 23px; }

.educational-component-navigator-content-toggler {
  align-items: center;
  background-color: #fffefe;
  bottom: 0;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: row;
  height: 93px;
  justify-content: space-between;
  position: fixed;
  width: 100%;
  z-index: 1201; }
  .educational-component-navigator-content-toggler .navigator-button.navigator-button-rtl {
    transform: scaleX(-1); }
  .educational-component-navigator-content-toggler .navigator-button img {
    height: 20px;
    min-width: 20px;
    width: 20px; }

.course-details-navigator-content-toggler {
  align-items: center;
  background-color: #fffefe;
  bottom: 0;
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: row;
  height: 93px;
  justify-content: center;
  position: fixed;
  width: 100%;
  z-index: 1201; }

.educational-component-navigator-item {
  display: flex;
  flex-direction: row;
  margin-bottom: 10px; }
  .educational-component-navigator-item-active-indicator {
    background-color: #0BA7AA;
    display: block;
    min-width: 4px;
    width: 4px; }
  .educational-component-navigator-item > .completeness-marker {
    margin-top: 18px; }
  .educational-component-navigator-item-panel {
    margin-right: unset;
    margin-left: 10px;
    background-color: #fffefe;
    border-radius: 7px;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08);
    display: flex;
    flex: 1;
    flex-direction: row;
    overflow: hidden; }
  .educational-component-navigator-item-label {
    padding: 15px 23px 15px 17px;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1;
    flex-direction: row;
    min-height: 70px; }
    .educational-component-navigator-item-label .icon {
      height: 40px;
      min-width: 40px;
      width: 40px; }
  .educational-component-navigator-item-title {
    margin-right: unset;
    margin-left: 10px;
    color: #000809;
    font-size: 16px;
    font-weight: bold;
    line-height: normal;
    font-weight: normal; }
    .educational-component-navigator-item-title * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .educational-component-navigator-item.active .educational-component-navigator-item-label {
    padding: 15px 23px 15px 13px; }

.question-hint {
  align-items: center;
  border-radius: 5px;
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  margin-bottom: 12px;
  padding: 14px; }
  .question-hint i.ic-hint {
    height: 18px;
    width: 13px; }
  .question-hint-text {
    -webkit-filter: blur(3px);
    filter: blur(3px);
    flex: 1;
    margin: 0 8px; }
    .question-hint-text p, .question-hint-text .form-check .form-check-label, .form-check .question-hint-text .form-check-label, .question-hint-text .form-group input:not([type="file"]), .form-group .question-hint-text input:not([type="file"]),
    .question-hint-text .form-group textarea,
    .form-group .question-hint-text textarea, .question-hint-text .form-group select, .form-group .question-hint-text select, .question-hint-text .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .question-hint-text .custom-file-input + .custom-file-control:before, .question-hint-text .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .question-hint-text .custom-file-input + .custom-file-control:after, .question-hint-text .dropdown-menu .dropdown-item, .dropdown-menu .question-hint-text .dropdown-item, .question-hint-text .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .question-hint-text td, .question-hint-text .module-lesson-widget .lesson-widget-header, .module-lesson-widget .question-hint-text .lesson-widget-header, .question-hint-text .module-lesson-widget .lesson-items, .module-lesson-widget .question-hint-text .lesson-items {
      margin: 0; }
  .question-hint.show .question-hint-text {
    -webkit-filter: blur(0);
    filter: blur(0); }

.question-hints div:last-child {
  margin-bottom: 32px; }

.educational-component-question.component-direction-rtl {
  direction: rtl;
  text-align: right; }

.educational-component-question.component-direction-ltr {
  direction: ltr;
  text-align: left; }

.educational-component-question-hints-button {
  align-content: center;
  background-color: #f7f7f7;
  border-radius: 5px;
  display: flex;
  flex-direction: row-reverse;
  line-height: 22px;
  margin-top: 20px;
  padding: 6px 10px; }
  .educational-component-question-hints-button:disabled {
    cursor: not-allowed; }
  .educational-component-question-hints-button img {
    margin-right: unset;
    margin-left: 10px;
    height: 18px;
    width: 13px; }
  .educational-component-question-hints-button span {
    margin: 0; }
  @media (min-width: 434px) {
    .educational-component-question-hints-button {
      left: unset;
      right: 45px;
      margin-top: unset;
      position: absolute;
      top: 25px; } }
.educational-component-question-description {
  margin-bottom: 30px;
  margin-top: 26px; }

.educational-component-question-audio-container {
  margin: 10px auto; }
  .educational-component-question-audio-container.inline {
    margin: 0 10px 13px 0; }

.educational-component-question * {
  font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }

.image-drag-and-drop-question.disabled {
  pointer-events: none; }

.image-drag-and-drop-question-instructions {
  margin: 10px 0; }

.image-drag-and-drop-question .canvas-container {
  height: 250px !important;
  width: 250px !important; }

.image-drag-and-drop-question canvas {
  border: 1px solid #c6c6c6;
  height: 100% !important;
  margin: 10px 0;
  width: 100% !important; }

@media (min-width: 768px) {
  .image-drag-and-drop-question .canvas-container {
    height: 500px !important;
    width: 500px !important; }
  .image-drag-and-drop-question canvas {
    height: 100% !important;
    width: 100% !important; } }

.numeric-response-question {
  align-items: center;
  display: flex;
  flex-direction: row; }
  .numeric-response-question-text {
    margin-left: unset;
    margin-right: 16px;
    flex: 1; }
  .numeric-response-question p, .numeric-response-question .form-check .form-check-label, .form-check .numeric-response-question .form-check-label, .numeric-response-question .form-group input:not([type="file"]), .form-group .numeric-response-question input:not([type="file"]),
  .numeric-response-question .form-group textarea,
  .form-group .numeric-response-question textarea, .numeric-response-question .form-group select, .form-group .numeric-response-question select, .numeric-response-question .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .numeric-response-question .custom-file-input + .custom-file-control:before, .numeric-response-question .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .numeric-response-question .custom-file-input + .custom-file-control:after, .numeric-response-question .dropdown-menu .dropdown-item, .dropdown-menu .numeric-response-question .dropdown-item, .numeric-response-question .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .numeric-response-question td, .numeric-response-question .module-lesson-widget .lesson-widget-header, .module-lesson-widget .numeric-response-question .lesson-widget-header, .numeric-response-question .module-lesson-widget .lesson-items, .module-lesson-widget .numeric-response-question .lesson-items {
    margin: 0; }

.orq-file-upload {
  margin-top: 8px; }

.supported-extensions {
  text-decoration: underline;
  cursor: pointer; }

.code-editor-container {
  width: 100%; }
  .code-editor-container .code-run-status {
    background: #607D8B;
    color: #fffefe;
    padding: 10px 20px;
    margin: 20px auto;
    border-radius: 5px;
    font-size: 1.1em; }
    .code-editor-container .code-run-status.loading {
      background: #e3e3e3; }
      .code-editor-container .code-run-status.loading .loading-spinner {
        margin: 0; }
    .code-editor-container .code-run-status .code-status-point {
      margin: 5px auto; }
      .code-editor-container .code-run-status .code-status-point .code-status-title {
        font-weight: bold; }
      .code-editor-container .code-run-status .code-status-point .code-status-content {
        direction: ltr;
        text-align: left; }

.code-editor {
  position: relative;
  width: 100%;
  min-height: 500px;
  font-size: 16px; }
  .code-editor * {
    font-family: monospace !important; }

.code-editor-input {
  position: relative;
  width: 100%;
  direction: ltr;
  border-width: 1px;
  border-color: #dcdcdc;
  font-family: monospace;
  font-size: 16px;
  padding-left: 45px; }

.btn-fullscreen {
  color: #0BA7AA; }
  .btn-fullscreen .icon-fullscreen {
    margin-right: 5px; }

.code-editor-language-select {
  margin-bottom: 10px;
  direction: ltr; }

.question-explanation .educational-component-explanation {
  margin-bottom: 20px;
  max-width: unset; }
  .question-explanation .educational-component-explanation * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }

.question-response {
  right: unset;
  left: 0;
  bottom: -30px !important;
  margin-bottom: 20px;
  position: absolute;
  width: 100%;
  z-index: 2; }
  .question-response-failure, .question-response-success {
    border-radius: 0 0 10px 10px;
    color: #fffefe;
    display: grid;
    grid-gap: 0;
    grid-template-areas: 'header' 'message' 'actions';
    height: 100%;
    min-height: 160px;
    padding: 12px;
    width: 100%; }
  .question-response-failure {
    background-color: #ee4266; }
  .question-response-success {
    background-color: #2ae99e; }
  .question-response-header {
    color: #fffefe;
    font-size: 30px;
    font-weight: bold;
    grid-area: header;
    text-align: center; }
  .question-response-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    grid-area: actions;
    justify-content: center; }
    .question-response-actions button {
      margin: 0 5px; }
      .question-response-actions button:not(:last-child) {
        margin-bottom: 5px; }
  .question-response-message {
    grid-area: message;
    margin: 16px 0;
    max-width: 790px;
    text-align: center;
    color: black;
    padding: 10px;
    border-radius: 10px;
    background-color: #f0fffc; }
  @media (min-width: 568px) {
    .question-response {
      bottom: -90px; }
      .question-response-failure, .question-response-success {
        grid-template-areas: 'header header actions actions actions' 'message message message message message';
        padding: 24px 40px; }
      .question-response-header {
        text-align: unset; }
      .question-response-message {
        text-align: unset; }
      .question-response-actions {
        justify-content: flex-end; }
        .question-response-actions button {
          margin: 0; }
          .question-response-actions button:not(:last-child) {
            margin: 0 5px 0 0; } }
  @media (min-width: 768px) {
    .question-response {
      margin-bottom: 30px; } }
  .question-response.code-question {
    bottom: -175px; }

.code-test-case-result {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  background: #f7f7f7;
  padding-left: 20px;
  margin: 5px auto;
  border-radius: 7px; }
  .code-test-case-result .panel-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start; }
    .code-test-case-result .panel-body p, .code-test-case-result .panel-body .form-check .form-check-label, .form-check .code-test-case-result .panel-body .form-check-label, .code-test-case-result .panel-body .form-group input:not([type="file"]), .form-group .code-test-case-result .panel-body input:not([type="file"]),
    .code-test-case-result .panel-body .form-group textarea,
    .form-group .code-test-case-result .panel-body textarea, .code-test-case-result .panel-body .form-group select, .form-group .code-test-case-result .panel-body select, .code-test-case-result .panel-body .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .code-test-case-result .panel-body .custom-file-input + .custom-file-control:before, .code-test-case-result .panel-body .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .code-test-case-result .panel-body .custom-file-input + .custom-file-control:after, .code-test-case-result .panel-body .dropdown-menu .dropdown-item, .dropdown-menu .code-test-case-result .panel-body .dropdown-item, .code-test-case-result .panel-body .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .code-test-case-result .panel-body td, .code-test-case-result .panel-body .module-lesson-widget .lesson-widget-header, .module-lesson-widget .code-test-case-result .panel-body .lesson-widget-header, .code-test-case-result .panel-body .module-lesson-widget .lesson-items, .module-lesson-widget .code-test-case-result .panel-body .lesson-items {
      margin-bottom: 5px; }

.test-case-result-container {
  overflow-y: scroll;
  max-height: 200px; }

.question-summary {
  margin-top: 43px; }

.educational-component-testing-lesson {
  margin: 0 20px 20px; }
  @media (max-width: 567px) {
    .educational-component-testing-lesson {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-testing-lesson {
      margin: 0 30px 30px; } }
  .educational-component-testing-lesson .page-number {
    margin: 20px;
    padding: 10px;
    font-size: 20pt;
    text-align: center;
    border-radius: 5px;
    background-color: #F4F4F4; }
  .educational-component-testing-lesson .page-switcher {
    margin: 20px;
    font-size: 20pt;
    text-align: center; }
    .educational-component-testing-lesson .page-switcher .page-number {
      margin-right: 20px;
      margin-left: 20px; }
  .educational-component-testing-lesson .educational-component-completion-indicator {
    margin-top: 20px; }
    @media (min-width: 768px) {
      .educational-component-testing-lesson .educational-component-completion-indicator {
        margin-top: 30px; } }
  .educational-component-testing-lesson .educational-component-summary {
    margin: 20px 0 0; }
    @media (min-width: 768px) {
      .educational-component-testing-lesson .educational-component-summary {
        margin: 30px 0 0; } }
.sub-lesson {
  margin-top: 40px; }
  .sub-lesson .educational-component-description {
    padding: 0; }
    .sub-lesson .educational-component-description * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .sub-lesson .educational-component-video,
  .sub-lesson .educational-component-text,
  .sub-lesson .educational-component-form,
  .sub-lesson .educational-component-audio {
    margin: 0; }
  .sub-lesson .education-component-text *, .sub-lesson .education-component-form * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }

.educational-component-text {
  margin: 0 20px 20px; }
  .educational-component-text img {
    max-width: 100% !important;
    height: auto !important; }
  @media (max-width: 567px) {
    .educational-component-text {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-text {
      margin: 0 30px 30px; } }
  .educational-component-text * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }

.clear {
  clear: both; }

.educational-component-video {
  margin: 0 20px 20px; }
  @media (max-width: 567px) {
    .educational-component-video {
      margin: 0 0 20px; } }
  @media (min-width: 768px) {
    .educational-component-video {
      margin: 0 30px 30px; } }
  .educational-component-video-container {
    border-radius: 18px;
    overflow: hidden; }
  .educational-component-video.disabled {
    cursor: not-allowed; }
  .educational-component-video-wrapper.disabled {
    pointer-events: none; }

.post {
  display: flex !important;
  flex-direction: row;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto; }
  .post-it {
    padding-top: 70px;
    padding-bottom: 10px;
    border-top: 1px dotted lightgray;
    border-bottom: 1px dotted lightgray; }
  .post .post__identifier {
    flex-grow: 1;
    display: flex !important;
    flex-direction: column; }
    .post .post__identifier.inline {
      flex-grow: unset; }
    .post .post__identifier .avatar-bubble-wrapper {
      margin: 0 auto 5px; }
    .post .post__identifier .fullname {
      margin: 0 auto; }
  .post .post__body {
    display: flex;
    flex-flow: column;
    flex-grow: 9; }
    .post .post__body .editor-container {
      margin-bottom: 10px;
      flex-grow: 9; }
      .post .post__body .editor-container .editor {
        border: 1px solid #c2c2c2;
        border-radius: 8px;
        margin: 0;
        text-align: left; }
        .post .post__body .editor-container .editor.multi-line {
          min-height: 70px; }
        .post .post__body .editor-container .editor:focus {
          outline: none;
          box-shadow: 0 0 1px 1px #0b9da0;
          border-color: transparent; }
    .post .post__body .controls {
      flex-flow: row; }
      .post .post__body .controls .stats {
        flex-grow: 1;
        margin-right: 5px;
        margin-left: 5px; }
        .post .post__body .controls .stats.error {
          color: #b00000; }
      .post .post__body .controls.visible-tablet-mobile {
        display: none; }

.chromeless-button {
  padding-left: 1px;
  padding-right: 10px;
  border: none;
  background: none;
  box-shadow: none; }

.posts-list .post {
  margin-top: 20px;
  padding-bottom: 10px;
  border-bottom: 1px dotted lightgray; }
  .posts-list .post:last-of-type {
    border-bottom: none; }
  .posts-list .post .post__body .post-general {
    display: flex;
    flex-direction: row;
    align-items: baseline; }
  .posts-list .post .post__body .post-date {
    line-height: 40px;
    color: #796969;
    font-size: 10px; }
  .posts-list .post .post__body .post-username {
    font-weight: bold;
    font-size: 12px;
    line-height: 40px;
    flex-grow: 1; }
  .posts-list .post .post__body .post-text {
    min-height: 30px;
    padding-bottom: 10px; }
  .posts-list .post .post__body .post-controls {
    display: flex;
    justify-content: flex-start;
    line-height: 40px;
    height: 40px; }
    .posts-list .post .post__body .post-controls .justify-right {
      margin-left: auto; }
  .posts-list .post .post__body .post-comments {
    background: #fafbfc;
    padding: 10px;
    border-radius: 5px; }

.toggle-list-display {
  font-size: 14px; }

.topic-details {
  display: flex;
  flex-direction: column;
  align-items: self-start;
  padding-right: 180px;
  padding-left: 180px;
  padding-bottom: 50px; }
  .topic-details .topic-details__subject {
    padding-block-end: 30px; }
  .topic-details .topic-details__description {
    color: grey; }

.educational-component-forum {
  width: 95%;
  margin: auto;
  border-radius: 8px;
  background-color: #fffefe; }
  .educational-component-forum .next-div {
    padding-bottom: 20px; }
  .educational-component-forum .btn-next-page {
    padding: 12px;
    width: 100%;
    background-color: transparent;
    border: 0;
    margin-bottom: 10px; }
    .educational-component-forum .btn-next-page:hover {
      background-color: #f9f9f9; }

.educational-component-forum-description {
  padding: 30px 27px 24px; }
  .educational-component-forum-description .title {
    font-size: 34px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #173a5e; }
  .educational-component-forum-description .details {
    color: rgba(36, 46, 66, 0.5);
    display: block;
    margin-bottom: 30px;
    border-bottom: 1px solid #eff3f9; }
  .educational-component-forum-description .stats {
    font-size: 14px;
    padding: 0 18px;
    color: #2b313d;
    font-weight: 600; }

.educational-component-post {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #eff3f9;
  background: #fffefe;
  box-shadow: 0 0 20px 0 rgba(215, 222, 227, 0.39);
  margin-bottom: 20px;
  margin-top: 20px; }
  .educational-component-post:last-child {
    border-bottom: none; }
  .educational-component-post:first-child {
    border-top: 1px solid #eff3f9; }
  .educational-component-post .post-owner {
    width: 61px; }
  .educational-component-post .post-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    box-shadow: 0 0 20px 0 rgba(215, 222, 227, 0.39);
    padding: 30px 32px 10px 32px; }
    @media (max-width: 567px) {
      .educational-component-post .post-body {
        padding: 30px 10px 0 10px; } }
  .educational-component-post .post-top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px; }
    .educational-component-post .post-top .post-author {
      display: flex; }
    .educational-component-post .post-top .author-action-button {
      cursor: pointer; }
  .educational-component-post .post-username {
    font-size: 16px;
    font-weight: bold;
    color: #54617a;
    margin-bottom: 0; }
  .educational-component-post .post-date {
    font-size: 11px;
    font-weight: 500;
    color: rgba(23, 58, 94, 0.4); }
  .educational-component-post .post-text {
    font-size: 18px;
    color: #000809;
    overflow-wrap: break-word;
    margin-bottom: 22px;
    word-break: break-word;
    margin-left: 61px; }
  .educational-component-post .btn-anchor-secondary {
    padding: 0;
    font-size: 16px;
    color: #fe6a68; }
  .educational-component-post .post-bottom-controls {
    display: flex;
    align-items: stretch;
    align-content: space-between;
    width: 100%;
    padding-left: 61px;
    padding-right: 0; }
    .educational-component-post .post-bottom-controls.edit-buttons {
      margin: 5px 10px; }
    .educational-component-post .post-bottom-controls.align-end .text-button {
      margin-left: 5px; }
  .educational-component-post .button {
    cursor: pointer; }
  .educational-component-post .post-bottom-left-group {
    flex-grow: 1; }
  .educational-component-post .btn-reply {
    color: #173a5e;
    border: none;
    background: none; }
  .educational-component-post .btn-icon-text {
    margin-left: 10px; }
  .educational-component-post .show-hide-btn {
    background: transparent;
    color: #173a5e;
    border: 0;
    padding: 0px;
    font-weight: 500;
    margin-bottom: 10px; }
  .educational-component-post .post-comments {
    padding: 10px 40px 30px; }

.avatar {
  width: 40px;
  height: 40px;
  align-items: center;
  display: flex;
  justify-content: center;
  margin: auto;
  border: 1px solid #d8d8d8;
  border-radius: 50%;
  background-color: #d8d8d8;
  color: #fffefe; }

.avatar-initials {
  line-height: calc(20px * 1.2);
  width: 100%;
  font-size: 20px;
  text-align: center;
  height: 20px; }

.educational-component-post-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  background: transparent;
  padding: 48px 34px 36px;
  background-image: linear-gradient(to bottom, rgba(247, 247, 247, 0) 4%, #ffffff 38%);
  box-shadow: 0 0 20px 0 rgba(215, 222, 227, 0.39); }
  .educational-component-post-box .post-entry-area {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px; }
    .educational-component-post-box .post-entry-area .post-box {
      width: unset;
      flex-grow: 1;
      margin-left: 10px;
      margin-bottom: 0; }
  .educational-component-post-box .post-box {
    padding: 20px 10px 20px 20px; }
  .educational-component-post-box .text-area {
    height: 60px;
    padding-left: 0;
    margin-top: 0;
    margin-left: 0; }
  .educational-component-post-box .avatar {
    width: 60px;
    height: 60px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    border: 1px solid #0BA7AA;
    border-radius: 50%;
    background-color: #0BA7AA;
    color: #fffefe; }
  .educational-component-post-box .avatar-initials {
    line-height: calc(30px * 1.2);
    width: 100%;
    font-size: 30px;
    text-align: center;
    height: 30px;
    margin-bottom: 0;
    font-weight: 700; }

.post-box {
  width: 100%;
  display: flex;
  flex-direction: row;
  border-radius: 10px;
  border: solid 1px #d9dde7;
  background-color: #ffffff;
  padding: 16px 17px 16px 27px;
  margin-bottom: 5px;
  align-items: center;
  align-content: center;
  margin-top: 20px; }

@media (max-width: 480px) {
  .mobile-post-box {
    position: fixed;
    z-index: 5;
    bottom: 0;
    left: 0; } }

.text-input {
  border: none;
  flex-grow: 1;
  padding-left: 10px; }

.text-area {
  border: none;
  resize: none;
  padding-left: 10px;
  width: 100%; }

.btn-submit {
  border-radius: 10.5px;
  box-shadow: 0 2px 26px 0 rgba(207, 217, 223, 0.4);
  background-color: #173a5e;
  text-align: center;
  color: #ffffff;
  padding: 5px 20px;
  font-size: 17px;
  width: unset;
  height: unset;
  min-width: unset; }

.stats {
  margin-bottom: 0px;
  padding-left: 34px;
  align-self: flex-end;
  padding: 0;
  font-size: 0.9rem; }

.submit {
  align-self: flex-end; }

.input-area {
  border: none;
  resize: none;
  padding-left: 10px;
  width: 100%;
  height: 100%; }

.comment-box {
  display: flex;
  align-items: center;
  padding: 15px 45px 15px 32px;
  box-shadow: 0 0 20px 0 rgba(215, 222, 227, 0.39); }
  .comment-box .post-box {
    margin-top: 0;
    padding: 8px;
    margin-bottom: 0;
    margin-right: 10px; }
  .comment-box .submit, .comment-box .stats {
    align-self: unset; }
  .comment-box .stats {
    margin-right: 10px; }
    .comment-box .stats.error {
      color: #b9033a; }
  .comment-box .avatar {
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: auto;
    border: 1px solid #0BA7AA;
    border-radius: 50%;
    background-color: #0BA7AA;
    color: #fffefe;
    margin-left: 10px;
    margin-right: 10px;
    padding: 20px; }
  .comment-box .avatar-initials {
    line-height: calc(20px * 1.2);
    width: 100%;
    font-size: 20px;
    text-align: center;
    height: 20px; }
  .comment-box .show-xs {
    display: none; }
  @media (max-width: 567px) {
    .comment-box {
      padding-left: 10px;
      padding-right: 10px; }
      .comment-box .post-box {
        flex-grow: 1; }
      .comment-box .avatar {
        margin: 0; }
      .comment-box .text-button.btn-md {
        min-width: unset;
        padding-left: 15px;
        padding-right: 15px; }
      .comment-box .text-input {
        margin-left: 0; }
      .comment-box .stats {
        margin: 0; }
      .comment-box .hide-xs {
        display: none; }
      .comment-box .show-xs {
        display: block; } }
.flash-card-audio .sound-button .audio-button {
  height: 60px;
  width: 60px; }

.flash-card-audio .sound-button-wrapper.large .audio-button {
  padding: 15.5px; }

.flash-card-feedback {
  border-bottom-left-radius: 19px;
  border-bottom-right-radius: 19px;
  bottom: -100px;
  color: #fffefe;
  min-height: 177px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 3; }
  .flash-card-feedback-success, .flash-card-feedback-failure {
    align-items: center;
    display: flex;
    flex-direction: column;
    min-height: 177px;
    padding: 15px 10px 30px; }
    @media (min-width: 434px) {
      .flash-card-feedback-success, .flash-card-feedback-failure {
        padding: 18px 22px 30px; } }
  .flash-card-feedback-success {
    background-color: #2ae99e; }
  .flash-card-feedback-failure {
    background-color: #ee4266; }
  .flash-card-feedback-message {
    flex: 1;
    text-align: center; }
    .flash-card-feedback-message .big {
      font-size: 30px;
      font-weight: bold; }
    .flash-card-feedback-message .small {
      font-size: 17px;
      font-weight: 300;
      line-height: normal;
      margin-bottom: 13px; }
  .flash-card-feedback .action-buttons {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; }
    .flash-card-feedback .action-buttons button:not(:last-child) {
      margin: 0 5px 5px 0; }

.flash-card-flip .image-button img {
  background-color: #0BA7AA;
  border-radius: 50%;
  height: 60px;
  width: 60px; }

.flash-card-image {
  padding-bottom: calc(100% * 220 / 350);
  position: relative;
  width: 100%; }
  .flash-card-image-center {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: flex;
    flex-direction: column; }
    .flash-card-image-center img {
      border-radius: 8px;
      height: 100%;
      max-height: 220px;
      max-width: 350px;
      object-fit: cover; }

.flash-card-information-title {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: center;
  max-width: 350px; }

.flash-card-information h2, .flash-card-information .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items .flash-card-information .nav-link, .flash-card-information .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .flash-card-information .nav-link {
  font-size: 21px;
  font-weight: bold;
  max-height: 88px;
  max-width: 306px;
  min-height: 44px;
  text-align: center; }
  .flash-card-information h2.reduced, .flash-card-information .program-nav ul.nav-items .reduced.nav-link, .program-nav ul.nav-items .flash-card-information .reduced.nav-link, .flash-card-information .component-builder-nav ul.nav-items .reduced.nav-link, .component-builder-nav ul.nav-items .flash-card-information .reduced.nav-link {
    font-size: 28px; }

.flash-card-information h5, .flash-card-information .bootstrap-datetimepicker-widget .datepicker table thead .picker-switch, .bootstrap-datetimepicker-widget .datepicker table thead .flash-card-information .picker-switch {
  font-size: 15px;
  line-height: 19px;
  max-height: 72px;
  overflow: hidden;
  text-align: center; }

.flash-card-information-phrase {
  font-weight: bold; }
  .flash-card-information-phrase.correct {
    color: #2ae99e;
    font-weight: bold; }
  .flash-card-information-phrase.wrong span {
    color: #ee4266;
    font-weight: bold; }

@media (min-width: 434px) {
  .flash-card-information h2, .flash-card-information .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items .flash-card-information .nav-link, .flash-card-information .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .flash-card-information .nav-link {
    font-size: 32px; }
  .flash-card-information h5, .flash-card-information .bootstrap-datetimepicker-widget .datepicker table thead .picker-switch, .bootstrap-datetimepicker-widget .datepicker table thead .flash-card-information .picker-switch {
    font-size: 17px;
    line-height: 23px; } }

.flash-card-input {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%; }
  .flash-card-input .text-input {
    margin-bottom: 10px;
    width: 100%; }
    .flash-card-input .text-input input[type='text'] {
      font-size: 15px; }
      @media (min-width: 375px) {
        .flash-card-input .text-input input[type='text'] {
          font-size: 17px; } }
.flash-card-record-speech {
  align-items: center;
  display: flex;
  flex-direction: column; }
  .flash-card-record-speech canvas {
    height: 48px; }
    @media (min-width: 434px) {
      .flash-card-record-speech canvas {
        height: 96px; } }
  .flash-card-record-speech-actions {
    align-items: center;
    display: flex;
    flex-direction: column; }
  .flash-card-record-speech-record {
    align-items: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
    padding: 0 15px; }
    .flash-card-record-speech-record .record-button {
      background-color: #0BA7AA;
      border-radius: 50%;
      height: 63px;
      margin: 0;
      padding: 15.5px;
      width: 63px; }
      .flash-card-record-speech-record .record-button img {
        height: 32px;
        width: 32px; }
    .flash-card-record-speech-record .loading-spinner {
      height: 50px;
      margin: 0;
      text-align: unset; }
  .flash-card-record-speech-instruction {
    margin-right: unset;
    margin-left: 25px;
    font-size: 17px; }

.assessment-card {
  align-items: center;
  background-color: #fffefe;
  border-radius: 19px;
  box-shadow: 0 11px 30px 0 rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 22px 22px 30px;
  width: 100%;
  padding: 0;
  position: relative; }
  .assessment-card * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .assessment-card .image-and-audio {
    width: 100%; }
    .assessment-card .image-and-audio .sound-button {
      left: unset;
      right: 32px;
      margin: 0;
      position: absolute;
      top: 32px; }

.flash-card {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }
  .flash-card .text-button.btn-md {
    min-width: 98px; }
  @media (max-width: 433px) {
    .flash-card .text-button.btn-lg {
      min-width: 90px; } }
  .flash-card-unflippable {
    height: 100%; }

.flippable-learning-card {
  -webkit-perspective: 1000px;
  background-color: transparent;
  height: 100%;
  max-height: 519px;
  max-width: 394px;
  perspective: 1000px;
  width: 100%;
  z-index: 0; }
  .flippable-learning-card-inner {
    -webkit-transform-style: preserve-3d;
    height: 100%;
    position: relative;
    transform-style: preserve-3d;
    width: 100%; }
  .flippable-learning-card-front, .flippable-learning-card-back {
    align-items: center;
    background-color: #fffefe;
    border-radius: 19px;
    box-shadow: 0 11px 30px 0 rgba(0, 0, 0, 0.18);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    padding: 22px 22px 30px;
    width: 100%;
    backface-visibility: hidden;
    position: absolute; }
    .flippable-learning-card-front *, .flippable-learning-card-back * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
    .flippable-learning-card-front-content, .flippable-learning-card-back-content {
      width: 100%; }
  .flippable-learning-card-back {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
    .flippable-learning-card-back-content {
      bottom: 0;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      align-items: center;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .flippable-learning-card-back-content-wrapper {
        padding-bottom: calc(100% * 220 / 350);
        position: relative;
        width: 100%;
        width: 100%; }
  .flippable-learning-card-preview-filler {
    height: 43px;
    width: 1px; }

.pronunciation-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 15px;
  width: 100%; }
  .pronunciation-card-audio, .pronunciation-card-information {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .pronunciation-card-audio-wrapper, .pronunciation-card-information-wrapper {
      padding-bottom: calc(100% * 220 / 350);
      position: relative;
      width: 100%; }
  @media (max-width: 433px) {
    .pronunciation-card .flash-card-information.pronunciation-information h2, .pronunciation-card .flash-card-information.pronunciation-information .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items .pronunciation-card .flash-card-information.pronunciation-information .nav-link, .pronunciation-card .flash-card-information.pronunciation-information .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .pronunciation-card .flash-card-information.pronunciation-information .nav-link {
      font-size: 19px; } }
  @media (min-width: 434px) {
    .pronunciation-card {
      padding: 22px 22px 30px; } }
.spelling-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 15px;
  width: 100%; }
  .spelling-card-audio {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .spelling-card-audio-wrapper {
      padding-bottom: calc(100% * 220 / 350);
      position: relative;
      width: 100%; }
  @media (min-width: 434px) {
    .spelling-card {
      padding: 22px 22px 30px; } }
.static-learning-card {
  align-items: center;
  background-color: #fffefe;
  border-radius: 19px;
  box-shadow: 0 11px 30px 0 rgba(0, 0, 0, 0.18);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 22px 22px 30px;
  width: 100%; }
  .static-learning-card * {
    font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
  .static-learning-card-preview-filler {
    height: 43px;
    width: 1px; }

.vocabulary-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 15px;
  width: 100%; }
  .vocabulary-card-audio {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .vocabulary-card-audio-wrapper {
      padding-bottom: calc(100% * 220 / 350);
      position: relative;
      width: 100%; }
  .vocabulary-card-options {
    width: 100%; }
    .vocabulary-card-options.image {
      height: 100%;
      max-height: 180px; }
      .vocabulary-card-options.image .question-choices-option label.form-check-label {
        height: 100%; }
        .vocabulary-card-options.image .question-choices-option label.form-check-label input[type='radio'] + div {
          height: 100%; }
      @media (min-width: 375px) {
        .vocabulary-card-options.image {
          max-height: 223.71429px; } }
    .vocabulary-card-options .question-choices.text {
      width: 100%; }
      .vocabulary-card-options .question-choices.text .question-choices-option label.form-check-label input[type='radio'] + div,
      .vocabulary-card-options .question-choices.text .question-choices-option label.form-check-label input[type='checkbox'] + div {
        font-size: 15px;
        min-height: 27px; }
        @media (min-width: 375px) {
          .vocabulary-card-options .question-choices.text .question-choices-option label.form-check-label input[type='radio'] + div,
          .vocabulary-card-options .question-choices.text .question-choices-option label.form-check-label input[type='checkbox'] + div {
            font-size: 16px;
            min-height: 35px; } }
        @media (min-width: 434px) {
          .vocabulary-card-options .question-choices.text .question-choices-option label.form-check-label input[type='radio'] + div,
          .vocabulary-card-options .question-choices.text .question-choices-option label.form-check-label input[type='checkbox'] + div {
            min-height: 46px; } }
    .vocabulary-card-options .question-choices.image {
      height: 100%;
      position: relative;
      width: 100%; }
      .vocabulary-card-options .question-choices.image .question-choices-option {
        right: unset;
        left: 0;
        border-radius: 8px;
        box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
        height: calc(50% - 10px);
        position: absolute;
        top: 0;
        width: calc(50% - 5px); }
        .vocabulary-card-options .question-choices.image .question-choices-option label.form-check-label input[type='radio']:checked + div, .vocabulary-card-options .question-choices.image .question-choices-option label.form-check-label input[type='radio'] + div.correct, .vocabulary-card-options .question-choices.image .question-choices-option label.form-check-label input[type='radio'] + div.wrong {
          background-color: unset; }
        .vocabulary-card-options .question-choices.image .question-choices-option label.form-check-label input[type='radio'] + div.dirty {
          opacity: .2;
          transition: all .3s; }
        .vocabulary-card-options .question-choices.image .question-choices-option label.form-check-label input[type='radio']:checked + div.dirty {
          opacity: unset; }
        .vocabulary-card-options .question-choices.image .question-choices-option label.form-check-label input[type='radio']:not(:disabled):hover {
          opacity: .8;
          transition: all .3s; }
        .vocabulary-card-options .question-choices.image .question-choices-option:nth-child(2) {
          left: unset;
          right: 0; }
        .vocabulary-card-options .question-choices.image .question-choices-option:nth-child(3) {
          right: unset;
          left: 0;
          bottom: 0;
          top: unset; }
        .vocabulary-card-options .question-choices.image .question-choices-option:nth-child(4) {
          left: unset;
          right: 0;
          bottom: 0;
          top: unset; }
      .vocabulary-card-options .question-choices.image .image-choice img {
        height: 100%;
        object-fit: contain;
        width: 100%; }
  @media (min-width: 434px) {
    .vocabulary-card {
      padding: 22px 22px 30px; } }
.donut-metric {
  display: block;
  position: relative; }
  .donut-metric .inlet-text {
    position: absolute;
    top: 55%;
    transform: translateY(-50%);
    width: 100%; }
    .donut-metric .inlet-text .title,
    .donut-metric .inlet-text .sub-title {
      font-size: 51px;
      font-weight: bold;
      line-height: 51px; }
    .donut-metric .inlet-text .title {
      margin-bottom: 16px; }
    .donut-metric .inlet-text .sub-title {
      font-size: 16px;
      font-weight: normal;
      line-height: 16px; }
  .donut-metric.pie-chart .inlet-text .title,
  .donut-metric.pie-chart .inlet-text .sub-title {
    color: #fffefe; }

.question-choices.image .question-choices-option label.form-check-label input[type='checkbox'] + div,
.question-choices.image .question-choices-option label.form-check-label input[type='radio'] + div {
  margin: 0;
  padding: 0; }

.question-choices.image .question-choices-option label.form-check-label input[type='checkbox']:checked + div,
.question-choices.image .question-choices-option label.form-check-label input[type='radio']:checked + div {
  background-color: #ffd13f; }

.question-choices.image .question-choices-option label.form-check-label input[type='checkbox'] + div.correct,
.question-choices.image .question-choices-option label.form-check-label input[type='radio'] + div.correct {
  background-color: #2ae99e; }

.question-choices.image .question-choices-option label.form-check-label input[type='checkbox'] + div.wrong,
.question-choices.image .question-choices-option label.form-check-label input[type='radio'] + div.wrong {
  background-color: #ee4266; }

.question-choices.image .question-choices-option label.form-check-label input[type='checkbox']:disabled + div,
.question-choices.image .question-choices-option label.form-check-label input[type='radio']:disabled + div {
  cursor: not-allowed; }

.question-choices.image .question-choices-option label.form-check-label input[type='checkbox']:disabled + div::after,
.question-choices.image .question-choices-option label.form-check-label input[type='radio']:disabled + div::after {
  content: unset; }

.question-choices.image .question-choices-option label.form-check-label input[type='checkbox'] + div::before,
.question-choices.image .question-choices-option label.form-check-label input[type='radio'] + div::before {
  content: unset; }

.question-choices {
  display: inline-flex;
  flex-direction: column; }
  .question-choices.layout-vertical {
    flex-direction: column; }
  .question-choices.layout-horizontal {
    flex-direction: row;
    flex-wrap: wrap; }
  .question-choices .form-check .form-check-label input[type='checkbox'] + div {
    margin-left: 38px;
    color: #000809;
    font-size: 17px; }
  .question-choices .form-check .form-check-label input[type='checkbox'] + div::before {
    margin: 0 0 0 -38px;
    right: unset;
    left: 0;
    background: transparent;
    border: 1px solid #979797;
    border-radius: 7px;
    content: '';
    display: inline-block;
    height: 25px;
    position: absolute;
    top: 0;
    transition: none;
    width: 25px; }
  .question-choices .form-check .form-check-label input[type='checkbox']:checked + div::before {
    -webkit-mask: none;
    background-color: #2ae99e;
    background-image: url("/static/images/icons/_all/small-tick.cc4e9ae5c513.svg");
    background-position: center;
    background-repeat: no-repeat;
    border: 0;
    mask: none; }
  .question-choices .form-check .form-check-label input[type='checkbox']:hover + div::before {
    border: 2px solid #0BA7AA; }
  .question-choices .form-check .form-check-label input[type='checkbox']:disabled + div::after {
    display: none; }
  .question-choices .form-check .form-check-label input[type='checkbox']:disabled + div::before {
    background: none; }

.question-choices.text .question-choices-option {
  margin-bottom: 10px;
  margin-top: 0; }
  .question-choices.text .question-choices-option p, .question-choices.text .question-choices-option .form-check .form-check-label, .form-check .question-choices.text .question-choices-option .form-check-label, .question-choices.text .question-choices-option .form-group input:not([type="file"]), .form-group .question-choices.text .question-choices-option input:not([type="file"]),
  .question-choices.text .question-choices-option .form-group textarea,
  .form-group .question-choices.text .question-choices-option textarea, .question-choices.text .question-choices-option .form-group select, .form-group .question-choices.text .question-choices-option select, .question-choices.text .question-choices-option .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .question-choices.text .question-choices-option .custom-file-input + .custom-file-control:before, .question-choices.text .question-choices-option .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .question-choices.text .question-choices-option .custom-file-input + .custom-file-control:after, .question-choices.text .question-choices-option .dropdown-menu .dropdown-item, .dropdown-menu .question-choices.text .question-choices-option .dropdown-item, .question-choices.text .question-choices-option .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .question-choices.text .question-choices-option td, .question-choices.text .question-choices-option .module-lesson-widget .lesson-widget-header, .module-lesson-widget .question-choices.text .question-choices-option .lesson-widget-header, .question-choices.text .question-choices-option .module-lesson-widget .lesson-items, .module-lesson-widget .question-choices.text .question-choices-option .lesson-items {
    color: #000809;
    font-size: 15px;
    margin: 0;
    word-break: break-word; }
  .question-choices.text .question-choices-option label.form-check-label input[type='radio'] + div {
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 22.5px;
    display: flex;
    flex-direction: row;
    font-weight: normal;
    justify-content: space-between;
    margin: 0;
    min-height: 46px;
    min-width: 120px;
    padding: 0 20px;
    width: 100%;
    border-color: #ffd13f; }
  .question-choices.text .question-choices-option label.form-check-label input[type='radio']:checked + div {
    border: 3px solid #ffd13f; }
  .question-choices.text .question-choices-option label.form-check-label input[type='radio'] + div.correct {
    border: 3px solid #2ae99e; }
  .question-choices.text .question-choices-option label.form-check-label input[type='radio'] + div.wrong {
    border: 3px solid #ee4266; }
  .question-choices.text .question-choices-option label.form-check-label input[type='radio']:disabled + div {
    cursor: not-allowed;
    transition: all .3s; }
  .question-choices.text .question-choices-option label.form-check-label input[type='radio']:disabled + div::after {
    content: unset; }
  .question-choices.text .question-choices-option label.form-check-label input[type='radio'] + div::before {
    content: unset; }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox'] + div {
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 22.5px;
    display: flex;
    flex-direction: row;
    font-weight: normal;
    justify-content: space-between;
    margin: 0;
    min-height: 46px;
    min-width: 120px;
    padding: 0 20px;
    width: 100%;
    border-color: #ffd13f; }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox']:checked + div {
    border: 3px solid #ffd13f; }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox'] + div.correct {
    border: 3px solid #2ae99e; }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox'] + div.wrong {
    border: 3px solid #ee4266; }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox']:disabled + div {
    cursor: not-allowed;
    transition: all .3s; }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox']:disabled + div::after {
    content: unset; }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox'] + div::before {
    margin-right: unset;
    margin-left: 20px;
    margin-top: 11px; }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox'] + div > div {
    margin-right: unset;
    margin-left: 38px; }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox']:disabled:checked + div::before, .question-choices.text .question-choices-option label.form-check-label input[type='checkbox']:checked + div::before {
    -webkit-mask: unset;
    -webkit-mask-size: unset;
    background-color: #fffefe;
    background-image: url("/static/images/icons/_all/small-tick-yellow.a9c1a3321d42.svg");
    background-position: center;
    background-repeat: no-repeat;
    mask: unset;
    mask-size: unset; }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox']:checked + div.wrong::before {
    background-image: url("/static/images/icons/_all/small-tick-red.b5968b057d83.svg"); }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox']:checked + div.correct::before {
    background-image: url("/static/images/icons/_all/small-tick-green.fec89b378fbb.svg"); }
  .question-choices.text .question-choices-option label.form-check-label input[type='checkbox']:hover:disabled + div::before {
    border: unset; }
  .question-choices.text .question-choices-option:last-child {
    margin-bottom: 0; }
  .question-choices.text .question-choices-option-result {
    margin-right: unset;
    margin-left: 16px;
    color: #fffefe;
    font-weight: bold; }

.generic-error {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow-y: auto; }
  .generic-error-content {
    align-items: center;
    display: flex;
    flex-direction: column; }
  .generic-error-title, .generic-error-message {
    max-width: 694px; }
  .generic-error-title {
    color: #000809;
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    margin-bottom: 11px; }
    .generic-error-title * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
    @media (min-width: 768px) {
      .generic-error-title {
        font-size: 32px; } }
  .generic-error-message {
    font-size: 21px;
    margin-bottom: 11px;
    text-align: center; }
  .generic-error img {
    margin-bottom: 16px; }
  @media (max-width: 767px) {
    .generic-error img {
      display: none; } }
.microphone {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow-y: auto; }
  .microphone > img {
    margin-bottom: 30px; }
  .microphone-title {
    color: #000809;
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    margin-bottom: 28px; }
    .microphone-title * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
    @media (min-width: 768px) {
      .microphone-title {
        font-size: 32px; } }
  .microphone .button-list {
    margin: auto;
    max-width: 450px; }
    .microphone .button-list button {
      background-color: #fffefe;
      border: solid 1px #e3e3e3;
      border-radius: 11px;
      color: #000809;
      cursor: pointer;
      display: block;
      font-size: 18px;
      font-weight: normal;
      margin-bottom: 10px;
      min-height: 60px;
      text-align: left;
      width: 100%; }
      .microphone .button-list button img {
        height: 33px;
        margin: 13px 16px;
        width: 33px; }
      .microphone .button-list button .label {
        align-items: center;
        display: flex;
        flex-direction: row; }

.instructions {
  height: 100%;
  overflow-y: auto; }
  .instructions .back-button {
    left: 20px;
    align-items: center;
    display: flex;
    flex-direction: row; }
    .instructions .back-button span {
      margin: 0 0 0 6px; }
  .instructions > h6, .global-nav .language-selection .instructions > a {
    border-bottom: solid 1px #e3e3e3;
    margin-bottom: 40px; }
  .instructions .steps .step {
    margin-bottom: 30px; }
    .instructions .steps .step .instruction {
      align-items: center;
      display: flex;
      flex-direction: row; }
    .instructions .steps .step p, .instructions .steps .step .form-check .form-check-label, .form-check .instructions .steps .step .form-check-label, .instructions .steps .step .form-group input:not([type="file"]), .form-group .instructions .steps .step input:not([type="file"]),
    .instructions .steps .step .form-group textarea,
    .form-group .instructions .steps .step textarea, .instructions .steps .step .form-group select, .form-group .instructions .steps .step select, .instructions .steps .step .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .instructions .steps .step .custom-file-input + .custom-file-control:before, .instructions .steps .step .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .instructions .steps .step .custom-file-input + .custom-file-control:after, .instructions .steps .step .dropdown-menu .dropdown-item, .dropdown-menu .instructions .steps .step .dropdown-item, .instructions .steps .step .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .instructions .steps .step td, .instructions .steps .step .module-lesson-widget .lesson-widget-header, .module-lesson-widget .instructions .steps .step .lesson-widget-header, .instructions .steps .step .module-lesson-widget .lesson-items, .module-lesson-widget .instructions .steps .step .lesson-items {
      margin: 0 0 0 50px;
      padding: 12.5px; }
      .instructions .steps .step p.record-icon, .instructions .steps .step .form-check .record-icon.form-check-label, .form-check .instructions .steps .step .record-icon.form-check-label, .instructions .steps .step .form-group input.record-icon:not([type="file"]), .form-group .instructions .steps .step input.record-icon:not([type="file"]),
      .instructions .steps .step .form-group textarea.record-icon,
      .form-group .instructions .steps .step textarea.record-icon, .instructions .steps .step .form-group select.record-icon, .form-group .instructions .steps .step select.record-icon, .instructions .steps .step .form-group label.custom-file .custom-file-input + .record-icon.custom-file-control:before, .form-group label.custom-file .instructions .steps .step .custom-file-input + .record-icon.custom-file-control:before, .instructions .steps .step .form-group label.custom-file .custom-file-input + .record-icon.custom-file-control:after, .form-group label.custom-file .instructions .steps .step .custom-file-input + .record-icon.custom-file-control:after, .instructions .steps .step .dropdown-menu .record-icon.dropdown-item, .dropdown-menu .instructions .steps .step .record-icon.dropdown-item, .instructions .steps .step .bootstrap-datetimepicker-widget .datepicker table tbody tr td.record-icon, .bootstrap-datetimepicker-widget .datepicker table tbody tr .instructions .steps .step td.record-icon, .instructions .steps .step .module-lesson-widget .record-icon.lesson-widget-header, .module-lesson-widget .instructions .steps .step .record-icon.lesson-widget-header, .instructions .steps .step .module-lesson-widget .record-icon.lesson-items, .module-lesson-widget .instructions .steps .step .record-icon.lesson-items {
        background-color: #0BA7AA;
        border-radius: 50%;
        height: 55px;
        width: 55px; }
        .instructions .steps .step p.record-icon .record-icon-img, .instructions .steps .step .form-check .record-icon.form-check-label .record-icon-img, .form-check .instructions .steps .step .record-icon.form-check-label .record-icon-img, .instructions .steps .step .form-group input.record-icon:not([type="file"]) .record-icon-img, .form-group .instructions .steps .step input.record-icon:not([type="file"]) .record-icon-img,
        .instructions .steps .step .form-group textarea.record-icon .record-icon-img,
        .form-group .instructions .steps .step textarea.record-icon .record-icon-img, .instructions .steps .step .form-group select.record-icon .record-icon-img, .form-group .instructions .steps .step select.record-icon .record-icon-img, .instructions .steps .step .form-group label.custom-file .custom-file-input + .record-icon.custom-file-control:before .record-icon-img, .form-group label.custom-file .instructions .steps .step .custom-file-input + .record-icon.custom-file-control:before .record-icon-img, .instructions .steps .step .form-group label.custom-file .custom-file-input + .record-icon.custom-file-control:after .record-icon-img, .form-group label.custom-file .instructions .steps .step .custom-file-input + .record-icon.custom-file-control:after .record-icon-img, .instructions .steps .step .dropdown-menu .record-icon.dropdown-item .record-icon-img, .dropdown-menu .instructions .steps .step .record-icon.dropdown-item .record-icon-img, .instructions .steps .step .bootstrap-datetimepicker-widget .datepicker table tbody tr td.record-icon .record-icon-img, .bootstrap-datetimepicker-widget .datepicker table tbody tr .instructions .steps .step td.record-icon .record-icon-img, .instructions .steps .step .module-lesson-widget .record-icon.lesson-widget-header .record-icon-img, .module-lesson-widget .instructions .steps .step .record-icon.lesson-widget-header .record-icon-img, .instructions .steps .step .module-lesson-widget .record-icon.lesson-items .record-icon-img, .module-lesson-widget .instructions .steps .step .record-icon.lesson-items .record-icon-img {
          width: 32px;
          height: 32px; }
    .instructions .steps .step img {
      width: 100%; }
    .instructions .steps .step .rounded-circle {
      margin: 0 15px 0 0;
      border: solid 1px #c6c6c6;
      color: #c6c6c6;
      display: inline-block;
      height: 40px;
      line-height: 2.4;
      min-width: 40px;
      text-align: center; }

.tutorial {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  overflow-y: auto; }
  .tutorial-content {
    align-items: center;
    display: flex;
    flex-direction: column; }
  .tutorial-title, .tutorial-topic {
    max-width: 694px; }
  .tutorial-title {
    margin-bottom: 11px;
    text-align: center; }
  .tutorial-topic {
    color: #000809;
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    text-align: center;
    margin-bottom: 22px; }
    .tutorial-topic * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
    @media (min-width: 768px) {
      .tutorial-topic {
        font-size: 32px; } }
  .tutorial video {
    margin-bottom: 16px; }
  @media (min-width: 768px) {
    .tutorial-content {
      min-width: 568px; } }
.warning-overlay {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 200; }

.popup {
  display: flex;
  flex-direction: row;
  height: 100%;
  padding: 20px;
  justify-content: center; }
  .popup-content {
    background-color: #fffefe;
    border-radius: 40px;
    box-shadow: 0 2px 60px 0 rgba(0, 0, 0, 0.08);
    height: 100%;
    max-width: 983px;
    overflow: hidden;
    padding: 51px 20px 9px;
    position: relative;
    width: 100%; }
    .popup-content .image-button {
      right: 20px;
      position: absolute;
      top: 19px; }
      .popup-content .image-button.close-button {
        height: 32px;
        width: 32px; }
  @media (min-width: 1024px) {
    .popup {
      padding: 73px 30px; }
      .popup .popup-content {
        padding: 74px 45px 49px; }
        .popup .popup-content .image-button {
          right: 45px;
          top: 42px; } }
.draggable-phrase {
  background-color: #fffefe;
  border-radius: 5px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.12);
  display: inline-block;
  font-size: 18px;
  padding: 9px 16px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  .draggable-phrase.dragging {
    background-color: #e3e3e3;
    box-shadow: unset;
    color: #e3e3e3; }
    .draggable-phrase.dragging:active {
      pointer-events: none; }
  .draggable-phrase:hover {
    background-color: #e3e3e3;
    cursor: grab;
    transition: all .4s; }
  .draggable-phrase.disabled {
    cursor: not-allowed; }
    .draggable-phrase.disabled:hover {
      background-color: #fffefe;
      cursor: not-allowed; }
      .draggable-phrase.disabled:hover.dragging {
        background-color: #e3e3e3; }
    .draggable-phrase.disabled:active {
      pointer-events: none; }

.targetable-space {
  border: 1px dashed #979797;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  height: 36px;
  min-width: 133px;
  padding: 0 16px; }
  .targetable-space.filled {
    background-color: #fffefe;
    border: unset;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.12);
    font-size: 18px;
    font-weight: normal;
    line-height: 42px;
    text-align: center;
    height: auto; }
    .targetable-space.filled:hover {
      background-color: #f7f7f7;
      cursor: grab;
      transition: all .4s; }
    .targetable-space.filled.quited {
      background-color: #ee4266;
      color: #fffefe; }
    .targetable-space.filled.quited-matched {
      background-color: #2ae99e;
      color: #fffefe; }
  .targetable-space.disabled {
    cursor: not-allowed; }
    .targetable-space.disabled:hover {
      cursor: not-allowed; }
    .targetable-space.disabled.filled:hover {
      background-color: #fffefe; }
    .targetable-space.disabled.filled.quited:hover {
      background-color: #ee4266; }
    .targetable-space.disabled.filled.quited-matched:hover {
      background-color: #2ae99e; }
  .targetable-space.over {
    background-color: #93dde6;
    border: 1px dashed #0BA7AA;
    height: 42px;
    width: 131px; }

.targetable-space-tooltip {
  font-size: 13px;
  background-color: #dc0043 !important; }
  .targetable-space-tooltip:after {
    border-top-color: #dc0043 !important; }
  .targetable-space-tooltip .MuiTooltip-arrow {
    color: #dc0043; }

.drag-and-drop-sentence .sentence {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 40px;
  padding-top: 28px;
  width: -moz-fit-content;
  max-height: 30rem;
  overflow-y: visible; }
  .drag-and-drop-sentence .sentence span {
    margin: 0 3px 14px 0;
    width: fit-content;
    width: -moz-fit-content;
    font-size: 16px; }
  .drag-and-drop-sentence .sentence span.no-space {
    margin: 0 0 14px; }
  .drag-and-drop-sentence .sentence .qp-bold {
    font-weight: bold; }
  .drag-and-drop-sentence .sentence .qp-italic {
    font-style: italic; }
  .drag-and-drop-sentence .sentence .qp-underline {
    text-decoration: underline; }
  .drag-and-drop-sentence .sentence .qp-heading1 {
    font-size: 2.5rem;
    font-weight: 900; }
  .drag-and-drop-sentence .sentence .qp-heading2 {
    font-size: 2rem;
    font-weight: 800; }
  .drag-and-drop-sentence .sentence .qp-heading3 {
    font-size: 1.75rem;
    font-weight: 700; }
  .drag-and-drop-sentence .sentence .qp-heading4 {
    font-size: 1.5rem;
    font-weight: 600; }
  .drag-and-drop-sentence .sentence .qp-heading5 {
    font-size: 1.25rem;
    font-weight: 500; }
  .drag-and-drop-sentence .sentence .qp-heading6 {
    font-size: 1rem; }
  .drag-and-drop-sentence .sentence hr {
    width: 100%;
    height: 0;
    visibility: hidden;
    margin: 5px; }
  .drag-and-drop-sentence .sentence.scroll-fade {
    padding-bottom: 80px; }
    .drag-and-drop-sentence .sentence.scroll-fade .scroll-to-end {
      position: absolute;
      bottom: 4px;
      font-size: 10px;
      left: 0;
      right: 0;
      margin-left: auto;
      margin-right: auto;
      width: fit-content; }
      .drag-and-drop-sentence .sentence.scroll-fade .scroll-to-end svg {
        width: 70px; }
    .drag-and-drop-sentence .sentence.scroll-fade .scroll-fade {
      height: 93px;
      width: 100%;
      position: absolute;
      bottom: 19px;
      background: linear-gradient(#ffffffcf, #ffffff);
      border-bottom: 1px solid lightgray;
      right: 0; }

.drag-and-drop-sentence .phrases {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap; }
  .drag-and-drop-sentence .phrases > div {
    margin-bottom: 14px; }
    .drag-and-drop-sentence .phrases > div:not(:last-child) {
      margin: 0 10px 14px 0; }
  .drag-and-drop-sentence .phrases .no-phrases {
    color: #979797;
    font-size: 17px;
    text-align: center;
    width: 100%; }

.phrase-preview {
  background-color: #fffefe;
  border-radius: 5px;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.12);
  display: inline-block;
  font-size: 18px;
  padding: 9px 16px; }

.drop-down-sentence .sentence {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 40px;
  padding-top: 28px; }
  .drop-down-sentence .sentence span {
    margin: 0 3px 14px 0;
    width: fit-content;
    width: -moz-fit-content;
    font-size: 16px; }
  .drop-down-sentence .sentence span.no-space {
    margin: 0 0 14px; }
  .drop-down-sentence .sentence .qp-bold {
    font-weight: bold; }
  .drop-down-sentence .sentence .qp-italic {
    font-style: italic; }
  .drop-down-sentence .sentence .qp-underline {
    text-decoration: underline; }
  .drop-down-sentence .sentence .qp-heading1 {
    font-size: 2.5rem;
    font-weight: 900; }
  .drop-down-sentence .sentence .qp-heading2 {
    font-size: 2rem;
    font-weight: 800; }
  .drop-down-sentence .sentence .qp-heading3 {
    font-size: 1.75rem;
    font-weight: 700; }
  .drop-down-sentence .sentence .qp-heading4 {
    font-size: 1.5rem;
    font-weight: 600; }
  .drop-down-sentence .sentence .qp-heading5 {
    font-size: 1.25rem;
    font-weight: 500; }
  .drop-down-sentence .sentence .qp-heading6 {
    font-size: 1rem; }
  .drop-down-sentence .sentence hr {
    width: 100%;
    height: 0;
    visibility: hidden;
    margin: 5px; }
  .drop-down-sentence .sentence .filter-dropdown {
    margin: 0 3px 14px 0;
    align-items: center;
    background-color: #f7f7f7;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    height: 50px;
    min-width: Min(100%, 241px);
    padding: 0 17px;
    height: fit-content; }
    .drop-down-sentence .sentence .filter-dropdown a,
    .drop-down-sentence .sentence .filter-dropdown a:active,
    .drop-down-sentence .sentence .filter-dropdown a:hover {
      color: #000809; }
      .drop-down-sentence .sentence .filter-dropdown a.disabled,
      .drop-down-sentence .sentence .filter-dropdown a:active.disabled,
      .drop-down-sentence .sentence .filter-dropdown a:hover.disabled {
        background: unset !important; }
    .drop-down-sentence .sentence .filter-dropdown span {
      display: inline-block;
      font-size: 18px;
      font-weight: normal;
      margin: 0;
      width: 100%;
      padding-right: 5%; }
    .drop-down-sentence .sentence .filter-dropdown .dropdown {
      position: relative; }
      .drop-down-sentence .sentence .filter-dropdown .dropdown .dropdown-toggle.disabled {
        cursor: not-allowed; }
      .drop-down-sentence .sentence .filter-dropdown .dropdown .dropdown-toggle::after {
        left: unset;
        right: 0;
        position: absolute;
        top: 13px; }
      .drop-down-sentence .sentence .filter-dropdown .dropdown .dropdown-menu {
        width: 100%;
        white-space: unset; }
        .drop-down-sentence .sentence .filter-dropdown .dropdown .dropdown-menu .dropdown-item {
          border-radius: unset;
          cursor: pointer;
          margin: 7px;
          padding: 11px 23px;
          width: calc(100% - 14px);
          white-space: unset; }
          .drop-down-sentence .sentence .filter-dropdown .dropdown .dropdown-menu .dropdown-item:hover {
            background-color: #f7f7f7 !important;
            color: #000809; }
    .drop-down-sentence .sentence .filter-dropdown.quited-matched, .drop-down-sentence .sentence .filter-dropdown.quited {
      background-color: #ee4266; }
      .drop-down-sentence .sentence .filter-dropdown.quited-matched .dropdown-selected-label, .drop-down-sentence .sentence .filter-dropdown.quited .dropdown-selected-label {
        color: #fffefe; }
      .drop-down-sentence .sentence .filter-dropdown.quited-matched .dropdown .dropdown-toggle::after, .drop-down-sentence .sentence .filter-dropdown.quited .dropdown .dropdown-toggle::after {
        content: unset; }
    .drop-down-sentence .sentence .filter-dropdown.quited-matched {
      background-color: #2ae99e; }

.code-question .question-limits-container {
  display: flex;
  align-items: center;
  justify-content: space-evenly; }

.code-question .question-limit-value {
  font-weight: bold; }

.sound-button {
  align-items: center;
  display: flex;
  flex-direction: row; }
  .sound-button-rtl .audio-button img {
    transform: scaleX(-1); }
  .sound-button-wrapper {
    margin-right: unset;
    margin-left: 8px;
    height: 36px;
    min-width: 36px;
    position: relative; }
    .sound-button-wrapper .new-audio-button {
      background-color: #ffd13f;
      border-radius: 50%;
      height: 28px;
      margin: 0;
      padding: 7.5px;
      width: 28px;
      z-index: 3; }
      .sound-button-wrapper .new-audio-button img {
        display: block;
        height: 13px;
        width: 13px; }
      .sound-button-wrapper .new-audio-button:disabled {
        cursor: not-allowed; }
    .sound-button-wrapper .audio-button {
      right: unset;
      left: 4px;
      background-color: #ffd13f;
      border-radius: 50%;
      height: 28px;
      margin: 0;
      padding: 7.5px;
      position: absolute;
      top: 4px;
      width: 28px;
      z-index: 3; }
      .sound-button-wrapper .audio-button img {
        display: block;
        height: 13px;
        width: 13px; }
      .sound-button-wrapper .audio-button:disabled {
        cursor: not-allowed; }
    .sound-button-wrapper.stopped .new-audio-button {
      background-color: #0BA7AA; }
    .sound-button-wrapper.stopped .audio-button {
      background-color: #0BA7AA; }
    .sound-button-wrapper canvas {
      position: absolute;
      z-index: 2; }
    .sound-button-wrapper.large {
      height: 73px;
      margin: 0;
      width: 73px; }
      .sound-button-wrapper.large .audio-button {
        right: unset;
        left: 0;
        margin: 6.5px;
        padding: 17px;
        top: 0; }
        .sound-button-wrapper.large .audio-button img {
          border-radius: 0;
          height: 29px;
          width: 29px; }
    @media (min-width: 434px) {
      .sound-button-wrapper {
        height: 48px;
        min-width: 48px; }
        .sound-button-wrapper .audio-button {
          height: 40px;
          padding: 11px;
          width: 40px; }
          .sound-button-wrapper .audio-button img {
            height: 18px;
            width: 18px; } }
    .sound-button-wrapper.inline {
      height: 36px;
      margin: 0;
      width: 36px;
      padding: 0;
      min-width: 36px; }
      .sound-button-wrapper.inline .audio-button {
        height: 32px;
        width: 32px;
        padding: 9.5px; }
        .sound-button-wrapper.inline .audio-button img {
          height: 12px;
          width: 12px; }
  .sound-button-label {
    margin-right: unset;
    margin-left: 25px;
    font-size: 17px; }

.label-checkbox {
  text-transform: unset; }
  .label-checkbox input {
    display: none; }
  .label-checkbox-label {
    align-items: center;
    color: #000809;
    display: flex;
    flex-direction: row;
    font-size: 17px; }
    .label-checkbox-label::before {
      margin-left: unset;
      margin-right: 10px;
      border: solid 1px #979797;
      border-radius: 5px;
      box-sizing: border-box;
      content: '';
      display: inline-block;
      height: 25px;
      width: 25px; }
  input:checked + .label-checkbox-label::before {
    -webkit-mask: unset;
    -webkit-mask-size: unset;
    background: unset;
    background-image: url("/static/images/icons/_all/small-tick.cc4e9ae5c513.svg");
    background-position: center;
    background-repeat: no-repeat;
    mask: unset;
    mask-size: unset;
    background-color: #0BA7AA;
    border: 1px solid #0BA7AA; }
  input:disabled + .label-checkbox-label {
    cursor: not-allowed; }

.icon.ic-certificate {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/certificate.8f1c8ac03603.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-exercise {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/exercise.941738ae367e.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-file {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/file.9c0810f7821b.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-form {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/form.88dd9d3bf80c.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-learning-flash-card-deck {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/learning-flash-card-deck.79d49200f0b5.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-lesson {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/lesson.7c19da7d7ea0.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-test {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/test.4bc3a1ce0360.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-testing-flash-card-deck {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/testing-flash-card-deck.a0763b1726cb.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-text {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/text.5494cbbf6fae.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-video {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/video.ffe022714065.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-audio {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/audio.ef895ce31a4e.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-hint {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/hint.010d5c308ab6.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-caret {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/caret.f947c0a47ac5.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-navigator-arrow-collapsed {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-arrow-collapsed.35ac6715dd11.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-testing-lesson {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/testing-lesson.ccdc911973f6.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-navigator-arrow-expanded {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-arrow-expanded.dc59e3259d08.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-navigator-item-tick-circle {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-item-tick-circle.e657adbf243c.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.ic-navigator-subsection-item-tick-circle {
  -webkit-mask: unset;
  -webkit-mask-size: unset;
  background: unset;
  background-image: url("/static/images/icons/_all/navigator-subsection-item-tick-circle.779ddb000003.svg");
  background-position: center;
  background-repeat: no-repeat;
  mask: unset;
  mask-size: unset;
  background-size: contain; }

.icon.transparent {
  background-color: unset; }

.image-button {
  background-color: unset;
  border: unset;
  border-radius: unset;
  cursor: pointer;
  margin: 0;
  padding: 0; }
  .image-button:disabled {
    cursor: not-allowed; }
  .image-button span {
    margin-right: unset;
    margin-left: 25px;
    color: #000809;
    font-size: 17px; }

.loading-spinner {
  margin: 50px 0;
  text-align: center; }
  .loading-spinner img {
    height: auto;
    width: 50px; }

.simple-progress-bar .progress,
.simple-progress-bar .progress-bar {
  background-color: #e3e3e3;
  border-radius: 6px;
  height: 12px;
  overflow: visible; }

.simple-progress-bar .progress {
  font-size: 12px;
  line-height: 16px;
  text-align: center; }
  .simple-progress-bar .progress .inlet-text {
    text-align: right;
    color: #7f7f7f;
    font-size: 12px;
    margin-top: -16px; }
    .simple-progress-bar .progress .inlet-text.outside {
      margin: -24px -24px 0 0; }

.simple-progress-bar.with-text {
  margin-top: 16px; }

.slider {
  position: relative; }
  .slider input[type='range'] {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background-color: #f7f7f7;
    border-radius: 3.5px;
    cursor: pointer;
    height: 7px;
    width: 100%; }
    .slider input[type='range']:disabled {
      cursor: not-allowed; }
  .slider-fill, .slider-thumb {
    pointer-events: none;
    position: absolute; }
  .slider-fill {
    right: unset;
    left: 0;
    background-color: #ffd13f;
    border-radius: 3.5px;
    height: 7px;
    top: calc(50% - 4px);
    z-index: 1; }
  .slider-thumb {
    background-color: #ffd13f;
    border-radius: 50%;
    cursor: pointer;
    height: 19px;
    width: 19px;
    z-index: 2;
    top: 2px; }
  .slider input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background-color: #ffd13f;
    border-radius: 50%;
    cursor: pointer;
    height: 19px;
    width: 19px;
    z-index: 2;
    height: 18px;
    width: 18px; }
  .slider input[type='range']:disabled::-webkit-slider-thumb {
    cursor: not-allowed; }
  .slider input[type='range']::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background-color: #ffd13f;
    border-radius: 50%;
    cursor: pointer;
    height: 19px;
    width: 19px;
    z-index: 2;
    height: 18px;
    width: 18px; }
  .slider input[type='range']:disabled::-moz-range-thumb {
    cursor: not-allowed; }
  .slider input[type='range']:active:not(:disabled) + .slider-thumb::before,
  .slider input[type='range']:hover:not(:disabled) + .slider-thumb::before {
    background-color: #fffefe;
    border-radius: 50%;
    content: '';
    display: block;
    height: 9px;
    margin: 5px;
    width: 9px; }
  .slider input[type='range']:disabled + .slider-thumb {
    cursor: not-allowed; }
  .slider-label {
    margin-right: unset;
    margin-left: 25px; }

.text-button {
  margin: 0;
  min-width: 120px;
  line-height: 1; }
  .text-button.btn-sm, .text-button.btn-md {
    text-transform: uppercase; }
  .text-button.btn-sm {
    font-size: 15px; }
  .text-button.btn-md {
    border-radius: 21.5px;
    font-size: 14px;
    padding: 12px 24px; }
  .text-button.btn-lg {
    background-color: unset;
    border-radius: 26px;
    font-size: 17px;
    padding: 15px 35px;
    text-transform: unset; }
  .text-button.btn-continue, .text-button.btn-download, .text-button.btn-hide, .text-button.btn-next, .text-button.btn-submit {
    background-color: #0BA7AA; }
    .text-button.btn-continue:hover, .text-button.btn-continue:active, .text-button.btn-continue:focus, .text-button.btn-download:hover, .text-button.btn-download:active, .text-button.btn-download:focus, .text-button.btn-hide:hover, .text-button.btn-hide:active, .text-button.btn-hide:focus, .text-button.btn-next:hover, .text-button.btn-next:active, .text-button.btn-next:focus, .text-button.btn-submit:hover, .text-button.btn-submit:active, .text-button.btn-submit:focus {
      background-color: #199a99; }
  .text-button.btn:disabled.btn-continue.btn-continue, .form-group label.custom-file .custom-file-input + .text-button.custom-file-control:disabled.btn-continue.btn-continue:before {
    background-color: #b3dedf;
    opacity: .53; }
  .text-button.btn-hint {
    background-color: unset;
    border-radius: unset;
    color: #000809;
    margin: 0;
    padding: 0; }
    .text-button.btn-hint:active, .text-button.btn-hint:disabled {
      background-color: unset !important; }
    .text-button.btn-hint:hover {
      box-shadow: unset; }
  .text-button.btn-retry {
    background-color: #fffefe;
    color: #000809; }
    .text-button.btn-retry:active, .text-button.btn-retry:hover {
      opacity: .85; }
  .text-button.btn-skip, .text-button.btn-reveal {
    color: #fffefe; }
    .text-button.btn-skip:active, .text-button.btn-skip:hover, .text-button.btn-reveal:active, .text-button.btn-reveal:hover {
      opacity: .85; }
  .text-button.btn-advance {
    color: black;
    background-color: white; }
  .text-button.btn-content, .text-button.btn-force, .text-button.btn-retake, .text-button.btn-repeat {
    background-color: #fffefe;
    border: solid 1px #c6c6c6;
    color: #7f7f7f; }
    .text-button.btn-content:hover, .text-button.btn-force:hover, .text-button.btn-retake:hover, .text-button.btn-repeat:hover {
      background-color: #c6c6c6;
      color: #fffefe; }
  .text-button.btn-retake:disabled, .text-button.btn-retake:hover, .text-button.btn-repeat:disabled, .text-button.btn-repeat:hover {
    background-color: #fffefe !important;
    color: #7f7f7f; }
  .text-button.btn-repeat.overlay {
    background-color: unset;
    border: solid 1px #fffefe; }
  .text-button.btn-cancel {
    background-color: #ee4266; }
    .text-button.btn-cancel:hover, .text-button.btn-cancel:active, .text-button.btn-cancel:focus {
      background-color: #b9033a; }
    .text-button.btn-cancel.disabled {
      background-color: #ffd1db; }

:export {
  alabastar: #fafafa;
  offblack: #101010;
  hintOfGreen: #e0ffe0;
  darkeshGreen: #00c000;
  blueChill: #0ea7aa;
  gray: #7F7F7F;
  tundora: #444444;
  selago: #f3f3fe;
  silver: #cccccc;
  texasRose: #fdb45c;
  brightSun: #ffc645;
  niagara: #08999c;
  utilityGrayBase: #808080;
  primaryBase: #0b9da0;
  errorColor: #e50043;
  alto: #dddddd;
  whisper: #f5f5f9;
  pelorous: #39bac9;
  redDark: #B10836;
  redStandard: #E30D47;
  greenVivid: #11C27D;
  greenStandard: #059A6D;
  lightgray: #eee;
  mystic: #dadde9;
  silverChalice: #aaaaaa;
  lagoon: #008c90;
  hokiDark: #6889A0;
  slatePale: #e9f6fb;
  hoki: #6789A0;
  tooltipColor: rgba(0, 0, 0, 0.87);
  calendarCardHeaderShadowPrimary: rgba(156, 39, 176, 0.28);
  calendarCardHeaderShadowSecondary: rgba(0, 0, 0, 0.12);
  calendarCardHeaderShadowTrilogy: rgba(156, 39, 176, 0.2);
  primaryBoxShadow1: rgba(23, 58, 94, 0.28);
  primaryBoxShadow2: rgba(53, 124, 166, 0.2);
  spray: #6fdeeb;
  failureColor: #ee4266; }

.text-input {
  position: relative; }
  .text-input input.form-control {
    background-color: #f7f7f7;
    border: unset;
    border-radius: 28px;
    box-sizing: border-box;
    color: #000809;
    font-size: 17px;
    font-weight: 600;
    height: 56px;
    margin: 0;
    padding: 0 24px; }
    .text-input input.form-control::placeholder {
      color: #7f7f7f; }
    .text-input input.form-control:disabled, .text-input input.form-control:active, .text-input input.form-control:focus {
      background-color: #f7f7f7;
      border: unset;
      border-radius: 28px;
      color: #000809;
      padding: 0 24px; }
  .text-input.non-empty input {
    padding-bottom: 8px;
    padding-top: 24px; }
    .text-input.non-empty input:disabled, .text-input.non-empty input:active, .text-input.non-empty input:focus {
      padding: 24px 24px 8px; }
  .text-input.fill-the-blanks-text-input {
    margin-right: 10px;
    margin-top: -10px; }
    .text-input.fill-the-blanks-text-input input.form-control {
      height: 46px;
      color: #444444;
      font-size: 20px;
      font-weight: normal;
      margin: 10px auto;
      padding: 3px 10px;
      text-align: center; }
      .text-input.fill-the-blanks-text-input input.form-control.quited {
        background-color: #ee4266;
        color: #fffefe; }
      .text-input.fill-the-blanks-text-input input.form-control.quited-matched {
        background-color: #2ae99e;
        color: #fffefe; }
  .text-input .placeholder {
    right: unset;
    left: 24px;
    color: #000809;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: 8px;
    z-index: 1; }

.onboarding-tooltip {
  direction: ltr;
  text-align: left;
  background-color: #fffefe !important;
  color: #222222;
  border-radius: 10px !important;
  box-shadow: -3px 3px 30px 0 rgba(0, 0, 0, 0.12) !important;
  opacity: unset !important;
  padding: 20px !important;
  margin: 10px 0 !important;
  z-index: 1250 !important; }
  .onboarding-tooltip.type-light.place-top {
    margin-top: -20px !important; }
    .onboarding-tooltip.type-light.place-top:after {
      border: 1em solid black;
      border-color: transparent transparent white white;
      box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.04);
      transform-origin: 0 0;
      bottom: -26px;
      transform: rotate(-45deg); }
  .onboarding-tooltip.type-light.place-bottom {
    margin-top: 20px !important; }
    .onboarding-tooltip.type-light.place-bottom:after {
      border: 1em solid black;
      border-color: transparent transparent white white;
      box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.04);
      transform-origin: 0 0;
      top: 0;
      transform: rotate(135deg); }
  .onboarding-tooltip.type-light.place-left {
    margin-left: -20px !important; }
    .onboarding-tooltip.type-light.place-left:after {
      border: 1em solid black;
      border-color: transparent transparent white white;
      box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.04);
      transform-origin: 0 0;
      right: -26px;
      transform: rotate(225deg); }
  .onboarding-tooltip.type-light.place-right {
    margin-left: 20px !important; }
    .onboarding-tooltip.type-light.place-right:after {
      border: 1em solid black;
      border-color: transparent transparent white white;
      box-shadow: -3px 3px 3px 0 rgba(0, 0, 0, 0.04);
      transform-origin: 0 0;
      left: 0;
      transform: rotate(45deg); }
  .onboarding-tooltip-content {
    align-items: center;
    display: flex;
    flex-direction: column; }
    .onboarding-tooltip-content img {
      margin: 0 0 10px 0;
      height: 154px;
      width: 235px; }
    @media (min-width: 1024px) {
      .onboarding-tooltip-content {
        align-items: unset;
        flex-direction: row; }
        .onboarding-tooltip-content img {
          margin: 0 28px 0 0; } }
  .onboarding-tooltip-information {
    display: flex;
    flex-direction: column;
    max-width: 270px; }
    .onboarding-tooltip-information.center {
      align-items: center; }
  .onboarding-tooltip-title {
    color: #000809;
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    font-size: 18px;
    margin-bottom: 12px; }
    .onboarding-tooltip-title * {
      font-family: "Open Sans", "tajawal", Helvetica, Arial, sans-serif; }
    @media (min-width: 768px) {
      .onboarding-tooltip-title {
        font-size: 23px; } }
  .onboarding-tooltip-tip {
    font-size: 15px;
    margin-bottom: 17px; }
  .onboarding-tooltip-buttons {
    display: none;
    flex-direction: row;
    flex-wrap: wrap; }
    .onboarding-tooltip-buttons .text-button:not(:last-child) {
      margin: 0 10px 10px 0; }
  .onboarding-tooltip.show .onboarding-tooltip-buttons {
    display: flex; }
  @media (min-width: 375px) {
    .onboarding-tooltip .onboarding-tooltip-information {
      max-width: 335px; }
    .onboarding-tooltip .onboarding-tooltip-buttons .text-button:not(:last-child) {
      margin: 0 10px 0 0; } }
  .onboarding-tooltip .MuiTooltip-arrow {
    color: #fffefe; }

.underline {
  text-decoration: underline;
  text-underline-position: under; }

.alert-message {
  max-width: 700px;
  margin: 20px auto; }

.help-text {
  font-size: 9pt;
  color: grey; }

.alert-message-flex {
  display: flex;
  justify-content: center;
  padding: .75rem 1.5rem;
  flex-direction: column;
  text-align: center; }
  .alert-message-flex .ed-p {
    line-height: 1.5;
    margin: 0; }

.fa, .far, .fas {
  font-family: "FontAwesome" !important; }

/* ----------------- Variables ----------------- */
/* ------------------- Mixins ------------------ */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #c2c2c2; }

input::-moz-placeholder,
textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #c2c2c2; }

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #c2c2c2; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #c2c2c2; }

/* ------------------- Atomic ------------------ */
.fie {
  width: 100%; }
  .fie .fie-title {
    margin-left: 10px; }
  .fie .fie-subtitle {
    margin-left: 10px; }
  .fie .fie-table {
    padding: 2em 10em;
    display: flex;
    flex-direction: column;
    border-collapse: collapse; }
  .fie .fie-table-header {
    background: #e8e8e8; }
  .fie .fie-table-row {
    display: flex;
    justify-content: space-evenly; }
  .fie .fie-table-cell {
    border: 1px solid #c2c2c2;
    width: 100%;
    padding: 5px;
    text-align: center;
    display: flex;
    justify-content: center; }
  .fie .fie-button {
    border: none;
    color: white;
    background-color: #0b9da0;
    border-radius: 15px;
    height: 30px;
    font-size: 11pt;
    font-weight: bold;
    padding: 3px 20px;
    vertical-align: middle;
    cursor: pointer; }
    .fie .fie-button:disabled {
      cursor: not-allowed;
      background-color: #7F7F7F; }
  .fie .fie-control {
    display: inline-block;
    vertical-align: middle; }
    .fie .fie-control > div {
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px; }
    .fie .fie-control label {
      font-weight: normal;
      vertical-align: middle; }
    .fie .fie-control.fie-checkbox label, .fie .fie-control.fie-radio-button-group label {
      display: inline; }
    .fie .fie-control .richtext-preview {
      min-height: 50px;
      overflow: hidden;
      border-bottom: 2px solid #c2c2c2; }
      .fie .fie-control .richtext-preview:hover {
        background-color: #eee;
        cursor: text; }
    .fie .fie-control .react-radio-button {
      margin-right: 10px; }
    .fie .fie-control .fie-simple-text-input {
      border: none;
      border-bottom: 2px solid #c2c2c2;
      box-shadow: none;
      border-radius: 0px;
      font-size: 11pt;
      text-align: center;
      padding: 3px;
      width: 100%; }
      .fie .fie-control .fie-simple-text-input:hover {
        background-color: #eee;
        cursor: text; }
    .fie .fie-control .fie-simple-text-area {
      overflow: hidden;
      font-size: 11pt;
      border: none;
      border-bottom: 1px solid #c2c2c2; }
    .fie .fie-control .checkbox {
      display: inline;
      margin-right: 10px; }
    .fie .fie-control .fie-dropdown-container {
      display: inline-block; }
      .fie .fie-control .fie-dropdown-container .Select--multi .Select-value {
        background-color: #b3dedf;
        color: #0b9da0; }
      .fie .fie-control .fie-dropdown-container .is-selected {
        background-color: #6dc4c6; }
      .fie .fie-control .fie-dropdown-container .is-focused {
        background-color: #b3dedf; }
    .fie .fie-control .fie-datetime-editor {
      width: 350px;
      border-spacing: 5px; }
      .fie .fie-control .fie-datetime-editor input.form-control {
        border: none;
        border-bottom: 2px solid #c2c2c2;
        box-shadow: none;
        border-radius: 0px;
        font-size: 11pt;
        text-align: center;
        padding: 3px;
        width: 100%; }
        .fie .fie-control .fie-datetime-editor input.form-control:hover {
          background-color: #eee;
          cursor: text; }
      .fie .fie-control .fie-datetime-editor .input-group-addon {
        border-radius: 0px;
        border: none;
        color: white;
        background-color: #0b9da0; }
      .fie .fie-control .fie-datetime-editor td.active {
        background-color: #0b9da0; }
    .fie .fie-control.fie-file-uploader .fie-file-uploader-control {
      display: inline-block;
      vertical-align: top;
      width: 420px;
      height: 100px;
      padding: 5px;
      margin-right: 20px; }
      .fie .fie-control.fie-file-uploader .fie-file-uploader-control .file-uploader-control-header {
        font-weight: bold;
        display: inline-block;
        margin-right: 20px; }
        .fie .fie-control.fie-file-uploader .fie-file-uploader-control .file-uploader-control-header .green-check {
          color: #699b0f; }
      .fie .fie-control.fie-file-uploader .fie-file-uploader-control .file-download-remove-control {
        margin-bottom: 10px; }
        .fie .fie-control.fie-file-uploader .fie-file-uploader-control .file-download-remove-control .file-download {
          color: #7F7F7F;
          font-size: 11pt;
          margin-right: 30px;
          margin-left: 10px; }
      .fie .fie-control.fie-file-uploader .fie-file-uploader-control .progress {
        width: 300px; }
        .fie .fie-control.fie-file-uploader .fie-file-uploader-control .progress .progress-bar {
          background-color: #9a9a9a; }
      .fie .fie-control.fie-file-uploader .fie-file-uploader-control form {
        padding: 0px;
        margin: 10px 0px; }
        .fie .fie-control.fie-file-uploader .fie-file-uploader-control form input {
          display: inline; }
        .fie .fie-control.fie-file-uploader .fie-file-uploader-control form label {
          font-weight: bold;
          display: inline;
          margin-right: 10px; }
    .fie .fie-control.fie-file-uploader .fie-file-uploader-image-preview {
      display: inline-block;
      vertical-align: top;
      width: 150px;
      height: 150px;
      border: 1px solid black;
      padding: 2px;
      margin-top: 20px; }
      .fie .fie-control.fie-file-uploader .fie-file-uploader-image-preview img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        width: auto;
        height: auto;
        vertical-align: middle;
        text-align: center; }
    .fie .fie-control.keyword-editor .fie-simple-text-input {
      width: 200px;
      margin: 0px 15px;
      display: inline;
      font-size: 11pt; }
  .fie .age-range-editor .fie .fie-control .fie-simple-text-input {
    width: 50px;
    margin: 0px 15px; }
  .fie .gender-selector .fie-dropdown-container {
    width: 120px; }
  .fie .country-selector .fie .fie-control .fie-dropdown-container,
  .fie .component-selector .fie .fie-control .fie-dropdown-container,
  .fie .country-grade-selector .fie .fie-control .fie-dropdown-container,
  .fie .style-selector .fie .fie-control .fie-dropdown-container {
    width: 200px; }
  .fie .component-multi-selector .fie .fie-control .fie-dropdown-container,
  .fie .country-multi-selector .fie .fie-control .fie-dropdown-container {
    width: 400px; }
  .fie .audience-tag-editor,
  .fie .component-style-editor {
    width: 100%; }
    .fie .audience-tag-editor > div,
    .fie .component-style-editor > div {
      width: 250px;
      display: inline-block;
      margin-right: 15px; }
  .fie .performance-criterion-editor > div {
    display: block;
    margin-top: 20px; }
  .fie .performance-criterion-editor .performance-criterion-description {
    width: 520px; }
    .fie .performance-criterion-editor .performance-criterion-description input {
      width: 520px; }
  .fie .performance-criterion-editor .performance-criterion-condition {
    margin: 20px 0; }
    .fie .performance-criterion-editor .performance-criterion-condition > label, .fie .performance-criterion-editor .performance-criterion-condition > div {
      display: inline-block;
      margin-left: 10px; }
    .fie .performance-criterion-editor .performance-criterion-condition .performance-criterion-operator .fie-dropdown-container {
      width: 80px; }
    .fie .performance-criterion-editor .performance-criterion-condition .performance-criterion-percentage {
      width: 70px; }
  .fie .student-criterion-editor > div {
    display: inline-block;
    margin-right: 15px; }
  .fie .student-criterion-editor .predicate-selector {
    width: 250px; }
    .fie .student-criterion-editor .predicate-selector .fie-dropdown-container {
      width: 200px; }
  .fie .fie-status-container {
    display: inline-block;
    vertical-align: middle; }
    .fie .fie-status-container .fie-status {
      vertical-align: middle;
      width: 30px;
      margin: 0px;
      padding: 3px;
      background: none;
      border: none;
      font-size: 17pt;
      text-align: left; }
      .fie .fie-status-container .fie-status.alert-invisible {
        opacity: 0; }

@keyframes remove_success_indicator {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
      .fie .fie-status-container .fie-status.fie-status-succeeded {
        animation-name: remove_success_indicator;
        animation-duration: 1s;
        animation-delay: 0.7s;
        animation-timing-function: ease-in-out;
        animation-fill-mode: forwards; }
  .fie .fie-certificate-editor-canvas {
    width: fit-content; }
    .fie .fie-certificate-editor-canvas .certificate-font-editors {
      margin: 10px auto;
      width: fit-content; }
      .fie .fie-certificate-editor-canvas .certificate-font-editors > * {
        display: inline;
        margin-right: 10px; }
    .fie .fie-certificate-editor-canvas .canvas-container {
      box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5); }
    .fie .fie-certificate-editor-canvas .actions {
      display: inline-block; }
      .fie .fie-certificate-editor-canvas .actions .btn, .fie .fie-certificate-editor-canvas .actions .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .fie .fie-certificate-editor-canvas .actions .custom-file-input + .custom-file-control:before {
        margin: 10px; }

.list-prop-container .fie-button {
  margin-left: 30px; }

.list-prop-container .list-prop-item {
  border-radius: 5px;
  margin: 5px;
  border: 1px #c2c2c2 solid;
  width: 90%;
  padding: 10px;
  margin-left: 30px; }
  .list-prop-container .list-prop-item .list-prop-item-inner {
    display: inline-block;
    width: 90%;
    vertical-align: middle; }
  .list-prop-container .list-prop-item button {
    margin-left: 0px;
    vertical-align: middle;
    cursor: pointer; }

/* ----------------- Molecular ----------------- */
.molecule-validation {
  margin: 30px 20px; }
  .molecule-validation:last-child {
    padding-bottom: 24px; }
  .molecule-validation .validation-error-message {
    color: #b00000;
    max-width: 700px;
    margin-bottom: 0px;
    font-size: small; }

.fie-alignment-selector {
  border: 1px solid #0b9da0; }
  .fie-alignment-selector .as-options .as-option {
    display: inline-block;
    padding: 12px;
    font-size: 20px;
    position: relative;
    top: 2px;
    cursor: pointer; }
  .fie-alignment-selector .as-options .as-option.checked {
    background-color: #0b9da0;
    color: #fffefe; }
  .fie-alignment-selector .as-options .as-option:hover {
    color: #fffefe;
    background-color: #0cb0b3; }

.fie-lang-selector {
  border: 1px solid #0b9da0;
  width: 100px;
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px; }
  .fie-lang-selector .lang-options .lang-option {
    display: inline-block;
    padding: 12px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    width: 50%; }
  .fie-lang-selector .lang-options .lang-option.checked {
    background-color: #0b9da0;
    color: #fffefe; }
  .fie-lang-selector .lang-options .lang-option:hover {
    color: #fffefe;
    background-color: #0cb0b3; }

.fie-font-size-selector select {
  cursor: pointer; }

.fie-font-color-picker .modal-backdrop {
  background: unset !important; }

.fie-font-color-picker .modal-dialog {
  left: -25%;
  top: 25% !important;
  width: 228px; }

.fie-font-color-picker .color-picker-btn {
  font-size: 17px;
  border: 1px solid #a6a6a6;
  border-radius: 5px;
  padding-left: 7px;
  padding-right: 7px;
  cursor: pointer;
  background-color: #f8f8f8; }
  .fie-font-color-picker .color-picker-btn:hover {
    color: #fffefe;
    background-color: #0cb0b3;
    border-color: #0cb0b3; }

.fie-molecule {
  font-size: 11pt; }
  .fie-molecule label {
    text-transform: none;
    color: #444444; }
  .fie-molecule > label {
    font-size: 13pt;
    margin-top: 40px; }
  .fie-molecule > p, .form-check .fie-molecule > .form-check-label, .form-group .fie-molecule > input:not([type="file"]),
  .form-group .fie-molecule > textarea, .form-group .fie-molecule > select, .form-group label.custom-file .fie-molecule > .custom-file-input + .custom-file-control:before, .form-group label.custom-file .fie-molecule > .custom-file-input + .custom-file-control:after, .dropdown-menu .fie-molecule > .dropdown-item, .bootstrap-datetimepicker-widget .datepicker table tbody tr .fie-molecule > td, .module-lesson-widget .fie-molecule > .lesson-widget-header, .module-lesson-widget .fie-molecule > .lesson-items {
    margin: 0px 0px 5px 0px; }
    .fie-molecule > p.help, .form-check .fie-molecule > .help.form-check-label, .form-group .fie-molecule > input.help:not([type="file"]),
    .form-group .fie-molecule > textarea.help, .form-group .fie-molecule > select.help, .form-group label.custom-file .fie-molecule > .custom-file-input + .help.custom-file-control:before, .form-group label.custom-file .fie-molecule > .custom-file-input + .help.custom-file-control:after, .dropdown-menu .fie-molecule > .help.dropdown-item, .bootstrap-datetimepicker-widget .datepicker table tbody tr .fie-molecule > td.help, .module-lesson-widget .fie-molecule > .help.lesson-widget-header, .module-lesson-widget .fie-molecule > .help.lesson-items {
      color: #7F7F7F;
      font-size: 10pt; }
    .fie-molecule > p.alert-message, .form-check .fie-molecule > .alert-message.form-check-label, .form-group .fie-molecule > input.alert-message:not([type="file"]),
    .form-group .fie-molecule > textarea.alert-message, .form-group .fie-molecule > select.alert-message, .form-group label.custom-file .fie-molecule > .custom-file-input + .alert-message.custom-file-control:before, .form-group label.custom-file .fie-molecule > .custom-file-input + .alert-message.custom-file-control:after, .dropdown-menu .fie-molecule > .alert-message.dropdown-item, .bootstrap-datetimepicker-widget .datepicker table tbody tr .fie-molecule > td.alert-message, .module-lesson-widget .fie-molecule > .alert-message.lesson-widget-header, .module-lesson-widget .fie-molecule > .alert-message.lesson-items {
      color: #760000;
      font-size: 11pt; }

.license-editor .fie-dropdown-container,
.role-editor .fie-dropdown-container,
.non-eligible-view-editor .fie-dropdown-container,
.quick-access-content-selector .fie-dropdown-container,
.performance-criterion-questions .fie-dropdown-container,
.performance-criteria-selector .fie-dropdown-container,
.testing-lesson-breaks-selector .fie-dropdown-container,
.code-question-language-selector .fie-dropdown-container {
  width: 400px; }

.content-adaptation-visibility-mode-editor .fie-dropdown-container {
  width: 500px; }

.idnd-drop-target-shape-editor .fie-dropdown-container {
  width: 150px; }

.video-source-editor .fie-dropdown-container,
.video-source-editor .fie .fie-control .fie-simple-text-input {
  width: 500px; }

.video-caption-dropdown .fie-dropdown-container,
.video-caption-dropdown .fie .fie-control .fie-simple-text-input {
  width: 500px; }

.datetime-editor-container .datetime-editor-select-container {
  display: inline-block;
  vertical-align: middle;
  margin: 5px 10px;
  font-size: 9pt;
  color: #444444; }

.title-editor .fie .fie-control .fie-simple-text-input {
  width: 500px;
  text-align: left;
  font-size: 15pt; }

.richtext-editor-container {
  margin-top: 10px; }
  .richtext-editor-container .richtext-preview {
    min-width: 500px;
    min-height: 40px; }

.num-resp-value-unit-tabulator > div {
  margin-bottom: 15px; }

.num-resp-value-unit-tabulator .unit-editor-container .fie .fie-control .richtext-preview {
  min-width: 100px;
  min-height: 22px; }

.num-resp-tol-bounds-editor {
  font-size: 11pt;
  margin-top: 15px;
  margin-right: 15px; }
  .num-resp-tol-bounds-editor .fie .fie-control .fie-simple-text-input {
    width: 120px; }

.video-question-time-editor .fie .fie-control .fie-simple-text-input {
  width: 120px; }

.highlighted-fie-checkbox {
  margin-top: 15px; }
  .highlighted-fie-checkbox .fie .fie-control label {
    font-weight: bold;
    font-size: 11pt;
    color: #0b9da0; }

.page-link {
  color: #0b9da0;
  display: block;
  margin: 20px 40px;
  font-size: 14pt; }

.timezone-note {
  margin-top: 10px;
  margin-left: 8px;
  font-size: 12px; }

/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.14.30
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
  font-size: 10pt; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em; }

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }

@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }

@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px; }

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0; }

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0; }

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none; }

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0; }

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM"; }

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker"; }

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today"; }

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center; }

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens"; }

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit; }

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%; }

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0; }

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px; }

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px; }

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month"; }

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month"; }

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer; }

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #7F7F7F; }

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px; }

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 15px;
  line-height: 15px;
  color: #777777; }

.bootstrap-datetimepicker-widget table td.day {
  height: 15px;
  line-height: 15px;
  width: 20px; }

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #7F7F7F;
  cursor: pointer; }

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777; }

.bootstrap-datetimepicker-widget table td.today {
  position: relative; }

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: 0 0 7px 7px solid transparent;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px; }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff; }

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget table td span:hover {
  background: #7F7F7F; }

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td span.old {
  color: #777777; }

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px; }

.bootstrap-datetimepicker-widget.wider {
  width: 21em; }

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important; }

.input-group.date .input-group-addon {
  cursor: pointer; }

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

/* Component Editor */
@keyframes show_sliding_panel {
  from {
    right: -70vw; }
  to {
    right: 0px; } }

.sliding-panel {
  position: fixed;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  color: #444444;
  z-index: 2; }
  .sliding-panel .sliding-panel-backdrop {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    opacity: 0.7;
    background-color: black; }
  .sliding-panel .sliding-panel-panel {
    position: absolute;
    top: 0px;
    bottom: 0px;
    background-color: white;
    opacity: 1;
    width: 70vw;
    overflow-y: auto;
    animation-name: show_sliding_panel;
    animation-duration: 0.5s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: both; }

button:focus {
  outline: none; }

.navigation-button {
  box-shadow: none;
  text-shadow: none;
  border-radius: 2em;
  background-image: none;
  background-clip: border-box;
  display: inline-block;
  box-sizing: border-box;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 1.125em;
  padding-right: 1.125em;
  line-height: 2.5em;
  font-size: 16px;
  background-color: #0b9da0;
  border: none;
  color: white;
  background-color: #0b9da0;
  color: #fff;
  border-radius: 5px; }
  .navigation-button:hover, .navigation-button:active, .navigation-button:focus {
    box-shadow: none;
    background-image: none;
    text-decoration: none; }
  .navigation-button:hover, .navigation-button:active, .navigation-button:focus {
    background-color: #076b6d;
    color: white; }
  .navigation-button:visited {
    color: #0b9da0; }

.x-close-button {
  background: url("/static/images/icons/utility-blue-trans/close.57fd68755f81.svg") no-repeat center;
  width: 20px;
  height: 20px;
  border: none;
  cursor: pointer; }

.chromeless-button {
  padding: 0px;
  border: none;
  background: none;
  box-shadow: none; }

.expand-collapse-button {
  margin-right: 10px; }
  .expand-collapse-button img {
    width: 12px;
    height: 12px; }

.delete-prop-item-button {
  float: right ;
  font-size: 12pt; }
  .delete-prop-item-button img {
    width: 20px;
    height: 20px; }

.btn:hover, .form-group label.custom-file .custom-file-input + .custom-file-control:hover:before, [class^="btn-"]:hover, [class*=" btn-"]:hover {
  cursor: pointer; }

.btn-anchor-secondary {
  background: none;
  border: none;
  color: #dc0043; }
  .btn-anchor-secondary:focus, .btn-anchor-secondary:hover {
    color: #a10232; }

.btn-focus:hover {
  font-size: 25px; }

.btn-centered {
  width: 100%;
  margin-right: auto;
  margin-left: auto; }

.react-radio-button {
  display: inline;
  margin-right: 10px;
  width: 20px;
  height: 16px;
  padding: 0px; }

.checkbox {
  display: inline;
  margin: 0px 10px 0px 10px;
  width: 20px;
  height: 16px;
  padding: 0px; }

.form-date-selector {
  display: inline-block;
  margin: 0px 3px;
  width: 80px !important; }

.page-header-button {
  float: right ; }

.page-header-title {
  float: left ; }

/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative; }

.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.Select.is-disabled > .Select-control {
  background-color: #f9f9f9; }

.Select.is-disabled > .Select-control:hover {
  box-shadow: none; }

.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35; }

.Select-control {
  background-color: #fff;
  border-color: #d9d9d9 #444444 #b3b3b3;
  border-radius: 4px;
  border: 1px solid #444444;
  color: #333;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%; }

.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06); }

.Select-control .Select-input:focus {
  outline: none; }

.is-searchable.is-open > .Select-control {
  cursor: text; }

.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #444444 #d9d9d9; }

.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px; }

.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text; }

.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1); }

.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: #aaa;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #333; }

.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none; }

.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline; }

.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle; }

.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 14px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none; }

.is-focused .Select-input > input {
  cursor: text; }

.has-value.is-pseudo-focused .Select-input {
  opacity: 0; }

.Select-control:not(.is-searchable) > .Select-input {
  outline: none; }

.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px; }

.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #444444;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px; }

.Select-clear-zone:hover {
  color: #D0021B; }

.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1; }

.Select--multi .Select-clear-zone {
  width: 17px; }

.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px; }

.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative; }

.is-open .Select-arrow,
.Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666; }

.Select--multi .Select-multi-value-wrapper {
  display: inline-block; }

.Select .Select-aria-only {
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left; }

@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes Select-animation-fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #444444;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1;
  -webkit-overflow-scrolling: touch; }

.Select-menu {
  max-height: 198px;
  overflow-y: auto; }

.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px; }

.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333; }

.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333; }

.Select-option.is-disabled {
  color: #cccccc;
  cursor: default; }

.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px; }

.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0; }

.Select--multi.has-value .Select-input {
  margin-left: 5px; }

.Select--multi .Select-value {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  border-radius: 2px;
  border: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border: 1px solid rgba(0, 126, 255, 0.24);
  color: #007eff;
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top; }

.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle; }

.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px; }

.Select--multi a.Select-value-label {
  color: #007eff;
  cursor: pointer;
  text-decoration: none; }

.Select--multi a.Select-value-label:hover {
  text-decoration: underline; }

.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #c2e0ff;
  /* Fallback color for IE 8 */
  border-right: 1px solid rgba(0, 126, 255, 0.24);
  padding: 1px 5px 3px; }

.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: #d8eafd;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 113, 230, 0.08);
  color: #0071e6; }

.Select--multi .Select-value-icon:active {
  background-color: #c2e0ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.24); }

.Select--multi.is-disabled .Select-value {
  background-color: #fcfcfc;
  border: 1px solid #e3e3e3;
  color: #333; }

.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
  border-right: 1px solid #e3e3e3; }

.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: #fcfcfc; }

@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn); } }

@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn); } }

.activity-viewer container-fluid {
  padding: 0px; }

.activity {
  padding: 0px;
  border-radius: 5px; }
  .activity.program-overview {
    margin-bottom: 10px; }
    .activity.program-overview.section, .activity.program-overview.sub-section {
      margin-bottom: 20px; }

.title-payload {
  font-size: 110%;
  font-weight: bold;
  float: left ; }
  .title-payload.activity-player {
    font-size: 150%; }
  .title-payload.program-overview {
    font-weight: normal;
    font-size: 13pt; }
    .title-payload.program-overview a {
      text-decoration: none;
      color: #17a3a6; }
      .title-payload.program-overview a, .title-payload.program-overview a:visited, .title-payload.program-overview a:active {
        color: #0b9da0; }
      .title-payload.program-overview a:hover {
        color: #666; }
    .title-payload.program-overview.sub-section {
      font-size: 15pt; }
    .title-payload.program-overview.section {
      font-size: 150%;
      font-weight: bold; }

.component-icon {
  display: inline;
  margin-right: 10px; }
  .component-icon.component-player, .component-icon.lesson-overview-item, .component-icon.component-menu-button.create {
    width: 24px;
    height: 24px; }
  .component-icon.component-menu-button.import {
    width: 18px;
    height: 18px; }
  .component-icon.program-overview, .component-icon.component-builder, .component-icon.activity-browser-result, .component-icon.activity-browser-selected-activity {
    width: 20px;
    height: 20px; }

.imported-component-indicator {
  color: #646262;
  font-size: 8pt; }
  .imported-component-indicator > div {
    vertical-align: top;
    display: inline-block;
    margin-left: 30px; }

.modal-dialog:focus {
  outline: none; }

.track-todo-stats-container {
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 10px; }

.label-todos {
  display: inline-block;
  float: left ;
  margin-top: 3px;
  margin-left: 5px;
  cursor: pointer;
  color: #969019;
  background-color: #fcfad4; }

.has-activity-todos {
  background-color: #fcfad4; }

.todo-list-container {
  color: #969019; }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-js .vjs-big-play-button .vjs-icon-placeholder:before, .vjs-button > .vjs-icon-placeholder:before {
  text-align: center; }

@font-face {
  font-family: VideoJS;
  src: url("/static/fonts/videojs/VideoJS.00103e881a36.eot#iefix") format("eot"), url("../fonts/videojs/VideoJS.b5e31f2e85c9.woff") format('woff'), url("../fonts/videojs/VideoJS.2778106ff2af.ttf") format('truetype'), url("../fonts/videojs/VideoJS.4e0607a872b2.svg") format("svg"); }

@font-face {
  font-family: VideoJS;
  src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlGRXgUAAAEoAAAAVmNtYXDiMBC2AAAB/AAAAUpnbHlmW/HoBwAAA4gAAA9QaGVhZAyD6V8AAADQAAAANmhoZWEOogcgAAAArAAAACRobXR42QAAAAAAAYAAAAB8bG9jYTDINOoAAANIAAAAQG1heHABMAB5AAABCAAAACBuYW1l1cf1oAAAEtgAAAIKcG9zdGZEjeMAABTkAAABgQABAAAHAAAAAKEHAAAAAAAHAAABAAAAAAAAAAAAAAAAAAAAHwABAAAAAQAAwdxheF8PPPUACwcAAAAAANMyzzEAAAAA0zLPMQAAAAAHAAcAAAAACAACAAAAAAAAAAEAAAAfAG0ABwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQcAAZAABQAIBHEE5gAAAPoEcQTmAAADXABXAc4AAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA8QHxHgcAAAAAoQcAAAAAAAABAAAAAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAAAAAMAAAADAAAAHAABAAAAAABEAAMAAQAAABwABAAoAAAABgAEAAEAAgAA8R7//wAAAADxAf//AAAPAAABAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqAABAAAAAAWLBYsAAgAAAREBAlUDNgWL++oCCwAAAwAAAAAGawZrAAIADgAaAAAJAhMEAAMSAAUkABMCAAEmACc2ADcWABcGAALrAcD+QJX+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgIwAVABUAGbCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAAAAgAAAAAFQAWLAAMABwAAASERKQERIREBwAEr/tUCVQErAXUEFvvqBBYAAAAEAAAAAAYgBiAABgATACQAJwAAAS4BJxUXNjcGBxc+ATUmACcVFhIBBwEhESEBEQEGBxU+ATcXNwEHFwTQAWVVuAO7AidxJSgF/t/lpc77t18BYf6fASsBdQE+TF1OijuZX/1gnJwDgGSeK6W4GBhqW3FGnFT0AWM4mjT+9AHrX/6f/kD+iwH2/sI7HZoSRDGYXwSWnJwAAAEAAAAABKsF1gAFAAABESEBEQECCwEqAXb+igRg/kD+iwSq/osAAAACAAAAAAVmBdYABgAMAAABLgEnET4BAREhAREBBWUBZVRUZfwRASsBdf6LA4Bkniv9piueAUT+QP6LBKr+iwAAAwAAAAAGIAYPAAUADAAaAAATESEBEQEFLgEnET4BAxUWEhcGAgcVNgA3JgDgASsBdf6LAsUBZVVVZbqlzgMDzqXlASEFBf7fBGD+QP6LBKr+i+Bkniv9piueAvOaNP70tbX+9DSaOAFi9fUBYgAAAAQAAAAABYsFiwAFAAsAEQAXAAABIxEhNSMDMzUzNSEBIxUhESMDFTMVMxECC5YBduCWluD+igOA4AF2luDglgLr/oqWAgrglvyAlgF2AqCW4AF2AAQAAAAABYsFiwAFAAsAEQAXAAABMxUzESETIxUhESMBMzUzNSETNSMRITUBdeCW/org4AF2lgHAluD+ipaWAXYCVeABdgHAlgF2++rglgHA4P6KlgAAAAACAAAAAAXWBdYADwATAAABIQ4BBxEeARchPgE3ES4BAyERIQVA/IA/VQEBVT8DgD9VAQFVP/yAA4AF1QFVP/yAP1UBAVU/A4A/VfvsA4AAAAYAAAAABmsGawAHAAwAEwAbACAAKAAACQEmJw4BBwElLgEnAQUhATYSNyYFAQYCBxYXIQUeARcBMwEWFz4BNwECvgFkTlSH8GEBEgOONemh/u4C5f3QAXpcaAEB/BP+3VxoAQEOAjD95DXpoQESeP7dTlSH8GH+7gPwAmgSAQFYUP4nd6X2Pv4nS/1zZAEBk01NAfhk/v+TTUhLpfY+Adn+CBIBAVhQAdkAAAAFAAAAAAZrBdYADwATABcAGwAfAAABIQ4BBxEeARchPgE3ES4BASEVIQEhNSEFITUhNSE1IQXV+1ZAVAICVEAEqkBUAgJU+xYBKv7WAur9FgLqAcD+1gEq/RYC6gXVAVU//IA/VQEBVT8DgD9V/ayV/tWVlZWWlQADAAAAAAYgBdYADwAnAD8AAAEhDgEHER4BFyE+ATcRLgEBIzUjFTM1MxUUBgcjLgEnET4BNzMeARUFIzUjFTM1MxUOAQcjLgE1ETQ2NzMeARcFi/vqP1QCAlQ/BBY/VAICVP1rcJWVcCog4CAqAQEqIOAgKgILcJWVcAEqIOAgKiog4CAqAQXVAVU//IA/VQEBVT8DgD9V/fcl4CVKICoBASogASogKgEBKiBKJeAlSiAqAQEqIAEqICoBASogAAAGAAAAAAYgBPYAAwAHAAsADwATABcAABMzNSMRMzUjETM1IwEhNSERITUhERUhNeCVlZWVlZUBKwQV++sEFfvrBBUDNZb+QJUBwJX+QJb+QJUCVZWVAAAAAQAAAAAGIAZsAC4AAAEiBgcBNjQnAR4BMz4BNy4BJw4BBxQXAS4BIw4BBx4BFzI2NwEGBx4BFz4BNy4BBUArSh797AcHAg8eTixffwICf19ffwIH/fEeTixffwICf18sTh4CFAUBA3tcXHsDA3sCTx8bATcZNhkBNB0gAn9fX38CAn9fGxn+zRwgAn9fX38CIBz+yhcaXHsCAntcXXsAAAIAAAAABlkGawBDAE8AAAE2NCc3PgEnAy4BDwEmLwEuASchDgEPAQYHJyYGBwMGFh8BBhQXBw4BFxMeAT8BFh8BHgEXIT4BPwE2NxcWNjcTNiYnBS4BJz4BNx4BFw4BBasFBZ4KBgeWBxkNujpEHAMUD/7WDxQCHEU5ug0aB5UHBQudBQWdCwUHlQcaDbo5RRwCFA8BKg8UAhxFOboNGgeVBwUL/ThvlAIClG9vlAIClAM3JEokewkaDQEDDAkFSy0cxg4RAQERDsYcLUsFCQz+/QwbCXskSiR7CRoN/v0MCQVLLRzGDhEBAREOxhwtSwUJDAEDDBsJQQKUb2+UAgKUb2+UAAAAAAEAAAAABmsGawALAAATEgAFJAATAgAlBACVCAGmAT0BPQGmCAj+Wv7D/sP+WgOA/sP+WggIAaYBPQE9AaYICP5aAAAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rgZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAAADAAAAAAZrBmsACwAXACMAAAEEAAMSAAUkABMCAAEmACc2ADcWABcGAAMOAQcuASc+ATceAQOA/sP+WggIAaYBPQE9AaYICP5a/sP9/q4GBgFS/f0BUgYG/q4dAn9fX38CAn9fX38Gawj+Wv7D/sP+WggIAaYBPQE9Aab6yAYBUv39AVIGBv6u/f3+rgJPX38CAn9fX38CAn8AAAAEAAAAAAYgBiAADwAbACUAKQAAASEOAQcRHgEXIT4BNxEuAQEjNSMVIxEzFTM1OwEhHgEXEQ4BByE3MzUjBYv76j9UAgJUPwQWP1QCAlT9a3CVcHCVcJYBKiAqAQEqIP7WcJWVBiACVD/76j9UAgJUPwQWP1T8gpWVAcC7uwEqIP7WICoBcOAAAgAAAAAGawZrAAsAFwAAAQQAAxIABSQAEwIAEwcJAScJATcJARcBA4D+w/5aCAgBpgE9AT0BpggI/lo4af70/vRpAQv+9WkBDAEMaf71BmsI/lr+w/7D/loICAGmAT0BPQGm/BFpAQv+9WkBDAEMaf71AQtp/vQAAQAAAAAF1ga2ABYAAAERCQERHgEXDgEHLgEnIxYAFzYANyYAA4D+iwF1vv0FBf2+vv0FlQYBUf7+AVEGBv6vBYsBKv6L/osBKgT9v779BQX9vv7+rwYGAVH+/gFRAAAAAQAAAAAFPwcAABQAAAERIyIGHQEhAyMRIREjETM1NDYzMgU/nVY8ASUn/v7O///QrZMG9P74SEi9/tj9CQL3ASjaus0AAAAABAAAAAAGjgcAADAARQBgAGwAAAEUHgMVFAcGBCMiJicmNTQ2NzYlLgE1NDcGIyImNTQ2Nz4BMyEHIx4BFRQOAycyNjc2NTQuAiMiBgcGFRQeAxMyPgI1NC4BLwEmLwImIyIOAxUUHgIBMxUjFSM1IzUzNTMDH0BbWkAwSP7qn4TlOSVZSoMBESAfFS4WlMtIP03TcAGiioNKTDFFRjGSJlAaNSI/akAqURkvFCs9WTY6a1s3Dg8THgocJU4QIDVob1M2RnF9A2vV1WnU1GkD5CRFQ1CATlpTenNTYDxHUYouUhIqQCkkMQTBlFKaNkJAWD+MWkhzRztAPiEbOWY6hn1SJyE7ZS5nZ1I0/JcaNF4+GTAkGCMLFx04Ag4kOF07Rms7HQNsbNvbbNkAAwAAAAAGgAZsAAMADgAqAAABESERARYGKwEiJjQ2MhYBESERNCYjIgYHBhURIRIQLwEhFSM+AzMyFgHd/rYBXwFnVAJSZGemZASP/rdRVj9VFQv+twIBAQFJAhQqR2c/q9AEj/whA98BMkliYpNhYfzd/cgCEml3RTMeM/3XAY8B8DAwkCAwOB/jAAABAAAAAAaUBgAAMQAAAQYHFhUUAg4BBCMgJxYzMjcuAScWMzI3LgE9ARYXLgE1NDcWBBcmNTQ2MzIXNjcGBzYGlENfAUyb1v7SrP7x4SMr4bBpph8hHCsqcJNETkJOLHkBW8YIvYaMYG1gJWldBWhiRQ4cgv797rdtkQSKAn1hBQsXsXUEJgMsjlNYS5WzCiYkhr1mFTlzPwoAAAABAAAAAAWABwAAIgAAARcOAQcGLgM1ESM1PgQ3PgE7AREhFSERFB4CNzYFMFAXsFlorXBOIahIckQwFAUBBwT0AU3+sg0gQzBOAc/tIz4BAjhceHg6AiDXGlddb1ctBQf+WPz9+h40NR4BAgABAAAAAAaABoAASgAAARQCBCMiJzY/AR4BMzI+ATU0LgEjIg4DFRQWFxY/ATY3NicmNTQ2MzIWFRQGIyImNz4CNTQmIyIGFRQXAwYXJgI1NBIkIAQSBoDO/p/Rb2s7EzYUaj15vmh34o5ptn9bK1BNHggIBgIGETPRqZepiWs9Sg4IJRc2Mj5WGWMRBM7+zgFhAaIBYc4DgNH+n84gXUfTJzmJ8JZyyH46YH2GQ2ieIAwgHxgGFxQ9WpfZpIOq7lc9I3VZHzJCclVJMf5eRmtbAXzp0QFhzs7+nwAABwAAAAAHAATPAA4AFwAqAD0AUABaAF0AAAERNh4CBw4BBwYmIycmNxY2NzYmBxEUBRY2Nz4BNy4BJyMGHwEeARcOARcWNjc+ATcuAScjBh8BHgEXFAYXFjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype');
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play:before, .video-js .vjs-big-play-button .vjs-icon-placeholder:before, .video-js .vjs-play-control .vjs-icon-placeholder:before {
  content: "\f101"; }

.vjs-icon-play-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-play-circle:before {
  content: "\f102"; }

.vjs-icon-pause, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pause:before, .video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
  content: "\f103"; }

.vjs-icon-volume-mute, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mute:before, .video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
  content: "\f104"; }

.vjs-icon-volume-low, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-low:before, .video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
  content: "\f105"; }

.vjs-icon-volume-mid, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-mid:before, .video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
  content: "\f106"; }

.vjs-icon-volume-high, .video-js .vjs-mute-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-volume-high:before, .video-js .vjs-mute-control .vjs-icon-placeholder:before {
  content: "\f107"; }

.vjs-icon-fullscreen-enter, .video-js .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-enter:before, .video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f108"; }

.vjs-icon-fullscreen-exit, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-fullscreen-exit:before, .video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
  content: "\f109"; }

.vjs-icon-square {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-square:before {
  content: "\f10a"; }

.vjs-icon-spinner {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-spinner:before {
  content: "\f10b"; }

.vjs-icon-subtitles, .video-js .vjs-subtitles-button .vjs-icon-placeholder, .video-js .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-subtitles:before, .video-js .vjs-subtitles-button .vjs-icon-placeholder:before, .video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10c"; }

.vjs-icon-captions, .video-js .vjs-captions-button .vjs-icon-placeholder, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-captions:before, .video-js .vjs-captions-button .vjs-icon-placeholder:before, .video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,
.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
  content: "\f10d"; }

.vjs-icon-chapters, .video-js .vjs-chapters-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-chapters:before, .video-js .vjs-chapters-button .vjs-icon-placeholder:before {
  content: "\f10e"; }

.vjs-icon-share {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-share:before {
  content: "\f10f"; }

.vjs-icon-cog {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cog:before {
  content: "\f110"; }

.vjs-icon-circle, .video-js .vjs-play-progress, .video-js .vjs-volume-level {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before {
  content: "\f111"; }

.vjs-icon-circle-outline {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-outline:before {
  content: "\f112"; }

.vjs-icon-circle-inner-circle {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-circle-inner-circle:before {
  content: "\f113"; }

.vjs-icon-hd {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-hd:before {
  content: "\f114"; }

.vjs-icon-cancel, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-cancel:before, .video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
  content: "\f115"; }

.vjs-icon-replay, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-replay:before, .video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
  content: "\f116"; }

.vjs-icon-facebook {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-facebook:before {
  content: "\f117"; }

.vjs-icon-gplus {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-gplus:before {
  content: "\f118"; }

.vjs-icon-linkedin {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-linkedin:before {
  content: "\f119"; }

.vjs-icon-twitter {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-twitter:before {
  content: "\f11a"; }

.vjs-icon-tumblr {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-tumblr:before {
  content: "\f11b"; }

.vjs-icon-pinterest {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-pinterest:before {
  content: "\f11c"; }

.vjs-icon-audio-description, .video-js .vjs-descriptions-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio-description:before, .video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
  content: "\f11d"; }

.vjs-icon-audio, .video-js .vjs-audio-button .vjs-icon-placeholder {
  font-family: VideoJS;
  font-weight: normal;
  font-style: normal; }

.vjs-icon-audio:before, .video-js .vjs-audio-button .vjs-icon-placeholder:before {
  content: "\f11e"; }

.video-js {
  display: block;
  vertical-align: top;
  box-sizing: border-box;
  color: #fff;
  background-color: #000;
  position: relative;
  padding: 0;
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-style: normal;
  font-family: Arial, Helvetica, sans-serif; }

.video-js:-moz-full-screen {
  position: absolute; }

.video-js:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important; }

.video-js[tabindex="-1"] {
  outline: none; }

.video-js *,
.video-js *:before,
.video-js *:after {
  box-sizing: inherit; }

.video-js ul {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  list-style-position: outside;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0; }

.video-js.vjs-fluid,
.video-js.vjs-16-9,
.video-js.vjs-4-3 {
  width: 100%;
  max-width: 100%;
  height: 0; }

.video-js.vjs-16-9 {
  padding-top: 56.25%; }

.video-js.vjs-4-3 {
  padding-top: 75%; }

.video-js.vjs-fill {
  width: 100%;
  height: 100%; }

.video-js .vjs-tech {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

body.vjs-full-window {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-y: auto; }

.vjs-full-window .video-js.vjs-fullscreen {
  position: fixed;
  overflow: hidden;
  z-index: 1000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0; }

.video-js.vjs-fullscreen {
  width: 100% !important;
  height: 100% !important;
  padding-top: 0 !important; }

.video-js.vjs-fullscreen.vjs-user-inactive {
  cursor: none; }

.vjs-hidden {
  display: none !important; }

.vjs-disabled {
  opacity: 0.5;
  cursor: default; }

.video-js .vjs-offscreen {
  height: 1px;
  left: -9999px;
  position: absolute;
  top: 0;
  width: 1px; }

.vjs-lock-showing {
  display: block !important;
  opacity: 1;
  visibility: visible; }

.vjs-no-js {
  padding: 20px;
  color: #fff;
  background-color: #000;
  font-size: 18px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  width: 300px;
  height: 150px;
  margin: 0px auto; }

.vjs-no-js a,
.vjs-no-js a:visited {
  color: #66A8CC; }

.video-js .vjs-big-play-button {
  font-size: 3em;
  line-height: 1.5em;
  height: 1.5em;
  width: 3em;
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 0;
  cursor: pointer;
  opacity: 1;
  border: 0.06666em solid #fff;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-big-play-centered .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-top: -0.75em;
  margin-left: -1.5em; }

.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button:focus {
  border-color: #fff;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5);
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -ms-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s; }

.vjs-controls-disabled .vjs-big-play-button,
.vjs-has-started .vjs-big-play-button,
.vjs-using-native-controls .vjs-big-play-button,
.vjs-error .vjs-big-play-button {
  display: none; }

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
  display: block; }

.video-js button {
  background: none;
  border: none;
  color: inherit;
  display: inline-block;
  overflow: visible;
  font-size: inherit;
  line-height: inherit;
  text-transform: none;
  text-decoration: none;
  transition: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.vjs-control .vjs-button {
  width: 100%;
  height: 100%; }

.video-js .vjs-control.vjs-close-button {
  cursor: pointer;
  height: 3em;
  position: absolute;
  right: 0;
  top: 0.5em;
  z-index: 2; }

.video-js .vjs-modal-dialog {
  background: rgba(0, 0, 0, 0.8);
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(255, 255, 255, 0));
  overflow: auto;
  box-sizing: content-box; }

.video-js .vjs-modal-dialog > * {
  box-sizing: border-box; }

.vjs-modal-dialog .vjs-modal-dialog-content {
  font-size: 1.2em;
  line-height: 1.5;
  padding: 20px 24px;
  z-index: 1; }

.vjs-menu-button {
  cursor: pointer; }

.vjs-menu-button.vjs-disabled {
  cursor: default; }

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
  display: none; }

.vjs-menu .vjs-menu-content {
  display: block;
  padding: 0;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  overflow: auto;
  box-sizing: content-box; }

.vjs-menu .vjs-menu-content > * {
  box-sizing: border-box; }

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
  display: none; }

.vjs-menu li {
  list-style: none;
  margin: 0;
  padding: 0.2em 0;
  line-height: 1.4em;
  font-size: 1.2em;
  text-align: center;
  text-transform: lowercase; }

.vjs-menu li.vjs-menu-item:focus,
.vjs-menu li.vjs-menu-item:hover {
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.vjs-menu li.vjs-selected,
.vjs-menu li.vjs-selected:focus,
.vjs-menu li.vjs-selected:hover {
  background-color: #fff;
  color: #2B333F; }

.vjs-menu li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  font-weight: bold;
  cursor: default; }

.vjs-menu-button-popup .vjs-menu {
  display: none;
  position: absolute;
  bottom: 0;
  width: 10em;
  left: -3em;
  height: 0em;
  margin-bottom: 1.5em;
  border-top-color: rgba(43, 51, 63, 0.7); }

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7);
  position: absolute;
  width: 100%;
  bottom: 1.5em;
  max-height: 15em; }

.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,
.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
  display: block; }

.video-js .vjs-menu-button-inline {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  overflow: hidden; }

.video-js .vjs-menu-button-inline:before {
  width: 2.222222222em; }

.video-js .vjs-menu-button-inline:hover,
.video-js .vjs-menu-button-inline:focus,
.video-js .vjs-menu-button-inline.vjs-slider-active,
.video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 12em; }

.vjs-menu-button-inline .vjs-menu {
  opacity: 0;
  height: 100%;
  width: auto;
  position: absolute;
  left: 4em;
  top: 0;
  padding: 0;
  margin: 0;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  -ms-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s; }

.vjs-menu-button-inline:hover .vjs-menu,
.vjs-menu-button-inline:focus .vjs-menu,
.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  display: block;
  opacity: 1; }

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
  display: block;
  opacity: 1;
  position: relative;
  width: auto; }

.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,
.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
  width: auto; }

.vjs-menu-button-inline .vjs-menu-content {
  width: auto;
  height: 100%;
  margin: 0;
  overflow: hidden; }

.video-js .vjs-control-bar {
  display: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3.0em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.vjs-has-started .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1;
  -webkit-transition: visibility 0.1s, opacity 0.1s;
  -moz-transition: visibility 0.1s, opacity 0.1s;
  -ms-transition: visibility 0.1s, opacity 0.1s;
  -o-transition: visibility 0.1s, opacity 0.1s;
  transition: visibility 0.1s, opacity 0.1s; }

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  visibility: visible;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.vjs-controls-disabled .vjs-control-bar,
.vjs-using-native-controls .vjs-control-bar,
.vjs-error .vjs-control-bar {
  display: none !important; }

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
  opacity: 1;
  visibility: visible; }

.vjs-has-started.vjs-no-flex .vjs-control-bar {
  display: table; }

.vjs-playback-rate {
  padding-bottom: 10px !important;
  margin-bottom: 10px !important; }

.video-js .vjs-control {
  position: relative;
  text-align: center;
  align-self: center;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 4em;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-button > .vjs-icon-placeholder:before {
  font-size: 1.8em;
  line-height: 2; }

.video-js .vjs-control:focus:before,
.video-js .vjs-control:hover:before,
.video-js .vjs-control:focus {
  text-shadow: 0em 0em 1em white; }

.video-js .vjs-control-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.vjs-no-flex .vjs-control {
  display: table-cell;
  vertical-align: middle; }

.video-js .vjs-custom-control-spacer {
  display: none; }

.video-js .vjs-progress-control {
  cursor: pointer;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-width: 4em; }

.vjs-live .vjs-progress-control {
  display: none; }

.vjs-no-flex .vjs-progress-control {
  width: auto; }

.video-js .vjs-progress-holder {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  height: 0.3em; }

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0 10px; }

.video-js .vjs-progress-control:hover .vjs-progress-holder {
  font-size: 1.666666666666666666em; }

.video-js .vjs-progress-holder .vjs-play-progress,
.video-js .vjs-progress-holder .vjs-load-progress,
.video-js .vjs-progress-holder .vjs-load-progress div {
  position: absolute;
  display: block;
  height: 100%;
  margin: 0;
  padding: 0;
  width: 0;
  left: 0;
  top: 0; }

.video-js .vjs-play-progress {
  background-color: #fff; }

.video-js .vjs-play-progress:before {
  font-size: 0.9em;
  position: absolute;
  right: -0.5em;
  top: -0.333333333333333em;
  z-index: 1; }

.video-js .vjs-load-progress {
  background: #bfc7d3;
  background: rgba(115, 133, 159, 0.5); }

.video-js .vjs-load-progress div {
  background: white;
  background: rgba(115, 133, 159, 0.75); }

.video-js .vjs-time-tooltip {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  color: #000;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 6px 8px 8px 8px;
  pointer-events: none;
  position: relative;
  top: -3.4em;
  visibility: hidden;
  z-index: 1; }

.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
  display: none; }

.video-js .vjs-progress-control:hover .vjs-time-tooltip,
.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
  display: block;
  font-size: 0.6em;
  visibility: visible; }

.video-js .vjs-progress-control .vjs-mouse-display {
  display: none;
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #000;
  z-index: 1; }

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  z-index: 0; }

.video-js .vjs-progress-control:hover .vjs-mouse-display {
  display: block; }

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 1s, opacity 1s;
  -moz-transition: visibility 1s, opacity 1s;
  -ms-transition: visibility 1s, opacity 1s;
  -o-transition: visibility 1s, opacity 1s;
  transition: visibility 1s, opacity 1s; }

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
  display: none; }

.vjs-mouse-display .vjs-time-tooltip {
  color: #fff;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.8); }

.video-js .vjs-slider {
  position: relative;
  cursor: pointer;
  padding: 0;
  margin: 0 0.45em 0 0.45em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #73859f;
  background-color: rgba(115, 133, 159, 0.5); }

.video-js .vjs-slider:focus {
  text-shadow: 0em 0em 1em white;
  -webkit-box-shadow: 0 0 1em #fff;
  -moz-box-shadow: 0 0 1em #fff;
  box-shadow: 0 0 1em #fff; }

.video-js .vjs-mute-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 3em; }

.video-js .vjs-volume-control {
  cursor: pointer;
  margin-right: 1em;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-control.vjs-volume-horizontal {
  width: 5em; }

.video-js .vjs-volume-panel .vjs-volume-control {
  visibility: visible;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin-left: -1px; }

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.video-js .vjs-volume-panel {
  -webkit-transition: width 1s;
  -moz-transition: width 1s;
  -ms-transition: width 1s;
  -o-transition: width 1s;
  transition: width 1s; }

.video-js .vjs-volume-panel:hover .vjs-volume-control,
.video-js .vjs-volume-panel:active .vjs-volume-control,
.video-js .vjs-volume-panel:focus .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control:hover,
.video-js .vjs-volume-panel .vjs-volume-control:active,
.video-js .vjs-volume-panel .vjs-volume-control:focus,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -moz-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -ms-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  -o-transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s;
  transition: visibility 0.1s, opacity 0.1s, height 0.1s, width 0.1s, left 0s, top 0s; }

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-horizontal,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
  width: 5em;
  height: 3em; }

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control:focus.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-mute-control:hover ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-mute-control:active ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-mute-control:focus ~ .vjs-volume-control.vjs-volume-vertical .vjs-volume-level,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-bar,
.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-vertical .vjs-volume-level {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:focus, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active, .video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
  width: 9em;
  -webkit-transition: width 0.1s;
  -moz-transition: width 0.1s;
  -ms-transition: width 0.1s;
  -o-transition: width 0.1s;
  transition: width 0.1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  height: 8em;
  width: 3em;
  left: -3.5em;
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s 1s, left 1s 1s, top 1s 1s; }

.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  -webkit-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -moz-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -ms-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  -o-transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s;
  transition: visibility 1s, opacity 1s, height 1s 1s, width 1s, left 1s 1s, top 1s 1s; }

.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
  width: 5em;
  height: 3em;
  visibility: visible;
  opacity: 1;
  position: relative;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none; }

.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
  position: absolute;
  bottom: 3em;
  left: 0.5em; }

.video-js .vjs-volume-panel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; }

.video-js .vjs-volume-bar {
  margin: 1.35em 0.45em; }

.vjs-volume-bar.vjs-slider-horizontal {
  width: 5em;
  height: 0.3em; }

.vjs-volume-bar.vjs-slider-vertical {
  width: 0.3em;
  height: 5em;
  margin: 1.35em auto; }

.video-js .vjs-volume-level {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff; }

.video-js .vjs-volume-level:before {
  position: absolute;
  font-size: 0.9em; }

.vjs-slider-vertical .vjs-volume-level {
  width: 0.3em; }

.vjs-slider-vertical .vjs-volume-level:before {
  top: -0.5em;
  left: -0.3em; }

.vjs-slider-horizontal .vjs-volume-level {
  height: 0.3em; }

.vjs-slider-horizontal .vjs-volume-level:before {
  top: -0.3em;
  right: -0.5em; }

.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
  width: 4em; }

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
  height: 100%; }

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
  width: 100%; }

.video-js .vjs-volume-vertical {
  width: 3em;
  height: 8em;
  bottom: 8em;
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.7); }

.video-js .vjs-volume-horizontal .vjs-menu {
  left: -2em; }

.vjs-poster {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain !important;
  background-color: #000000;
  cursor: pointer;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%; }

.vjs-poster img {
  display: block;
  vertical-align: middle;
  margin: 0 auto;
  max-height: 100%;
  padding: 0;
  width: 100%; }

.vjs-has-started .vjs-poster {
  display: none; }

.vjs-audio.vjs-has-started .vjs-poster {
  display: block; }

.vjs-using-native-controls .vjs-poster {
  display: none; }

.video-js .vjs-live-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start;
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
  font-size: 1em;
  line-height: 3em; }

.vjs-no-flex .vjs-live-control {
  display: table-cell;
  width: auto;
  text-align: left; }

.video-js .vjs-time-control {
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  font-size: 1em;
  line-height: 3em;
  min-width: 2em;
  width: auto;
  padding-left: 1em;
  padding-right: 1em; }

.vjs-live .vjs-time-control {
  display: none; }

.video-js .vjs-current-time,
.vjs-no-flex .vjs-current-time {
  display: none; }

.vjs-no-flex .vjs-remaining-time.vjs-time-control.vjs-control {
  width: 0px !important;
  white-space: nowrap; }

.video-js .vjs-duration,
.vjs-no-flex .vjs-duration {
  display: none; }

.vjs-time-divider {
  display: none;
  line-height: 3em; }

.vjs-live .vjs-time-divider {
  display: none; }

.video-js .vjs-play-control .vjs-icon-placeholder {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-text-track-display {
  position: absolute;
  bottom: 3em;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none; }

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
  bottom: 1em; }

.video-js .vjs-text-track {
  font-size: 1.4em;
  text-align: center;
  margin-bottom: 0.1em;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5); }

.vjs-subtitles {
  color: #fff; }

.vjs-captions {
  color: #fc6; }

.vjs-tt-cue {
  display: block; }

video::-webkit-media-text-track-display {
  -moz-transform: translateY(-3em);
  -ms-transform: translateY(-3em);
  -o-transform: translateY(-3em);
  -webkit-transform: translateY(-3em);
  transform: translateY(-3em); }

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
  -moz-transform: translateY(-1.5em);
  -ms-transform: translateY(-1.5em);
  -o-transform: translateY(-1.5em);
  -webkit-transform: translateY(-1.5em);
  transform: translateY(-1.5em); }

.video-js .vjs-fullscreen-control {
  cursor: pointer;
  -webkit-box-flex: none;
  -moz-box-flex: none;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none; }

.vjs-playback-rate > .vjs-menu-button,
.vjs-playback-rate .vjs-playback-rate-value {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vjs-playback-rate .vjs-playback-rate-value {
  pointer-events: none;
  font-size: 1.5em;
  line-height: 2.9;
  text-align: center; }

.vjs-playback-rate .vjs-menu {
  width: 4em;
  left: 0em; }

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
  font-size: 1.4em;
  text-align: center; }

.vjs-error .vjs-error-display:before {
  color: #fff;
  content: 'X';
  font-family: Arial, Helvetica, sans-serif;
  font-size: 4em;
  left: 0;
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  text-shadow: 0.05em 0.05em 0.1em #000;
  text-align: center;
  top: 50%;
  vertical-align: middle;
  width: 100%; }

.vjs-loading-spinner {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: 0.85;
  text-align: left;
  border: 6px solid rgba(43, 51, 63, 0.7);
  box-sizing: border-box;
  background-clip: padding-box;
  width: 50px;
  height: 50px;
  border-radius: 25px; }

.vjs-seeking .vjs-loading-spinner,
.vjs-waiting .vjs-loading-spinner {
  display: block; }

.vjs-loading-spinner:before,
.vjs-loading-spinner:after {
  content: "";
  position: absolute;
  margin: -6px;
  box-sizing: inherit;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  opacity: 1;
  border: inherit;
  border-color: transparent;
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:after {
  -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite;
  animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite, vjs-spinner-fade 1.1s linear infinite; }

.vjs-seeking .vjs-loading-spinner:before,
.vjs-waiting .vjs-loading-spinner:before {
  border-top-color: white; }

.vjs-seeking .vjs-loading-spinner:after,
.vjs-waiting .vjs-loading-spinner:after {
  border-top-color: white;
  -webkit-animation-delay: 0.44s;
  animation-delay: 0.44s; }

@keyframes vjs-spinner-spin {
  100% {
    transform: rotate(360deg); } }

@-webkit-keyframes vjs-spinner-spin {
  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

@-webkit-keyframes vjs-spinner-fade {
  0% {
    border-top-color: #73859f; }
  20% {
    border-top-color: #73859f; }
  35% {
    border-top-color: white; }
  60% {
    border-top-color: #73859f; }
  100% {
    border-top-color: #73859f; } }

.vjs-chapters-button .vjs-menu ul {
  width: 24em; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
  position: absolute; }

.video-js .vjs-subs-caps-button + .vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
  font-family: VideoJS;
  content: "\f10d";
  font-size: 1.5em;
  line-height: inherit; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
  -webkit-box-flex: auto;
  -moz-box-flex: auto;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
  width: auto; }

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
  display: none; }

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
  display: none; }

.vjs-modal-dialog.vjs-text-track-settings {
  background-color: #2B333F;
  background-color: rgba(43, 51, 63, 0.75);
  color: #fff;
  height: 70%; }

.vjs-text-track-settings .vjs-modal-dialog-content {
  display: table; }

.vjs-text-track-settings .vjs-track-settings-colors,
.vjs-text-track-settings .vjs-track-settings-font,
.vjs-text-track-settings .vjs-track-settings-controls {
  display: table-cell; }

.vjs-text-track-settings .vjs-track-settings-controls {
  text-align: right;
  vertical-align: bottom; }

.vjs-text-track-settings fieldset {
  margin: 5px;
  padding: 3px;
  border: none; }

.vjs-text-track-settings fieldset span {
  display: inline-block;
  margin-left: 5px; }

.vjs-text-track-settings legend {
  color: #fff;
  margin: 0 0 5px 0; }

.vjs-text-track-settings .vjs-label {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  display: block;
  margin: 0 0 5px 0;
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden; }

.vjs-track-settings-controls button:focus,
.vjs-track-settings-controls button:active {
  outline-style: solid;
  outline-width: medium;
  background-image: linear-gradient(0deg, #fff 88%, #73859f 100%); }

.vjs-track-settings-controls button:hover {
  color: rgba(43, 51, 63, 0.75); }

.vjs-track-settings-controls button {
  background-color: #fff;
  background-image: linear-gradient(-180deg, #fff 88%, #73859f 100%);
  color: #2B333F;
  cursor: pointer;
  border-radius: 2px; }

.vjs-track-settings-controls .vjs-default-button {
  margin-right: 1em; }

@media print {
  .video-js > *:not(.vjs-tech):not(.vjs-poster) {
    visibility: hidden; } }

@media \0screen {
  .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
    content: ""; } }

@media \0screen {
  .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: hidden; } }

.vjs-quality-selector .vjs-menu-button {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%; }

.vjs-quality-selector .vjs-icon-placeholder {
  font-family: 'VideoJS';
  font-weight: normal;
  font-style: normal; }

.vjs-quality-selector .vjs-icon-placeholder:before {
  content: '\f110'; }

.vjs-quality-changing .vjs-big-play-button {
  display: none; }

.vjs-quality-changing .vjs-control-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  opacity: 1; }

.bg_override {
  background-color: #fffefe; }

.login-register-container {
  box-sizing: border-box;
  max-width: 650px;
  min-width: 250px;
  margin: 50px auto;
  padding-left: 20;
  padding-right: 20;
  padding-bottom: 20;
  padding-top: 20;
  background-color: #fafbfc;
  border: solid 1px #bababa;
  border-radius: 10px; }
  .login-register-container .headError {
    color: #b00000; }
    .login-register-container .headError:before {
      content: '\f12a';
      font-family: FontAwesome !important;
      display: inline-block;
      width: 1.2em; }
  .login-register-container form {
    padding: 2em 2em; }
    .login-register-container form .form-field {
      margin: 10px 0 30px 0;
      color: #9a9a9a;
      font-size: 12px; }
    .login-register-container form .errorList {
      color: #b00000; }
    .login-register-container form input:not([type="submit"]), .login-register-container form select, .login-register-container form textarea {
      border-radius: 5px;
      border: 1px #7F7F7F solid;
      background-color: #fffefe;
      width: 100%;
      height: 35px;
      padding: 0 5px;
      margin-bottom: 5px; }
      .login-register-container form input:not([type="submit"])#id_honor_code, .login-register-container form select#id_honor_code, .login-register-container form textarea#id_honor_code {
        width: auto;
        display: inline;
        float: left ;
        margin: 5px;
        height: 20px; }
    .login-register-container form input[type="submit"] {
      color: #dc0043;
      background-color: white;
      border-color: #dc0043;
      box-shadow: none;
      text-shadow: none;
      border-radius: 2em;
      background-image: none;
      background-clip: border-box;
      display: inline-block;
      box-sizing: border-box;
      font-size: 17px;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 1.125em;
      padding-right: 1.125em;
      height: 2.5em;
      line-height: 2.5em;
      font-size: 16px;
      width: auto;
      margin: 0 auto;
      display: block;
      line-height: inherit;
      border: solid 1px;
      text-transform: capitalize; }
      .login-register-container form input[type="submit"]:before, .login-register-container form input[type="submit"]:after {
        content: " ";
        display: table; }
      .login-register-container form input[type="submit"]:after {
        clear: both; }
      .login-register-container form input[type="submit"]:hover, .login-register-container form input[type="submit"]:active, .login-register-container form input[type="submit"]:focus {
        box-shadow: none;
        background-image: none;
        text-decoration: none; }
      .login-register-container form input[type="submit"]:hover, .login-register-container form input[type="submit"]:active, .login-register-container form input[type="submit"]:focus {
        background-color: #dc0043;
        color: white;
        cursor: pointer; }
    .login-register-container form label {
      color: #000809; }
      .login-register-container form label[for="id_honor_code"] {
        width: auto;
        height: 20px;
        display: inline-block;
        margin-top: 2px;
        margin-left: 5px; }
  .login-register-container .note {
    font-size: 10px;
    font-size: 1rem;
    line-height: 23.68px;
    line-height: 2.368rem;
    color: #7F7F7F;
    text-align: left; }
  .login-register-container .toggle-form {
    background-color: #0b9da0;
    text-align: center;
    margin-top: -20;
    line-height: 3em;
    color: #fffefe;
    box-sizing: border-box; }
    .login-register-container .toggle-form .section-title {
      display: inline-block; }
    .login-register-container .toggle-form a {
      color: #fffefe;
      font-weight: bold; }
      .login-register-container .toggle-form a:hover {
        color: #d7d7d7; }
  .login-register-container .section-title .text {
    background-color: #fafbfc !important; }

.bg_override-logout {
  background-color: #fffefe;
  min-height: 250px; }

.logout-container {
  box-sizing: border-box;
  max-width: 650px;
  min-width: 250px;
  margin: 150px auto;
  padding-left: 20;
  padding-right: 20;
  padding-bottom: 20;
  padding-top: 20;
  background-color: #fafbfc;
  border: solid 1px #bababa;
  border-radius: 10px; }
  .logout-container .text {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center; }

.graded-component {
  height: 125px; }
  .graded-component .graded-component-icon {
    color: #0BA7AA; }
  .graded-component > div {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important; }
  .graded-component .graded-component-title {
    display: flex;
    flex-wrap: nowrap;
    width: 100%; }
    .graded-component .graded-component-title h5, .graded-component .graded-component-title .bootstrap-datetimepicker-widget .datepicker table thead .picker-switch, .bootstrap-datetimepicker-widget .datepicker table thead .graded-component .graded-component-title .picker-switch {
      width: 100%;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 1.2rem; }

.grade-info h5, .grade-info .bootstrap-datetimepicker-widget .datepicker table thead .picker-switch, .bootstrap-datetimepicker-widget .datepicker table thead .grade-info .picker-switch {
  font-size: 1.2rem; }

.grade-info.disabled > * {
  color: #6889A0 !important; }

.grade-info.student-grade {
  background-color: #fbfbfb !important;
  border-left: 1px solid #ecedee !important; }

.grade-info .primary-text {
  font-weight: 500 !important; }

.grade-info .secondary-text {
  font-weight: 700 !important; }

.grade-info .grade-chip.failing {
  background-color: #E30D47; }

.grade-info .grade-chip.passing {
  background-color: #2AE99E; }

.grade-info .grade-chip.warning {
  background-color: #FED04E; }

.grade-info .grade-chip.unreleased {
  background-color: #FFFFFF; }

.grade-info .primary-text.failing {
  color: #E30D47; }

@media (min-width: 576px) {
  #grades.container {
    width: 540px;
    max-width: 540px; } }

@media (min-width: 768px) {
  #grades.container {
    width: 720px;
    max-width: 720px; } }

@media (max-width: 959px) {
  .sections {
    margin-bottom: 120px; } }

@media (min-width: 992px) {
  #grades.container {
    width: 960px;
    max-width: 960px; } }

@media (min-width: 1200px) {
  #grades.container {
    width: 1140px;
    max-width: 1140px; } }

@media (min-width: 1400px) {
  #grades.container {
    width: 1320px;
    max-width: 1320px; } }

.grades-lms-page {
  padding: 0 15px; }
  .grades-lms-page.en {
    direction: ltr; }
  .grades-lms-page.ar {
    direction: rtl !important; }
  .grades-lms-page .header-bar .title {
    margin-bottom: 0; }

.grades-section {
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.0829) !important; }

@media only screen and (max-width: 1024px) {
  .grades-secondary-text {
    font-size: 0.8rem !important; } }

@media only screen and (max-width: 768px) {
  .header-bar .grade-chip {
    font-size: 0.7rem !important;
    padding: 4px 13px 0px !important; }
  .title p.grades-title, .title .form-check .grades-title.form-check-label, .form-check .title .grades-title.form-check-label, .title .form-group input.grades-title:not([type="file"]), .form-group .title input.grades-title:not([type="file"]),
  .title .form-group textarea.grades-title,
  .form-group .title textarea.grades-title, .title .form-group select.grades-title, .form-group .title select.grades-title, .title .form-group label.custom-file .custom-file-input + .grades-title.custom-file-control:before, .form-group label.custom-file .title .custom-file-input + .grades-title.custom-file-control:before, .title .form-group label.custom-file .custom-file-input + .grades-title.custom-file-control:after, .form-group label.custom-file .title .custom-file-input + .grades-title.custom-file-control:after, .title .dropdown-menu .grades-title.dropdown-item, .dropdown-menu .title .grades-title.dropdown-item, .title .bootstrap-datetimepicker-widget .datepicker table tbody tr td.grades-title, .bootstrap-datetimepicker-widget .datepicker table tbody tr .title td.grades-title, .title .module-lesson-widget .grades-title.lesson-widget-header, .module-lesson-widget .title .grades-title.lesson-widget-header, .title .module-lesson-widget .grades-title.lesson-items, .module-lesson-widget .title .grades-title.lesson-items {
    font-size: 0.75rem !important; }
  .grades-title,
  .program-title {
    font-size: 1.125rem !important; }
  .grades-desc {
    font-size: 0.9rem !important; }
  .grades-secondary-text {
    font-size: 0.75rem !important; }
  .component-title {
    font-size: 0.75rem !important; }
  .component-primary-text {
    font-size: 0.5rem !important; }
  .grade-chip {
    font-size: 7px !important;
    height: 18px !important; } }

@media only screen and (max-width: 425px) {
  .graded-component > div {
    padding-left: 0px !important;
    padding-right: 0px !important; }
  .grade-chip {
    height: 18px !important;
    font-size: 7px !important; }
    .grade-chip.unreleased span {
      padding: 1rem 6px !important; } }

@media (max-width: 1199px) and (min-width: 960px) {
  .student-grade {
    flex-wrap: nowrap !important; }
  .grade-chip {
    font-size: 0.65rem !important; } }

.announcements-lms-page {
  padding: 0 15px; }

.announcements-list {
  box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.0829) !important;
  margin-bottom: 50px; }
  .announcements-list .announcement {
    display: flex;
    flex-direction: column;
    background-color: #FFFFFF;
    padding: 30px; }
  .announcements-list > :not(:last-child) {
    border-bottom: 1px solid #dcdcdc; }

.announcement-header {
  margin-bottom: 10px; }
  .announcement-header h6, .announcement-header .global-nav .language-selection a, .global-nav .language-selection .announcement-header a {
    font-weight: bold;
    font-size: 1.3rem;
    color: #0b9da0; }
  .announcement-header .publish_date p, .announcement-header .publish_date .form-check .form-check-label, .form-check .announcement-header .publish_date .form-check-label, .announcement-header .publish_date .form-group input:not([type="file"]), .form-group .announcement-header .publish_date input:not([type="file"]),
  .announcement-header .publish_date .form-group textarea,
  .form-group .announcement-header .publish_date textarea, .announcement-header .publish_date .form-group select, .form-group .announcement-header .publish_date select, .announcement-header .publish_date .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .announcement-header .publish_date .custom-file-input + .custom-file-control:before, .announcement-header .publish_date .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .announcement-header .publish_date .custom-file-input + .custom-file-control:after, .announcement-header .publish_date .dropdown-menu .dropdown-item, .dropdown-menu .announcement-header .publish_date .dropdown-item, .announcement-header .publish_date .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .announcement-header .publish_date td, .announcement-header .publish_date .module-lesson-widget .lesson-widget-header, .module-lesson-widget .announcement-header .publish_date .lesson-widget-header, .announcement-header .publish_date .module-lesson-widget .lesson-items, .module-lesson-widget .announcement-header .publish_date .lesson-items {
    font-size: 1rem; }

.announcement-full-description p, .announcement-full-description .form-check .form-check-label, .form-check .announcement-full-description .form-check-label, .announcement-full-description .form-group input:not([type="file"]), .form-group .announcement-full-description input:not([type="file"]),
.announcement-full-description .form-group textarea,
.form-group .announcement-full-description textarea, .announcement-full-description .form-group select, .form-group .announcement-full-description select, .announcement-full-description .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .announcement-full-description .custom-file-input + .custom-file-control:before, .announcement-full-description .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .announcement-full-description .custom-file-input + .custom-file-control:after, .announcement-full-description .dropdown-menu .dropdown-item, .dropdown-menu .announcement-full-description .dropdown-item, .announcement-full-description .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .announcement-full-description td, .announcement-full-description .module-lesson-widget .lesson-widget-header, .module-lesson-widget .announcement-full-description .lesson-widget-header, .announcement-full-description .module-lesson-widget .lesson-items, .module-lesson-widget .announcement-full-description .lesson-items {
  font-size: 1.1rem; }

.pinned-announcement-container {
  padding: 0 10px;
  margin-bottom: 15px; }

.pinned-announcement {
  background-color: #f3f3f3;
  width: 100%;
  min-height: 50px;
  padding: 20px;
  border: 1px solid #959595;
  border-radius: 8px; }

.pinned-announcement-header {
  display: flex;
  justify-content: space-between;
  flex-direction: 'row'; }
  .pinned-announcement-header .pinned-announcement-close {
    cursor: 'pointer'; }

.pinned-announcement-title {
  display: flex;
  gap: 5px; }
  .pinned-announcement-title h4 {
    font-size: 1.3rem; }

.pinned-announcement-short-description p, .pinned-announcement-short-description .form-check .form-check-label, .form-check .pinned-announcement-short-description .form-check-label, .pinned-announcement-short-description .form-group input:not([type="file"]), .form-group .pinned-announcement-short-description input:not([type="file"]),
.pinned-announcement-short-description .form-group textarea,
.form-group .pinned-announcement-short-description textarea, .pinned-announcement-short-description .form-group select, .form-group .pinned-announcement-short-description select, .pinned-announcement-short-description .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .pinned-announcement-short-description .custom-file-input + .custom-file-control:before, .pinned-announcement-short-description .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .pinned-announcement-short-description .custom-file-input + .custom-file-control:after, .pinned-announcement-short-description .dropdown-menu .dropdown-item, .dropdown-menu .pinned-announcement-short-description .dropdown-item, .pinned-announcement-short-description .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .pinned-announcement-short-description td, .pinned-announcement-short-description .module-lesson-widget .lesson-widget-header, .module-lesson-widget .pinned-announcement-short-description .lesson-widget-header, .pinned-announcement-short-description .module-lesson-widget .lesson-items, .module-lesson-widget .pinned-announcement-short-description .lesson-items {
  font-size: 1.2rem;
  margin-bottom: 0; }

.pinned-announcement-short-description .pinned-announcement-more-link {
  font-size: 1rem;
  text-decoration: underline; }

.announcements-empty-state p, .announcements-empty-state .form-check .form-check-label, .form-check .announcements-empty-state .form-check-label, .announcements-empty-state .form-group input:not([type="file"]), .form-group .announcements-empty-state input:not([type="file"]),
.announcements-empty-state .form-group textarea,
.form-group .announcements-empty-state textarea, .announcements-empty-state .form-group select, .form-group .announcements-empty-state select, .announcements-empty-state .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .announcements-empty-state .custom-file-input + .custom-file-control:before, .announcements-empty-state .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .announcements-empty-state .custom-file-input + .custom-file-control:after, .announcements-empty-state .dropdown-menu .dropdown-item, .dropdown-menu .announcements-empty-state .dropdown-item, .announcements-empty-state .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .announcements-empty-state td, .announcements-empty-state .module-lesson-widget .lesson-widget-header, .module-lesson-widget .announcements-empty-state .lesson-widget-header, .announcements-empty-state .module-lesson-widget .lesson-items, .module-lesson-widget .announcements-empty-state .lesson-items {
  font-size: 1.2rem; }

@media (max-width: 959px) {
  .announcements-list {
    margin-bottom: 110px; }
  .pinned-announcement-container {
    margin-top: 15px; } }

@media (max-width: 767px) {
  .announcements-list .announcement {
    padding: 10px 20px; }
  .announcement-header {
    margin-bottom: 5px; }
    .announcement-header h6, .announcement-header .global-nav .language-selection a, .global-nav .language-selection .announcement-header a {
      font-size: 1rem; }
    .announcement-header .publish_date p, .announcement-header .publish_date .form-check .form-check-label, .form-check .announcement-header .publish_date .form-check-label, .announcement-header .publish_date .form-group input:not([type="file"]), .form-group .announcement-header .publish_date input:not([type="file"]),
    .announcement-header .publish_date .form-group textarea,
    .form-group .announcement-header .publish_date textarea, .announcement-header .publish_date .form-group select, .form-group .announcement-header .publish_date select, .announcement-header .publish_date .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .announcement-header .publish_date .custom-file-input + .custom-file-control:before, .announcement-header .publish_date .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .announcement-header .publish_date .custom-file-input + .custom-file-control:after, .announcement-header .publish_date .dropdown-menu .dropdown-item, .dropdown-menu .announcement-header .publish_date .dropdown-item, .announcement-header .publish_date .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .announcement-header .publish_date td, .announcement-header .publish_date .module-lesson-widget .lesson-widget-header, .module-lesson-widget .announcement-header .publish_date .lesson-widget-header, .announcement-header .publish_date .module-lesson-widget .lesson-items, .module-lesson-widget .announcement-header .publish_date .lesson-items {
      font-size: 0.85rem; }
  .pinned-announcement-container {
    padding: 0; }
  .pinned-announcement {
    padding: 12px 13px; }
  .pinned-announcement-header h4 {
    font-size: 1rem; }
  .pinned-announcement-short-description p, .pinned-announcement-short-description .form-check .form-check-label, .form-check .pinned-announcement-short-description .form-check-label, .pinned-announcement-short-description .form-group input:not([type="file"]), .form-group .pinned-announcement-short-description input:not([type="file"]),
  .pinned-announcement-short-description .form-group textarea,
  .form-group .pinned-announcement-short-description textarea, .pinned-announcement-short-description .form-group select, .form-group .pinned-announcement-short-description select, .pinned-announcement-short-description .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .pinned-announcement-short-description .custom-file-input + .custom-file-control:before, .pinned-announcement-short-description .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .pinned-announcement-short-description .custom-file-input + .custom-file-control:after, .pinned-announcement-short-description .dropdown-menu .dropdown-item, .dropdown-menu .pinned-announcement-short-description .dropdown-item, .pinned-announcement-short-description .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .pinned-announcement-short-description td, .pinned-announcement-short-description .module-lesson-widget .lesson-widget-header, .module-lesson-widget .pinned-announcement-short-description .lesson-widget-header, .pinned-announcement-short-description .module-lesson-widget .lesson-items, .module-lesson-widget .pinned-announcement-short-description .lesson-items {
    font-size: 0.9rem; }
  .pinned-announcement-short-description .pinned-announcement-more-link {
    font-size: 0.85rem;
    text-decoration: underline; }
  .announcements-empty-state p, .announcements-empty-state .form-check .form-check-label, .form-check .announcements-empty-state .form-check-label, .announcements-empty-state .form-group input:not([type="file"]), .form-group .announcements-empty-state input:not([type="file"]),
  .announcements-empty-state .form-group textarea,
  .form-group .announcements-empty-state textarea, .announcements-empty-state .form-group select, .form-group .announcements-empty-state select, .announcements-empty-state .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .announcements-empty-state .custom-file-input + .custom-file-control:before, .announcements-empty-state .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .announcements-empty-state .custom-file-input + .custom-file-control:after, .announcements-empty-state .dropdown-menu .dropdown-item, .dropdown-menu .announcements-empty-state .dropdown-item, .announcements-empty-state .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .announcements-empty-state td, .announcements-empty-state .module-lesson-widget .lesson-widget-header, .module-lesson-widget .announcements-empty-state .lesson-widget-header, .announcements-empty-state .module-lesson-widget .lesson-items, .module-lesson-widget .announcements-empty-state .lesson-items {
    font-size: 0.9rem; } }

:dir(ltr) .pin-icon {
  transform: rotate(30deg); }

:dir(rtl) .pin-icon {
  transform: rotate(-30deg); }

.program-jumbotron {
  color: #fffefe;
  padding: 0 !important;
  margin: 0;
  background-size: cover !important;
  height: 400px;
  overflow: auto;
  max-width: unset; }
  .program-jumbotron .jumbotron-content {
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    padding: 20px; }
    .program-jumbotron .jumbotron-content .student-counter {
      margin-right: 1%; }
      .program-jumbotron .jumbotron-content .student-counter .icon-person {
        background-color: rgba(255, 255, 255, 0.3);
        display: block;
        margin-left: auto;
        float: right ;
        border-radius: 50%;
        font-size: 3em; }
      .program-jumbotron .jumbotron-content .student-counter .badge {
        color: rgba(255, 255, 255, 0.76);
        background-color: rgba(209, 209, 210, 0.36);
        font-size: 20px; }
      .program-jumbotron .jumbotron-content .student-counter p, .program-jumbotron .jumbotron-content .student-counter .form-check .form-check-label, .form-check .program-jumbotron .jumbotron-content .student-counter .form-check-label, .program-jumbotron .jumbotron-content .student-counter .form-group input:not([type="file"]), .form-group .program-jumbotron .jumbotron-content .student-counter input:not([type="file"]),
      .program-jumbotron .jumbotron-content .student-counter .form-group textarea,
      .form-group .program-jumbotron .jumbotron-content .student-counter textarea, .program-jumbotron .jumbotron-content .student-counter .form-group select, .form-group .program-jumbotron .jumbotron-content .student-counter select, .program-jumbotron .jumbotron-content .student-counter .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .program-jumbotron .jumbotron-content .student-counter .custom-file-input + .custom-file-control:before, .program-jumbotron .jumbotron-content .student-counter .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .program-jumbotron .jumbotron-content .student-counter .custom-file-input + .custom-file-control:after, .program-jumbotron .jumbotron-content .student-counter .dropdown-menu .dropdown-item, .dropdown-menu .program-jumbotron .jumbotron-content .student-counter .dropdown-item, .program-jumbotron .jumbotron-content .student-counter .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .program-jumbotron .jumbotron-content .student-counter td, .program-jumbotron .jumbotron-content .student-counter .module-lesson-widget .lesson-widget-header, .module-lesson-widget .program-jumbotron .jumbotron-content .student-counter .lesson-widget-header, .program-jumbotron .jumbotron-content .student-counter .module-lesson-widget .lesson-items, .module-lesson-widget .program-jumbotron .jumbotron-content .student-counter .lesson-items {
        color: white !important; }
    .program-jumbotron .jumbotron-content h1.program-title {
      color: #fffefe !important; }
  .program-jumbotron .program-details {
    margin-top: 4%; }
    .program-jumbotron .program-details .program-description {
      width: 92%;
      margin-left: 15px;
      color: #fffefe !important; }
      .program-jumbotron .program-details .program-description p, .program-jumbotron .program-details .program-description .form-check .form-check-label, .form-check .program-jumbotron .program-details .program-description .form-check-label, .program-jumbotron .program-details .program-description .form-group input:not([type="file"]), .form-group .program-jumbotron .program-details .program-description input:not([type="file"]),
      .program-jumbotron .program-details .program-description .form-group textarea,
      .form-group .program-jumbotron .program-details .program-description textarea, .program-jumbotron .program-details .program-description .form-group select, .form-group .program-jumbotron .program-details .program-description select, .program-jumbotron .program-details .program-description .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .program-jumbotron .program-details .program-description .custom-file-input + .custom-file-control:before, .program-jumbotron .program-details .program-description .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .program-jumbotron .program-details .program-description .custom-file-input + .custom-file-control:after, .program-jumbotron .program-details .program-description .dropdown-menu .dropdown-item, .dropdown-menu .program-jumbotron .program-details .program-description .dropdown-item, .program-jumbotron .program-details .program-description .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .program-jumbotron .program-details .program-description td, .program-jumbotron .program-details .program-description .module-lesson-widget .lesson-widget-header, .module-lesson-widget .program-jumbotron .program-details .program-description .lesson-widget-header, .program-jumbotron .program-details .program-description .module-lesson-widget .lesson-items, .module-lesson-widget .program-jumbotron .program-details .program-description .lesson-items {
        color: #fffefe !important; }
    .program-jumbotron .program-details .program-title {
      margin-top: 0;
      margin-bottom: 20px; }

.full-width {
  width: 100%; }

.members-actions {
  padding-bottom: 8px; }
  .members-actions .btn, .members-actions .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .members-actions .custom-file-input + .custom-file-control:before {
    font-size: 12px; }
  .members-actions > * {
    margin-left: 4px; }

.modal-button {
  float: right ; }

.emailMessage {
  margin: 0 0 25px 0; }

.call-to-action {
  cursor: pointer; }

.members-modal button.close {
  margin: initial; }

.members-container {
  margin: 20px; }

.space-top {
  margin-top: 5px; }

.members {
  padding: 40px 20px; }
  @media (min-width: 992px) {
    .members {
      padding: 40px 10px; } }
  .members .table-members {
    margin-bottom: 3rem; }
    .members .table-members .cohort-filter {
      width: 30%; }
  .members .tab-content td, .members .tab-content th {
    padding: 10px 5px;
    vertical-align: baseline;
    text-align: center; }
  .members .nav-tabs {
    border-bottom: none; }
  .members .btn, .members .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .members .custom-file-input + .custom-file-control:before {
    cursor: pointer; }
  .members .btn-no-radius {
    border-radius: 4px; }
  .members .dropdown-menu {
    border-radius: 10px; }
    .members .dropdown-menu li {
      text-align: center;
      padding: 5px 15px;
      border-bottom: 1px solid #bbbbbb;
      cursor: pointer; }
      .members .dropdown-menu li:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px; }
      .members .dropdown-menu li:hover {
        background-color: #0b9da0; }
        .members .dropdown-menu li:hover a {
          color: white; }
      .members .dropdown-menu li a {
        color: #5d5e70;
        font-weight: normal;
        font-size: 12px;
        text-decoration: none; }
    .members .dropdown-menu a.li {
      color: #5d5e70;
      font-weight: normal;
      font-size: 12px;
      text-decoration: none; }
      .members .dropdown-menu a.li:hover {
        background-color: #0b9da0;
        color: white; }
  .members-modal .border-split {
    border-right: 1px solid lightgray; }
  .members-modal .modal-footer {
    display: block;
    text-align: right; }
    .members-modal .modal-footer .btn, .members-modal .modal-footer .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .members-modal .modal-footer .custom-file-input + .custom-file-control:before {
      margin: auto; }
    .members-modal .modal-footer > :not(:last-child) {
      margin: 0;
      margin-right: 0.25rem; }
    .members-modal .modal-footer > :not(:first-child) {
      margin: 0;
      margin-left: 0.25rem; }
    .members-modal .modal-footer .btn-informative {
      display: block;
      margin-bottom: 5px; }
      .members-modal .modal-footer .btn-informative * {
        display: inline-block; }
      .members-modal .modal-footer .btn-informative .info {
        margin-bottom: 0;
        margin-right: 5px; }
      .members-modal .modal-footer .btn-informative:last-child {
        margin-bottom: 0; }
      .members-modal .modal-footer .btn-informative button {
        width: 190px; }
    .members-modal .modal-footer.vertical-btns > :not(:last-child) {
      margin-right: 0; }
    .members-modal .modal-footer.vertical-btns > :not(:first-child) {
      margin-left: 0; }
  .members-modal .emails-limit {
    text-align: center; }
  .members-modal .field-emails {
    max-height: 200px; }
  .members .input-filter {
    border: 1px solid rgba(9, 157, 159, 0.3); }
    .members .input-filter:focus {
      border-color: #099d9f; }

.pagination .page-item {
  margin-left: 2px;
  margin-right: 2px; }
  .pagination .page-item button[disabled] {
    box-shadow: unset !important;
    cursor: unset !important; }

.pagination .page-number {
  margin-top: 6px; }
  .pagination .page-number span {
    color: #464a4c; }

.reports-container {
  margin: 20px; }

.reports-sub-container {
  width: 80%; }

.report {
  border-bottom: 1px solid #7f7f7f;
  padding: 40px; }

.flash-card-type-editor {
  width: 200px; }

.question-image-position-editor {
  width: 200px; }

.question-choices-layout-editor {
  width: 200px; }

.flash-card-previewer {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative; }
  .flash-card-previewer-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center; }
    .flash-card-previewer-header .filter-dropdown {
      margin-left: 0.5rem;
      margin-bottom: .5rem; }
      .flash-card-previewer-header .filter-dropdown .dropdown {
        position: unset; }
        .flash-card-previewer-header .filter-dropdown .dropdown .dropdown-menu .dropdown-item-group .dropdown-item.disabled {
          cursor: not-allowed;
          opacity: .3;
          pointer-events: none; }
  .flash-card-previewer .flash-card-preview-container {
    height: 280px; }
    .flash-card-previewer .flash-card-preview-container .flash-card-preview {
      height: 519px;
      transform: scale(0.54, 0.54);
      transform-origin: top;
      width: 394px; }

.filter-dropdown .dropdown-toggle::after {
  height: 8px; }

.simple-text-editor-container {
  margin-top: 10px; }

.image-editor-container {
  margin-top: 10px; }

.title-editor .fie .fie-control .fie-simple-text-input {
  text-align: left; }

.flash-card-deck-menu .fie .fie-control .fie-simple-text-input {
  text-align: left; }

.fie-molecule .disabled-message {
  margin-bottom: .5rem; }

.flash-card-assessment-phrase-option-editor > p.help, .form-check .flash-card-assessment-phrase-option-editor > .help.form-check-label, .form-group .flash-card-assessment-phrase-option-editor > input.help:not([type="file"]),
.form-group .flash-card-assessment-phrase-option-editor > textarea.help, .form-group .flash-card-assessment-phrase-option-editor > select.help, .form-group label.custom-file .flash-card-assessment-phrase-option-editor > .custom-file-input + .help.custom-file-control:before, .form-group label.custom-file .flash-card-assessment-phrase-option-editor > .custom-file-input + .help.custom-file-control:after, .dropdown-menu .flash-card-assessment-phrase-option-editor > .help.dropdown-item, .bootstrap-datetimepicker-widget .datepicker table tbody tr .flash-card-assessment-phrase-option-editor > td.help, .module-lesson-widget .flash-card-assessment-phrase-option-editor > .help.lesson-widget-header, .module-lesson-widget .flash-card-assessment-phrase-option-editor > .help.lesson-items {
  color: #7F7F7F;
  font-size: 10pt; }

.drag-and-drop-sentence-previewer h6, .drag-and-drop-sentence-previewer .global-nav .language-selection a, .global-nav .language-selection .drag-and-drop-sentence-previewer a {
  text-align: center; }

.drop-down-sentence-previewer h6, .drop-down-sentence-previewer .global-nav .language-selection a, .global-nav .language-selection .drop-down-sentence-previewer a {
  text-align: center; }

.sliding-panel {
  z-index: 150; }

.dialog .modal-header .modal-title {
  margin: auto; }

.dialog .modal-body {
  text-align: center; }

.dialog .modal-footer > button {
  margin: auto; }
  .dialog .modal-footer > button:not(:last-child) {
    margin-right: 10px; }
  .dialog .modal-footer > button:not(:first-child) {
    margin-left: 10px; }
  .dialog .modal-footer > button.modal-action-button:not(.btn-danger) {
    background: #0b9da0; }

.home .banner-content {
  background-color: #3b959b;
  background-image: url("/static/images/homepage-bg.d609dfc1a9a6.jpg"); }

.home .home-programs {
  margin-bottom: 52px;
  display: table; }
  .home .home-programs .text-center {
    text-align: center;
    width: fit-content;
    margin-left: auto;
    margin-right: auto; }
  .home .home-programs h1 {
    margin-top: 43px;
    margin-bottom: 27px; }
  @media (min-width: 768px) {
    .home .home-programs .programs-row {
      text-align: center;
      display: inline-block;
      width: 100%;
      padding-left: 0; }
      .home .home-programs .programs-row > .course {
        display: inline-block; } }
  .home .home-programs .programs-row .program {
    width: 270px;
    margin-bottom: 35px;
    display: inline-block; }
    @media (min-width: 1200px) {
      .home .home-programs .programs-row .program:nth-child(3n), .home .home-programs .programs-row .program:nth-child(3n-1) {
        margin-left: 80px; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .home .home-programs .programs-row .program:nth-child(2n+1) {
        margin-left: 20px; }
      .home .home-programs .programs-row .program:nth-child(2n) {
        margin-left: 80px;
        margin-right: 20px; } }
    @media (min-width: 768px) and (max-width: 991px) {
      .home .home-programs .programs-row .program:nth-child(2n+1) {
        margin-left: 10px; }
      .home .home-programs .programs-row .program:nth-child(2n) {
        margin-left: 40px;
        margin-right: 10px; } }
    @media (max-width: 767px) {
      .home .home-programs .programs-row .program {
        display: block;
        margin-left: auto;
        margin-right: auto; } }
  @media (max-width: 767px) {
    .home .home-programs .programs-row {
      margin-left: 0;
      margin-right: 0; } }
.main-heading {
  text-align: center; }
  .main-heading h1 {
    display: inline-block; }

.program-about h2, .program-about .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items .program-about .nav-link, .program-about .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .program-about .nav-link {
  color: black; }

.program-about p, .program-about .form-check .form-check-label, .form-check .program-about .form-check-label, .program-about .form-group input:not([type="file"]), .form-group .program-about input:not([type="file"]),
.program-about .form-group textarea,
.form-group .program-about textarea, .program-about .form-group select, .form-group .program-about select, .program-about .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .program-about .custom-file-input + .custom-file-control:before, .program-about .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .program-about .custom-file-input + .custom-file-control:after, .program-about .dropdown-menu .dropdown-item, .dropdown-menu .program-about .dropdown-item, .program-about .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .program-about td, .program-about .module-lesson-widget .lesson-widget-header, .module-lesson-widget .program-about .lesson-widget-header, .program-about .module-lesson-widget .lesson-items, .module-lesson-widget .program-about .lesson-items {
  font-size: 14px; }

.in-progress-hidden {
  display: none;
  color: #0b9da0; }

.programs-container {
  padding-bottom: 50px; }
  .programs-container .programs-heading {
    margin-bottom: 50px; }
  .programs-container .programs-list {
    max-width: 970px;
    margin-left: auto;
    margin-right: auto; }
    .programs-container .programs-list:before, .programs-container .programs-list:after {
      content: " ";
      display: table; }
    .programs-container .programs-list:after {
      clear: both; }
    .programs-container .programs-list .program {
      margin-bottom: 50px; }
      @media (min-width: 992px) {
        .programs-container .programs-list .program {
          float: left ; }
          .programs-container .programs-list .program:nth-child(2n) {
            margin-left: 30px; } }
      @media (max-width: 991px) {
        .programs-container .programs-list .program {
          margin-left: auto;
          margin-right: auto; } }
#admissions-application-player .admissions-page {
  min-height: 100vh; }

#admissions-application-player .outline-view {
  background-color: #39bac9;
  color: white;
  padding: 80px 20px;
  font-size: 16pt; }
  #admissions-application-player .outline-view .activity-item {
    margin-top: 35px; }
    #admissions-application-player .outline-view .activity-item-not-started {
      opacity: 0.5; }
    #admissions-application-player .outline-view .activity-item-in-progress {
      font-weight: bold; }
    #admissions-application-player .outline-view .activity-item-completed {
      opacity: 0.5; }
  #admissions-application-player .outline-view .fa {
    font-size: 16pt !important;
    margin-right: 10px; }
  #admissions-application-player .outline-view-wide {
    padding: 80px;
    height: 100%;
    min-height: 100vh; }
    #admissions-application-player .outline-view-wide .outline-view-title {
      font-weight: bold; }
  #admissions-application-player .outline-view-mobile {
    padding: 10px; }
    #admissions-application-player .outline-view-mobile .activity-item {
      margin-top: 10px; }
    #admissions-application-player .outline-view-mobile .caret-container {
      width: 100%;
      text-align: center; }

#admissions-application-player .main-content-container {
  background-color: #fffefe;
  color: black;
  font-size: 16pt; }
  #admissions-application-player .main-content-container .main-content {
    padding: 60px; }
    #admissions-application-player .main-content-container .main-content-mobile {
      padding: 20px; }
    #admissions-application-player .main-content-container .main-content .message-container {
      margin: 20px 0 50px 0; }
    #admissions-application-player .main-content-container .main-content .application-component-viewer .educational-component-viewer {
      width: 100%; }
    #admissions-application-player .main-content-container .main-content .application-component-complete {
      text-align: center;
      font-size: 20pt; }
      #admissions-application-player .main-content-container .main-content .application-component-complete .complete-message-container {
        margin: 30px 0; }
      #admissions-application-player .main-content-container .main-content .application-component-complete .grade-container {
        font-weight: bold;
        font-size: 25pt;
        margin: 30px 0; }
    #admissions-application-player .main-content-container .main-content .reviewer-feedback .reviewer-feedback-title {
      font-weight: bold;
      margin-top: 30px;
      margin-bottom: 10px; }
    #admissions-application-player .main-content-container .main-content .program-link {
      margin-top: 40px; }
    #admissions-application-player .main-content-container .main-content .inquiry-email {
      margin-top: 40px; }

#admissions-application-player .content-title-container {
  background-color: #ffc645;
  padding: 20px;
  box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12); }
  #admissions-application-player .content-title-container .content-title-small {
    font-size: 18pt; }
  #admissions-application-player .content-title-container .content-title-large {
    font-size: 25pt;
    font-weight: bold; }
  #admissions-application-player .content-title-container-mobile {
    padding: 10px; }
    #admissions-application-player .content-title-container-mobile .content-title-small {
      font-size: 14pt; }
    #admissions-application-player .content-title-container-mobile .content-title-large {
      font-size: 18pt; }

#admissions-review-player {
  direction: ltr !important;
  text-align: left;
  padding: 30px; }
  #admissions-review-player .actions-section {
    margin-top: 20px;
    padding: 20px;
    text-align: center;
    background-color: #cccccc;
    border-radius: 20px; }
    #admissions-review-player .actions-section .btn, #admissions-review-player .actions-section .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file #admissions-review-player .actions-section .custom-file-input + .custom-file-control:before {
      margin: 10px; }
  #admissions-review-player .record-table {
    margin-top: 20px; }

.cms-page-payload {
  position: fixed;
  top: 165px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1200; }

.loading-content {
  text-align: center; }

.reports-inner-container {
  max-width: 1200px;
  margin: 0 auto; }

.rdtPicker .dow, .rdtPicker .rdtTimeToggle, .rdtPicker th.rdtNext, .rdtPicker th.rdtPrev, .rdtPicker th.rdtSwitch {
  color: #08999c; }

.rdt input.form-control:focus {
  outline: 0;
  background-image: linear-gradient(#08999c, #357ca6), linear-gradient(#d2d2d2, #d2d2d2); }

.rdtDay.rdtActive, .rdtDay.rdtActive:hover, .rdtDay.rdtToday.rdtActive {
  background-color: #08999c !important;
  color: #fff;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px #08999c; }

.ReactTable .-pagination .-pageJump input:focus, .ReactTable .rt-thead.-filters input:focus {
  outline: 0;
  background-image: linear-gradient(#08999c, #357ca6), linear-gradient(#d2d2d2, #d2d2d2); }

.RegularButton-transparent-22, .RegularButton-transparent-22:focus, .RegularButton-transparent-22:hover {
  color: #08999c !important; }

.enroll-success .container {
  min-height: unset;
  padding-left: 15px !important;
  padding-right: 15px !important; }
  @media (min-width: 992px) {
    .enroll-success .container {
      width: 960px;
      max-width: 100%; } }
  @media (min-width: 1200px) {
    .enroll-success .container {
      width: 1024px; } }
.enroll-success .page-404 {
  text-align: center;
  padding-top: 120px;
  min-height: 600px; }

.enroll-success i {
  opacity: .19;
  color: #143242;
  font-size: 80px; }

.enroll-success h2, .enroll-success .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items .enroll-success .nav-link, .enroll-success .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .enroll-success .nav-link {
  font-size: 35px;
  font-weight: 700;
  line-height: 1.06;
  text-align: center;
  color: #484848;
  margin-bottom: 10px; }

.enroll-success span {
  font-size: 25px;
  line-height: 1.48;
  color: #484848; }

.enroll-success p, .enroll-success .form-check .form-check-label, .form-check .enroll-success .form-check-label, .enroll-success .form-group input:not([type="file"]), .form-group .enroll-success input:not([type="file"]),
.enroll-success .form-group textarea,
.form-group .enroll-success textarea, .enroll-success .form-group select, .form-group .enroll-success select, .enroll-success .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .enroll-success .custom-file-input + .custom-file-control:before, .enroll-success .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .enroll-success .custom-file-input + .custom-file-control:after, .enroll-success .dropdown-menu .dropdown-item, .dropdown-menu .enroll-success .dropdown-item, .enroll-success .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .enroll-success td, .enroll-success .module-lesson-widget .lesson-widget-header, .module-lesson-widget .enroll-success .lesson-widget-header, .enroll-success .module-lesson-widget .lesson-items, .module-lesson-widget .enroll-success .lesson-items {
  font-size: 15px;
  line-height: 26px; }
  .enroll-success p.second-heading, .enroll-success .form-check .second-heading.form-check-label, .form-check .enroll-success .second-heading.form-check-label, .enroll-success .form-group input.second-heading:not([type="file"]), .form-group .enroll-success input.second-heading:not([type="file"]),
  .enroll-success .form-group textarea.second-heading,
  .form-group .enroll-success textarea.second-heading, .enroll-success .form-group select.second-heading, .form-group .enroll-success select.second-heading, .enroll-success .form-group label.custom-file .custom-file-input + .second-heading.custom-file-control:before, .form-group label.custom-file .enroll-success .custom-file-input + .second-heading.custom-file-control:before, .enroll-success .form-group label.custom-file .custom-file-input + .second-heading.custom-file-control:after, .form-group label.custom-file .enroll-success .custom-file-input + .second-heading.custom-file-control:after, .enroll-success .dropdown-menu .second-heading.dropdown-item, .dropdown-menu .enroll-success .second-heading.dropdown-item, .enroll-success .bootstrap-datetimepicker-widget .datepicker table tbody tr td.second-heading, .bootstrap-datetimepicker-widget .datepicker table tbody tr .enroll-success td.second-heading, .enroll-success .module-lesson-widget .second-heading.lesson-widget-header, .module-lesson-widget .enroll-success .second-heading.lesson-widget-header, .enroll-success .module-lesson-widget .second-heading.lesson-items, .module-lesson-widget .enroll-success .second-heading.lesson-items {
    margin-top: 30px;
    font-size: 20px; }

.enroll-success .nav-links {
  font-size: 15px;
  margin-right: 20px;
  text-decoration: underline; }

.page-title {
  margin-bottom: 32px; }

.staff-grading-page-container {
  padding: 20px; }
  .staff-grading-page-container .message {
    margin-top: 2.5rem;
    line-height: 1.5;
    font-size: 0.8em; }
  .staff-grading-page-container .submissions-paginator-container {
    margin: 20px 0;
    padding: 10px;
    border-radius: 10px;
    background: #F4F4F4; }
    .staff-grading-page-container .submissions-paginator-container .page-link {
      margin: 0 10px;
      display: inline-block;
      border: none;
      border-radius: 5px;
      padding: 5px;
      font-weight: 400;
      cursor: pointer;
      background: unset; }
      .staff-grading-page-container .submissions-paginator-container .page-link:hover {
        background: #d9efef; }
      .staff-grading-page-container .submissions-paginator-container .page-link.active {
        font-weight: 600;
        color: #0b9da0;
        background: #d9efef; }
  .staff-grading-page-container .submissions-table {
    border: 2px solid #0b9da0;
    background-color: #FDFDFD;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-radius: 10px;
    max-width: 800px; }
    .staff-grading-page-container .submissions-table td, .staff-grading-page-container .submissions-table th {
      border: 1px solid #b3dedf;
      padding: 3px 2px; }
    .staff-grading-page-container .submissions-table tr {
      cursor: pointer; }
      .staff-grading-page-container .submissions-table tr.selected {
        background: #b3dedf !important; }
    .staff-grading-page-container .submissions-table tbody td {
      font-size: 13px; }
    .staff-grading-page-container .submissions-table tr:nth-child(even) {
      background: #F8F8F8; }
    .staff-grading-page-container .submissions-table thead {
      background: #0b9da0; }
    .staff-grading-page-container .submissions-table thead th {
      font-size: 19px;
      font-weight: bold;
      color: #FFFFFF;
      text-align: center;
      border-left: 2px solid #0b9da0; }
    .staff-grading-page-container .submissions-table thead th:first-child {
      border-left: none; }
    .staff-grading-page-container .submissions-table tfoot {
      font-size: 13px;
      font-weight: bold;
      color: #FFFFFF;
      background: #0b9da0; }
    .staff-grading-page-container .submissions-table tfoot td {
      font-size: 13px; }
    .staff-grading-page-container .submissions-table tfoot .links {
      text-align: right; }
    .staff-grading-page-container .submissions-table tfoot .links a {
      display: inline-block;
      background: #FFFFFF;
      color: #0b9da0;
      padding: 2px 8px;
      border-radius: 5px; }
  .staff-grading-page-container .staff-grading-table {
    border: 2px solid #0b9da0;
    background-color: #FDFDFD;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
    border-radius: 10px;
    margin: 20px auto; }
    .staff-grading-page-container .staff-grading-table td, .staff-grading-page-container .staff-grading-table th {
      border: 1px solid #b3dedf;
      padding: 3px 2px; }
    .staff-grading-page-container .staff-grading-table tr {
      cursor: pointer; }
      .staff-grading-page-container .staff-grading-table tr.selected {
        background: #b3dedf !important; }
    .staff-grading-page-container .staff-grading-table tbody td {
      font-size: 13px; }
    .staff-grading-page-container .staff-grading-table tr:nth-child(even) {
      background: #F8F8F8; }
    .staff-grading-page-container .staff-grading-table thead {
      background: #0b9da0; }
    .staff-grading-page-container .staff-grading-table thead th {
      font-size: 19px;
      font-weight: bold;
      color: #FFFFFF;
      text-align: center;
      border-left: 2px solid #0b9da0; }
    .staff-grading-page-container .staff-grading-table thead th:first-child {
      border-left: none; }
    .staff-grading-page-container .staff-grading-table tfoot {
      font-size: 13px;
      font-weight: bold;
      color: #FFFFFF;
      background: #0b9da0; }
    .staff-grading-page-container .staff-grading-table tfoot td {
      font-size: 13px; }
    .staff-grading-page-container .staff-grading-table tfoot .links {
      text-align: right; }
    .staff-grading-page-container .staff-grading-table tfoot .links a {
      display: inline-block;
      background: #FFFFFF;
      color: #0b9da0;
      padding: 2px 8px;
      border-radius: 5px; }
  .staff-grading-page-container .submission-panel {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    width: 800px;
    right: 100%;
    background: white;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.25); }
    .staff-grading-page-container .submission-panel.visible {
      right: unset;
      left: 0; }
    .staff-grading-page-container .submission-panel .close-button-bar {
      position: absolute;
      padding: 10px;
      top: 0px;
      height: 50px;
      left: 0px;
      right: 0px;
      font-size: 14pt;
      color: #888888;
      box-shadow: 0 0 0.3em #cccccc;
      border-bottom: 1px solid #cccccc;
      z-index: 2; }
      .staff-grading-page-container .submission-panel .close-button-bar i {
        font-size: 18pt;
        margin: 0 10px; }
    .staff-grading-page-container .submission-panel .grading-content {
      margin: 20px 10px; }
      .staff-grading-page-container .submission-panel .grading-content .error-div {
        margin-top: 2.5rem;
        color: red;
        line-height: 1.5;
        font-size: 0.8em; }
    .staff-grading-page-container .submission-panel .card {
      border: 1px solid lightgray;
      padding: 20px;
      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
      z-index: 2; }
      .staff-grading-page-container .submission-panel .card.card-light {
        border-radius: 20px;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 5px; }
    .staff-grading-page-container .submission-panel .submission-content {
      position: absolute;
      top: 50px;
      bottom: 50px;
      overflow-y: auto;
      z-index: 1; }
      .staff-grading-page-container .submission-panel .submission-content .title {
        font-size: 1rem;
        font-weight: 600;
        color: #0b9da0; }
      .staff-grading-page-container .submission-panel .submission-content .submission-information {
        float: left ;
        width: 360px;
        margin: 10px;
        height: 130px; }
      .staff-grading-page-container .submission-panel .submission-content .grade-information {
        float: right ;
        width: 360px;
        margin: 10px;
        height: 130px; }
        .staff-grading-page-container .submission-panel .submission-content .grade-information .grade-cell {
          font-size: 25pt;
          text-align: center; }
      .staff-grading-page-container .submission-panel .submission-content .all-questions-container {
        margin: 10px; }
      .staff-grading-page-container .submission-panel .submission-content .question-container {
        padding: 0;
        overflow: hidden; }
        .staff-grading-page-container .submission-panel .submission-content .question-container .question-header {
          color: #888888;
          margin: 20px 20px 0; }
        .staff-grading-page-container .submission-panel .submission-content .question-container .answer-container {
          margin: 20px; }
        .staff-grading-page-container .submission-panel .submission-content .question-container .file-container {
          margin: 20px;
          border-top: 1px dotted gray;
          padding-top: 8px; }
        .staff-grading-page-container .submission-panel .submission-content .question-container .question-grade-bar {
          background-color: #d9efef;
          padding: 5px; }
          .staff-grading-page-container .submission-panel .submission-content .question-container .question-grade-bar .question-grade-input {
            margin: 10px;
            width: 100px; }
            .staff-grading-page-container .submission-panel .submission-content .question-container .question-grade-bar .question-grade-input.disabled {
              cursor: not-allowed;
              background-color: #7F7F7F;
              border: none; }
          .staff-grading-page-container .submission-panel .submission-content .question-container .question-grade-bar .question-max-grade {
            color: #888888; }
  .staff-grading-page-container .question-panel {
    position: fixed;
    z-index: 1000;
    top: 0;
    bottom: 0;
    width: 800px;
    left: 100%;
    background: white;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.25); }
    .staff-grading-page-container .question-panel.visible {
      left: unset;
      right: 0;
      overflow-y: auto; }
    .staff-grading-page-container .question-panel .close-button-bar {
      padding: 10px;
      height: 50px;
      font-size: 14pt;
      color: #888888;
      box-shadow: 0 0 0.3em #cccccc;
      border-bottom: 1px solid #cccccc;
      z-index: 2; }
      .staff-grading-page-container .question-panel .close-button-bar i {
        font-size: 18pt;
        margin: 0 10px; }
      .staff-grading-page-container .question-panel .close-button-bar span {
        cursor: pointer; }

.grading-container {
  margin-top: 24px; }
  .grading-container .rubric-group {
    padding: 12px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    min-height: 0; }
    .grading-container .rubric-group .rubric:not(:last-child) {
      margin-bottom: 16px; }
    .grading-container .rubric-group .rubric {
      padding: 8px 4px;
      cursor: pointer;
      user-select: none; }
      .grading-container .rubric-group .rubric:hover .rubric-order {
        background-color: #1b6e67; }
      .grading-container .rubric-group .rubric .rubric-order {
        border: none;
        color: white;
        background-color: #cccfd4;
        padding: 4px 8px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        cursor: inherit !important; }
      .grading-container .rubric-group .rubric .rubric-points {
        font-weight: bold;
        font-size: 1.1rem; }
      .grading-container .rubric-group .rubric .rubric-points-positive {
        color: #1e7e34; }
      .grading-container .rubric-group .rubric .rubric-points-negative {
        color: #c12e2a; }
    .grading-container .rubric-group .rubric-selected .rubric-order {
      background-color: #1b6e67 !important; }
  .grading-container .adjustment {
    padding: 16px 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
    .grading-container .adjustment .adjustment-input {
      margin-top: 8px; }
  .grading-container .feedback {
    margin-top: 16px;
    padding: 16px 0;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
    .grading-container .feedback .feedback-input {
      margin-top: 8px; }
    .grading-container .feedback .feedback-submit {
      margin-top: 8px; }
      .grading-container .feedback .feedback-submit:disabled {
        cursor: not-allowed; }

.accept-invite .image-banner {
  position: relative;
  z-index: -1; }
  .accept-invite .image-banner-layer {
    height: 300px;
    z-index: 10;
    background: rgba(0, 0, 0, 0.4);
    color: white;
    padding: 125px;
    text-align: center; }

.accept-invite .content {
  max-width: 900px;
  margin: auto;
  padding: 50px;
  text-align: center; }
  .accept-invite .content .about-title {
    text-align: left;
    margin-top: 50px;
    margin-bottom: 20px; }
  .accept-invite .content .program-about {
    text-align: left;
    font-size: 15px;
    line-height: 25px;
    color: #5d5e70; }
  .accept-invite .content .invitation-text {
    line-height: inherit; }
  .accept-invite .content .alert {
    max-width: 500px;
    margin: auto;
    margin-bottom: 30px; }

.accept-invite .btn-accept {
  border-radius: 4px;
  font-size: large; }

.accept-invite .form-accept {
  padding: 25px 0 0 0; }

.accept-invite .no-invitation-msg {
  color: #5d5e70;
  text-align: center;
  margin-bottom: 50px; }

.alert-container {
  max-width: 500px;
  margin: auto;
  margin-bottom: 100px;
  padding: 150px 20px 0 20px;
  text-align: center; }

.alert-msg {
  color: #4a4a4a;
  font-size: 20px; }

.color-primary {
  color: #0BA7AA; }

.title-color {
  color: #4C6373; }

.text-color {
  color: #6889A0; }

.text-title {
  margin-bottom: 20px; }

.text-danger-color {
  color: #e50043; }

.btn-outline-primary {
  color: #0BA7AA;
  background-color: transparent;
  background-image: none;
  border: 1px solid #0BA7AA; }
  .btn-outline-primary:hover {
    color: white;
    background-color: #0BA7AA;
    border-color: #0BA7AA; }

.btn-outline-secondary {
  color: #4C6373;
  background-color: transparent;
  background-image: none;
  border: 1px solid #4C6373; }
  .btn-outline-secondary:hover {
    color: white;
    background-color: #4C6373;
    border-color: #4C6373; }

.logistration .container-paper {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3%;
  margin-bottom: 5%;
  padding: 4em 0em;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 500px; }
  .logistration .container-paper .logo {
    margin-bottom: 5%;
    height: 60px;
    width: 60px; }
  .logistration .container-paper .done {
    background-color: transparent;
    color: #0b9da0; }
    .logistration .container-paper .done svg {
      width: 2em;
      height: 2em; }
  .logistration .container-paper .controls {
    margin-top: 10%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 70%; }
  .logistration .container-paper .btn, .logistration .container-paper .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .logistration .container-paper .custom-file-input + .custom-file-control:before {
    padding: 8px 22px; }
  .logistration .container-paper .primary-btn {
    color: #fffefe;
    background-color: #0b9da0; }
  .logistration .container-paper .secondary-btn {
    color: #363636;
    border: 1px #7F7F7F solid; }
  .logistration .container-paper .social-login {
    color: white;
    margin: 10px 18px;
    padding: 12px;
    background-color: #fffefe;
    opacity: .9;
    font-size: 18px; }
    .logistration .container-paper .social-login.google {
      background-color: #ea4335; }
    .logistration .container-paper .social-login.fb {
      background-color: #626bac; }
    .logistration .container-paper .social-login .icon {
      overflow: visible; }
    .logistration .container-paper .social-login:hover, .logistration .container-paper .social-login:active {
      opacity: 1; }
  .logistration .container-paper .header {
    font-family: unset;
    font-weight: 600;
    padding: 0% 5%;
    text-align: center;
    color: #5d5e70;
    margin-bottom: 10px; }
    .logistration .container-paper .header .uppercase {
      text-transform: uppercase; }
  .logistration .container-paper .sub-header {
    font-family: unset;
    font-size: 13px; }
  .logistration .container-paper .success-body {
    font-family: unset;
    font-size: 15px;
    text-align: center;
    width: 90%;
    margin-bottom: 5%; }
  .logistration .container-paper .hyperlink {
    margin-left: 5px;
    margin-right: 5px;
    color: #0b9da0; }
    .logistration .container-paper .hyperlink:hover {
      color: midnightblue; }
  .logistration .container-paper .btn-submit {
    background-color: #d00242;
    font-family: unset;
    font-weight: 700;
    font-size: 1em;
    margin-top: 5%; }
    @media (max-width: 767px) {
      .logistration .container-paper .btn-submit {
        max-width: unset; } }
  .logistration .container-paper .form {
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%; }
    .logistration .container-paper .form .controls {
      margin-left: auto;
      margin-right: auto; }
  .logistration .container-paper .input-field {
    font-family: unset;
    padding-left: 0; }
    .logistration .container-paper .input-field:after {
      border-bottom: 2px solid #b20610 !important; }
    .logistration .container-paper .input-field svg {
      left: auto;
      right: 0; }
    .logistration .container-paper .input-field.input-focused fieldset {
      border-width: 1px;
      border-color: black; }
    .logistration .container-paper .input-field.input-focused.input-error fieldset {
      border-width: 1px;
      border-color: #f44336; }
    .logistration .container-paper .input-field.valid fieldset {
      border-color: #0b9da0;
      border-width: 1px; }
    .logistration .container-paper .input-field .pointer {
      cursor: pointer; }
      .logistration .container-paper .input-field .pointer.touched {
        color: #0b9da0; }
  .logistration .container-paper .form-label {
    font-family: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .logistration .container-paper .form-label .field-control-label {
      font-family: unset;
      font-size: 12px;
      text-transform: capitalize; }
    .logistration .container-paper .form-label .checkbox-field {
      margin-left: 0; }
    .logistration .container-paper .form-label .checkbox {
      font-size: 12px; }
      .logistration .container-paper .form-label .checkbox svg {
        width: .8em;
        height: .8em; }
    .logistration .container-paper .form-label.registration {
      margin-top: 10px; }
    .logistration .container-paper .form-label .honor_code {
      font-size: 10px;
      text-align: center;
      font-family: unset; }
  .logistration .container-paper .reset-password {
    font-size: 12px;
    margin: 0;
    text-align: right; }
  .logistration .container-paper .form-control {
    margin-top: 5px; }
    .logistration .container-paper .form-control .label {
      font-family: unset;
      text-transform: unset;
      font-weight: 400;
      transform: translate(14px, 15px) scale(1);
      font-size: 14px;
      left: 0;
      right: auto;
      transform-origin: top left; }
      .logistration .container-paper .form-control .label.label-focused {
        color: #000809;
        transform: translate(14px, -6px) scale(0.75); }
      .logistration .container-paper .form-control .label.label-shrink {
        transform: translate(14px, -6px) scale(0.75); }
    .logistration .container-paper .form-control.gender-field {
      flex-direction: column; }
      .logistration .container-paper .form-control.gender-field .label {
        position: relative; }
        .logistration .container-paper .form-control.gender-field .label.radio-label-focused {
          color: black; }
      .logistration .container-paper .form-control.gender-field .radio {
        padding-top: 5px;
        padding-bottom: 5px; }
      .logistration .container-paper .form-control.gender-field .form-control-label {
        font-size: 12px;
        font-family: unset; }
      .logistration .container-paper .form-control.gender-field .input {
        margin-left: 10%;
        padding-left: 0; }
        .logistration .container-paper .form-control.gender-field .input .radio-label {
          margin-left: -14px;
          margin-right: 16px; }
    .logistration .container-paper .form-control .adornment {
      color: #c2c2c2;
      margin-right: 8px;
      margin-left: 8px; }
    .logistration .container-paper .form-control .help-text {
      color: #7F7F7F;
      font-family: unset;
      font-size: 10px;
      text-align: left; }
      .logistration .container-paper .form-control .help-text .icon {
        width: .5em;
        height: .5em; }
      .logistration .container-paper .form-control .help-text.error {
        color: #b20610;
        line-height: 1.5; }
    .logistration .container-paper .form-control .input {
      padding: 12.5px 14px;
      padding-left: 3%; }
      .logistration .container-paper .form-control .input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 50px #ebebeb inset; }
      .logistration .container-paper .form-control .input:focus {
        background-color: transparent; }
  @media (max-width: 767px) {
    .logistration .container-paper {
      width: 100%;
      max-width: 100%;
      padding: 2em 1em;
      border-radius: 0; } }
.logistration .default-form .form-title {
  text-align: center;
  color: #4C6373;
  margin-bottom: 20px; }
  .logistration .default-form .form-title__header {
    color: #4C6373;
    margin-bottom: 25px;
    font-weight: 700; }
  .logistration .default-form .form-title__subheader .text {
    margin-right: 10px; }

.logistration-alert {
  margin: auto;
  margin-top: 5%;
  text-align: center;
  max-width: 500px; }
  .logistration-alert.alert-default {
    background-color: #0b9da0;
    border-color: #0b9da0;
    color: #fffefe; }
  .logistration-alert.alert-danger {
    background-color: #b20610;
    border-color: #b20610;
    color: #fffefe; }
  .logistration-alert.alert-warning {
    background-color: #fdbc56;
    border-color: #fdbc56;
    color: #fffefe; }
  .logistration-alert.alert-success {
    background-color: #25b85a;
    border-color: #25b85a;
    color: #fffefe; }
  @media (max-width: 767px) {
    .logistration-alert {
      max-width: 100%;
      border: unset;
      border-radius: unset; } }
.logistration .warning-link__container {
  align-content: center;
  text-align: center;
  background: #f3f3c3;
  opacity: 0.9;
  padding: 10px;
  font-weight: 400;
  width: 90%; }

.logistration .warning-link__message {
  text-align: center;
  align-content: center;
  font-weight: 400; }

.logistration .social-auth__container {
  margin-bottom: 25px;
  display: flex;
  flex-direction: column;
  width: 100%; }

.logistration .social-auth__controls {
  display: flex;
  justify-content: space-between; }

.logistration .inline-form .container-paper {
  max-width: unset; }

.logistration .inline-form__form-container {
  margin: 70px auto; }
  @media (max-width: 767px) {
    .logistration .inline-form__form-container {
      margin: unset;
      flex-direction: column !important; } }
.logistration .inline-form__left-col {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media (max-width: 767px) {
    .logistration .inline-form__left-col {
      flex-direction: row; } }
.logistration .inline-form__right-col {
  padding: 20% 20px 20% 40px; }
  @media (max-width: 767px) {
    .logistration .inline-form__right-col {
      padding: 10% 20px;
      text-align: center; } }
.logistration .inline-form__submit-buttons {
  display: flex; }
  @media (max-width: 767px) {
    .logistration .inline-form__submit-buttons {
      flex-direction: column; } }
.logistration .inline-form__btn-submit:not(:first-of-type) {
  margin-left: 15px; }
  @media (max-width: 767px) {
    .logistration .inline-form__btn-submit:not(:first-of-type) {
      margin-left: 0;
      margin-top: 10px; } }
@media (max-width: 767px) {
  .logistration .inline-form__btn-submit {
    width: 100%; } }

@media (max-width: 767px) {
  .logistration .age-consent-form__icon {
    height: 100px; } }

@media (max-width: 767px) {
  .logistration .child-registration-form__icon {
    height: 100px; } }

.logistration .child-registration-form .inline-form__form-container {
  margin: unset; }

.logistration .child-registration-form .inline-form__right-col {
  padding: 10% 20px 10% 80px; }
  @media (max-width: 767px) {
    .logistration .child-registration-form .inline-form__right-col {
      padding: 10% 20px;
      text-align: center; } }
.logistration .child-registration-form .form {
  margin: 40px auto; }

.logistration .child-registration-form__fields-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center; }
  @media (max-width: 767px) {
    .logistration .child-registration-form__fields-container {
      flex-direction: column;
      justify-content: center; } }
  .logistration .child-registration-form__fields-container .form-text-field {
    margin-bottom: 10px;
    margin-right: 15px;
    min-width: 350px; }
    @media (max-width: 767px) {
      .logistration .child-registration-form__fields-container .form-text-field {
        margin-right: 0;
        min-width: 90%; } }
  .logistration .child-registration-form__fields-container .form-submit-button {
    width: 230px;
    position: relative;
    top: 4px; }
    @media (max-width: 767px) {
      .logistration .child-registration-form__fields-container .form-submit-button {
        width: 90%; } }
.logistration .child-registration-success__btn-back {
  margin-top: 40px; }

.logistration .post-registration__form-buttons {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 10px; }
  @media (max-width: 767px) {
    .logistration .post-registration__form-buttons {
      justify-content: center;
      flex-direction: column; } }
.logistration .post-registration__btn-skip {
  width: 30%; }
  @media (max-width: 767px) {
    .logistration .post-registration__btn-skip {
      width: 100%; } }
.logistration .post-registration__btn-submit {
  width: 68%;
  margin-left: 2%; }
  @media (max-width: 767px) {
    .logistration .post-registration__btn-submit {
      margin-top: 4%;
      margin-left: 0;
      width: 100%; } }
.modal-logistration__container {
  background: white;
  color: #4C6373;
  max-width: 900px;
  width: 60%;
  height: 500px;
  margin: auto;
  position: absolute;
  top: 20%;
  bottom: auto;
  left: 20%;
  right: auto;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0px 10px 100px rgba(0, 0, 0, 0.13); }
  @media (max-width: 767px) {
    .modal-logistration__container {
      width: 90%;
      position: relative;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin-top: 200px;
      height: calc(100vh - 200px); } }
.modal-logistration__header {
  padding: 20px 5px; }
  @media (max-width: 767px) {
    .modal-logistration__header {
      padding: 0; } }
  .modal-logistration__header .close {
    font-size: 40px;
    font-weight: 400; }

.modal-logistration__title {
  text-align: center;
  font-size: 30px;
  font-weight: 800; }
  @media (max-width: 767px) {
    .modal-logistration__title {
      font-size: 20px; } }
.modal-logistration__body {
  padding: 20px; }
  @media (max-width: 767px) {
    .modal-logistration__body {
      padding: 5px; } }
  .modal-logistration__body p, .modal-logistration__body .form-check .form-check-label, .form-check .modal-logistration__body .form-check-label, .modal-logistration__body .form-group input:not([type="file"]), .form-group .modal-logistration__body input:not([type="file"]),
  .modal-logistration__body .form-group textarea,
  .form-group .modal-logistration__body textarea, .modal-logistration__body .form-group select, .form-group .modal-logistration__body select, .modal-logistration__body .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .modal-logistration__body .custom-file-input + .custom-file-control:before, .modal-logistration__body .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .modal-logistration__body .custom-file-input + .custom-file-control:after, .modal-logistration__body .dropdown-menu .dropdown-item, .dropdown-menu .modal-logistration__body .dropdown-item, .modal-logistration__body .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .modal-logistration__body td, .modal-logistration__body .module-lesson-widget .lesson-widget-header, .module-lesson-widget .modal-logistration__body .lesson-widget-header, .modal-logistration__body .module-lesson-widget .lesson-items, .module-lesson-widget .modal-logistration__body .lesson-items {
    font-size: 17px; }
    @media (max-width: 767px) {
      .modal-logistration__body p, .modal-logistration__body .form-check .form-check-label, .form-check .modal-logistration__body .form-check-label, .modal-logistration__body .form-group input:not([type="file"]), .form-group .modal-logistration__body input:not([type="file"]),
      .modal-logistration__body .form-group textarea,
      .form-group .modal-logistration__body textarea, .modal-logistration__body .form-group select, .form-group .modal-logistration__body select, .modal-logistration__body .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .modal-logistration__body .custom-file-input + .custom-file-control:before, .modal-logistration__body .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .modal-logistration__body .custom-file-input + .custom-file-control:after, .modal-logistration__body .dropdown-menu .dropdown-item, .dropdown-menu .modal-logistration__body .dropdown-item, .modal-logistration__body .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .modal-logistration__body td, .modal-logistration__body .module-lesson-widget .lesson-widget-header, .module-lesson-widget .modal-logistration__body .lesson-widget-header, .modal-logistration__body .module-lesson-widget .lesson-items, .module-lesson-widget .modal-logistration__body .lesson-items {
        font-size: 14px; } }
.modal-logistration__footer {
  padding: 20px 5px; }

.privacy-policy-modal {
  height: 455px;
  padding: 20px 40px; }
  @media (max-width: 767px) {
    .privacy-policy-modal {
      padding: 0;
      height: unset;
      position: absolute;
      top: 100px;
      left: 25px;
      right: 25px;
      bottom: 25px;
      overflow-y: hidden; } }
  .privacy-policy-modal__text {
    height: 320px;
    overflow-y: scroll; }
    @media (max-width: 767px) {
      .privacy-policy-modal__text {
        height: calc(100vh - 400px); } }
.btn-social-login {
  font-size: 16px;
  font-weight: 200;
  padding: 21px 15px;
  border: 1px solid #CFD9E0;
  border-radius: 8px;
  width: 49%;
  display: flex;
  align-items: center;
  color: #4C6373; }
  .btn-social-login .button-text {
    margin-left: 12px; }

.form-text-field {
  margin-bottom: 30px;
  transition: 225ms ease-in-out;
  position: relative; }
  .form-text-field__label {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    text-transform: capitalize;
    color: #4C6373;
    margin: 0; }
  .form-text-field__help-text {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 19px;
    color: #6889A0;
    margin: 0; }
  .form-text-field__input {
    border: 1px solid #cfd9e0 !important;
    border-radius: 8px !important;
    padding: 12px 10px !important;
    margin-bottom: 5px;
    color: #5d5e70;
    font-size: 16px;
    line-height: 1.5; }
    .form-text-field__input:focus {
      border-color: #0BA7AA !important; }
    .form-text-field__input::placeholder, .form-text-field__input:-ms-input-placeholder, .form-text-field__input::-ms-input-placeholder {
      color: #c2c2c2 !important; }
  .form-text-field__password-icon {
    color: #4C6373;
    position: absolute;
    top: 62px;
    right: 20px;
    cursor: pointer; }
    .form-text-field__password-icon.visible {
      color: #0BA7AA; }
  .form-text-field.has-error .form-text-field__input {
    border-color: #e50043 !important; }
  .form-text-field__error-message {
    color: #e50043;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px; }

.form-select-field__select {
  height: 50px;
  width: 100%;
  margin: 10px 0;
  background: white;
  color: #5d5e70;
  outline-color: #0BA7AA; }
  .form-select-field__select.has-error {
    border-color: #e50043; }

.form-radio-field {
  padding: 20px 0; }
  .form-radio-field__label {
    margin-bottom: 10px;
    color: #4C6373; }
  .form-radio-field__option {
    margin-left: 10px;
    text-transform: capitalize;
    color: #5d5e70;
    font-weight: 600; }

.form-submit-button {
  height: 50px;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px; }

.form-separator {
  margin-bottom: 25px;
  color: #4C6373; }

.section-consent {
  margin-bottom: 50px;
  padding-left: 25px; }

#multi-course-program-player {
  font-size: 0.9rem;
  color: #3c3c3c; }
  #multi-course-program-player .course-icon {
    margin: 5px 10px 5px 10px;
    text-align: left; }
    #multi-course-program-player .course-icon.inline {
      display: inline-block; }
    #multi-course-program-player .course-icon .course-icon-text {
      vertical-align: super;
      margin-left: 10px; }
    #multi-course-program-player .course-icon svg {
      width: .8em;
      height: .8em; }
  #multi-course-program-player .action-btn {
    width: 100%;
    border-radius: 5px; }
  #multi-course-program-player .course-card {
    position: relative;
    border-radius: 15px;
    width: 100%;
    margin: 20px auto;
    display: flex;
    margin-bottom: 30px;
    background-color: #f8f8f8;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08);
    -webkit-border-top-left-radius: 100px;
    -moz-border-topleft-radius: 100px;
    border-top-left-radius: 100px;
    -webkit-border-bottom-left-radius: 100px;
    -moz-border-bottomleft-radius: 100px;
    border-bottom-left-radius: 100px;
    padding-right: 10px; }
    @media (min-width: 768px) {
      #multi-course-program-player .course-card {
        max-height: 172px; } }
    @media (max-width: 767px) {
      #multi-course-program-player .course-card {
        border-radius: unset;
        margin: 30px 0; } }
    #multi-course-program-player .course-card.unlocked .img-col .course-square-img:hover .course-img {
      opacity: 0.2; }
    #multi-course-program-player .course-card.unlocked .img-col .course-square-img:hover .continue-icon {
      top: 0;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      left: 0; }
      #multi-course-program-player .course-card.unlocked .img-col .course-square-img:hover .continue-icon svg {
        color: #0BA7AA; }
    #multi-course-program-player .course-card.locked {
      background-color: #e3e3e3;
      cursor: not-allowed; }
      #multi-course-program-player .course-card.locked * {
        cursor: not-allowed; }
      #multi-course-program-player .course-card.locked a {
        pointer-events: none;
        color: #999; }
      #multi-course-program-player .course-card.locked .course-name {
        color: #3c3c3c !important; }
      #multi-course-program-player .course-card.locked .course-img.img-blur {
        height: 100%;
        background-color: rgba(206, 206, 206, 0.7);
        position: absolute;
        top: 0; }
    #multi-course-program-player .course-card.locked:before {
      border: solid 3px white;
      background-image: url("/static/images/icons/_all/lock.83f51a5e6082.svg");
      height: 80px;
      border-radius: unset;
      top: calc(50% - 35px); }
    #multi-course-program-player .course-card.completed:before {
      border: solid 3px green !important;
      height: 40px !important;
      border-radius: 50% !important;
      background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg") !important; }
    #multi-course-program-player .course-card.inProgress:before {
      border: dotted 3px #bdbdbd;
      border-radius: 50% !important;
      height: 40px !important;
      top: calc(50% - 15px);
      background-image: url("/static/images/icons/_all/navigator-item-tick-circle-gray.4846a0ed154e.svg"); }
    #multi-course-program-player .course-card .img-col {
      padding: 0;
      position: relative;
      z-index: 1;
      background: #fffefe;
      -webkit-border-top-right-radius: 50%;
      -moz-border-topright-radius: 50%;
      border-top-right-radius: 50%;
      display: inline-block;
      padding-right: 0; }
      #multi-course-program-player .course-card .img-col .course-square-img {
        position: relative;
        background-color: white;
        -webkit-border-top-right-radius: 50%;
        -moz-border-topright-radius: 50%;
        border-top-right-radius: 50%; }
        #multi-course-program-player .course-card .img-col .course-square-img .course-img {
          width: 165px;
          border: 3px solid white;
          -webkit-border-top-left-radius: 50%;
          -moz-border-topleft-radius: 50%;
          border-top-left-radius: 50%;
          -webkit-border-top-right-radius: 50%;
          -moz-border-topright-radius: 50%;
          border-top-right-radius: 50%;
          -webkit-border-bottom-left-radius: 50%;
          -moz-border-bottomleft-radius: 50%;
          border-bottom-left-radius: 50%;
          border-bottom: 0px;
          height: 165px;
          background: #e3e3e3; }
        #multi-course-program-player .course-card .img-col .course-square-img .continue-icon {
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          align-items: center;
          justify-content: center;
          left: 0;
          display: flex; }
          #multi-course-program-player .course-card .img-col .course-square-img .continue-icon svg {
            font-size: 100px;
            color: white; }
    #multi-course-program-player .course-card .details-col {
      padding-left: 0;
      margin-right: 10px;
      margin-left: 10px;
      -webkit-flex-grow: 1;
      flex-grow: 1;
      margin-top: 10px; }
      #multi-course-program-player .course-card .details-col .course-details {
        color: #3c3c3c; }
        #multi-course-program-player .course-card .details-col .course-details .top-click {
          position: absolute;
          top: 10px;
          right: 30px;
          text-decoration: underline; }
        #multi-course-program-player .course-card .details-col .course-details .course-name {
          align-items: start;
          color: #dc0043;
          margin-top: 5px;
          margin-bottom: 5px;
          line-height: 1.45;
          font-size: 1.1rem;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 3;
          /* number of lines to show */
          line-clamp: 3;
          -webkit-box-orient: vertical; }
        @media (max-width: 992px) {
          #multi-course-program-player .course-card .details-col .course-details .course-name {
            display: flex; }
          #multi-course-program-player .course-card .details-col .course-details .course-completed:before {
            content: '';
            width: 35px;
            height: 35px;
            display: block;
            flex: none;
            margin-right: 10px;
            background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg");
            background-position: center;
            background-repeat: none; }
          #multi-course-program-player .course-card .details-col .course-details .course-locked:before {
            content: '';
            width: 35px;
            height: 35px;
            margin-right: 10px;
            display: inline-block;
            background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg"); }
          #multi-course-program-player .course-card .details-col .course-details .course-inProgress:before {
            content: '';
            width: 35px;
            height: 35px;
            display: block;
            margin-right: 10px;
            border-radius: 50%;
            flex: none;
            border: dotted 3px #bdbdbd;
            background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg");
            background-position: center;
            background-repeat: none; } }
        @media (max-width: 767px) {
          #multi-course-program-player .course-card .details-col .course-details .course-icons {
            display: flex;
            justify-content: space-between; } }
        #multi-course-program-player .course-card .details-col .course-details .course-icons .course-icons-col {
          display: inline-flex;
          flex-wrap: wrap;
          flex-direction: row;
          justify-content: space-between;
          float: left ; }
          @media (max-width: 767px) {
            #multi-course-program-player .course-card .details-col .course-details .course-icons .course-icons-col {
              display: unset; } }
        #multi-course-program-player .course-card .details-col .course-details .bottom-click {
          position: absolute;
          bottom: 10px;
          right: 30px;
          text-decoration: underline; }
  #multi-course-program-player .multi-course-program-lms-page {
    background-color: #f7f7f7;
    height: 100%; }
    #multi-course-program-player .multi-course-program-lms-page.loading {
      padding: 20%;
      text-align: center; }
      #multi-course-program-player .multi-course-program-lms-page.loading .circular-progress {
        color: #0BA7AA; }
    #multi-course-program-player .multi-course-program-lms-page .ending-soon {
      background-color: #b41414;
      color: #fff;
      padding: 15px 10px 10px; }
      #multi-course-program-player .multi-course-program-lms-page .ending-soon span {
        font-weight: bold; }
  #multi-course-program-player .program-header__container {
    justify-content: center;
    display: flex;
    width: 100%;
    height: 250px;
    background: #e3e3e3;
    color: #000809; }
    @media (max-width: 767px) {
      #multi-course-program-player .program-header__container {
        height: 100px; } }
    #multi-course-program-player .program-header__container.has-video {
      height: auto; }
  #multi-course-program-player .program-header__content {
    display: flex;
    justify-content: space-between;
    width: 90%;
    padding: 30px 0;
    max-width: 900px; }
    @media (max-width: 767px) {
      #multi-course-program-player .program-header__content {
        width: 100%; } }
  #multi-course-program-player .program-header__description {
    display: flex;
    flex-direction: column;
    color: #000809;
    flex: 1 50%;
    max-width: 50%; }
    #multi-course-program-player .program-header__description.has-video {
      max-width: unset;
      align-items: center; }
      #multi-course-program-player .program-header__description.has-video .title {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center; }
      #multi-course-program-player .program-header__description.has-video .program-header__description_details {
        width: 100%;
        max-width: 100%;
        text-align: left; }
      #multi-course-program-player .program-header__description.has-video .program-header__description_icons {
        margin: 20px 0 10px; }
    #multi-course-program-player .program-header__description_title {
      font-weight: bold; }
  #multi-course-program-player .program-header__description_icons {
    display: flex;
    font-size: 12px;
    color: #979797;
    margin-bottom: 10px; }
  #multi-course-program-player .program-header__description_details {
    font-size: 14px;
    max-width: 85%; }
  #multi-course-program-player .program-header__video {
    display: flex;
    align-items: center; }
  #multi-course-program-player .program-header__video__iframe {
    border: unset;
    width: 80%;
    height: 80%; }
  #multi-course-program-player .exam-card {
    margin: 20px auto 20px auto;
    padding: 20px;
    border: 1px solid #ededed;
    border-radius: 10px;
    position: relative;
    box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08); }
    #multi-course-program-player .exam-card.locked {
      background-color: #c5c5c5;
      border: unset;
      cursor: not-allowed; }
    #multi-course-program-player .exam-card.locked:before {
      border: solid 3px white;
      background-image: url("/static/images/icons/_all/lock.83f51a5e6082.svg");
      height: 80px;
      border-radius: unset;
      top: calc(50% - 35px); }
    #multi-course-program-player .exam-card.available:before {
      border: dotted 3px #bdbdbd;
      border-radius: 50% !important;
      height: 40px !important;
      background-image: url("/static/images/icons/_all/navigator-item-tick-circle-gray.4846a0ed154e.svg");
      top: calc(50% - 35px); }
    #multi-course-program-player .exam-card-footer {
      margin-top: 20px; }
      #multi-course-program-player .exam-card-footer .exam-score {
        font-size: 12px;
        text-align: center; }
        #multi-course-program-player .exam-card-footer .exam-score.passed {
          color: #0ca7aa; }
        #multi-course-program-player .exam-card-footer .exam-score.failed {
          color: #ee4266; }
    #multi-course-program-player .exam-card.completed:before {
      border: solid 3px green;
      border-radius: 50%;
      height: 40px;
      background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg"); }
    #multi-course-program-player .exam-card .exam {
      position: relative; }
      #multi-course-program-player .exam-card .exam-details {
        display: flex;
        flex-wrap: wrap; }
      #multi-course-program-player .exam-card .exam-name {
        display: flex;
        align-items: center;
        position: relative; }
      @media (max-width: 992px) {
        #multi-course-program-player .exam-card .exam-completed:before {
          content: '';
          width: 35px;
          height: 35px;
          margin-right: 10px;
          background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg"); }
        #multi-course-program-player .exam-card .exam-locked:before {
          content: '';
          width: 35px;
          height: 35px;
          margin-right: 10px;
          background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg"); }
        #multi-course-program-player .exam-card .exam-available:before {
          content: '';
          width: 35px;
          height: 35px;
          margin-right: 10px;
          border-radius: 50%;
          border: dotted 3px #bdbdbd;
          background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg"); } }
    #multi-course-program-player .exam-card .ic-test {
      height: 36px; }
  #multi-course-program-player .certificate-btn-wrapper {
    text-align: center;
    margin: 20px auto;
    border-radius: 5px; }
    #multi-course-program-player .certificate-btn-wrapper .action-body {
      box-shadow: 0 3px 9px 0 rgba(0, 0, 0, 0.08); }
    #multi-course-program-player .certificate-btn-wrapper .certificate-body {
      overflow: hidden;
      display: block;
      white-space: pre-wrap; }
    #multi-course-program-player .certificate-btn-wrapper .action-btn {
      font-size: 20px; }
  #multi-course-program-player .payment-stripe {
    background: url("/static/images/payment/payment-banner.88bdf45eca28.png") no-repeat;
    background-size: cover;
    background-position-y: -25px !important;
    font-size: 20px;
    color: #00A6AA;
    letter-spacing: 0;
    height: 215px;
    padding: 5%; }
    @media (max-width: 767px) {
      #multi-course-program-player .payment-stripe {
        font-size: 15px;
        text-align: center; } }
    #multi-course-program-player .payment-stripe.success {
      background-color: #b3dedf;
      color: black;
      height: 300px; }
      @media (max-width: 767px) {
        #multi-course-program-player .payment-stripe.success {
          height: 400px;
          text-align: unset;
          background-position: right;
          font-size: 22px; } }
      #multi-course-program-player .payment-stripe.success .payment-stripe__text {
        font-size: 25px;
        color: #00A6AA;
        letter-spacing: 0;
        width: 80%;
        margin-bottom: 15px;
        margin-top: 0px; }
        #multi-course-program-player .payment-stripe.success .payment-stripe__text .success-icon {
          vertical-align: middle; }
      #multi-course-program-player .payment-stripe.success .payment-stripe__btn-success {
        text-decoration: underline;
        color: #00A6AA; }
      #multi-course-program-player .payment-stripe.success .payment-stripe__tip {
        font-size: 16px;
        color: #4D575D;
        letter-spacing: 0; }
      #multi-course-program-player .payment-stripe.success .payment-stripe__text2 {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 15px;
        width: 80%; }
    #multi-course-program-player .payment-stripe__text {
      display: inline-block;
      margin: 0;
      vertical-align: middle;
      width: 75%;
      margin-top: 30px; }
    #multi-course-program-player .payment-stripe__btn {
      color: white;
      margin-top: 20px;
      border: 1px solid white;
      background-color: #00A6AA;
      padding: 10px 30px; }
      @media (max-width: 767px) {
        #multi-course-program-player .payment-stripe__btn {
          margin-left: unset;
          margin-top: 10px;
          width: 100%; } }
      #multi-course-program-player .payment-stripe__btn__label {
        font-weight: 600; }
  #multi-course-program-player .content-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1000px;
    background-color: white;
    box-shadow: 0px 0px 9px 0 rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 50px 20px;
    margin: 50px auto; }
    @media (max-width: 992px) {
      #multi-course-program-player .content-wrapper {
        max-width: 90%; } }
    @media (max-width: 767px) {
      #multi-course-program-player .content-wrapper {
        max-width: 100%;
        border-radius: unset;
        box-shadow: unset;
        padding: 0 10px; } }
    #multi-course-program-player .content-wrapper .main-content {
      margin: auto;
      border-left: 1px solid #bebebe;
      width: 80%; }
      @media (max-width: 767px) {
        #multi-course-program-player .content-wrapper .main-content {
          border-left: unset; } }
    #multi-course-program-player .content-wrapper .side-col {
      width: 30%;
      display: flex;
      flex-direction: column; }
    #multi-course-program-player .content-wrapper .section-wrapper {
      padding-left: 5%;
      position: relative;
      width: 80%; }
      #multi-course-program-player .content-wrapper .section-wrapper:not(:first-child) {
        margin: 100px auto; }
        @media (max-width: 767px) {
          #multi-course-program-player .content-wrapper .section-wrapper:not(:first-child) {
            margin: 20px auto; } }
      #multi-course-program-player .content-wrapper .section-wrapper__title {
        align-items: baseline;
        display: flex;
        font-size: 33px;
        justify-content: space-between; }
        @media (max-width: 767px) {
          #multi-course-program-player .content-wrapper .section-wrapper__title {
            font-size: 27px; } }
        #multi-course-program-player .content-wrapper .section-wrapper__title.locked:before {
          border: solid 3px white;
          background-image: url("/static/images/icons/_all/lock.83f51a5e6082.svg");
          height: 80px;
          right: 97%;
          border-radius: unset;
          top: -15px !important; }
        #multi-course-program-player .content-wrapper .section-wrapper__title.completed:before {
          border: solid 3px green;
          border-radius: 50% !important;
          background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg") !important;
          height: 40px !important;
          top: 0 !important;
          right: 97%; }
        #multi-course-program-player .content-wrapper .section-wrapper__title.inProgress:before {
          border: dotted 3px #bdbdbd;
          background-image: url("/static/images/icons/_all/navigator-item-tick-circle-gray.4846a0ed154e.svg");
          right: 97%;
          top: 14px;
          border-radius: 50% !important;
          height: 40px; }
      #multi-course-program-player .content-wrapper .section-wrapper__title-icon {
        height: 30px;
        background-size: cover;
        margin-right: 5px; }
        @media (max-width: 767px) {
          #multi-course-program-player .content-wrapper .section-wrapper__title-icon {
            width: 100px;
            height: 20px; }
            #multi-course-program-player .content-wrapper .section-wrapper__title-icon.ic-test {
              padding: 11px; } }
      #multi-course-program-player .content-wrapper .section-wrapper__title-line {
        height: 1px;
        width: 60%;
        margin: 0 15px;
        position: relative;
        top: -6px;
        background: #bdbdbd; }
      @media (max-width: 767px) {
        #multi-course-program-player .content-wrapper .section-wrapper {
          border-left: unset;
          padding-left: 0;
          display: flex;
          align-items: center;
          flex-direction: column;
          margin: unset;
          width: 100%; } }
  #multi-course-program-player .multi-course-program-content-error {
    width: 60%;
    border: 1px solid #ee4266;
    background: rgba(255, 0, 0, 0.3);
    padding: 20px;
    border-radius: 10px;
    color: #000809;
    flex-direction: column; }
    #multi-course-program-player .multi-course-program-content-error .title {
      font-weight: 600;
      flex-grow: 1; }
    #multi-course-program-player .multi-course-program-content-error .error-details {
      display: flex;
      flex-flow: column;
      margin-top: 20px;
      flex-grow: 1; }
    #multi-course-program-player .multi-course-program-content-error .error-row {
      display: flex; }
    #multi-course-program-player .multi-course-program-content-error .label {
      font-size: 16px;
      color: #000809; }
    #multi-course-program-player .multi-course-program-content-error .value {
      font-size: 16px;
      color: #ee4266;
      font-weight: 600;
      margin-left: 10px; }
    #multi-course-program-player .multi-course-program-content-error .refresh-btn {
      align-self: flex-end; }
  #multi-course-program-player .multi-course_program-lms-page-mobile.loading {
    padding: 20%;
    text-align: center; }
    #multi-course-program-player .multi-course_program-lms-page-mobile.loading .circular-progress {
      color: #0BA7AA; }
  #multi-course-program-player .multi-course_program-lms-page-mobile .ending-soon {
    background-color: #b41414;
    color: #fff;
    padding: 15px 10px 10px; }
    #multi-course-program-player .multi-course_program-lms-page-mobile .ending-soon span {
      font-weight: bold; }
  #multi-course-program-player .multi-course_program-lms-page-mobile .program-header-mobile__container {
    position: relative;
    background: #e3e3e3;
    padding: 20px; }
  #multi-course-program-player .multi-course_program-lms-page-mobile .program-header-mobile__icons {
    display: flex;
    flex-wrap: wrap; }
    @media (max-width: 767px) {
      #multi-course-program-player .multi-course_program-lms-page-mobile .program-header-mobile__icons {
        flex-direction: column; } }
  #multi-course-program-player .multi-course_program-lms-page-mobile .multi-course-program-mobile-tabs {
    background-color: #f8f8f8;
    border-top: 1px solid #0BA7AA;
    border-bottom: 1px solid #0BA7AA; }
    #multi-course-program-player .multi-course_program-lms-page-mobile .multi-course-program-mobile-tabs.sticky {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000; }
    #multi-course-program-player .multi-course_program-lms-page-mobile .multi-course-program-mobile-tabs .specialization-tab {
      display: inline-block;
      margin: auto 10px;
      color: #0BA7AA; }
      #multi-course-program-player .multi-course_program-lms-page-mobile .multi-course-program-mobile-tabs .specialization-tab.active {
        border-bottom: 3px solid #0BA7AA; }
      #multi-course-program-player .multi-course_program-lms-page-mobile .multi-course-program-mobile-tabs .specialization-tab__name {
        font-weight: 600; }

#learning-path-player {
  font-size: 0.9rem;
  color: #3c3c3c;
  /*
  Content Wrapper
  ---------------
   */
  /*
  Tab content
  -----------
   */ }
  #learning-path-player .action-btn {
    display: inline-block;
    width: 60%;
    margin: 15px 0;
    color: white;
    background-color: #0BA7AA;
    font-size: 1.75rem;
    font-weight: normal;
    padding: 15px;
    border: none;
    border-radius: 20px;
    cursor: pointer; }
    @media (max-width: 767px) {
      #learning-path-player .action-btn {
        width: 100%;
        font-size: 1.5rem; } }
    #learning-path-player .action-btn.outline {
      border: 1px solid #0BA7AA;
      background-color: transparent;
      color: #0BA7AA; }
    #learning-path-player .action-btn.error {
      background-color: pink;
      color: darkred;
      border: none;
      cursor: unset; }
    #learning-path-player .action-btn:disabled {
      cursor: unset; }
  #learning-path-player .passed-levels-btn {
    text-align: center; }
  #learning-path-player .secondary-action-btn {
    background: none;
    border: none;
    color: #888888;
    padding: 10px;
    margin: 10px 0;
    font-size: 1.5rem;
    cursor: pointer; }
    @media (max-width: 480px) {
      #learning-path-player .secondary-action-btn {
        font-size: 1.2rem; } }
  #learning-path-player .learning-path-lms-page {
    background-color: #f7f7f7; }
    #learning-path-player .learning-path-lms-page.loading {
      padding: 20%;
      text-align: center; }
      #learning-path-player .learning-path-lms-page.loading .circular-progress {
        color: #0BA7AA; }
  #learning-path-player .learning-path-header__container {
    padding: 10px 20px;
    justify-content: center;
    display: flex;
    width: 100%;
    background: #e3e3e3;
    color: #000809; }
  #learning-path-player .learning-path-header__content {
    display: flex;
    flex-direction: column;
    align-items: center; }
  #learning-path-player .learning-path-header__title {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    padding: 1rem; }
    @media (max-width: 767px) {
      #learning-path-player .learning-path-header__title {
        font-size: 1.5rem;
        padding-bottom: 0.3rem;
        line-height: 1.8rem; } }
  #learning-path-player .learning-path-header__levels {
    font-size: 1.5rem;
    font-weight: bold;
    padding-bottom: 1.5rem;
    color: #4a4a4a; }
    #learning-path-player .learning-path-header__levels .glyphicon {
      margin: 0 3px;
      transform: scaleX(1);
      -webkit-transform: scaleX(1);
      -moz-transform: scaleX(1);
      -ms-transform: scaleX(1);
      -o-transform: scaleX(1); }
    @media (max-width: 767px) {
      #learning-path-player .learning-path-header__levels {
        font-size: 0.7rem;
        padding-bottom: 0.4rem;
        padding-top: 0.3rem; } }
  #learning-path-player .learning-path-header__icon {
    position: relative; }
    #learning-path-player .learning-path-header__icon .icon {
      color: #fffefe;
      vertical-align: middle;
      text-align: center;
      font-weight: 900;
      font-size: 18px;
      font-family: sans-serif;
      margin: 0 10px;
      border-radius: 8px;
      width: 35px;
      height: 35px;
      padding-top: 4px;
      display: inline-block;
      position: relative;
      z-index: 1;
      -webkit-box-shadow: 0px 0px 5px 2px #c8c8c8;
      -moz-box-shadow: 0px 0px 5px 2px #c8c8c8;
      box-shadow: 0px 0px 5px 2px #c8c8c8; }
      @media (max-width: 767px) {
        #learning-path-player .learning-path-header__icon .icon {
          width: 25px;
          height: 25px;
          font-size: 15px;
          padding-top: 2px;
          border-radius: 5px; } }
    #learning-path-player .learning-path-header__icon .level-passed {
      background-color: #0BA7AA;
      cursor: pointer; }
      #learning-path-player .learning-path-header__icon .level-passed:hover {
        background-color: #10c8cd;
        color: white;
        transition: 0.3s; }
    #learning-path-player .learning-path-header__icon .level-in_progress {
      background-color: #ffd83f;
      width: 45px;
      height: 45px;
      padding-top: 9px;
      cursor: pointer; }
      @media (max-width: 767px) {
        #learning-path-player .learning-path-header__icon .level-in_progress {
          width: 30px;
          height: 30px;
          padding-top: 5px;
          font-size: 15px;
          border-radius: 5px; } }
      #learning-path-player .learning-path-header__icon .level-in_progress:hover {
        background-color: #ffe86f;
        transition: 0.3s; }
    #learning-path-player .learning-path-header__icon .level-locked {
      background-color: #a8a8a8;
      line-height: revert;
      color: #dddddd !important;
      font-size: 16px; }
      #learning-path-player .learning-path-header__icon .level-locked .fa-lock {
        font-size: 26px !important;
        padding-top: 1px; }
        @media (max-width: 767px) {
          #learning-path-player .learning-path-header__icon .level-locked .fa-lock {
            font-size: 19px !important;
            padding: 2px; } }
    #learning-path-player .learning-path-header__icon .line {
      vertical-align: middle;
      height: 2px;
      border-top: 2px dotted #94909061;
      position: absolute;
      top: 50%;
      z-index: 0;
      width: 90%;
      margin: 0 12px; }
  #learning-path-player .learning-path-tabs {
    background-color: #f8f8f8;
    border-top: 1px solid #0BA7AA;
    border-bottom: 1px solid #0BA7AA; }
    #learning-path-player .learning-path-tabs.sticky {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: 1000; }
  #learning-path-player .tabs-height-holder {
    height: 48px;
    display: none; }
  #learning-path-player .content-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1000px;
    background-color: white;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.08);
    border-radius: 20px;
    padding: 50px 20px;
    margin: 50px auto; }
    @media (max-width: 992px) {
      #learning-path-player .content-wrapper {
        max-width: 90%; } }
    @media (max-width: 767px) {
      #learning-path-player .content-wrapper {
        max-width: 100%;
        border-radius: unset;
        box-shadow: unset;
        padding: 0 10px;
        margin: 0 auto; } }
    #learning-path-player .content-wrapper .main-content {
      margin: auto;
      width: 80%; }
      @media (max-width: 767px) {
        #learning-path-player .content-wrapper .main-content {
          width: 100%; } }
    #learning-path-player .content-wrapper .section-wrapper {
      position: relative; }
      #learning-path-player .content-wrapper .section-wrapper__title {
        align-items: baseline;
        display: flex;
        font-size: 33px;
        justify-content: space-between; }
        #learning-path-player .content-wrapper .section-wrapper__title.locked:before {
          border: solid 3px #fffefe;
          background-image: url("/static/images/icons/_all/lock.83f51a5e6082.svg");
          height: 80px;
          right: 97%;
          border-radius: unset;
          top: -15px !important; }
        #learning-path-player .content-wrapper .section-wrapper__title.passed:before {
          border: solid 3px #008000;
          border-radius: 50% !important;
          background-image: url("/static/images/icons/_all/navigator-item-tick-circle-green.5992281e00c3.svg") !important;
          height: 40px !important;
          top: 0 !important;
          right: 97%; }
        #learning-path-player .content-wrapper .section-wrapper__title.in_progress:before {
          border: dotted 3px #c6c6c6;
          background-image: url("/static/images/icons/_all/navigator-item-tick-circle-gray.4846a0ed154e.svg");
          right: 97%;
          top: 14px;
          border-radius: 50% !important;
          height: 40px; }
      #learning-path-player .content-wrapper .section-wrapper__title-icon {
        height: 30px;
        background-size: cover;
        margin-right: 5px; }
        @media (max-width: 767px) {
          #learning-path-player .content-wrapper .section-wrapper__title-icon {
            width: 100px;
            height: 20px; }
            #learning-path-player .content-wrapper .section-wrapper__title-icon.ic-test {
              padding: 11px; } }
      #learning-path-player .content-wrapper .section-wrapper__title-line {
        height: 1px;
        width: 60%;
        margin: 0 15px;
        position: relative;
        top: -6px;
        background: #bdbdbd; }
      @media (max-width: 767px) {
        #learning-path-player .content-wrapper .section-wrapper {
          width: 100%;
          display: flex;
          flex-direction: column;
          margin: 10px 0; } }
  #learning-path-player .learning-path-course {
    margin: 40px auto;
    cursor: pointer; }
    #learning-path-player .learning-path-course.in_progress {
      background-color: #ffd83f1a; }
    #learning-path-player .learning-path-course.passed {
      background-color: #90fcaf40; }
    #learning-path-player .learning-path-course.locked {
      background-color: #e3e3e3; }
    @media (max-width: 767px) {
      #learning-path-player .learning-path-course {
        margin: 20px auto;
        width: 80%;
        position: relative;
        left: 10px; } }
  #learning-path-player .learning-path-mobile-line {
    border: 1px solid #c6c6c6;
    height: 100%;
    position: absolute;
    top: 50px;
    right: calc(100% - 5%); }
  #learning-path-player .placement-test-tab-content__not-submitted {
    padding: 30px;
    font-size: 15pt;
    position: relative;
    width: 100%;
    margin: 50px auto !important;
    text-align: center; }
    @media (max-width: 767px) {
      #learning-path-player .placement-test-tab-content__not-submitted {
        width: 100%;
        padding: 30px 0; } }
    #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction {
      margin-top: 20px; }
      #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction p, #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .form-check .form-check-label, .form-check #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .form-check-label, #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .form-group input:not([type="file"]), .form-group #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction input:not([type="file"]),
      #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .form-group textarea,
      .form-group #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction textarea, #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .form-group select, .form-group #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction select, #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .custom-file-input + .custom-file-control:before, #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .custom-file-input + .custom-file-control:after, #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .dropdown-menu .dropdown-item, .dropdown-menu #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .dropdown-item, #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction td, #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .module-lesson-widget .lesson-widget-header, .module-lesson-widget #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .lesson-widget-header, #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .module-lesson-widget .lesson-items, .module-lesson-widget #learning-path-player .placement-test-tab-content__not-submitted .placement-test-instruction .lesson-items {
        font-size: 1rem; }
  #learning-path-player .placement-test-tab-content__submitted {
    padding: 30px;
    font-size: 15pt;
    position: relative;
    width: 100%;
    margin: 50px auto !important;
    text-align: center; }
    @media (max-width: 767px) {
      #learning-path-player .placement-test-tab-content__submitted {
        width: 100%;
        padding: 30px 0; } }
    #learning-path-player .placement-test-tab-content__submitted > div {
      margin: 20px; }
    #learning-path-player .placement-test-tab-content__submitted .current-level-title {
      font-size: 15pt; }
    #learning-path-player .placement-test-tab-content__submitted .current-level {
      font-size: 40pt;
      font-weight: bold;
      color: #0BA7AA; }
    #learning-path-player .placement-test-tab-content__submitted .placement-test-score-title {
      font-size: 15pt; }
    #learning-path-player .placement-test-tab-content__submitted .placement-test-score {
      font-size: 20pt;
      font-weight: bold; }
    #learning-path-player .placement-test-tab-content__submitted .start-learning-button .btn, #learning-path-player .placement-test-tab-content__submitted .start-learning-button .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file #learning-path-player .placement-test-tab-content__submitted .start-learning-button .custom-file-input + .custom-file-control:before {
      font-size: 20pt; }
    #learning-path-player .placement-test-tab-content__submitted .retake-test-title {
      margin: 20px 0 10px 0;
      font-size: 1.5rem; }
  #learning-path-player .learning-path-courses-tab-content {
    padding: 30px;
    font-size: 15pt;
    position: relative;
    width: 100%;
    margin: 50px auto !important;
    border-left: 1px solid #bebebe; }
    @media (max-width: 767px) {
      #learning-path-player .learning-path-courses-tab-content {
        width: 100%;
        padding: 30px 0; } }
    @media (max-width: 767px) {
      #learning-path-player .learning-path-courses-tab-content {
        border-left: unset; } }
  #learning-path-player .learning-path-certificate-tab-content {
    padding: 30px;
    font-size: 15pt;
    position: relative;
    width: 100%;
    margin: 50px auto !important; }
    @media (max-width: 767px) {
      #learning-path-player .learning-path-certificate-tab-content {
        width: 100%;
        padding: 30px 0; } }
    #learning-path-player .learning-path-certificate-tab-content .certificate-wrapper {
      text-align: center; }
    #learning-path-player .learning-path-certificate-tab-content .certificate-locked-instruction {
      margin: 30px 0; }
    #learning-path-player .learning-path-certificate-tab-content .certificate-btn-wrapper {
      width: 100%; }
      #learning-path-player .learning-path-certificate-tab-content .certificate-btn-wrapper .certificate-button {
        width: 80%;
        min-height: 100px;
        border-radius: 15px;
        font-size: 16pt;
        font-weight: normal; }
        @media (max-width: 767px) {
          #learning-path-player .learning-path-certificate-tab-content .certificate-btn-wrapper .certificate-button {
            width: 100%;
            min-height: 70px;
            font-size: 14pt; } }
.cms-page-payload {
  bottom: 0;
  left: 0;
  position: initial;
  right: 0;
  top: 0;
  z-index: initial; }

.component-editor-header {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  padding: 10px; }
  .component-editor-header .component-editor-path {
    display: inline-block;
    width: 740px;
    font-size: 12pt;
    text-overflow: ellipsis; }
    .component-editor-header .component-editor-path span {
      vertical-align: middle; }
    .component-editor-header .component-editor-path i {
      vertical-align: middle;
      font-size: 8pt;
      margin: 0 5px; }
  .component-editor-header .component-editor-close {
    position: absolute;
    right: 10px;
    top: 10px; }
  .component-editor-header .link-to-parent-editor {
    font-size: 16pt;
    font-weight: bold;
    color: #0b9da0;
    cursor: pointer; }

.component-title-editor {
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  padding: 5px; }
  .component-title-editor .molecule-validation {
    margin: 0; }

.component-clone-to-guid {
  font-size: 10pt;
  color: #999999;
  background-color: #eee;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 5px; }
  .component-clone-to-guid input {
    width: 190px; }
  .component-clone-to-guid #cloning-id {
    margin: 0 5px;
    border: none;
    background: none;
    color: inherit; }
  .component-clone-to-guid .clipboard-button {
    margin: 0 5px;
    padding-top: 5px;
    font-size: 7pt; }
  .component-clone-to-guid .copied-to-clipboard {
    color: green;
    visibility: hidden; }

.skimmed-editor-settings {
  position: absolute;
  top: 50px;
  left: 0;
  right: 0;
  bottom: 0; }

.component-editor-tabs {
  position: absolute;
  top: 140px;
  left: 0;
  right: 0;
  bottom: 30px; }
  .component-editor-tabs .component-editor-tab-bar {
    box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12);
    padding: 0; }
    .component-editor-tabs .component-editor-tab-bar > li {
      display: inline-block;
      padding: 5px 20px; }
      .component-editor-tabs .component-editor-tab-bar > li, .component-editor-tabs .component-editor-tab-bar > li.active, .component-editor-tabs .component-editor-tab-bar > li.focus {
        border: none; }
        .component-editor-tabs .component-editor-tab-bar > li > a, .component-editor-tabs .component-editor-tab-bar > li > a:hover, .component-editor-tabs .component-editor-tab-bar > li > a:active, .component-editor-tabs .component-editor-tab-bar > li.active > a, .component-editor-tabs .component-editor-tab-bar > li.active > a:hover, .component-editor-tabs .component-editor-tab-bar > li.active > a:active, .component-editor-tabs .component-editor-tab-bar > li.focus > a, .component-editor-tabs .component-editor-tab-bar > li.focus > a:hover, .component-editor-tabs .component-editor-tab-bar > li.focus > a:active {
          display: block;
          cursor: pointer;
          font-size: 14pt;
          padding: 5px 12px;
          background: none;
          color: black;
          text-transform: uppercase;
          text-decoration: none; }
        .component-editor-tabs .component-editor-tab-bar > li > a:hover, .component-editor-tabs .component-editor-tab-bar > li > a:active, .component-editor-tabs .component-editor-tab-bar > li.active > a:hover, .component-editor-tabs .component-editor-tab-bar > li.active > a:active, .component-editor-tabs .component-editor-tab-bar > li.focus > a:hover, .component-editor-tabs .component-editor-tab-bar > li.focus > a:active {
          color: #0b9da0; }
      .component-editor-tabs .component-editor-tab-bar > li.active {
        border-bottom: 5px solid #0b9da0; }
        .component-editor-tabs .component-editor-tab-bar > li.active > a {
          color: #0b9da0;
          font-weight: bold; }
  .component-editor-tabs .component-editor-tab-pane {
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0; }

.component-builder-container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px; }
  .component-builder-container .component-menu {
    position: absolute;
    left: 0px;
    width: 330px;
    top: 0px;
    bottom: 0px;
    border-right: 1px solid #c2c2c2; }
    .component-builder-container .component-menu.compact {
      width: 330px; }
    .component-builder-container .component-menu .toggler-question {
      color: #0b9da0;
      margin-bottom: 30px; }
    .component-builder-container .component-menu .custom-control-input:checked ~ .custom-control-indicator {
      background-color: #0b9da0; }
    .component-builder-container .component-menu .custom-control-input:focus ~ .custom-control-indicator {
      box-shadow: 0 0 0 black; }
    .component-builder-container .component-menu .component-menu-create-import-group {
      padding: 0; }
    .component-builder-container .component-menu .component-drag-button {
      cursor: move;
      width: 100%;
      display: block;
      overflow: hidden;
      font-size: 11pt;
      height: 48px;
      margin-bottom: 15px;
      padding: 10px 15px;
      border-radius: 3px;
      background-color: #fffefe;
      box-shadow: 5px 8px 15px 5px rgba(0, 0, 0, 0.18); }
      .component-builder-container .component-menu .component-drag-button:hover {
        background-color: #e0f8f8; }
      .component-builder-container .component-menu .component-drag-button.import {
        font-size: 8pt;
        height: auto;
        min-height: 40px; }
    .component-builder-container .component-menu .menu-contents-above-preview-button {
      overflow-y: auto;
      width: 100%;
      padding: 20px 20px 20px 20px;
      height: calc(100vh - 165px); }
      .component-builder-container .component-menu .menu-contents-above-preview-button.leave-preview-height {
        height: calc(calc(100vh - 165px) - 40px); }
      .component-builder-container .component-menu .menu-contents-above-preview-button .component-create-menu {
        width: 100%; }
        .component-builder-container .component-menu .menu-contents-above-preview-button .component-create-menu .component-create-submenu {
          margin-top: 40px; }
          .component-builder-container .component-menu .menu-contents-above-preview-button .component-create-menu .component-create-submenu h5, .component-builder-container .component-menu .menu-contents-above-preview-button .component-create-menu .component-create-submenu .bootstrap-datetimepicker-widget .datepicker table thead .picker-switch, .bootstrap-datetimepicker-widget .datepicker table thead .component-builder-container .component-menu .menu-contents-above-preview-button .component-create-menu .component-create-submenu .picker-switch {
            margin-bottom: 10px; }
      .component-builder-container .component-menu .menu-contents-above-preview-button .component-import-menu {
        width: 100%;
        font-weight: 400;
        margin-top: 40px; }
        .component-builder-container .component-menu .menu-contents-above-preview-button .component-import-menu .component-renderer-import {
          margin-top: 10px; }
          .component-builder-container .component-menu .menu-contents-above-preview-button .component-import-menu .component-renderer-import.component-renderer-import-section {
            border-top: 1px solid #7F7F7F;
            padding-top: 10px; }
            .component-builder-container .component-menu .menu-contents-above-preview-button .component-import-menu .component-renderer-import.component-renderer-import-section > .title-import {
              text-transform: uppercase;
              font-weight: 600;
              font-size: 11pt; }
            .component-builder-container .component-menu .menu-contents-above-preview-button .component-import-menu .component-renderer-import.component-renderer-import-section > .import-subordinates {
              margin-top: 10px;
              margin-left: 15px; }
          .component-builder-container .component-menu .menu-contents-above-preview-button .component-import-menu .component-renderer-import.component-renderer-import-sub-section > .import-subordinates {
            margin-top: 10px;
            margin-left: 15px; }
    .component-builder-container .component-menu .builder-preview-button {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      height: 40px;
      cursor: pointer;
      padding: 5px;
      background-color: #dc0043;
      text-align: center;
      vertical-align: middle;
      font-size: 16pt;
      font-weight: bold;
      text-transform: uppercase;
      cursor: pointer; }
      .component-builder-container .component-menu .builder-preview-button, .component-builder-container .component-menu .builder-preview-button:hover, .component-builder-container .component-menu .builder-preview-button:visited {
        color: white;
        text-decoration: none; }
      .component-builder-container .component-menu .builder-preview-button img {
        display: inline;
        margin-right: 10px;
        vertical-align: middle;
        width: 18px;
        height: 18px; }

.component-canvas {
  position: absolute;
  right: 20px;
  top: 0px;
  bottom: 10px;
  width: calc(100% - 330px - 2*20px);
  padding: 20px;
  font-size: 13pt;
  overflow-y: auto;
  border: 0.5px dashed #829BAD; }
  .component-canvas.compact {
    width: calc(100% - 330px - 2*20px);
    padding: 20px 15px 20px 15px; }
  .component-canvas .placeholder-text {
    font-size: 25px;
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    color: lightgray; }
  .component-canvas.component-canvas-empty {
    text-align: center;
    padding-top: 200px;
    color: #ACBCC8;
    font-family: "Open Sans" !important;
    font-size: 40px;
    line-height: 44px; }
  .component-canvas .component-renderer-build.component-renderer-build-section, .component-canvas .component-renderer-build.component-renderer-build-sub-section {
    border: 2px solid #D5DEE4;
    padding: 20px; }
  .component-canvas .component-renderer-build.component-renderer-build-question {
    width: 100%;
    border: 2px solid #D5DEE4;
    border-radius: 4px;
    padding: 0px;
    font-size: 11pt; }
    .component-canvas .component-renderer-build.component-renderer-build-question > div {
      height: 70px;
      padding: 5px 10px;
      border-bottom: 1px solid #D5DEE4; }
      .component-canvas .component-renderer-build.component-renderer-build-question > div:first-child {
        height: 40px;
        font-size: 14pt; }
      .component-canvas .component-renderer-build.component-renderer-build-question > div:last-child {
        border: none; }
      .component-canvas .component-renderer-build.component-renderer-build-question > div.info-params-container {
        padding: 0px; }
      .component-canvas .component-renderer-build.component-renderer-build-question > div .item-param {
        display: inline-block;
        margin: 0px;
        height: 100%;
        border: none;
        border-right: 1px solid #D5DEE4;
        padding: 10px 30px; }
        .component-canvas .component-renderer-build.component-renderer-build-question > div .item-param:last-child {
          border: none; }
      .component-canvas .component-renderer-build.component-renderer-build-question > div .question-preview {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .component-canvas .component-renderer-build.component-renderer-build-question > div .info-label {
        color: #597991;
        font-weight: 400; }
  .component-canvas > .builder-subordinates {
    margin: 0px; }

.builder-subordinates {
  margin: 0px 70px; }

::-webkit-scrollbar {
  width: 10px;
  border-radius: 5px; }

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; }

/* Handle */
::-webkit-scrollbar-thumb {
  background: #0b9da0;
  border-radius: 40px; }

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #043f41; }

.drop-spot {
  margin: 5px 0px;
  height: 15px;
  width: 100%;
  border-radius: 3px; }
  .drop-spot.drop-spot-can-drop {
    background-color: #EAF5D6; }
  .drop-spot.drop-spot-over {
    background-color: #ACD95C; }
  .drop-spot.drop-spot-empty-canvas {
    height: 100%; }
  .drop-spot .drop-placeholder-text {
    color: white;
    text-align: center;
    font-size: 13px;
    margin-bottom: 0; }
    .drop-spot .drop-placeholder-text:hover {
      color: white; }

.author-action-buttons {
  display: flex;
  justify-content: space-evenly;
  float: right ;
  padding-top: 5px;
  width: 135px;
  color: #646262; }
  .author-action-buttons-clear {
    clear: both; }
  .author-action-buttons button.MuiButtonBase-root {
    width: 25px;
    height: 25px; }
  .author-action-buttons .author-action-button, .author-action-buttons .author-action-button:visited, .author-action-buttons .author-action-button:hover, .author-action-buttons .author-action-button:active {
    margin-bottom: 5px;
    float: right ;
    margin-left: 15px;
    background: none;
    cursor: pointer; }
    .author-action-buttons .author-action-button img, .author-action-buttons .author-action-button:visited img, .author-action-buttons .author-action-button:hover img, .author-action-buttons .author-action-button:active img {
      width: 20px;
      height: 20px; }
  .author-action-buttons .author-action-button.mover-button {
    cursor: move; }

.dashboard-user-class-icon {
  width: 25px;
  height: 25px;
  display: inline-block; }

.dashboard-user-class-label {
  vertical-align: middle;
  font-size: 15pt; }
  .dashboard-user-class-label.active {
    font-weight: 700; }

.dashboard {
  background-color: #fafbfc;
  min-height: 482px; }
  .dashboard .container {
    padding: 20px 0; }
  .dashboard .dashboard-tabs {
    text-align: center;
    margin: 10px auto 20px  auto; }
    @media (max-width: 767px) {
      .dashboard .dashboard-tabs {
        display: flex;
        justify-content: space-evenly; } }
    .dashboard .dashboard-tabs .btn-tab {
      display: inline-block;
      margin-left: 10px;
      margin-right: 10px; }
      .dashboard .dashboard-tabs .btn-tab__label {
        margin-top: 10px; }
        @media (max-width: 767px) {
          .dashboard .dashboard-tabs .btn-tab__label {
            font-size: 11px;
            margin-top: 0; } }
      @media (max-width: 767px) {
        .dashboard .dashboard-tabs .btn-tab {
          padding: 10px;
          margin-left: 0;
          margin-right: 0; } }
  .dashboard .dashboard-inner-container {
    margin: 0 auto; }
    .dashboard .dashboard-inner-container-paragraph {
      display: inline-block;
      font-size: 30px;
      vertical-align: top; }
    .dashboard .dashboard-inner-container-icon {
      color: #08999c;
      font-size: 48px; }
    .dashboard .dashboard-inner-container-empty {
      max-width: 1000px;
      margin: 0 auto; }
    .dashboard .dashboard-inner-container .alert {
      text-align: left; }
    .dashboard .dashboard-inner-container .schedule-offset {
      padding-left: 0px;
      padding-right: 0px; }
    .dashboard .dashboard-inner-container .schedule-position {
      top: 160px;
      position: sticky;
      position: -webkit-sticky; }
    .dashboard .dashboard-inner-container .no-enrollments {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 100px 40px; }
      .dashboard .dashboard-inner-container .no-enrollments-text {
        margin-top: 0;
        color: #b0b0b0;
        text-align: center;
        font-size: 1.5em;
        width: 100%; }
        @media (max-width: 575px) {
          .dashboard .dashboard-inner-container .no-enrollments-text {
            font-size: 1.5em; } }
  .dashboard form {
    padding: 30px; }
  .dashboard .certificate-buttons {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
    gap: 30px; }
    .dashboard .certificate-buttons .download-certificate {
      min-width: 300px;
      max-width: 370px;
      padding-right: 10px;
      padding-left: 10px;
      width: 40%;
      margin: 0; }
  @media (max-width: 767px) {
    .dashboard .certificate-buttons {
      max-width: 100%;
      gap: 0; }
      .dashboard .certificate-buttons .download-certificate {
        width: 100%; }
        .dashboard .certificate-buttons .download-certificate:first-child {
          margin-bottom: 20px; } }
  .dashboard#certificate-details {
    padding: 20px 10px; }
  .dashboard .icon-header-title {
    height: fit-content;
    margin-top: 30px;
    margin-top: 10px !important;
    color: #0b9da0;
    float: left ;
    text-transform: capitalize; }
  .dashboard .dashboard-programs {
    height: fit-content;
    max-width: 1200px;
    margin: 30px auto; }
    .dashboard .dashboard-programs__title {
      text-align: center;
      font-size: 25px;
      font-weight: bold;
      color: #4c565c;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(76, 86, 92, 0.121);
      padding: 20px; }
    .dashboard .dashboard-programs .nav-tabs {
      padding: 0;
      font-size: 1.4em; }
      .dashboard .dashboard-programs .nav-tabs li {
        text-align: center;
        padding: 10px 0;
        width: 50%;
        background: none;
        color: #0b9da0;
        cursor: pointer; }
        .dashboard .dashboard-programs .nav-tabs li a {
          text-decoration: none; }
        .dashboard .dashboard-programs .nav-tabs li a:hover {
          color: #0b9da0; }
        .dashboard .dashboard-programs .nav-tabs li.active, .dashboard .dashboard-programs .nav-tabs li:hover {
          border-bottom: 0.2em solid #0b9da0; }
    .dashboard .dashboard-programs .tab-content {
      margin-top: 30px;
      max-width: 750px; }
    @media (max-width: 767px) {
      .dashboard .dashboard-programs .nav-tabs {
        font-size: 1.3em; }
      .dashboard .dashboard-programs .tab-content {
        margin-right: 0;
        margin-left: 0; } }
    @media (max-width: 575px) {
      .dashboard .dashboard-programs .nav-tabs {
        font-size: 1em; }
        .dashboard .dashboard-programs .nav-tabs li.active, .dashboard .dashboard-programs .nav-tabs li:hover {
          border-bottom: 0.1em solid #0b9da0; } }
  .dashboard .dashboard-user-class-switcher {
    display: block;
    cursor: pointer;
    margin: 20px 0;
    color: white;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    background-color: #7F7F7F; }
    .dashboard .dashboard-user-class-switcher.active {
      background-color: #0b9da0; }
    .dashboard .dashboard-user-class-switcher img {
      width: 40px;
      height: auto;
      display: inline;
      vertical-align: middle;
      margin-right: 10px; }
    .dashboard .dashboard-user-class-switcher > div {
      display: inline-block;
      vertical-align: middle; }
    .dashboard .dashboard-user-class-switcher .dashboard-user-class-switcher-title {
      font-size: 16pt;
      font-weight: 500;
      color: white; }
    .dashboard .dashboard-user-class-switcher .dashboard-user-class-switcher-description {
      font-size: 13pt;
      color: white; }
  .dashboard .btn-primary-alt {
    box-shadow: none;
    text-shadow: none;
    border-radius: 2em;
    background-image: none;
    background-clip: border-box;
    display: inline-block;
    box-sizing: border-box;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.125em;
    padding-right: 1.125em;
    line-height: 2.5em;
    font-size: 16px;
    background-color: transparent;
    border: 2px solid #0b9da0;
    color: #0b9da0; }
    .dashboard .btn-primary-alt:hover, .dashboard .btn-primary-alt:active, .dashboard .btn-primary-alt:focus {
      box-shadow: none;
      background-image: none;
      text-decoration: none; }
    .dashboard .btn-primary-alt:hover, .dashboard .btn-primary-alt:active, .dashboard .btn-primary-alt:focus {
      background-color: #0b9da0;
      box-shadow: none;
      color: white; }
  .dashboard .alert-label {
    width: 100%;
    text-align: center;
    padding: 10px;
    margin: 10px 0px;
    border-radius: 5px; }
    .dashboard .alert-label.alert-label-info {
      color: #076b6d;
      background-color: #d9efef; }
    .dashboard .alert-label.alert-label-success {
      color: #076b6d;
      background-color: #d9efef; }
    .dashboard .alert-label.alert-label-danger {
      color: #b20610;
      background-color: #ffeeee; }
  .dashboard .teacher-hero-image {
    position: relative;
    background-image: url("/static/images/teacher_center_background.8009b99d45fa.png");
    background-size: cover;
    height: 300px;
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 45px; }
    .dashboard .teacher-hero-image > div {
      text-align: center;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 100px;
      color: white; }
  .dashboard .teacher-how-to {
    color: #0b9da0; }
    .dashboard .teacher-how-to .teacher-features {
      color: #0b9da0;
      margin-bottom: 45px;
      border-collapse: separate;
      border-spacing: 15px;
      font-size: 10pt; }
      .dashboard .teacher-how-to .teacher-features img {
        width: 30px;
        height: 30px; }
    .dashboard .teacher-how-to .teacher-how-to-video {
      margin-top: 20px; }
  .dashboard .application-status-info-alert {
    width: 100%; }
  .dashboard .application-status-info-container {
    margin-right: 20px; }
  .dashboard .review-comments {
    padding: 20px;
    margin: 20px 0px;
    color: #b20610;
    background-color: #ffeeee;
    text-align: left; }
    .dashboard .review-comments .review-comments-title {
      font-weight: 600;
      margin-bottom: 20px; }
  .dashboard .teacher-application-form {
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px; }
    .dashboard .teacher-application-form label {
      text-transform: none; }
    .dashboard .teacher-application-form p, .dashboard .teacher-application-form .form-check .form-check-label, .form-check .dashboard .teacher-application-form .form-check-label, .dashboard .teacher-application-form .form-group input:not([type="file"]), .form-group .dashboard .teacher-application-form input:not([type="file"]),
    .dashboard .teacher-application-form .form-group textarea,
    .form-group .dashboard .teacher-application-form textarea, .dashboard .teacher-application-form .form-group select, .form-group .dashboard .teacher-application-form select, .dashboard .teacher-application-form .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .dashboard .teacher-application-form .custom-file-input + .custom-file-control:before, .dashboard .teacher-application-form .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .dashboard .teacher-application-form .custom-file-input + .custom-file-control:after, .dashboard .teacher-application-form .dropdown-menu .dropdown-item, .dropdown-menu .dashboard .teacher-application-form .dropdown-item, .dashboard .teacher-application-form .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .dashboard .teacher-application-form td, .dashboard .teacher-application-form .module-lesson-widget .lesson-widget-header, .module-lesson-widget .dashboard .teacher-application-form .lesson-widget-header, .dashboard .teacher-application-form .module-lesson-widget .lesson-items, .module-lesson-widget .dashboard .teacher-application-form .lesson-items {
      margin-bottom: 20px; }
    .dashboard .teacher-application-form input, .dashboard .teacher-application-form select {
      border: 1px solid #0b9da0; }
  .dashboard .teacher-application-form-agreement {
    display: flex;
    padding: 0 30px 20px; }
  .dashboard .form-submission-btn {
    padding: 5px 30px;
    font-weight: 600; }
  .dashboard .no-enrollments-text a {
    text-decoration: none;
    font-size: inherit;
    border: none; }
    .dashboard .no-enrollments-text a:visited {
      color: #1ca3a6; }
    .dashboard .no-enrollments-text a:hover {
      cursor: pointer; }
  .dashboard .ct-grid {
    stroke: rgba(154, 154, 154, 0.2);
    stroke-width: 1px;
    stroke-dasharray: 2px; }
  .dashboard .ct-series-a .ct-point, .dashboard .ct-series-a .ct-line, .dashboard .ct-series-a .ct-bar, .dashboard .ct-series-a .ct-slice-donut {
    stroke: rgba(11, 157, 160, 0.8); }
  .dashboard .ct-label.ct-horizontal.ct-end {
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: flex-start;
    justify-content: flex-start;
    text-align: left;
    text-anchor: start; }
  .dashboard .ct-label {
    color: rgba(11, 157, 160, 0.7); }
  .dashboard .ct-chart-line .ct-label, .dashboard .ct-chart-bar .ct-label {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .dashboard .ct-label {
    fill: rgba(0, 0, 0, 0.4);
    line-height: 1; }
  .dashboard .modal-dialog {
    top: 35% !important; }
    .dashboard .modal-dialog .modal-header {
      border-bottom: none;
      margin-right: auto;
      margin-left: auto;
      width: fit-content;
      color: #808080; }
    .dashboard .modal-dialog .modal-body {
      padding: 0.4rem 5rem;
      text-align: center;
      font-size: 14px; }
    .dashboard .modal-dialog .modal-footer {
      border-top: none; }
      .dashboard .modal-dialog .modal-footer > :not(:last-child) {
        margin-right: 0.25em; }
    .dashboard .modal-dialog .btn-primary, .dashboard .modal-dialog .btn-outline-cancel {
      border-radius: 4px;
      font-weight: normal;
      padding-right: 20px;
      padding-left: 20px;
      font-size: 12px;
      transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; }
    .dashboard .modal-dialog .btn-outline-cancel {
      border: 1px solid #808080;
      background-color: transparent;
      color: #808080; }
      .dashboard .modal-dialog .btn-outline-cancel:hover {
        background-color: #808080;
        color: #fffefe;
        box-shadow: unset; }
  @media (max-width: 991px) {
    .dashboard .modal-dialog .modal-title {
      font-size: 1.2rem; }
    .dashboard .modal-dialog .modal-body {
      padding: 0.4rem 2rem; }
      .dashboard .modal-dialog .modal-body p, .dashboard .modal-dialog .modal-body .form-check .form-check-label, .form-check .dashboard .modal-dialog .modal-body .form-check-label, .dashboard .modal-dialog .modal-body .form-group input:not([type="file"]), .form-group .dashboard .modal-dialog .modal-body input:not([type="file"]),
      .dashboard .modal-dialog .modal-body .form-group textarea,
      .form-group .dashboard .modal-dialog .modal-body textarea, .dashboard .modal-dialog .modal-body .form-group select, .form-group .dashboard .modal-dialog .modal-body select, .dashboard .modal-dialog .modal-body .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .dashboard .modal-dialog .modal-body .custom-file-input + .custom-file-control:before, .dashboard .modal-dialog .modal-body .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .dashboard .modal-dialog .modal-body .custom-file-input + .custom-file-control:after, .dashboard .modal-dialog .modal-body .dropdown-menu .dropdown-item, .dropdown-menu .dashboard .modal-dialog .modal-body .dropdown-item, .dashboard .modal-dialog .modal-body .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .dashboard .modal-dialog .modal-body td, .dashboard .modal-dialog .modal-body .module-lesson-widget .lesson-widget-header, .module-lesson-widget .dashboard .modal-dialog .modal-body .lesson-widget-header, .dashboard .modal-dialog .modal-body .module-lesson-widget .lesson-items, .module-lesson-widget .dashboard .modal-dialog .modal-body .lesson-items {
        font-size: 0.9rem; } }
  @media (max-width: 575px) {
    .dashboard .modal-dialog .modal-footer {
      width: fit-content;
      margin: 0 auto; } }
.dashboard-parent {
  max-width: 1200px; }
  @media (min-width: 767px) {
    .dashboard-parent {
      padding: 30px; } }
  @media (max-width: 767px) {
    .dashboard-parent {
      max-width: 90%; } }
.dashboard-teacher {
  max-width: 1200px;
  margin: auto; }
  @media (min-width: 767px) {
    .dashboard-teacher {
      padding: 0 50px; } }
  .dashboard-teacher__container {
    margin: auto; }
    @media (max-width: 767px) {
      .dashboard-teacher__container {
        max-width: 90%; } }
.enrollment {
  margin-bottom: 75px; }
  .enrollment img {
    width: 170px;
    height: 170px; }
  @media (max-width: 767px) {
    .enrollment img {
      width: 110px;
      height: 110px; } }
  .enrollment .dashboard-enrollment-body {
    cursor: pointer; }
  .enrollment .enrollment-actions {
    position: absolute;
    top: 10px;
    cursor: pointer;
    right: 5px;
    color: #808080; }
    .enrollment .enrollment-actions .dropdown-backdrop {
      display: none !important; }
    .enrollment .enrollment-actions.show, .enrollment .enrollment-actions:hover {
      color: #484848; }
    .enrollment .enrollment-actions .dropdown-toggle {
      font-size: 1.2em;
      padding: 10px; }
      .enrollment .enrollment-actions .dropdown-toggle::after {
        display: none; }
    .enrollment .enrollment-actions .dropdown-menu {
      right: 0;
      left: unset;
      z-index: 3; }

/* Styling for form fields */
.form-date-selector {
  display: inline-block;
  margin: 0px 3px;
  width: 80px; }

.errorlist {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  color: red;
  font-weight: 500; }

.modal-onboarding {
  width: 70%;
  max-width: 800px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  border: unset;
  top: 15%;
  bottom: 10%;
  background: white;
  overflow: auto;
  border-radius: 4px;
  outline: none;
  padding: 20px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 40px;
  color: #4c565c; }
  @media (max-width: 767px) {
    .modal-onboarding {
      width: 95%;
      top: 20%;
      left: 0;
      right: 0; } }
.onboarding-btn-card {
  width: 250px;
  margin: 0 20px; }
  @media (max-width: 767px) {
    .onboarding-btn-card {
      margin: 5px;
      width: 90%; } }
  .onboarding-btn-card__container {
    height: 150px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0BA7AA;
    padding: 20px;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.12);
    font-size: 14px; }
    @media (max-width: 767px) {
      .onboarding-btn-card__container {
        height: 100px;
        padding: 30px 20px;
        font-size: 15px; } }
    .onboarding-btn-card__container h4 {
      color: #fffefe; }
    .onboarding-btn-card__container:hover {
      background-color: #199a99;
      box-shadow: 0 8px 16px 0 rgba(0, 8, 9, 0.12); }
    .onboarding-btn-card__container * {
      font-weight: bold; }
  .onboarding-btn-card__text-help {
    margin-top: 10px;
    padding: 0 20px;
    font-size: 13px;
    text-align: left;
    color: rgba(76, 86, 92, 0.8); }
    @media (max-width: 767px) {
      .onboarding-btn-card__text-help {
        text-align: center; } }
    .onboarding-btn-card__text-help .icon {
      color: #0BA7AA; }

.onboarding-header {
  text-align: center; }
  .onboarding-header__title {
    font-weight: 600; }
    @media (max-width: 767px) {
      .onboarding-header__title {
        font-size: 1.1rem;
        padding-left: 10px; } }
  .onboarding-header__subtitle {
    font-size: 1.2em;
    line-height: normal; }
    @media (max-width: 767px) {
      .onboarding-header__subtitle {
        font-size: 0.9rem; } }
  .onboarding-header .btn-close {
    position: absolute;
    top: 45px;
    left: 30px;
    color: #e3e3e3 !important;
    cursor: pointer; }
    @media (max-width: 767px) {
      .onboarding-header .btn-close {
        left: 15px;
        top: 35px; } }
    .onboarding-header .btn-close:hover {
      color: #979797 !important; }

.onboarding-wizard {
  height: 100%;
  overflow: auto; }
  .onboarding-wizard .step-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .onboarding-wizard .onboarding-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 40px;
    overflow: auto; }
    @media (max-width: 767px) {
      .onboarding-wizard .onboarding-content {
        padding: 40px 20px; } }
    .onboarding-wizard .onboarding-content__title {
      font-weight: 500;
      margin-bottom: 40px; }
  .onboarding-wizard .onboarding-footer {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 20px; }
    .onboarding-wizard .onboarding-footer .btn, .onboarding-wizard .onboarding-footer .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .onboarding-wizard .onboarding-footer .custom-file-input + .custom-file-control:before {
      margin: 0 5px; }
      @media (min-width: 767px) {
        .onboarding-wizard .onboarding-footer .btn, .onboarding-wizard .onboarding-footer .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .onboarding-wizard .onboarding-footer .custom-file-input + .custom-file-control:before {
          min-width: 120px; } }
    .onboarding-wizard .onboarding-footer .btn-link {
      color: #0BA7AA; }
      .onboarding-wizard .onboarding-footer .btn-link:hover {
        box-shadow: unset; }
  .onboarding-wizard-continuous .course-selection {
    width: 100%; }
    .onboarding-wizard-continuous .course-selection .onboarding-content {
      padding: unset; }
  .onboarding-wizard.loading {
    display: flex;
    width: 100%;
    height: 90%;
    justify-content: center;
    align-items: center; }
  .onboarding-wizard .placeholder-text {
    color: orange; }
    .onboarding-wizard .placeholder-text.margin-top {
      margin-top: 40px; }
  .onboarding-wizard .course-card {
    display: inline-flex;
    flex-direction: column;
    position: relative;
    width: 150px;
    height: 250px;
    margin: 10px 10px;
    cursor: pointer;
    box-sizing: content-box;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: 3px solid #cfe9ea;
    border-radius: 20px; }
    .onboarding-wizard .course-card__header {
      height: 150px; }
    .onboarding-wizard .course-card__img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-top-left-radius: 17px;
      border-top-right-radius: 17px; }
    .onboarding-wizard .course-card__body {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      padding: 0 10px; }
    .onboarding-wizard .course-card__title {
      font-size: 14px;
      text-align: left;
      font-weight: 600;
      line-height: 1rem;
      max-height: 2rem;
      overflow-y: hidden; }
    .onboarding-wizard .course-card__category {
      font-size: 12px;
      position: absolute;
      bottom: 0;
      left: 5px;
      right: 5px;
      line-height: 0.9rem;
      max-height: 1.8rem;
      overflow: hidden; }
    .onboarding-wizard .course-card:hover {
      border: 3px solid #0b9da0; }
    .onboarding-wizard .course-card.selected {
      border: 3px solid #0b9da0; }
  .onboarding-wizard .course-suggestions-container {
    overflow: auto; }
  .onboarding-wizard .categories-container {
    width: 100%;
    height: 100%;
    justify-content: flex-start; }
    @media (max-width: 767px) {
      .onboarding-wizard .categories-container {
        overflow-y: auto;
        overflow-x: hidden; } }
    .onboarding-wizard .categories-container .edraak-checkbox {
      white-space: unset;
      width: 30%;
      height: 2.6rem;
      line-height: 1.3em;
      max-height: 2.6rem;
      float: left;
      overflow-y: hidden; }
      @media (max-width: 767px) {
        .onboarding-wizard .categories-container .edraak-checkbox {
          height: 37px;
          width: 100%; } }
  .onboarding-wizard .subjects-container {
    width: 100%;
    height: 100%;
    justify-content: flex-start; }
    @media (max-width: 767px) {
      .onboarding-wizard .subjects-container {
        overflow-y: auto;
        overflow-x: hidden; } }
    @media (max-width: 767px) {
      .onboarding-wizard .subjects-container .edraak-checkbox {
        white-space: unset;
        float: left;
        line-height: 1.5em;
        max-height: 3rem;
        overflow-y: hidden;
        height: 37px;
        width: 100%; } }
.onboarding-wizard-type-selection .step-container {
  justify-content: unset; }

.onboarding-wizard-type-selection .onboarding-content {
  height: 100%; }
  @media (min-width: 767px) {
    .onboarding-wizard-type-selection .onboarding-content .onboarding-btn-card {
      width: 40%; } }
  @media (max-width: 767px) {
    .onboarding-wizard-type-selection .onboarding-content {
      padding: 20px 0;
      flex-direction: column !important; } }
.onboarding-wizard-type-selection .type-selection-buttons-container {
  align-items: flex-start; }

.onboarding-selection {
  display: inherit;
  flex-direction: column;
  position: relative;
  width: 300px; }
  @media (max-width: 767px) {
    .onboarding-selection {
      width: 100%; } }
  .onboarding-selection__select-grade {
    margin: 0;
    height: 100px;
    width: 100%;
    background-color: white;
    color: black;
    border: unset;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.12);
    font-size: 17px;
    font-weight: 600;
    border-radius: 9px;
    padding-right: 50px;
    padding-left: 20px;
    cursor: pointer;
    -webkit-appearance: none; }
    @media (max-width: 767px) {
      .onboarding-selection__select-grade {
        font-size: 14px; } }
  .onboarding-selection__icon {
    position: absolute;
    right: 20px;
    top: 35px;
    font-size: 17px;
    pointer-events: none;
    transform: rotate(90deg);
    color: #4C6373; }

.ignored {
  display: contents; }

.recommendations-outer-section__title {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fffefe;
  text-transform: capitalize; }

.recommendations-outer-section__btn-expand {
  background-color: #4c565c;
  color: white;
  text-align: center;
  padding: 10px;
  cursor: pointer; }
  .recommendations-outer-section__btn-expand .icon {
    margin-left: 5px; }
  .recommendations-outer-section__btn-expand .icon-up {
    display: inline-block;
    transform: scaleY(-1); }
  .recommendations-outer-section__btn-expand .icon-down {
    display: none; }
  .recommendations-outer-section__btn-expand[aria-expanded="false"] .icon-up {
    display: none; }
  .recommendations-outer-section__btn-expand[aria-expanded="false"] .icon-down {
    display: inline-block; }

.recommendations-section {
  padding: 0 100px 20px 100px;
  background-color: #4c565c;
  color: white;
  position: relative; }
  @media (max-width: 767px) {
    .recommendations-section {
      padding: 10px 20px; } }
  .recommendations-section .recommendations-container {
    display: flex;
    justify-content: flex-start;
    overflow-x: scroll;
    -ms-overflow-style: none; }
    .recommendations-section .recommendations-container::-webkit-scrollbar {
      display: none; }
    @media (max-width: 767px) {
      .recommendations-section .recommendations-container {
        display: inline-flex;
        width: 100%; } }
  .recommendations-section__title {
    text-transform: capitalize; }
  .recommendations-section__swipe-icon {
    position: absolute;
    top: 25%;
    font-size: 50px;
    color: #fffefe;
    cursor: pointer; }
    @media (max-width: 767px) {
      .recommendations-section__swipe-icon {
        display: none; } }
    .recommendations-section__swipe-icon.left {
      left: 30px; }
    .recommendations-section__swipe-icon.right {
      right: 30px; }
  .recommendations-section .course-recommendation {
    display: inline-block;
    width: 150px;
    margin: 10px 15px;
    cursor: pointer;
    color: unset;
    text-decoration: unset; }
    @media (max-width: 767px) {
      .recommendations-section .course-recommendation {
        flex: none; } }
    .recommendations-section .course-recommendation__header {
      height: 150px;
      width: 150px; }
    .recommendations-section .course-recommendation__img {
      width: 100%;
      border-radius: 8px;
      height: 100%;
      object-fit: cover; }
    .recommendations-section .course-recommendation__title {
      font-size: 15px;
      font-weight: 500;
      margin-top: 30px;
      line-height: 1.15;
      height: calc(1.15*15px*2);
      overflow: hidden;
      margin-bottom: 15px;
      color: #fffefe;
      text-transform: capitalize; }
    .recommendations-section .course-recommendation__category {
      border-radius: 5px;
      font-size: 12px;
      font-weight: 400;
      overflow-y: auto;
      color: #fffefe;
      font-style: italic; }

.flex {
  display: flex; }
  .flex-row, .flex-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
  .flex-row {
    flex-direction: row; }
  .flex-column {
    flex-direction: column; }

.dashboard-parent-add-child-Button {
  font-size: 40px !important;
  line-height: 1 !important;
  padding: 0 !important;
  padding-right: 8px !important;
  padding-left: 8px !important;
  margin: 0 !important;
  margin-right: 10px !important;
  margin-left: 10px !important;
  margin-bottom: 10px !important;
  display: inline-block !important; }

.dashboard-parent-grid-container {
  text-align: center;
  width: 100%;
  display: table; }

.dashboard-parent-paragraph-2 {
  text-align: center;
  font-size: 20px;
  margin-top: 70px; }

.dashboard-parent-paragraph, .dashboard-parent-selected-child {
  font-size: 20px;
  margin-top: 10px;
  text-align: center; }
  .dashboard-parent-paragraph-no-child, .dashboard-parent-selected-child-no-child {
    margin-top: 70px; }

.dashboard-parent-title {
  display: inline-block; }

.dashboard-parent-icon {
  color: #08999c;
  font-size: 35px;
  margin-right: 5px;
  margin-left: 5px; }

.dashboard-parent-selected-child {
  text-align: center;
  margin-top: 120px; }

.dashboard-parent .child-card {
  cursor: hand; }
  .dashboard-parent .child-card .arrow-forward {
    font-size: 48px;
    color: #0b9da0; }
  .dashboard-parent .child-card:hover, .dashboard-parent .child-card.active {
    background-color: #0b9da0;
    color: white; }
    .dashboard-parent .child-card:hover .arrow-forward, .dashboard-parent .child-card.active .arrow-forward {
      color: white; }

.dashboard-parent .child-classes .btn-new-class {
  cursor: pointer;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 20px;
  text-align: center;
  box-shadow: unset;
  border: 1px solid rgba(0, 0, 0, 0.12); }
  .dashboard-parent .child-classes .btn-new-class:hover {
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.14);
    border: unset; }
    .dashboard-parent .child-classes .btn-new-class:hover .plus-icon {
      color: #0b9da0; }
  .dashboard-parent .child-classes .btn-new-class .plus-icon {
    font-size: 60px;
    color: lightgray;
    align-self: center; }

.grade-card:hover, .grade-card.active {
  background-color: #0b9da0;
  color: white; }

.payment-page {
  margin-top: 30px;
  margin-bottom: 30px; }
  @media (max-width: 992px) {
    .payment-page {
      margin: 30px 20px; } }
  .payment-page .inner {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly; }
    @media (max-width: 992px) {
      .payment-page .inner {
        flex-direction: column; }
        .payment-page .inner .payment-card, .payment-page .inner .SidePaymentBar {
          margin: 0 auto !important; } }
    .payment-page .inner .payment-error {
      background-color: #EA3A60;
      color: white;
      display: flex;
      padding: 20px 10px;
      border-radius: 5px; }
      .payment-page .inner .payment-error div {
        padding: 0 5px; }
    .payment-page .inner .page-header {
      text-align: left;
      margin: 30px auto 30px; }
      @media (max-width: 480px) {
        .payment-page .inner .page-header {
          margin: 0 auto 20px; } }
    .payment-page .inner .payment-privacy-policy .container {
      max-width: 70%;
      padding: 30px;
      text-align: left;
      box-shadow: 0px 0px 5px rgba(0, 8, 9, 0.12);
      background-color: #f3f3f3;
      margin: 50px auto 0 auto;
      height: 500px;
      overflow-y: scroll; }
    .payment-page .inner .payment-confirmation {
      margin-top: 90px; }
      .payment-page .inner .payment-confirmation .payment-goback-tocourse {
        margin-top: 90px; }
    .payment-page .inner .confirmation-page {
      background-image: url("/static/images/payment/payment_confirmation.837667798fe2.png");
      background-position: top;
      background-repeat: no-repeat;
      width: 100%;
      color: #24343F;
      font-size: 18px; }
      .payment-page .inner .confirmation-page .payment-successful {
        text-align: center;
        font-size: 18px;
        margin-top: 230px;
        margin-bottom: 50px; }
        .payment-page .inner .confirmation-page .payment-successful h5, .payment-page .inner .confirmation-page .payment-successful .bootstrap-datetimepicker-widget .datepicker table thead .picker-switch, .bootstrap-datetimepicker-widget .datepicker table thead .payment-page .inner .confirmation-page .payment-successful .picker-switch {
          font-size: 32px;
          font-weight: bold;
          color: #223742; }
        .payment-page .inner .confirmation-page .payment-successful .welcome {
          margin: 20px 0 30px 0; }
        .payment-page .inner .confirmation-page .payment-successful .btn-primary {
          padding: 15px 75px; }
        .payment-page .inner .confirmation-page .payment-successful .btn-primary-border {
          color: #3C505A;
          border-color: #3C505A; }
        .payment-page .inner .confirmation-page .payment-successful .start-learning {
          margin: 20px 0 30px 0; }
  .payment-page .payment-card {
    position: relative;
    margin: 5% 0;
    max-width: 600px; }
    @media (max-width: 480px) {
      .payment-page .payment-card {
        border-radius: 0;
        box-shadow: unset; } }
    .payment-page .payment-card .payment-form {
      margin-top: 45px; }
    .payment-page .payment-card-body {
      padding: 5px 40px 40px 40px; }
      .payment-page .payment-card-body.aligned-left {
        text-align: left; }
      .payment-page .payment-card-body.aligned-right {
        text-align: right; }
    .payment-page .payment-card-footer {
      width: 100%;
      position: absolute;
      bottom: 20px;
      padding: 10px 40px; }
      .payment-page .payment-card-footer.aligned-left {
        text-align: left; }
      .payment-page .payment-card-footer.aligned-right {
        text-align: right; }
    .payment-page .payment-card .payment-details h5, .payment-page .payment-card .payment-details .bootstrap-datetimepicker-widget .datepicker table thead .picker-switch, .bootstrap-datetimepicker-widget .datepicker table thead .payment-page .payment-card .payment-details .picker-switch {
      font-size: 32px;
      font-weight: bold; }
    .payment-page .payment-card .footer {
      background: transparent; }
      .payment-page .payment-card .footer label {
        display: unset;
        color: #5d5e70;
        font-size: 13px;
        font-weight: 500; }
      .payment-page .payment-card .footer p, .payment-page .payment-card .footer .form-check .form-check-label, .form-check .payment-page .payment-card .footer .form-check-label, .payment-page .payment-card .footer .form-group input:not([type="file"]), .form-group .payment-page .payment-card .footer input:not([type="file"]),
      .payment-page .payment-card .footer .form-group textarea,
      .form-group .payment-page .payment-card .footer textarea, .payment-page .payment-card .footer .form-group select, .form-group .payment-page .payment-card .footer select, .payment-page .payment-card .footer .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .payment-page .payment-card .footer .custom-file-input + .custom-file-control:before, .payment-page .payment-card .footer .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .payment-page .payment-card .footer .custom-file-input + .custom-file-control:after, .payment-page .payment-card .footer .dropdown-menu .dropdown-item, .dropdown-menu .payment-page .payment-card .footer .dropdown-item, .payment-page .payment-card .footer .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .payment-page .payment-card .footer td, .payment-page .payment-card .footer .module-lesson-widget .lesson-widget-header, .module-lesson-widget .payment-page .payment-card .footer .lesson-widget-header, .payment-page .payment-card .footer .module-lesson-widget .lesson-items, .module-lesson-widget .payment-page .payment-card .footer .lesson-items, .payment-page .payment-card .footer a {
        color: #5d5e70;
        font-size: 13px;
        font-weight: 500; }
      .payment-page .payment-card .footer a {
        text-decoration: underline; }
  .payment-page .payment-steps .payment-step {
    display: inline-block;
    background-color: #f3f3f3;
    padding: 10px;
    border-radius: 10px;
    margin: 5px 5px;
    opacity: 0.5; }
    .payment-page .payment-steps .payment-step.active {
      background-color: #0b9da0;
      color: white;
      opacity: 1; }
    .payment-page .payment-steps .payment-step.completed {
      background-color: #0b9da0;
      color: white;
      opacity: 0.5; }
  .payment-page .payment-price .price-value {
    display: inline;
    color: #0b9da0; }
  .payment-page .payment-price .currency-value {
    display: inline; }
  .payment-page .payment-log-details .payment-title {
    text-align: center;
    margin-bottom: 20px; }
  .payment-page .code {
    background-color: lightgray; }
  .payment-page form {
    padding: 0; }
  .payment-page .dashboard-contents {
    height: fit-content;
    margin-top: 30px; }
    .payment-page .dashboard-contents .tab-content {
      margin-top: 30px;
      margin-right: 10%;
      margin-left: 10%; }
    @media (max-width: 767px) {
      .payment-page .dashboard-contents .nav-tabs {
        font-size: 1.3em; }
      .payment-page .dashboard-contents .tab-content {
        margin-right: 0;
        margin-left: 0; } }
    @media (max-width: 575px) {
      .payment-page .dashboard-contents .nav-tabs {
        font-size: 1em; }
        .payment-page .dashboard-contents .nav-tabs li.active, .payment-page .dashboard-contents .nav-tabs li:hover {
          border-bottom: 0.1em solid #0b9da0; } }
  .payment-page .SidePaymentBar {
    max-width: 500px;
    border-radius: 8px;
    margin: 5% 0;
    color: #5d5e70;
    -webkit-box-shadow: 0px 10px 20px -5px #7a7a7a;
    -moz-box-shadow: 0px 10px 20px -5px #7a7a7a;
    box-shadow: 0px 10px 20px -5px #7a7a7a;
    height: 100%;
    text-align: left; }
    .payment-page .SidePaymentBar .header {
      height: 220px;
      overflow: hidden;
      border-top-right-radius: inherit;
      border-top-left-radius: inherit; }
      .payment-page .SidePaymentBar .header img {
        width: 100%; }
    .payment-page .SidePaymentBar .program-name h3 {
      margin: 0px 25px;
      font-size: 24px; }
    .payment-page .SidePaymentBar .program-type {
      background-color: #FFF5EC;
      border-radius: 2px;
      width: fit-content;
      padding: 0 5px;
      margin: 0 25px;
      line-height: 25px; }
      .payment-page .SidePaymentBar .program-type h3 {
        font-size: 12px;
        color: #D28852;
        padding: 0; }
    .payment-page .SidePaymentBar .program-specs ul {
      margin: 20px 15px; }
    .payment-page .SidePaymentBar .program-features {
      margin: 0 25px;
      height: 70px;
      background-color: #FAFBFC;
      border-radius: 5px;
      display: flex; }
      .payment-page .SidePaymentBar .program-features div {
        margin: auto 0;
        padding: 0 10px; }
    .payment-page .SidePaymentBar .pricing {
      height: 130px;
      display: flex; }
      .payment-page .SidePaymentBar .pricing .total {
        margin: auto;
        font-size: 32px;
        color: #24343F;
        font-weight: bold;
        text-align: center; }
        .payment-page .SidePaymentBar .pricing .total .note {
          color: #6889A0;
          font-size: 14px;
          text-align: center;
          font-weight: normal; }
    .payment-page .SidePaymentBar .program-grant {
      margin: 0 25px 20px 25px;
      background-color: #F5F5F5;
      border-radius: 5px;
      display: flex;
      padding: 5px 0; }
      .payment-page .SidePaymentBar .program-grant div {
        margin: auto 0;
        padding: 0 10px; }
        .payment-page .SidePaymentBar .program-grant div a {
          color: #24343F;
          font-size: 14px;
          font-weight: normal; }
          .payment-page .SidePaymentBar .program-grant div a:hover {
            text-decoration: underline; }
    .payment-page .SidePaymentBar .footer {
      border-radius: 8px;
      background: transparent; }
      .payment-page .SidePaymentBar .footer p, .payment-page .SidePaymentBar .footer .form-check .form-check-label, .form-check .payment-page .SidePaymentBar .footer .form-check-label, .payment-page .SidePaymentBar .footer .form-group input:not([type="file"]), .form-group .payment-page .SidePaymentBar .footer input:not([type="file"]),
      .payment-page .SidePaymentBar .footer .form-group textarea,
      .form-group .payment-page .SidePaymentBar .footer textarea, .payment-page .SidePaymentBar .footer .form-group select, .form-group .payment-page .SidePaymentBar .footer select, .payment-page .SidePaymentBar .footer .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .payment-page .SidePaymentBar .footer .custom-file-input + .custom-file-control:before, .payment-page .SidePaymentBar .footer .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .payment-page .SidePaymentBar .footer .custom-file-input + .custom-file-control:after, .payment-page .SidePaymentBar .footer .dropdown-menu .dropdown-item, .dropdown-menu .payment-page .SidePaymentBar .footer .dropdown-item, .payment-page .SidePaymentBar .footer .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .payment-page .SidePaymentBar .footer td, .payment-page .SidePaymentBar .footer .module-lesson-widget .lesson-widget-header, .module-lesson-widget .payment-page .SidePaymentBar .footer .lesson-widget-header, .payment-page .SidePaymentBar .footer .module-lesson-widget .lesson-items, .module-lesson-widget .payment-page .SidePaymentBar .footer .lesson-items, .payment-page .SidePaymentBar .footer a {
        color: #5d5e70;
        font-size: 13px;
        font-weight: 500; }
      .payment-page .SidePaymentBar .footer a {
        text-decoration: underline; }
  .payment-page .modal-content {
    width: 100%; }

.module-onlinepayment {
  text-align: center;
  direction: rtl;
  width: 95%; }
  .module-onlinepayment .accept-privacy-policy {
    text-align: left;
    direction: ltr; }
  .module-onlinepayment .price-box {
    margin: 30px;
    padding: 30px 90px;
    text-align: center;
    border-radius: 15px;
    display: inline-block; }
    .module-onlinepayment .price-box .amount {
      font-size: 2.95rem;
      color: #000809;
      font-weight: 700;
      line-height: 1.1; }
      .module-onlinepayment .price-box .amount .currency {
        font-size: 1rem; }
  .module-onlinepayment .payment-success-message {
    margin-top: 30px;
    text-align: left; }
  .module-onlinepayment .payment-failed-message {
    margin-top: 30px;
    text-align: left; }
  .module-onlinepayment .payment-receipt-download {
    margin-top: 30px;
    text-align: right; }
  .module-onlinepayment .payment-warning {
    text-align: left;
    color: #7F7F7F;
    margin-bottom: 30px; }
  .module-onlinepayment .payment {
    min-height: 230px; }

.wpwl-label {
  max-width: 100% !important; }

.edraak-checkbox {
  display: inline-flex;
  position: relative;
  margin: 10px;
  font-size: 17px;
  font-weight: 600;
  color: black;
  cursor: pointer;
  text-align: left;
  text-transform: capitalize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: pre;
  padding-left: 30px;
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add the primary color to the background */
  /* Show the checkmark when checked */ }
  @media (max-width: 767px) {
    .edraak-checkbox {
      padding-top: 2px;
      font-size: 14px; } }
  .edraak-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .edraak-checkbox__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 24px;
    border: 1px solid #CFD9E0;
    box-sizing: border-box;
    border-radius: 4px;
    cursor: pointer;
    /* Create the checkmark/indicator (hidden when not checked) */ }
    .edraak-checkbox__checkmark:after {
      content: "";
      position: absolute;
      display: none;
      top: 5px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 1px 1px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      left: 9px; }
  .edraak-checkbox__content {
    font-size: 14px;
    line-height: 19px;
    color: #5d5e70;
    text-align: justify; }
    .edraak-checkbox__content a {
      text-decoration: underline;
      color: inherit; }
  .edraak-checkbox:hover input ~ .edraak-checkbox__checkmark {
    background-color: #e3e3e3; }
  .edraak-checkbox input:checked ~ .edraak-checkbox__checkmark {
    background-color: #0BA7AA;
    border: none; }
  .edraak-checkbox input:checked ~ .edraak-checkbox__checkmark:after {
    display: block; }

.fieldset-checkbox {
  display: flex;
  margin-bottom: 20px; }
  .fieldset-checkbox .edraak-checkbox {
    height: 23px;
    width: 24px;
    margin: 0; }
    .fieldset-checkbox .edraak-checkbox input {
      visibility: hidden; }
  .fieldset-checkbox.error {
    padding: 12px 14px;
    border: 1px solid #e50043;
    box-sizing: border-box;
    border-radius: 4px; }

.edraak-radio {
  display: inline-flex;
  position: relative;
  margin: 10px;
  font-size: 17px;
  font-weight: 500;
  color: black;
  cursor: pointer;
  text-align: left;
  text-transform: capitalize;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: pre;
  padding-left: 30px;
  /* On mouse-over, add a grey background color */
  /* When the checkbox is checked, add the primary color to the background */
  /* Show the checkmark when checked */ }
  @media (max-width: 767px) {
    .edraak-radio {
      padding-top: 2px;
      font-size: 14px; } }
  .edraak-radio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0; }
  .edraak-radio__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 23px;
    width: 24px;
    border: 1px solid #CFD9E0;
    box-sizing: border-box;
    border-radius: 50%;
    cursor: pointer;
    /* Create the checkmark/indicator (hidden when not checked) */ }
    .edraak-radio__checkmark:after {
      content: "";
      position: absolute;
      display: none;
      top: 5px;
      width: 5px;
      height: 10px;
      border: solid white;
      border-width: 0 1px 1px 0;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      left: 9px; }
  .edraak-radio__content {
    font-size: 14px;
    line-height: 19px;
    color: #5d5e70;
    text-align: justify; }
    .edraak-radio__content a {
      text-decoration: underline;
      color: inherit; }
  .edraak-radio:hover input ~ .edraak-radio__checkmark {
    background-color: #e3e3e3; }
  .edraak-radio input:checked ~ .edraak-radio__checkmark {
    background-color: #0BA7AA;
    border: none; }
  .edraak-radio input:checked ~ .edraak-radio__checkmark:after {
    display: block; }

.component-builder-container {
  bottom: initial;
  display: flex;
  flex-direction: row;
  left: initial;
  overflow: auto;
  position: initial;
  right: initial;
  top: initial; }
  .component-builder-container .component-menu {
    bottom: initial;
    height: calc(100vh - 140px - 53px);
    left: initial;
    position: initial;
    right: initial;
    top: initial;
    width: 330px; }
    .component-builder-container .component-menu .menu-contents-above-preview-button {
      height: calc(100% - 40px); }
    .component-builder-container .component-menu .builder-preview-button {
      width: 330px; }
    .component-builder-container .component-menu .component-drag-button {
      align-items: center;
      display: flex;
      flex-direction: row;
      height: 52px; }
  .component-builder-container .flash-card-deck-menu .custom-control-input:checked ~ .custom-control-indicator {
    background-color: #0b9da0; }
  .component-builder-container .flash-card-deck-menu .custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: 0 0 0 black; }
  .component-builder-container .flash-card-deck-menu .component-drag-button .dropdown-toggle {
    cursor: pointer; }
    .component-builder-container .flash-card-deck-menu .component-drag-button .dropdown-toggle::after {
      display: none; }
  .component-builder-container .flash-card-deck-menu .component-drag-button .dropdown-menu {
    left: unset;
    right: 0; }

.component-canvas {
  bottom: initial;
  height: calc(100vh - 165px);
  left: initial;
  overflow: auto;
  position: initial;
  right: initial;
  top: initial;
  width: calc(100% - 330px); }
  .component-canvas .placeholder-text {
    width: calc(100% - 330px); }

.sliding-panel-panel .component-canvas {
  height: calc(100vh - 140px - 53px); }
  .sliding-panel-panel .component-canvas .placeholder-text {
    width: auto; }

.sliding-panel-panel .component-editor-tabs .component-editor-tab-pane .component-builder-container .component-menu .menu-contents-above-preview-button {
  height: 100%; }

.flash-card-deck-menu {
  height: calc(100vh - 140px - 53px);
  overflow: hidden auto;
  padding: 20px;
  width: 330px; }

.flash-card-library-search {
  margin-bottom: 1rem; }
  .flash-card-library-search input {
    width: 100%; }

.flash-card-library-filter .no-results {
  padding: 0 5px; }

.flash-card-library-buttons {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: .5rem;
  text-overflow: ellipsis;
  white-space: nowrap; }

.draggable-flash-card-menu-button,
.embeddable-directory-menu-button {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: 52px;
  background-color: #fffefe;
  border-radius: 3px;
  box-shadow: 5px 8px 15px 5px rgba(0, 0, 0, 0.18);
  cursor: grab;
  font-size: 11pt;
  justify-content: space-between;
  margin-bottom: 15px;
  padding: 10px 15px;
  width: 100%; }
  .draggable-flash-card-menu-button:hover,
  .embeddable-directory-menu-button:hover {
    background-color: #e0f8f8; }
  .draggable-flash-card-menu-button.droppable,
  .embeddable-directory-menu-button.droppable {
    background-color: #e0ffe0; }
  .draggable-flash-card-menu-button.over,
  .embeddable-directory-menu-button.over {
    background-color: #00c000;
    color: #fffefe; }
  .draggable-flash-card-menu-button.dragging,
  .embeddable-directory-menu-button.dragging {
    opacity: .8; }
  .draggable-flash-card-menu-button > span,
  .embeddable-directory-menu-button > span {
    flex: 1; }

.flash-card-library-navigator {
  position: relative;
  animation-name: flashcardParent;
  animation-duration: 0.15s; }
  .flash-card-library-navigator.flash-card-directory {
    position: relative;
    animation-name: flashcardGroup;
    animation-duration: 0.15s; }

@keyframes flashcardGroup {
  from {
    right: -330px; }
  to {
    right: 0; } }

@keyframes flashcardParent {
  from {
    left: -330px; }
  to {
    left: 0; } }

.flash-card-directory-parent {
  border-radius: 3px;
  margin-bottom: .5rem;
  min-height: 26px; }
  .flash-card-directory-parent .sub-message {
    font-size: .75rem;
    font-weight: 400; }
  .flash-card-directory-parent.droppable {
    background-color: #e0ffe0; }
  .flash-card-directory-parent.over {
    background-color: #00c000;
    color: #fffefe; }

.flash-card-directory-drop {
  border-radius: 3px;
  height: .75rem;
  margin-bottom: .25rem; }
  .flash-card-directory-drop.droppable {
    background-color: #e0ffe0; }
  .flash-card-directory-drop.over {
    background-color: #00c000;
    color: #fffefe; }

.flash-card-directory-item {
  background-color: #fffefe;
  border-radius: 3px;
  box-shadow: 5px 8px 15px 5px rgba(0, 0, 0, 0.18);
  font-size: 11pt;
  height: 48px;
  margin-bottom: 15px;
  padding: 10px 15px;
  width: 100%; }

.component-renderer-build-flash-card-presentation {
  align-items: center;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 10px 20px;
  padding: 22px; }
  .component-renderer-build-flash-card-presentation .flash-card-label {
    align-items: center;
    display: flex;
    flex-direction: row; }
    .component-renderer-build-flash-card-presentation .flash-card-label i {
      height: 20px;
      min-width: 20px; }
  .component-renderer-build-flash-card-presentation .title-builder {
    margin-left: 20px; }

.directory-title {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: row;
  width: 100%; }
  .directory-title img {
    margin-right: 0.5rem; }

.dropdown-selected {
  font-size: 13px; }

.dropdown.show .dropdown-menu.grouped {
  display: flex;
  flex-direction: row; }

.dropdown-menu.grouped {
  left: 0;
  padding: 0 10px;
  text-align: center;
  top: 30px; }
  .dropdown-menu.grouped .dropdown-item-group {
    margin: 30px 0;
    padding: 0 5px;
    width: 120px; }
    .dropdown-menu.grouped .dropdown-item-group strong {
      padding: 10px 0; }
    .dropdown-menu.grouped .dropdown-item-group .dropdown-item {
      padding: 10px 0;
      white-space: normal;
      border: solid 2px #7F7F7F;
      margin-top: 10px;
      padding: 10px;
      border-radius: 10px;
      cursor: pointer; }
      .dropdown-menu.grouped .dropdown-item-group .dropdown-item.selected {
        background: #7F7F7F;
        color: #f7f7f7; }
    @media (min-width: 1280px) {
      .dropdown-menu.grouped .dropdown-item-group {
        width: 185px; } }
  @media (min-width: 768px) {
    .dropdown-menu.grouped {
      left: calc(50% - 250px); } }
  @media (min-width: 1280px) {
    .dropdown-menu.grouped {
      left: calc(50% - 380px); } }
.footer {
  background-color: #363636;
  color: #d7d7d7;
  font-size: 0.875rem;
  width: 100%;
  max-width: 1180px;
  min-width: 100%;
  margin-top: auto;
  padding-top: 10px;
  padding-bottom: 10px; }
  @media (min-width: 992px) {
    .footer {
      padding-top: 25px;
      padding-bottom: 25px; } }
  .footer a {
    font-weight: normal; }
    .footer a:link:hover {
      text-decoration: none; }
  @media (min-width: 992px) {
    .footer .row:before, .footer .row:after {
      content: " ";
      display: table; }
    .footer .row:after {
      clear: both; } }
  @media (max-width: 991px) {
    .footer .row > div {
      text-align: center;
      margin-top: 10px;
      margin-bottom: 10px; } }
  @media (min-width: 992px) {
    .footer .brief, .footer .main-links {
      float: left ;
      width: 40%; } }
  @media (min-width: 992px) {
    .footer .sub-links, .footer .social {
      float: left ;
      width: 50%; } }
  .footer .copyrights {
    color: #9a9a9a;
    text-transform: uppercase;
    text-align: center; }
    .footer .copyrights .edraak-link {
      display: inline-block;
      color: #c2c2c2; }
      .footer .copyrights .edraak-link:hover {
        background-color: transparent;
        color: white;
        text-decoration: none; }
      .footer .copyrights .edraak-link:focus {
        text-decoration: none; }
      .footer .copyrights .edraak-link img {
        display: inline-block;
        vertical-align: bottom; }
        @media (max-width: 991px) {
          .footer .copyrights .edraak-link img {
            display: block;
            margin: 8px auto 4px; } }
    .footer .copyrights .text {
      display: inline-block;
      color: inherit; }
      .footer .copyrights .text .bullet {
        color: inherit; }
        @media (max-width: 991px) {
          .footer .copyrights .text .bullet {
            display: none; } }
      @media (max-width: 991px) {
        .footer .copyrights .text {
          display: block;
          margin: 4px auto; } }
    @media (min-width: 1200px) {
      .footer .copyrights {
        position: relative;
        top: -28px;
        height: 0;
        overflow: visible; } }
    @media (min-width: 992px) and (max-width: 1199px) {
      .footer .copyrights {
        position: relative;
        top: 16px; } }
  .footer ul {
    padding-left: 0;
    margin-bottom: 0; }
    .footer ul li {
      position: relative;
      z-index: 1;
      display: inline-block; }
  @media (min-width: 992px) {
    .footer .brief {
      min-height: 40px; } }
  @media (min-width: 992px) {
    .footer .main-links, .footer .social {
      text-align: right; } }
  .footer .main-links li, .footer .social li {
    padding-left: 1em; }
    .footer .main-links li a, .footer .social li a {
      color: #d7d7d7; }
      .footer .main-links li a:hover, .footer .social li a:hover {
        color: white; }
  @media (min-width: 992px) {
    .footer .main-links {
      margin-left: 20%; } }
  .footer .main-links ul li {
    text-transform: uppercase; }
    @media (max-width: 991px) {
      .footer .main-links ul li {
        display: block;
        padding-top: 6px;
        padding-bottom: 6px; } }
  .footer .social a:hover {
    color: white; }
  .footer .social a i {
    font-size: 28px;
    line-height: 28px; }
  .footer .sub-links {
    margin-top: 10px; }
    .footer .sub-links li {
      padding-right: 1em; }
      .footer .sub-links li a {
        color: #9a9a9a; }
        .footer .sub-links li a:hover {
          color: white; }

.two-cols-first-col {
  float: left ; }

.two-cols-second-col {
  float: right ; }

.program-bubble {
  width: 270px;
  height: none;
  width: 270px;
  height: 270px;
  background-color: #0b9da0;
  overflow: hidden; }
  .program-bubble:not(.no-mask) {
    mask: url("/static/images/bubble.230cc5d69e2c.svg") center/cover;
    -webkit-mask: url("/static/images/bubble.230cc5d69e2c.svg") center/cover; }
  .program-bubble.no-mask {
    border-radius: 100%;
    border-bottom-right-radius: 0;
    overflow: hidden; }
  .program-bubble .bubble-content {
    background: transparent no-repeat center;
    background-size: cover;
    transition: all 0.22s ease; }
    .program-bubble .bubble-content .title {
      margin: 0;
      font-size: 21px;
      text-transform: none;
      display: table;
      width: 270px;
      height: none;
      padding: 27px 15px;
      background: rgba(0, 0, 0, 0.4);
      color: white; }
      .program-bubble .bubble-content .title > div {
        display: table-cell;
        vertical-align: middle; }
      .program-bubble .bubble-content .title p, .program-bubble .bubble-content .title .form-check .form-check-label, .form-check .program-bubble .bubble-content .title .form-check-label, .program-bubble .bubble-content .title .form-group input:not([type="file"]), .form-group .program-bubble .bubble-content .title input:not([type="file"]),
      .program-bubble .bubble-content .title .form-group textarea,
      .form-group .program-bubble .bubble-content .title textarea, .program-bubble .bubble-content .title .form-group select, .form-group .program-bubble .bubble-content .title select, .program-bubble .bubble-content .title .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .program-bubble .bubble-content .title .custom-file-input + .custom-file-control:before, .program-bubble .bubble-content .title .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .program-bubble .bubble-content .title .custom-file-input + .custom-file-control:after, .program-bubble .bubble-content .title .dropdown-menu .dropdown-item, .dropdown-menu .program-bubble .bubble-content .title .dropdown-item, .program-bubble .bubble-content .title .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .program-bubble .bubble-content .title td, .program-bubble .bubble-content .title .module-lesson-widget .lesson-widget-header, .module-lesson-widget .program-bubble .bubble-content .title .lesson-widget-header, .program-bubble .bubble-content .title .module-lesson-widget .lesson-items, .module-lesson-widget .program-bubble .bubble-content .title .lesson-items {
        margin: 0;
        line-height: 1.5em; }
        .program-bubble .bubble-content .title p strong, .program-bubble .bubble-content .title .form-check .form-check-label strong, .form-check .program-bubble .bubble-content .title .form-check-label strong, .program-bubble .bubble-content .title .form-group input:not([type="file"]) strong, .form-group .program-bubble .bubble-content .title input:not([type="file"]) strong,
        .program-bubble .bubble-content .title .form-group textarea strong,
        .form-group .program-bubble .bubble-content .title textarea strong, .program-bubble .bubble-content .title .form-group select strong, .form-group .program-bubble .bubble-content .title select strong, .program-bubble .bubble-content .title .form-group label.custom-file .custom-file-input + .custom-file-control:before strong, .form-group label.custom-file .program-bubble .bubble-content .title .custom-file-input + .custom-file-control:before strong, .program-bubble .bubble-content .title .form-group label.custom-file .custom-file-input + .custom-file-control:after strong, .form-group label.custom-file .program-bubble .bubble-content .title .custom-file-input + .custom-file-control:after strong, .program-bubble .bubble-content .title .dropdown-menu .dropdown-item strong, .dropdown-menu .program-bubble .bubble-content .title .dropdown-item strong, .program-bubble .bubble-content .title .bootstrap-datetimepicker-widget .datepicker table tbody tr td strong, .bootstrap-datetimepicker-widget .datepicker table tbody tr .program-bubble .bubble-content .title td strong, .program-bubble .bubble-content .title .module-lesson-widget .lesson-widget-header strong, .module-lesson-widget .program-bubble .bubble-content .title .lesson-widget-header strong, .program-bubble .bubble-content .title .module-lesson-widget .lesson-items strong, .module-lesson-widget .program-bubble .bubble-content .title .lesson-items strong {
          font-weight: 700; }
      .program-bubble .bubble-content .title .learn-more-btn {
        margin-top: 34px;
        font-size: 16px; }
        @media (min-width: 992px) {
          .program-bubble .bubble-content .title .learn-more-btn {
            display: none; } }
  .program-bubble.program-bubble-slim .bubble-content .organization {
    margin-top: -270px;
    height: 270px;
    display: table; }
    .program-bubble.program-bubble-slim .bubble-content .organization > .bottom-align {
      display: table-cell;
      vertical-align: bottom; }
    .program-bubble.program-bubble-slim .bubble-content .organization .bottom-align .text {
      width: 270px;
      background: rgba(0, 0, 0, 0.64);
      padding-left: 75.5px;
      padding-right: 4px;
      font-size: 16px;
      line-height: 20px;
      padding-top: 3.5px;
      padding-bottom: 3.5px;
      text-align: center;
      color: #c2c2c2; }
  .program-bubble.program-bubble-slim .learn-more {
    position: relative;
    display: table;
    text-align: center;
    width: 270px;
    height: none;
    margin-top: -270px;
    opacity: 0;
    color: white; }
    .program-bubble.program-bubble-slim .learn-more > div {
      display: table-cell;
      vertical-align: middle; }
    .program-bubble.program-bubble-slim .learn-more:hover {
      text-decoration: none; }
    .program-bubble.program-bubble-slim .learn-more .ic-chevron-right {
      font-size: 30px;
      line-height: 30px; }
    .program-bubble.program-bubble-slim .learn-more .text {
      font-size: 21px;
      padding-top: 5px; }
  .program-bubble.program-bubble-slim:hover .bubble-content {
    opacity: 0.05; }
  .program-bubble.program-bubble-slim:hover .learn-more {
    opacity: 1; }
  .program-bubble.program-bubble-full {
    float: left;
    width: 200px;
    height: none; }
    .program-bubble.program-bubble-full .bubble-content .organization {
      margin-top: -200px;
      height: 200px;
      display: table; }
      .program-bubble.program-bubble-full .bubble-content .organization > .bottom-align {
        display: table-cell;
        vertical-align: bottom; }
      .program-bubble.program-bubble-full .bubble-content .organization .bottom-align .text {
        width: 200px;
        background: rgba(0, 0, 0, 0.64);
        padding-left: 58px;
        padding-right: 4px;
        font-size: 16px;
        line-height: 20px;
        padding-top: 3.5px;
        padding-bottom: 3.5px;
        text-align: center;
        color: #c2c2c2; }
    .program-bubble.program-bubble-full .bubble-content .title {
      width: 200px;
      height: none;
      padding: 27px 15px; }
      .program-bubble.program-bubble-full .bubble-content .title div {
        color: transparent; }
    .program-bubble.program-bubble-full .learn-more {
      position: relative;
      display: table;
      text-align: center;
      width: 200px;
      height: none;
      margin-top: -200px;
      opacity: 0;
      color: white;
      padding-left: 40px;
      padding-right: 40px; }
      .program-bubble.program-bubble-full .learn-more > div {
        display: table-cell;
        vertical-align: middle; }
      .program-bubble.program-bubble-full .learn-more:hover {
        text-decoration: none; }
      .program-bubble.program-bubble-full .learn-more .ic-chevron-right {
        font-size: 30px;
        line-height: 30px; }
      .program-bubble.program-bubble-full .learn-more .text {
        font-size: 21px;
        padding-top: 5px; }
      .program-bubble.program-bubble-full .learn-more .icon-chevron-circle {
        padding-left: 40px;
        padding-right: 40px; }
      .program-bubble.program-bubble-full .learn-more .text {
        font-size: 20px; }
    .program-bubble.program-bubble-full:hover .bubble-content {
      opacity: 0.05; }
    .program-bubble.program-bubble-full:hover .learn-more {
      opacity: 1; }

.program .details .start-date .text, .program .details .language .text {
  font-size: 16px; }

.program .details .start-date .icon, .program .details .language .icon {
  padding-right: 4px;
  font-size: 22px; }

.program .details .start-date .text {
  position: relative;
  top: -1px; }

.program.program-slim {
  width: 270px; }
  .program.program-slim .details {
    width: 252px;
    margin-left: auto;
    margin-top: 7px; }
    .program.program-slim .details:before, .program.program-slim .details:after {
      content: " ";
      display: table; }
    .program.program-slim .details:after {
      clear: both; }
    .program.program-slim .details .start-date {
      float: left ; }

.program.program-full {
  width: 470px;
  height: 200px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 21.2766%, #fffefe 21.2766%, #fffefe 100%);
  border-radius: 12px; }
  .program.program-full:before, .program.program-full:after {
    content: " ";
    display: table; }
  .program.program-full:after {
    clear: both; }
  .program.program-full .details {
    width: 270px;
    height: 200px;
    padding-left: 20px;
    padding-right: 20px;
    float: left ;
    position: relative; }
    .program.program-full .details .title {
      text-decoration: none;
      display: table;
      display: inline; }
      .program.program-full .details .title > h2, .program.program-full .details .program-nav ul.nav-items .title > .nav-link, .program-nav ul.nav-items .program.program-full .details .title > .nav-link, .program.program-full .details .component-builder-nav ul.nav-items .title > .nav-link, .component-builder-nav ul.nav-items .program.program-full .details .title > .nav-link {
        display: table-cell;
        vertical-align: middle; }
      .program.program-full .details .title h2, .program.program-full .details .title .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items .program.program-full .details .title .nav-link, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link {
        line-height: 25px;
        font-size: 19px;
        text-transform: none;
        margin: 0;
        height: 70px;
        overflow: visible; }
        .lang-ar .program.program-full .details .title h2, .lang-ar .program.program-full .details .title .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items .lang-ar .program.program-full .details .title .nav-link, .lang-ar .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .lang-ar .program.program-full .details .title .nav-link {
          line-height: 30px; }
        .program.program-full .details .title h2 p, .program.program-full .details .title .program-nav ul.nav-items .nav-link p, .program-nav ul.nav-items .program.program-full .details .title .nav-link p, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link p, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link p, .program.program-full .details .title h2 .form-check .form-check-label, .form-check .program.program-full .details .title h2 .form-check-label, .program.program-full .details .title .program-nav ul.nav-items .nav-link .form-check .form-check-label, .form-check .program.program-full .details .title .program-nav ul.nav-items .nav-link .form-check-label, .program-nav ul.nav-items .program.program-full .details .title .nav-link .form-check .form-check-label, .form-check .program-nav ul.nav-items .program.program-full .details .title .nav-link .form-check-label, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .form-check .form-check-label, .form-check .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .form-check-label, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .form-check .form-check-label, .form-check .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .form-check-label, .program.program-full .details .title h2 .form-group input:not([type="file"]), .form-group .program.program-full .details .title h2 input:not([type="file"]), .program.program-full .details .title .program-nav ul.nav-items .nav-link .form-group input:not([type="file"]), .form-group .program.program-full .details .title .program-nav ul.nav-items .nav-link input:not([type="file"]), .program-nav ul.nav-items .program.program-full .details .title .nav-link .form-group input:not([type="file"]), .form-group .program-nav ul.nav-items .program.program-full .details .title .nav-link input:not([type="file"]), .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .form-group input:not([type="file"]), .form-group .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link input:not([type="file"]), .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .form-group input:not([type="file"]), .form-group .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link input:not([type="file"]),
        .program.program-full .details .title h2 .form-group textarea,
        .form-group .program.program-full .details .title h2 textarea,
        .program.program-full .details .title .program-nav ul.nav-items .nav-link .form-group textarea,
        .form-group .program.program-full .details .title .program-nav ul.nav-items .nav-link textarea,
        .program-nav ul.nav-items .program.program-full .details .title .nav-link .form-group textarea,
        .form-group .program-nav ul.nav-items .program.program-full .details .title .nav-link textarea,
        .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .form-group textarea,
        .form-group .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link textarea,
        .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .form-group textarea,
        .form-group .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link textarea, .program.program-full .details .title h2 .form-group select, .form-group .program.program-full .details .title h2 select, .program.program-full .details .title .program-nav ul.nav-items .nav-link .form-group select, .form-group .program.program-full .details .title .program-nav ul.nav-items .nav-link select, .program-nav ul.nav-items .program.program-full .details .title .nav-link .form-group select, .form-group .program-nav ul.nav-items .program.program-full .details .title .nav-link select, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .form-group select, .form-group .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link select, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .form-group select, .form-group .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link select, .program.program-full .details .title h2 .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .program.program-full .details .title h2 .custom-file-input + .custom-file-control:before, .program.program-full .details .title .program-nav ul.nav-items .nav-link .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .program.program-full .details .title .program-nav ul.nav-items .nav-link .custom-file-input + .custom-file-control:before, .program-nav ul.nav-items .program.program-full .details .title .nav-link .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .program-nav ul.nav-items .program.program-full .details .title .nav-link .custom-file-input + .custom-file-control:before, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .custom-file-input + .custom-file-control:before, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .custom-file-input + .custom-file-control:before, .program.program-full .details .title h2 .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .program.program-full .details .title h2 .custom-file-input + .custom-file-control:after, .program.program-full .details .title .program-nav ul.nav-items .nav-link .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .program.program-full .details .title .program-nav ul.nav-items .nav-link .custom-file-input + .custom-file-control:after, .program-nav ul.nav-items .program.program-full .details .title .nav-link .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .program-nav ul.nav-items .program.program-full .details .title .nav-link .custom-file-input + .custom-file-control:after, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .custom-file-input + .custom-file-control:after, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .custom-file-input + .custom-file-control:after, .program.program-full .details .title h2 .dropdown-menu .dropdown-item, .dropdown-menu .program.program-full .details .title h2 .dropdown-item, .program.program-full .details .title .program-nav ul.nav-items .nav-link .dropdown-menu .dropdown-item, .dropdown-menu .program.program-full .details .title .program-nav ul.nav-items .nav-link .dropdown-item, .program-nav ul.nav-items .program.program-full .details .title .nav-link .dropdown-menu .dropdown-item, .dropdown-menu .program-nav ul.nav-items .program.program-full .details .title .nav-link .dropdown-item, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .dropdown-menu .dropdown-item, .dropdown-menu .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .dropdown-item, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .dropdown-menu .dropdown-item, .dropdown-menu .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .dropdown-item, .program.program-full .details .title h2 .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .program.program-full .details .title h2 td, .program.program-full .details .title .program-nav ul.nav-items .nav-link .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .program.program-full .details .title .program-nav ul.nav-items .nav-link td, .program-nav ul.nav-items .program.program-full .details .title .nav-link .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .program-nav ul.nav-items .program.program-full .details .title .nav-link td, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link td, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link td, .program.program-full .details .title h2 .module-lesson-widget .lesson-widget-header, .module-lesson-widget .program.program-full .details .title h2 .lesson-widget-header, .program.program-full .details .title .program-nav ul.nav-items .nav-link .module-lesson-widget .lesson-widget-header, .module-lesson-widget .program.program-full .details .title .program-nav ul.nav-items .nav-link .lesson-widget-header, .program-nav ul.nav-items .program.program-full .details .title .nav-link .module-lesson-widget .lesson-widget-header, .module-lesson-widget .program-nav ul.nav-items .program.program-full .details .title .nav-link .lesson-widget-header, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .module-lesson-widget .lesson-widget-header, .module-lesson-widget .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .lesson-widget-header, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .module-lesson-widget .lesson-widget-header, .module-lesson-widget .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .lesson-widget-header, .program.program-full .details .title h2 .module-lesson-widget .lesson-items, .module-lesson-widget .program.program-full .details .title h2 .lesson-items, .program.program-full .details .title .program-nav ul.nav-items .nav-link .module-lesson-widget .lesson-items, .module-lesson-widget .program.program-full .details .title .program-nav ul.nav-items .nav-link .lesson-items, .program-nav ul.nav-items .program.program-full .details .title .nav-link .module-lesson-widget .lesson-items, .module-lesson-widget .program-nav ul.nav-items .program.program-full .details .title .nav-link .lesson-items, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .module-lesson-widget .lesson-items, .module-lesson-widget .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link .lesson-items, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .module-lesson-widget .lesson-items, .module-lesson-widget .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link .lesson-items {
          margin: 0;
          display: inline; }
    .program.program-full .details .edit-program {
      float: right ;
      text-decoration: none;
      display: inline;
      display: table; }
      .program.program-full .details .edit-program > span {
        display: table-cell;
        vertical-align: middle; }
      .program.program-full .details .edit-program span {
        height: 70px;
        color: #0b9da0; }
    .program.program-full .details .program-share {
      margin-top: 20px; }
      .program.program-full .details .program-share:before, .program.program-full .details .program-share:after {
        content: " ";
        display: table; }
      .program.program-full .details .program-share:after {
        clear: both; }
    .program.program-full .details .start-date, .program.program-full .details .language {
      position: absolute;
      bottom: 0; }
    .program.program-full .details .start-date {
      left: 15px; }
    .program.program-full .details .language {
      right: 15px; }
  @media (max-width: 480px) {
    .program.program-full {
      width: 313.33333px;
      height: 133.33333px; }
      .program.program-full .program-bubble {
        width: 133.33333px;
        height: none; }
        .program.program-full .program-bubble .bubble-content .organization {
          margin-top: -133.33333px;
          height: 133.33333px;
          display: table; }
          .program.program-full .program-bubble .bubble-content .organization > .bottom-align {
            display: table-cell;
            vertical-align: bottom; }
          .program.program-full .program-bubble .bubble-content .organization .bottom-align .text {
            width: 133.33333px;
            background: rgba(0, 0, 0, 0.64);
            padding-left: 41.33333px;
            padding-right: 4px;
            font-size: 16px;
            line-height: 20px;
            padding-top: 3.5px;
            padding-bottom: 3.5px;
            text-align: center;
            color: #c2c2c2; }
          .program.program-full .program-bubble .bubble-content .organization .bottom-align .text {
            font-size: 12px;
            line-height: 14px; }
        .program.program-full .program-bubble:hover .bubble-content {
          opacity: 1; }
        .program.program-full .program-bubble:hover .learn-more {
          opacity: 0; }
      .program.program-full .details {
        width: 180px;
        height: 133.33333px;
        float: left ;
        padding-left: 10px;
        padding-top: 10px;
        width: 170px;
        position: relative; }
        .program.program-full .details .title h2, .program.program-full .details .title .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items .program.program-full .details .title .nav-link, .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .program.program-full .details .title .nav-link {
          font-size: 14px;
          position: absolute;
          width: 170px;
          line-height: 20px; }
          .lang-ar .program.program-full .details .title h2, .lang-ar .program.program-full .details .title .program-nav ul.nav-items .nav-link, .program-nav ul.nav-items .lang-ar .program.program-full .details .title .nav-link, .lang-ar .program.program-full .details .title .component-builder-nav ul.nav-items .nav-link, .component-builder-nav ul.nav-items .lang-ar .program.program-full .details .title .nav-link {
            line-height: 20px; }
        .program.program-full .details .start-date, .program.program-full .details .language {
          display: none; }
        .program.program-full .details .text {
          font-size: xx-small; }
        .program.program-full .details .btn, .program.program-full .details .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .program.program-full .details .custom-file-input + .custom-file-control:before {
          color: white;
          border: 0;
          margin-top: 40px;
          margin-left: -20px;
          -webkit-transform: scale(0.7, 0.7);
          -ms-transform: scale(0.7, 0.7);
          -o-transform: scale(0.7, 0.7);
          transform: scale(0.7, 0.7); }
        .program.program-full .details .btn-primary-alt {
          background-color: #0b9da0; } }
.banner-content {
  text-align: center;
  min-height: 300px;
  color: white;
  background: center/cover no-repeat;
  background-color: #fffefe; }
  .banner-content * {
    margin: 0px; }
  .banner-content .banner-overlay {
    padding-top: 170px;
    position: relative; }
    .banner-content .banner-overlay .submission-error {
      box-sizing: border-box;
      background: #fbf3f3;
      padding: 25px;
      display: none;
      top: 0;
      width: 100%;
      position: absolute;
      font-weight: 600;
      color: #a0050e !important; }

.navbar.navbar-inverse {
  display: none;
  position: fixed;
  width: 100%;
  z-index: 9999;
  top: 79px;
  height: auto;
  padding-bottom: 20px; }
  .navbar.navbar-inverse.open {
    display: block;
    background: #f8f8f8;
    border: 0;
    z-index: 100000;
    transition: all .5s ease 0s;
    border-top: 1px solid rgba(0, 0, 0, 0.11);
    border-bottom: 1px solid rgba(0, 0, 0, 0.11);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.11) !important; }
    @media (min-width: 993px) {
      .navbar.navbar-inverse.open {
        display: none; } }
    @media (max-width: 767px) {
      .navbar.navbar-inverse.open {
        position: absolute; } }
.navbar-inner > div {
  display: block; }

.navbar .item {
  width: 100%;
  display: block;
  border-bottom: 1px solid #bbbbbb;
  padding: 11px 0 0;
  position: relative; }
  .navbar .item .btn, .navbar .item .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .navbar .item .custom-file-input + .custom-file-control:before {
    padding: 8px 10px;
    font-size: 1em;
    border-radius: 5px; }
  .navbar .item.silent {
    border: 0;
    padding-bottom: 0; }
  .navbar .item.aligned {
    display: flex;
    gap: 10px;
    flex-wrap: wrap; }
  .navbar .item a {
    font-size: 14px;
    color: #4C6373;
    text-decoration: none;
    font-weight: normal; }
    .navbar .item a.btn-danger {
      color: #fffefe; }
    .navbar .item a:hover {
      color: #0b9da0;
      text-decoration: none;
      cursor: pointer; }
      .navbar .item a:hover.btn, .navbar .item .form-group label.custom-file .custom-file-input + .custom-file-control:hover:before, .form-group label.custom-file .navbar .item .custom-file-input + .custom-file-control:hover:before {
        color: white; }
  .navbar .item .new {
    border-radius: 100px;
    background-color: #de2241;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: white;
    position: absolute;
    padding: 3px 10px;
    right: 0; }

.navbar-nav {
  width: 100%; }
  .navbar-nav li {
    float: none; }

.navbar ul {
  padding-left: 15px; }
  .navbar ul li {
    list-style: none;
    margin-bottom: 10px; }
    .navbar ul li.active a {
      color: #0b9da0; }

.layer {
  display: none; }
  @media (max-width: 992px) {
    .layer.floating {
      display: block;
      position: fixed;
      top: 117px;
      width: 100%;
      height: 100%;
      z-index: 120;
      background: rgba(255, 255, 255, 0.78); } }
  @media (max-width: 767px) {
    .layer.floating {
      top: 60px; } }
@font-face {
  font-family: 'icomoon';
  src: url("/static/fonts/icomoon/icomoon.b79cdc7813af.eot?4qx26i");
  src: url("/static/fonts/icomoon/icomoon.b79cdc7813af.eot?4qx26i#iefix") format("embedded-opentype"), url("/static/fonts/icomoon/icomoon.c9877cdec18b.ttf?4qx26i") format("truetype"), url("/static/fonts/icomoon/icomoon.68d2e17c45ad.woff?4qx26i") format("woff"), url("/static/fonts/icomoon/icomoon.7b19f56472dc.svg?4qx26i#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="iconmo-"], [class*=" iconmo-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.iconmo-K12-ic-1:before {
  content: "\e916"; }

.iconmo-K12-ic-2:before {
  content: "\e93e"; }

.iconmo-42X42-5:before {
  content: "\e90d";
  color: #4d585e; }

.iconmo-o4:before {
  content: "\e90e"; }

.iconmo-X42-3:before {
  content: "\e90f";
  color: #4d585e; }

.iconmo-X42-4:before {
  content: "\e910";
  color: #4d585e; }

.iconmo-X42-6-Copy:before {
  content: "\e911";
  color: #4d585e; }

.iconmo-X42-6:before {
  content: "\e912";
  color: #4d585e; }

.iconmo-X42:before {
  content: "\e913";
  color: #4d585e; }

.iconmo-X410-Copy-2:before {
  content: "\e914";
  color: #4d585e; }

.iconmo-Calender-icon:before {
  content: "\e915";
  color: #45d1ca; }

.iconmo-help-center-icon-copy-2:before {
  content: "\e917"; }

.iconmo-help-center-icon-copy-3 .path1:before {
  content: "\e918";
  color: #143242;
  opacity: 0.8777; }

.iconmo-help-center-icon-copy-3 .path2:before {
  content: "\e919";
  margin-left: -1em;
  color: #143242;
  opacity: 0.9187; }

.iconmo-help-center-icon-copy-3 .path3:before {
  content: "\e91a";
  margin-left: -1em;
  color: #143242;
  opacity: 0.9187; }

.iconmo-help-center-icon-copy-3 .path4:before {
  content: "\e91b";
  margin-left: -1em;
  color: #143242;
  opacity: 0.9187; }

.iconmo-help-center-icon-copy-4:before {
  content: "\e91c"; }

.iconmo-help-center-icon-copy-5:before {
  content: "\e91d"; }

.iconmo-help-center-icon-copy-6:before {
  content: "\e91e"; }

.iconmo-help-center-icon-copy-7:before {
  content: "\e91f"; }

.iconmo-help-center-icon-copy-8 .path1:before {
  content: "\e920";
  color: #143242; }

.iconmo-help-center-icon-copy-8 .path2:before {
  content: "\e921";
  margin-left: -1em;
  color: #4a90e2; }

.iconmo-help-center-icon-copy-8 .path3:before {
  content: "\e922";
  margin-left: -1em;
  color: #4a90e2; }

.iconmo-help-center-icon-copy-8 .path4:before {
  content: "\e923";
  margin-left: -1em;
  color: #4a90e2; }

.iconmo-help-center-icon-copy-9:before {
  content: "\e924"; }

.iconmo-help-center-icon-copy-10:before {
  content: "\e925"; }

.iconmo-help-center-icon-copy-11:before {
  content: "\e926"; }

.iconmo-help-center-icon-copy-12:before {
  content: "\e927"; }

.iconmo-help-center-icon-copy-13:before {
  content: "\e928"; }

.iconmo-help-center-icon-copy-14:before {
  content: "\e929"; }

.iconmo-help-center-icon-copy-15 .path1:before {
  content: "\e92a"; }

.iconmo-help-center-icon-copy-15 .path2:before {
  content: "\e92b";
  margin-left: -1em;
  color: #eaedef; }

.iconmo-help-center-icon-copy:before {
  content: "\e92c"; }

.iconmo-Search-R .path1:before {
  content: "\e92f";
  color: white; }

.iconmo-Search-R .path2:before {
  content: "\e930";
  margin-left: -1.513671875em;
  color: transparent; }

.iconmo-Search-R .path3:before {
  content: "\e931";
  margin-left: -1.513671875em;
  color: #d8d8d8; }

.iconmo-Search-R .path4:before {
  content: "\e932";
  margin-left: -1.513671875em;
  color: #d8d8d8; }

.iconmo-Search-R .path5:before {
  content: "\e933";
  margin-left: -1.513671875em;
  color: #d8d8d8; }

.iconmo-Search-R .path6:before {
  content: "\e934";
  margin-left: -1.513671875em;
  color: #d8d8d8; }

.iconmo-Search-R .path7:before {
  content: "\e935";
  margin-left: -1.513671875em;
  color: #d8d8d8; }

.iconmo-Search-R .path8:before {
  content: "\e936";
  margin-left: -1.513671875em;
  color: #d8d8d8; }

.iconmo-Search-R .path9:before {
  content: "\e937";
  margin-left: -1.513671875em;
  color: #d2d8db;
  opacity: 0.1287; }

.iconmo-Search-R .path10:before {
  content: "\e938";
  margin-left: -1.513671875em;
  color: #d2d8db;
  opacity: 0.1287; }

.iconmo-Search-R .path11:before {
  content: "\e939";
  margin-left: -1.513671875em;
  color: #d2d8db;
  opacity: 0.1287; }

.iconmo-Search-R .path12:before {
  content: "\e93a";
  margin-left: -1.513671875em;
  color: white; }

.iconmo-Search-R .path13:before {
  content: "\e93b";
  margin-left: -1.513671875em;
  color: #d2d8db; }

.iconmo-arrow-right:before {
  content: "\e90b"; }

.iconmo-arrow-left:before {
  content: "\e90c"; }

.iconmo-snapchat:before {
  content: "\e900"; }

.iconmo-pinterest:before {
  content: "\e901"; }

.iconmo-google-plus:before {
  content: "\e902"; }

.iconmo-instagram:before {
  content: "\e903"; }

.iconmo-search:before {
  content: "\e904"; }

.iconmo-home:before {
  content: "\e905"; }

.iconmo-check:before {
  content: "\e906"; }

.iconmo-right-quote:before {
  content: "\e907"; }

.iconmo-calendar:before {
  content: "\e908"; }

.iconmo-arrow-down:before {
  content: "\e909"; }

.iconmo-play:before {
  content: "\e90a"; }

.iconmo-facebook:before {
  content: "\ea90"; }

.iconmo-twitter:before {
  content: "\ea96"; }

.iconmo-youtube:before {
  content: "\ea9d"; }

.iconmo-linkedin:before {
  content: "\eaca"; }

.iconmo-time:before {
  content: "\e92e"; }

.iconmo-hat:before {
  content: "\e908"; }

.iconmo-badge:before {
  content: "\e909"; }

.iconmo-books:before {
  content: "\e90a"; }

/*
  Icon Font: fontcustom
*/
@font-face {
  font-family: "fontcustom";
  src: url("/static/fonts/edraak-icons/fontcustom.4314929c7a31.eot");
  src: url("/static/fonts/edraak-icons/fontcustom.4314929c7a31.eot#iefix") format("embedded-opentype"), url("../fonts/edraak-icons/fontcustom.a6b78dc2f30c.woff") format("woff"), url("../fonts/edraak-icons/fontcustom.9cb13c6e3cf2.ttf") format("truetype"), url("../fonts/edraak-icons/fontcustom.acc714316cae.svg#fontcustom") format("svg");
  font-weight: normal;
  font-style: normal; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: "fontcustom";
    src: url("/static/fonts/edraak-icons/fontcustom.acc714316cae.svg#fontcustom") format("svg"); } }

[data-icon]:before {
  content: attr(data-icon); }

[data-icon]:before,
.icon-alert-octagon:before,
.icon-audio_component:before,
.icon-audio_playlist:before,
.icon-back:before,
.icon-badge-effort:before,
.icon-badge-mastery:before,
.icon-badge-peer-learning:before,
.icon-calendar:before,
.icon-caret:before,
.icon-certificate:before,
.icon-checkbox-blank-circle-outline:before,
.icon-checkbox-blank-outline:before,
.icon-checkbox-marked:before,
.icon-checkbox-marked-circle:before,
.icon-chevron-left:before,
.icon-chevron-right:before,
.icon-clear-out:before,
.icon-close:before,
.icon-container-contract:before,
.icon-container-expand:before,
.icon-delete:before,
.icon-diff-content:before,
.icon-edit:before,
.icon-edraak:before,
.icon-empty-module:before,
.icon-exercise:before,
.icon-file:before,
.icon-form:before,
.icon-google-logo:before,
.icon-image_drag_and_drop_question:before,
.icon-in-person-activity:before,
.icon-information:before,
.icon-lesson:before,
.icon-lock:before,
.icon-maximize:before,
.icon-minimize:before,
.icon-move:before,
.icon-multiple-choice:before,
.icon-numerical-response:before,
.icon-online-payment:before,
.icon-open-response:before,
.icon-out:before,
.icon-parent-feature-icon:before,
.icon-pause:before,
.icon-poll_question:before,
.icon-poll_question_bkp:before,
.icon-schedule:before,
.icon-search:before,
.icon-section:before,
.icon-star:before,
.icon-subsection:before,
.icon-success:before,
.icon-success-checkbox-marked-circle:before,
.icon-teacher_features_activities:before,
.icon-teacher_features_analytics:before,
.icon-teacher_features_classroom:before,
.icon-teacher_features_content:before,
.icon-test:before,
.icon-text:before,
.icon-video:before {
  display: inline-block;
  font-family: "fontcustom" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

.icon-alert-octagon:before {
  content: "\f144"; }

.icon-audio_component:before {
  content: "\f17b"; }

.icon-audio_playlist:before {
  content: "\f17c"; }

.icon-back:before {
  content: "\f145"; }

.icon-badge-effort:before {
  content: "\f146"; }

.icon-badge-mastery:before {
  content: "\f147"; }

.icon-badge-peer-learning:before {
  content: "\f148"; }

.icon-calendar:before {
  content: "\f17a"; }

.icon-caret:before {
  content: "\f149"; }

.icon-certificate:before {
  content: "\f14a"; }

.icon-checkbox-blank-circle-outline:before {
  content: "\f14b"; }

.icon-checkbox-blank-outline:before {
  content: "\f14c"; }

.icon-checkbox-marked:before {
  content: "\f14d"; }

.icon-checkbox-marked-circle:before {
  content: "\f14e"; }

.icon-chevron-left:before {
  content: "\f14f"; }

.icon-chevron-right:before {
  content: "\f150"; }

.icon-clear-out:before {
  content: "\f151"; }

.icon-close:before {
  content: "\f152"; }

.icon-container-contract:before {
  content: "\f153"; }

.icon-container-expand:before {
  content: "\f154"; }

.icon-delete:before {
  content: "\f155"; }

.icon-diff-content:before {
  content: "\f156"; }

.icon-edit:before {
  content: "\f157"; }

.icon-edraak:before {
  content: "\f158"; }

.icon-empty-module:before {
  content: "\f159"; }

.icon-exercise:before {
  content: "\f15a"; }

.icon-file:before {
  content: "\f15b"; }

.icon-form:before {
  content: "\f15c"; }

.icon-google-logo:before {
  content: "\f180"; }

.icon-image_drag_and_drop_question:before {
  content: "\f17d"; }

.icon-in-person-activity:before {
  content: "\f15d"; }

.icon-information:before {
  content: "\f15e"; }

.icon-lesson:before {
  content: "\f15f"; }

.icon-lock:before {
  content: "\f160"; }

.icon-maximize:before {
  content: "\f161"; }

.icon-minimize:before {
  content: "\f162"; }

.icon-move:before {
  content: "\f163"; }

.icon-multiple-choice:before {
  content: "\f164"; }

.icon-numerical-response:before {
  content: "\f165"; }

.icon-online-payment:before {
  content: "\f166"; }

.icon-open-response:before {
  content: "\f167"; }

.icon-out:before {
  content: "\f168"; }

.icon-parent-feature-icon:before {
  content: "\f17f"; }

.icon-pause:before {
  content: "\f169"; }

.icon-poll_question:before {
  content: "\f16a"; }

.icon-poll_question_bkp:before {
  content: "\f16b"; }

.icon-schedule:before {
  content: "\f17e"; }

.icon-search:before {
  content: "\f16d"; }

.icon-section:before {
  content: "\f16e"; }

.icon-star:before {
  content: "\f16f"; }

.icon-subsection:before {
  content: "\f170"; }

.icon-success:before {
  content: "\f171"; }

.icon-success-checkbox-marked-circle:before {
  content: "\f172"; }

.icon-teacher_features_activities:before {
  content: "\f173"; }

.icon-teacher_features_analytics:before {
  content: "\f174"; }

.icon-teacher_features_classroom:before {
  content: "\f175"; }

.icon-teacher_features_content:before {
  content: "\f176"; }

.icon-test:before {
  content: "\f177"; }

.icon-text:before {
  content: "\f178"; }

.icon-video:before {
  content: "\f179"; }

/* tajawal-200 - latin_arabic */
@font-face {
  font-family: 'tajawal';
  font-style: normal;
  font-weight: 200;
  src: url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-200.627f53d1be85.eot");
  /* IE9 Compat Modes */
  src: local("Tajawal ExtraLight"), local("Tajawal-ExtraLight"), url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-200.627f53d1be85.eot#iefix") format("embedded-opentype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-200.3e9aef2ef005.woff2") format("woff2"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-200.a64e250d93cd.woff") format("woff"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-200.264348ff5c04.ttf") format("truetype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-200.3fd3b07d711a.svg#Tajawal") format("svg");
  /* Legacy iOS */ }

/* tajawal-300 - latin_arabic */
@font-face {
  font-family: 'tajawal';
  font-style: normal;
  font-weight: 300;
  src: url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-300.f68481edea71.eot");
  /* IE9 Compat Modes */
  src: local("Tajawal Light"), local("Tajawal-Light"), url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-300.f68481edea71.eot#iefix") format("embedded-opentype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-300.7bfd4e9589d6.woff2") format("woff2"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-300.e169a288c620.woff") format("woff"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-300.1bf7f942bd22.ttf") format("truetype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-300.29f96010aca6.svg#Tajawal") format("svg");
  /* Legacy iOS */ }

/* tajawal-regular - latin_arabic */
@font-face {
  font-family: 'tajawal';
  font-style: normal;
  font-weight: 400;
  src: url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.b359e6cc0afa.eot");
  /* IE9 Compat Modes */
  src: local("Tajawal"), local("Tajawal-Regular"), url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.b359e6cc0afa.eot#iefix") format("embedded-opentype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.847f3e6bc986.woff2") format("woff2"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.3022045689b1.woff") format("woff"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.7fe1d4163cdc.ttf") format("truetype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-regular.f77fc6a8faba.svg#Tajawal") format("svg");
  /* Legacy iOS */ }

/* tajawal-500 - latin_arabic */
@font-face {
  font-family: 'tajawal';
  font-style: normal;
  font-weight: 500;
  src: url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-500.22fe156d83bd.eot");
  /* IE9 Compat Modes */
  src: local("Tajawal Medium"), local("Tajawal-Medium"), url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-500.22fe156d83bd.eot#iefix") format("embedded-opentype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-500.18296f0a2acf.woff2") format("woff2"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-500.f06209d7e8b6.woff") format("woff"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-500.cf5b7a1a8300.ttf") format("truetype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-500.f80aed734c45.svg#Tajawal") format("svg");
  /* Legacy iOS */ }

/* tajawal-700 - latin_arabic */
@font-face {
  font-family: 'tajawal';
  font-style: normal;
  font-weight: 700;
  src: url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-700.c17a1056743c.eot");
  /* IE9 Compat Modes */
  src: local("Tajawal Bold"), local("Tajawal-Bold"), url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-700.c17a1056743c.eot#iefix") format("embedded-opentype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-700.b91cb189d893.woff2") format("woff2"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-700.a87211b2f2a7.woff") format("woff"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-700.ffc51573e7a0.ttf") format("truetype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-700.f49f0f86b99b.svg#Tajawal") format("svg");
  /* Legacy iOS */ }

/* tajawal-800 - latin_arabic */
@font-face {
  font-family: 'tajawal';
  font-style: normal;
  font-weight: 800;
  src: url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-800.9d52c7e10440.eot");
  /* IE9 Compat Modes */
  src: local("Tajawal ExtraBold"), local("Tajawal-ExtraBold"), url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-800.9d52c7e10440.eot#iefix") format("embedded-opentype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-800.58c5d81da87b.woff2") format("woff2"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-800.15515b600972.woff") format("woff"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-800.a6b7e4f46cd7.ttf") format("truetype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-800.88ea0a65d07d.svg#Tajawal") format("svg");
  /* Legacy iOS */ }

/* tajawal-900 - latin_arabic */
@font-face {
  font-family: 'tajawal';
  font-style: normal;
  font-weight: 900;
  src: url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-900.bd0123b52cbb.eot");
  /* IE9 Compat Modes */
  src: local("Tajawal Black"), local("Tajawal-Black"), url("/static/fonts/Tajawal-font/tajawal-v3-latin_arabic-900.bd0123b52cbb.eot#iefix") format("embedded-opentype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-900.d7ed27133668.woff2") format("woff2"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-900.638abbb5af01.woff") format("woff"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-900.88768087941e.ttf") format("truetype"), url("../fonts/Tajawal-font/tajawal-v3-latin_arabic-900.ffd3ca51c8af.svg#Tajawal") format("svg");
  /* Legacy iOS */ }

/*
 * WARNING: Don't just edit this, instead keep it up to date with marketing site's one for consistency.
 */
/*
 * Open Sans (English)
 */
/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/Light/OpenSans-Light.804037562eab.eot");
  src: url("/static/fonts/open-sans/Light/OpenSans-Light.804037562eab.eot#iefix") format('embedded-opentype'), url("../fonts/open-sans/Light/OpenSans-Light.963eb3290774.woff") format('woff'), url("../fonts/open-sans/Light/OpenSans-Light.ecb4572a5e47.ttf") format('truetype'), url("../fonts/open-sans/Light/OpenSans-Light.d79f021974b1.svg#OpenSansLight") format("svg");
  font-weight: 300;
  font-style: normal;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Light */
/* BEGIN Light Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/LightItalic/OpenSans-LightItalic.6725fc490942.eot");
  src: url("/static/fonts/open-sans/LightItalic/OpenSans-LightItalic.6725fc490942.eot#iefix") format('embedded-opentype'), url("../fonts/open-sans/LightItalic/OpenSans-LightItalic.97534dd40949.woff") format('woff'), url("../fonts/open-sans/LightItalic/OpenSans-LightItalic.26f1e68dfbd8.ttf") format('truetype'), url("../fonts/open-sans/LightItalic/OpenSans-LightItalic.b64e9910811c.svg#OpenSansLightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Light Italic */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/Regular/OpenSans-Regular.a35546eef3ea.eot");
  src: url("/static/fonts/open-sans/Regular/OpenSans-Regular.a35546eef3ea.eot#iefix") format('embedded-opentype'), url("../fonts/open-sans/Regular/OpenSans-Regular.ac327c4db628.woff") format('woff'), url("../fonts/open-sans/Regular/OpenSans-Regular.cd7296352d15.ttf") format('truetype'), url("../fonts/open-sans/Regular/OpenSans-Regular.f641a7d4e80f.svg#OpenSansRegular") format("svg");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/Italic/OpenSans-Italic.e487b7cb0725.eot");
  src: url("/static/fonts/open-sans/Italic/OpenSans-Italic.e487b7cb0725.eot#iefix") format('embedded-opentype'), url("../fonts/open-sans/Italic/OpenSans-Italic.525074686dfb.woff") format('woff'), url("../fonts/open-sans/Italic/OpenSans-Italic.9b30f13428e1.ttf") format('truetype'), url("../fonts/open-sans/Italic/OpenSans-Italic.d6671d41dde4.svg#OpenSansItalic") format("svg");
  font-weight: normal;
  font-style: italic;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/Semibold/OpenSans-Semibold.0ea045029306.eot");
  src: url("/static/fonts/open-sans/Semibold/OpenSans-Semibold.0ea045029306.eot#iefix") format('embedded-opentype'), url("../fonts/open-sans/Semibold/OpenSans-Semibold.9f2144213fad.woff") format('woff'), url("../fonts/open-sans/Semibold/OpenSans-Semibold.33f225b8f5f7.ttf") format('truetype'), url("../fonts/open-sans/Semibold/OpenSans-Semibold.bb100c995f1d.svg#OpenSansSemibold") format("svg");
  font-weight: 600;
  font-style: normal;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Semibold */
/* BEGIN Semibold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.da061416028f.eot");
  src: url("/static/fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.da061416028f.eot#iefix") format('embedded-opentype'), url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.ec55f263e2b8.woff") format('woff'), url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.1c0b4eb93fcf.ttf") format('truetype'), url("../fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.ddc348f20428.svg#OpenSansSemiboldItalic") format("svg");
  font-weight: 600;
  font-style: italic;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Semibold Italic */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/Bold/OpenSans-Bold.7ae9b8ba7886.eot");
  src: url("/static/fonts/open-sans/Bold/OpenSans-Bold.7ae9b8ba7886.eot#iefix") format('embedded-opentype'), url("../fonts/open-sans/Bold/OpenSans-Bold.892667349c5c.woff") format('woff'), url("../fonts/open-sans/Bold/OpenSans-Bold.5a100916f94b.ttf") format('truetype'), url("../fonts/open-sans/Bold/OpenSans-Bold.d6291f880566.svg#OpenSansBold") format("svg");
  font-weight: bold;
  font-style: normal;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Bold */
/* BEGIN Bold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/BoldItalic/OpenSans-BoldItalic.ea07932c5245.eot");
  src: url("/static/fonts/open-sans/BoldItalic/OpenSans-BoldItalic.ea07932c5245.eot#iefix") format('embedded-opentype'), url("../fonts/open-sans/BoldItalic/OpenSans-BoldItalic.7be88e73fea7.woff") format('woff'), url("../fonts/open-sans/BoldItalic/OpenSans-BoldItalic.c36b5ac7c2dd.ttf") format('truetype'), url("../fonts/open-sans/BoldItalic/OpenSans-BoldItalic.a54aba83b3d5.svg#OpenSansBoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Bold Italic */
/* BEGIN Extrabold */
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/ExtraBold/OpenSans-ExtraBold.561e4b63e911.eot");
  src: url("/static/fonts/open-sans/ExtraBold/OpenSans-ExtraBold.561e4b63e911.eot#iefix") format('embedded-opentype'), url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.12e2ed7a180e.woff") format('woff'), url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.19b56cfcb97f.ttf") format('truetype'), url("../fonts/open-sans/ExtraBold/OpenSans-ExtraBold.8c5c497a4730.svg#OpenSansExtrabold") format("svg");
  font-weight: 800;
  font-style: normal;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Extrabold */
/* BEGIN Extrabold Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("/static/fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.5f467e780ed0.eot");
  src: url("/static/fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.5f467e780ed0.eot#iefix") format('embedded-opentype'), url("../fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.4f44077586ec.woff") format('woff'), url("../fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.4595d7f8ce0e.ttf") format('truetype'), url("../fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.9704305e6fd8.svg#OpenSansExtraboldItalic") format("svg");
  font-weight: 800;
  font-style: italic;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Extrabold Italic */
/*
 * Manrope (English)
 */
/* BEGIN Regular */
@font-face {
  font-family: 'Manrope';
  src: url("/static/fonts/manrope/Manrope-Regular.0b726174d2b7.ttf");
  src: url("/static/fonts/manrope/Manrope-Regular.0b726174d2b7.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Regular */
/* BEGIN Semibold */
@font-face {
  font-family: 'Manrope';
  src: url("/static/fonts/manrope/Manrope-SemiBold.255d425d0966.ttf");
  src: url("/static/fonts/manrope/Manrope-SemiBold.255d425d0966.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Semibold */
/* BEGIN Bold */
@font-face {
  font-family: 'Manrope';
  src: url("/static/fonts/manrope/Manrope-Bold.656753569aef.ttf");
  src: url("/static/fonts/manrope/Manrope-Bold.656753569aef.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  unicode-range: U+0000-05FF, U+0700-FB4F, U+FE00-FE6F, U+FF00-FFFF; }

/* END Bold */

/*# sourceMappingURL=main-ltr.css.b501c72d662d.map */