/**********************
*       Generic       *
***********************/
/**********************
*       Padding       *
***********************/
/**********************
*       Margin        *
***********************/
/**********************
*       Float         *
***********************/
/**********************
*     Text Align      *
***********************/
/**********************
*       Clear         *
***********************/
/**********************
*     Right/Left      *
***********************/
/**********************
*        Border       *
***********************/
/**********************
*   LTR/RTL content   *
***********************/
/****************************
*   Horizontal flip Mixin   *
*****************************/
@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 */
/* ============== 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    *
*********************/
@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: #151515; }

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; }

.color-primary {
  color: #0BA7AA; }

.title-color {
  color: #4C6373; }

.text-color {
  color: #6889A0; }

.error-color {
  color: #e50043; }

.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; }

#registration-form > div.form-text-field.has-warning.full-width > span {
  color: #000; }
  #registration-form > div.form-text-field.has-warning.full-width > span .link {
    cursor: pointer;
    color: #0079bc;
    text-decoration: underline; }

.logistration .base-container-paper, .logistration .wide-container-paper, .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; }
  .logistration .base-container-paper .logo, .logistration .wide-container-paper .logo, .logistration .container-paper .logo {
    margin-bottom: 5%;
    height: 60px;
    width: 60px; }
  .logistration .base-container-paper .done, .logistration .wide-container-paper .done, .logistration .container-paper .done {
    background-color: transparent;
    color: #0b9da0; }
    .logistration .base-container-paper .done svg, .logistration .wide-container-paper .done svg, .logistration .container-paper .done svg {
      width: 2em;
      height: 2em; }
  .logistration .base-container-paper .controls, .logistration .wide-container-paper .controls, .logistration .container-paper .controls {
    margin-top: 10%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 70%; }
  .logistration .base-container-paper .btn, .logistration .wide-container-paper .btn, .logistration .container-paper .btn, .logistration .base-container-paper .form-group label.custom-file .custom-file-input + .custom-file-control:before, .logistration .wide-container-paper .form-group label.custom-file .custom-file-input + .custom-file-control:before, .logistration .container-paper .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .logistration .base-container-paper .custom-file-input + .custom-file-control:before, .form-group label.custom-file .logistration .wide-container-paper .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 .base-container-paper .primary-btn, .logistration .wide-container-paper .primary-btn, .logistration .container-paper .primary-btn {
    color: #fff;
    background-color: #0b9da0; }
  .logistration .base-container-paper .secondary-btn, .logistration .wide-container-paper .secondary-btn, .logistration .container-paper .secondary-btn {
    color: #151515;
    border: 1px #a7a4a4 solid; }
  .logistration .base-container-paper .social-login, .logistration .wide-container-paper .social-login, .logistration .container-paper .social-login {
    color: white;
    margin: 10px 18px;
    padding: 12px;
    background-color: #fff;
    opacity: .9;
    font-size: 18px; }
    .logistration .base-container-paper .social-login.google, .logistration .wide-container-paper .social-login.google, .logistration .container-paper .social-login.google {
      background-color: #ea4335; }
    .logistration .base-container-paper .social-login.fb, .logistration .wide-container-paper .social-login.fb, .logistration .container-paper .social-login.fb {
      background-color: #626bac; }
    .logistration .base-container-paper .social-login .icon, .logistration .wide-container-paper .social-login .icon, .logistration .container-paper .social-login .icon {
      overflow: visible; }
    .logistration .base-container-paper .social-login:hover, .logistration .wide-container-paper .social-login:hover, .logistration .container-paper .social-login:hover, .logistration .base-container-paper .social-login:active, .logistration .wide-container-paper .social-login:active, .logistration .container-paper .social-login:active {
      opacity: 1; }
  .logistration .base-container-paper .header, .logistration .wide-container-paper .header, .logistration .container-paper .header {
    font-family: unset;
    font-weight: 600;
    padding: 0% 5%;
    text-align: center;
    color: #5d5e70;
    margin-bottom: 10px; }
    .logistration .base-container-paper .header .uppercase, .logistration .wide-container-paper .header .uppercase, .logistration .container-paper .header .uppercase {
      text-transform: uppercase; }
  .logistration .base-container-paper .sub-header, .logistration .wide-container-paper .sub-header, .logistration .container-paper .sub-header {
    font-family: unset;
    font-size: 13px; }
  .logistration .base-container-paper .success-body, .logistration .wide-container-paper .success-body, .logistration .container-paper .success-body {
    font-family: unset;
    font-size: 15px;
    text-align: center;
    width: 90%;
    margin-bottom: 5%; }
  .logistration .base-container-paper .hyperlink, .logistration .wide-container-paper .hyperlink, .logistration .container-paper .hyperlink {
    margin-left: 5px;
    margin-right: 5px;
    color: #0b9da0; }
    .logistration .base-container-paper .hyperlink:hover, .logistration .wide-container-paper .hyperlink:hover, .logistration .container-paper .hyperlink:hover {
      color: midnightblue; }
  .logistration .base-container-paper .btn-submit, .logistration .wide-container-paper .btn-submit, .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 .base-container-paper .btn-submit, .logistration .wide-container-paper .btn-submit, .logistration .container-paper .btn-submit {
        max-width: unset; } }
  .logistration .base-container-paper .form, .logistration .wide-container-paper .form, .logistration .container-paper .form {
    padding: 0;
    display: flex;
    flex-direction: column;
    width: 100%; }
    .logistration .base-container-paper .form .controls, .logistration .wide-container-paper .form .controls, .logistration .container-paper .form .controls {
      margin-left: auto;
      margin-right: auto; }
  .logistration .base-container-paper .input-field, .logistration .wide-container-paper .input-field, .logistration .container-paper .input-field {
    font-family: unset;
    padding-left: 0; }
    .logistration .base-container-paper .input-field:after, .logistration .wide-container-paper .input-field:after, .logistration .container-paper .input-field:after {
      border-bottom: 2px solid #b20610 !important; }
    .logistration .base-container-paper .input-field svg, .logistration .wide-container-paper .input-field svg, .logistration .container-paper .input-field svg {
      left: auto;
      right: 0; }
    .logistration .base-container-paper .input-field.input-focused fieldset, .logistration .wide-container-paper .input-field.input-focused fieldset, .logistration .container-paper .input-field.input-focused fieldset {
      border-width: 1px;
      border-color: black; }
    .logistration .base-container-paper .input-field.input-focused.input-error fieldset, .logistration .wide-container-paper .input-field.input-focused.input-error fieldset, .logistration .container-paper .input-field.input-focused.input-error fieldset {
      border-width: 1px;
      border-color: #f44336; }
    .logistration .base-container-paper .input-field.valid fieldset, .logistration .wide-container-paper .input-field.valid fieldset, .logistration .container-paper .input-field.valid fieldset {
      border-color: #0b9da0;
      border-width: 1px; }
    .logistration .base-container-paper .input-field .pointer, .logistration .wide-container-paper .input-field .pointer, .logistration .container-paper .input-field .pointer {
      cursor: pointer; }
      .logistration .base-container-paper .input-field .pointer.touched, .logistration .wide-container-paper .input-field .pointer.touched, .logistration .container-paper .input-field .pointer.touched {
        color: #0b9da0; }
  .logistration .base-container-paper .form-label, .logistration .wide-container-paper .form-label, .logistration .container-paper .form-label {
    font-family: unset;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between; }
    .logistration .base-container-paper .form-label .field-control-label, .logistration .wide-container-paper .form-label .field-control-label, .logistration .container-paper .form-label .field-control-label {
      font-family: unset;
      font-size: 12px;
      text-transform: capitalize; }
    .logistration .base-container-paper .form-label .checkbox-field, .logistration .wide-container-paper .form-label .checkbox-field, .logistration .container-paper .form-label .checkbox-field {
      margin-left: 0; }
    .logistration .base-container-paper .form-label .checkbox, .logistration .wide-container-paper .form-label .checkbox, .logistration .container-paper .form-label .checkbox {
      font-size: 12px; }
      .logistration .base-container-paper .form-label .checkbox svg, .logistration .wide-container-paper .form-label .checkbox svg, .logistration .container-paper .form-label .checkbox svg {
        width: .8em;
        height: .8em; }
    .logistration .base-container-paper .form-label.registration, .logistration .wide-container-paper .form-label.registration, .logistration .container-paper .form-label.registration {
      margin-top: 10px; }
    .logistration .base-container-paper .form-label .honor_code, .logistration .wide-container-paper .form-label .honor_code, .logistration .container-paper .form-label .honor_code {
      font-size: 10px;
      text-align: center;
      font-family: unset; }
  .logistration .base-container-paper .reset-password, .logistration .wide-container-paper .reset-password, .logistration .container-paper .reset-password {
    font-size: 12px;
    margin: 0;
    text-align: right; }
  .logistration .base-container-paper .form-control, .logistration .wide-container-paper .form-control, .logistration .container-paper .form-control {
    margin-top: 5px; }
    .logistration .base-container-paper .form-control .label, .logistration .wide-container-paper .form-control .label, .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 .base-container-paper .form-control .label.label-focused, .logistration .wide-container-paper .form-control .label.label-focused, .logistration .container-paper .form-control .label.label-focused {
        color: #000;
        transform: translate(14px, -6px) scale(0.75); }
      .logistration .base-container-paper .form-control .label.label-shrink, .logistration .wide-container-paper .form-control .label.label-shrink, .logistration .container-paper .form-control .label.label-shrink {
        transform: translate(14px, -6px) scale(0.75); }
    .logistration .base-container-paper .form-control.gender-field, .logistration .wide-container-paper .form-control.gender-field, .logistration .container-paper .form-control.gender-field {
      flex-direction: column; }
      .logistration .base-container-paper .form-control.gender-field .label, .logistration .wide-container-paper .form-control.gender-field .label, .logistration .container-paper .form-control.gender-field .label {
        position: relative; }
        .logistration .base-container-paper .form-control.gender-field .label.radio-label-focused, .logistration .wide-container-paper .form-control.gender-field .label.radio-label-focused, .logistration .container-paper .form-control.gender-field .label.radio-label-focused {
          color: black; }
      .logistration .base-container-paper .form-control.gender-field .radio, .logistration .wide-container-paper .form-control.gender-field .radio, .logistration .container-paper .form-control.gender-field .radio {
        padding-top: 5px;
        padding-bottom: 5px; }
      .logistration .base-container-paper .form-control.gender-field .form-control-label, .logistration .wide-container-paper .form-control.gender-field .form-control-label, .logistration .container-paper .form-control.gender-field .form-control-label {
        font-size: 12px;
        font-family: unset; }
      .logistration .base-container-paper .form-control.gender-field .input, .logistration .wide-container-paper .form-control.gender-field .input, .logistration .container-paper .form-control.gender-field .input {
        margin-left: 10%;
        padding-left: 0; }
        .logistration .base-container-paper .form-control.gender-field .input .radio-label, .logistration .wide-container-paper .form-control.gender-field .input .radio-label, .logistration .container-paper .form-control.gender-field .input .radio-label {
          margin-left: -14px;
          margin-right: 16px; }
    .logistration .base-container-paper .form-control .adornment, .logistration .wide-container-paper .form-control .adornment, .logistration .container-paper .form-control .adornment {
      color: #C5C5C5;
      margin-right: 8px;
      margin-left: 8px; }
    .logistration .base-container-paper .form-control .help-text, .logistration .wide-container-paper .form-control .help-text, .logistration .container-paper .form-control .help-text {
      color: #a7a4a4;
      font-family: unset;
      font-size: 10px;
      text-align: left; }
      .logistration .base-container-paper .form-control .help-text .icon, .logistration .wide-container-paper .form-control .help-text .icon, .logistration .container-paper .form-control .help-text .icon {
        width: .5em;
        height: .5em; }
      .logistration .base-container-paper .form-control .help-text.error, .logistration .wide-container-paper .form-control .help-text.error, .logistration .container-paper .form-control .help-text.error {
        color: #b20610;
        line-height: 1.5; }
    .logistration .base-container-paper .form-control .input, .logistration .wide-container-paper .form-control .input, .logistration .container-paper .form-control .input {
      padding: 12.5px 14px;
      padding-left: 3%; }
      .logistration .base-container-paper .form-control .input:-webkit-autofill, .logistration .wide-container-paper .form-control .input:-webkit-autofill, .logistration .container-paper .form-control .input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 50px #ebebeb inset; }
      .logistration .base-container-paper .form-control .input:focus, .logistration .wide-container-paper .form-control .input:focus, .logistration .container-paper .form-control .input:focus {
        background-color: transparent; }
  @media (max-width: 767px) {
    .logistration .base-container-paper, .logistration .wide-container-paper, .logistration .container-paper {
      width: 100%;
      max-width: 100%;
      margin: auto;
      padding: 2em 1em;
      border-radius: 0; } }
.logistration .container-paper {
  max-width: 500px; }

.logistration .wide-container-paper {
  max-width: 700px; }

.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 .default-form .alert {
  margin-bottom: 30px; }

.logistration .SidePaymentBar {
  max-width: 500px;
  border-radius: 8px;
  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;
  margin-top: 7%;
  height: 100%;
  margin-right: 40px;
  margin-left: 40px;
  margin-bottom: 40px; }
  .logistration .SidePaymentBar .header {
    height: 220px;
    overflow: hidden;
    border-top-left-radius: inherit;
    border-top-right-radius: inherit; }
    .logistration .SidePaymentBar .header img {
      width: 100%; }
  .logistration .SidePaymentBar hr {
    margin: 0;
    border-color: #cfd9e0; }
  .logistration .SidePaymentBar p, .logistration .SidePaymentBar .form-check .form-check-label, .form-check .logistration .SidePaymentBar .form-check-label, .logistration .SidePaymentBar .form-group input:not([type="file"]), .form-group .logistration .SidePaymentBar input:not([type="file"]),
  .logistration .SidePaymentBar .form-group textarea,
  .form-group .logistration .SidePaymentBar textarea, .logistration .SidePaymentBar .form-group select, .form-group .logistration .SidePaymentBar select, .logistration .SidePaymentBar .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .logistration .SidePaymentBar .custom-file-input + .custom-file-control:before, .logistration .SidePaymentBar .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .logistration .SidePaymentBar .custom-file-input + .custom-file-control:after, .logistration .SidePaymentBar .dropdown-menu .dropdown-item, .dropdown-menu .logistration .SidePaymentBar .dropdown-item, .logistration .SidePaymentBar .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .logistration .SidePaymentBar td, .logistration .SidePaymentBar .module-lesson-widget .lesson-widget-header, .module-lesson-widget .logistration .SidePaymentBar .lesson-widget-header, .logistration .SidePaymentBar .module-lesson-widget .lesson-items, .module-lesson-widget .logistration .SidePaymentBar .lesson-items, .logistration .SidePaymentBar h3, .logistration .SidePaymentBar h5, .logistration .SidePaymentBar .bootstrap-datetimepicker-widget .datepicker table thead .picker-switch, .bootstrap-datetimepicker-widget .datepicker table thead .logistration .SidePaymentBar .picker-switch {
    padding: 15px 25px; }
  .logistration .SidePaymentBar p, .logistration .SidePaymentBar .form-check .form-check-label, .form-check .logistration .SidePaymentBar .form-check-label, .logistration .SidePaymentBar .form-group input:not([type="file"]), .form-group .logistration .SidePaymentBar input:not([type="file"]),
  .logistration .SidePaymentBar .form-group textarea,
  .form-group .logistration .SidePaymentBar textarea, .logistration .SidePaymentBar .form-group select, .form-group .logistration .SidePaymentBar select, .logistration .SidePaymentBar .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .logistration .SidePaymentBar .custom-file-input + .custom-file-control:before, .logistration .SidePaymentBar .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .logistration .SidePaymentBar .custom-file-input + .custom-file-control:after, .logistration .SidePaymentBar .dropdown-menu .dropdown-item, .dropdown-menu .logistration .SidePaymentBar .dropdown-item, .logistration .SidePaymentBar .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .logistration .SidePaymentBar td, .logistration .SidePaymentBar .module-lesson-widget .lesson-widget-header, .module-lesson-widget .logistration .SidePaymentBar .lesson-widget-header, .logistration .SidePaymentBar .module-lesson-widget .lesson-items, .module-lesson-widget .logistration .SidePaymentBar .lesson-items {
    font-weight: bold;
    text-align: center;
    margin: 0; }
  .logistration .SidePaymentBar h5, .logistration .SidePaymentBar .bootstrap-datetimepicker-widget .datepicker table thead .picker-switch, .bootstrap-datetimepicker-widget .datepicker table thead .logistration .SidePaymentBar .picker-switch {
    font-size: 18px; }
  .logistration .SidePaymentBar .title, .logistration .SidePaymentBar .price-label {
    color: #0BA7AA; }
  .logistration .SidePaymentBar .program-name h3 {
    margin-bottom: 0px;
    font-size: 24px;
    padding-bottom: 0px; }
  .logistration .SidePaymentBar .program-type {
    background-color: #FFF5EC;
    border-radius: 2px;
    width: fit-content;
    padding: 0 5px;
    margin: 0 25px;
    line-height: 25px; }
    .logistration .SidePaymentBar .program-type h3 {
      font-size: 12px;
      color: #D28852;
      padding: 0; }
  .logistration .SidePaymentBar .program-specs ul {
    margin: 20px 15px; }
  .logistration .SidePaymentBar .program-features {
    margin: 0 25px;
    height: 70px;
    background-color: #FAFBFC;
    border-radius: 5px;
    display: flex; }
    .logistration .SidePaymentBar .program-features div {
      margin: auto 0;
      padding: 0 10px; }
  .logistration .SidePaymentBar .pricing {
    height: 130px;
    display: flex; }
    .logistration .SidePaymentBar .pricing .total {
      margin: auto;
      font-size: 32px;
      color: #24343F;
      font-weight: bold;
      text-align: center; }
      .logistration .SidePaymentBar .pricing .total .note {
        color: #6889A0;
        font-size: 14px;
        text-align: center;
        font-weight: normal; }
  .logistration .SidePaymentBar .program-grant {
    margin: 0 25px;
    background-color: #F5F5F5;
    border-radius: 5px;
    display: flex;
    padding: 5px 0; }
    .logistration .SidePaymentBar .program-grant div {
      margin: auto 0;
      padding: 0 10px; }
      .logistration .SidePaymentBar .program-grant div a {
        color: #24343F;
        font-size: 14px;
        font-weight: normal; }
  .logistration .SidePaymentBar .footer {
    border-radius: 8px; }
    .logistration .SidePaymentBar .footer p, .logistration .SidePaymentBar .footer .form-check .form-check-label, .form-check .logistration .SidePaymentBar .footer .form-check-label, .logistration .SidePaymentBar .footer .form-group input:not([type="file"]), .form-group .logistration .SidePaymentBar .footer input:not([type="file"]),
    .logistration .SidePaymentBar .footer .form-group textarea,
    .form-group .logistration .SidePaymentBar .footer textarea, .logistration .SidePaymentBar .footer .form-group select, .form-group .logistration .SidePaymentBar .footer select, .logistration .SidePaymentBar .footer .form-group label.custom-file .custom-file-input + .custom-file-control:before, .form-group label.custom-file .logistration .SidePaymentBar .footer .custom-file-input + .custom-file-control:before, .logistration .SidePaymentBar .footer .form-group label.custom-file .custom-file-input + .custom-file-control:after, .form-group label.custom-file .logistration .SidePaymentBar .footer .custom-file-input + .custom-file-control:after, .logistration .SidePaymentBar .footer .dropdown-menu .dropdown-item, .dropdown-menu .logistration .SidePaymentBar .footer .dropdown-item, .logistration .SidePaymentBar .footer .bootstrap-datetimepicker-widget .datepicker table tbody tr td, .bootstrap-datetimepicker-widget .datepicker table tbody tr .logistration .SidePaymentBar .footer td, .logistration .SidePaymentBar .footer .module-lesson-widget .lesson-widget-header, .module-lesson-widget .logistration .SidePaymentBar .footer .lesson-widget-header, .logistration .SidePaymentBar .footer .module-lesson-widget .lesson-items, .module-lesson-widget .logistration .SidePaymentBar .footer .lesson-items, .logistration .SidePaymentBar .footer a {
      color: #5d5e70;
      font-size: 13px;
      font-weight: 500; }
    .logistration .SidePaymentBar .footer a {
      text-decoration: underline; }

.logistration-alert {
  margin: auto;
  margin-top: 5%;
  text-align: center;
  max-width: 500px; }
  .logistration-alert.alert-default {
    background-color: #0b9da0;
    border-color: #0b9da0;
    color: #fff; }
  .logistration-alert.alert-danger {
    background-color: #b20610;
    border-color: #b20610;
    color: #fff; }
  .logistration-alert.alert-warning {
    background-color: #fdbc56;
    border-color: #fdbc56;
    color: #fff; }
  .logistration-alert.alert-success {
    background-color: #25b85a;
    border-color: #25b85a;
    color: #fff; }
  @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: 100%;
  margin: 20px auto; }

.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%; } }

.logistration .complete-registration-form .we-need-your-email {
  margin-bottom: 20px; }

.logistration .complete-registration-form .back-to-homepage {
  text-align: center;
  margin-top: 20px; }
  .logistration .complete-registration-form .back-to-homepage a {
    color: #5d5e70; }

.logistration .login-form .reset-password-link {
  margin-bottom: 20px; }

@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%; } }
.payment-logistration {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly; }
  @media (max-width: 992px) {
    .payment-logistration {
      flex-direction: column;
      margin: 30px 20px; }
      .payment-logistration .container-paper, .payment-logistration .SidePaymentBar {
        margin: 0 auto !important; } }
  .payment-logistration .container-paper {
    margin-left: 5%;
    margin-right: unset; }

.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;
  cursor: pointer; }
  .btn-social-login:hover {
    border-color: #0BA7AA; }
  .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; }

.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; }

/*# sourceMappingURL=logistration-ltr.css.map */