@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Assistant:300,400,600,700&subset=hebrew");
/* New version of Google Fonts API
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;600;700&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;600;700&display=swap');
*/
/* line 1, app/assets/stylesheets/schooler/base/_style-initial.scss */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

/* line 9, app/assets/stylesheets/schooler/base/_style-initial.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 30, app/assets/stylesheets/schooler/base/_style-initial.scss */
body {
  line-height: 1;
}

/* line 34, app/assets/stylesheets/schooler/base/_style-initial.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 39, app/assets/stylesheets/schooler/base/_style-initial.scss */
nav ul {
  list-style: none;
}

/* line 43, app/assets/stylesheets/schooler/base/_style-initial.scss */
blockquote, q {
  quotes: none;
}

/* line 47, app/assets/stylesheets/schooler/base/_style-initial.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 53, app/assets/stylesheets/schooler/base/_style-initial.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
/* line 62, app/assets/stylesheets/schooler/base/_style-initial.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 69, app/assets/stylesheets/schooler/base/_style-initial.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 76, app/assets/stylesheets/schooler/base/_style-initial.scss */
del {
  text-decoration: line-through;
}

/* line 80, app/assets/stylesheets/schooler/base/_style-initial.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 85, app/assets/stylesheets/schooler/base/_style-initial.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
/* line 91, app/assets/stylesheets/schooler/base/_style-initial.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 100, app/assets/stylesheets/schooler/base/_style-initial.scss */
input, select {
  vertical-align: middle;
}

/* line 104, app/assets/stylesheets/schooler/base/_style-initial.scss */
body {
  unicode-bidi: bidi-override;
  direction: rtl;
  background-color: #f5f5f5;
  margin: 0;
  font-family: Times, sans-serif;
}

/* line 112, app/assets/stylesheets/schooler/base/_style-initial.scss */
.content_video {
  position: relative;
}

/* line 116, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content {
  min-height: 61px;
  width: 100%;
  background-color: rgba(204, 202, 198, 0.9);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* line 139, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content .icon {
  display: inline-block;
  margin-bottom: 3px;
}

/* line 144, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content .icon_bin {
  background: url("/images/bin.svg") no-repeat;
  width: 12px;
  height: 14px;
}

/* line 150, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content .icon_lock {
  background: url("/images/lock.svg") no-repeat;
  width: 14px;
  height: 18px;
}

/* line 156, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content a {
  float: left;
  width: 75px;
  height: 61px;
  text-align: center;
  color: #478189;
  text-decoration: none;
  font-size: 12px;
  padding-top: 10px;
  line-height: 10px;
}

/* line 168, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content a:hover {
  background-color: #16d5ef;
}

/* line 172, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content a span {
  width: 60px;
  display: inline-block;
}

/* line 177, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content_txt {
  font-size: 24px;
  margin: 0;
  color: #2e4b4f;
  position: relative;
  padding-right: 50px;
  float: right;
  padding-top: 5px;
  line-height: 28px;
  width: 100%;
}

/* line 189, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content_txt p {
  margin: 5px 0 0 0;
}

/* line 193, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content_txt .top_bar_icon {
  background: url("/images/b.png") no-repeat;
  margin-right: 10px;
  margin-left: 14px;
  position: absolute;
  right: 2px;
  top: 10px;
  width: 27px;
  height: 27px;
}

/* line 205, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content_txt .top_bar_icon:hover {
  background: url("/images/b_hover.png") no-repeat;
}

/* line 209, app/assets/stylesheets/schooler/base/_style-initial.scss */
.top_bar_content_txt span {
  font-size: 24px;
  font-weight: bold;
}

/* line 214, app/assets/stylesheets/schooler/base/_style-initial.scss */
.content_text_wrapper {
  margin-top: 10px;
  position: relative;
  height: 120px;
}

/* line 220, app/assets/stylesheets/schooler/base/_style-initial.scss */
.content_text {
  font-size: 16px;
  color: #2e4b4f;
  width: 810px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 4px;
  padding-top: 20px;
  text-align: right;
  padding-right: 20px;
  padding-left: 25px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 237, app/assets/stylesheets/schooler/base/_style-initial.scss */
.content_text_wrapper button, .content_text_wrapper button.inactive, .content_text_wrapper button.inactive:hover {
  cursor: pointer;
  width: 120px;
  height: 38px;
  bottom: 0;
  position: absolute;
  border: 1px solid transparent;
  color: #fff;
  background-color: #cdd3d4;
  text-decoration: none;
}

/* line 249, app/assets/stylesheets/schooler/base/_style-initial.scss */
.content_text_wrapper button.inactive:hover {
  cursor: default !important;
}

/* line 253, app/assets/stylesheets/schooler/base/_style-initial.scss */
.content_text_wrapper button.active, .content_text_wrapper button:hover {
  background-color: #2e4b4f;
}

/* line 257, app/assets/stylesheets/schooler/base/_style-initial.scss */
.content_text_wrapper button:hover {
  text-decoration: underline;
}

/* line 261, app/assets/stylesheets/schooler/base/_style-initial.scss */
.prev {
  background: url("/images/arrow_left.svg") no-repeat 5px 10px;
  left: 0;
  border-radius: 0 5px 5px 0;
}

/* line 267, app/assets/stylesheets/schooler/base/_style-initial.scss */
.next {
  background: url("/images/arrow_right.svg") no-repeat 95% 10px;
  right: 0;
  border-radius: 5px 0 0 5px;
}

/*@media screen and (max-width: 1365px) {
    .content_text_wrapper {
        height: 170px;
    }
}

@media screen and (max-width: 1120px) {
    .content_text_wrapper {
        height: 170px;
    }

    .content_text {
        width: 100%;
        height: auto;
        padding-bottom: 15px;
    }
}*/
/* line 292, app/assets/stylesheets/schooler/base/_style-initial.scss */
.sidebar_wrapper {
  position: relative;
  padding-top: 20px;
}

/* line 297, app/assets/stylesheets/schooler/base/_style-initial.scss */
.menu {
  position: relative;
}

/* line 301, app/assets/stylesheets/schooler/base/_style-initial.scss */
.menu a {
  background: url("/images/menu.png") no-repeat;
  width: 39px;
  height: 26px;
  display: inline-block;
  position: absolute;
  left: 15px;
  top: -7px;
  z-index: 2;
}

/* line 312, app/assets/stylesheets/schooler/base/_style-initial.scss */
.menu a:hover {
  background: url("/images/menu_hover.png") no-repeat;
  opacity: 0.6;
}

/* line 317, app/assets/stylesheets/schooler/base/_style-initial.scss */
.ava {
  background: url("/images/avatar.svg") no-repeat;
  width: 62px;
  height: 62px;
}

/* line 324, app/assets/stylesheets/schooler/base/_style-initial.scss */
.user_name {
  position: relative;
}

/* line 328, app/assets/stylesheets/schooler/base/_style-initial.scss */
.mail {
  background: url("/images/arrow_down.svg") no-repeat 100% 9px;
  height: 24px;
  font-size: 18px;
  color: #467f87;
  padding-right: 20px;
  display: inline-block;
  text-decoration: none;
}

/* line 338, app/assets/stylesheets/schooler/base/_style-initial.scss */
.mail:hover {
  background-image: url("/images/arrow_down_hover.svg");
  color: #03d6f3;
  opacity: 0.6;
  text-decoration: underline;
}

/* line 345, app/assets/stylesheets/schooler/base/_style-initial.scss */
.list {
  list-style-type: none;
  padding-right: 68px;
  position: relative;
  border-bottom: 1px solid #478189;
}

/* line 353, app/assets/stylesheets/schooler/base/_style-initial.scss */
.list_1 {
  padding-bottom: 5px;
  margin-top: 32px;
}

/* line 358, app/assets/stylesheets/schooler/base/_style-initial.scss */
.list_2 {
  margin-top: 20px;
}

/* line 362, app/assets/stylesheets/schooler/base/_style-initial.scss */
.list_3 {
  padding-bottom: 15px;
  margin-top: 5px;
}

/* line 367, app/assets/stylesheets/schooler/base/_style-initial.scss */
.list:last-child {
  border-bottom: none;
}

/* line 371, app/assets/stylesheets/schooler/base/_style-initial.scss */
.list li {
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 376, app/assets/stylesheets/schooler/base/_style-initial.scss */
.drag {
  background: url("/images/points.svg") no-repeat;
  width: 6px;
  height: 14px;
  float: left;
  display: inline-block;
  margin: 5px 0 0 12px;
  cursor: move;
}

/* line 386, app/assets/stylesheets/schooler/base/_style-initial.scss */
.drag:hover {
  background: url("/images/points_hover.svg") no-repeat;
}

/* line 390, app/assets/stylesheets/schooler/base/_style-initial.scss */
.comp_shape {
  position: absolute;
  background: url("/images/comp_shape.svg") no-repeat !important;
  color: #FFF;
  top: 15px;
  right: 28px;
  text-align: center;
  width: 28px;
  height: 24px;
  line-height: 14px;
  font-size: 10px;
  font-weight: bold;
}

/* line 404, app/assets/stylesheets/schooler/base/_style-initial.scss */
.left_menu li a {
  text-decoration: none;
  color: #fff;
  font-size: 16px;
  letter-spacing: -0.5px !important;
  line-height: 22px;
}

/* line 412, app/assets/stylesheets/schooler/base/_style-initial.scss */
.left_menu li a:hover {
  color: #03d6f3;
  text-decoration: underline;
  opacity: 0.6;
}

/* line 418, app/assets/stylesheets/schooler/base/_style-initial.scss */
.left_menu a.active, .left_menu a.active:hover {
  color: #03d6f3 !important;
  cursor: default;
  text-decoration: none;
  opacity: 1 !important;
}

/* line 425, app/assets/stylesheets/schooler/base/_style-initial.scss */
.link_lock {
  padding-right: 20px;
}

/* line 429, app/assets/stylesheets/schooler/base/_style-initial.scss */
.link_lock_open, .link_lock_open_wht:hover {
  background: url("/images/menu_lock_open.svg") no-repeat top right;
}

/* line 433, app/assets/stylesheets/schooler/base/_style-initial.scss */
.link_lock_closed {
  background: url("/images/menu_lock_close.svg") no-repeat top right;
}

/* line 437, app/assets/stylesheets/schooler/base/_style-initial.scss */
.link_lock_closed:hover {
  background: url("/images/menu_lock_close_hover.svg") no-repeat top right;
}

/* line 441, app/assets/stylesheets/schooler/base/_style-initial.scss */
.link_lock_open_wht {
  background: url("/images/menu_lock_open_wht.svg") no-repeat top right;
}

/* line 445, app/assets/stylesheets/schooler/base/_style-initial.scss */
.link_lock_open_wht, .comp_plus, .left_menu a.active {
  margin-right: -3px;
  padding-right: 23px;
}

/* line 451, app/assets/stylesheets/schooler/base/_style-initial.scss */
.plus, .comp_plus {
  color: #42777f !important;
}

/* line 455, app/assets/stylesheets/schooler/base/_style-initial.scss */
.plus:hover, .comp_plus:hover {
  color: #03d6f3 !important;
  text-decoration: underline;
  opacity: 0.6;
}

/* line 461, app/assets/stylesheets/schooler/base/_style-initial.scss */
.plus {
  background: url("/images/plus.png") no-repeat 100% 3px;
}

/* line 465, app/assets/stylesheets/schooler/base/_style-initial.scss */
.plus:hover {
  background: url("/images/plus_hover.png") no-repeat 100% 3px;
}

/* line 469, app/assets/stylesheets/schooler/base/_style-initial.scss */
.comp_plus {
  background: url("/images/comp_plus.png") no-repeat 100% 3px;
}

/* line 473, app/assets/stylesheets/schooler/base/_style-initial.scss */
.comp_plus:hover {
  background: url("/images/comp_plus_hover.png") no-repeat 100% 3px;
}

/* line 477, app/assets/stylesheets/schooler/base/_style-initial.scss */
.user_name {
  padding-right: 30px;
}

/* line 480, app/assets/stylesheets/schooler/base/_style-initial.scss */
.schooler-logo img {
  display: block;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 10px;
}

/* line 487, app/assets/stylesheets/schooler/base/_style-initial.scss */
.left_menu li a {
  display: inline-block;
}

/* nm-styles */
/* line 493, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-hidden {
  display: none;
}

/* line 497, app/assets/stylesheets/schooler/base/_style-initial.scss */
.clear:after {
  content: "";
  display: table;
  clear: both;
}

/* line 503, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-courses-list {
  padding: 30px 20px;
}

/* line 507, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-courses-list .nm-block {
  position: relative;
  float: right;
  background-color: white;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  width: 250px;
  height: 250px;
  margin: 0 10px 20px 10px;
}

/* line 519, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-block-img {
  width: 100%;
  height: 50%;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 526, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-stngs-btn {
  display: block;
  background-color: rgba(255, 255, 255, 0.7);
  background-image: url("/images/settings-icon-new.svg");
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  top: 50%;
  left: 15px;
}

/* line 539, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-disabled .nm-stngs-btn, .nm-disabled:hover .nm-stngs-btn {
  cursor: default;
  background-image: url("/images/settings.svg");
}

/* line 544, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-block-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 50%;
}

/* line 561, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-block-bottom .nm-caption {
  color: #4c4c4c;
  font-size: 18px;
  font-weight: 700;
  padding: 0 20px;
  margin-bottom: 0.2em;
}

/* line 569, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-block-bottom .nm-text {
  color: #4d4d4d;
  font-size: 13px;
  font-weight: 300;
  padding: 0 20px;
  margin-bottom: 0.2em;
}

/* line 577, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-bottom-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 15px;
}

/* line 598, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-views {
  position: relative;
  background-image: url("/images/views.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 16px;
}

/* line 607, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-views-count {
  position: absolute;
  text-align: center;
  color: white;
  font-size: 11px;
  font-weight: 400;
  background-color: #03d6f3;
  border-radius: 10px;
  top: -8px;
  left: 12px;
  padding: 3px 5px 2px 5px;
}

/* line 620, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-disabled .nm-block-img img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
  filter: gray;
  filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

/* line 628, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-disabled .nm-views-count {
  background-color: #9a9a9a;
}

/* line 632, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-category {
  position: relative;
  color: black;
  font-size: 13px;
  font-weight: 300;
  background-color: #f2f2f2;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  padding: 8px 22px 9px 40px;
}

/* line 643, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-category:before {
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  left: 10px;
  width: 19px;
  height: 19px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 658, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-category.nm-listed:before {
  background-image: url("/images/course-list.svg");
  width: 14px;
  height: 14px;
}

/* line 664, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-category.nm-light:before {
  background-image: url("/images/chck-3.svg");
  left: 5px;
}

/* line 669, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-category.nm-money:before {
  background-image: url("/images/chck-1.svg");
  width: 22px;
  height: 22px;
  left: 5px;
}

/* line 676, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-add-course label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  background-image: url("/images/label_img.svg");
  background-repeat: no-repeat;
  background-position: center top 70px;
  color: #000000;
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  height: 100%;
  padding: 60px 20px 0 20px;
  opacity: 0.3;
}

/* line 707, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-block.nm-add-course {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  border: 3px dashed rgba(0, 0, 0, 0.3);
}

/* line 714, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-courses-list .nm-block.nm-course-helper {
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-align: center;
  background-color: transparent;
  color: #2e4b4f;
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  padding-top: 110px;
}

/* line 727, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-courses-list .nm-block.nm-course-helper:after {
  position: absolute;
  display: block;
  content: "";
  background-image: url("/images/helper-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 105px;
  height: 40px;
  right: 0;
  top: 60px;
}

/* line 740, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-disabled {
  opacity: 0.4;
  cursor: default;
}

/* line 745, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list {
  list-style-type: none;
  margin-top: 26px;
  padding-right: 30px;
}

/* line 751, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li {
  padding: 10px 0;
}

/* line 755, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li a {
  position: relative;
  font-size: 16px;
  font-weight: 300;
  color: #c1c9cb;
  padding-right: 50px;
}

/* line 763, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li a:hover,
.nm-list li a.nm-active {
  text-decoration: none;
  color: #03d6f3;
  opacity: 0.6;
}

/* line 770, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li a.nm-active {
  cursor: default;
}

/* line 774, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li a:after {
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  top: 50%;
  right: 0;
  width: 26px;
  height: 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 790, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(1) a:after {
  background-image: url("/images/menu-1.svg");
}

/* line 794, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(2) a:after {
  background-image: url("/images/b_white.png");
}

/* line 798, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(3) a:after {
  background-image: url("/images/menu-3.svg");
}

/* line 802, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(4) a:after {
  background-image: url("/images/menu-4.svg");
}

/* line 806, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(5) a:after {
  background-image: url("/images/menu-5.svg");
}

/* line 810, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(6) a:after {
  background-image: url("/images/menu-6.svg");
}

/* line 814, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(1) a:hover:after,
.nm-list li:nth-child(1) a.nm-active:after {
  background-image: url("/images/menu-1-hover.svg");
}

/* line 819, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(2) a:hover:after,
.nm-list li:nth-child(2) a.nm-active:after {
  background-image: url("/images/b_hover.png");
}

/* line 824, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(3) a:hover:after,
.nm-list li:nth-child(3) a.nm-active:after {
  background-image: url("/images/menu-3-hover.svg");
}

/* line 829, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(4) a:hover:after,
.nm-list li:nth-child(4) a.nm-active:after {
  background-image: url("/images/menu-4-hover.svg");
}

/* line 834, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(5) a:hover:after,
.nm-list li:nth-child(5) a.nm-active:after {
  background-image: url("/images/menu-5-hover.svg");
}

/* line 839, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-list li:nth-child(6) a:hover:after,
.nm-list li:nth-child(6) a.nm-active:after {
  background-image: url("/images/menu-6-hover.svg");
}

/* line 844, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-vupad {
  display: inline-block;
}

/* line 848, app/assets/stylesheets/schooler/base/_style-initial.scss */
.ava + .nm-vupad {
  margin-top: 5px;
}

/* line 852, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-vupad:hover .nm-submenu {
  display: block;
}

/* line 856, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-submenu {
  position: absolute;
  display: none;
  list-style-type: none;
  top: 100%;
  right: 30px;
  left: 50px;
  background-color: #f9f9f9;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: 1px 1.7px 5px rgba(0, 0, 0, 0.26);
  box-shadow: 1px 1.7px 5px rgba(0, 0, 0, 0.26);
  z-index: 3;
}

/* line 870, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-submenu li:nth-child(even) {
  background-color: whitesmoke;
}

/* line 874, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-submenu li:hover {
  background-color: lightgray;
}

/* line 878, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-submenu li:not(:last-child) {
  border-bottom: 1px solid #e6e6e6;
}

/* line 882, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-submenu li {
  padding: 0 20px;
}

/* line 886, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-submenu li a {
  text-decoration: none;
  color: #2e4b4f;
  font-size: 16px;
  line-height: 36px;
  font-weight: 300;
}

/* line 895, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-submenu li a:hover {
  text-decoration: underline;
}

/* line 899, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-form-wrap {
  padding: 0 40px 25px;
}

/* line 903, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-course-form {
  display: inline-block;
  width: 100%;
  max-width: 612px;
}

/* line 909, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 15px;
}

/* line 926, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-form-row .nm-left {
  width: 100%;
  max-width: 500px;
}

/* line 931, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-form-row .nm-right {
  color: #969696;
  font-size: 16px;
  font-weight: 400;
  min-width: 110px;
  -webkit-flex-basis: 110px;
  -ms-flex-preferred-size: 110px;
  flex-basis: 110px;
  padding-left: 20px;
  padding-top: 18px;
}

/* line 943, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-input {
  width: 100%;
  height: 52px;
  color: black;
  font-size: 18px;
  font-weight: 400;
  background-color: white;
  border: none;
  outline: none;
  border-radius: 5px;
  padding: 0 20px;
}

/* line 955, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-input.thin-border {
  border: darkgray;
  border-width: thin;
  border-style: solid;
}

/* line 961, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-input ~ span.input-feedback {
  display: none;
}

/* line 967, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-input.error ~ span.input-feedback {
  display: block;
  color: red;
  position: absolute;
  right: 20px;
  top: 40px;
}

/* line 978, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-input::-webkit-input-placeholder {
  color: #d5d5d5;
  font-size: 18px;
  font-weight: 400;
}

/* line 984, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-input:-ms-input-placeholder {
  color: #d5d5d5;
  font-size: 18px;
  font-weight: 400;
}

/* line 990, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-input::-moz-placeholder {
  color: #d5d5d5;
  font-size: 18px;
  font-weight: 400;
}

/* line 996, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-course-form textarea {
  resize: none;
  width: 100%;
  height: 200px;
  color: black;
  overflow: auto;
  font-size: 18px;
  font-weight: 400;
  background-color: white;
  border: none;
  outline: none;
  border-radius: 5px;
  padding: 15px 20px;
}

/* line 1011, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-block {
  text-align: right;
  padding-right: 130px;
}

/* line 1016, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-row {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  color: #2e4b4f;
  font-size: 18px;
  font-weight: 400;
  padding-top: 55px;
  margin-bottom: 20px;
}

/* line 1028, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-row:not(:last-child) {
  margin-left: 70px;
}

/* line 1032, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-check-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 82px;
  height: 42px;
}

/* line 1051, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-check-block.nm-white-bg {
  padding-right: 0;
}

/* line 1055, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-check-block.nm-white-bg .nm-input {
  position: relative;
  height: 42px;
  min-width: 0;
  padding-right: 45px;
  width: 100%;
  pointer-events: none;
}

/* line 1064, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-check-block .nm-checkbox {
  position: absolute;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 1073, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-label-text {
  cursor: pointer;
  white-space: nowrap;
  margin-right: 10px;
}

/* line 1078, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-label-text.paid_for {
  margin-right: 14px;
}

/* line 1082, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-label-text.registration_required {
  margin-right: 11px;
}

/* line 1086, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-label-text.external_signup {
  margin-right: 3px;
}

/* line 1090, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-label-text.free_for_all {
  margin-right: 16px;
}

/* line 1095, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkbox {
  position: relative;
  display: block;
  cursor: pointer;
  width: 24px;
  min-width: 24px;
  max-width: 24px;
  height: 24px;
  background-color: #fff;
  border: 2px solid #2e4b4f;
  border-radius: 5px;
  z-index: 100;
}

/* line 1109, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-radiobutton {
  position: relative;
  display: block;
  cursor: pointer;
  width: 25px;
  min-width: 25px;
  max-width: 25px;
  height: 25px;
  background-color: #fff;
  border: 2px solid #2e4b4f;
  border-radius: 12px;
  z-index: 100;
}

/* line 1123, app/assets/stylesheets/schooler/base/_style-initial.scss */
input[type="radio"]:checked ~ .nm-radiobutton::before {
  content: "";
  position: absolute;
  display: block;
  top: 0.24rem;
  left: 0.26rem;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #2e4b4f;
}

/* line 1136, app/assets/stylesheets/schooler/base/_style-initial.scss */
.answer-error input[type="radio"]:checked ~ .nm-checkbox:after,
.answer-error input[type="checkbox"]:checked ~ .nm-checkbox:after {
  background-color: #ff0000 !important;
}

/* line 1142, app/assets/stylesheets/schooler/base/_style-initial.scss */
.answer-correct input[type="radio"]:checked ~ .nm-checkbox:after,
.answer-correct input[type="checkbox"]:checked ~ .nm-checkbox:after {
  background-color: #03d1ed !important;
}

/* line 1148, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-check-img {
  cursor: pointer;
  position: absolute;
  top: -55px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  width: 49px;
  height: 49px;
}

/* line 1161, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-check-img:before {
  position: absolute;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/* line 1175, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-row:nth-child(4) .nm-check-img:before {
  background-image: url("/images/chck-3.svg");
  width: 27px;
  height: 27px;
}

/* line 1181, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-row:nth-child(3) .nm-check-img:before {
  background-image: url("/images/external-reg.svg");
  width: 27px;
  height: 27px;
}

/* line 1187, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-row:nth-child(2) .nm-check-img:before {
  background-image: url("/images/course-list.svg");
  width: 27px;
  height: 27px;
}

/* line 1193, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-row:nth-child(1) .nm-check-img:before {
  background-image: url("/images/chck-1.svg");
  width: 32px;
  height: 32px;
}

/* line 1199, app/assets/stylesheets/schooler/base/_style-initial.scss */
input[type="radio"]:checked ~ .nm-checkbox:after,
input[type="checkbox"]:checked ~ .nm-checkbox:after {
  position: absolute;
  display: block;
  content: "";
  width: 16px;
  height: 16px;
  background-color: #2e4b4f;
  border-radius: 3px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

/* line 1215, app/assets/stylesheets/schooler/base/_style-initial.scss */
input[type="radio"]:checked ~ .nm-check-img {
  background-color: #03d6f3;
}

/* line 1219, app/assets/stylesheets/schooler/base/_style-initial.scss */
input[type="checkbox"]:checked ~ .nm-input,
input[type="radio"]:checked ~ .nm-input {
  pointer-events: auto;
}

/* line 1224, app/assets/stylesheets/schooler/base/_style-initial.scss */
input[type="checkbox"]:checked ~ .nm-input::-moz-placeholder,
input[type="radio"]:checked ~ .nm-input::-moz-placeholder {
  color: #000;
}

/* line 1229, app/assets/stylesheets/schooler/base/_style-initial.scss */
input[type="checkbox"]:checked ~ .nm-input::-webkit-input-placeholder,
input[type="radio"]:checked ~ .nm-input::-webkit-input-placeholder {
  color: #000;
}

/* line 1235, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-row:nth-child(4) input[type="radio"]:checked ~ .nm-check-img:before {
  background-image: url("/images/chck-3-hover.svg");
}

/* line 1239, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-row:nth-child(3) input[type="radio"]:checked ~ .nm-check-img:before {
  background-image: url("/images/external-reg.svg");
}

/* line 1243, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-row:nth-child(2) input[type="radio"]:checked ~ .nm-check-img:before {
  background-image: url("/images/course-list-hover.svg");
}

/* line 1247, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-checkboxes-row:nth-child(1) input[type="radio"]:checked ~ .nm-check-img:before {
  background-image: url("/images/chck-1-hover.svg");
}

/* line 1251, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-end-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 55px;
}

/* line 1268, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-btn {
  color: white;
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  border: none;
  outline: none;
  height: 40px;
  background-color: #03d6f3;
  border-radius: 5px;
  padding: 0 30px;
  -webkit-appearance: none;
}

/* line 1280, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-btn[disabled] {
  background-color: #9a9a9a;
  cursor: not-allowed;
}

/* line 1286, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-btn:hover {
  text-decoration: underline;
}

/* line 1290, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-end-row .nm-btn {
  margin-right: 20px;
}

/* line 1294, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-end-row .nm-link {
  color: #478189;
  font-size: 18px;
  font-weight: 400;
  text-decoration: underline;
}

/* line 1301, app/assets/stylesheets/schooler/base/_style-initial.scss */
.nm-end-row .nm-link:hover {
  text-decoration: none;
}

/* line 1304, app/assets/stylesheets/schooler/base/_style-initial.scss */
.course-status__container {
  display: flex;
  flex-direction: column;
  width: fit-content !important;
  height: 20px;
  color: black;
  margin-top: 10px;
}

/* line 1311, app/assets/stylesheets/schooler/base/_style-initial.scss */
.course-status__container .status__label {
  flex: 0.8;
  line-height: 2;
  font-size: 15px;
  font-weight: 400;
  margin-right: 16px;
}

/* line 1318, app/assets/stylesheets/schooler/base/_style-initial.scss */
.course-status__container .sch-link, .course-status__container .sch-draft {
  width: 25px;
  height: 30px;
  line-height: 1.1;
  background-color: transparent;
  color: white;
  border: none;
  flex: 0.4;
  cursor: pointer;
}

/* line 1327, app/assets/stylesheets/schooler/base/_style-initial.scss */
.course-status__container .sch-link:before, .course-status__container .sch-draft:before {
  font-size: 20px;
}

/* line 1331, app/assets/stylesheets/schooler/base/_style-initial.scss */
.course-status__container .sch-draft {
  color: #B8B8B8;
}

/* line 1334, app/assets/stylesheets/schooler/base/_style-initial.scss */
.course-status__container.active {
  color: #23B45F !important;
}

/* line 1338, app/assets/stylesheets/schooler/base/_style-initial.scss */
.language-name {
  position: absolute;
  top: 80px;
  left: 191%;
  color: white;
  padding: 2px;
  display: flex;
  align-items: center;
  border-radius: 18px;
  width: 109%;
  font-weight: bold;
  background-color: #304B4F;
}

/* line 1351, app/assets/stylesheets/schooler/base/_style-initial.scss */
.language-name-icon {
  margin-right: 5px;
  width: 14px;
}

/* line 1355, app/assets/stylesheets/schooler/base/_style-initial.scss */
.school-language-name {
  position: absolute;
  top: 86px;
  border-radius: 18px;
  width: auto;
  font-weight: bold;
  background-color: #304B4F;
  color: white;
  padding: 1px;
  margin-right: 12px;
}

/* line 1367, app/assets/stylesheets/schooler/base/_style-initial.scss */
.school-language-name-icon {
  width: 17px !important;
  height: 25px !important;
  margin-right: 6px;
  margin-bottom: 1px;
  vertical-align: middle;
}

/*=============================================start position=================================================================*/
/*=============================================end position=================================================================*/
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 1, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container {
  width: 370px;
}

/* line 5, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container:after {
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

/* line 16, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container .ms-selectable, .ms-container .ms-selection {
  background: #fff;
  color: #555555;
  float: left;
  width: 45%;
}

/* line 22, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container .ms-selection {
  float: right;
}

/* line 26, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container .ms-list {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  height: 200px;
  padding: 0;
  overflow-y: auto;
}

/* line 45, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container .ms-list.ms-focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted \9;
}

/* line 54, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container ul {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

/* line 60, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container .ms-optgroup-container {
  width: 100%;
}

/* line 64, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container .ms-optgroup-label {
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}

/* line 71, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px;
}

/* line 79, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}

/* line 87, app/assets/stylesheets/schooler/lib/multiselect/css/multi-select.css */
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {
  background-color: #eee;
  color: #aaa;
  cursor: text;
}

/* line 1, app/assets/stylesheets/schooler/base/_normalize.scss */
* {
  box-sizing: border-box;
}

/* line 5, app/assets/stylesheets/schooler/base/_normalize.scss */
*:before,
*:after {
  box-sizing: border-box;
}

/* line 10, app/assets/stylesheets/schooler/base/_normalize.scss */
img {
  max-width: 100%;
}

/* line 14, app/assets/stylesheets/schooler/base/_normalize.scss */
svg {
  display: inline-block;
}

/* line 18, app/assets/stylesheets/schooler/base/_normalize.scss */
body {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  margin: 0;
}

/* line 23, app/assets/stylesheets/schooler/base/_normalize.scss */
input {
  font-family: inherit;
}

/* line 26, app/assets/stylesheets/schooler/base/_normalize.scss */
input:focus {
  outline: none;
}

/* line 11, app/assets/stylesheets/schooler/base/_type.scss */
::selection {
  color: #ffffff;
  background-color: #03d6f3;
}

/* line 16, app/assets/stylesheets/schooler/base/_type.scss */
a {
  color: #03d6f3;
  text-decoration: underline;
}

/* line 20, app/assets/stylesheets/schooler/base/_type.scss */
a:hover {
  color: #03d6f3;
  text-decoration: none;
}

/* line 25, app/assets/stylesheets/schooler/base/_type.scss */
a:focus {
  outline: none;
}

/* line 22, app/assets/stylesheets/schooler/base/_mixins.scss */
p + * {
  margin-top: 18px;
}

/* line 26, app/assets/stylesheets/schooler/base/_mixins.scss */
* + p {
  margin-top: 18px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
p {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
p:first-child {
  margin-top: 0;
}

/* line 22, app/assets/stylesheets/schooler/base/_mixins.scss */
p + p {
  margin-top: 8px;
}

/* line 26, app/assets/stylesheets/schooler/base/_mixins.scss */
p + p {
  margin-top: 8px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
p {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
p:first-child {
  margin-top: 0;
}

/* line 35, app/assets/stylesheets/schooler/base/_type.scss */
h1, h2, h3, h4, h5, h6 {
  color: #2e4b4f;
  font-weight: 600;
}

/* line 39, app/assets/stylesheets/schooler/base/_type.scss */
h1 + .sub-heading, h2 + .sub-heading, h3 + .sub-heading, h4 + .sub-heading, h5 + .sub-heading, h6 + .sub-heading {
  margin-top: 10px;
}

/* line 43, app/assets/stylesheets/schooler/base/_type.scss */
h1 + .sub-heading-2, h2 + .sub-heading-2, h3 + .sub-heading-2, h4 + .sub-heading-2, h5 + .sub-heading-2, h6 + .sub-heading-2 {
  margin-top: 4px;
}

/* line 50, app/assets/stylesheets/schooler/base/_type.scss */
.sub-heading + h1, .sub-heading + h2, .sub-heading + h3, .sub-heading + h4, .sub-heading + h5, .sub-heading + h6,
.sub-heading-2 + h1,
.sub-heading-2 + h2,
.sub-heading-2 + h3,
.sub-heading-2 + h4,
.sub-heading-2 + h5,
.sub-heading-2 + h6 {
  margin-top: 10px !important;
}

/* line 55, app/assets/stylesheets/schooler/base/_type.scss */
h1 {
  font-size: 32px;
  text-transform: uppercase;
  text-align: center;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + h1 {
  margin-top: 30px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h1 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h1:first-child {
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
h1 + * {
  margin-top: 30px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h1 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h1:first-child {
  margin-top: 0;
}

/* line 63, app/assets/stylesheets/schooler/base/_type.scss */
h2 {
  font-size: 28px;
  text-align: center;
  text-transform: uppercase;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + h2 {
  margin-top: 30px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h2 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h2:first-child {
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
h2 + * {
  margin-top: 20px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h2 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h2:first-child {
  margin-top: 0;
}

/* line 71, app/assets/stylesheets/schooler/base/_type.scss */
h3 {
  font-size: 24px;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + h3 {
  margin-top: 30px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h3 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h3:first-child {
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
h3 + * {
  margin-top: 20px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h3 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h3:first-child {
  margin-top: 0;
}

/* line 77, app/assets/stylesheets/schooler/base/_type.scss */
h4 {
  font-size: 20px;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + h4 {
  margin-top: 30px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h4 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h4:first-child {
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
h4 + * {
  margin-top: 20px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h4 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h4:first-child {
  margin-top: 0;
}

/* line 83, app/assets/stylesheets/schooler/base/_type.scss */
h5 {
  font-size: 16px;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + h5 {
  margin-top: 30px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h5 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h5:first-child {
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
h5 + * {
  margin-top: 20px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h5 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h5:first-child {
  margin-top: 0;
}

/* line 89, app/assets/stylesheets/schooler/base/_type.scss */
h6 {
  font-size: 12px;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + h6 {
  margin-top: 30px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h6 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h6:first-child {
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
h6 + * {
  margin-top: 20px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
h6 {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
h6:first-child {
  margin-top: 0;
}

/* line 111, app/assets/stylesheets/schooler/base/_type.scss */
.color-brand {
  color: #03d6f3;
}

/* line 115, app/assets/stylesheets/schooler/base/_type.scss */
.color-danger {
  color: #ce0000;
}

/* line 119, app/assets/stylesheets/schooler/base/_type.scss */
.color-success {
  color: #5ed53a;
}

/* line 123, app/assets/stylesheets/schooler/base/_type.scss */
.color-minor {
  color: #929292;
}

/* line 130, app/assets/stylesheets/schooler/base/_type.scss */
.text-xs {
  font-size: 12px;
  line-height: 15px;
}

/* line 135, app/assets/stylesheets/schooler/base/_type.scss */
.text-sm {
  font-size: 14px;
  line-height: 16px;
}

/* line 140, app/assets/stylesheets/schooler/base/_type.scss */
.text-lg {
  font-size: 20px;
  line-height: 26px;
}

/* line 153, app/assets/stylesheets/schooler/base/_type.scss */
.text-left {
  text-align: left;
}

/* line 154, app/assets/stylesheets/schooler/base/_type.scss */
.text-right {
  text-align: right;
}

/* line 155, app/assets/stylesheets/schooler/base/_type.scss */
.text-center {
  text-align: center;
}

/* line 156, app/assets/stylesheets/schooler/base/_type.scss */
.text-upper {
  text-transform: uppercase;
}

/* line 158, app/assets/stylesheets/schooler/base/_type.scss */
.no-wrap {
  white-space: nowrap;
}

/* line 162, app/assets/stylesheets/schooler/base/_type.scss */
.text-thin {
  font-weight: 300;
}

/* line 164, app/assets/stylesheets/schooler/base/_type.scss */
.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

/* line 22, app/assets/stylesheets/schooler/base/_mixins.scss */
hr.hr-indent-sm + * {
  margin-top: 21px !important;
}

/* line 26, app/assets/stylesheets/schooler/base/_mixins.scss */
* + hr.hr-indent-sm {
  margin-top: 21px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
hr.hr-indent-sm {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
hr.hr-indent-sm:first-child {
  margin-top: 0;
}

/* line 240, app/assets/stylesheets/schooler/base/_type.scss */
hr.hr-intense {
  border-color: #2e4b4f;
}

/* line 1, app/assets/stylesheets/schooler/base/_carcass.scss */
body {
  color: #2e4b4f;
  font-size: 16px;
  line-height: 22px !important;
  font-family: "Assistant", Arial, sans-serif !important;
}

/* line 8, app/assets/stylesheets/schooler/base/_carcass.scss */
.wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  position: relative;
}

@media (min-width: 768px) {
  /* line 8, app/assets/stylesheets/schooler/base/_carcass.scss */
  .wrapper {
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    -moz-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
}

/* line 19, app/assets/stylesheets/schooler/base/_carcass.scss */
.content {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 0;
}

/* line 25, app/assets/stylesheets/schooler/base/_carcass.scss */
.sidebar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  display: none;
  background-color: #2e4b4f;
}

@media (min-width: 768px) {
  /* line 25, app/assets/stylesheets/schooler/base/_carcass.scss */
  .sidebar {
    display: block;
    width: 300px;
    min-height: 100vh;
  }
}

/* line 37, app/assets/stylesheets/schooler/base/_carcass.scss */
.sidebar_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: top;
  -ms-flex-pack: top;
  -webkit-justify-content: top;
  -moz-justify-content: top;
  justify-content: top;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  padding-top: 0;
}

@media (min-width: 768px) {
  /* line 37, app/assets/stylesheets/schooler/base/_carcass.scss */
  .sidebar_wrapper {
    position: fixed;
    height: 100vh;
    width: 300px;
    z-index: 50;
  }
}

/* line 53, app/assets/stylesheets/schooler/base/_carcass.scss */
.sidebar-top {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/* line 57, app/assets/stylesheets/schooler/base/_carcass.scss */
.sidebar-middle {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: auto;
}

/* line 62, app/assets/stylesheets/schooler/base/_carcass.scss */
.sidebar-bottom {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}

/* line 66, app/assets/stylesheets/schooler/base/_carcass.scss */
.sidebar-bottom:after {
  width: auto;
  height: 10px;
  content: '';
  display: block;
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  z-index: 10;
  box-shadow: inset 0 -10px 10px -10px rgba(0, 0, 0, 0.55);
}

/* line 76, app/assets/stylesheets/schooler/base/_carcass.scss */
.trackY {
  right: 0px;
  background-color: #e0e0e0 !important;
}

/* line 81, app/assets/stylesheets/schooler/base/_carcass.scss */
.top-panel {
  display: none;
}

@media (max-width: 767px) {
  /* line 81, app/assets/stylesheets/schooler/base/_carcass.scss */
  .top-panel {
    display: none !important;
  }
}

/* line 90, app/assets/stylesheets/schooler/base/_carcass.scss */
.content-stretch .top-panel {
  display: none;
}

@media (min-width: 768px) {
  /* line 89, app/assets/stylesheets/schooler/base/_carcass.scss */
  .content-stretch {
    height: 100vh;
    max-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  /* line 102, app/assets/stylesheets/schooler/base/_carcass.scss */
  .content-stretch .top-panel {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
  /* line 107, app/assets/stylesheets/schooler/base/_carcass.scss */
  .content-stretch .middle-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  /* line 111, app/assets/stylesheets/schooler/base/_carcass.scss */
  .content-stretch .bottom-panel {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

/* line 118, app/assets/stylesheets/schooler/base/_carcass.scss */
.content-inner {
  padding: 26px 30px;
}

/* line 122, app/assets/stylesheets/schooler/base/_carcass.scss */
.user_name {
  padding-top: 20px;
}

/* line 129, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu ul {
  padding-left: 0;
  list-style-type: none;
  padding: 30px 30px 30px 26px;
}

/* line 69, app/assets/stylesheets/schooler/base/_mixins.scss */
.aside-menu ul > li {
  margin-bottom: 0;
  padding-left: 0;
  margin-left: 0;
}

/* line 74, app/assets/stylesheets/schooler/base/_mixins.scss */
.aside-menu ul > li + li {
  margin-top: 0;
}

/* line 78, app/assets/stylesheets/schooler/base/_mixins.scss */
.aside-menu ul > li:before {
  display: none;
}

/* line 133, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu ul li {
  position: relative;
  font-weight: 300;
}

/* line 137, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu ul li + li {
  margin-top: 20px;
}

/* line 142, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu ul a,
.aside-menu ul .menu-item {
  padding-right: 48px;
  text-decoration: none;
  display: inline-block;
  position: relative;
  color: #c1c9cb;
}

/* line 150, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu ul a:hover, .aside-menu ul a.active,
.aside-menu ul .menu-item:hover,
.aside-menu ul .menu-item.active {
  color: #03d6f3;
}

/* line 157, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu .menu-item-icon {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* line 163, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu .menu-item-icon.icon-text {
  padding-top: 1px;
  font-size: 12px;
  width: 30px;
  text-align: left;
  direction: ltr;
}

/* line 173, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact {
  line-height: 19px;
}

/* line 176, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact ul {
  border-bottom: 1px solid #478189;
  padding-top: 26px;
  padding-bottom: 26px;
}

/* line 181, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact ul.no-border {
  padding-top: 18px;
  border-bottom: 0;
}

/* line 186, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact ul li + li {
  margin-top: 10px;
}

/* line 190, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact ul a,
.aside-menu.compact ul .menu-item {
  color: #60a1aa;
}

/* line 194, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact ul a .caption,
.aside-menu.compact ul .menu-item .caption {
  display: inline-block;
  vertical-align: top;
}

/* line 200, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact ul a:hover .caption,
.aside-menu.compact ul .menu-item:hover .caption {
  color: #03d6f3;
}

/* line 204, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact ul a:hover input,
.aside-menu.compact ul .menu-item:hover input {
  background-color: #c1c9cb;
  color: #2e4b4f;
}

/* line 212, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact ul a.active .caption,
.aside-menu.compact ul .menu-item.active .caption {
  color: #03d6f3;
  font-weight: bold;
}

/* line 218, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact ul a.bright,
.aside-menu.compact ul .menu-item.bright {
  color: #ffffff;
}

/* line 223, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu.compact ul:last-child {
  border-bottom: 0;
}

/* line 230, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu .icon-move {
  position: absolute;
  top: 1px;
  left: -20px;
  cursor: move;
}

/* line 237, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu .icon-lock-open-2 {
  position: relative;
  top: -3px;
  margin-left: 3px;
}

/* line 243, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu .icon-lock-closed-2 {
  position: relative;
  top: -3px;
  left: -1px;
  margin-left: 3px;
}

/* line 250, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu .icon-plus-2 {
  position: relative;
  top: -2px;
  left: -2px;
  margin-left: 3px;
}

/* line 257, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu .icon-course-plus {
  margin-left: 3px;
  position: relative;
  left: -1px;
}

/* line 264, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu .menu-item input[type=text] {
  vertical-align: middle;
  padding: 2px 3px;
  width: 170px;
  border: 0 none;
  background: transparent;
  color: inherit;
  font-size: inherit;
  line-height: 18px;
  border-radius: 2px;
  position: relative;
  top: 0px;
  right: -3px;
}

/* line 278, app/assets/stylesheets/schooler/base/_carcass.scss */
.aside-menu .menu-item input[type=text]:hover, .aside-menu .menu-item input[type=text]:focus {
  background-color: #c1c9cb;
  color: #2e4b4f;
}

/* line 288, app/assets/stylesheets/schooler/base/_carcass.scss */
.top-panel {
  position: relative;
  z-index: 50;
  background-color: #2e4b4f;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media (min-width: 768px) and (min-height: 380px) {
  /* line 288, app/assets/stylesheets/schooler/base/_carcass.scss */
  .top-panel {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}

@media (min-width: 768px) and (max-height: 499px) {
  /* line 288, app/assets/stylesheets/schooler/base/_carcass.scss */
  .top-panel {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}

@media (max-width: 991px) and (min-height: 380px) {
  /* line 288, app/assets/stylesheets/schooler/base/_carcass.scss */
  .top-panel {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
}

/* line 321, app/assets/stylesheets/schooler/base/_carcass.scss */
.top-panel-menu {
  padding-left: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #253c3f;
}

/* line 69, app/assets/stylesheets/schooler/base/_mixins.scss */
.top-panel-menu > li {
  margin-bottom: 0;
  padding-left: 0;
  margin-left: 0;
}

/* line 74, app/assets/stylesheets/schooler/base/_mixins.scss */
.top-panel-menu > li + li {
  margin-top: 0;
}

/* line 78, app/assets/stylesheets/schooler/base/_mixins.scss */
.top-panel-menu > li:before {
  display: none;
}

/* line 332, app/assets/stylesheets/schooler/base/_carcass.scss */
.top-panel-menu li + li {
  border-right: 1px solid #2e4b4f;
}

/* line 336, app/assets/stylesheets/schooler/base/_carcass.scss */
.top-panel-menu a {
  text-decoration: none;
  display: block;
  padding: 19px 20px 21px;
  color: #ffffff;
}

/* line 342, app/assets/stylesheets/schooler/base/_carcass.scss */
.top-panel-menu a .text {
  transition: color .2s ease;
}

/* line 346, app/assets/stylesheets/schooler/base/_carcass.scss */
.top-panel-menu a:hover .text {
  color: #03d6f3;
}

@media (min-height: 500px) {
  /* line 336, app/assets/stylesheets/schooler/base/_carcass.scss */
  .top-panel-menu a {
    padding: 19px 20px 21px;
  }
}

@media (max-width: 991px) {
  /* line 356, app/assets/stylesheets/schooler/base/_carcass.scss */
  .top-panel-menu a .text {
    display: none;
  }
}

/* line 365, app/assets/stylesheets/schooler/base/_carcass.scss */
.top-panel-heading {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  padding: 14px 62px 14px 22px;
  margin-left: auto;
  font-size: 19px;
  line-height: 24px;
  min-width: 0;
}

/* line 374, app/assets/stylesheets/schooler/base/_carcass.scss */
.top-panel-heading .hash {
  padding: 0 5px;
}

@media (min-height: 500px) {
  /* line 365, app/assets/stylesheets/schooler/base/_carcass.scss */
  .top-panel-heading {
    font-size: 24px;
    line-height: 30px;
  }
}

@media (max-width: 991px) {
  /* line 365, app/assets/stylesheets/schooler/base/_carcass.scss */
  .top-panel-heading {
    font-size: 19px;
    line-height: 24px;
    padding-left: 14px;
    padding-right: 58px;
  }
}

/* line 393, app/assets/stylesheets/schooler/base/_carcass.scss */
.course-image {
  display: block;
}

/* line 397, app/assets/stylesheets/schooler/base/_carcass.scss */
.course-description {
  padding: 17px 32px 17px 16px;
  background-color: #253c3f;
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500px;
}

/* line 405, app/assets/stylesheets/schooler/base/_carcass.scss */
.course-description .author {
  margin-top: 4px;
  font-weight: 300;
}

/* line 411, app/assets/stylesheets/schooler/base/_carcass.scss */
.bottom-panel {
  display: none;
  position: absolute;
  padding: 16px 20px 18px;
  left: 0;
  bottom: 0;
  z-index: 1001;
}

/* line 419, app/assets/stylesheets/schooler/base/_carcass.scss */
.bottom-panel .text {
  margin-left: 70px;
  display: none;
}

/* line 424, app/assets/stylesheets/schooler/base/_carcass.scss */
.bottom-panel .button-prev {
  margin-left: -25px;
  min-width: 140px;
}

@media (min-width: 768px) {
  /* line 411, app/assets/stylesheets/schooler/base/_carcass.scss */
  .bottom-panel {
    display: block;
  }
}

@media (min-height: 380px) and (min-width: 992px) {
  /* line 411, app/assets/stylesheets/schooler/base/_carcass.scss */
  .bottom-panel {
    padding: 18px 25px 20px;
    background-color: #ffffff;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  /* line 444, app/assets/stylesheets/schooler/base/_carcass.scss */
  .bottom-panel .text {
    display: block;
  }
}

@media (min-height: 500px) {
  /* line 411, app/assets/stylesheets/schooler/base/_carcass.scss */
  .bottom-panel {
    padding: 30px 25px 34px;
  }
}

/* line 455, app/assets/stylesheets/schooler/base/_carcass.scss */
.button.button-prev {
  padding-left: 10px;
  padding-right: 10px;
  white-space: nowrap;
}

/* line 460, app/assets/stylesheets/schooler/base/_carcass.scss */
.button.button-prev .icon {
  margin: -4px 10px 0 -10px;
}

/* line 464, app/assets/stylesheets/schooler/base/_carcass.scss */
.button.button-prev .button-text {
  vertical-align: top;
  line-height: 22px;
}

/* line 471, app/assets/stylesheets/schooler/base/_carcass.scss */
.simplified-menu {
  border-bottom: 1px solid #2e4b4f;
}

/* line 474, app/assets/stylesheets/schooler/base/_carcass.scss */
.simplified-menu ul {
  padding-left: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  -webkit-justify-content: stretch;
  -moz-justify-content: stretch;
  justify-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-right: auto;
  background-color: #253c3f;
}

/* line 69, app/assets/stylesheets/schooler/base/_mixins.scss */
.simplified-menu ul > li {
  margin-bottom: 0;
  padding-left: 0;
  margin-left: 0;
}

/* line 74, app/assets/stylesheets/schooler/base/_mixins.scss */
.simplified-menu ul > li + li {
  margin-top: 0;
}

/* line 78, app/assets/stylesheets/schooler/base/_mixins.scss */
.simplified-menu ul > li:before {
  display: none;
}

/* line 40, app/assets/stylesheets/schooler/base/_mixins.scss */
.simplified-menu ul:before, .simplified-menu ul:after {
  display: block;
  content: '\a0';
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
}

/* line 485, app/assets/stylesheets/schooler/base/_carcass.scss */
.simplified-menu li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-box-flex: 1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

/* line 490, app/assets/stylesheets/schooler/base/_carcass.scss */
.simplified-menu li + li {
  border-right: 1px solid #2e4b4f;
}

/* line 494, app/assets/stylesheets/schooler/base/_carcass.scss */
.simplified-menu a {
  text-decoration: none;
  display: block;
  padding: 8px 20px 10px;
  color: #ffffff;
  text-align: center;
}

/* line 501, app/assets/stylesheets/schooler/base/_carcass.scss */
.simplified-menu a .text {
  transition: color .2s ease;
}

/* line 505, app/assets/stylesheets/schooler/base/_carcass.scss */
.simplified-menu a:hover .text {
  color: #03d6f3;
}

/* line 510, app/assets/stylesheets/schooler/base/_carcass.scss */
.simplified-menu .input-color {
  width: 100%;
  height: 40px;
  display: block;
}

/* line 518, app/assets/stylesheets/schooler/base/_carcass.scss */
.hide-side-menu {
  width: 42px;
  height: 42px;
  position: absolute !important;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

/* line 527, app/assets/stylesheets/schooler/base/_carcass.scss */
.hide-side-menu .icon-arrow-right {
  position: absolute;
  top: 11px;
  right: 15px;
}

@media (min-height: 500px) {
  /* line 518, app/assets/stylesheets/schooler/base/_carcass.scss */
  .hide-side-menu {
    width: 62px;
    height: 62px;
  }
  /* line 538, app/assets/stylesheets/schooler/base/_carcass.scss */
  .hide-side-menu .icon-arrow-right {
    top: 21px;
    right: 24px;
  }
}

/* line 545, app/assets/stylesheets/schooler/base/_carcass.scss */
.credits {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 16px;
  color: #478189;
  font-size: 12px;
  line-height: 14px;
  background-color: #253c3f;
  cursor: pointer;
}

/* line 557, app/assets/stylesheets/schooler/base/_carcass.scss */
.credits .site-logo {
  width: 56px;
  height: 30px;
}

/* line 562, app/assets/stylesheets/schooler/base/_carcass.scss */
.credits .text {
  max-width: 170px;
  padding-right: 9px;
  margin-top: 0;
  margin-right: 10px;
  border-right: 1px solid #478189;
}

@media (max-width: 395px) {
  /* line 562, app/assets/stylesheets/schooler/base/_carcass.scss */
  .credits .text {
    display: none;
  }
}

@media (min-width: 768px) {
  /* line 545, app/assets/stylesheets/schooler/base/_carcass.scss */
  .credits {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
}

/* line 580, app/assets/stylesheets/schooler/base/_carcass.scss */
.header-mobile {
  position: relative;
  background-color: #253c3f;
  z-index: 100;
}

/* line 585, app/assets/stylesheets/schooler/base/_carcass.scss */
.header-mobile .top-panel-heading {
  padding: 12px 20px 20px;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
}

/* line 591, app/assets/stylesheets/schooler/base/_carcass.scss */
.header-mobile .top-panel-heading strong {
  font-weight: 600;
}

/* line 595, app/assets/stylesheets/schooler/base/_carcass.scss */
.header-mobile .top-panel-heading .subheading {
  font-size: 14px;
}

@media (min-width: 768px) {
  /* line 580, app/assets/stylesheets/schooler/base/_carcass.scss */
  .header-mobile {
    display: none;
  }
}

/* line 605, app/assets/stylesheets/schooler/base/_carcass.scss */
.button-hanging {
  position: absolute;
  bottom: 0;
  left: 40px;
  -webkit-transform: translateX(-50%) translateY(50%);
  -ms-transform: translateX(-50%) translateY(50%);
  -o-transform: translateX(-50%) translateY(50%);
  transform: translateX(-50%) translateY(50%);
}

/* line 612, app/assets/stylesheets/schooler/base/_carcass.scss */
.header-mobile-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 618, app/assets/stylesheets/schooler/base/_carcass.scss */
.header-mobile-top .icon-cart,
.header-mobile-top .icon-exit {
  width: 28px;
  height: 28px;
  opacity: .6;
}

/* line 625, app/assets/stylesheets/schooler/base/_carcass.scss */
.header-mobile-top .top-panel-menu {
  padding: 7px 10px;
}

/* line 628, app/assets/stylesheets/schooler/base/_carcass.scss */
.header-mobile-top .top-panel-menu li + li {
  border-right: 0;
}

/* line 632, app/assets/stylesheets/schooler/base/_carcass.scss */
.header-mobile-top .top-panel-menu a {
  padding: 12px 11px;
}

/* line 637, app/assets/stylesheets/schooler/base/_carcass.scss */
.header-mobile-top .credits {
  padding: 16px 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  max-width: 206px;
}

/* line 644, app/assets/stylesheets/schooler/base/_carcass.scss */
.nav-opener {
  padding: 20px;
  cursor: pointer;
}

/* line 649, app/assets/stylesheets/schooler/base/_carcass.scss */
.nav-opener.open .icon-menu-opener {
  background-image: url(/images/menu-close.svg);
}

/* line 655, app/assets/stylesheets/schooler/base/_carcass.scss */
.nav-mobile {
  position: fixed;
  z-index: 1050;
  top: 70px;
  left: 20px;
  right: 20px;
  bottom: 32px;
  background-color: #ffffff;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  display: none;
}

/* line 666, app/assets/stylesheets/schooler/base/_carcass.scss */
.nav-mobile > .inner {
  overflow: auto;
  height: 100%;
}

/* line 671, app/assets/stylesheets/schooler/base/_carcass.scss */
.nav-mobile.open {
  display: block;
}

/* line 677, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile {
  color: #2e4b4f;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
}

/* line 683, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile ul {
  padding-left: 0;
  list-style-type: none;
}

/* line 69, app/assets/stylesheets/schooler/base/_mixins.scss */
.menu-mobile ul > li {
  margin-bottom: 0;
  padding-left: 0;
  margin-left: 0;
}

/* line 74, app/assets/stylesheets/schooler/base/_mixins.scss */
.menu-mobile ul > li + li {
  margin-top: 0;
}

/* line 78, app/assets/stylesheets/schooler/base/_mixins.scss */
.menu-mobile ul > li:before {
  display: none;
}

/* line 687, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile li.menu-item {
  padding: 20px 66px 20px 110px;
  position: relative;
}

/* line 691, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile li.menu-item > .menu-item-icon {
  right: 22px;
  font-size: 0;
}

/* line 701, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile li.menu-item.muted .caption,
.menu-mobile li.menu-item.muted .time,
.menu-mobile li.menu-item.muted .menu-item-icon,
.menu-mobile li.menu-item.muted .permission {
  opacity: .5;
}

/* line 707, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile li.menu-item.muted .permission {
  width: 35px;
  display: inline-block;
  vertical-align: middle;
}

/* line 711, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile li.menu-item.muted .permission .sch-preview {
  line-height: 1.1;
}

/* line 713, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile li.menu-item.muted .permission .sch-preview:before {
  font-size: 25px;
}

/* line 720, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile li.menu-item.highlight {
  background-color: #f5f5f5;
  font-size: 18px;
}

/* line 725, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile li.menu-item.active {
  background-color: #03d6f3;
}

/* line 728, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile li.menu-item.active .caption,
.menu-mobile li.menu-item.active .time {
  color: #ffffff;
}

/* line 735, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile li + li {
  border-top: 1px solid #f5f5f5;
}

/* line 739, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile a {
  text-decoration: none;
  display: inline-block;
  position: relative;
}

/* line 745, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile .caption {
  color: #2e4b4f;
}

/* line 749, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile .time {
  width: 52px;
  position: absolute;
  top: 20px;
  left: 54px;
  font-weight: 400;
  display: inline-block;
  white-space: nowrap;
}

/* line 759, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile .icon-edit,
.menu-mobile .icon-remove {
  width: 24px;
  height: 24px;
}

/* line 765, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile .icon-tick {
  position: absolute;
  top: 22px;
  left: 22px;
}

/* line 771, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-mobile .icon-video {
  width: 23px;
  height: 26px;
}

/* line 778, app/assets/stylesheets/schooler/base/_carcass.scss */
.menu-item-icon {
  width: 34px;
  height: 30px;
  position: absolute;
  top: 18px;
  right: 0;
  font-size: 0;
  text-align: center;
}

/* line 788, app/assets/stylesheets/schooler/base/_carcass.scss */
body.nav-mobile-open {
  overflow: hidden;
}

/* line 28, app/assets/stylesheets/schooler/components/_buttons.scss */
button:focus {
  outline: none;
}

/* line 33, app/assets/stylesheets/schooler/components/_buttons.scss */
.button {
  padding: 9px 24px;
  display: inline-block;
  background-color: #2e4b4f;
  border: 0 none;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  font-family: "Assistant", Arial, sans-serif;
  color: #ffffff;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}

/* line 51, app/assets/stylesheets/schooler/components/_buttons.scss */
.button:hover {
  background-color: #375a5f;
  color: #ffffff;
  text-decoration: none;
}

/* line 57, app/assets/stylesheets/schooler/components/_buttons.scss */
.button:focus {
  outline: none;
}

/* line 62, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-primary {
  background-color: #03d6f3;
  color: #ffffff;
}

/* line 66, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-primary:hover {
  background-color: #13e0fc;
  color: #ffffff;
}

/* line 72, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-secondary {
  background-color: #4c6468;
  color: #ffffff;
}

/* line 76, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-secondary:hover {
  background-color: #577277;
  color: #ffffff;
}

/* line 82, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-w-tip {
  position: relative;
  margin-right: 45px;
}

/* line 86, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-w-tip:before {
  width: 50px;
  height: 40px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: -45px;
  bottom: 0;
  background-color: #2e4b4f;
  border-radius: 0 5px 5px 0;
}

/* line 95, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-w-tip:after {
  width: 5px;
  height: 40px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #03d6f3;
  border-radius: 0 5px 5px 0;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}

/* line 105, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-w-tip .icon {
  position: absolute;
  right: -30px;
  top: 7px;
}

/* line 112, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-w-tip:hover:after {
  background-color: #03c0da;
}

/* line 122, app/assets/stylesheets/schooler/components/_buttons.scss */
.pills {
  cursor: default;
}

/* line 22, app/assets/stylesheets/schooler/base/_mixins.scss */
.pills + * {
  margin-top: 27px;
}

/* line 26, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .pills {
  margin-top: 27px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.pills {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.pills:first-child {
  margin-top: 0;
}

/* line 127, app/assets/stylesheets/schooler/components/_buttons.scss */
.pill {
  padding: 4px 16px;
  background-color: rgba(46, 75, 79, 0.2);
  cursor: pointer;
  text-decoration: none;
  color: #2e4b4f;
  font-size: 16px;
  line-height: 20px;
  border-radius: 28px;
}

/* line 137, app/assets/stylesheets/schooler/components/_buttons.scss */
.pill.selected {
  background-color: #03d6f3;
  color: #ffffff;
}

/* line 142, app/assets/stylesheets/schooler/components/_buttons.scss */
.pill + .pill {
  margin-right: 6px;
}

/* line 147, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-stack {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

/* line 152, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-stack .button {
  white-space: nowrap;
}

/* line 155, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-stack .button:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* line 160, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-stack .button:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* line 165, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-stack .button:not(:first-child):not(:last-child) {
  border-radius: 0 !important;
}

/* line 171, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-circle {
  padding: 12px 5px 0;
  border: 0 none;
  cursor: pointer;
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 40px;
  background-color: #2e4b4f;
  color: #ffffff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  text-align: center;
}

/* line 184, app/assets/stylesheets/schooler/components/_buttons.scss */
.button-circle .icon-sheet {
  margin-right: -2px;
}

/* line 191, app/assets/stylesheets/schooler/components/_buttons.scss */
.bottom-panel .button {
  padding-left: 18px;
  padding-right: 18px;
}

/* line 1, app/assets/stylesheets/schooler/components/_badge.scss */
.badge {
  min-width: 92px;
  padding: 4px 11px 6px;
  display: inline-block;
  border-radius: 30px;
  font-size: 14px;
  line-height: 20px;
  position: relative;
  z-index: 1;
  color: #2e4b4f;
  text-decoration: none;
}

/* line 13, app/assets/stylesheets/schooler/components/_badge.scss */
.badge:hover {
  color: #2e4b4f;
}

/* line 17, app/assets/stylesheets/schooler/components/_badge.scss */
.badge:before {
  background-color: #ffffff;
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 30px;
  z-index: -1;
}

/* line 26, app/assets/stylesheets/schooler/components/_badge.scss */
.badge:after {
  width: auto;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  right: -3px;
  transform: rotate(2deg);
  background-color: rgba(0, 0, 0, 0.28);
  transform-origin: 0 100%;
  border-radius: 30px;
  z-index: -2;
}

/* line 40, app/assets/stylesheets/schooler/components/_badge.scss */
.badge-brand {
  color: #ffffff;
}

/* line 43, app/assets/stylesheets/schooler/components/_badge.scss */
.badge-brand:hover {
  color: #ffffff;
}

/* line 47, app/assets/stylesheets/schooler/components/_badge.scss */
.badge-brand:before {
  background-color: #03d6f3;
}

/* line 55, app/assets/stylesheets/schooler/components/_badge.scss */
.sidebar_wrapper .badge-on-left {
  position: absolute;
  top: 18px;
  left: 0;
  z-index: 100;
}

/* line 2, app/assets/stylesheets/schooler/components/_content.scss */
.test-list-s .add-user {
  padding: 15px 10px;
}

/* line 7, app/assets/stylesheets/schooler/components/_content.scss */
.page-title {
  margin-right: -30px;
  padding: 12px 30px 12px 25px;
  display: inline-block;
  background-color: #2e4b4f;
  color: #03d6f3;
  border-radius: 46px 0 0 46px;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
}

/* line 22, app/assets/stylesheets/schooler/base/_mixins.scss */
.page-title + * {
  margin-top: 27px;
}

/* line 26, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .page-title {
  margin-top: 27px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.page-title {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.page-title:first-child {
  margin-top: 0;
}

/* line 20, app/assets/stylesheets/schooler/components/_content.scss */
.page-lable {
  color: #fff;
  background-color: #03cfeb;
  float: right;
  max-width: 380px;
  padding: 10px 82px 16px 45px;
  border-radius: 50px;
  position: relative;
}

/* line 28, app/assets/stylesheets/schooler/components/_content.scss */
.page-lable h2 {
  color: #fff;
  font-size: 24px;
  font-weight: 400;
}

/* line 34, app/assets/stylesheets/schooler/components/_content.scss */
.page-lable:after {
  position: absolute;
  content: '';
  width: 48px;
  height: 48px;
  background-color: #03cfeb;
  border: 10px solid #f5f5f5;
  border-radius: 50px;
  box-sizing: content-box;
  right: -10px;
  top: -10px;
}

/* line 47, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-header {
  background-color: var(--label-bg-color);
}

/* line 50, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-header:after {
  background-color: var(--label-bg-color);
}

/* line 53, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-submit-btn {
  background-color: var(--label-bg-color);
}

/* line 57, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-s .content-inner {
  padding-top: 23px;
}

/* line 60, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-s .course-description {
  padding-top: 0;
}

/* line 63, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-s .course-description {
  padding-bottom: 35px;
}

/* line 68, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-s .aside-menu .menu-item-icon.icon-text {
  right: inherit;
  left: -40px;
  top: 75%;
}

/* line 74, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-s .aside-menu ul a {
  padding-right: 35px;
}

/* line 79, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-s .aside-menu.compact ul:last-child {
  border-bottom: 1px solid #478189;
  padding-bottom: 5px;
}

/* line 89, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .question-wrap {
  margin-bottom: 10px;
}

/* line 92, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .question-block {
  margin-top: 15px;
}

/* line 95, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .page-lable {
  background-color: #909090;
}

/* line 97, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .page-lable:after {
  content: url(/images/test-mistakes-smile.svg);
  background-color: #fff;
}

/* line 103, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .results {
  width: 100%;
  float: right;
  margin-top: 30px;
  margin-right: 7px;
}

/* line 108, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .results .result-message-bott {
  margin-top: 25px !important;
}

/* line 111, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .results .success {
  color: #304B4F;
  font-size: 16px;
  font-weight: 700;
  font-family: Assistant;
  line-height: 22px;
}

/* line 118, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .results .errors {
  color: #D90808;
  font-weight: bold;
}

/* line 124, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .wrong-answer-description {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px !important;
  margin-right: 10px;
  line-height: 1;
  font-weight: bold;
  color: #D90808;
  max-width: 760px;
}

/* line 135, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .correct-answer-description {
  font-size: 16px;
  margin-top: 20px;
  margin-bottom: 20px !important;
  margin-right: 10px;
  line-height: 1;
  font-weight: bold;
  color: #219653;
  max-width: 760px;
}

/* line 147, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-saccess .page-lable {
  background-color: #03d6f3;
}

/* line 149, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-saccess .page-lable:after {
  content: url(/images/test-mistakes-smile-accent.svg);
  background-color: #fff;
}

/* line 156, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .quiz-header {
  background-color: var(--label-bg-color);
}

/* line 159, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-mistakes .quiz-header:after {
  content: url(/images/test-mistakes-smile.svg);
  background-color: var(--label-bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 1px;
  padding-bottom: 0px;
  width: 45px;
  height: 45px;
}

/* line 170, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-saccess .quiz-header {
  background-color: var(--label-bg-color);
}

/* line 173, app/assets/stylesheets/schooler/components/_content.scss */
.st-look-saccess .quiz-header:after {
  content: url(/images/test-mistakes-smile-accent.svg);
  background-color: var(--label-bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 1px;
  padding-bottom: 0px;
  width: 46px;
  height: 44px;
}

/* line 185, app/assets/stylesheets/schooler/components/_content.scss */
.result-message-success,
.result-message-failure {
  font-size: 16px;
  font-weight: 600;
  font-family: Assistant;
  line-height: 22px;
  margin-top: 5px;
}

/* line 194, app/assets/stylesheets/schooler/components/_content.scss */
.try-again-result-btn {
  margin-top: 1rem;
}

/* line 197, app/assets/stylesheets/schooler/components/_content.scss */
.display-false-for-result {
  display: none;
}

/* line 200, app/assets/stylesheets/schooler/components/_content.scss */
.sidebar_lable {
  margin-top: 20px;
  position: absolute;
  left: 0;
  background-color: #fff;
  width: 95px;
  padding: 10px;
  padding-left: 25px;
  padding-right: 17px;
  border-radius: 0 50px 50px 0;
}

/* line 210, app/assets/stylesheets/schooler/components/_content.scss */
.sidebar_lable-text {
  float: left;
  font-size: 14px;
  font-weight: 600;
}

/* line 215, app/assets/stylesheets/schooler/components/_content.scss */
.sidebar_lable img {
  width: auto;
  height: auto;
  float: right;
  margin-top: 0;
}

/* line 223, app/assets/stylesheets/schooler/components/_content.scss */
.icon-text-2 {
  padding-top: 1px;
  font-size: 12px;
  width: 30px;
  text-align: left;
  direction: ltr;
}

/* line 231, app/assets/stylesheets/schooler/components/_content.scss */
.question-block--with-required {
  display: flex;
  align-items: center;
  padding-top: 20px;
}

/* line 237, app/assets/stylesheets/schooler/components/_content.scss */
.question-block {
  border-top: 1px solid rgba(46, 75, 79, 0.25);
  margin-right: 10px;
  margin-top: 25px;
  float: right;
  width: 100%;
}

/* line 243, app/assets/stylesheets/schooler/components/_content.scss */
.question-block--title {
  font-size: 20px;
  color: #2E4B4F;
  font-weight: 700;
  line-height: 26px;
  text-align: inherit;
  text-transform: none;
}

/* line 251, app/assets/stylesheets/schooler/components/_content.scss */
.question-block--text {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 700;
  margin-top: 4px;
  margin-right: 30px;
  line-height: 24.14px;
  max-width: 760px;
  color: #2E4B4F;
}

/* line 261, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answer-text-student-side {
  font-size: 16px !important;
  font-family: Assistant;
  font-weight: 400;
  line-height: 22px !important;
  color: #2E4B4F;
  margin-right: 30px;
  white-space: inherit !important;
  max-width: 760px;
}

/* line 271, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback {
  margin-top: 10px;
  padding-right: 3%;
  margin-left: 3%;
  padding-bottom: 25px;
}

/* line 276, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap {
  width: 100%;
}

/* line 279, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback label {
  float: right;
  white-space: normal;
}

/* line 283, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-marker {
  font-size: 16px;
  font-weight: 700;
  padding-left: 40px;
}

/* line 291, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap.answer-error .wrong-answer-in-quiz-student {
  color: #D90808;
}

/* line 294, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap.answer-error .answer-in-quiz-student {
  background-color: #D90808;
  border-radius: 50px;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 5px;
  height: auto;
}

/* line 301, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap.answer-error .answer-in-quiz-student .question-marker {
  color: #FFFFFF;
}

/* line 305, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap.answer-error .quiz-answer-image-student,
.question-block .answers.all-answers-feedback .question-wrap.answer-error .quiz-answer-audio-student,
.question-block .answers.all-answers-feedback .question-wrap.answer-error .custom-react-player {
  border: 2px solid #D90808;
}

/* line 312, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap.answer-correct .correct-answer-in-quiz-student {
  color: #2E4B4F;
}

/* line 315, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap.answer-correct .correct-unmarked-answer {
  border: 1px solid #2E4B4F;
  border-radius: 50px;
  margin-bottom: 10px;
  height: auto;
}

/* line 321, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap.answer-correct .answer-in-quiz-student {
  background-color: #219653;
  border-radius: 50px;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 5px;
  height: auto;
}

/* line 328, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap.answer-correct .answer-in-quiz-student .question-marker {
  color: #FFFFFF;
}

/* line 335, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap.answer-correct.answer-unmarked-in-quiz .quiz-answer-image-student,
.question-block .answers.all-answers-feedback .question-wrap.answer-correct.answer-unmarked-in-quiz .quiz-answer-audio-student,
.question-block .answers.all-answers-feedback .question-wrap.answer-correct.answer-unmarked-in-quiz .custom-react-player {
  border: 2px solid #2E4B4F;
}

/* line 343, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .question-wrap.answer-correct.answer-marked-in-quiz .quiz-answer-image-student,
.question-block .answers.all-answers-feedback .question-wrap.answer-correct.answer-marked-in-quiz .quiz-answer-audio-student,
.question-block .answers.all-answers-feedback .question-wrap.answer-correct.answer-marked-in-quiz .custom-react-player {
  border: 2px solid #219653;
}

/* line 351, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .nm-label-text {
  line-height: 1;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (max-width: 440px) {
  /* line 357, app/assets/stylesheets/schooler/components/_content.scss */
  .question-block .answers.all-answers-feedback .question-wrap {
    padding-bottom: 15px;
    padding-top: 15px;
  }
}

/* line 362, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .nm-check-block {
  margin-right: 0;
  padding-right: 0;
  max-width: 830px;
  width: fit-content;
  padding: 3px 12px;
  height: 33px;
}

/* line 369, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.all-answers-feedback .nm-check-block .nm-checkbox {
  right: 29px;
}

/* line 375, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback {
  margin-top: 10px;
  padding-right: 3%;
  margin-left: 3%;
  padding-bottom: 25px;
}

/* line 380, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .question-wrap {
  width: 100%;
}

/* line 383, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback label {
  float: right;
  white-space: normal;
}

/* line 387, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .question-marker {
  font-size: 16px;
  font-weight: 700;
  padding-left: 40px;
}

/* line 395, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .question-wrap.answer-marked-in-quiz .quiz-answer-image-student,
.question-block .answers.only-right-answers-feedback .question-wrap.answer-marked-in-quiz .quiz-answer-audio-student,
.question-block .answers.only-right-answers-feedback .question-wrap.answer-marked-in-quiz .custom-react-player {
  border: 2px solid #D90808;
}

/* line 402, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .question-wrap.answer-error .correct-question-in-quiz {
  color: #D90808;
}

/* line 405, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .question-wrap.answer-error .answer-in-quiz-student {
  background-color: #D90808;
  border-radius: 50px;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 5px;
  height: auto;
}

/* line 412, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .question-wrap.answer-error .answer-in-quiz-student .question-marker {
  color: #FFFFFF;
}

/* line 418, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .question-wrap.answer-correct .answer-in-quiz-student {
  background-color: #219653;
  border-radius: 50px;
  color: #FFFFFF;
  font-weight: bold;
  margin-bottom: 5px;
  height: auto;
}

/* line 425, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .question-wrap.answer-correct .answer-in-quiz-student .question-marker {
  color: #FFFFFF;
}

/* line 429, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .question-wrap.answer-correct .quiz-answer-image-student,
.question-block .answers.only-right-answers-feedback .question-wrap.answer-correct .quiz-answer-audio-student,
.question-block .answers.only-right-answers-feedback .question-wrap.answer-correct .custom-react-player {
  border: 2px solid #219653;
}

/* line 437, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .nm-label-text {
  line-height: 1;
  padding-top: 5px;
  padding-bottom: 5px;
}

@media screen and (max-width: 440px) {
  /* line 443, app/assets/stylesheets/schooler/components/_content.scss */
  .question-block .answers.only-right-answers-feedback .question-wrap {
    padding-bottom: 15px;
    padding-top: 15px;
  }
}

/* line 448, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .nm-check-block {
  margin-right: 0;
  padding-right: 0;
  max-width: 830px;
  width: fit-content;
  padding: 3px 12px;
  height: 33px;
}

/* line 455, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback .nm-check-block .nm-checkbox {
  right: 29px;
}

/* line 463, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .answers.only-right-answers-feedback.question-marked-correctly-in-quiz .answer-error .quiz-answer-image-student,
.question-block .answers.only-right-answers-feedback.question-marked-correctly-in-quiz .answer-error .quiz-answer-audio-student,
.question-block .answers.only-right-answers-feedback.question-marked-correctly-in-quiz .answer-error .custom-react-player {
  border: 2px solid #D90808;
}

/* line 472, app/assets/stylesheets/schooler/components/_content.scss */
.required-error-message {
  display: none;
  color: #D90808;
  font-weight: 700;
  font-family: "Assistant", Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
  text-align: inherit;
  margin-top: 10px !important;
}

/* line 483, app/assets/stylesheets/schooler/components/_content.scss */
.question-error {
  display: none;
  color: #D90808;
  font-size: 16px;
  font-family: "Assistant", Arial, sans-serif;
  font-weight: 400;
  line-height: 24px;
  height: 25px;
  text-align: inherit;
  margin-top: 0;
}

/* line 495, app/assets/stylesheets/schooler/components/_content.scss */
.attempts-text,
.blocking-quiz-text {
  margin-right: 0 !important;
  font-weight: 600 !important;
  font-family: Assistant;
  font-size: 16px;
  line-height: 22px;
}

/* line 504, app/assets/stylesheets/schooler/components/_content.scss */
.answer-input-radio-btn {
  border-radius: 65px;
}

/* line 508, app/assets/stylesheets/schooler/components/_content.scss */
input[type="radio"]:checked ~ .answer-input-radio-btn:after,
input[type="checkbox"]:checked ~ .answer-input-radio-btn:after {
  border-radius: 50px;
}

/* line 513, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-attempts-and-errors,
.quiz-results-message {
  border: none !important;
}

/* line 519, app/assets/stylesheets/schooler/components/_content.scss */
.question-block .nm-btn {
  margin-top: 15px;
  margin-bottom: 40px;
}

/* line 525, app/assets/stylesheets/schooler/components/_content.scss */
.no-margin-top {
  margin-top: 0;
}

/* line 529, app/assets/stylesheets/schooler/components/_content.scss */
.page-mail {
  float: left;
  padding: 15px 30px 12px 0px;
  color: #c1c9cb;
  font-size: 16px;
  text-decoration: none;
}

/* line 537, app/assets/stylesheets/schooler/components/_content.scss */
.add-user,
.add-unit {
  padding: 5px;
  border: 3px dashed #2e4b4f;
  border-radius: 4px;
  display: block;
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  text-decoration: none;
  color: #2e4b4f;
  background-color: rgba(46, 75, 79, 0.1);
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
.add-user + *,
.add-unit + * {
  margin-top: 5px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.add-user,
.add-unit {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.add-user:first-child,
.add-unit:first-child {
  margin-top: 0;
}

/* line 554, app/assets/stylesheets/schooler/components/_content.scss */
html[dir=rtl] .add-user .icon-n-text .icon + .text, html[dir=rtl] .add-unit .icon-n-text .icon + .text {
  margin-right: 20px;
}

/* line 564, app/assets/stylesheets/schooler/components/_content.scss */
html[dir=ltr] .add-user .icon-n-text .icon + .text, html[dir=ltr] .add-unit .icon-n-text .icon + .text {
  margin-left: 20px;
}

/* line 571, app/assets/stylesheets/schooler/components/_content.scss */
.add-user .icon-add-coupon,
.add-unit .icon-add-coupon {
  margin-top: -8px;
  margin-bottom: -6px;
}

/* line 577, app/assets/stylesheets/schooler/components/_content.scss */
.actions-head {
  display: table;
  width: 100%;
  margin: 20px 0;
}

/* line 582, app/assets/stylesheets/schooler/components/_content.scss */
.actions-head .row {
  display: table-row;
}

/* line 585, app/assets/stylesheets/schooler/components/_content.scss */
.actions-head .row .search-cell {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
}

/* line 590, app/assets/stylesheets/schooler/components/_content.scss */
.actions-head .row .search-cell span {
  float: left;
}

/* line 595, app/assets/stylesheets/schooler/components/_content.scss */
.actions-head .row .add-cell {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  width: 25%;
}

/* line 604, app/assets/stylesheets/schooler/components/_content.scss */
.units-list,
.users-list {
  display: table;
  border-collapse: separate;
  width: 100%;
  font-size: 18px;
  table-layout: auto;
  border: 1px solid grey;
  border-radius: 5px;
  box-shadow: 1px 1px 4px #2e4b4e;
}

/* line 617, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .cell,
.users-list .cell {
  display: table-cell;
  vertical-align: top;
  padding: 10px 12px;
}

/* line 622, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .cell:first-child,
.users-list .cell:first-child {
  padding-right: 20px;
}

/* line 626, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .cell:last-child,
.users-list .cell:last-child {
  padding-left: 20px;
}

/* line 630, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .cell.cell-checking,
.users-list .cell.cell-checking {
  width: 62px;
}

/* line 635, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .cell.actions,
.users-list .cell.actions {
  width: 140px;
}

/* line 640, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .cell.name > h3,
.users-list .cell.name > h3 {
  word-wrap: break-word;
  width: 100%;
}

@media screen and (max-width: 1600px) {
  /* line 640, app/assets/stylesheets/schooler/components/_content.scss */
  .units-list .cell.name > h3,
.users-list .cell.name > h3 {
    width: 150px;
  }
}

/* line 649, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .sort-arrow-for-purchase-count,
.users-list .sort-arrow-for-purchase-count {
  cursor: pointer;
  font-size: 15px;
}

/* line 655, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .piped-actions a,
.users-list .piped-actions a {
  width: 25px;
}

/* line 658, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .piped-actions .separator::after,
.users-list .piped-actions .separator::after {
  color: #c7c7c7;
  content: '|';
}

/* line 664, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .cell-sm,
.users-list .cell-sm {
  width: 70px;
}

/* line 668, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .cell-md,
.users-list .cell-md {
  width: 110px;
}

/* line 672, app/assets/stylesheets/schooler/components/_content.scss */
.units-list .cell-lg,
.users-list .cell-lg {
  width: 190px;
}

/* line 676, app/assets/stylesheets/schooler/components/_content.scss */
.units-list time,
.users-list time {
  font-size: 14px;
}

/* line 681, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar {
  display: table;
  width: 100%;
}

/* line 685, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row {
  display: table-row;
}

/* line 688, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .wrap-action-bar {
  display: flex;
  align-items: center;
}

/* line 691, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .wrap-action-bar .checkbox-wrap {
  padding-right: 3px;
  width: 34px;
}

/* line 697, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .split-column {
  display: block;
  height: 34px;
  margin: 0px 10px;
  border-left: 1px solid #aeb9ba;
}

/* line 704, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .openPopupButton {
  cursor: pointer;
}

/* line 708, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .icon-trash-decorate {
  display: block;
  margin-left: 10px;
}

/* line 713, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .cssCircle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 2px solid #2f4b4f;
  color: #2f4b4f;
  text-align: center;
  display: flex;
  font-weight: bold;
  margin: 4px 15px 0px 10px;
  align-items: center;
  justify-content: center;
}

/* line 727, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .checkbox-wrap {
  display: table-cell;
  vertical-align: middle;
  padding-right: 20px;
  width: 62px;
}

/* line 733, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .checkbox-wrap .nm-check-block {
  width: 22px;
}

/* line 736, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .checkbox-wrap .nm-check-block .checkbox {
  width: 0;
}

/* line 739, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .checkbox-wrap .nm-check-block .checkbox label {
  padding-right: 22px;
}

/* line 746, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .link-wrap {
  display: flex;
  margin-right: 63px;
  margin-bottom: 5px;
}

/* line 750, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .link-wrap a, .list-toolbar .row .link-wrap span {
  margin-left: 10px;
}

/* line 755, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .pagination-wrap {
  display: table-cell;
  vertical-align: middle;
  width: 40%;
}

/* line 760, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .pagination-wrap .pagination {
  float: left;
  margin: 10px 0;
}

/* line 766, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .destroy-multiple-toolbar-wrap {
  display: table-cell;
  vertical-align: middle;
}

/* line 770, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .row .destroy-multiple-toolbar-wrap a, .list-toolbar .row .destroy-multiple-toolbar-wrap span {
  float: right;
}

/* line 780, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .modal.delete-confirmation .modal-body input {
  width: 85%;
  height: 35px;
}

/* line 785, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .modal.delete-confirmation .modal-body .feedback-invalid {
  color: red;
  font-size: 15px;
  visibility: visible;
  margin-top: 0;
}

/* line 795, app/assets/stylesheets/schooler/components/_content.scss */
.list-toolbar .hidden {
  display: none !important;
}

/* line 800, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-head,
.users-list-head {
  background: #2e4b4e;
  display: table-row;
}

/* line 805, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-head .cell,
.users-list-head .cell {
  border-bottom: 1px solid grey;
  border-right: 1px solid grey;
  color: #03d6f3;
  text-decoration: underline;
}

/* line 811, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-head .cell:first-child,
.users-list-head .cell:first-child {
  border-right: none;
}

/* line 815, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-head--test-list,
.users-list-head--test-list {
  font-size: 18px;
  font-weight: 600;
}

/* line 820, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-head--test-list .cell,
.users-list-head--test-list .cell {
  padding-bottom: 10px;
  padding-top: 17px;
}

/* line 827, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-item,
.users-list-item {
  display: table-row;
  background-color: #ffffff;
}

/* line 832, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-item .cell,
.users-list-item .cell {
  border-bottom: 1px solid grey;
  border-right: 1px solid grey;
}

/* line 836, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-item .cell:first-child,
.users-list-item .cell:first-child {
  border-right: none;
}

/* line 840, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-item .cell .student-course-infor,
.users-list-item .cell .student-course-infor {
  align-items: baseline;
}

/* line 845, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-item .nm-check-block,
.users-list-item .nm-check-block {
  width: 22px;
}

/* line 848, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-item .nm-check-block .checkbox,
.users-list-item .nm-check-block .checkbox {
  width: 0;
}

/* line 851, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-item .nm-check-block .checkbox label,
.users-list-item .nm-check-block .checkbox label {
  padding-right: 22px;
}

/* line 859, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-item--test-list .cell {
  padding-bottom: 10px;
  padding-top: 5px;
}

/* line 863, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-item--test-list .linked-t {
  padding-top: 13px;
}

/* line 867, app/assets/stylesheets/schooler/components/_content.scss */
.units-list-item--test-list h3 {
  padding-bottom: 23px;
  padding-top: 13px;
}

/* line 875, app/assets/stylesheets/schooler/components/_content.scss */
.nm-courses-list {
  padding: 0;
  margin-left: -10px;
  margin-right: -10px;
}

/* line 881, app/assets/stylesheets/schooler/components/_content.scss */
.nm-block.nm-add-course {
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(46, 75, 79, 0.1);
  border: 3px dashed #2e4b4f;
}

/* line 887, app/assets/stylesheets/schooler/components/_content.scss */
.nm-block.nm-add-course label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  background-image: url("/images/add-course.svg");
  background-repeat: no-repeat;
  background-position: center top 70px;
  color: #2e4b4f;
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  height: 100%;
  padding: 60px 20px 0 20px;
  opacity: 1;
}

/* line 919, app/assets/stylesheets/schooler/components/_content.scss */
.nm-block.nm-duplicate-course {
  display: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: rgba(46, 75, 79, 0.1);
  padding-top: 50px;
  height: 277px !important;
  width: 256px !important;
}

/* line 928, app/assets/stylesheets/schooler/components/_content.scss */
.nm-block.nm-duplicate-course .loader {
  border: 12px solid #f3f3f3;
  border-top: 12px solid #3498db;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
  display: table;
  margin: 0 auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 944, app/assets/stylesheets/schooler/components/_content.scss */
.nm-block.nm-duplicate-course label {
  padding-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #2e4b4f;
  font-size: 26px;
  font-weight: 650;
  opacity: 1;
}

/* line 971, app/assets/stylesheets/schooler/components/_content.scss */
.nm-block .badge-on-left {
  position: absolute;
  top: 9px;
  left: 0;
}

/* line 978, app/assets/stylesheets/schooler/components/_content.scss */
.nm-block.nm-disabled:before {
  width: 100%;
  height: 100%;
  content: '';
  display: block;
  position: absolute;
  z-index: 10;
  top: 0;
  right: 0;
}

/* line 987, app/assets/stylesheets/schooler/components/_content.scss */
.nm-views-count {
  line-height: 16px;
  min-width: 21px;
  padding: 2px 5px 3px 5px;
}

/* line 993, app/assets/stylesheets/schooler/components/_content.scss */
.nm-category {
  padding: 6px 22px 7px 40px;
  line-height: 16px;
}

/* line 997, app/assets/stylesheets/schooler/components/_content.scss */
.nm-category.nm-external {
  padding-right: 12px;
  padding-left: 36px;
}

/* line 1003, app/assets/stylesheets/schooler/components/_content.scss */
.iconed-block {
  position: relative;
  padding-right: 100px;
}

/* line 1007, app/assets/stylesheets/schooler/components/_content.scss */
.iconed-block > .icon:first-child {
  position: absolute;
  top: 0;
  right: 0;
}

/* line 1013, app/assets/stylesheets/schooler/components/_content.scss */
.iconed-block > .icon-cart-2 {
  top: 4px !important;
  right: 6px !important;
}

/* line 1020, app/assets/stylesheets/schooler/components/_content.scss */
.col-set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

/* line 1027, app/assets/stylesheets/schooler/components/_content.scss */
.col-set > .col {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
  -moz-box-flex: 1;
  -moz-flex: 1 1 100%;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  padding-right: 26px;
  padding-left: 26px;
}

/* line 1032, app/assets/stylesheets/schooler/components/_content.scss */
.col-set > .col:first-child {
  padding-right: 0 !important;
}

/* line 1036, app/assets/stylesheets/schooler/components/_content.scss */
.col-set > .col:last-child {
  padding-left: 0 !important;
}

/* line 1043, app/assets/stylesheets/schooler/components/_content.scss */
.col-set.gutter-xs > .col {
  padding-right: 5px;
  padding-left: 5px;
}

/* line 1050, app/assets/stylesheets/schooler/components/_content.scss */
.col-set.gutter-sm > .col {
  padding-right: 10px;
  padding-left: 10px;
}

/* line 1057, app/assets/stylesheets/schooler/components/_content.scss */
.col-set.align-middle > .col {
  -webkit-align-self: center;
  -moz-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

/* line 1065, app/assets/stylesheets/schooler/components/_content.scss */
.col-set-bordered > .col {
  border-left: 1px solid #cdcdcd;
}

/* line 1068, app/assets/stylesheets/schooler/components/_content.scss */
.col-set-bordered > .col:last-child {
  border-left: 0 none;
}

/* line 1075, app/assets/stylesheets/schooler/components/_content.scss */
.progress-pill {
  padding: 0px 6px 0px;
  font-size: 13px;
  line-height: 16px;
  position: relative;
  border-radius: 18px;
  color: #ffffff;
  cursor: default;
  display: inline-block;
}

/* line 1085, app/assets/stylesheets/schooler/components/_content.scss */
.progress-pill:before {
  width: 6px;
  height: 2px;
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: -5px;
}

/* line 1091, app/assets/stylesheets/schooler/components/_content.scss */
.progress-pill.at-start, .progress-pill.at-start:before {
  background-color: #8cc7cf;
}

/* line 1096, app/assets/stylesheets/schooler/components/_content.scss */
.progress-pill.complete, .progress-pill.complete:before {
  background-color: #1fdd00;
}

/* line 1101, app/assets/stylesheets/schooler/components/_content.scss */
.progress-pill.in-progress, .progress-pill.in-progress:before {
  background-color: #3b686e;
}

/* line 1108, app/assets/stylesheets/schooler/components/_content.scss */
.term-info {
  padding: 10px 20px;
  white-space: nowrap;
}

@media (max-width: 991px) {
  /* line 1108, app/assets/stylesheets/schooler/components/_content.scss */
  .term-info {
    padding: 10px 11px;
  }
}

/* line 1118, app/assets/stylesheets/schooler/components/_content.scss */
.media-description {
  position: relative;
}

/* line 1121, app/assets/stylesheets/schooler/components/_content.scss */
.media-description .attached-files {
  margin-top: 0;
  padding: 0;
  position: static;
}

/* line 1126, app/assets/stylesheets/schooler/components/_content.scss */
.media-description .attached-files .attached-files--dropdown .attached-files--dropdown-toggle,
.media-description .attached-files .attached-files--dropdown .attached-files--list {
  position: absolute;
  z-index: 10;
}

/* line 1132, app/assets/stylesheets/schooler/components/_content.scss */
.media-description .attached-files .attached-files--dropdown-toggle {
  right: 20px;
  top: 20px;
}

/* line 1138, app/assets/stylesheets/schooler/components/_content.scss */
.media-description .lesson__video-notes-wrapper {
  padding: 30px 20px;
}

/* line 1143, app/assets/stylesheets/schooler/components/_content.scss */
.media-description--header {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 20px;
}

/* line 1151, app/assets/stylesheets/schooler/components/_content.scss */
.media-description--header-title {
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
}

/* line 1157, app/assets/stylesheets/schooler/components/_content.scss */
.media-description--header-duration {
  font-size: 30px;
}

/* line 1161, app/assets/stylesheets/schooler/components/_content.scss */
.media-description--has-attachments .media-description--header {
  padding-right: 60px;
}

/* line 1166, app/assets/stylesheets/schooler/components/_content.scss */
.ltr-layout .media-description .attached-files .attached-files--dropdown-toggle {
  left: 20px;
  right: auto;
}

/* line 1171, app/assets/stylesheets/schooler/components/_content.scss */
.ltr-layout .media-description--header {
  flex-direction: row-reverse;
}

/* line 1175, app/assets/stylesheets/schooler/components/_content.scss */
.ltr-layout .media-description--has-attachments .media-description--header {
  padding-left: 60px;
  padding-right: 20px;
}

@media screen and (max-width: 440px) {
  /* line 1183, app/assets/stylesheets/schooler/components/_content.scss */
  .page-lable h2 {
    font-size: 20px;
    line-height: 1;
    padding-left: 10%;
  }
}

/* line 1196, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .nm-full-row--top .item-left textarea {
  height: 100px;
}

/* line 1203, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .item-left select {
  resize: none;
  display: block;
  font-family: inherit;
  width: 95%;
  color: #000;
  height: 60px;
  overflow: auto;
  font-size: 18px;
  font-weight: 400;
  background-color: white;
  border: none;
  outline: none;
  border-radius: 5px;
  padding: 15px 20px;
}

/* line 1218, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .item-left select .option {
  color: #2e4b4f;
}

/* line 1222, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .item-left textarea {
  resize: none;
  display: block;
  font-family: inherit;
  width: 95%;
  color: #000;
  height: 60px;
  overflow: auto;
  font-size: 18px;
  font-weight: 400;
  background-color: white;
  border: 1px solid rgba(112, 112, 112, 0.25);
  outline: none;
  border-radius: 5px;
  padding: 15px 20px;
}

/* line 85, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-wrap.new-test-form .item-left textarea::-moz-placeholder {
  color: #d5d5d5;
  opacity: 1;
  font-style: normal;
  font-weight: 300;
}

/* line 90, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-wrap.new-test-form .item-left textarea:hover::-moz-placeholder {
  color: #d5d5d5;
  opacity: 1;
  font-style: normal;
  font-weight: 300;
}

/* line 95, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-wrap.new-test-form .item-left textarea:-ms-input-placeholder {
  color: #d5d5d5;
  font-style: normal;
  font-weight: 300;
}

/* line 104, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-wrap.new-test-form .item-left textarea::-webkit-input-placeholder {
  color: #d5d5d5;
  font-style: normal;
  font-weight: 300;
}

/* line 1239, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .item-left input {
  font-family: "Assistant", Arial, sans-serif;
  width: 95%;
  color: #000;
  height: 60px;
  overflow: auto;
  font-size: 20px;
  font-weight: 400;
  background-color: white;
  border: none;
  outline: none;
  border-radius: 5px;
  padding: 15px 20px;
}

/* line 1253, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .item-left {
  width: 90%;
  max-width: 900px;
  position: relative;
  float: right;
  padding-right: 10px;
  margin-top: 5px;
}

/* line 1260, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .item-left.bottom-text-area {
  margin-right: 10%;
}

/* line 1265, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .item-right {
  width: 10%;
  float: right;
  position: relative;
  padding-right: 10px;
}

/* line 1270, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .item-right.shifted p {
  margin-top: -77px;
}

/* line 1274, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .item-right p {
  padding-top: 23px;
}

/* line 1277, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .item-right h3 {
  font-size: 40px;
  font-weight: bold;
  color: #2e4b4f;
  margin-top: 0 !important;
  padding-top: 4px;
}

/* line 1285, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form ::focus {
  border: 1px solid #03d6f3 !important;
  border-radius: 5px;
}

/* line 1289, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .top-araea-text {
  font-size: 14px;
  padding-right: 5px;
  margin-right: 10.2%;
  margin-top: 35px;
}

/* line 1295, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .top-araea-lable {
  font-size: 16px;
  padding-right: 5px;
  margin-right: 10.5%;
  margin-top: 5px;
  color: #969696;
}

/* line 1302, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .new-test-btn {
  width: 100%;
  height: 52px;
  padding: 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 23px;
  background: transparent;
  color: #2e4b4f;
  border-top: 1px solid rgba(46, 75, 79, 0.25);
  border-radius: 0px;
  font-size: 16px;
  font-weight: 600;
}

/* line 1318, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .new-test-btn-dark {
  background-color: #2e4b4f;
  color: #fff;
  border-radius: 5px;
}

/* line 1323, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .new-test-end-btn {
  margin-top: -10px !important;
}

/* line 1326, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .form-block-1, .nm-form-wrap.new-test-form .form-block-2 {
  padding-bottom: 16px;
  margin-bottom: 26px;
}

/* line 1330, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .nm-form-row .nm-right {
  min-width: 8.5vw;
  max-width: 8.5vw;
  width: inherit;
}

/* line 1335, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .icon.icon-remove {
  position: absolute;
  left: -30px;
  top: 8px;
  width: 13px;
}

/* line 1341, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .cursor-pointer, .nm-form-wrap.new-test-form .btn-add-correct-answer-media, .nm-form-wrap.new-test-form .btn-add-answer-media, .nm-form-wrap.new-test-form .btn-add-answer-explanation, .nm-form-wrap.new-test-form .btn-add-correct-explanation {
  cursor: pointer;
  padding: 10px 15px;
  align-items: center;
  display: flex;
}

/* line 1346, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .cursor-pointer img, .nm-form-wrap.new-test-form .btn-add-correct-answer-media img, .nm-form-wrap.new-test-form .btn-add-answer-media img, .nm-form-wrap.new-test-form .btn-add-answer-explanation img, .nm-form-wrap.new-test-form .btn-add-correct-explanation img {
  margin-left: 10px;
}

/* line 1350, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .discount-amt-currency {
  display: contents !important;
}

/* line 1353, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .btn-add-correct-explanation {
  margin-right: 25px;
}

/* line 1358, app/assets/stylesheets/schooler/components/_content.scss */
.nm-form-wrap.new-test-form .btn-add-answer-explanation {
  margin-right: 25px;
}

@media screen and (max-width: 1375px) {
  /* line 1373, app/assets/stylesheets/schooler/components/_content.scss */
  .icon.icon-remove {
    margin-left: 10px;
  }
}

@media screen and (max-width: 630px) {
  /* line 1379, app/assets/stylesheets/schooler/components/_content.scss */
  .nm-form-wrap.new-test-form .item-right {
    width: 100%;
    margin-bottom: 20px;
  }
  /* line 1383, app/assets/stylesheets/schooler/components/_content.scss */
  .nm-form-wrap.new-test-form .item-left {
    width: 100%;
    max-width: 100%;
    padding-right: 0;
  }
  /* line 1388, app/assets/stylesheets/schooler/components/_content.scss */
  .nm-form-wrap.new-test-form .item-left.bottom-text-area {
    margin-right: 0;
    padding-right: 0;
  }
  /* line 1392, app/assets/stylesheets/schooler/components/_content.scss */
  .shifted {
    display: none;
  }
  /* line 1395, app/assets/stylesheets/schooler/components/_content.scss */
  .nm-form-wrap.new-test-form .top-araea-text {
    margin-right: 10px;
    padding-right: 0;
  }
  /* line 1399, app/assets/stylesheets/schooler/components/_content.scss */
  .nm-form-wrap.new-test-form .new-test-btn {
    margin-right: 0;
  }
  /* line 1402, app/assets/stylesheets/schooler/components/_content.scss */
  .nm-form-wrap.new-test-form .top-araea-lable {
    margin-right: 0;
  }
}

/* line 1407, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--edit-question {
  margin-top: 15px;
  border: 1px solid #2e4b4f;
  border-radius: 5px;
  transition: transform 1s linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%);
}

/* line 1414, app/assets/stylesheets/schooler/components/_content.scss */
.full-question-container {
  border: 1px solid #2e4b4f;
  border-radius: 5px;
}

/* line 1418, app/assets/stylesheets/schooler/components/_content.scss */
.container-question-number {
  background: #2E4B4F !important;
  display: flex;
  flex-direction: row;
  height: 52px;
}

/* line 1425, app/assets/stylesheets/schooler/components/_content.scss */
.question-number-text {
  background: #2e4b4f;
  color: white;
  font-size: 20px;
  margin-top: 15px !important;
  padding-right: 8px;
}

/* line 1433, app/assets/stylesheets/schooler/components/_content.scss */
.question-number {
  background: #2e4b4f;
  color: white;
  font-size: 20px;
  margin-top: 15px !important;
  padding-right: 8px;
}

/* line 1441, app/assets/stylesheets/schooler/components/_content.scss */
.up-down-button-questions {
  margin-right: auto;
  margin-left: 5%;
  margin-top: -4px;
}

/* line 1447, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--question-box {
  margin-top: 10px !important;
  width: 85% !important;
}

/* line 1452, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--question-delete-button {
  left: -30px !important;
  top: -80px !important;
  background-color: white !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 47px !important;
}

/* line 1461, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--question-delete-button:hover {
  background-color: #7d9699 !important;
  opacity: 90% !important;
}

/* line 1466, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--question-delete-button:before {
  content: url("/images/quiz-delete-question.svg") !important;
  color: #D90808;
  position: absolute;
  top: 7px;
  right: 6.7px;
  width: 18px;
  height: 18px;
}

/* line 1476, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--answer-delete-explanation,
.quiz--question-delete-answer-media,
.quiz--question-delete-question-media,
.quiz--question-delete-correct-media,
.quiz--question-delete-explanation {
  content: url("/images/quiz-delete-button.svg") !important;
  left: 2px !important;
  height: 18px;
  width: 18px;
}

/* line 1487, app/assets/stylesheets/schooler/components/_content.scss */
.buttons-div {
  margin-top: 10px;
  display: flex;
  flex-direction: row;
}

/* line 1493, app/assets/stylesheets/schooler/components/_content.scss */
.right-answer-label {
  display: flex;
}

/* line 1497, app/assets/stylesheets/schooler/components/_content.scss */
.right-answer-label-text {
  margin-top: 0px !important;
}

/* line 1501, app/assets/stylesheets/schooler/components/_content.scss */
.wrong-answer-label {
  display: flex;
}

/* line 1505, app/assets/stylesheets/schooler/components/_content.scss */
.wrong-answer-label-text {
  margin-top: 0px !important;
}

/* line 1509, app/assets/stylesheets/schooler/components/_content.scss */
.btn-add-question-media {
  cursor: pointer;
  padding: 10px 15px 10px 15px;
  display: flex;
  flex-direction: row;
}

/* line 1514, app/assets/stylesheets/schooler/components/_content.scss */
.btn-add-question-media p {
  margin-right: 10px;
}

/* line 1519, app/assets/stylesheets/schooler/components/_content.scss */
.correct-media-buttons {
  display: none;
  margin-top: 20px !important;
  margin-bottom: 20px;
}

/* line 1524, app/assets/stylesheets/schooler/components/_content.scss */
.correct-media-buttons .upload-correct-video {
  border: 1px solid black;
  color: black;
  padding: 5px;
  text-decoration-line: unset;
  font-family: inherit;
  background-color: white;
  margin-left: 15px;
  border-radius: 5px;
}

/* line 1535, app/assets/stylesheets/schooler/components/_content.scss */
.correct-media-buttons .upload-correct-audio {
  border: 1px solid black;
  color: black;
  padding: 5px;
  text-decoration-line: unset;
  font-family: inherit;
  background-color: white;
  margin-left: 15px;
  border-radius: 5px;
}

/* line 1546, app/assets/stylesheets/schooler/components/_content.scss */
.correct-media-buttons .upload-correct-image {
  border: 1px solid black;
  color: black;
  padding: 5px;
  text-decoration-line: unset;
  font-family: inherit;
  background-color: white;
  margin-left: 15px;
  border-radius: 5px;
}

/* line 1558, app/assets/stylesheets/schooler/components/_content.scss */
.correct-media-video {
  display: none;
}

/* line 1562, app/assets/stylesheets/schooler/components/_content.scss */
.correct-media-audio {
  display: none;
}

/* line 1566, app/assets/stylesheets/schooler/components/_content.scss */
.correct-media-image {
  display: none;
}

/* line 1570, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-buttons {
  display: none;
  margin-top: 20px !important;
  margin-bottom: 20px;
}

/* line 1575, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-buttons .upload-question-video {
  border: 1px solid black;
  color: black;
  padding: 5px;
  text-decoration-line: unset;
  font-family: inherit;
  background-color: white;
  margin-left: 15px;
  border-radius: 5px;
}

/* line 1586, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-buttons .upload-question-audio {
  border: 1px solid black;
  color: black;
  padding: 5px;
  text-decoration-line: unset;
  font-family: inherit;
  background-color: white;
  margin-left: 15px;
  border-radius: 5px;
}

/* line 1597, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-buttons .upload-question-image {
  border: 1px solid black;
  color: black;
  padding: 5px;
  text-decoration-line: unset;
  font-family: inherit;
  background-color: white;
  margin-left: 15px;
  border-radius: 5px;
}

/* line 1609, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-video {
  display: none;
}

/* line 1613, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-audio {
  display: none;
}

/* line 1617, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-image {
  display: none;
}

/* line 1621, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--question-media-audio {
  display: flex;
  align-items: center;
  justify-content: left;
  float: inherit;
}

/* line 1628, app/assets/stylesheets/schooler/components/_content.scss */
.answer-media-buttons {
  display: none;
  margin-top: 20px !important;
  margin-bottom: 20px;
}

/* line 1633, app/assets/stylesheets/schooler/components/_content.scss */
.answer-media-buttons .upload-answer-video {
  border: 1px solid black;
  color: black;
  padding: 5px;
  text-decoration-line: unset;
  font-family: inherit;
  background-color: white;
  margin-left: 15px;
  border-radius: 5px;
}

/* line 1644, app/assets/stylesheets/schooler/components/_content.scss */
.answer-media-buttons .upload-answer-audio {
  border: 1px solid black;
  color: black;
  padding: 5px;
  text-decoration-line: unset;
  font-family: inherit;
  background-color: white;
  margin-left: 15px;
  border-radius: 5px;
}

/* line 1655, app/assets/stylesheets/schooler/components/_content.scss */
.answer-media-buttons .upload-answer-image {
  border: 1px solid black;
  color: black;
  padding: 5px;
  text-decoration-line: unset;
  font-family: inherit;
  background-color: white;
  margin-left: 15px;
  border-radius: 5px;
}

/* line 1667, app/assets/stylesheets/schooler/components/_content.scss */
.answer-media-video {
  display: none;
}

/* line 1671, app/assets/stylesheets/schooler/components/_content.scss */
.answer-media-audio {
  display: none;
}

/* line 1675, app/assets/stylesheets/schooler/components/_content.scss */
.answer-media-image {
  display: none;
}

/* line 1679, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--question-media-image {
  display: inline-block;
  position: relative;
}

/* line 1684, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-image-div {
  position: relative;
  border-radius: 5px;
  width: 100%;
  max-width: 341px;
  max-height: 220px;
  overflow: hidden;
}

/* line 1693, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-delete-icon {
  position: absolute;
  top: 5px;
  left: 5px;
  cursor: pointer;
}

/* line 1700, app/assets/stylesheets/schooler/components/_content.scss */
.image-alt-text {
  width: 50% !important;
  box-sizing: border-box;
  margin: 8px 0px;
}

/* line 1707, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-error p {
  color: red;
  font-family: "Assistant", Arial, sans-serif;
  font-size: 16px;
}

/* line 1714, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-question-image-student {
  border-radius: 2px;
  max-width: 340px;
  max-height: 220px;
  margin-right: 30px;
  border: 1px solid #2E4B4F;
  margin-top: 15px !important;
}

/* line 1723, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-media {
  margin-right: 30px !important;
}

/* line 1727, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-answer-image-student {
  border-radius: 2px;
  max-width: 340px;
  max-height: 220px;
  margin-right: 10px;
  border: 1px solid #2E4B4F;
  margin-top: 15px !important;
}

/* line 1736, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-question-audio-student {
  border: 2px solid black;
  border-radius: 50px;
  margin-right: 30px;
  margin-top: 10px !important;
}

/* line 1743, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-answer-audio-student {
  border: 2px solid black;
  border-radius: 50px;
  margin-right: 5px;
  margin-top: 15px !important;
}

/* line 1750, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-question-video-student {
  border-radius: 50px;
  margin-right: 30px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  position: relative;
  width: 40%;
}

/* line 1759, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-answer-video-student {
  border-radius: 50px;
  margin-right: 5px;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  position: relative;
  width: 40%;
}

/* line 1768, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-page-legend {
  color: #2E4B4F;
  font-weight: 600;
  line-height: 22px;
}

/* line 1774, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-form-labels {
  color: #2E4B4F !important;
  font-weight: 600 !important;
  line-height: 22px;
  font-size: 16px !important;
  padding-top: 5px !important;
}

/* line 1782, app/assets/stylesheets/schooler/components/_content.scss */
.input-note-color-and-size {
  color: #2E4B4F !important;
  font-weight: 400 !important;
  line-height: 22px !important;
  font-size: 14px !important;
}

/* line 1789, app/assets/stylesheets/schooler/components/_content.scss */
.text-field-quiz-settings {
  border: 1px solid rgba(112, 112, 112, 0.25);
  border-radius: 6px;
  padding: 10px 13px 10px 13px;
}

/* line 1795, app/assets/stylesheets/schooler/components/_content.scss */
.custom-react-player {
  position: inherit;
}

/* line 1799, app/assets/stylesheets/schooler/components/_content.scss */
.video-cdn-player-quiz {
  width: 640px;
  height: 360px;
}

/* line 1804, app/assets/stylesheets/schooler/components/_content.scss */
.collapsed .collapsible-section {
  display: none !important;
}

/* line 1808, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-question-collapse-button {
  cursor: pointer;
  position: relative;
  top: 14px;
  right: 4px;
  padding: 0px 6px;
}

/* line 1816, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-save-button {
  color: #333333;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  background: #10E0FC !important;
}

/* line 1824, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-save-button:hover {
  background-color: rgba(16, 224, 252, 0.75) !important;
}

/* line 1828, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-question-full-form {
  padding: 0;
}

/* line 1832, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-submit-button-row {
  margin-top: 0 !important;
}

/* line 1836, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--add-answer:before {
  content: url("/images/add-answer.svg");
  margin: 0 10px;
}

/* line 1841, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--new-question:before {
  content: url("/images/add-new-question.svg");
  margin: 0 10px;
}

/* line 1846, app/assets/stylesheets/schooler/components/_content.scss */
.slide-up {
  transform: translateY(-25px);
}

/* line 1850, app/assets/stylesheets/schooler/components/_content.scss */
.slide-down {
  transform: translateY(50px);
}

/* line 1854, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-popup {
  width: 468px;
  height: 451px;
  background: #fff;
  border-radius: 5px;
  text-align: center;
  box-shadow: 0 4px 27px 0 #5E5E5E26;
  display: none;
  position: fixed;
  top: 43%;
  left: 54%;
  transform: translate(-50%, -50%);
  z-index: 1072;
  animation-timing-function: ease-out;
  animation-duration: 1s;
  animation-name: slidein;
}

/* line 1872, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-popup-content {
  width: auto;
  height: 472px;
  background: #fff;
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 10px;
  border-radius: 5px;
  position: relative;
}

/* line 1883, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-url {
  width: 342.48px;
  height: 52px;
  border-radius: 6px;
  margin: 18px 0;
  border: 1px solid rgba(112, 112, 112, 0.25);
  color: #707070;
  padding: 10px 13px;
  direction: ltr;
  display: table-row;
}

/* line 1895, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-url:hover {
  border: 1px solid #707070;
}

/* line 1899, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-popup-heading {
  width: 241px;
  height: 22px;
  font-size: 24px;
  font-weight: 600;
  line-height: 22px;
  color: #2E4B4F;
  font-family: "Assistant", Arial, sans-serif;
}

/* line 1909, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-popup-subheading,
.question-media-popup-text {
  right: -39px;
  width: 241px;
  height: 25px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  position: relative;
  color: #333333;
  font-family: "Assistant", Arial, sans-serif;
}

/* line 1922, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-popup-close {
  position: absolute;
  top: 20px !important;
  left: 20px !important;
  cursor: pointer !important;
  border: none;
  background: none;
  font-size: 30px !important;
  color: #2E4B4F !important;
  text-decoration: none !important;
}

/* line 1934, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-popup-close:hover {
  color: #2E4B4F;
}

/* line 1938, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-popup-text {
  right: 0 !important;
}

/* line 1942, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-popup-buttons {
  margin-top: 20px;
  text-align: left;
}

/* line 1947, app/assets/stylesheets/schooler/components/_content.scss */
.question-popup-button {
  font-family: "Assistant", Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 20.93px;
  text-align: center;
  color: #333333;
  cursor: pointer;
  width: 129px;
  height: 47px;
}

/* line 1959, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-popup-save-button {
  margin-right: 10px;
  border-radius: 2px;
  background: #03D6F3;
  border: none;
}

/* line 1966, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-popup-save-button:disabled {
  background-color: #BDBDBD;
}

/* line 1970, app/assets/stylesheets/schooler/components/_content.scss */
.question-popup-cancel-button {
  border-radius: 14px !important;
  text-decoration: none !important;
  padding: 10px 20px !important;
}

/* line 1976, app/assets/stylesheets/schooler/components/_content.scss */
.question-popup-cancel-button:hover {
  color: #333333;
}

/* line 1980, app/assets/stylesheets/schooler/components/_content.scss */
.file-upload-area {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 342.48px;
  height: 118.69px;
  border: 2px dashed #ccc;
  text-align: center;
  cursor: pointer;
  border-radius: 8px;
  color: #BDBDBD;
  background: #F8F8F8;
  position: relative;
  overflow: hidden;
  right: 23px;
  flex-direction: column;
}

/* line 1998, app/assets/stylesheets/schooler/components/_content.scss */
.file-upload-area:hover {
  background: #F0F0F0;
}

/* line 2002, app/assets/stylesheets/schooler/components/_content.scss */
.question-popup-file-selector {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  display: none;
}

/* line 2012, app/assets/stylesheets/schooler/components/_content.scss */
.popup-media-image-div {
  border-radius: 5px;
  max-width: 341px;
  max-height: 220px;
  position: relative;
}

/* line 2019, app/assets/stylesheets/schooler/components/_content.scss */
.popup-media-delete-icon {
  position: absolute;
  left: 5px;
  top: 5px;
  cursor: pointer;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 2035, app/assets/stylesheets/schooler/components/_content.scss */
.file-loading-image {
  animation: rotate 1s linear infinite;
  position: relative;
  z-index: 1;
}

/* line 2041, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--popup-media-audio {
  position: relative;
  right: 59px;
  display: flex;
  top: 10px;
}

/* line 2048, app/assets/stylesheets/schooler/components/_content.scss */
.quiz--popup-media-image {
  margin-top: 0 !important;
  max-width: 341px;
  max-height: 220px;
  margin-bottom: 20px;
  display: inline-block;
  position: relative;
  right: -10px;
}

/* line 2058, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-delete-audio {
  position: absolute;
  cursor: pointer;
}

/* line 2063, app/assets/stylesheets/schooler/components/_content.scss */
.popup-media-delete-audio {
  position: absolute;
  left: -45px;
  cursor: pointer;
  top: 9px;
}

/* line 2070, app/assets/stylesheets/schooler/components/_content.scss */
.popup-media-delete-video {
  position: relative;
  bottom: 205px;
  right: 173px;
  cursor: pointer;
}

/* line 2077, app/assets/stylesheets/schooler/components/_content.scss */
.question-media-delete-video {
  position: relative;
  bottom: 360px;
  right: 600px;
  cursor: pointer;
}

/* line 2084, app/assets/stylesheets/schooler/components/_content.scss */
.answers-btn-div {
  margin-top: 12px !important;
  padding-bottom: 10px;
}

/* line 2089, app/assets/stylesheets/schooler/components/_content.scss */
.answers-icon-alignment {
  position: relative;
  padding-left: 7px;
  top: -9px;
}

/* line 2095, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-legend-questions {
  margin-bottom: 15px !important;
}

/* line 2099, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-sublegend-questions {
  font-family: "Assistant", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0;
  text-align: right;
  position: relative;
  bottom: 12px;
}

/* line 2110, app/assets/stylesheets/schooler/components/_content.scss */
.image-desired-resolution {
  font-family: Assistant, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0em;
  text-align: right;
  margin-top: 0 !important;
}

/* line 2120, app/assets/stylesheets/schooler/components/_content.scss */
.correct-answer-label,
.false-answer-label {
  border-top: 1px solid rgba(46, 75, 79, 0.25);
  top: 5px;
  padding-top: 20px;
}

/* line 2127, app/assets/stylesheets/schooler/components/_content.scss */
.correct-answer-textfield,
.false-answer-textfield {
  border-top: 1px solid rgba(46, 75, 79, 0.25);
  padding-top: 20px;
}

/* line 2133, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-add-new-answer-button {
  margin-top: 0 !important;
}

/* line 2138, app/assets/stylesheets/schooler/components/_content.scss */
.first-row-in-quiz .tooltip {
  top: 10px !important;
  left: 87% !important;
}

/* line 2144, app/assets/stylesheets/schooler/components/_content.scss */
.text-area-character-count {
  direction: ltr;
  position: relative;
  left: 0.2rem;
  border-top: 1px solid whitesmoke;
}

/* line 2151, app/assets/stylesheets/schooler/components/_content.scss */
.single-answer-div-in-quiz {
  margin-right: 20px !important;
}

/* line 2155, app/assets/stylesheets/schooler/components/_content.scss */
.mce-statusbar .mce-flow-layout-item {
  display: none;
}

/* line 2159, app/assets/stylesheets/schooler/components/_content.scss */
.mce-tinymce {
  width: 95% !important;
}

/* line 2162, app/assets/stylesheets/schooler/components/_content.scss */
.mce-btn button {
  background: none !important;
}

/* line 2165, app/assets/stylesheets/schooler/components/_content.scss */
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset {
  direction: rtl !important;
  resize: vertical !important;
}

/* line 2169, app/assets/stylesheets/schooler/components/_content.scss */
.mce-notification.mce-has-close {
  display: none !important;
}

/* line 2172, app/assets/stylesheets/schooler/components/_content.scss */
.mce-stack-layout-item {
  display: flex !important;
  border: none !important;
}

/* line 2176, app/assets/stylesheets/schooler/components/_content.scss */
.mce-top-part {
  position: inherit !important;
  border: 1px solid rgba(112, 112, 112, 0.25) !important;
  border-right: none !important;
  border-left: none !important;
}

/* line 2182, app/assets/stylesheets/schooler/components/_content.scss */
div.mce-edit-area {
  border-right: 1px solid rgba(112, 112, 112, 0.25) !important;
}

/* line 2185, app/assets/stylesheets/schooler/components/_content.scss */
.mce-rtl .mce-btn-group:not(:first-child) {
  border-right: none !important;
}

/* line 2188, app/assets/stylesheets/schooler/components/_content.scss */
.mce-tinymce {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

/* line 2193, app/assets/stylesheets/schooler/components/_content.scss */
.mce-panel {
  border-width: 0px !important;
  border: none !important;
}

/* line 2197, app/assets/stylesheets/schooler/components/_content.scss */
.mce-flow-layout {
  display: flex !important;
  flex-flow: wrap !important;
}

/* line 2202, app/assets/stylesheets/schooler/components/_content.scss */
.nm-left .mce-flow-layout-item.mce-last {
  position: absolute !important;
  left: 1% !important;
  border-left: 0 !important;
}

/* line 2209, app/assets/stylesheets/schooler/components/_content.scss */
.tooltip-media {
  display: none;
  color: #D90808;
}

/* line 2214, app/assets/stylesheets/schooler/components/_content.scss */
.quiz-question-video-student .vimeo-preview iframe,
.quiz-answer-video-student .vimeo-preview iframe {
  mix-blend-mode: screen !important;
}

/* line 2220, app/assets/stylesheets/schooler/components/_content.scss */
.passing-grade-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0 0;
  gap: 5px;
  position: absolute;
  width: 12%;
  height: 40px;
  left: 12rem;
  top: 5rem;
}

/* line 2233, app/assets/stylesheets/schooler/components/_content.scss */
.grade-info-container {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 15px;
  gap: 1px;
  isolation: isolate;
  width: 90px;
  height: 80px;
  border-radius: 5px;
  text-align: center;
  align-items: center;
}

/* line 2247, app/assets/stylesheets/schooler/components/_content.scss */
.grade-label {
  width: 57px;
  height: 22px;
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #3D3D3D;
  margin: 0;
  padding-top: 5px;
}

/* line 2260, app/assets/stylesheets/schooler/components/_content.scss */
.grade-value {
  width: 26px;
  height: 22px;
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 22px;
  color: #3D3D3D;
  margin: 0 10px;
  padding-top: 5px;
}

/* line 2272, app/assets/stylesheets/schooler/components/_content.scss */
.celebration-flag {
  position: absolute;
  padding-bottom: 12px;
}

/* line 2276, app/assets/stylesheets/schooler/components/_content.scss */
.passing-score-label {
  width: 122px;
  height: 22px;
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #3D3D3D;
  margin: 0;
}

/* line 2288, app/assets/stylesheets/schooler/components/_content.scss */
.passing-success {
  background: linear-gradient(0deg, rgba(33, 150, 83, 0.05), rgba(33, 150, 83, 0.05)), #FFFFFF;
  border: 2px solid #219653;
}

/* line 2292, app/assets/stylesheets/schooler/components/_content.scss */
.passing-mistake {
  background: linear-gradient(0deg, rgba(217, 8, 8, 0.05), rgba(217, 8, 8, 0.05)), #FFFFFF;
  border: 2px solid #D90808;
}

/* line 2296, app/assets/stylesheets/schooler/components/_content.scss */
.celebration-icon-left {
  display: none;
}

/* line 2299, app/assets/stylesheets/schooler/components/_content.scss */
.celebration-icon-right {
  display: none;
}

/* line 2303, app/assets/stylesheets/schooler/components/_content.scss */
.tox .tox-statusbar__path {
  flex-direction: row-reverse !important;
  padding-left: 10px !important;
  display: none !important;
}

/* line 2309, app/assets/stylesheets/schooler/components/_content.scss */
.tox .tox-statusbar {
  padding: 0 !important;
  flex-direction: row !important;
  border-top: none !important;
}

/* line 2315, app/assets/stylesheets/schooler/components/_content.scss */
.tox .tox-statusbar__resize-handle svg {
  transform: rotate(90deg) !important;
}

/* line 2319, app/assets/stylesheets/schooler/components/_content.scss */
.tox .tox-statusbar__resize-handle {
  cursor: ns-resize !important;
}

/* line 2323, app/assets/stylesheets/schooler/components/_content.scss */
.tox:not(.tox-tinymce-inline) .tox-editor-header {
  box-shadow: none !important;
  border-top: 1px solid rgba(112, 112, 112, 0.25) !important;
  border-bottom: 1px solid rgba(112, 112, 112, 0.25) !important;
}

/* line 2329, app/assets/stylesheets/schooler/components/_content.scss */
.tox-tinymce {
  height: 230px !important;
}

/* line 2333, app/assets/stylesheets/schooler/components/_content.scss */
.tox .tox-toolbar__primary {
  direction: rtl !important;
}

/* line 2337, app/assets/stylesheets/schooler/components/_content.scss */
.tox .tox-statusbar__text-container {
  display: none !important;
}

/* line 2341, app/assets/stylesheets/schooler/components/_content.scss */
.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered[title="ש”ח (כולל מע”מ)"] {
  opacity: 1 !important;
}

@media (max-width: 768px) {
  /* line 2346, app/assets/stylesheets/schooler/components/_content.scss */
  .quiz-header {
    margin-right: 5px;
  }
  /* line 2349, app/assets/stylesheets/schooler/components/_content.scss */
  .custom-react-player {
    width: 290px !important;
    height: 180px !important;
  }
  /* line 2353, app/assets/stylesheets/schooler/components/_content.scss */
  .quiz-answer-image-student {
    max-width: 285px !important;
  }
  /* line 2356, app/assets/stylesheets/schooler/components/_content.scss */
  .quiz-question-image-student {
    max-width: 285px !important;
  }
  /* line 2359, app/assets/stylesheets/schooler/components/_content.scss */
  .quiz-answer-audio-student {
    border: none !important;
    width: 300px !important;
  }
  /* line 2363, app/assets/stylesheets/schooler/components/_content.scss */
  .quiz-question-audio-student {
    border: none !important;
    width: 300px !important;
  }
  /* line 2367, app/assets/stylesheets/schooler/components/_content.scss */
  .passing-grade-container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 50px 0 15px;
    gap: 5px;
    width: 100%;
    height: 40px;
    position: unset;
  }
  /* line 2378, app/assets/stylesheets/schooler/components/_content.scss */
  .grade-info-container {
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 15px;
    gap: 1px;
    isolation: isolate;
    width: 100%;
    height: 60px;
    text-align: inherit;
    position: absolute;
  }
  /* line 2391, app/assets/stylesheets/schooler/components/_content.scss */
  .passing-score-label {
    width: -webkit-fill-available;
    height: 20px;
    font-family: 'Assistant';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-align: left;
    color: #3D3D3D;
    margin: 0;
    position: absolute;
    padding-left: 15px;
  }
  /* line 2405, app/assets/stylesheets/schooler/components/_content.scss */
  .grade-label {
    padding-top: 0;
    padding-right: 8px;
    width: 66px;
  }
  /* line 2410, app/assets/stylesheets/schooler/components/_content.scss */
  .grade-value {
    padding-top: 0;
  }
  /* line 2413, app/assets/stylesheets/schooler/components/_content.scss */
  .passing-success {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  /* line 2418, app/assets/stylesheets/schooler/components/_content.scss */
  .passing-mistake {
    border-left: none;
    border-right: none;
    border-radius: 0;
  }
  /* line 2423, app/assets/stylesheets/schooler/components/_content.scss */
  .celebration-icon-left {
    top: -18px;
    display: block;
    position: absolute;
    left: 5px;
  }
  /* line 2429, app/assets/stylesheets/schooler/components/_content.scss */
  .celebration-icon-right {
    display: block;
    right: 15px;
    position: absolute;
    top: -10px;
  }
  /* line 2435, app/assets/stylesheets/schooler/components/_content.scss */
  .celebration-flag {
    display: none;
  }
}

/* line 1, app/assets/stylesheets/schooler/components/_forms.scss */
input[type=email],
input[type=url] {
  direction: ltr;
}

/* line 6, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-input {
  font-family: inherit;
}

/* line 85, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-input::-moz-placeholder {
  color: #d5d5d5;
  opacity: 1;
  font-style: normal;
  font-weight: 300;
}

/* line 90, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-input:hover::-moz-placeholder {
  color: #d5d5d5;
  opacity: 1;
  font-style: normal;
  font-weight: 300;
}

/* line 95, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-input:-ms-input-placeholder {
  color: #d5d5d5;
  font-style: normal;
  font-weight: 300;
}

/* line 104, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-input::-webkit-input-placeholder {
  color: #d5d5d5;
  font-style: normal;
  font-weight: 300;
}

/* line 13, app/assets/stylesheets/schooler/components/_forms.scss */
textarea.nm-textarea {
  display: block;
  font-family: inherit;
  height: 112px;
}

/* line 85, app/assets/stylesheets/schooler/base/_mixins.scss */
textarea.nm-textarea::-moz-placeholder {
  color: #d5d5d5;
  opacity: 1;
  font-style: normal;
  font-weight: 300;
}

/* line 90, app/assets/stylesheets/schooler/base/_mixins.scss */
textarea.nm-textarea:hover::-moz-placeholder {
  color: #d5d5d5;
  opacity: 1;
  font-style: normal;
  font-weight: 300;
}

/* line 95, app/assets/stylesheets/schooler/base/_mixins.scss */
textarea.nm-textarea:-ms-input-placeholder {
  color: #d5d5d5;
  font-style: normal;
  font-weight: 300;
}

/* line 104, app/assets/stylesheets/schooler/base/_mixins.scss */
textarea.nm-textarea::-webkit-input-placeholder {
  color: #d5d5d5;
  font-style: normal;
  font-weight: 300;
}

/* line 21, app/assets/stylesheets/schooler/components/_forms.scss */
textarea.textarea-lg {
  height: 252px;
}

/* line 25, app/assets/stylesheets/schooler/components/_forms.scss */
textarea.textarea-md {
  height: 150px;
}

/* line 29, app/assets/stylesheets/schooler/components/_forms.scss */
textarea.textarea-sm {
  height: 100px;
}

/* line 36, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-input.state-danger,
textarea.nm-textarea.state-danger {
  box-shadow: inset 0 0 0 1px #ce0000;
}

/* line 41, app/assets/stylesheets/schooler/components/_forms.scss */
.input-note {
  margin-top: 7px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 16px;
  color: rgba(46, 75, 79, 0.7);
  color: #929292;
}

/* line 50, app/assets/stylesheets/schooler/components/_forms.scss */
.course-email-explanation {
  color: #2e4b4f !important;
  line-height: 20px;
}

/* line 55, app/assets/stylesheets/schooler/components/_forms.scss */
.email-note-alignment {
  margin-right: 0px !important;
}

/* line 59, app/assets/stylesheets/schooler/components/_forms.scss */
.legend-email {
  margin-bottom: 45px !important;
}

/* line 63, app/assets/stylesheets/schooler/components/_forms.scss */
.course-email-label {
  margin-top: 15px;
}

/* line 68, app/assets/stylesheets/schooler/components/_forms.scss */
.content-inner .nm-form-wrap {
  padding-left: 0;
  padding-right: 0;
}

/* line 78, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-form-row .nm-right,
.nm-radiobuttons-row .nm-right,
.nm-checkboxes-block .nm-right {
  width: 130px;
  min-width: 130px;
  padding-left: 15px;
  padding-top: 16px;
}

/* line 84, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-form-row .nm-right.no-indent,
.nm-radiobuttons-row .nm-right.no-indent,
.nm-checkboxes-block .nm-right.no-indent {
  padding-top: 0;
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-xs + *,
.nm-radiobuttons-row.distance-xs + *,
.nm-checkboxes-block.distance-xs + * {
  margin-top: 6px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-xs,
.nm-radiobuttons-row.distance-xs,
.nm-checkboxes-block.distance-xs {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-xs:first-child,
.nm-radiobuttons-row.distance-xs:first-child,
.nm-checkboxes-block.distance-xs:first-child {
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-sm + *,
.nm-radiobuttons-row.distance-sm + *,
.nm-checkboxes-block.distance-sm + * {
  margin-top: 10px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-sm,
.nm-radiobuttons-row.distance-sm,
.nm-checkboxes-block.distance-sm {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-sm:first-child,
.nm-radiobuttons-row.distance-sm:first-child,
.nm-checkboxes-block.distance-sm:first-child {
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-md + *,
.nm-radiobuttons-row.distance-md + *,
.nm-checkboxes-block.distance-md + * {
  margin-top: 20px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-md,
.nm-radiobuttons-row.distance-md,
.nm-checkboxes-block.distance-md {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-md:first-child,
.nm-radiobuttons-row.distance-md:first-child,
.nm-checkboxes-block.distance-md:first-child {
  margin-top: 0;
}

/* line 8, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-lg + *,
.nm-radiobuttons-row.distance-lg + *,
.nm-checkboxes-block.distance-lg + * {
  margin-top: 30px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-lg,
.nm-radiobuttons-row.distance-lg,
.nm-checkboxes-block.distance-lg {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-form-row.distance-lg:first-child,
.nm-radiobuttons-row.distance-lg:first-child,
.nm-checkboxes-block.distance-lg:first-child {
  margin-top: 0;
}

@media (max-width: 767px) {
  /* line 74, app/assets/stylesheets/schooler/components/_forms.scss */
  .nm-form-row,
.nm-radiobuttons-row,
.nm-checkboxes-block {
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  /* line 109, app/assets/stylesheets/schooler/components/_forms.scss */
  .nm-form-row .nm-right,
.nm-radiobuttons-row .nm-right,
.nm-checkboxes-block .nm-right {
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    padding-top: 0;
    margin-bottom: 14px;
    width: auto;
    padding-left: 0;
    min-width: 0;
  }
  /* line 117, app/assets/stylesheets/schooler/components/_forms.scss */
  .nm-form-row .nm-right br,
.nm-radiobuttons-row .nm-right br,
.nm-checkboxes-block .nm-right br {
    display: none;
  }
}

/* line 128, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-form-row.align-middle {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 131, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-form-row.align-middle .nm-right {
  padding-top: 0;
}

@media (max-width: 767px) {
  /* line 138, app/assets/stylesheets/schooler/components/_forms.scss */
  .nm-form-row.align-middle {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    align-items: stretch;
  }
}

/* line 145, app/assets/stylesheets/schooler/components/_forms.scss */
.input-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: stretch;
  -ms-flex-pack: stretch;
  -webkit-justify-content: stretch;
  -moz-justify-content: stretch;
  justify-content: stretch;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 152, app/assets/stylesheets/schooler/components/_forms.scss */
.input-row .nm-input + .nm-input {
  margin-right: 5px;
}

/* line 159, app/assets/stylesheets/schooler/components/_forms.scss */
.input-sm,
.input-width-sm {
  width: 105px;
}

/* line 164, app/assets/stylesheets/schooler/components/_forms.scss */
.input-width-xxs {
  width: 36px;
}

/* line 168, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-end-row {
  margin-right: 130px;
}

/* line 171, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-end-row .on-right {
  margin-left: auto;
}

/* line 175, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-end-row .on-left {
  margin-right: auto;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .nm-end-row {
  margin-top: 40px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-end-row {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-end-row:first-child {
  margin-top: 0;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .nm-end-row.distance-sm {
  margin-top: 12px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-end-row.distance-sm {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-end-row.distance-sm:first-child {
  margin-top: 0;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .nm-end-row.distance-md {
  margin-top: 20px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-end-row.distance-md {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-end-row.distance-md:first-child {
  margin-top: 0;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .nm-end-row.distance-lg {
  margin-top: 40px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-end-row.distance-lg {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-end-row.distance-lg:first-child {
  margin-top: 0;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .nm-end-row.quiz-submit-button-row {
  margin-top: 0px !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-end-row.quiz-submit-button-row {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-end-row.quiz-submit-button-row:first-child {
  margin-top: 0;
}

/* line 199, app/assets/stylesheets/schooler/components/_forms.scss */
.indent-top-0 {
  padding-top: 0 !important;
}

/* line 203, app/assets/stylesheets/schooler/components/_forms.scss */
.indent-top-6 {
  padding-top: 6px !important;
}

/* line 207, app/assets/stylesheets/schooler/components/_forms.scss */
.indent-bottom-10 {
  padding-bottom: 10px !important;
}

/* line 40, app/assets/stylesheets/schooler/base/_mixins.scss */
.multiselect-box:before, .multiselect-box:after {
  display: block;
  content: '\a0';
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
  visibility: hidden;
}

/* line 214, app/assets/stylesheets/schooler/components/_forms.scss */
.multiselect-box .label-set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

/* line 220, app/assets/stylesheets/schooler/components/_forms.scss */
.multiselect-box .label-selectable {
  margin-left: 7px;
}

/* line 225, app/assets/stylesheets/schooler/components/_forms.scss */
.multiselect-box .label-selection {
  margin-right: 7px;
}

/* line 229, app/assets/stylesheets/schooler/components/_forms.scss */
.multiselect-box .label-selectable,
.multiselect-box .label-selection {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  color: #929292;
  margin-bottom: 5px;
  padding-right: 2px;
}

/* line 238, app/assets/stylesheets/schooler/components/_forms.scss */
.multiselect {
  visibility: hidden;
}

/* line 242, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container {
  width: auto;
  cursor: default;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

/* line 250, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .ms-list {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  border: 1px solid rgba(112, 112, 112, 0.25) !important;
  border-radius: 5px;
  height: 185px;
}

/* line 258, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .ms-list.ms-focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* line 265, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {
  padding: 6px 23px;
  font-size: 16px;
  line-height: 18px;
}

/* line 272, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container li.ms-elem-selectable {
  background: url(/images/arrow-left-2.svg) no-repeat 10px;
}

/* line 276, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container li.ms-elem-selection {
  background: url(/images/remove.svg) no-repeat 12px 10px;
  background-size: 12px;
}

/* line 280, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container li.ms-elem-selection.disabled {
  background: none;
  color: #8f9fa1;
  cursor: default;
}

/* line 287, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.selection-wrap {
  background: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 23px 6px 0;
}

/* line 297, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .dropdown .dropdown-iconParent {
  width: 25px;
  display: none;
  position: relative;
}

/* line 302, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .dropdown .dropdown-iconParent .icon-inactive {
  margin-left: 22px;
}

/* line 306, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .dropdown .dropdown-iconParent .icon-mask-copy2 {
  width: 5px;
  height: auto;
  position: absolute;
  top: 9px;
  left: 10px;
}

/* line 315, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .dropdown .dropdown-content {
  position: absolute;
  left: 0;
  margin-top: 0;
  box-shadow: 2px 2px 2px 1px #f1f1f1;
  padding: 10px 10px 10px 25px;
  cursor: pointer;
  background-color: white;
  border-radius: 3px;
  display: none;
  z-index: 10;
}

/* line 327, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .dropdown .dropdown-content span {
  display: flex;
  align-items: center;
  display: none;
}

/* line 332, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .dropdown .dropdown-content span span {
  display: block;
  margin-right: 3px;
}

/* line 337, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .dropdown .dropdown-content span .dropdown-iconChild {
  width: 13px;
}

/* line 342, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .dropdown .dropdown-content .show {
  display: flex;
}

/* line 348, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .ms-selectable,
.ms-container .ms-selection {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

/* line 352, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
  color: #2e4b4f;
  background-color: transparent;
}

/* line 358, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .ms-selectable {
  margin-left: 7px;
  border-radius: 5px;
}

/* line 362, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .ms-selectable .dropdown {
  display: none;
}

/* line 367, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .ms-selection {
  margin-right: 7px;
  border-radius: 5px;
  position: relative;
}

/* line 372, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container .ms-selection:before {
  width: auto;
  height: auto;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 30px;
  background-color: rgba(0, 0, 0, 0);
  z-index: 1;
}

/* line 383, app/assets/stylesheets/schooler/components/_forms.scss */
.ms-container ::selection {
  color: inherit;
  background: transparent;
}

@media (max-width: 767px) {
  /* line 389, app/assets/stylesheets/schooler/components/_forms.scss */
  .custom-radio-set {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

/* line 400, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio {
  position: relative;
  display: inline-block;
  min-width: 78px;
}

/* line 405, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio + .custom-radio {
  margin-right: 45px;
}

@media (max-width: 767px) {
  /* line 405, app/assets/stylesheets/schooler/components/_forms.scss */
  .custom-radio + .custom-radio {
    margin-right: 0;
  }
}

/* line 413, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio input[type=radio] {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 421, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio .icon {
  border-radius: 50px;
}

/* line 425, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio .text {
  margin-left: 0 !important;
  margin-right: 0 !important;
  font-size: 18px;
}

/* line 432, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio .icon-n-text {
  margin-top: 0 !important;
}

/* line 436, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio label {
  cursor: pointer;
  text-align: center;
}

/* line 442, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio input:checked + label .icon {
  background-color: #03d6f3;
}

/* line 446, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio input:checked + label .icon-paypal {
  background-image: url(/images/paypal-white.svg);
}

/* line 450, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio input:checked + label .icon-cardcom {
  background-image: url(/images/cardcom-white.svg);
}

/* line 454, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio input:checked + label .icon-www {
  background-image: url(/images/www-white.svg);
}

/* line 458, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio input:checked + label .icon-video {
  background-image: url(/images/video-white.svg);
}

/* line 462, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-radio input:checked + label .icon-pdf {
  background-image: url(/images/pdf-white.svg);
}

/* line 469, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-checkboxes-block {
  padding-right: 122px;
  cursor: default;
}

@media (max-width: 767px) {
  /* line 469, app/assets/stylesheets/schooler/components/_forms.scss */
  .nm-checkboxes-block {
    padding-right: 0;
  }
}

/* line 478, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-checkboxes-row {
  margin-bottom: 0;
}

/* line 482, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-check-block {
  position: relative;
}

/* line 486, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-check-block.nm-check-block-disabled, .nm-check-block.nm-check-block-disabled * {
  cursor: not-allowed;
}

/* line 490, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-check-block.nm-check-block-disabled .nm-checkbox,
.nm-check-block.nm-check-block-disabled .nm-label-text {
  opacity: 0.5;
}

/* line 497, app/assets/stylesheets/schooler/components/_forms.scss */
.add-img-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 991px) {
  /* line 497, app/assets/stylesheets/schooler/components/_forms.scss */
  .add-img-wrap {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* line 505, app/assets/stylesheets/schooler/components/_forms.scss */
.add-img-note {
  padding-top: 5px;
  font-size: 14px;
  line-height: 16px;
}

/* line 510, app/assets/stylesheets/schooler/components/_forms.scss */
.add-img-note p + p {
  margin-top: 10px;
}

/* line 515, app/assets/stylesheets/schooler/components/_forms.scss */
.add-img-control {
  margin-left: 16px;
}

/* line 519, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-add-img {
  position: relative;
  display: block;
  cursor: pointer;
  background: url("/images/add-image-bg.jpg") no-repeat center center;
  background-size: cover;
  color: white;
  text-align: center;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  width: 306px;
  height: 176px;
  border: 3px dashed #2e4b4f;
  border-radius: 5px;
  padding-top: 67px;
}

/* line 536, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-add-img:before {
  width: auto;
  height: auto;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: url(/images/add-image.svg) no-repeat 50% 52px;
  z-index: 1;
}

/* line 546, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-add-img .add-img-msg {
  position: relative;
  z-index: 2;
}

/* line 552, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row !important;
  -moz-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

/* line 556, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .nm-add-img {
  position: relative;
  height: 52px;
  width: 52px;
  display: block;
  cursor: pointer;
  background: url("/images/avatar_bg.svg") no-repeat center center;
  background-size: cover;
  border-radius: 50%;
  line-height: 0;
  border: none;
  padding: 0;
}

/* line 569, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .nm-add-img:hover:before {
  content: '';
  position: absolute;
  top: 13px;
  right: auto;
  left: 15px;
  height: 25px;
  width: 25px;
  background: url("/images/camera.svg") no-repeat;
  z-index: 1;
}

/* line 579, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .add-img-note {
  font-weight: normal;
  font-size: 16px;
}

/* line 584, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .trash-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 35%;
  margin-top: 5px;
}

/* line 591, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .trash-container > div {
  display: inline-block;
  font-size: 14px;
  color: red;
}

/* line 597, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .trash-container .trash-icon {
  mask: url("/images/trash.svg") no-repeat;
  -webkit-mask: url("/images/trash.svg") no-repeat;
  background-color: red;
  width: 23px;
  height: 23px;
  transform: scale(0.8);
  cursor: pointer;
}

/* line 605, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row !important;
  -moz-flex-direction: row !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important;
}

/* line 609, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .nm-add-img {
  position: relative;
  height: 52px;
  width: 52px;
  display: block;
  cursor: pointer;
  background: url("/images/avatar_bg.svg") no-repeat center center;
  background-size: cover;
  border-radius: 50%;
  line-height: 0;
  border: none;
  padding: 0;
}

/* line 622, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .nm-add-img:hover:before {
  content: '';
  position: absolute;
  top: 13px;
  right: auto;
  left: 15px;
  height: 25px;
  width: 25px;
  background: url("/images/camera.svg") no-repeat;
  z-index: 1;
}

/* line 631, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .add-img-note {
  font-weight: normal;
  font-size: 16px;
}

/* line 635, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .trash-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 35%;
  margin-top: 5px;
}

/* line 641, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .trash-container > div {
  display: inline-block;
  font-size: 14px;
  color: red;
}

/* line 646, app/assets/stylesheets/schooler/components/_forms.scss */
.nm-avatar-container .trash-container .trash-icon {
  mask: url("/images/trash.svg") no-repeat;
  -webkit-mask: url("/images/trash.svg") no-repeat;
  background-color: red;
  width: 23px;
  height: 23px;
  transform: scale(0.8);
  cursor: pointer;
}

/* line 22, app/assets/stylesheets/schooler/base/_mixins.scss */
.instruction-text + * {
  margin-top: 12px;
}

/* line 26, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .instruction-text {
  margin-top: 12px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.instruction-text {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.instruction-text:first-child {
  margin-top: 0;
}

/* line 658, app/assets/stylesheets/schooler/components/_forms.scss */
option {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 665, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-select {
  width: 100%;
  height: 52px;
  padding: 0 20px;
  display: block;
  -webkit-appearance: none;
  appearance: none;
  cursor: default;
  background: #ffffff url(/images/select-arrow.svg) 24px 50% no-repeat;
  border: 0 none;
  border-radius: 5px;
  color: #2e4b4f;
  font-size: 18px;
  line-height: 22px;
  font-family: "Assistant", Arial, sans-serif;
  font-weight: 500;
}

/* line 682, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-select:focus {
  outline: none;
}

/* line 686, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-select.state-placeholder {
  color: #d5d5d5;
  font-style: italic;
}

/* line 692, app/assets/stylesheets/schooler/components/_forms.scss */
.custom-select.small {
  width: auto;
  height: 32px;
  padding-left: 50px;
}

/* line 699, app/assets/stylesheets/schooler/components/_forms.scss */
.form-simple .nm-input + .nm-input {
  margin-top: 5px;
}

/* line 703, app/assets/stylesheets/schooler/components/_forms.scss */
.form-simple .form-actions {
  margin-top: 10px;
  text-align: left;
}

/* line 708, app/assets/stylesheets/schooler/components/_forms.scss */
.form-simple .terms-course-wrapper {
  margin: 14px 0 10px 0;
}

/* line 712, app/assets/stylesheets/schooler/components/_forms.scss */
.form-simple .feedback-invalid {
  color: red;
  font-size: 15px;
}

/* line 718, app/assets/stylesheets/schooler/components/_forms.scss */
.input-user,
.input-email,
.input-phone {
  padding-right: 65px;
  background-repeat: no-repeat;
}

/* line 725, app/assets/stylesheets/schooler/components/_forms.scss */
.input-user {
  background-image: url(/images/user.svg);
  background-position: calc(100% - 24px) 50%;
}

/* line 730, app/assets/stylesheets/schooler/components/_forms.scss */
.input-email {
  background-image: url(/images/email.svg);
  background-position: calc(100% - 20px) 50%;
}

/* line 735, app/assets/stylesheets/schooler/components/_forms.scss */
.input-phone {
  background-image: url(/images/phone.svg);
  background-position: calc(100% - 22px) 50%;
}

/* line 740, app/assets/stylesheets/schooler/components/_forms.scss */
.input-color {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  background: url(/images/color.svg) no-repeat 50%;
  cursor: pointer;
}

/* line 748, app/assets/stylesheets/schooler/components/_forms.scss */
.input-color input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

/* line 759, app/assets/stylesheets/schooler/components/_forms.scss */
.input-file {
  position: relative;
}

/* line 762, app/assets/stylesheets/schooler/components/_forms.scss */
.input-file:before {
  width: 70px;
  height: auto;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 5px 0 0 5px;
  background: #dddddd url(/images/input-file-dots.svg) 50% no-repeat;
  cursor: pointer;
}

/* line 772, app/assets/stylesheets/schooler/components/_forms.scss */
.input-file input {
  display: block;
}

/* line 777, app/assets/stylesheets/schooler/components/_forms.scss */
.input-file[for="pdf-upload"] {
  height: 52px;
  overflow: hidden;
}

/* line 782, app/assets/stylesheets/schooler/components/_forms.scss */
.input-file-alt {
  position: relative;
  width: 302px;
  height: 36px;
  padding-right: 14px;
}

/* line 788, app/assets/stylesheets/schooler/components/_forms.scss */
.input-file-alt:before {
  width: 40px;
  height: 40px;
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  right: 0px;
  border-radius: 40px;
  background: #2e4b4f url(/images/files.svg) 50% no-repeat;
  -webkit-background-size: 17px 18px;
  background-size: 17px 18px;
}

/* line 798, app/assets/stylesheets/schooler/components/_forms.scss */
.input-file-alt input {
  width: 100%;
  border: 0 none;
  padding: 8px 30px 8px 12px;
  display: block;
  background: #f0f0f0;
  border-radius: 3px;
  font-size: 16px;
  line-height: 20px;
  color: #2e4b4f;
  text-align: left;
  direction: ltr;
}

/* line 813, app/assets/stylesheets/schooler/components/_forms.scss */
.input-ltr {
  direction: ltr;
}

/* line 819, app/assets/stylesheets/schooler/components/_forms.scss */
.form-field-label {
  display: block;
  color: #929292;
  margin-bottom: 3px;
}

/* line 827, app/assets/stylesheets/schooler/components/_forms.scss */
.checkbox label {
  cursor: pointer;
  padding-right: 34px;
  position: relative;
}

/* line 832, app/assets/stylesheets/schooler/components/_forms.scss */
.checkbox label:before {
  width: 24px;
  height: 24px;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  background: url(/images/checkbox.svg) no-repeat;
}

/* line 839, app/assets/stylesheets/schooler/components/_forms.scss */
.checkbox label::selection {
  color: inherit;
  background-color: transparent;
}

/* line 845, app/assets/stylesheets/schooler/components/_forms.scss */
.checkbox input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  right: 0;
}

/* line 852, app/assets/stylesheets/schooler/components/_forms.scss */
.checkbox input:checked + label:before {
  background-image: url(/images/checkbox-checked.svg);
}

/* line 858, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-div-school {
  display: flex;
}

/* line 861, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-dropdown-div-school {
  width: 160px;
  margin-right: 6rem;
}

/* line 865, app/assets/stylesheets/schooler/components/_forms.scss */
.disable-currency-error {
  border: 1px solid red !important;
}

/* line 869, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-dropdown-div-course,
.currency-dropdown-div-school {
  position: relative;
  cursor: pointer;
  z-index: 2;
}

/* line 875, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-dropdown-div-course:hover::after,
.currency-dropdown-div-school:hover::after {
  display: block;
}

/* line 879, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-dropdown-div-course::after,
.currency-dropdown-div-school::after {
  content: '';
  display: none;
  position: absolute;
  height: 90px;
  background-size: cover;
  top: 45%;
  transform: translateY(-50%);
  z-index: 1;
  right: 160px;
}

/* line 891, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-dropdown-div-course::after,
.currency-dropdown-div-school::after {
  background-image: var(--tooltip-image, url(/images/tooltip-currency.svg));
  content: var(--tooltip-content, "חובה לבחור סליקה");
  text-align: center;
  font-size: 16px;
  color: black;
  font-family: Assistant, Arial, sans-serif !important;
  font-weight: 400 !important;
  width: var(--tooltip-width, 200px);
  height: var(--tooltip-height, 75px);
  line-height: var(--tooltip-line-height, 80px);
  top: var(--tooltip-top, 23px);
}

/* line 906, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-list {
  margin-top: 0 !important;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
}

/* line 910, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-list .select2-container .select2-selection--single .select2-selection__rendered {
  text-overflow: unset !important;
}

/* line 913, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-list .select2-container,
.currency-list .select2-container .select2-selection--single {
  width: 158px !important;
}

/* line 917, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-list .select2-results__option {
  font-size: 15px;
}

/* line 920, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-list .select2-selection {
  padding-right: unset !important;
  background: #fff url(/images/arrow-down-select.svg) 14px 50% no-repeat !important;
}

/* line 924, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-list .select2-selection__placeholder, .currency-list .select2-selection__rendered {
  font-size: 16px;
}

/* line 927, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-list .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px !important;
}

/* line 930, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-list .select2-container--default .select2-results__option[aria-disabled=true] {
  color: inherit !important;
  opacity: 25% !important;
}

/* line 935, app/assets/stylesheets/schooler/components/_forms.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(3, 214, 243, 0.5) !important;
}

/* line 938, app/assets/stylesheets/schooler/components/_forms.scss */
.select2-dropdown {
  border: 1px solid #e0e0e0 !important;
}

/* line 941, app/assets/stylesheets/schooler/components/_forms.scss */
.removing-space {
  justify-content: flex-end !important;
}

/* line 945, app/assets/stylesheets/schooler/components/_forms.scss */
input.input-among-text {
  background-color: #c1c9cb;
  border-radius: 2px;
  border: 0 none;
  color: #2e4b4f;
  font-size: inherit;
  line-height: 18px;
  padding: 2px 3px;
  position: relative;
  vertical-align: middle;
}

/* line 957, app/assets/stylesheets/schooler/components/_forms.scss */
legend {
  width: 214px;
}

/* line 962, app/assets/stylesheets/schooler/components/_forms.scss */
.input-password {
  background-image: url(/images/lock.png);
  background-position: calc(100% - 21px) 50%;
  background-repeat: no-repeat;
  padding-right: 65px;
}

/* line 970, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .nm-form-row .nm-right {
  padding-top: 0;
}

/* line 974, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider {
  padding-bottom: 20px;
  width: 670px;
}

/* line 979, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider .slick-dots li button:before {
  color: #262453;
  font-size: 11px;
  opacity: 0.2;
}

/* line 985, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider .slick-dots li.slick-active button:before {
  color: #262453;
  opacity: 1;
}

/* line 991, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider .slick-dots li button:hover {
  background: none !important;
}

/* line 995, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider .slick-disabled {
  opacity: 0;
  pointer-events: none;
}

/* line 1000, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider .slick-arrow {
  top: calc(50% - 8px);
}

/* line 1004, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider .slick-arrow::before {
  width: 22px;
  height: 24px;
  border-radius: 3px;
  box-shadow: 0px 1px 4px rgba(103, 103, 103, 0.31);
  line-height: 24px;
  text-align: center;
  transform: translateY(-50%);
  content: '';
  opacity: 1;
  display: block;
}

/* line 1018, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider .slick-next::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7' height='13' viewBox='0 0 7 13' fill='none'%3E%3Cpath d='M5.9668 1.62891C4.30617 3.4556 3.29187 4.57132 1.77874 6.23576C1.432 6.61718 1.43157 7.20016 1.77832 7.58158L5.96679 12.1889' stroke='%23333333' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center #FFF;
}

/* line 1022, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider .slick-next {
  right: auto;
  left: -28px;
}

/* line 1027, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider .slick-prev {
  left: auto;
  right: -21px;
}

/* line 1032, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider .slick-prev::before {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='13' viewBox='0 0 6 13' fill='none'%3E%3Cpath d='M0.761719 12.0742C2.42235 10.2475 3.43664 9.1318 4.94977 7.46736C5.29652 7.08594 5.29695 6.50297 4.9502 6.12155L0.76172 1.51422' stroke='%23333333' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center center #FFF;
}

/* line 1037, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .slick-next, .template-settings .slick-prev {
  display: none !important;
}

/* line 1041, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .slick-dotted.slick-slider {
  margin-bottom: 40px;
}

/* line 1045, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--slide {
  border: 1px solid #E0E0E0;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  height: 218px;
  margin-right: 12px;
  overflow: hidden;
}

/* line 1054, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--slide:last-child {
  margin-right: 0;
}

/* line 1059, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--slide-selected {
  border: 2px solid #03D6F3;
}

/* line 1063, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--slide-selected:hover .templates-slider--cover {
  display: none;
}

/* line 1067, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--slide-selected:hover .templates-slider--preview {
  display: flex;
}

/* line 1073, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--thumbnail {
  position: relative;
  flex-shrink: 0;
}

/* line 1077, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--thumbnail, .template-settings .templates-slider--thumbnail > * {
  height: 173px;
}

/* line 1083, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--preview {
  align-items: center;
  background-color: #E0E0E0;
  cursor: pointer;
  display: none;
  height: 100%;
  justify-content: center;
  flex-direction: column;
}

/* line 1092, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--preview .sch-preview {
  color: #333;
  font-size: 20px;
  margin-bottom: 5px;
}

/* line 1098, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--preview .text-preview {
  color: #262453;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}

/* line 1106, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--footer {
  align-items: center;
  background-color: #fff;
  border-top: 1px solid #E0E0E0;
  color: #000000;
  display: flex;
  height: 43px;
  justify-content: space-between;
  line-height: 43px;
  padding: 0 15px;
}

/* line 1118, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--footer .nm-btn {
  border-radius: 8px;
  color: #262453;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  padding: 5.5px 25.3px;
  height: auto;
}

/* line 1128, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--name {
  font-size: 14px;
}

/* line 1132, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--active {
  align-items: center;
  display: flex;
  font-size: 13px;
}

/* line 1137, app/assets/stylesheets/schooler/components/_forms.scss */
.template-settings .templates-slider--active img {
  margin-left: 5px;
}

/* line 1143, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-unsupported-error {
  font-size: 13px;
  font-weight: 400;
  color: red;
  text-align: end;
  min-width: 27rem;
  transform: translate(15px, -15px);
}

/* line 1151, app/assets/stylesheets/schooler/components/_forms.scss */
.currency-unsupported-error-school {
  font-size: 13px;
  font-weight: 400;
  color: red;
  text-align: center;
  min-width: 27rem;
  transform: translate(0px, 0px);
}

/* line 1159, app/assets/stylesheets/schooler/components/_forms.scss */
.selected-currency-opacity {
  color: #333333;
  opacity: 25%;
}

/* line 1, app/assets/stylesheets/schooler/components/_general-message.scss */
.general-message {
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  left: 50%;
  position: fixed;
  text-align: center;
  top: 50%;
  width: 320px;
}

/* line 10, app/assets/stylesheets/schooler/components/_general-message.scss */
.general-message .sub {
  margin-top: 18px;
}

/* line 14, app/assets/stylesheets/schooler/components/_general-message.scss */
.general-message .site-logo {
  width: 124px;
  height: 62px;
}

/* line 19, app/assets/stylesheets/schooler/components/_general-message.scss */
.general-message p {
  white-space: break-spaces;
}

/* line 24, app/assets/stylesheets/schooler/components/_general-message.scss */
.ip-message {
  width: 50% !important;
  top: 40% !important;
}

/* line 28, app/assets/stylesheets/schooler/components/_general-message.scss */
.ip-message h1 {
  margin-top: 0px !important;
  line-height: 45px;
  font-size: 30px;
}

/* line 33, app/assets/stylesheets/schooler/components/_general-message.scss */
.ip-message span {
  font-size: 16px;
}

/* line 38, app/assets/stylesheets/schooler/components/_general-message.scss */
.system-credit-content {
  font-size: 14px;
  margin-bottom: 10px !important;
  margin-top: 12px;
  color: grey;
  line-height: 12px !important;
  width: 120px;
}

/* line 47, app/assets/stylesheets/schooler/components/_general-message.scss */
.site-logo-for-ip-limit {
  padding-left: 10px;
}

/* line 51, app/assets/stylesheets/schooler/components/_general-message.scss */
.ip-limit-footer {
  position: absolute;
  text-align: center;
  justify-content: center;
  display: flex;
  bottom: 0%;
  border-top: 1px solid #b9b8b8;
  width: 100%;
  white-space: break-spaces;
}

/* line 62, app/assets/stylesheets/schooler/components/_general-message.scss */
.ip-limit-main-div {
  height: 100vh;
  display: grid;
  grid-template-rows: 90% 10%;
}

/* line 68, app/assets/stylesheets/schooler/components/_general-message.scss */
.account-closed-title {
  font-family: Assistant;
  font-size: 30px;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0.40px;
}

/* line 76, app/assets/stylesheets/schooler/components/_general-message.scss */
.account-closed-content {
  font-family: Assistant;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.24px;
  text-align: center;
}

@media (max-width: 768px) {
  /* line 86, app/assets/stylesheets/schooler/components/_general-message.scss */
  .ip-message {
    width: 80% !important;
  }
  /* line 89, app/assets/stylesheets/schooler/components/_general-message.scss */
  .ip-message h1 {
    margin-top: 0px !important;
    line-height: 30px;
    margin-bottom: 15px !important;
  }
  /* line 95, app/assets/stylesheets/schooler/components/_general-message.scss */
  .ip-message span {
    font-weight: 600;
  }
  /* line 100, app/assets/stylesheets/schooler/components/_general-message.scss */
  .system-credit-content {
    font-size: 16px;
    width: 130px;
  }
}

@media (max-width: 350px) {
  /* line 107, app/assets/stylesheets/schooler/components/_general-message.scss */
  .system-credit-content {
    width: 100%;
    font-size: 16px;
    padding-left: 3%;
  }
  /* line 112, app/assets/stylesheets/schooler/components/_general-message.scss */
  .site-logo-for-ip-limit {
    padding-left: 12px;
    padding-right: 10%;
  }
}

/* line 1, app/assets/stylesheets/schooler/components/_icons.scss */
.icon,
.menu-item-icon {
  display: inline-block;
  vertical-align: middle;
  background-position: 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

/* line 21, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-position-start {
  margin: -4px -10px 0 8px;
}

/* line 25, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-position-end {
  margin: -4px 8px 0 -10px;
}

/* line 30, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-manage {
  width: 26px;
  height: 25px;
  background-image: url(/images/menu-1.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-manage:hover, a:hover > .icon-manage, a.active > .icon-manage {
  background-image: url("/images/menu-1-hover.svg");
}

/* line 38, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-options {
  width: 26px;
  height: 23px;
  background-image: url(/images/options.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-options:hover, a:hover > .icon-options, a.active > .icon-options {
  background-image: url("/images/options-hover.svg");
}

/* line 46, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-options-2 {
  width: 20px;
  height: 20px;
  background-image: url(/images/options-2.svg);
}

/* line 52, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-test-a {
  width: 22px;
  background-image: url(/images/icon-test-a.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-test-a:hover, a:hover > .icon-test-a, a.active > .icon-test-a {
  background-image: url("/images/icon-test-a-hover.svg");
}

/* line 57, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-test-a-dark {
  width: 44px;
  height: 46px;
  background-image: url(/images/icon-test-a-dark-1.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-test-a-dark:hover, a:hover > .icon-test-a-dark, a.active > .icon-test-a-dark {
  background-image: url("/images/icon-test-a-hover.svg");
}

/* line 64, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-users {
  width: 26px;
  height: 20px;
  background-image: url(/images/menu-3.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-users:hover, a:hover > .icon-users, a.active > .icon-users {
  background-image: url("/images/menu-3-hover.svg");
}

/* line 71, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-coupon {
  width: 26px;
  height: 26px;
  background-image: url(/images/menu-4.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-coupon:hover, a:hover > .icon-coupon, a.active > .icon-coupon {
  background-image: url("/images/menu-4-hover.svg");
}

/* line 79, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-handshake {
  width: 26px;
  height: 24px;
  background-image: url(/images/menu-5.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-handshake:hover, a:hover > .icon-handshake, a.active > .icon-handshake {
  background-image: url("/images/menu-5-hover.svg");
}

/* line 87, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-payment {
  width: 26px;
  height: 25px;
  background-image: url(/images/menu-6.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-payment:hover, a:hover > .icon-payment, a.active > .icon-payment {
  background-image: url("/images/menu-6-hover.svg");
}

/* line 95, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-code {
  width: 26px;
  height: 20px;
  background-image: url(/images/code.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-code:hover, a:hover > .icon-code, a.active > .icon-code {
  background-image: url("/images/code-hover.svg");
}

/* line 102, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-question {
  width: 28px;
  height: 27px;
  background-image: url(/images/menu-8.png);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-question:hover, a:hover > .icon-question, a.active > .icon-question {
  background-image: url("/images/menu-8-hover.png");
}

/* line 110, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-course-complete {
  width: 23px;
  height: 21px;
  background-image: url(/images/course-complete.svg);
}

/* line 116, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-course-pause {
  width: 23px;
  height: 21px;
  background-image: url(/images/course-pause.svg);
}

/* line 122, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-course-number {
  width: 23px;
  height: 21px;
  background-image: url(/images/course-number.svg);
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
}

/* line 133, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-course-number-2 {
  width: 34px;
  height: 29px;
  padding-top: 2px;
  background-image: url(/images/course-number-2.svg);
  font-size: 16px;
  color: #2e4b4f;
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}

/* line 145, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-course-number-white {
  width: 28px;
  height: 24px;
  padding-top: 2px;
  background-image: url(/images/course-number-white.svg);
  color: #ffffff;
  font-size: 14px;
  line-height: 16px;
  font-weight: bold;
  text-align: center;
}

/* line 156, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-course-eye-white {
  width: 18px;
  height: 10px;
  padding-top: 2px;
  margin-right: 8px;
  background-image: url(/images/u.png);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-course-eye-white:hover, a:hover > .icon-course-eye-white, a.active > .icon-course-eye-white {
  background-image: url("/images/u-hover.png");
}

/* line 166, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-edit-3 {
  width: 18px;
  height: 18px;
  background-image: url(/images/edit-3.svg);
}

/* line 172, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-edit-2 {
  width: 24px;
  height: 24px;
  background-image: url(/images/edit-2.svg);
}

/* line 178, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-edit {
  width: 18px;
  height: 18px;
  background-image: url(/images/edit.svg);
}

/* line 184, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-edit-new {
  width: 23px;
  height: 23px;
  background-image: url(/images/edit-new-state.svg);
}

/* line 190, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-remove {
  width: 18px;
  height: 19px;
  background-image: url(/images/remove.svg);
}

/* line 196, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-trash {
  width: 18px;
  height: 19px;
  background-image: url(/images/trash.svg);
}

/* line 202, app/assets/stylesheets/schooler/components/_icons.scss */
.x-circle-icon {
  width: 22px;
  height: 22px;
  background-image: url(/images/x-circle.svg);
}

/* line 208, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-inactive2 {
  width: 30px;
  height: 21px;
  background-image: url(/images/inactive2.png);
}

/* line 214, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-inactive {
  width: 13px;
  height: 13px;
  background-image: url(/images/slash.svg);
}

/* line 219, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-remove-2 {
  width: 14px;
  height: 15px;
  background-image: url(/images/remove-2.svg);
}

/* line 225, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-add-partner {
  width: 53px;
  height: 39px;
  background-image: url(/images/add-partner.svg);
}

/* line 231, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-add-coupon {
  width: 49px;
  height: 44px;
  background-image: url(/images/add-coupon.svg);
}

/* line 237, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-add-code {
  width: 46px;
  height: 32px;
  background-image: url(/images/add-code.svg);
}

/* line 243, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-add-user {
  width: 41px;
  height: 35px;
  background-image: url(/images/add-user.svg);
}

/* line 249, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-arrow-left {
  width: 4px;
  height: 9px;
  background-image: url(/images/arrow-left-2.svg);
}

/* line 255, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-arrow-left-2 {
  width: 8px;
  height: 16px;
  background-image: url(/images/arrow_left.svg);
}

/* line 261, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-arrow-left-3 {
  width: 17px;
  height: 17px;
  margin: 0 5px;
  vertical-align: -3px;
}

/* line 279, app/assets/stylesheets/schooler/components/_icons.scss */
.dropdown-icon.icon-paypal {
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
}

/* line 284, app/assets/stylesheets/schooler/components/_icons.scss */
.dropdown-icon.icon-rivhit {
  width: 40px;
  height: 40px;
  background-position: 50% 60%;
  background-size: 30px 23px;
}

/* line 290, app/assets/stylesheets/schooler/components/_icons.scss */
.dropdown-icon.icon-cardcom_form {
  width: 40px;
  height: 40px;
  background-position: 50% 60%;
  background-size: 30px 23px;
}

/* line 296, app/assets/stylesheets/schooler/components/_icons.scss */
.dropdown-icon.icon-icount {
  width: 40px;
  height: 40px;
  background-position: 50% 60%;
  background-size: 30px 23px;
}

/* line 302, app/assets/stylesheets/schooler/components/_icons.scss */
.dropdown-icon.icon-cardcom {
  width: 40px;
  height: 40px;
  background-position: 50% 60%;
  background-size: 30px 23px;
}

/* line 308, app/assets/stylesheets/schooler/components/_icons.scss */
.dropdown-icon.icon-tranzilla {
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
}

/* line 312, app/assets/stylesheets/schooler/components/_icons.scss */
.dropdown-icon.icon-meshulam {
  width: 40px;
  height: 40px;
  background-size: 20px 20px;
}

/* line 318, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-paypal {
  width: 50px;
  height: 50px;
  background-image: url(/images/paypal.svg);
  background-size: 26px 26px;
}

/* line 323, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-paypal.white-icon {
  background-image: url(/images/paypal-white.svg);
}

/* line 328, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-rivhit {
  width: 50px;
  height: 50px;
  background-image: url(/images/icredit.svg);
  background-position: 50% 60%;
  background-size: 37px 29px;
}

/* line 334, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-rivhit.white-icon {
  background-image: url(/images/icredit-white.svg);
}

/* line 339, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-cardcom_form {
  width: 50px;
  height: 50px;
  background-image: url(/images/cardcom-form.svg);
  background-position: 50% 60%;
  background-size: 37px 29px;
}

/* line 345, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-cardcom_form.white-icon {
  background-image: url(/images/cardcom-form-white.svg);
}

/* line 350, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-icount {
  width: 50px;
  height: 50px;
  background-image: url(/images/icount.svg);
  background-position: 50% 60%;
  background-size: 37px 29px;
}

/* line 356, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-icount.white-icon {
  background-image: url(/images/icount-white.svg);
}

/* line 361, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-cardcom {
  width: 50px;
  height: 50px;
  background-image: url(/images/cardcom.svg);
  background-position: 50% 60%;
  background-size: 37px 29px;
}

/* line 367, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-cardcom.white-icon {
  background-image: url(/images/cardcom-white.svg);
}

/* line 372, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-tranzilla {
  width: 50px;
  height: 50px;
  background-image: url(/images/tranzila.svg);
  background-size: 26px 26px;
}

/* line 377, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-tranzilla.white-icon {
  background-image: url(/images/tranzila-white.svg);
}

/* line 381, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-meshulam {
  width: 50px;
  height: 50px;
  background-image: url(/images/meshulam_logo.svg);
  background-size: 26px 26px;
}

/* line 386, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-meshulam.white-icon {
  background-image: url(/images/meshulam-white.svg);
}

/* line 390, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-success {
  width: 22px;
  height: 16px;
  background-image: url(/images/success.svg);
}

/* line 396, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-danger {
  width: 18px;
  height: 19px;
  background-image: url(/images/danger.svg);
}

/* line 402, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-info {
  width: 14px;
  height: 14px;
  background-image: url(/images/warning.svg);
}

/* line 408, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-exit {
  width: 19px;
  height: 21px;
  background-image: url(/images/exit.svg);
}

/* line 414, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-cart {
  width: 18px;
  height: 20px;
  background-image: url(/images/cart.svg);
}

/* line 420, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-visible-on {
  width: 24px;
  height: 13px;
  background-image: url(/images/visible-on.svg);
}

/* line 426, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-visible-off {
  width: 22px;
  height: 20px;
  background-image: url(/images/visible-off.svg);
}

/* line 432, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-arrow-right {
  width: 10px;
  height: 19px;
  background-image: url(/images/arrow-right.svg);
}

/* line 438, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-smile {
  width: 77px;
  height: 77px;
  background-image: url(/images/icon-smile.svg);
}

/* line 444, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-lock-2 {
  width: 17px;
  height: 25px;
  background-image: url(/images/lock-2.svg);
}

/* line 450, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-lock-open {
  width: 17px;
  height: 17px;
  background-image: url(/images/lock-open.svg);
}

/* line 456, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-lock-open-2 {
  width: 17px;
  height: 17px;
  background-image: url(/images/lock-open-2.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-lock-open-2:hover, a:hover > .icon-lock-open-2, a.active > .icon-lock-open-2 {
  background-image: url("/images/lock-open-2-hover.svg");
}

/* line 464, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-plus-2 {
  width: 17px;
  height: 17px;
  background-image: url(/images/plus-2.svg);
  background-size: 14px;
}

/* line 473, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-lock-closed-2 {
  width: 17px;
  height: 17px;
  background-image: url(/images/lock-closed-2.svg);
}

/* line 12, app/assets/stylesheets/schooler/components/_icons.scss */
a.icon-lock-closed-2:hover, a:hover > .icon-lock-closed-2, a.active > .icon-lock-closed-2 {
  background-image: url("/images/lock-closed-2-hover.svg");
}

/* line 481, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-cart-2 {
  width: 66px;
  height: 73px;
  background-image: url(/images/cart-2.svg);
}

/* line 487, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-home {
  width: 18px;
  height: 17px;
  background-image: url(/images/home.svg);
}

/* line 493, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-color {
  width: 18px;
  height: 21px;
  background-image: url(/images/color.svg);
}

/* line 499, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-move {
  width: 20px;
  height: 20px;
  background-image: url(/images/move.svg);
  background-size: 6px 14px;
}

/* line 506, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-course-plus {
  width: 18px;
  height: 16px;
  background-image: url(/images/course-plus.svg);
}

/* line 512, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-www {
  width: 50px;
  height: 50px;
  background-image: url(/images/www.svg);
  background-position: 45% 60%;
  background-size: 33px 30px;
}

/* line 520, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-video {
  width: 50px;
  height: 50px;
  background-image: url(/images/video.svg);
  background-size: 23px 26px;
}

/* line 527, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-audio {
  width: 58px;
  height: 26px;
  background-image: url(/images/audio.svg);
  background-size: 30px 26px;
}

/* line 534, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-pdf {
  width: 50px;
  height: 50px;
  background-image: url(/images/pdf.svg);
  background-position: 65% 50%;
  background-size: 30px 26px;
}

/* line 542, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-files {
  width: 17px;
  height: 18px;
  background-image: url(/images/files.svg);
}

/* line 548, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-hand {
  width: 24px;
  height: 21px;
  background-image: url(/images/hand.svg);
}

/* line 554, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-hand-2 {
  width: 29px;
  height: 27px;
  background-image: url(/images/hand.svg);
}

/* line 560, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-hand-light {
  width: 24px;
  height: 21px;
  background-image: url(/images/hand.svg);
  opacity: .3;
}

/* line 567, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-published {
  width: 18px;
  height: 19px;
  background-image: url(/images/published.png);
}

/* line 573, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-sheet {
  width: 23px;
  height: 23px;
  background-image: url(/images/sheet.png);
}

/* line 579, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-menu-opener {
  width: 28px;
  height: 20px;
  background-image: url(/images/menu-opener.png);
}

/* line 585, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-tick {
  width: 18px;
  height: 18px;
  background-image: url(/images/tick.svg);
}

/* line 591, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-wrong {
  width: 18px;
  height: 18px;
  background-image: url(/images/wrong.svg);
}

/* line 597, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-left-align {
  margin-left: 12px;
}

/* line 601, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-draft-label {
  height: 24px;
  min-width: 57px;
  border-radius: 3px;
  border: 1px solid #E7E7E7;
  background: #F2F0F0;
}

/* line 608, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-draft-label .icon-draft {
  background: url(/images/draft.svg) no-repeat;
  margin-top: 5px;
  margin-left: 5px;
  width: 10px;
  height: 12px;
  float: left;
}

/* line 617, app/assets/stylesheets/schooler/components/_icons.scss */
.icon-draft-label .label-text {
  font-family: Assistant;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.04em;
  padding-right: 7px;
  padding-top: 3px;
  color: #969696;
  float: right;
}

/* line 1, app/assets/stylesheets/schooler/components/_icon-n-text.scss */
.icon-n-text {
  width: auto;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 22, app/assets/stylesheets/schooler/base/_mixins.scss */
.icon-n-text + * {
  margin-top: 7px;
}

/* line 26, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .icon-n-text {
  margin-top: 7px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.icon-n-text {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.icon-n-text:first-child {
  margin-top: 0;
}

/* line 12, app/assets/stylesheets/schooler/components/_icon-n-text.scss */
html[dir=rtl] .icon-n-text > [class^=icon] + .text {
  margin-right: 11px;
}

/* line 18, app/assets/stylesheets/schooler/components/_icon-n-text.scss */
html[dir=ltr] .icon-n-text > [class^=icon] + .text {
  margin-left: 11px;
}

/* line 23, app/assets/stylesheets/schooler/components/_icon-n-text.scss */
.icon-n-text .icon {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* line 31, app/assets/stylesheets/schooler/components/_icon-n-text.scss */
a.icon-n-text {
  text-decoration: none;
}

/* line 35, app/assets/stylesheets/schooler/components/_icon-n-text.scss */
.icon-n-text._vertical {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 1, app/assets/stylesheets/schooler/components/_notification.scss */
.my-notification {
  padding: 20px 26px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  border: solid;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 5px 5px;
}

/* line 22, app/assets/stylesheets/schooler/base/_mixins.scss */
.my-notification:first-child + * {
  margin-top: 0 !important;
}

/* line 26, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .my-notification:first-child {
  margin-top: 0 !important;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.my-notification:first-child {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.my-notification:first-child:first-child {
  margin-top: 0;
}

/* line 16, app/assets/stylesheets/schooler/components/_notification.scss */
.my-notification .close {
  font-size: 22px;
  line-height: 22px;
  padding: 5px 10px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 0 !important;
}

/* line 27, app/assets/stylesheets/schooler/components/_notification.scss */
.my-notification.my-notification-success {
  background-color: #f3ffe4;
  border-color: #5ed53a;
}

/* line 31, app/assets/stylesheets/schooler/components/_notification.scss */
.my-notification.my-notification-success .close {
  color: #5ed53a;
  font-weight: 700;
}

/* line 37, app/assets/stylesheets/schooler/components/_notification.scss */
.my-notification.my-notification-warning, .my-notification.my-notification-info {
  background-color: #f3ffe4;
  border-color: yellow;
}

/* line 41, app/assets/stylesheets/schooler/components/_notification.scss */
.my-notification.my-notification-warning .close, .my-notification.my-notification-info .close {
  color: yellow;
  font-weight: 700;
}

/* line 47, app/assets/stylesheets/schooler/components/_notification.scss */
.my-notification.my-notification-danger {
  background-color: #ffe4e4;
  border-color: #ce0000;
}

/* line 51, app/assets/stylesheets/schooler/components/_notification.scss */
.my-notification.my-notification-danger .close {
  color: #ce0000;
  font-weight: 700;
}

@media (max-width: 767px) {
  /* line 1, app/assets/stylesheets/schooler/components/_notification.scss */
  .my-notification {
    right: 0;
  }
}

/* line 1, app/assets/stylesheets/schooler/components/_popup.scss */
.popup {
  padding: 30px 35px;
  position: absolute;
  top: auto;
  left: auto;
  z-index: 1005;
  max-width: 750px;
  border-radius: 5px;
  background-color: #f5f5f5;
  margin: auto;
}

/* line 14, app/assets/stylesheets/schooler/components/_popup.scss */
.popup-heading {
  font-weight: 600;
  font-size: 18px;
  margin-top: -8px;
  margin-bottom: 27px;
}

/* line 20, app/assets/stylesheets/schooler/components/_popup.scss */
.popup-heading .icon-edit-2,
.popup-heading .icon-hand-2 {
  margin-left: 20px;
  margin-right: -5px;
}

/* line 27, app/assets/stylesheets/schooler/components/_popup.scss */
.popup-close {
  position: absolute;
  top: 12px;
  left: 16px;
  font-size: 24px;
  line-height: 24px;
  padding: 5px;
  cursor: pointer;
  margin-top: 0 !important;
  color: #c1c9cb;
  font-weight: bold;
}

/* line 40, app/assets/stylesheets/schooler/components/_popup.scss */
.popup-global {
  position: relative;
  margin: auto;
  top: auto;
  left: auto;
  transform: none;
}

/* line 48, app/assets/stylesheets/schooler/components/_popup.scss */
.popup-actions {
  text-align: left;
}

/* line 15, app/assets/stylesheets/schooler/base/_mixins.scss */
* + .popup-actions {
  margin-top: 50px;
}

/* line 33, app/assets/stylesheets/schooler/base/_mixins.scss */
.popup-actions {
  margin-bottom: 0 !important;
}

/* line 35, app/assets/stylesheets/schooler/base/_mixins.scss */
.popup-actions:first-child {
  margin-top: 0;
}

/* line 55, app/assets/stylesheets/schooler/components/_popup.scss */
.popup-actions input + input,
.popup-actions input + .button,
.popup-actions input + a,
.popup-actions .button + input,
.popup-actions .button + .button,
.popup-actions .button + a,
.popup-actions a + input,
.popup-actions a + .button,
.popup-actions a + a {
  margin-right: 25px;
}

/* line 1, app/assets/stylesheets/schooler/components/_tooltip.scss */
.nm-tooltiped {
  position: relative;
}

/* line 4, app/assets/stylesheets/schooler/components/_tooltip.scss */
.nm-tooltiped[data-placement=right] .tooltip-inner {
  left: auto;
  right: -22px;
}

/* line 8, app/assets/stylesheets/schooler/components/_tooltip.scss */
.nm-tooltiped[data-placement=right] .tooltip-inner:before {
  left: auto;
  right: 15px;
}

/* line 14, app/assets/stylesheets/schooler/components/_tooltip.scss */
.nm-tooltiped[data-placement=center] .tooltip-inner {
  left: 50%;
  transform: translateX(-50%);
}

/* line 18, app/assets/stylesheets/schooler/components/_tooltip.scss */
.nm-tooltiped[data-placement=center] .tooltip-inner:before {
  left: 50%;
  transform: translateX(-50%);
}

/* line 25, app/assets/stylesheets/schooler/components/_tooltip.scss */
.nm-tooltiped:hover > .nm-tooltip {
  display: block;
}

/* line 29, app/assets/stylesheets/schooler/components/_tooltip.scss */
.nm-tooltip {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  display: none;
  font-family: Assistant, Arial, sans-serif;
}

/* line 40, app/assets/stylesheets/schooler/components/_tooltip.scss */
.tooltip-inner {
  position: absolute;
  left: -22px;
  top: 9px;
  display: block;
  white-space: nowrap;
  color: #484848;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  background-color: white;
  border-radius: 3px;
  -webkit-box-shadow: 2.5px 4.3px 15px rgba(0, 0, 0, 0.35);
  box-shadow: 2.5px 4.3px 15px rgba(0, 0, 0, 0.35);
  padding: 12px 17px;
  z-index: 500;
}

/* line 57, app/assets/stylesheets/schooler/components/_tooltip.scss */
.tooltip-inner:before {
  position: absolute;
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 8px 6px;
  border-color: transparent transparent #fff transparent;
  bottom: 100%;
  left: 15px;
}

/* line 71, app/assets/stylesheets/schooler/components/_tooltip.scss */
.nm-tooltip.nm-tooltip-right .tooltip-inner {
  left: auto;
  right: -5px;
  top: 50px;
}

/* line 77, app/assets/stylesheets/schooler/components/_tooltip.scss */
.nm-tooltip.nm-tooltip-right .tooltip-inner:before {
  left: auto;
  right: 15px;
}

/* line 83, app/assets/stylesheets/schooler/components/_tooltip.scss */
.menu .nm-tooltip {
  right: auto;
  top: 30px;
  left: 10px;
}

/* line 89, app/assets/stylesheets/schooler/components/_tooltip.scss */
.top_bar_content:hover > .nm-tooltip,
.menu:hover > .nm-tooltip {
  display: block;
}

/* line 1, app/assets/stylesheets/schooler/components/_video.scss */
.video-responsive-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -moz-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
  background-color: #191919;
}

/* line 10, app/assets/stylesheets/schooler/components/_video.scss */
.video-responsive-wrap.lesson-bg-transparent, .video-responsive-wrap.lesson-with-undefined-out-transition {
  background-color: transparent;
}

/* line 15, app/assets/stylesheets/schooler/components/_video.scss */
.video-responsive-wrap.lesson-with-undefined-in-transition {
  background-color: #000;
}

/* line 21, app/assets/stylesheets/schooler/components/_video.scss */
.video-responsive {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

/* line 28, app/assets/stylesheets/schooler/components/_video.scss */
.video-responsive.disable-aspect-ratio {
  padding-bottom: 0;
}

@media (min-width: 768px) {
  /* line 21, app/assets/stylesheets/schooler/components/_video.scss */
  .video-responsive {
    padding-bottom: 0;
    height: auto;
    -webkit-align-self: stretch;
    -moz-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
  }
}

/* line 39, app/assets/stylesheets/schooler/components/_video.scss */
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* line 49, app/assets/stylesheets/schooler/components/_video.scss */
.button_play_wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.1;
  z-index: 999;
}

@media (min-width: 768px) {
  /* line 49, app/assets/stylesheets/schooler/components/_video.scss */
  .button_play_wrap {
    display: block;
  }
}

/* line 67, app/assets/stylesheets/schooler/components/_video.scss */
.button_play {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 174px;
  height: 94px;
  margin-left: -87px;
  margin-top: -47px;
  z-index: 1000;
  border: 5px solid rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  background-color: #03d6f3;
  text-align: center;
  color: #fff;
  cursor: pointer;
  font-size: 18px;
}

@media (min-width: 768px) {
  /* line 67, app/assets/stylesheets/schooler/components/_video.scss */
  .button_play {
    display: block;
  }
}

/* line 90, app/assets/stylesheets/schooler/components/_video.scss */
.button_play:hover {
  background-color: #2e4b4f;
}

/* line 94, app/assets/stylesheets/schooler/components/_video.scss */
.pencil {
  background: url("/images/pencil.svg") no-repeat;
  width: 24px;
  height: 24px;
  margin: 0 auto 6px auto;
  display: block;
}

/* line 102, app/assets/stylesheets/schooler/components/_video.scss */
.ytp-icon.ytp-icon-large-play-button-hover {
  background: none !important;
}

/* line 106, app/assets/stylesheets/schooler/components/_video.scss */
.button-edit {
  display: inline-block;
  text-decoration: none;
  width: 174px;
  height: 94px;
  position: absolute;
  padding-top: 17px;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1000;
  border: 5px solid #03d6f3;
  border-radius: 8px;
  background-color: rgba(46, 75, 79, 0.85);
  text-align: center;
  color: #ffffff;
  cursor: pointer;
  font-size: 18px;
  line-height: 22px;
}

/* line 126, app/assets/stylesheets/schooler/components/_video.scss */
.button-edit:hover {
  color: #ffffff;
}

/* line 1, app/assets/stylesheets/schooler/components/_file-uploader.scss */
.direct-upload__progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: .9;
  background: rgba(0, 220, 251, 0.1);
  transition: width 120ms ease-out, opacity 60ms 60ms ease-in;
  transform: translate3d(0, 0, 0);
}

/* line 12, app/assets/stylesheets/schooler/components/_file-uploader.scss */
.direct-upload--complete .direct-upload__progress {
  opacity: 0.4;
}

/* line 16, app/assets/stylesheets/schooler/components/_file-uploader.scss */
.direct-upload--error {
  border-color: red;
}

/* line 6, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .terms-wrapper {
  overflow: hidden;
  height: 80px;
  max-height: 80px;
  max-width: 650px;
  height: 78px;
  padding: 20px;
  margin-top: 25px;
  font-size: 17px;
}

/* line 16, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .terms-actions_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

/* line 20, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .terms-actions_container .terms-actions_wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -moz-justify-content: space-evenly;
  justify-content: space-evenly;
  font-size: 13px;
  color: #2f4b4f;
}

/* line 25, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .terms-actions_container .terms-actions_wrapper .link-doc {
  position: relative;
  height: 0;
  cursor: pointer;
}

/* line 29, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .terms-actions_container .terms-actions_wrapper .link-doc::before {
  position: absolute;
  top: 7px;
  right: -15px;
  mask: url("../../images/terms/link.svg") no-repeat;
  -webkit-mask: url("../../images/terms/link.svg") no-repeat;
  background-color: #2f4b4f;
  content: '';
  width: 12px;
  height: 13px;
}

/* line 36, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .terms-actions_container .terms-actions_wrapper .link-doc[disabled] {
  cursor: default;
  color: #bbc3c5;
}

/* line 39, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .terms-actions_container .terms-actions_wrapper .link-doc[disabled]::before {
  background-color: #bbc3c5;
}

/* line 46, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .remaining-characters-container {
  text-align: left;
  font-size: 13px;
}

/* line 50, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .term-link-options {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #ffffff;
  height: 40px;
  margin: 2px 165px 9px 75px;
  padding: 7px 29px 8px 11px;
  border-radius: 7px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.1);
  font-size: 14px;
}

/* line 60, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .term-link-options > div {
  color: #4b525c;
  font-size: 14px;
}

/* line 64, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .term-link-options .term-link-remove {
  margin-left: 23px;
  cursor: pointer;
}

/* line 68, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .term-link-options .term-link-view {
  margin-right: 15px;
  width: 80px;
}

/* line 72, app/assets/stylesheets/schooler/components/_term-container.scss */
.terms-input_container .term-link-options a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 125px;
  direction: ltr;
  text-align: right;
}

/* line 14, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-body {
  margin: 25px 29px 36px 38px;
}

/* line 17, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-footer {
  margin: 36px 29px 10px 38px;
}

/* line 20, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content {
  width: 557px;
  height: 511px;
}

/* line 23, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body {
  padding-bottom: 0;
}

/* line 25, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .nm-label-text {
  color: #2f4b4f;
  font-size: 19px;
  margin: 0;
  cursor: initial;
}

/* line 31, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .nm-input {
  border: #dcdcdc solid 1px;
  height: 48px;
}

/* line 34, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .nm-input[disabled] {
  cursor: not-allowed;
}

/* line 37, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .nm-input:focus {
  border: #264C50 solid 1px;
}

/* line 41, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .nm-radiobutton {
  display: none;
}

/* line 44, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .devider {
  border-top: 1px solid #979797;
  width: 393px;
  margin: 38px 35px 30px;
  height: 0;
  position: relative;
}

/* line 50, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .devider:before {
  content: attr(data-label);
  position: absolute;
  top: -11px;
  left: 188px;
  background-color: white;
  color: #2f4b4f;
  font-size: 22px;
  font-weight: bold;
  width: 30px;
  text-align: center;
  line-height: .8;
}

/* line 63, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input[type="file"] {
  position: absolute;
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
}

/* line 70, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input[type="file"] ~ * {
  cursor: pointer;
}

/* line 73, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input[type="file"] ~ * .nm-input.highlight-drag-area {
  border: #00d9f7 dashed 2px;
}

/* line 81, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input.progress[type="file"] ~ *.input-file::before {
  mask: url("../../images/terms/upload-cloud.svg") no-repeat;
  -webkit-mask: url("../../images/terms/upload-cloud.svg") no-repeat;
  background-color: #00d9f7;
  background-image: none;
}

/* line 85, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input.progress[type="file"] ~ *.input-file::after {
  color: #00d9f7;
  left: 45%;
}

/* line 90, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input.progress[type="file"] ~ * .nm-input {
  border: #00d9f7 dashed 2px;
}

/* line 98, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input.complete[type="file"] ~ *.input-file::before, .modal-terms .modal-content .modal-body .pdf-container input.complete[type="file"] ~ *.input-file::after {
  display: none;
}

/* line 102, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input.complete[type="file"] ~ * .nm-input {
  border: #264C50 solid 1px;
}

/* line 104, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input.complete[type="file"] ~ * .nm-input .delete-pdf {
  display: inline-block;
}

/* line 111, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input[type="file"][disabled] ~ * {
  cursor: not-allowed;
}

/* line 115, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input[type="file"][disabled] ~ * .nm-input .input-file-name div {
  color: #959595;
}

/* line 121, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container input[type="file"][disabled] ~ *.input-file::before {
  cursor: not-allowed;
}

/* line 128, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container .input-file {
  height: 0;
}

/* line 130, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container .input-file::before {
  mask: url("../../images/terms/upload-cloud.svg") no-repeat;
  -webkit-mask: url("../../images/terms/upload-cloud.svg") no-repeat;
  background-color: #dcdcdc;
  width: 47px;
  height: 45px;
  background-image: none;
  right: 60px;
  top: 20px;
}

/* line 136, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container .input-file::after {
  content: attr(data-label);
  position: absolute;
  top: 35px;
  left: 6%;
  font-size: 17px;
  color: #dcdcdc;
}

/* line 142, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container .input-file .nm-input {
  display: block;
}

/* line 146, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container .direct-upload {
  display: flex !important;
  position: relative;
  line-height: 50px;
  margin-bottom: 20px;
  height: 92px;
  border: #dcdcdc dashed 2px;
  background-color: rgba(246, 246, 246, 0.45);
}

/* line 155, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container .direct-upload .input-file-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
}

/* line 159, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container .direct-upload .input-file-name > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  line-height: 2;
}

/* line 165, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container .direct-upload .input-file-name .direct-upload__progress {
  padding-top: 22px;
}

/* line 168, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container .direct-upload .input-file-name .direct-upload__complete {
  width: 100%;
  color: #264C50;
}

/* line 173, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-body .pdf-container .direct-upload .delete-pdf {
  mask: url("../../images/terms/trash.svg") no-repeat;
  -webkit-mask: url("../../images/terms/trash.svg") no-repeat;
  background-color: #2f4b4f;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 7px;
  left: 7px;
  display: none;
}

/* line 181, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-footer {
  padding-top: 0;
  border-top: none;
}

/* line 184, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-footer .nm-btn {
  width: 152px;
  height: 45px;
  font-size: 17px;
  font-weight: normal;
}

/* line 189, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-footer .nm-btn.disabled {
  background-color: #d6d6d6;
}

/* line 193, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-footer .cancel {
  margin-left: 48px;
  font-size: 17px;
  color: #959595;
  cursor: pointer;
}

/* line 200, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-header {
  padding: 26px 26px 0 26px;
  border-bottom: none;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  -webkit-justify-content: right;
  -moz-justify-content: right;
  justify-content: right;
}

/* line 204, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-header .link-container {
  mask: url("../../images/terms/link.svg") no-repeat;
  -webkit-mask: url("../../images/terms/link.svg") no-repeat;
  background-color: #2f4b4f;
  width: 30px;
  height: 30px;
  font-size: 36px;
  margin-left: 15px;
}

/* line 209, app/assets/stylesheets/schooler/components/_term-dialog.scss */
.modal-terms .modal-content .modal-header .modal-title {
  line-height: 0;
  color: #2f4b4f;
  font-size: 21px;
}

/* line 53, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button .selected-option,
.f-dropdown.payment-method li {
  justify-content: space-between;
}

/* line 58, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info {
  margin-top: 6px;
}

/* line 61, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button {
  height: 55px;
  width: 100%;
  border: #979797 solid 1px;
  padding: 17px 27px 16px 25px;
  border-radius: 5px;
  margin-bottom: 10px;
}

/* line 67, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button .selected-option {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-transform: none;
  text-align: right;
  line-height: 2;
  font-size: 17px;
  color: #3f4140;
  font-weight: 500;
}

/* line 20, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button .selected-option .success-status,
.meshulam-payment-info .payment-info-tab-container .button .selected-option .pending-status,
.meshulam-payment-info .payment-info-tab-container .button .selected-option .error-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  width: 130px;
}

/* line 28, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button .selected-option .success-status:before,
.meshulam-payment-info .payment-info-tab-container .button .selected-option .pending-status:before,
.meshulam-payment-info .payment-info-tab-container .button .selected-option .error-status:before {
  content: "";
  position: absolute;
  top: 10px;
  right: -17px;
  height: 10px;
  width: 10px;
}

/* line 34, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button .selected-option .success-status {
  color: #5fb20a;
}

/* line 36, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button .selected-option .success-status:before {
  mask: url("../../images/meshulam/success.svg") no-repeat;
  -webkit-mask: url("../../images/meshulam/success.svg") no-repeat;
  background-color: #5fb20a;
}

/* line 40, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button .selected-option .pending-status {
  color: #2f4b4f;
}

/* line 42, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button .selected-option .pending-status:before {
  mask: url("../../images/meshulam/info.svg") no-repeat;
  -webkit-mask: url("../../images/meshulam/info.svg") no-repeat;
  background-color: #2f4b4f;
}

/* line 46, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button .selected-option .error-status {
  color: #f3566c;
}

/* line 48, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .button .selected-option .error-status:before {
  mask: url("../../images/meshulam/error.svg") no-repeat;
  -webkit-mask: url("../../images/meshulam/error.svg") no-repeat;
  background-color: #f3566c;
}

/* line 79, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown {
  width: 422px;
  max-width: 422px;
  border-radius: 5px;
  border: none;
  z-index: 1000;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

/* line 86, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 72px;
  font-size: 17px;
  color: #3f4140;
  padding-right: 19px;
}

/* line 20, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .success-status,
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .pending-status,
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .error-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  width: 130px;
}

/* line 28, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .success-status:before,
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .pending-status:before,
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .error-status:before {
  content: "";
  position: absolute;
  top: 4px;
  right: -17px;
  height: 10px;
  width: 10px;
}

/* line 34, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .success-status {
  color: #5fb20a;
}

/* line 36, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .success-status:before {
  mask: url("../../images/meshulam/success.svg") no-repeat;
  -webkit-mask: url("../../images/meshulam/success.svg") no-repeat;
  background-color: #5fb20a;
}

/* line 40, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .pending-status {
  color: #2f4b4f;
}

/* line 42, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .pending-status:before {
  mask: url("../../images/meshulam/info.svg") no-repeat;
  -webkit-mask: url("../../images/meshulam/info.svg") no-repeat;
  background-color: #2f4b4f;
}

/* line 46, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .error-status {
  color: #f3566c;
}

/* line 48, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .error-status:before {
  mask: url("../../images/meshulam/error.svg") no-repeat;
  -webkit-mask: url("../../images/meshulam/error.svg") no-repeat;
  background-color: #f3566c;
}

/* line 95, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li .trash {
  mask: url("../../images/meshulam/trash.svg") no-repeat;
  -webkit-mask: url("../../images/meshulam/trash.svg") no-repeat;
  background-color: #979797;
  width: 20px;
  height: 20px;
}

/* line 99, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li:last-child {
  position: relative;
  height: 56px;
  border-top: 1px solid #ececec;
  font-size: 14px;
  color: #00d9f7;
  padding-right: 40px;
}

/* line 106, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-info-tab-container .f-dropdown li:last-child:before {
  content: "";
  position: absolute;
  right: 19px;
  mask: url("../../images/meshulam/add.svg") no-repeat;
  -webkit-mask: url("../../images/meshulam/add.svg") no-repeat;
  background-color: #00d9f7;
  width: 10px;
  height: 10px;
}

/* line 116, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .info-title {
  color: #979797;
  font-size: 17px;
  margin-bottom: 23px !important;
}

/* line 122, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .nm-right {
  font-size: 17px;
  margin-left: 20px;
}

/* line 129, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .businessId-container .nm-input,
.meshulam-payment-info .account-container .nm-input {
  font-size: 17px;
  -moz-appearance: textfield;
}

/* line 132, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .businessId-container .nm-input::-webkit-outer-spin-button, .meshulam-payment-info .businessId-container .nm-input::-webkit-inner-spin-button,
.meshulam-payment-info .account-container .nm-input::-webkit-outer-spin-button,
.meshulam-payment-info .account-container .nm-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

/* line 138, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .account-container {
  margin-top: 24px;
}

/* line 141, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .connect-button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 150px;
}

/* line 145, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .connect-button-container .nm-btn {
  font-size: 17px;
  font-weight: 600;
  border-radius: 3px;
  padding: 10px 15px 13px;
  font-family: "Assistant", Arial, sans-serif;
}

/* line 151, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .connect-button-container .nm-btn[disabled] {
  background: #aeb9ba;
}

/* line 621, app/assets/stylesheets/schooler/base/_mixins.scss */
.meshulam-payment-info .connect-button-container.pending-spinner:after {
  height: 14px;
  width: 14px;
  content: '';
  border: 2px transparent solid;
  border-top-color: #929292;
  border-left-color: #929292;
  /* Additional spinner styles */
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  animation: spinner 1s linear infinite;
  position: absolute;
  top: 16px;
  left: -10px;
}

/* line 162, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .action-container .nm-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 38%;
  -moz-box-flex: 1;
  -moz-flex: 1 1 38%;
  -ms-flex: 1 1 38%;
  flex: 1 1 38%;
  margin-left: 0;
  text-align: left;
}

/* line 167, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .action-container .nm-left {
  -webkit-box-flex: auto;
  -webkit-flex: auto;
  -moz-box-flex: auto;
  -moz-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

/* line 170, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .action-container .error-message {
  color: #ff0000;
  font-size: 15px;
  margin-top: 10px;
}

/* line 175, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .action-container .support-message {
  margin-top: 50px;
  color: #00d9f7;
  font-size: 15px;
}

/* line 181, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-types-container, .meshulam-payment-info .payment-credit-types-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

/* line 188, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-types-container .bit label:after {
  content: "";
  height: 22px;
  width: 40px;
  background: url("../../images/meshulam/bit.png") no-repeat;
  background-size: cover;
  display: inline-block;
  vertical-align: middle;
  margin-left: 31px;
  margin-right: 10px;
}

/* line 201, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-types-container .bit[disabled] label:before, .meshulam-payment-info .payment-types-container .bit[disabled] label:after {
  filter: opacity(0.3);
}

/* line 207, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-types-container .credit {
  display: inline-block;
  margin-right: 14px;
}

/* line 210, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-types-container .credit:before {
  content: "";
  mask: url("../../images/meshulam/credit-card.svg") no-repeat;
  -webkit-mask: url("../../images/meshulam/credit-card.svg") no-repeat;
  background-color: #3f4140;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 8px;
}

/* line 221, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-types-container .cc[disabled] label:before, .meshulam-payment-info .payment-types-container .cc[disabled] label:after {
  filter: opacity(0.3);
}

/* line 225, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-types-container .cc[disabled] .credit {
  color: #979797;
}

/* line 226, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-types-container .cc[disabled] .credit:before, .meshulam-payment-info .payment-types-container .cc[disabled] .credit:after {
  filter: opacity(0.3);
}

/* line 234, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .bit-info {
  margin: 0;
  color: #979797;
  font-size: 14px;
}

/* line 240, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-credit-types-container .regular-payment, .meshulam-payment-info .payment-credit-types-container .credit-division-payments {
  margin-left: 35px;
}

/* line 242, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-credit-types-container .regular-payment label, .meshulam-payment-info .payment-credit-types-container .credit-division-payments label {
  font-size: 17px;
  cursor: pointer;
  padding-right: 20px;
}

/* line 247, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-credit-types-container .regular-payment[disabled], .meshulam-payment-info .payment-credit-types-container .credit-division-payments[disabled] {
  color: #979797;
}

/* line 249, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payment-credit-types-container .regular-payment[disabled] .nm-radiobutton, .meshulam-payment-info .payment-credit-types-container .credit-division-payments[disabled] .nm-radiobutton {
  border: #979797 solid 1px;
}

/* line 256, app/assets/stylesheets/schooler/components/_meshulam-payment-info.scss */
.meshulam-payment-info .payments-container .custom-select {
  width: 20%;
  border: #979797 solid 1px;
}

/* line 3, app/assets/stylesheets/schooler/components/_meshulam-info-dialog.scss */
.meshulam-info-dialog .modal-body {
  -webkit-box-flex: 0.7;
  -webkit-flex: 0.7;
  -moz-box-flex: 0.7;
  -moz-flex: 0.7;
  -ms-flex: 0.7;
  flex: 0.7;
  margin: 10px 72px 0 99px;
  padding: 0;
  font-size: 19px;
  text-align: center;
}

/* line 10, app/assets/stylesheets/schooler/components/_meshulam-info-dialog.scss */
.meshulam-info-dialog .modal-footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border: none;
}

/* line 14, app/assets/stylesheets/schooler/components/_meshulam-info-dialog.scss */
.meshulam-info-dialog .modal-content {
  height: 296px;
  width: 557px;
  border-radius: 4px;
}

/* line 17, app/assets/stylesheets/schooler/components/_meshulam-info-dialog.scss */
.meshulam-info-dialog .modal-content .modal-header {
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  -webkit-justify-content: right;
  -moz-justify-content: right;
  justify-content: right;
  border: none;
}

/* line 20, app/assets/stylesheets/schooler/components/_meshulam-info-dialog.scss */
.meshulam-info-dialog .modal-content .modal-header .icon-meshulam {
  background-size: 42px 40px;
}

/* line 23, app/assets/stylesheets/schooler/components/_meshulam-info-dialog.scss */
.meshulam-info-dialog .modal-content .modal-header .modal-title {
  font-size: 21px;
}

/* line 8, app/assets/stylesheets/schooler/components/_meshulam-warning-dialog.scss */
.meshulam-warning-dialog .modal-body {
  -webkit-box-flex: 0.7;
  -webkit-flex: 0.7;
  -moz-box-flex: 0.7;
  -moz-flex: 0.7;
  -ms-flex: 0.7;
  flex: 0.7;
  margin: 32px 72px 0 99px;
  padding: 0;
  font-size: 16px;
  text-align: center;
}

/* line 15, app/assets/stylesheets/schooler/components/_meshulam-warning-dialog.scss */
.meshulam-warning-dialog .modal-footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border: none;
  padding-top: 35px;
}

/* line 20, app/assets/stylesheets/schooler/components/_meshulam-warning-dialog.scss */
.meshulam-warning-dialog .modal-footer .nm-btn {
  height: 45px;
  width: 152px;
  margin-bottom: 22px;
}

/* line 24, app/assets/stylesheets/schooler/components/_meshulam-warning-dialog.scss */
.meshulam-warning-dialog .modal-footer .cancel {
  color: #959595;
  font-size: 17px;
  cursor: pointer;
}

/* line 30, app/assets/stylesheets/schooler/components/_meshulam-warning-dialog.scss */
.meshulam-warning-dialog .modal-content {
  height: 411px;
  width: 557px;
  border-radius: 4px;
}

/* line 33, app/assets/stylesheets/schooler/components/_meshulam-warning-dialog.scss */
.meshulam-warning-dialog .modal-content .modal-title {
  font-size: 21px;
  font-weight: bold;
}

/* line 37, app/assets/stylesheets/schooler/components/_meshulam-warning-dialog.scss */
.meshulam-warning-dialog .modal-content .modal-header {
  border-bottom: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

/* line 41, app/assets/stylesheets/schooler/components/_meshulam-warning-dialog.scss */
.meshulam-warning-dialog .modal-content .modal-header .icon-close {
  mask: url("../../images/controls/close-v2.svg") no-repeat;
  -webkit-mask: url("../../images/controls/close-v2.svg") no-repeat;
  background-color: #2f4b4f;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

/* line 15, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 0;
  padding-top: 27px;
}

/* line 21, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .undo-container,
.undo-redo-container .redo-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

/* line 29, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .redo-container {
  padding-bottom: 15px;
}

/* line 34, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .pipe-container:after {
  content: '|';
  font-size: 30px;
  margin-top: -13px;
  display: block;
}

/* line 42, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .undo-icon-container,
.undo-redo-container .redo-icon-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 6px 7px;
  position: relative;
  z-index: 1;
}

/* line 8, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .undo-icon-container:active:not([disabled]),
.undo-redo-container .redo-icon-container:active:not([disabled]) {
  opacity: .8;
  background-color: #1f311d;
  border-radius: 50%;
}

/* line 54, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .undo-icon-container::before,
.undo-redo-container .redo-icon-container::before {
  height: 100%;
  width: 100%;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 3;
}

/* line 67, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .undo-icon-container svg,
.undo-redo-container .redo-icon-container svg {
  pointer-events: none;
  position: relative;
  z-index: 2;
}

/* line 73, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .undo-icon-container[disabled],
.undo-redo-container .redo-icon-container[disabled] {
  cursor: not-allowed;
}

/* line 78, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .undo-redo-triangle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 7px 0 6px;
  margin-top: 15px;
}

/* line 693, app/assets/stylesheets/schooler/base/_mixins.scss */
.undo-redo-container .undo-redo-triangle:after {
  content: '';
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid white;
}

/* line 8, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .undo-redo-triangle:active:not([disabled]) {
  opacity: .8;
  background-color: #1f311d;
  border-radius: 50%;
}

/* line 87, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .undo-redo-triangle[disabled]:after {
  opacity: .3;
  cursor: not-allowed;
}

/* line 93, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .container-dropdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 97, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .container-dropdown .dropdown-undo-menu {
  position: absolute;
  top: 227%;
  right: 36px;
  background-color: white;
  color: black;
  z-index: 100;
  font-size: 17px;
  box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14);
}

/* line 104, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .container-dropdown .dropdown-undo-menu .dropdown-undo-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  background-color: #1f311d;
  color: white;
  height: 33px;
  font-size: 17px;
  padding: 4px 8px;
}

/* line 114, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .container-dropdown ul {
  max-height: 240px;
  width: 170px;
  overflow: hidden;
  overflow-y: auto;
  list-style: none;
  margin: 0;
}

/* line 121, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .container-dropdown ul::-webkit-scrollbar {
  width: 5px;
}

/* line 124, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .container-dropdown ul::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #d6c5c5;
}

/* line 130, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .container-dropdown li {
  padding: 8px 12px;
  height: 33px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  width: 100%;
  background-color: white;
}

/* line 135, app/assets/stylesheets/schooler/components/_undo-redo.scss */
.undo-redo-container .container-dropdown li:hover {
  cursor: pointer;
}

/*=============================================start position=================================================================*/
/*=============================================end position=================================================================*/
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 8, app/assets/stylesheets/schooler/components/_undo-redo-splash.scss */
.undo-redo-splash-container {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100%;
  z-index: 1006;
  background: rgba(0, 0, 0, 0.75);
  backdrop-filter: blur(6px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

/* line 16, app/assets/stylesheets/schooler/components/_undo-redo-splash.scss */
.undo-redo-splash-container .undo-redo-splash-placeholder {
  -webkit-box-flex: 0.24;
  -webkit-flex: 0.24;
  -moz-box-flex: 0.24;
  -moz-flex: 0.24;
  -ms-flex: 0.24;
  flex: 0.24;
}

/* line 19, app/assets/stylesheets/schooler/components/_undo-redo-splash.scss */
.undo-redo-splash-container .undo-redo-splash-content-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 24, app/assets/stylesheets/schooler/components/_undo-redo-splash.scss */
.undo-redo-splash-container .undo-redo-splash-content-container .undo-redo-splash-svg-container {
  margin-right: 16px;
}

/* line 26, app/assets/stylesheets/schooler/components/_undo-redo-splash.scss */
.undo-redo-splash-container .undo-redo-splash-content-container .undo-redo-splash-svg-container svg {
  transform: scale(2.5);
}

/* line 30, app/assets/stylesheets/schooler/components/_undo-redo-splash.scss */
.undo-redo-splash-container .undo-redo-splash-content-container .undo-redo-splash-header {
  font-weight: 600;
  font-size: 48px;
  color: white;
  line-height: 2;
}

/* line 36, app/assets/stylesheets/schooler/components/_undo-redo-splash.scss */
.undo-redo-splash-container .undo-redo-splash-content-container .undo-redo-splash-sub-header {
  font-weight: 600;
  font-size: 32px;
  color: #969696;
}

/* line 4, app/assets/stylesheets/schooler/components/_undo-redo-modal.scss */
.undo-redo-modal-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 7, app/assets/stylesheets/schooler/components/_undo-redo-modal.scss */
.undo-redo-modal-container .modal-header {
  padding-bottom: 0;
}

/* line 9, app/assets/stylesheets/schooler/components/_undo-redo-modal.scss */
.undo-redo-modal-container .modal-header .close-button {
  mask: url("/images/x-circle.svg") no-repeat;
  -webkit-mask: url("/images/x-circle.svg") no-repeat;
  background-color: #333333;
  width: 23px;
  height: 23px;
  cursor: pointer;
  width: 100%;
}

/* line 16, app/assets/stylesheets/schooler/components/_undo-redo-modal.scss */
.undo-redo-modal-container .modal-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px 75px;
  line-height: 1.1;
  text-align: center;
}

/* line 23, app/assets/stylesheets/schooler/components/_undo-redo-modal.scss */
.undo-redo-modal-container .modal-body .warn-icon {
  height: 110px;
  width: 120px;
  background: url("/images/warning-undo.svg") no-repeat;
}

/* line 27, app/assets/stylesheets/schooler/components/_undo-redo-modal.scss */
.undo-redo-modal-container .modal-body .modal-body-header {
  font-weight: 700;
  font-size: 32px;
}

/* line 31, app/assets/stylesheets/schooler/components/_undo-redo-modal.scss */
.undo-redo-modal-container .modal-body .modal-body-subheader {
  font-weight: 400;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 20px;
}

/* line 38, app/assets/stylesheets/schooler/components/_undo-redo-modal.scss */
.undo-redo-modal-container .modal-footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding-bottom: 55px;
}

/* line 41, app/assets/stylesheets/schooler/components/_undo-redo-modal.scss */
.undo-redo-modal-container .modal-footer .nm-btn {
  width: 335px;
  color: black;
}

/* line 2, app/assets/stylesheets/schooler/components/_template-container.scss */
.template-container .remaining-characters-container_action_button_label {
  font-size: 14px;
  font-weight: 600;
}

/* line 3, app/assets/stylesheets/schooler/components/_template-changes-info-dialog.scss */
.template-info-dialog .modal-body {
  -webkit-box-flex: 0.7;
  -webkit-flex: 0.7;
  -moz-box-flex: 0.7;
  -moz-flex: 0.7;
  -ms-flex: 0.7;
  flex: 0.7;
  margin: 10px 72px 0 99px;
  padding: 0;
  font-size: 19px;
  text-align: center;
}

/* line 10, app/assets/stylesheets/schooler/components/_template-changes-info-dialog.scss */
.template-info-dialog .modal-footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border: none;
}

/* line 14, app/assets/stylesheets/schooler/components/_template-changes-info-dialog.scss */
.template-info-dialog .modal-content {
  height: 296px;
  width: 557px;
  border-radius: 4px;
}

/* line 17, app/assets/stylesheets/schooler/components/_template-changes-info-dialog.scss */
.template-info-dialog .modal-content .modal-header {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: none;
}

/* line 22, app/assets/stylesheets/schooler/components/_template-changes-info-dialog.scss */
.template-info-dialog .modal-content .modal-header .modal-close {
  text-align: left;
  width: 100%;
}

/* line 26, app/assets/stylesheets/schooler/components/_template-changes-info-dialog.scss */
.template-info-dialog .modal-content .modal-header .modal-title {
  font-size: 21px;
}

/* line 30, app/assets/stylesheets/schooler/components/_template-changes-info-dialog.scss */
.template-info-dialog .modal-content .modal-footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 35px;
}

/* line 34, app/assets/stylesheets/schooler/components/_template-changes-info-dialog.scss */
.template-info-dialog .modal-content .modal-footer .nm-btn {
  height: 45px;
  width: 152px;
  width: 185px;
  margin-bottom: 22px;
}

/* line 39, app/assets/stylesheets/schooler/components/_template-changes-info-dialog.scss */
.template-info-dialog .modal-content .modal-footer .cancel {
  color: #959595;
  font-size: 17px;
  cursor: pointer;
}

/* line 1, app/assets/stylesheets/schooler/components/_splash.scss */
.splash-container {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  backdrop-filter: blur(6px);
  background: rgba(0, 0, 0, 0.95);
  z-index: 1006;
}

/* line 11, app/assets/stylesheets/schooler/components/_splash.scss */
.splash-container .splash-placeholder {
  -webkit-box-flex: 0.24;
  -webkit-flex: 0.24;
  -moz-box-flex: 0.24;
  -moz-flex: 0.24;
  -ms-flex: 0.24;
  flex: 0.24;
}

/* line 15, app/assets/stylesheets/schooler/components/_splash.scss */
.splash-container .splash-content-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 20, app/assets/stylesheets/schooler/components/_splash.scss */
.splash-container .splash-content-container .splash-svg-container {
  height: 50px;
  width: 50px;
  background: url("/images/refresh.svg") no-repeat;
  background-size: 50px 50px;
  margin-right: -7px;
}

/* line 28, app/assets/stylesheets/schooler/components/_splash.scss */
.splash-container .splash-content-container .splash-header {
  color: #fff;
  font-size: 48px;
  font-weight: 600;
  line-height: 2;
}

/* line 35, app/assets/stylesheets/schooler/components/_splash.scss */
.splash-container .splash-content-container .splash-sub-header {
  color: #969696;
  font-size: 32px;
  font-weight: 600;
}

@media (max-width: 768px) {
  /* line 43, app/assets/stylesheets/schooler/components/_splash.scss */
  .splash-container .splash-header {
    font-size: 35px !important;
  }
  /* line 47, app/assets/stylesheets/schooler/components/_splash.scss */
  .splash-container .splash-sub-header {
    font-size: 16px !important;
  }
}

/* line 4, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

/* line 8, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container .modal-content {
  width: 468px;
}

/* line 11, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container .modal-header {
  padding-bottom: 0;
  border-bottom: none;
}

/* line 14, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container .modal-header .close-button {
  mask: url("/images/x-circle.svg") no-repeat;
  -webkit-mask: url("/images/x-circle.svg") no-repeat;
  background-color: #333333;
  width: 23px;
  height: 23px;
  cursor: pointer;
  width: 100%;
}

/* line 21, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container .modal-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0px 75px;
  line-height: 1.1;
  text-align: center;
}

/* line 28, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container .modal-body .warn-icon {
  height: 110px;
  width: 120px;
  background: url("/images/warning-undo.svg") no-repeat;
}

/* line 32, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container .modal-body .modal-body-header {
  font-family: Assistant;
  font-size: 32px;
  font-weight: 700;
  line-height: 39px;
  letter-spacing: 0.40px;
  text-align: center;
}

/* line 40, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container .modal-body .modal-body-subheader {
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Assistant;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.24px;
  text-align: center;
}

/* line 51, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container .modal-footer {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding-bottom: 30px;
  border-top: none;
  display: flex;
  flex-direction: column;
}

/* line 57, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container .modal-footer .nm-btn {
  width: 335px;
  height: 47px;
  border-radius: 2px;
  font-family: Assistant;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: 0em;
}

/* line 67, app/assets/stylesheets/schooler/components/_api-settings-modal.scss */
.api-settings-modal-container .modal-footer .cancel-link {
  font-family: Assistant;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: center;
  margin-top: 14px;
}

/* line 1, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files {
  direction: rtl;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: right;
}

/* line 8, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files.editable-box.status-0 {
  background-color: #f3f3f3;
}

/* line 12, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files.editable-box.status-1 {
  background-color: #c9c9c9;
}

/* line 17, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--dropzone {
  min-height: 30px;
  width: 100%;
}

/* line 22, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--dropzone label {
  cursor: pointer;
  display: block;
  line-height: 30px;
}

/* line 637, app/assets/stylesheets/schooler/components/../base/_mixins.scss */
.attached-files--dropzone-loader {
  height: 15px;
  width: 15px;
  border-top-color: #444;
  border-left-color: #444;
  /* Additional spinner styles */
  border-bottom-color: transparent;
  border-right-color: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: middle;
  animation: spinner 1s linear infinite;
  left: 5px;
  margin-left: 5px;
  position: absolute;
  top: 14px;
}

/* line 36, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  flex-direction: column;
  margin-top: 5px;
}

/* line 44, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--list-item {
  align-items: center;
  border-radius: 3px;
  border: 1px solid #b2bcca;
  color: #2e4b4f;
  display: flex;
  fill: #2e4b4f;
  font-size: 14px;
  justify-content: flex-start;
  line-height: 18px;
  margin-bottom: 5px;
  padding: 5px;
  user-select: none;
}

/* line 59, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--list-item-basename,
.attached-files--list-item-basename-editable-input {
  max-width: 500px !important;
  width: 100% !important;
}

/* line 65, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--list-item-basename {
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 73, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--list-item-basename-editable-input {
  direction: rtl !important;
  padding: 0 5px !important;
  text-align: right !important;
}

/* line 79, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--list-item-edit,
.attached-files--list-item-remove {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  justify-content: center;
  margin-right: auto;
}

/* line 89, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--list-item-edit + .attached-files--list-item-remove {
  margin-right: 10px;
}

/* line 93, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--list-item-icon {
  align-items: center;
  display: flex;
  height: 14px;
  justify-content: center;
  margin-left: 5px;
  width: 14px;
}

/* line 102, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--list-item-download {
  font-size: 14px;
  font-weight: 700 !important;
  margin-right: auto;
}

/* line 109, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--viewable .attached-files--list-item {
  padding: 0;
}

/* line 113, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--viewable .attached-files--list-item-link {
  align-items: center;
  display: flex;
  flex-grow: 1;
  justify-content: flex-start;
  padding: 5px;
  text-decoration: none;
}

/* line 121, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--viewable .attached-files--list-item-link:hover {
  opacity: 0.75;
}

/* line 128, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--dropdown .attached-files--list {
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  display: none;
  margin-top: 0;
  padding: 5px;
  position: absolute;
  width: 100%;
}

/* line 138, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--dropdown .attached-files--list-item {
  border: none;
  margin: 0;
}

/* line 143, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--dropdown .attached-files--list-item-link {
  padding: 15px 20px;
}

/* line 147, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--dropdown .attached-files--list-item-icon {
  height: 24px;
  margin-left: 20px;
  width: 24px;
}

/* line 154, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--dropdown-open .attached-files--list {
  display: flex;
}

/* line 158, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--dropdown-toggle {
  cursor: pointer;
  position: relative;
  transform: rotate(90deg);
}

/* line 163, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--dropdown-toggle:before {
  font-size: 26px;
}

/* line 167, app/assets/stylesheets/schooler/components/_attached-files.scss */
.attached-files--dropdown-toggle:after {
  border-color: transparent;
  border-left-color: inherit;
  border-style: inset;
  border-width: 3px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: -3px;
  top: 1px;
  width: 0;
}

/* line 182, app/assets/stylesheets/schooler/components/_attached-files.scss */
.ltr-layout .attached-files {
  direction: ltr;
  text-align: left;
}

/* line 186, app/assets/stylesheets/schooler/components/_attached-files.scss */
.ltr-layout .attached-files .attached-files--dropzone-loader {
  left: auto;
  right: 5px;
}

/* line 191, app/assets/stylesheets/schooler/components/_attached-files.scss */
.ltr-layout .attached-files .attached-files--list-item-remove {
  margin-left: auto;
  margin-right: 0;
}

/* line 196, app/assets/stylesheets/schooler/components/_attached-files.scss */
.ltr-layout .attached-files .attached-files--list-item-icon {
  margin-left: 0;
  margin-right: 5px;
}

/* line 201, app/assets/stylesheets/schooler/components/_attached-files.scss */
.ltr-layout .attached-files .attached-files--list-item-basename-editable-input {
  direction: ltr !important;
  text-align: left !important;
}

/* line 206, app/assets/stylesheets/schooler/components/_attached-files.scss */
.ltr-layout .attached-files .attached-files--list-item-edit,
.ltr-layout .attached-files .attached-files--list-item-remove {
  margin-left: auto;
  margin-right: 0;
}

/* line 212, app/assets/stylesheets/schooler/components/_attached-files.scss */
.ltr-layout .attached-files .attached-files--list-item-edit + .attached-files--list-item-remove {
  margin-left: 10px;
  margin-right: 0;
}

/* line 217, app/assets/stylesheets/schooler/components/_attached-files.scss */
.ltr-layout .attached-files .attached-files--list-item-download {
  margin-left: auto;
  margin-right: 0;
}

/* line 223, app/assets/stylesheets/schooler/components/_attached-files.scss */
.ltr-layout .attached-files .attached-files--dropdown .attached-files--list-item-icon {
  margin-left: 0;
  margin-right: 20px;
}

/* line 229, app/assets/stylesheets/schooler/components/_attached-files.scss */
.ltr-layout .attached-files .attached-files--dropdown-toggle {
  transform: rotate(90deg) scaleY(-1);
}

/* line 1, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-grid {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
  padding: 0 30px;
}

@media (max-width: 992px) {
  /* line 1, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-grid {
    margin: 0 auto;
    max-width: 992px;
    width: 100%;
    padding: 0 16px;
  }
}

@media (max-width: 768px) {
  /* line 1, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-grid {
    margin: 0 auto;
    max-width: 768px;
    width: 100%;
    padding: 0 24px;
  }
}

@media (max-width: 576px) {
  /* line 1, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-grid {
    margin: 0 auto;
    max-width: 576px;
    width: 100%;
    padding: 0 28px;
  }
}

/* line 18, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-template-default h1 {
  color: #2e4b4f;
}

/* line 21, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-template-default .buttons-bar {
  background: rgba(0, 0, 0, 0.6);
}

/* line 24, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-template-default .school-button {
  border-radius: 0;
  padding: 5px 9px;
  width: auto;
  height: auto;
  min-width: none;
  font-weight: 400;
  font-size: 16px;
}

/* line 32, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-template-default .school-button.school-button--primary {
  max-width: none;
}

/* line 35, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-template-default .school-button.secondary-btn {
  width: auto;
  background: none;
  border: none;
}

/* line 43, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-logo {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  height: 55px;
  justify-content: center;
  width: auto;
}

/* line 51, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-logo img {
  max-width: 100%;
  max-height: 100%;
}

/* line 56, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-logo.large {
  height: 75px;
}

@media (max-width: 576px) {
  /* line 62, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-logo, .school-logo.large {
    height: 40px;
  }
}

/* line 69, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-buttons-bar {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

/* line 74, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-buttons-bar .school-button {
  align-items: center;
  border-radius: 9px;
  cursor: pointer;
  display: flex;
  font-family: Assistant, Arial, sans-serif !important;
  font-size: 20px;
  font-weight: 700;
  height: 55px;
  justify-content: center;
  max-width: 224px;
  padding: 0 30px;
  text-decoration: none;
  white-space: nowrap;
  width: 100%;
  margin-right: 12px;
}

/* line 91, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-buttons-bar .school-button.secondary-btn {
  border-style: solid;
  border-width: 1px;
}

/* line 96, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-buttons-bar .school-button.large-btn {
  height: 60px !important;
}

@media (max-width: 576px) {
  /* line 96, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-buttons-bar .school-button.large-btn {
    height: 50px !important;
  }
}

@media (max-width: 576px) {
  /* line 74, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-buttons-bar .school-button {
    height: 40px;
    font-size: 14px;
  }
}

@media (max-width: 768px) {
  /* line 74, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-buttons-bar .school-button {
    max-width: 150px;
  }
}

/* line 114, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-buttons-bar .school-welcome {
  font-size: 20px;
  font-weight: 700px;
  line-height: 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 576px) {
  /* line 114, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-buttons-bar .school-welcome {
    display: none;
  }
}

/* line 128, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container {
  background-color: #eeeff1;
}

/* line 131, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-header-wrapper {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  min-height: 90vh;
  padding-bottom: 30px;
  padding-top: 20px;
  position: relative;
}

/* line 142, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-header-wrapper .school-header-text-container {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: start;
  -moz-align-items: start;
  align-items: start;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto !important;
  width: 100%;
}

/* line 150, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-header-wrapper .school-header-text-container .school-header,
.school-container .school-header-wrapper .school-header-text-container .school-subheader {
  width: 50%;
}

/* line 154, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-header-wrapper .school-header-text-container .school-header *,
.school-container .school-header-wrapper .school-header-text-container .school-subheader * {
  text-align: right;
}

@media (max-width: 992px) {
  /* line 150, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-header-wrapper .school-header-text-container .school-header,
.school-container .school-header-wrapper .school-header-text-container .school-subheader {
    width: 70%;
  }
}

@media (max-width: 768px) {
  /* line 150, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-header-wrapper .school-header-text-container .school-header,
.school-container .school-header-wrapper .school-header-text-container .school-subheader {
    width: 100%;
  }
}

/* line 168, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-header-wrapper .school-header-text-container .school-cta-button svg {
  display: none;
}

@media (max-width: 576px) {
  /* line 167, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-header-wrapper .school-header-text-container .school-cta-button {
    height: 45px !important;
    width: 45px !important;
    align-items: center;
    border-radius: 50%;
    bottom: -22px;
    display: flex;
    font-size: 0;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: calc(50% - 22px);
  }
  /* line 186, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-header-wrapper .school-header-text-container .school-cta-button .arrow-down-svg {
    display: block;
    flex-shrink: 0;
  }
}

/* line 195, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header {
  display: flex;
  flex-wrap: wrap;
  margin-top: 34px;
}

/* line 200, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-text *,
.school-container .school-bundles-header .school-bundles-header-sub-text * {
  text-align: right;
}

/* line 207, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-text p,
.school-container .school-bundles-header .school-bundles-header-text :is(h1, h2, h3, h4, h5, h6),
.school-container .school-bundles-header .school-bundles-header-sub-text p,
.school-container .school-bundles-header .school-bundles-header-sub-text :is(h1, h2, h3, h4, h5, h6) {
  color: #000000;
}

/* line 213, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-text {
  margin-left: auto;
  order: 1;
  padding-left: 20px;
  width: 70%;
}

/* line 220, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-sub-text {
  order: 3;
  width: 100%;
}

/* line 225, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-search {
  max-width: 420px;
  min-width: 250px;
  order: 2;
  overflow: hidden;
  position: relative;
  width: 30%;
  z-index: 1;
}

/* line 234, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-search > div {
  z-index: 3;
}

/* line 238, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-search, .school-container .school-bundles-header .school-bundles-header-search > div, .school-container .school-bundles-header .school-bundles-header-search .wrapper input {
  color: #333;
  height: 65px;
}

/* line 243, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-search .wrapper {
  background-color: transparent !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* line 249, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-search .wrapper input {
  border-radius: 6px;
  border: 1px solid #333;
  color: #333;
  font-family: Assistant, Arial, sans-serif !important;
  font-size: 22px;
  line-height: 29px;
  padding: 18px 20px 18px 40px;
}

/* line 259, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-search .wrapper .line,
.school-container .school-bundles-header .school-bundles-header-search .wrapper ul {
  display: none;
}

/* line 265, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-header .school-bundles-header-search .magnifying-glass-svg {
  left: 15px;
  position: absolute;
  top: 17px;
  z-index: 2;
}

@media (max-width: 992px) {
  /* line 195, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-header {
    margin-top: 70px;
  }
  /* line 277, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-header .school-bundles-header-text {
    width: 100%;
  }
  /* line 281, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-header .school-bundles-header-sub-text,
.school-container .school-bundles-header .school-bundles-header-search {
    margin-top: 22px;
  }
  /* line 286, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-header .school-bundles-header-sub-text {
    order: 2;
  }
  /* line 290, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-header .school-bundles-header-search {
    order: 3;
    width: 100%;
  }
}

/* line 297, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container {
  display: flex;
  flex-wrap: wrap;
  margin: 80px -17px -70px -17px;
}

/* line 302, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-bundles-column {
  margin-bottom: 70px;
  padding: 0 17px;
  width: 33.3%;
}

/* line 307, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-bundles-column > div {
  height: 100%;
}

@media (max-width: 992px) {
  /* line 302, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-container .school-bundles-column {
    width: 50%;
  }
}

@media (max-width: 576px) {
  /* line 302, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-container .school-bundles-column {
    width: 100%;
    margin-bottom: 30px;
  }
  /* line 319, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-container .school-bundles-column > div {
    height: auto;
  }
}

/* line 325, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-box {
  background-color: #fff;
  border-radius: 0 0 10px 10px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* line 333, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-box.is-draft {
  -ms-filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* line 339, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-box .school-course-thumbnail {
  height: 248px;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* line 346, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-box .school-course-thumbnail .school-course-owned {
  height: 30px;
  width: 30px;
  align-items: center;
  border-radius: 10px;
  color: inherit;
  display: flex;
  font-family: "schooler-icon";
  justify-content: center;
  padding: 5px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 3;
}

/* line 361, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-box .school-course-thumbnail .school-course-owned::after {
  content: "I";
}

/* line 366, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-box .school-course-thumbnail .school-course-draft {
  align-items: center;
  background-color: #fff;
  border-radius: 0 10px 10px 0;
  color: #000;
  display: flex;
  justify-content: center;
  left: 0;
  padding: 5px 10px;
  position: absolute;
  top: 10px;
  z-index: 3;
}

/* line 379, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-box .school-course-thumbnail .school-course-draft::before {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  content: "\44";
  font-family: 'schooler-icon' !important;
  font-size: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 16px;
  text-transform: none;
  padding-left: 5px;
}

@media (max-width: 576px) {
  /* line 325, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-container .school-course-box {
    height: 185px;
  }
}

/* line 400, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info {
  color: #000;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

/* line 406, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-name {
  font-size: 26px;
  font-weight: 800;
  line-height: 30px;
}

/* line 412, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-duration {
  align-items: center;
  display: flex;
  font-size: 15px;
  line-height: 23px;
  margin-top: 0 !important;
}

@media (min-width: 768px) {
  /* line 412, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-container .school-course-info .school-course-duration {
    font-size: 20px;
  }
}

/* line 421, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-duration .clock-svg {
  margin-left: 8px;
}

/* line 426, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-progress {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  font-weight: 600;
  line-height: 21px;
}

@media (min-width: 768px) {
  /* line 426, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-container .school-course-info .school-course-progress {
    font-size: 16px;
  }
}

/* line 436, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-progress .school-course-progress-label {
  margin-left: auto;
}

/* line 440, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-progress .school-course-progress-stats {
  color: rgba(51, 51, 51, 0.4);
}

/* line 444, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-progress .school-course-progress-percentage {
  margin-right: 10px;
}

/* line 448, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-progress .school-course-progress-bar {
  margin-top: 8px;
  width: 100%;
}

/* line 454, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-details {
  align-items: center;
  display: flex;
  margin-top: auto;
}

/* line 459, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-details .school-course-avatar {
  height: 40px;
  width: 40px;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  flex-shrink: 0;
  margin-left: 8px;
}

/* line 469, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-details .school-course-author {
  font-size: 18px;
  line-height: 40px;
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 479, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-price {
  align-items: center;
  display: flex;
  flex-shrink: 0;
}

/* line 484, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-price .school-course-price-before-discount,
.school-container .school-bundles-container .school-course-info .school-course-price .school-course-price-label {
  align-items: center;
  justify-content: center;
  display: flex;
}

/* line 490, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-price .school-course-price-before-discount::after,
.school-container .school-bundles-container .school-course-info .school-course-price .school-course-price-label::after {
  content: attr(data-currency);
  margin-left: 3px;
  margin-right: 3px;
}

/* line 497, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-price .school-course-price-before-discount {
  font-size: 16px;
  line-height: 19px;
  text-decoration-line: line-through;
}

/* line 503, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-bundles-container .school-course-info .school-course-price .school-course-price-label {
  font-size: 18px;
  font-weight: 800;
  min-width: 115px;
  padding: 0 10px;
}

@media (max-width: 576px) {
  /* line 297, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .school-bundles-container {
    margin-bottom: 28px;
  }
}

/* line 517, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .static-footer .links-container {
  color: #FFFFFF;
}

/* line 521, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .credits {
  font-size: 16px !important;
}

@media (max-width: 576px) {
  /* line 128, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container {
    margin-top: 0;
  }
}

/* line 530, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-footer {
  background-color: #3D3D3D;
  margin-top: 100px;
  padding: 50px 0;
  text-align: center;
  width: 100%;
}

/* line 537, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-footer .school-footer-link-wrap {
  align-items: center;
  color: #fff;
  display: inline-flex;
  justify-content: center;
  margin: 0 auto;
  text-decoration: none !important;
}

/* line 548, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.rtl-layout .school-footer-description {
  border-right-style: solid;
  border-right-width: 2px;
  font-size: 21px;
  line-height: 26px;
  margin-right: 17px;
  margin-top: 0 !important;
  padding-right: 17px;
  text-align: right;
}

/* line 559, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.rtl-layout .school-course-author {
  margin-left: auto;
}

/* line 563, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.rtl-layout .school-logo {
  margin-left: auto;
}

/* line 568, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.rtl-layout .footer-wrapper .logo-description {
  padding-right: 10px;
  text-align: right;
}

/* line 573, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.rtl-layout .footer-wrapper a svg {
  padding-left: 10px;
  border-left: 1px solid;
}

/* line 579, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.rtl-layout .currency-sign::before {
  content: '₪';
  margin-right: 3px;
}

/* line 584, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.rtl-layout .course-reg .new-user-form-header {
  text-align: right;
}

/* line 593, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-template-purple .school-bundles-header-text *,
.ltr-layout .school-template-purple .school-bundles-header-sub-text *, .ltr-layout .school-template-green .school-bundles-header-text *,
.ltr-layout .school-template-green .school-bundles-header-sub-text * {
  text-align: left !important;
}

/* line 598, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-template-purple .school-bundles-header-text, .ltr-layout .school-template-green .school-bundles-header-text {
  padding-left: 0 !important;
}

/* line 603, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .clock-svg {
  margin-right: 8px;
  margin-left: 0px !important;
}

/* line 608, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-footer-description {
  border-left-style: solid;
  border-left-width: 2px;
  font-size: 21px;
  line-height: 26px;
  margin-left: 17px;
  margin-top: 0 !important;
  padding-left: 17px;
  text-align: left;
}

/* line 619, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-bundles-header-search input {
  padding-left: 52px !important;
}

/* line 623, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-course-price {
  margin-left: auto;
}

/* line 627, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-template-default .school-course-details {
  padding-right: 0px !important;
}

/* line 631, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-button {
  margin-right: 7px !important;
}

/* line 635, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-course-author {
  margin-left: 15px;
}

/* line 639, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-logo {
  margin-right: auto;
}

/* line 644, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .footer-wrapper .logo-description {
  padding-left: 10px;
  text-align: left;
}

/* line 649, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .footer-wrapper a svg {
  padding-right: 10px;
  border-right: 1px solid;
}

/* line 656, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .a11y-school-footer .links-container {
  display: flex;
}

/* line 661, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-welcome {
  margin-right: 12px;
}

/* line 665, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .course-signin-form {
  width: 100% !important;
  margin-left: 0 !important;
}

/* line 670, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-signup-form .terms-course-wrapper {
  text-align: left;
}

/* line 674, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-container .col-set > .col:first-child {
  padding-right: 0 !important;
}

/* line 679, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .school-new-pass-form .reset-password-button {
  width: 100% !important;
}

/* line 684, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .currency-sign::after {
  content: 'ILS';
  margin-left: 3px;
}

/* line 689, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.ltr-layout .course-reg .new-user-form-header {
  text-align: left;
}

@media (max-width: 768px) {
  /* line 694, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .ltr-layout .school-container .buttons-bar .right {
    float: right !important;
  }
}

/* line 702, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-login-form {
  padding: 40px 60px 40px 60px;
  width: 540px !important;
  text-align: center;
}

/* line 707, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-login-form .school-login-password {
  padding: 0px 10px;
  color: #4870FF !important;
  font-weight: 400;
  line-height: 24.142px;
  letter-spacing: 0.245px;
}

/* line 712, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-login-form .signin-button {
  margin-top: 75px;
  margin-bottom: 24px;
}

/* line 716, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-login-form .signin-button .nm-btn {
  width: 100%;
}

/* line 721, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-login-form .school-login-register {
  margin-top: 24px;
  text-align: center !important;
  font-weight: 700;
  line-height: 24.142px;
  letter-spacing: 0.245px;
}

/* line 728, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-login-form .school-login-register a {
  color: #4870FF !important;
  font-weight: 400;
  line-height: 24.142px;
  letter-spacing: 0.245px;
}

/* line 733, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-login-form .input-password {
  margin-top: 20px;
}

/* line 737, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-login-form input[type="submit"] {
  border-radius: 27px;
}

/* line 744, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-signup-form {
  padding: 40px 60px 40px 60px;
  width: 540px !important;
  text-align: center;
}

/* line 749, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-signup-form .button-primary {
  width: 100%;
  margin-top: 20px;
  border-radius: 27px;
}

/* line 755, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-signup-form .link-to-signin {
  width: 100%;
  text-align: center;
  padding-top: 14px;
  font-weight: 700;
  line-height: 24.142px;
  letter-spacing: 0.245px;
}

/* line 763, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-signup-form .link-to-signin a {
  color: #4870FF !important;
  font-weight: 400;
  line-height: 24.142px;
  letter-spacing: 0.245px;
}

/* line 768, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-signup-form .terms-course-wrapper {
  margin-bottom: 0px !important;
}

/* line 772, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-signup-form .input-email, .school-signup-form .input-phone {
  margin-top: 30px !important;
}

/* line 778, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.rtl-layout .school-signup-form .terms-course-wrapper {
  text-align: right;
}

/* line 783, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.rtl-layout .a11y-school-footer .links-container {
  display: grid;
}

/* line 789, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.rtl-layout .course-signin-form input[type=email], .rtl-layout .course-signin-form input[type=password] {
  direction: rtl;
  text-align: right;
}

/* line 798, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-new-pass-form {
  padding: 40px 50px 40px 50px;
  width: 540px !important;
  text-align: center;
}

/* line 803, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-new-pass-form .reset-password-button {
  width: 100%;
  margin-top: 41px !important;
  border-radius: 27px !important;
}

/* line 809, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-new-pass-form h3 + * {
  margin-top: 10px;
}

/* line 813, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-new-pass-form .padded-form {
  padding: 0 0 20px 0 !important;
  margin-top: 20px !important;
  width: 100% !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

/* line 823, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-edit-password-form {
  padding: 40px 50px 40px 50px;
  width: 540px !important;
  text-align: center;
}

/* line 828, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-edit-password-form .reset-password-button {
  width: 100%;
  margin-top: 41px !important;
  border-radius: 27px !important;
}

/* line 837, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-topbar {
  min-height: 310px !important;
}

/* line 840, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-topbar .school-header-text-container {
  align-items: center !important;
}

/* line 843, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-topbar .school-header {
  width: auto !important;
}

/* line 848, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.a11y-school-footer {
  height: 100px;
  margin-top: 50px !important;
  border-top: 1px solid #E0E0E0;
  background: #3D3D3D !important;
  align-items: center;
}

/* line 855, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.a11y-school-footer .links-container {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

/* line 861, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.a11y-school-footer svg {
  width: 55px;
  height: 27px;
}

/* line 867, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .footer-wrapper {
  height: 100px !important;
  margin-top: 17px !important;
}

/* line 871, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .footer-wrapper .logo-description {
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

/* line 877, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .footer-wrapper a svg {
  height: 27px;
  width: 65px;
}

/* line 883, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.bundle-page-bg {
  background-color: #F3F3F3 !important;
}

/* line 887, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-intro-text *,
.cta * {
  color: #000000;
}

/* line 892, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.new-user-form-header {
  text-align: center;
  margin-top: 13px !important;
}

/* line 898, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container.school-page .school-header-text-container {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

/* line 902, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container.school-page .school-header-text-container .school-header * {
  text-align: center !important;
}

/* line 909, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.school-container .school-header *,
.school-container .school-subheader *,
.school-container .school-bundles-header-text *,
.school-container .school-bundles-header-sub-text *,
.school-container .school-intro-text p *,
.school-container .row.subheader * {
  line-height: 1 !important;
}

/* line 919, app/assets/stylesheets/schooler/../school/templates/_common.scss */
.course-select .select2-container {
  width: 100% !important;
}

@media (max-width: 892px) {
  /* line 924, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .payment-info-tab-container .selected-option .label {
    line-height: 17px;
  }
  /* line 932, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .meshulam-payment-info-content .business-drop-down .nm-right,
.meshulam-payment-info-content .businessId-container .nm-right,
.meshulam-payment-info-content .account-container .nm-right {
    margin-left: 0;
  }
}

@media (max-width: 1130px) {
  /* line 940, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .template-settings .templates-slider {
    width: 340px;
  }
  /* line 944, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .templates-slider--slide {
    width: 328px !important;
  }
  /* line 948, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .slick-track {
    width: 1348px !important;
  }
  /* line 952, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .action-container {
    margin-left: 18px;
  }
}

@media (max-width: 576px) {
  /* line 959, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-template-purple .content-inner,
.school-template-green .content-inner,
.school-template-gray .content-inner {
    padding: 32px 20px !important;
  }
  /* line 966, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-container .footer-wrapper,
.school-container .a11y-school-footer {
    height: 80px !important;
  }
  /* line 972, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .static-footer {
    padding: 24px 16px;
  }
  /* line 976, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .reset-password-button {
    margin: 0 !important;
  }
  /* line 980, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-edit-password-form {
    padding: 0 !important;
  }
  /* line 984, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .new-user-form-header {
    margin-top: 10px !important;
  }
  /* line 989, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-signup-form {
    padding: 0;
  }
  /* line 992, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-signup-form .form-simple {
    margin-top: 16px;
  }
  /* line 996, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-signup-form .input-email, .school-signup-form .input-phone {
    margin-top: 24px !important;
  }
  /* line 1000, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-signup-form .terms-course-wrapper {
    margin-top: 21px !important;
  }
  /* line 1004, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-signup-form .button-primary {
    margin-top: 30px;
  }
  /* line 1010, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-login-form {
    padding: 0;
  }
  /* line 1013, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-login-form .input-password {
    margin-top: 14px;
  }
  /* line 1017, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-login-form .signin-button {
    margin-top: 64px;
    margin-bottom: 20px;
  }
  /* line 1024, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-new-pass-form {
    padding: 0;
  }
  /* line 1027, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-new-pass-form h3 + * {
    margin-top: 16px;
  }
  /* line 1031, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-new-pass-form .padded-form {
    padding: 0;
    margin-top: 16px;
  }
  /* line 1035, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-new-pass-form .padded-form .nm-form-row {
    padding: 0;
  }
  /* line 1040, app/assets/stylesheets/schooler/../school/templates/_common.scss */
  .school-new-pass-form .reset-password-button {
    margin-top: 30px !important;
  }
}

/* line 1047, app/assets/stylesheets/schooler/../school/templates/_common.scss */
html {
  scroll-behavior: smooth;
}

/* line 1, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default {
  background-color: #f5f5f5;
}

/* line 4, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-buttonsbar-wrap {
  padding: 10px 0;
  position: fixed;
  right: 0;
  top: 0;
  transition: background-color 200ms ease-in-out;
  width: 100%;
  z-index: 10;
}

/* line 15, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-buttons-bar .school-button {
  border-radius: 0;
  height: auto;
  max-width: none;
  transition: background-color 300ms ease-in-out, color 300ms ease-in-out;
  width: auto;
}

/* line 22, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-buttons-bar .school-button.secondary-btn {
  border: none;
}

/* line 27, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-buttons-bar .school-button,
.school-container.school-template-default .school-buttons-bar .school-welcome {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding: 5px 10px;
}

/* line 35, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-buttons-bar .school-welcome {
  font-weight: 600;
}

/* line 40, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-header-wrapper {
  min-height: 60vh;
  padding-top: 75px;
}

/* line 44, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-header-wrapper .school-header-text-container {
  align-items: center;
}

/* line 47, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-header-wrapper .school-header-text-container > * {
  margin-bottom: 20px;
}

/* line 51, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-header-wrapper .school-header-text-container > *:last-child {
  margin-bottom: 0;
}

/* line 55, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-header-wrapper .school-header-text-container,
.school-container.school-template-default .school-header-wrapper .school-header-text-container .school-header *,
.school-container.school-template-default .school-header-wrapper .school-header-text-container .school-subheader * {
  text-align: center;
}

/* line 61, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-header-wrapper .school-header-text-container .school-cta-button {
  border-radius: 0;
  font-size: 16px;
  font-weight: 400;
  height: auto !important;
  line-height: 22px;
  max-width: none;
  padding: 10px 20px;
  width: auto;
}

@media (max-width: 576px) {
  /* line 61, app/assets/stylesheets/schooler/../school/templates/_default.scss */
  .school-container.school-template-default .school-header-wrapper .school-header-text-container .school-cta-button {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    font-size: 0;
  }
}

/* line 81, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-header {
  align-items: center;
  margin-top: 0px;
  padding-top: 100px;
}

/* line 86, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-header > * {
  margin-bottom: 20px;
  width: 100%;
}

/* line 91, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-header > *:last-child {
  margin-bottom: 0;
}

/* line 95, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-header,
.school-container.school-template-default .school-bundles-header .school-bundles-header-text *,
.school-container.school-template-default .school-bundles-header .school-bundles-header-sub-text * {
  text-align: center;
}

/* line 101, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-header .school-bundles-header-text {
  margin-left: auto;
  order: 1;
  padding-left: 0;
}

/* line 107, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-header .school-bundles-header-sub-text {
  order: 2;
}

/* line 111, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-header .school-bundles-header-search {
  margin: 0 auto;
  order: 3;
}

/* line 117, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container {
  justify-content: center;
}

/* line 120, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box {
  background-color: transparent;
  border-radius: 0;
}

/* line 124, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info {
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: 0;
}

/* line 128, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-name,
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-duration {
  padding: 0 12px;
}

/* line 133, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-name {
  color: #2e4b4f;
  font-size: 20px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 5px;
  padding-bottom: 40px;
}

/* line 142, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-duration {
  color: #aaa;
  font-size: 16px;
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

/* line 149, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-progress {
  margin-bottom: 22px;
  padding: 0 12px;
}

/* line 154, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-details {
  align-items: center;
  padding-right: 12px;
}

@media (max-width: 576px) {
  /* line 154, app/assets/stylesheets/schooler/../school/templates/_default.scss */
  .school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-details {
    align-items: center;
    padding: 20px 10px 12px;
  }
}

/* line 163, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-details .school-course-avatar {
  height: 30px;
  width: 30px;
}

/* line 167, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-details .school-course-author {
  color: #aaa;
  font-size: 14px;
  line-height: 30px;
}

/* line 174, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-price {
  flex-direction: row-reverse;
}

/* line 177, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-price .school-course-price-label,
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-price .school-course-price-before-discount {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  padding: 9px 10px;
}

/* line 185, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-price .school-course-price-before-discount {
  color: #2e4b4f;
}

/* line 189, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-price .school-course-price-label {
  border-radius: 0 5px 0 0;
  min-width: auto;
}

@media (max-width: 576px) {
  /* line 195, app/assets/stylesheets/schooler/../school/templates/_default.scss */
  .school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-price .school-course-price-before-discount {
    border-radius: 5px 0 0 5px;
  }
  /* line 199, app/assets/stylesheets/schooler/../school/templates/_default.scss */
  .school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-price .school-course-price-label {
    border-radius: 5px;
  }
  /* line 203, app/assets/stylesheets/schooler/../school/templates/_default.scss */
  .school-container.school-template-default .school-bundles-container .school-course-box .school-course-info .school-course-price .school-course-price-before-discount + .school-course-price-label {
    border-radius: 0 5px 5px 0;
  }
}

/* line 212, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.school-container.school-template-default .iconed-block {
  padding-right: 0px;
  padding-left: 0px;
}

/* line 220, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.ltr-layout .school-container.school-template-default .school-bundles-header-text {
  padding-right: 0px !important;
}

/* line 224, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.ltr-layout .school-container.school-template-default .school-course-details {
  padding-left: 12px;
}

/* line 228, app/assets/stylesheets/schooler/../school/templates/_default.scss */
.ltr-layout .school-container.school-template-default .school-course-price-label {
  border-radius: 5px 0 0 0 !important;
}
@font-face {
  font-family: 'schooler-icon';
  src: url("/fonts/schooler-icon.eot?xdz6d7");
  src: url("/fonts/schooler-icon.eot?xdz6d7#iefix") format("embedded-opentype"), url("/fonts/schooler-icon.ttf?xdz6d7") format("truetype"), url("/fonts/schooler-icon.woff?xdz6d7") format("woff"), url("/fonts/schooler-icon.svg?xdz6d7#schooler-icon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

/* line 13, app/assets/stylesheets/schooler/iconfonts.scss */
[class^="sch-"], [class*=" sch-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'schooler-icon' !important;
  speak: never;
  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;
}

/* line 28, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-courses:before {
  content: "\30";
}

/* line 31, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-settings:before {
  content: "\31";
}

/* line 34, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-students:before {
  content: "\32";
}

/* line 37, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-coupon:before {
  content: "\33";
}

/* line 40, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-partners:before {
  content: "\34";
}

/* line 43, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-payments:before {
  content: "\35";
}

/* line 46, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-code:before {
  content: "\36";
}

/* line 49, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-registration:before {
  content: "\37";
}

/* line 52, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-free:before {
  content: "\38";
}

/* line 55, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-paypal:before {
  content: "\39";
}

/* line 58, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-cardcom:before {
  content: "\61";
}

/* line 61, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-student-add:before {
  content: "\62";
}

/* line 64, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-partner-add:before {
  content: "\63";
}

/* line 67, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-coupon-add:before {
  content: "\64";
}

/* line 70, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-code-add:before {
  content: "\65";
}

/* line 73, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-copy:before {
  content: "\66";
}

/* line 76, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-pay:before {
  content: "\67";
}

/* line 79, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-edit:before {
  content: "\68";
}

/* line 82, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-trash:before {
  content: "\69";
}

/* line 85, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-video:before {
  content: "\6a";
}

/* line 88, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-file-pdf:before {
  content: "\6b";
}

/* line 91, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-webpage:before {
  content: "\6c";
}

/* line 94, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-paint:before {
  content: "\6d";
}

/* line 97, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-home:before {
  content: "\6e";
}

/* line 100, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-lock-closed:before {
  content: "\6f";
}

/* line 103, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-lock-open:before {
  content: "\70";
}

/* line 106, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-lesson-add:before {
  content: "\71";
}

/* line 109, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-chapter:before {
  content: "\72";
}

/* line 112, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-chapter-add:before {
  content: "\73";
}

/* line 115, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-move:before {
  content: "\74";
}

/* line 118, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-preview:before {
  content: "\75";
}

/* line 121, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-cart:before {
  content: "\76";
}

/* line 124, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-exit:before {
  content: "\77";
}

/* line 127, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-secure:before {
  content: "\78";
}

/* line 130, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-smily:before {
  content: "\79";
}

/* line 133, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-arrow-bottom:before {
  content: "\7a";
}

/* line 136, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-arrow-right:before {
  content: "\41";
}

/* line 139, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-arrow-up:before {
  content: "\42";
}

/* line 142, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-arrow-left:before {
  content: "\43";
}

/* line 145, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-draft:before {
  content: "\44";
}

/* line 148, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-published:before {
  content: "\45";
}

/* line 151, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-workbook:before {
  content: "\46";
}

/* line 154, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-menu:before {
  content: "\47";
}

/* line 157, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-close:before {
  content: "\48";
}

/* line 160, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-check:before {
  content: "\49";
}

/* line 163, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-link:before {
  content: "\4a";
}

/* line 166, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-hidden:before {
  content: "\4b";
}

/* line 169, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-info-center:before {
  content: "\4c";
}

/* line 172, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-icount:before {
  content: "\4d";
}

/* line 175, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-test:before {
  content: "\4e";
}

/* line 178, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-connect:before {
  content: "\4f";
}

/* line 181, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-i-buy:before {
  content: "\50";
}

/* line 184, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-schools:before {
  content: "\51";
}

/* line 187, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-payment-settings:before {
  content: "\52";
}

/* line 190, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-connection-settings:before {
  content: "\53";
}

/* line 193, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-registration-settings:before {
  content: "\54";
}

/* line 196, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-reg-mail-settings:before {
  content: "\55";
}

/* line 199, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-class-settings:before {
  content: "\56";
}

/* line 202, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-share-settings:before {
  content: "\57";
}

/* line 205, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-file-excel:before {
  content: "\58";
}

/* line 208, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-file-image:before {
  content: "\59";
}

/* line 211, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-file-mp3-flac:before {
  content: "\5a";
}

/* line 214, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-file-powerpoint:before {
  content: "\21";
}

/* line 217, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-file-text:before {
  content: "\40";
}

/* line 220, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-file-video:before {
  content: "\23";
}

/* line 223, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-file-wave:before {
  content: "\24";
}

/* line 226, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-file-word:before {
  content: "\25";
}

/* line 229, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-link-doc:before {
  content: "\5e";
}

/* line 232, app/assets/stylesheets/schooler/iconfonts.scss */
.sch-unlink-doc:before {
  content: "\26";
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */

@font-face {
  font-family: 'FontAwesome';
  src: url('/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */

/*






 */



/* Component containers
----------------------------------*/

.ui-widget {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em/*{fsDefault}*/;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Arial,Helvetica,sans-serif/*{ffDefault}*/;
	font-size: 1em;
}
.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
}
.ui-widget-content {
	border: 1px solid #dddddd/*{borderColorContent}*/;
	background: #ffffff/*{bgColorContent}*/ /*{bgImgUrlContent}*/ /*{bgContentXPos}*/ /*{bgContentYPos}*/ /*{bgContentRepeat}*/;
	color: #333333/*{fcContent}*/;
}
.ui-widget-content a {
	color: #333333/*{fcContent}*/;
}
.ui-widget-header {
	border: 1px solid #dddddd/*{borderColorHeader}*/;
	background: #e9e9e9/*{bgColorHeader}*/ /*{bgImgUrlHeader}*/ /*{bgHeaderXPos}*/ /*{bgHeaderYPos}*/ /*{bgHeaderRepeat}*/;
	color: #333333/*{fcHeader}*/;
	font-weight: bold;
}
.ui-widget-header a {
	color: #333333/*{fcHeader}*/;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
works properly when clicked or hovered */
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5/*{borderColorDefault}*/;
	background: #f6f6f6/*{bgColorDefault}*/ /*{bgImgUrlDefault}*/ /*{bgDefaultXPos}*/ /*{bgDefaultYPos}*/ /*{bgDefaultRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #454545/*{fcDefault}*/;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	color: #454545/*{fcDefault}*/;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 1px solid #cccccc/*{borderColorHover}*/;
	background: #ededed/*{bgColorHover}*/ /*{bgImgUrlHover}*/ /*{bgHoverXPos}*/ /*{bgHoverYPos}*/ /*{bgHoverRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #2b2b2b/*{fcHover}*/;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
	color: #2b2b2b/*{fcHover}*/;
	text-decoration: none;
}

.ui-visual-focus {
	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	border: 1px solid #003eff/*{borderColorActive}*/;
	background: #007fff/*{bgColorActive}*/ /*{bgImgUrlActive}*/ /*{bgActiveXPos}*/ /*{bgActiveYPos}*/ /*{bgActiveRepeat}*/;
	font-weight: normal/*{fwDefault}*/;
	color: #ffffff/*{fcActive}*/;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
	border: #003eff/*{borderColorActive}*/;
	background-color: #ffffff/*{fcActive}*/;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #ffffff/*{fcActive}*/;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/ /*{bgImgUrlHighlight}*/ /*{bgHighlightXPos}*/ /*{bgHighlightYPos}*/ /*{bgHighlightRepeat}*/;
	color: #777620/*{fcHighlight}*/;
}
.ui-state-checked {
	border: 1px solid #dad55e/*{borderColorHighlight}*/;
	background: #fffa90/*{bgColorHighlight}*/;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #777620/*{fcHighlight}*/;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #f1a899/*{borderColorError}*/;
	background: #fddfdf/*{bgColorError}*/ /*{bgImgUrlError}*/ /*{bgErrorXPos}*/ /*{bgErrorYPos}*/ /*{bgErrorRepeat}*/;
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #5f3f3f/*{fcError}*/;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #5f3f3f/*{fcError}*/;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70); /* support: IE8 */
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35); /* support: IE8 */
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url(https://my.schooler.biz/assets/jquery-ui/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png)/*{iconsContent}*/;
}
.ui-widget-header .ui-icon {
	background-image: url(https://my.schooler.biz/assets/jquery-ui/ui-icons_444444_256x240-31d988765b4e6f56553c29588c500381dc3e6f0aa2980c8212202e5644aefd5d.png)/*{iconsHeader}*/;
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
	background-image: url(https://my.schooler.biz/assets/jquery-ui/ui-icons_555555_256x240-32175261daee76c82bb0edf0eea16a56421866fbc31e94f3c1d570aa114502f5.png)/*{iconsHover}*/;
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
	background-image: url(https://my.schooler.biz/assets/jquery-ui/ui-icons_ffffff_256x240-350df1b7131037de20e83c5c0f3a41a770d2ac48b5762ea772b3f4a8a7b9d47a.png)/*{iconsActive}*/;
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
	background-image: url(https://my.schooler.biz/assets/jquery-ui/ui-icons_777620_256x240-0b020fc6e696d88d296e7bb1f61f1eb2ad827848e2c7382a4c3e0999e702dd9b.png)/*{iconsHighlight}*/;
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(https://my.schooler.biz/assets/jquery-ui/ui-icons_cc0000_256x240-40985a64b4d5dd213fba27fcd862a1bd1b337a97674f6ff0b9ec20abcee4bc69.png)/*{iconsError}*/;
}
.ui-button .ui-icon {
	background-image: url(https://my.schooler.biz/assets/jquery-ui/ui-icons_777777_256x240-faf32007ae120c302213557626e660dd10e711c5dd4f1113d35f26dc05b78d2f.png)/*{iconsDefault}*/;
}

/* positioning */
.ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 3px/*{cornerRadius}*/;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 3px/*{cornerRadius}*/;
}

/* Overlays */
.ui-widget-overlay {
	background: #aaaaaa/*{bgColorOverlay}*/ /*{bgImgUrlOverlay}*/ /*{bgOverlayXPos}*/ /*{bgOverlayYPos}*/ /*{bgOverlayRepeat}*/;
	opacity: .3/*{opacityOverlay}*/;
	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; /* support: IE8 */
}
.ui-widget-shadow {
	-webkit-box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
	box-shadow: 0/*{offsetLeftShadow}*/ 0/*{offsetTopShadow}*/ 5px/*{thicknessShadow}*/ #666666/*{bgColorShadow}*/;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*

 */

/* Layout helpers
----------------------------------*/

.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
	pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -.25em;
	position: relative;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}

.ui-widget-icon-block {
	left: 50%;
	margin-left: -8px;
	display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*!
 * jQuery UI Accordion 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/accordion/#theming
 */
/*

 */

.ui-accordion .ui-accordion-header {
	display: block;
	cursor: pointer;
	position: relative;
	margin: 2px 0 0 0;
	padding: .5em .5em .5em .7em;
	font-size: 100%;
}
.ui-accordion .ui-accordion-content {
	padding: 1em 2.2em;
	border-top: 0;
	overflow: auto;
}
/*!
 * jQuery UI Autocomplete 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/autocomplete/#theming
 */
/*

 */

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}
/*!
 * jQuery UI Button 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/button/#theming
 */
/*

 */

.ui-button {
	padding: .4em 1em;
	display: inline-block;
	position: relative;
	line-height: normal;
	margin-right: .1em;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	/* Support: IE <= 11 */
	overflow: visible;
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
	text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
	width: 2em;
	box-sizing: border-box;
	text-indent: -9999px;
	white-space: nowrap;
}

/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
	text-indent: 0;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -8px;
	margin-left: -8px;
}

.ui-button.ui-icon-notext .ui-icon {
	padding: 0;
	width: 2.1em;
	height: 2.1em;
	text-indent: -9999px;
	white-space: nowrap;

}

input.ui-button.ui-icon-notext .ui-icon {
	width: auto;
	height: auto;
	text-indent: 0;
	white-space: normal;
	padding: .4em 1em;
}

/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/*!
 * jQuery UI Checkboxradio 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/checkboxradio/#theming
 */
/*

 */


.ui-checkboxradio-label .ui-icon-background {
	box-shadow: inset 1px 1px 1px #ccc;
	border-radius: .12em;
	border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
	width: 16px;
	height: 16px;
	border-radius: 1em;
	overflow: visible;
	border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
	background-image: none;
	width: 8px;
	height: 8px;
	border-width: 4px;
	border-style: solid;
}
.ui-checkboxradio-disabled {
	pointer-events: none;
}
/*!
 * jQuery UI Controlgroup 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/controlgroup/#theming
 */
/*

 */


.ui-controlgroup {
	vertical-align: middle;
	display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
	float: left;
	margin-left: 0;
	margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
	z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
	display: block;
	float: none;
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
	box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
	padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
	font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
	border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
	border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
	border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
	border-bottom: none;
}

/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {

	/* Support: IE8 only, Android < 4.4 only */
	width: 75%;
	width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
	border-top-style: solid;
}

/*!
 * jQuery UI Datepicker 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/datepicker/#theming
 */
/*

 */

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
}
.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
	left: 2px;
}
.ui-datepicker .ui-datepicker-next {
	right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
	right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 45%;
}
.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em;
}
.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: bold;
	border: 0;
}
.ui-datepicker td {
	border: 0;
	padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
	width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
	float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left;
}
.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
	float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px;
}

/* Icons */
.ui-datepicker .ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	left: .5em;
	top: .3em;
}
/*!
 * jQuery UI Dialog 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/dialog/#theming
 */
/*

 */

.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-n {
	height: 2px;
	top: 0;
}
.ui-dialog .ui-resizable-e {
	width: 2px;
	right: 0;
}
.ui-dialog .ui-resizable-s {
	height: 2px;
	bottom: 0;
}
.ui-dialog .ui-resizable-w {
	width: 2px;
	left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
	width: 7px;
	height: 7px;
}
.ui-dialog .ui-resizable-se {
	right: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-sw {
	left: 0;
	bottom: 0;
}
.ui-dialog .ui-resizable-ne {
	right: 0;
	top: 0;
}
.ui-dialog .ui-resizable-nw {
	left: 0;
	top: 0;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
/*!
 * jQuery UI Draggable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */

.ui-draggable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/*!
 * jQuery UI Menu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/menu/#theming
 */
/*

 */

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}
/*!
 * jQuery UI Progressbar 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/progressbar/#theming
 */
/*

 */

.ui-progressbar {
	height: 2em;
	text-align: left;
	overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
	margin: -1px;
	height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
	height: 100%;
	filter: alpha(opacity=25); /* support: IE8 */
	opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
	background-image: none;
}
/*!
 * jQuery UI Resizable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */

.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
/*!
 * jQuery UI Selectable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */

.ui-selectable {
	-ms-touch-action: none;
	touch-action: none;
}
.ui-selectable-helper {
	position: absolute;
	z-index: 100;
	border: 1px dotted black;
}
/*!
 * jQuery UI Selectmenu 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/selectmenu/#theming
 */
/*

 */

.ui-selectmenu-menu {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.ui-selectmenu-menu .ui-menu {
	overflow: auto;
	overflow-x: hidden;
	padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
	padding: 2px 0.4em;
	margin: 0.5em 0 0 0;
	height: auto;
	border: 0;
}
.ui-selectmenu-open {
	display: block;
}
.ui-selectmenu-text {
	display: block;
	margin-right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
	text-align: left;
	white-space: nowrap;
	width: 14em;
}
.ui-selectmenu-icon.ui-icon {
	float: right;
	margin-top: 0;
}
/*!
 * jQuery UI Sortable 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 */
/*

 */

.ui-sortable-handle {
	-ms-touch-action: none;
	touch-action: none;
}
/*!
 * jQuery UI Slider 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/slider/#theming
 */
/*

 */

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}
/*!
 * jQuery UI Spinner 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/spinner/#theming
 */
/*

 */

.ui-spinner {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0;
	vertical-align: middle;
}
.ui-spinner-input {
	border: none;
	background: none;
	color: inherit;
	padding: .222em 0;
	margin: .2em 0;
	vertical-align: middle;
	margin-left: .4em;
	margin-right: 2em;
}
.ui-spinner-button {
	width: 1.6em;
	height: 50%;
	font-size: .5em;
	padding: 0;
	margin: 0;
	text-align: center;
	position: absolute;
	cursor: default;
	display: block;
	overflow: hidden;
	right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
	border-top-style: none;
	border-bottom-style: none;
	border-right-style: none;
}
.ui-spinner-up {
	top: 0;
}
.ui-spinner-down {
	bottom: 0;
}
/*!
 * jQuery UI Tabs 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tabs/#theming
 */
/*

 */

.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none;
}
/*!
 * jQuery UI Tooltip 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/tooltip/#theming
 */
/*

 */

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
}
body .ui-tooltip {
	border-width: 2px;
}
/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*




















 */

/*!
 * jQuery UI CSS Framework 1.12.1
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/*


 */

/* line 1, app/assets/stylesheets/quizzes.scss */
.icon-remove-answer {
  margin-left: 4px;
  color: #222;
  position: absolute;
  left: 2px;
  top: 20px;
  width: 20px;
  height: 20px;
}

/* line 10, app/assets/stylesheets/quizzes.scss */
.icon-remove-answer:hover, .icon-remove-answer:focus {
  color: #777;
}

/* line 15, app/assets/stylesheets/quizzes.scss */
.delete-answer-align {
  top: 40px !important;
}

/* line 19, app/assets/stylesheets/quizzes.scss */
.location-change-text {
  color: white;
  margin-top: 14px !important;
  opacity: 100%;
  font-size: 18px;
  font-family: "Assistant", Arial, sans-serif;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 5px;
  transition: white-space 0.3s ease;
  width: 75%;
}

/* line 33, app/assets/stylesheets/quizzes.scss */
.location-change-text:hover {
  white-space: normal;
  margin-top: 1px !important;
  font-size: 14px;
  line-height: 16px;
}

/* line 40, app/assets/stylesheets/quizzes.scss */
.nm-form-wrap.new-test-form .item-right.shifted p {
  margin-top: -62px;
}

/* line 44, app/assets/stylesheets/quizzes.scss */
.item-left.error, .quiz--question-box.error {
  border: 1px solid red;
}

/* line 48, app/assets/stylesheets/quizzes.scss */
.quiz--error {
  color: red;
}

/* line 52, app/assets/stylesheets/quizzes.scss */
.question-block .answers .nm-check-block {
  height: auto;
  width: fit-content !important;
  padding: 3px 12px !important;
  margin-right: 30px;
}

/* line 59, app/assets/stylesheets/quizzes.scss */
.required-asterisk {
  color: red;
  font-size: 30px;
  margin-top: 3px;
  padding: 3px;
}

/* line 66, app/assets/stylesheets/quizzes.scss */
.quiz-error-required {
  color: red;
  font-size: 18px;
  float: right;
}
/* line 1, app/assets/stylesheets/schooler/lesson_view.scss */
.lesson-with-quiz {
  background-color: transparent;
}

/* line 5, app/assets/stylesheets/schooler/lesson_view.scss */
.quiztab {
  padding: 23px 30px;
}

/* line 7, app/assets/stylesheets/schooler/lesson_view.scss */
.quiztab .video-responsive {
  max-width: 90%;
}

/* line 12, app/assets/stylesheets/schooler/lesson_view.scss */
.lesson-with-quiz .video-responsive {
  padding-bottom: unset;
}

@media (max-width: 768px) {
  /* line 17, app/assets/stylesheets/schooler/lesson_view.scss */
  .quiztab {
    padding: 15px;
  }
}
/*************** SCROLLBAR BASE CSS ***************/

.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}
.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important;
}
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}
.scroll-wrapper.scroll--rtl {
  direction: rtl;
}

.scroll-element {
  box-sizing: content-box;
  display: none;
}
.scroll-element div {
  box-sizing: content-box;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}
.scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-outer > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%;
}

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px;
}

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee;
}

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
}

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
}

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px;
}

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px;
}

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px;
}

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px;
}

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px;
}

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px;
}

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none;
}

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%;
}

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px;
}

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-light > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px;
}

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px;
}

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px;
}

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-rail > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%;
}

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px;
}

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6);
}

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px;
}

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px;
}

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px;
}

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px;
}

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px;
}

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px;
}

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s;
}

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px;
}

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px;
}

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px;
}

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1;
}

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px;
}

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px;
}

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scrollbar-chrome > .scroll-element {
  background-color: #ffffff;
}

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%;
}

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px;
}

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9;
}

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px;
}

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px;
}

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px;
}

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px;
}

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px;
}

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px;
}
@charset "UTF-8";
/*=============================================start position=================================================================*/
/*=============================================end position=================================================================*/
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 2, app/assets/stylesheets/tagify.scss */
:root {
  --tagify-dd-color-primary: rgb(53,149,246);
  --tagify-dd-bg-color: white;
}

/* line 7, app/assets/stylesheets/tagify.scss */
.tagify {
  --tags-disabled-bg: #F1F1F1;
  --tags-border-color: #DDD;
  --tags-hover-border-color: #CCC;
  --tags-focus-border-color: #3595f6;
  --tag-bg: #E5E5E5;
  --tag-hover: #D3E2E2;
  --tag-text-color: black;
  --tag-text-color--edit: black;
  --tag-pad: 0.3em 1em;
  --tag-inset-shadow-size: 1.1em;
  --tag-invalid-color: #D39494;
  --tag-invalid-bg: rgba(211, 148, 148, 0.5);
  --tag-remove-bg: rgba(211, 148, 148, 0.3);
  --tag-remove-btn-color: black;
  --tag-remove-btn-bg: none;
  --tag-remove-btn-bg--hover: #c77777;
  --input-color: inherit;
  --tag--min-width: 1ch;
  --tag--max-width: auto;
  --tag-hide-transition: 0.3s;
  --placeholder-color: rgba(0, 0, 0, 0.4);
  --placeholder-color-focus: rgba(0, 0, 0, 0.25);
  --loader-size: .8em;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 1px solid #DDD;
  border: 1px solid var(--tags-border-color);
  padding: 0;
  line-height: normal;
  cursor: text;
  outline: none;
  position: relative;
  box-sizing: border-box;
  transition: .1s;
}

@keyframes tags--bump {
  30% {
    transform: scale(1.2);
  }
}

@keyframes rotateLoader {
  to {
    transform: rotate(1turn);
  }
}

/* line 128, app/assets/stylesheets/tagify.scss */
.tagify:hover {
  border-color: #CCC;
  border-color: var(--tags-hover-border-color);
}

/* line 133, app/assets/stylesheets/tagify.scss */
.tagify.tagify--focus {
  transition: 0s;
  border-color: #3595f6;
  border-color: var(--tags-focus-border-color);
}

/* line 139, app/assets/stylesheets/tagify.scss */
.tagify[disabled] {
  background: var(--tags-disabled-bg);
  filter: saturate(0);
  opacity: .5;
  pointer-events: none;
}

/* line 148, app/assets/stylesheets/tagify.scss */
.tagify.tagify--select[readonly] {
  pointer-events: none;
}

/* line 152, app/assets/stylesheets/tagify.scss */
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) {
  cursor: default;
}

/* line 154, app/assets/stylesheets/tagify.scss */
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) > .tagify__input {
  visibility: hidden;
  width: 0;
  margin: 5px 0;
}

/* line 160, app/assets/stylesheets/tagify.scss */
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div {
  padding: 0.3em 1em;
  padding: var(--tag-pad);
}

/* line 163, app/assets/stylesheets/tagify.scss */
.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag > div::before {
  background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
  box-shadow: none;
  filter: brightness(0.95);
}

/* line 169, app/assets/stylesheets/tagify.scss */
.tagify[readonly] .tagify__tag__removeBtn {
  display: none;
}

/* line 175, app/assets/stylesheets/tagify.scss */
.tagify--loading .tagify__input > br:last-child {
  display: none;
}

/* line 176, app/assets/stylesheets/tagify.scss */
.tagify--loading .tagify__input::before {
  content: none;
}

/* line 177, app/assets/stylesheets/tagify.scss */
.tagify--loading .tagify__input::after {
  content: '';
  vertical-align: middle;
  opacity: 1;
  width: .7em;
  height: .7em;
  width: var(--loader-size);
  height: var(--loader-size);
  border: 3px solid;
  border-color: #EEE #BBB #888 transparent;
  border-radius: 50%;
  animation: rotateLoader .4s infinite linear;
  content: '' !important;
  margin: -2px 0 -2px .5em;
}

/* line 183, app/assets/stylesheets/tagify.scss */
.tagify--loading .tagify__input:empty::after {
  margin-left: 0;
}

/* line 192, app/assets/stylesheets/tagify.scss */
.tagify + input,
.tagify + textarea {
  position: absolute !important;
  left: -9999em !important;
  transform: scale(0) !important;
}

/* line 199, app/assets/stylesheets/tagify.scss */
.tagify__tag {
  display: inline-flex;
  align-items: center;
  margin: 5px 0 5px 5px;
  position: relative;
  z-index: 1;
  outline: none;
  cursor: default;
  transition: .13s ease-out;
}

/* line 209, app/assets/stylesheets/tagify.scss */
.tagify__tag > div {
  vertical-align: top;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.3em 1em;
  padding: var(--tag-pad, 0.3em 1em);
  color: black;
  color: var(--tag-text-color, black);
  line-height: inherit;
  border-radius: 3px;
  white-space: nowrap;
  transition: .13s ease-out;
}

/* line 223, app/assets/stylesheets/tagify.scss */
.tagify__tag > div > * {
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  min-width: 1ch;
  max-width: auto;
  min-width: var(--tag--min-width, 1ch);
  max-width: var(--tag--max-width, auto);
  transition: .8s ease, .1s color;
}

/* line 236, app/assets/stylesheets/tagify.scss */
.tagify__tag > div > *[contenteditable] {
  outline: none;
  user-select: text;
  cursor: text;
  margin: -2px;
  padding: 2px;
  max-width: 350px;
}

/* line 247, app/assets/stylesheets/tagify.scss */
.tagify__tag > div::before {
  content: '';
  position: absolute;
  border-radius: inherit;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  transition: 120ms ease;
  animation: tags--bump .3s ease-out 1;
  box-shadow: 0 0 0 1.1em #E5E5E5 inset;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-bg, #E5E5E5) inset;
}

/* line 265, app/assets/stylesheets/tagify.scss */
.tagify__tag:hover:not([readonly]) div::before, .tagify__tag:focus div::before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  box-shadow: 0 0 0 1.1em #D3E2E2 inset;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-hover, #D3E2E2) inset;
}

/* line 280, app/assets/stylesheets/tagify.scss */
.tagify__tag--loading {
  pointer-events: none;
}

/* line 283, app/assets/stylesheets/tagify.scss */
.tagify__tag--loading .tagify__tag__removeBtn {
  display: none;
}

/* line 287, app/assets/stylesheets/tagify.scss */
.tagify__tag--loading::after {
  --loader-size:  .4em;
  content: '';
  vertical-align: middle;
  opacity: 1;
  width: .7em;
  height: .7em;
  width: var(--loader-size);
  height: var(--loader-size);
  border: 3px solid;
  border-color: #EEE #BBB #888 transparent;
  border-radius: 50%;
  animation: rotateLoader .4s infinite linear;
  margin: 0 .5em 0 -.1em;
}

/* line 295, app/assets/stylesheets/tagify.scss */
.tagify__tag--flash div::before {
  animation: none;
}

/* line 298, app/assets/stylesheets/tagify.scss */
.tagify__tag--hide {
  width: 0 !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
  transform: scale(0);
  transition: 0.3s;
  transition: var(--tag-hide-transition, 0.3s);
  pointer-events: none;
}

/* line 310, app/assets/stylesheets/tagify.scss */
.tagify__tag--hide > div > * {
  white-space: nowrap;
}

/* line 317, app/assets/stylesheets/tagify.scss */
.tagify__tag.tagify--noAnim > div::before {
  animation: none;
}

/* line 324, app/assets/stylesheets/tagify.scss */
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
  opacity: .5;
}

/* line 325, app/assets/stylesheets/tagify.scss */
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
  box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.5) inset !important;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-invalid-bg, rgba(211, 148, 148, 0.5)) inset !important;
  transition: .2s;
}

/* line 335, app/assets/stylesheets/tagify.scss */
.tagify__tag[readonly] .tagify__tag__removeBtn {
  display: none;
}

/* line 337, app/assets/stylesheets/tagify.scss */
.tagify__tag[readonly] > div::before {
  background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
  box-shadow: none;
  filter: brightness(0.95);
}

/* line 344, app/assets/stylesheets/tagify.scss */
.tagify__tag--editable > div {
  color: black;
  color: var(--tag-text-color--edit, black);
}

/* line 348, app/assets/stylesheets/tagify.scss */
.tagify__tag--editable > div::before {
  box-shadow: 0 0 0 2px #D3E2E2 inset !important;
  box-shadow: 0 0 0 2px var(--tag-hover, #D3E2E2) inset !important;
}

/* line 354, app/assets/stylesheets/tagify.scss */
.tagify__tag--editable > .tagify__tag__removeBtn {
  pointer-events: none;
}

/* line 357, app/assets/stylesheets/tagify.scss */
.tagify__tag--editable > .tagify__tag__removeBtn::after {
  opacity: 0;
  transform: translateX(100%) translateX(5px);
}

/* line 365, app/assets/stylesheets/tagify.scss */
.tagify__tag--editable.tagify--invalid > div::before {
  box-shadow: 0 0 0 2px #D39494 inset !important;
  box-shadow: 0 0 0 2px var(--tag-invalid-color, #D39494) inset !important;
}

/* line 373, app/assets/stylesheets/tagify.scss */
.tagify__tag__removeBtn {
  order: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  font: 14px/1 Arial;
  background: none;
  background: var(--tag-remove-btn-bg, none);
  color: black;
  color: var(--tag-remove-btn-color, black);
  width: 14px;
  height: 14px;
  margin-right: 4.6666666667px;
  margin-left: auto;
  overflow: hidden;
  transition: .2s ease-out;
}

/* line 396, app/assets/stylesheets/tagify.scss */
.tagify__tag__removeBtn::after {
  content: "\00D7";
  transition: .3s, color 0s;
}

/* line 401, app/assets/stylesheets/tagify.scss */
.tagify__tag__removeBtn:hover {
  color: white;
  background: #c77777;
  background: var(--tag-remove-btn-bg--hover, #c77777);
}

/* line 407, app/assets/stylesheets/tagify.scss */
.tagify__tag__removeBtn:hover + div > span {
  opacity: .5;
}

/* line 408, app/assets/stylesheets/tagify.scss */
.tagify__tag__removeBtn:hover + div::before {
  box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.3) inset !important;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
  transition: box-shadow .2s;
}

/* line 422, app/assets/stylesheets/tagify.scss */
.tagify:not(.tagify--mix) .tagify__input br {
  display: none;
}

/* line 423, app/assets/stylesheets/tagify.scss */
.tagify:not(.tagify--mix) .tagify__input * {
  display: inline;
  white-space: nowrap;
}

/* line 429, app/assets/stylesheets/tagify.scss */
.tagify__input {
  flex-grow: 1;
  display: inline-block;
  min-width: 110px;
  margin: 5px;
  padding: 0.3em 1em;
  padding: var(--tag-pad, 0.3em 1em);
  line-height: inherit;
  position: relative;
  white-space: pre-wrap;
  color: inherit;
  color: var(--input-color, inherit);
  box-sizing: inherit;
  /* Seems firefox newer versions don't need this any more
        @supports ( -moz-appearance:none ){
            &::before{
                line-height: inherit;
                position:relative;
            }
        }
*/
  /*
            in "mix mode" the tags are inside the "input" element
        */
}

@-moz-document url-prefix() {}/* line 451, app/assets/stylesheets/tagify.scss */
.tagify__input:empty::before {
  transition: .2s ease-out;
  opacity: 1;
  transform: none;
  display: inline-block;
  width: auto;
}

/* line 456, app/assets/stylesheets/tagify.scss */
.tagify--mix .tagify__input:empty::before {
  display: inline-block;
}

/* line 462, app/assets/stylesheets/tagify.scss */
.tagify__input:focus {
  outline: none;
}

/* line 465, app/assets/stylesheets/tagify.scss */
.tagify__input:focus::before {
  transition: .2s ease-out;
  opacity: 0;
  transform: translatex(6px);
  /* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is places after it, which is weird */
  /* IE10+ CSS styles go here */
  /* IE Edge 12+ CSS styles go here */
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* line 465, app/assets/stylesheets/tagify.scss */
  .tagify__input:focus::before {
    display: none;
  }
}

@supports (-ms-ime-align: auto) {
  /* line 465, app/assets/stylesheets/tagify.scss */
  .tagify__input:focus::before {
    display: none;
  }
}

/* line 480, app/assets/stylesheets/tagify.scss */
.tagify__input:focus:empty::before {
  transition: .2s ease-out;
  opacity: 1;
  transform: none;
  color: rgba(0, 0, 0, 0.25);
  color: var(--placeholder-color-focus);
}

@-moz-document url-prefix() {
  /* line 63, app/assets/stylesheets/tagify.scss */
  .tagify__input:focus:empty::after {
    display: none;
  }
}

/* line 502, app/assets/stylesheets/tagify.scss */
.tagify__input::before {
  content: attr(data-placeholder);
  height: 1em;
  line-height: 1em;
  margin: auto 0;
  z-index: 1;
  color: rgba(0, 0, 0, 0.4);
  color: var(--placeholder-color);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
  position: absolute;
}

/* line 515, app/assets/stylesheets/tagify.scss */
.tagify--mix .tagify__input::before {
  display: none;
  position: static;
  line-height: inherit;
}

/* line 530, app/assets/stylesheets/tagify.scss */
.tagify__input::after {
  content: attr(data-suggest);
  display: inline-block;
  white-space: pre;
  /* allows spaces at the beginning */
  color: black;
  opacity: .3;
  pointer-events: none;
  max-width: 100px;
}

/* line 547, app/assets/stylesheets/tagify.scss */
.tagify__input .tagify__tag {
  margin: 0 1px;
}

/* line 551, app/assets/stylesheets/tagify.scss */
.tagify__input .tagify__tag > div {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 557, app/assets/stylesheets/tagify.scss */
.tagify--mix {
  display: block;
}

/* line 560, app/assets/stylesheets/tagify.scss */
.tagify--mix .tagify__input {
  padding: 5px;
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: 1.5;
  display: block;
}

/* line 568, app/assets/stylesheets/tagify.scss */
.tagify--mix .tagify__input::before {
  height: auto;
}

/* line 571, app/assets/stylesheets/tagify.scss */
.tagify--mix .tagify__input::after {
  content: none;
}

/* line 576, app/assets/stylesheets/tagify.scss */
.tagify--select::after {
  content: '>';
  opacity: .5;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  font: 16px monospace;
  line-height: 8px;
  height: 8px;
  pointer-events: none;
  transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
  transition: .2s ease-in-out;
}

/* line 593, app/assets/stylesheets/tagify.scss */
.tagify--select[aria-expanded=true]::after {
  transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2);
}

/* line 598, app/assets/stylesheets/tagify.scss */
.tagify--select .tagify__tag {
  position: absolute;
  top: 0;
  right: 1.8em;
  bottom: 0;
}

/* line 603, app/assets/stylesheets/tagify.scss */
.tagify--select .tagify__tag div {
  display: none;
}

/* line 608, app/assets/stylesheets/tagify.scss */
.tagify--select .tagify__input {
  width: 100%;
}

/* line 613, app/assets/stylesheets/tagify.scss */
.tagify--invalid {
  --tags-border-color: #D39494;
}

/* line 619, app/assets/stylesheets/tagify.scss */
.tagify__dropdown {
  position: absolute;
  z-index: 9999;
  transform: translateY(1px);
  overflow: hidden;
}

/* line 627, app/assets/stylesheets/tagify.scss */
.tagify__dropdown[placement="top"] {
  margin-top: 0;
  transform: translateY(-100%);
}

/* line 630, app/assets/stylesheets/tagify.scss */
.tagify__dropdown[placement="top"] .tagify__dropdown__wrapper {
  border-top-width: 1.1px;
  border-bottom-width: 0;
}

/* line 637, app/assets/stylesheets/tagify.scss */
.tagify__dropdown[position="text"] {
  box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
  font-size: .9em;
}

/* line 640, app/assets/stylesheets/tagify.scss */
.tagify__dropdown[position="text"] .tagify__dropdown__wrapper {
  border-width: 1px;
}

/* line 645, app/assets/stylesheets/tagify.scss */
.tagify__dropdown__wrapper {
  max-height: 300px;
  overflow: auto;
  background: white;
  background: var(--tagify-dd-bg-color);
  border: 1px solid #3595f6;
  border-color: var(--tagify-dd-color-primary);
  border-bottom-width: 1.33px;
  border-top-width: 0;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  transition: 0.25s cubic-bezier(0, 1, 0.5, 1);
}

/* line 661, app/assets/stylesheets/tagify.scss */
.tagify__dropdown--initial .tagify__dropdown__wrapper {
  max-height: 20px;
  transform: translateY(-1em);
}

/* line 667, app/assets/stylesheets/tagify.scss */
.tagify__dropdown--initial[placement="top"] .tagify__dropdown__wrapper {
  transform: translateY(2em);
}

/* line 673, app/assets/stylesheets/tagify.scss */
.tagify__dropdown__item {
  box-sizing: inherit;
  padding: 0.3em 1em;
  margin: 1px;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  outline: none;
}

/* line 682, app/assets/stylesheets/tagify.scss */
.tagify__dropdown__item--active {
  background: #3595f6;
  background: var(--tagify-dd-color-primary);
  color: white;
}

/* line 687, app/assets/stylesheets/tagify.scss */
.tagify__dropdown__item:active {
  filter: brightness(105%);
}

/* line 6, app/assets/stylesheets/schooler/my.scss */
.page {
  margin-top: 27px;
}

/* line 10, app/assets/stylesheets/schooler/my.scss */
#current_branch_bar {
  text-align: center;
  height: 20px;
  background: lightyellow;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* line 21, app/assets/stylesheets/schooler/my.scss */
input[type="password"] {
  text-align: left;
}

/* line 25, app/assets/stylesheets/schooler/my.scss */
.index-toolbar-icon {
  color: #314d51;
  text-decoration: none;
}

/* line 28, app/assets/stylesheets/schooler/my.scss */
.index-toolbar-icon:hover {
  color: #314d51;
}

/* line 33, app/assets/stylesheets/schooler/my.scss */
.nm-course-form {
  max-width: 780px;
}

/* line 35, app/assets/stylesheets/schooler/my.scss */
.nm-course-form .nm-form-row .nm-left {
  max-width: 100%;
}

/* line 38, app/assets/stylesheets/schooler/my.scss */
#questions-container.nm-course-form {
  max-width: 100%;
}

/* line 40, app/assets/stylesheets/schooler/my.scss */
#questions-container.nm-course-form .nm-form-wrap {
  max-width: 780px;
}

/* line 42, app/assets/stylesheets/schooler/my.scss */
#questions-container.nm-course-form .nm-form-wrap legend {
  padding-right: 0;
}

/* line 47, app/assets/stylesheets/schooler/my.scss */
.nm-course-form a {
  cursor: pointer;
}

/* line 621, app/assets/stylesheets/schooler/base/_mixins.scss */
.nm-course-form .player-spinner:before {
  height: 14px;
  width: 14px;
  content: '';
  border: 2px transparent solid;
  border-top-color: #929292;
  border-left-color: #929292;
  /* Additional spinner styles */
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  animation: spinner 1s linear infinite;
  margin-left: 5px;
}

/* line 55, app/assets/stylesheets/schooler/my.scss */
.nm-course-form .actions {
  margin-top: 20px;
}

/* line 60, app/assets/stylesheets/schooler/my.scss */
.owned-bundle-indicator {
  position: relative;
}

/* line 62, app/assets/stylesheets/schooler/my.scss */
.owned-bundle-indicator::after {
  content: "קורס שרכשתי";
  position: absolute;
  background: yellow;
}

/* line 69, app/assets/stylesheets/schooler/my.scss */
.inline-selects {
  display: flex;
}

/* line 71, app/assets/stylesheets/schooler/my.scss */
.inline-selects label {
  padding: 15px;
}

/* line 73, app/assets/stylesheets/schooler/my.scss */
.inline-selects label:first-child {
  padding-right: 0;
}

/* line 80, app/assets/stylesheets/schooler/my.scss */
.error-panel {
  padding: 30px 63px 0px 20px;
  color: red;
  font-size: 1.2rem;
}

/* line 86, app/assets/stylesheets/schooler/my.scss */
.clean-lesson-content {
  padding: 0 47px;
}

/* line 90, app/assets/stylesheets/schooler/my.scss */
.nm-category.nm-external:before {
  background-image: url(/images/external-reg.svg);
  background-size: 16px;
  top: 16px;
  left: 10px;
}

/* line 97, app/assets/stylesheets/schooler/my.scss */
.nm-course-form legend {
  padding-right: 40px;
  font-size: x-large;
  width: 100%;
  border-top: 1px solid #03d6f3;
  padding-top: 25px;
  margin-bottom: 20px;
}

/* line 104, app/assets/stylesheets/schooler/my.scss */
.nm-course-form legend::before {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  background-size: 40px;
  right: 25px;
}

/* line 114, app/assets/stylesheets/schooler/my.scss */
.nm-course-form legend.share::before {
  background-image: url(/images/share-settings.svg);
}

/* line 118, app/assets/stylesheets/schooler/my.scss */
.nm-course-form legend.access::before {
  background-image: url(/images/payment-settings.svg);
}

/* line 122, app/assets/stylesheets/schooler/my.scss */
.nm-course-form legend.responder::before {
  background-image: url(/images/double-cogs.svg);
  background-size: 55px;
  width: 45px;
  height: 38px;
}

/* line 129, app/assets/stylesheets/schooler/my.scss */
.nm-course-form legend.responder-events::before {
  background-image: url(/images/connection-settings.svg);
}

/* line 133, app/assets/stylesheets/schooler/my.scss */
.nm-course-form legend.signup-pages::before {
  background-image: url(/images/registration-settings.svg);
}

/* line 137, app/assets/stylesheets/schooler/my.scss */
.nm-course-form legend.email::before {
  background-image: url(/images/reg-mail-settings.svg);
}

/* line 141, app/assets/stylesheets/schooler/my.scss */
.nm-course-form legend.email-icon::before {
  background-image: url(/images/reg-email-icon.svg);
}

/* line 145, app/assets/stylesheets/schooler/my.scss */
.nm-course-form legend.lessons::before {
  background-image: url(/images/class-settings.svg);
}

/* line 152, app/assets/stylesheets/schooler/my.scss */
.nm-course-form .sublegend {
  font-size: 15px;
  margin-right: 40px;
  margin-bottom: 20px;
}

/* line 159, app/assets/stylesheets/schooler/my.scss */
.nm-form-wrap.new-test-form .item-right p {
  padding-top: 10px;
}

/* line 163, app/assets/stylesheets/schooler/my.scss */
.side-by-side > * {
  display: inline-block;
  vertical-align: middle;
}

/* line 168, app/assets/stylesheets/schooler/my.scss */
.nm-course-form fieldset {
  margin-top: 30px;
}

/* line 172, app/assets/stylesheets/schooler/my.scss */
.language-block {
  margin-top: 0 !important;
}

/* line 176, app/assets/stylesheets/schooler/my.scss */
.btn-default-email {
  display: flex;
  align-items: center;
  cursor: pointer;
  opacity: 0.7;
  transition: opacity 0.2s ease;
  font-size: 13px;
  font-weight: 600;
  font-family: Assistant;
}

/* line 187, app/assets/stylesheets/schooler/my.scss */
.btn-default-email:hover {
  opacity: 1;
}

/* line 191, app/assets/stylesheets/schooler/my.scss */
.reset-button {
  margin-left: 5px;
  color: #2e4b4f;
}

/* line 196, app/assets/stylesheets/schooler/my.scss */
.nm-form-full {
  -webkit-box-direction: row;
  -webkit-flex-direction: row;
  flex-direction: row;
}

/* line 202, app/assets/stylesheets/schooler/my.scss */
.pill.active {
  background: #03d6f3;
  color: white;
}

/* line 207, app/assets/stylesheets/schooler/my.scss */
.nm-input:disabled, .nm-textarea:disabled {
  opacity: 0.5;
  color: #c2c2c2;
}

/* line 212, app/assets/stylesheets/schooler/my.scss */
.nm-form-row .hbox {
  display: flex;
}

/* line 214, app/assets/stylesheets/schooler/my.scss */
.nm-form-row .hbox input, .nm-form-row .hbox select {
  margin-left: 10px;
}

/* line 217, app/assets/stylesheets/schooler/my.scss */
.nm-form-row .hbox input:last-child {
  margin-left: 0px;
}

/* line 218, app/assets/stylesheets/schooler/my.scss */
.nm-form-row .hbox select:last-child {
  margin-left: 0px;
}

/* line 221, app/assets/stylesheets/schooler/my.scss */
.nm-checkbox-middle {
  padding-top: 13px;
}

/* line 225, app/assets/stylesheets/schooler/my.scss */
.cell.nm-tooltiped {
  text-align: center;
}

/* line 229, app/assets/stylesheets/schooler/my.scss */
.aside-menu ul.submenu {
  padding: 0;
  padding-right: 70px;
  padding-top: 10px;
}

/* line 235, app/assets/stylesheets/schooler/my.scss */
input[type="color"] {
  appearance: button;
  width: 44px;
  height: 23px;
  border-width: 1px;
  border-style: solid;
  border-image: initial;
  padding: 1px 2px;
}

/* line 245, app/assets/stylesheets/schooler/my.scss */
.pagination {
  margin-bottom: 20px;
  margin-top: 10px;
}

/* line 248, app/assets/stylesheets/schooler/my.scss */
.pagination a {
  text-decoration: none;
}

/* line 251, app/assets/stylesheets/schooler/my.scss */
.pagination li, .pagination li.page {
  display: inline-block;
  padding: 5px 15px;
  margin-top: 0;
}

/* line 255, app/assets/stylesheets/schooler/my.scss */
.pagination li.active, .pagination li.page.active {
  background: #434350;
  border-radius: 10px;
}

/* line 262, app/assets/stylesheets/schooler/my.scss */
#login_bg {
  margin-right: -300px;
}

/* line 266, app/assets/stylesheets/schooler/my.scss */
.course-signin-form .checkbox label {
  display: inline-block;
}

/* line 270, app/assets/stylesheets/schooler/my.scss */
.nm-checkboxes-block {
  padding-bottom: 10px;
}

/* line 273, app/assets/stylesheets/schooler/my.scss */
.nm-checkboxes-block .signup-error input:not(:checked) + label {
  color: red;
}

/* line 280, app/assets/stylesheets/schooler/my.scss */
.nm-checkbox-row .checkbox {
  padding-top: 15px;
}

/* line 285, app/assets/stylesheets/schooler/my.scss */
.nm-left .nm-checkboxes-block {
  padding-right: 0;
}

/* line 289, app/assets/stylesheets/schooler/my.scss */
.nm-hidden {
  display: none !important;
}

/* line 293, app/assets/stylesheets/schooler/my.scss */
.nm-block-img img {
  width: 250px;
  height: 125px;
  object-fit: cover;
}

/* line 299, app/assets/stylesheets/schooler/my.scss */
.nm-block a {
  text-decoration: none;
}

/* line 303, app/assets/stylesheets/schooler/my.scss */
.truncate-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 309, app/assets/stylesheets/schooler/my.scss */
.clickable {
  cursor: pointer;
}

/* line 313, app/assets/stylesheets/schooler/my.scss */
.tablerow {
  display: table-row !important;
}

/* line 317, app/assets/stylesheets/schooler/my.scss */
.tablecell {
  display: table-cell !important;
}

/* line 322, app/assets/stylesheets/schooler/my.scss */
.teacher__edit-lesson-header {
  font-size: 24px;
}

/* line 326, app/assets/stylesheets/schooler/my.scss */
.bottom-panel {
  position: static;
  display: block;
}

/* line 329, app/assets/stylesheets/schooler/my.scss */
.bottom-panel .text {
  display: block;
  flex: 1;
}

/* line 335, app/assets/stylesheets/schooler/my.scss */
.input-file::before {
  height: 52px;
  z-index: 99999;
}

/* line 340, app/assets/stylesheets/schooler/my.scss */
span.nm-input {
  display: inline-block;
  line-height: 52px;
  overflow: hidden;
}

/* line 346, app/assets/stylesheets/schooler/my.scss */
.content-fullscreen {
  margin-right: 0;
}

/* line 350, app/assets/stylesheets/schooler/my.scss */
.sidebar-hidden {
  margin-right: -300px;
  visibility: hidden;
}

/* line 355, app/assets/stylesheets/schooler/my.scss */
.icon-n-text > [class^=icon] + .text {
  margin-right: 11px;
}

/* line 359, app/assets/stylesheets/schooler/my.scss */
.hide-side-menu {
  text-align: center;
  line-height: 60px;
}

/* line 363, app/assets/stylesheets/schooler/my.scss */
.hide-side-menu .sch-arrow-right, .hide-side-menu .sch-arrow-left {
  font-size: 18px;
}

/* line 368, app/assets/stylesheets/schooler/my.scss */
.icon-arrow-left {
  width: 10px;
  height: 19px;
  background-image: url(/images/arrow-left-2.svg);
}

/* line 374, app/assets/stylesheets/schooler/my.scss */
.aside-menu.compact ul.section--compact {
  padding-top: 5px;
  padding-bottom: 5px;
  border: 0;
}

/* line 379, app/assets/stylesheets/schooler/my.scss */
.aside-menu.compact ul.section--compact .sch-chapter {
  vertical-align: middle;
}

/* line 383, app/assets/stylesheets/schooler/my.scss */
.aside-menu.compact ul.section--compact .chapter-index {
  line-height: 20px;
  vertical-align: middle;
}

/* line 388, app/assets/stylesheets/schooler/my.scss */
.aside-menu.compact ul.section--compact .caption {
  color: #e2d0cd;
  overflow: hidden;
  height: 20px;
  display: inline-block !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 160px;
  line-height: 20px;
}

/* line 400, app/assets/stylesheets/schooler/my.scss */
.lesson.caption {
  padding-right: 40px;
}

/* line 404, app/assets/stylesheets/schooler/my.scss */
.unpadded-right {
  padding-right: 0 !important;
}

/* line 408, app/assets/stylesheets/schooler/my.scss */
.aside-menu ul a.closed-lesson {
  padding-right: 17px;
}

/* line 412, app/assets/stylesheets/schooler/my.scss */
.padded-form {
  padding: 20px;
  margin-top: 30px;
}

/* line 417, app/assets/stylesheets/schooler/my.scss */
.nm-login-actions {
  line-height: 2.5;
}

/* line 419, app/assets/stylesheets/schooler/my.scss */
.nm-login-actions .nm-btn {
  float: left;
}

/* line 424, app/assets/stylesheets/schooler/my.scss */
.nm-login-actions .nm-link {
  margin-left: 30px;
  float: left;
}

/* line 431, app/assets/stylesheets/schooler/my.scss */
.nm-btn:hover {
  text-decoration: none;
}

/* line 434, app/assets/stylesheets/schooler/my.scss */
.nm-btn.disabled {
  background-color: #9a9a9a;
  cursor: not-allowed;
}

/* line 440, app/assets/stylesheets/schooler/my.scss */
.nm-btn-dark {
  color: #4b525c;
  width: 152px;
  height: 45px;
  border-radius: 2.7px;
  font-size: 16.9px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.08;
  letter-spacing: normal;
  text-align: center;
}

/* line 454, app/assets/stylesheets/schooler/my.scss */
.notification.notification-danger {
  border: 0;
}

/* line 458, app/assets/stylesheets/schooler/my.scss */
.ltr {
  direction: ltr;
}

/* line 462, app/assets/stylesheets/schooler/my.scss */
.teacher__select-content-type__errorpanel {
  color: red;
  margin-top: 20px;
  margin-right: 130px;
}

/* line 468, app/assets/stylesheets/schooler/my.scss */
.status-line {
  margin-left: auto;
}

/* line 471, app/assets/stylesheets/schooler/my.scss */
.status-line .spinner {
  margin: 0;
}

/* line 476, app/assets/stylesheets/schooler/my.scss */
.icon-course-number {
  width: auto;
  direction: ltr;
  padding: 0 4px;
}

/* line 482, app/assets/stylesheets/schooler/my.scss */
.inactiveColor {
  color: #F40103;
}

/* line 486, app/assets/stylesheets/schooler/my.scss */
.error-block {
  color: red;
}

/* line 490, app/assets/stylesheets/schooler/my.scss */
.aside-menu ul.lesson--list .lesson--link_lock {
  display: inline-block;
  width: 179px;
  vertical-align: top;
  text-decoration: none;
  position: relative;
  color: #c1c9cb;
  padding-right: 25px;
  top: -2px;
}

/* line 501, app/assets/stylesheets/schooler/my.scss */
.lesson-item {
  width: 85%;
  display: inline-block;
}

/* line 506, app/assets/stylesheets/schooler/my.scss */
.teacher__edit-lesson-in-toc {
  width: 180px;
  padding-right: 48px;
  resize: none;
  margin-right: 5px;
}

/* line 513, app/assets/stylesheets/schooler/my.scss */
.toc-item {
  margin: 15px 0;
}

/* line 517, app/assets/stylesheets/schooler/my.scss */
.teacher__edit-lesson-in-toc {
  background: rgba(0, 0, 0, 0.4);
  border-radius: 5px;
  border: 0;
  outline: 0;
  color: #c1c9cb;
  font-family: Assistant, Arial, sans-serif;
  font-size: 16px;
  text-decoration: underline;
}

/* line 528, app/assets/stylesheets/schooler/my.scss */
.mail {
  background: none;
  padding-right: 0;
}

/* line 531, app/assets/stylesheets/schooler/my.scss */
.mail:hover {
  background: none;
  text-decoration: none;
  color: #467f87;
  opacity: 1;
}

/* line 539, app/assets/stylesheets/schooler/my.scss */
.duration {
  display: inline-block;
  margin-right: 5px;
  font-size: 0.8rem;
}

/* line 545, app/assets/stylesheets/schooler/my.scss */
.school-root .content {
  background: #f5f5f5;
}

/* line 549, app/assets/stylesheets/schooler/my.scss */
.field-push-left {
  margin-right: 25px;
}

/* line 554, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu a {
  display: table-row;
}

/* line 557, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu a.students-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

/* line 561, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu a.students-wrapper > span:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

/* line 565, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu a.students-wrapper .sch-arrow-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  transform: rotate(180deg);
  transition: transform .5s;
}

/* line 570, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu a.students-wrapper .sch-arrow-bottom:before {
  font-size: 14px;
  font-weight: bold;
}

/* line 577, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu a.open .sch-arrow-bottom {
  transform: rotate(0deg);
}

/* line 583, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu .sidebar-icon {
  color: #c1c9cb;
  font-size: 25px;
  display: table-cell;
  padding-left: 23px;
  vertical-align: middle;
  transition: color 0.2s;
}

/* line 592, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu li.active > a > .sidebar-icon, .schooler-main .aside-menu li:hover > a > .sidebar-icon, .schooler-main .aside-menu li.active > a > span > .sidebar-icon {
  color: #03d6f3;
}

/* line 596, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu li.active > a > .sidebar-icon svg rect {
  stroke: #03D6F3;
  /* Change stroke color */
}

/* line 600, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu li.active > a > .sidebar-icon svg path {
  fill: #03D6F3;
  /* Change fill color */
}

/* line 604, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu li:hover > a > .sidebar-icon svg rect {
  stroke: #03D6F3;
  /* Change stroke color on hover */
}

/* line 608, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu li:hover > a > .sidebar-icon svg path {
  fill: #03D6F3;
  /* Change fill color on hover */
}

/* line 612, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu ul a, .schooler-main .aside-menu ul .menu-item {
  padding-right: 0;
  transition: color 0.2s;
}

/* line 617, app/assets/stylesheets/schooler/my.scss */
.schooler-main .aside-menu ul li + li {
  margin-top: 17px;
}

/* line 626, app/assets/stylesheets/schooler/my.scss */
.input-color {
  background-image: none;
  text-align: center;
  line-height: 40px;
}

/* line 632, app/assets/stylesheets/schooler/my.scss */
.simplified-menu a {
  padding: 0;
}

/* line 637, app/assets/stylesheets/schooler/my.scss */
.aside-menu ul.lesson--list .toc-header a {
  padding-right: 0;
}

/* line 641, app/assets/stylesheets/schooler/my.scss */
.aside-menu ul.lesson--list .toc-header .sch-chapter {
  font-size: 24px;
}

/* line 645, app/assets/stylesheets/schooler/my.scss */
.aside-menu ul.lesson--list .toc-header .chapter-index {
  position: absolute;
  top: 0;
  font-size: 12px;
  right: 9px;
}

/* line 652, app/assets/stylesheets/schooler/my.scss */
.aside-menu ul.lesson--list .toc-header .caption {
  padding-right: 12px;
  display: inline-block;
  max-width: 175px;
}

/* line 659, app/assets/stylesheets/schooler/my.scss */
.top-panel-menu a {
  padding: 20px;
  line-height: 20px;
}

/* line 664, app/assets/stylesheets/schooler/my.scss */
.top-panel-menu .with-text-icon {
  width: 50px;
}

/* line 666, app/assets/stylesheets/schooler/my.scss */
.top-panel-menu .with-text-icon a {
  line-height: 25px;
}

/* line 672, app/assets/stylesheets/schooler/my.scss */
.teacher__create-new-btn .sch-lesson-add, .teacher__create-new-btn .sch-chapter-add {
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  padding-bottom: 2px;
}

/* line 680, app/assets/stylesheets/schooler/my.scss */
.drag-handle {
  float: left;
  cursor: pointer;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* line 687, app/assets/stylesheets/schooler/my.scss */
.toc-header-title {
  display: inline-block;
  max-width: 85%;
}

/* line 693, app/assets/stylesheets/schooler/my.scss */
.footer-item .btn-icon {
  margin-left: 20px;
  font-size: 24px;
}

/* line 699, app/assets/stylesheets/schooler/my.scss */
.sidebar-footer-buttons {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  background: #cac6c6;
  color: green;
  text-align: center;
  line-height: 60px;
  font-size: 28px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.7);
}

/* line 712, app/assets/stylesheets/schooler/my.scss */
.finish-editing {
  color: green;
  cursor: pointer;
}

/* line 717, app/assets/stylesheets/schooler/my.scss */
.delete-lesson-drop-target {
  color: red;
}

/* line 722, app/assets/stylesheets/schooler/my.scss */
.sidebar-middle {
  overflow: visible;
}

/* line 726, app/assets/stylesheets/schooler/my.scss */
.ps__scrollbar-y-rail {
  transform: translateY(270px);
}

/* line 730, app/assets/stylesheets/schooler/my.scss */
.course-description {
  border-bottom: 1px solid;
}

/* line 734, app/assets/stylesheets/schooler/my.scss */
.button_play .pencil {
  font-size: 20px;
  background-image: none;
}

/* line 739, app/assets/stylesheets/schooler/my.scss */
.top-panel-menu {
  background-color: transparent;
}

/* line 743, app/assets/stylesheets/schooler/my.scss */
.top-panel-menu li + li {
  border: 0;
  margin-right: 1px;
}

/* line 748, app/assets/stylesheets/schooler/my.scss */
.button .sch-arrow-left {
  padding-right: 4px;
  font-size: 26px;
}

/* line 753, app/assets/stylesheets/schooler/my.scss */
.button_play:hover .colored-item {
  opacity: 1;
}

/* line 757, app/assets/stylesheets/schooler/my.scss */
.colored-item {
  opacity: 0.8;
}

/* line 760, app/assets/stylesheets/schooler/my.scss */
.colored-item.active {
  font-weight: bold;
  font-size: 19px;
}

/* line 764, app/assets/stylesheets/schooler/my.scss */
.colored-item:hover, .colored-item.active {
  opacity: 1;
}

/* line 770, app/assets/stylesheets/schooler/my.scss */
.top-panel-menu li:hover .colored-item, .simplified-menu li:hover .colored-item {
  opacity: 1;
}

/* line 775, app/assets/stylesheets/schooler/my.scss */
.button-edit:hover .colored-item {
  opacity: 1;
}

/* line 779, app/assets/stylesheets/schooler/my.scss */
.sidebar {
  transition: all 0.2s;
}

/* line 787, app/assets/stylesheets/schooler/my.scss */
.nm-views-count {
  width: 20px;
  height: 20px;
  line-height: 20px;
  padding: 0;
}

/* line 794, app/assets/stylesheets/schooler/my.scss */
.nm-category {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

/* line 801, app/assets/stylesheets/schooler/my.scss */
.ava {
  background-image: url(/images/schooler_logo.svg);
  width: 160px;
  height: 79px;
}

/* line 807, app/assets/stylesheets/schooler/my.scss */
.page-title-wrapper {
  margin-bottom: 27px;
}

/* line 810, app/assets/stylesheets/schooler/my.scss */
.page-title-wrapper .email {
  float: left;
}

/* line 814, app/assets/stylesheets/schooler/my.scss */
.page-title-wrapper + .nm-form-wrap {
  display: flex;
  flex-direction: column;
}

/* line 820, app/assets/stylesheets/schooler/my.scss */
.page-title + * {
  margin-top: 12px;
}

/* line 825, app/assets/stylesheets/schooler/my.scss */
.ms-container .ms-selection:before {
  content: '';
  z-index: -999;
}

/* line 832, app/assets/stylesheets/schooler/my.scss */
.pill:hover {
  color: white;
}

/* line 836, app/assets/stylesheets/schooler/my.scss */
.btn-destroy-course {
  float: left;
  background: red;
  color: white;
}

/* line 842, app/assets/stylesheets/schooler/my.scss */
#login {
  text-align: center;
}

/* line 846, app/assets/stylesheets/schooler/my.scss */
.show-mobile {
  display: none;
}

/* line 851, app/assets/stylesheets/schooler/my.scss */
.icon-course-number {
  min-width: 55px;
  margin-left: 10px;
}

/* line 856, app/assets/stylesheets/schooler/my.scss */
.inactiveColor {
  color: #F40103;
}

/* line 860, app/assets/stylesheets/schooler/my.scss */
.icon-watched-lesson {
  padding-top: 3px;
}

/* line 864, app/assets/stylesheets/schooler/my.scss */
.student-status {
  min-width: 80px;
}

/* line 868, app/assets/stylesheets/schooler/my.scss */
.student-devices {
  min-width: 45px;
}

/* line 872, app/assets/stylesheets/schooler/my.scss */
.signin-icon {
  display: none;
}

/* line 876, app/assets/stylesheets/schooler/my.scss */
.student-phone {
  min-width: 80px;
}

/* line 880, app/assets/stylesheets/schooler/my.scss */
.signup-suggestion-block {
  text-align: center;
  padding-top: 20px;
}

/* line 884, app/assets/stylesheets/schooler/my.scss */
.signup-suggestion-block h2 {
  padding-bottom: 5px;
}

/* line 889, app/assets/stylesheets/schooler/my.scss */
.link-to-signin {
  float: right;
  padding-top: 10px;
}

/* line 894, app/assets/stylesheets/schooler/my.scss */
.login-form.embedded {
  margin-top: 0;
}

/* line 896, app/assets/stylesheets/schooler/my.scss */
.login-form.embedded form {
  margin-top: 0;
}

/* line 897, app/assets/stylesheets/schooler/my.scss */
.login-form.embedded .signup-suggestion-block {
  display: none;
}

/* line 903, app/assets/stylesheets/schooler/my.scss */
.iconed-block .icon:first-child {
  font-size: 48px;
  color: #03d6f3;
}

/* line 909, app/assets/stylesheets/schooler/my.scss */
.course-info-item.col strong {
  display: block;
}

/* line 913, app/assets/stylesheets/schooler/my.scss */
.test-submission-score-btn {
  margin-right: 3rem;
  display: flex;
}

/* line 918, app/assets/stylesheets/schooler/my.scss */
.test-submission-score-btn-for-school {
  margin-right: 8rem;
  display: flex;
}

/* line 923, app/assets/stylesheets/schooler/my.scss */
.test-submission-icon {
  text-decoration: none;
  font-size: 30px;
  padding-left: 3px;
}

/* line 928, app/assets/stylesheets/schooler/my.scss */
.test-submission-link {
  padding-top: 10px;
}

/* line 931, app/assets/stylesheets/schooler/my.scss */
.quiz-submission-table-header {
  color: white !important;
  text-decoration: none !important;
  font-weight: bold;
  text-align: center;
  font-size: 16px !important;
  height: 47px !important;
  text-align: right;
  white-space: nowrap;
}

/* line 942, app/assets/stylesheets/schooler/my.scss */
.units-list .eye {
  padding: 0px !important;
  width: 6%;
}

/* line 947, app/assets/stylesheets/schooler/my.scss */
.eye-icon-header {
  text-align: center;
}

/* line 951, app/assets/stylesheets/schooler/my.scss */
.units-list .quiz-submission-table-cell {
  padding: 0px 12px !important;
  border-bottom: 1px solid rgba(185, 185, 185, 0.2) !important;
  border-right: 1px solid rgba(185, 185, 185, 0.2) !important;
}

/* line 958, app/assets/stylesheets/schooler/my.scss */
.units-list-head .quiz-submission-table-header {
  border-right: 1px solid rgba(185, 185, 185, 0.2) !important;
}

/* line 963, app/assets/stylesheets/schooler/my.scss */
.units-list .time-cell {
  padding: 0px 12px !important;
}

/* line 967, app/assets/stylesheets/schooler/my.scss */
.text-alignment {
  text-align: right !important;
}

/* line 970, app/assets/stylesheets/schooler/my.scss */
.obtained-marks-alignment {
  margin-right: 0px;
}

/* line 973, app/assets/stylesheets/schooler/my.scss */
.pass-module {
  color: black;
  font-weight: bold;
  justify-content: space-between;
  width: 9%;
}

/* line 979, app/assets/stylesheets/schooler/my.scss */
.inner-pass-module {
  display: flex;
}

/* line 982, app/assets/stylesheets/schooler/my.scss */
.innerModuleAlignment {
  padding-top: 3px;
}

/* line 985, app/assets/stylesheets/schooler/my.scss */
.quiz-integer-data {
  width: 8%;
}

/* line 988, app/assets/stylesheets/schooler/my.scss */
.quiz-integer-data-header {
  text-align: center;
}

/* line 991, app/assets/stylesheets/schooler/my.scss */
.correct-answers-decoration {
  color: green !important;
  font-weight: bold !important;
}

/* line 995, app/assets/stylesheets/schooler/my.scss */
.wrong-answers-decoration {
  color: red !important;
  font-weight: bold !important;
}

/* line 999, app/assets/stylesheets/schooler/my.scss */
.course-cross {
  transform: translateX(55px);
  margin-top: 14px;
  position: absolute;
  border: none;
  cursor: pointer;
  display: none;
}

/* line 1007, app/assets/stylesheets/schooler/my.scss */
.passing-grade-popup {
  width: 47px;
  height: 28px;
  border: 1px solid #219653;
  border-radius: 22px;
  padding: 2px 9px;
  background-color: rgba(33, 150, 83, 0.1);
  margin-right: 5px;
  color: #219653;
}

/* line 1017, app/assets/stylesheets/schooler/my.scss */
.quiz-submission-table-cell {
  vertical-align: middle !important;
  text-align: center;
  font-size: 16px !important;
  height: 50px !important;
  color: #000000;
}

/* line 1024, app/assets/stylesheets/schooler/my.scss */
.time-cell {
  font-size: 14px !important;
  text-align: right;
  width: 10%;
}

/* line 1029, app/assets/stylesheets/schooler/my.scss */
.submission-header {
  display: flex;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

/* line 1034, app/assets/stylesheets/schooler/my.scss */
.submission-header-elements {
  display: contents;
}

/* line 1037, app/assets/stylesheets/schooler/my.scss */
.submission-text {
  margin-top: 0 !important;
  padding-right: 8px;
  font-size: 20px;
  font-family: Assistant !important;
  font-weight: 700;
  padding-top: 5px;
}

/* line 1045, app/assets/stylesheets/schooler/my.scss */
.submission-teacher {
  margin-top: 0 !important;
  font-size: 20px;
  font-family: Assistant !important;
  font-weight: 400;
  padding-top: 5px;
}

/* line 1052, app/assets/stylesheets/schooler/my.scss */
.submission-school {
  margin-top: 0 !important;
  font-size: 20px;
  font-family: Assistant !important;
  font-weight: 400;
  padding-top: 5px;
}

/* line 1059, app/assets/stylesheets/schooler/my.scss */
.submission-action {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

/* line 1064, app/assets/stylesheets/schooler/my.scss */
.dashboard-filters-div {
  display: flex;
  align-items: center;
}

/* line 1069, app/assets/stylesheets/schooler/my.scss */
.item-search {
  flex: 70%;
  display: flex;
  width: 100%;
  height: 47px;
  gap: 15px;
}

/* line 1077, app/assets/stylesheets/schooler/my.scss */
.submission-search {
  flex: 70%;
  display: flex;
  width: 100%;
  height: 47px;
  gap: 15px;
}

/* line 1085, app/assets/stylesheets/schooler/my.scss */
.submission-csv {
  flex: 20%;
  display: flex;
  height: 47px;
  justify-content: end !important;
}

/* line 1092, app/assets/stylesheets/schooler/my.scss */
.search-input-container {
  width: 30%;
}

/* line 1095, app/assets/stylesheets/schooler/my.scss */
.search-select-course {
  width: 30%;
  display: flex;
  border-radius: 4px;
  border: 1px solid #E0E0E0;
  background-color: white;
  min-width: 240px;
}

/* line 1103, app/assets/stylesheets/schooler/my.scss */
.header-start-cell {
  padding: 10px 12px !important;
  min-width: 130px !important;
}

/* line 1107, app/assets/stylesheets/schooler/my.scss */
.header-end-cell {
  padding: 10px 12px !important;
}

/* line 1110, app/assets/stylesheets/schooler/my.scss */
.search-select {
  width: 100%;
  color: #333333;
  border-radius: 4px;
  background-color: white;
  border: none;
  padding: 10px;
  font-size: 16px;
  font-family: Assistant, Arial, sans-serif !important;
  background-image: url(/images/arrow-down-select.svg);
  background-size: 13px;
  background-repeat: no-repeat;
  background-position: 12px center;
  padding-right: 5px;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* line 1128, app/assets/stylesheets/schooler/my.scss */
.select2-dropdown {
  text-align: right;
  margin-top: 1px !important;
  border-radius: 5px !important;
  border: 1px solid #e0e0e0 !important;
}

/* line 1134, app/assets/stylesheets/schooler/my.scss */
.select2-container .select2-selection--multiple {
  height: 45px !important;
}

/* line 1137, app/assets/stylesheets/schooler/my.scss */
.select2-container .select2-search--inline {
  float: right !important;
}

/* line 1140, app/assets/stylesheets/schooler/my.scss */
.select2-search__field {
  width: fit-content !important;
}

/* line 1143, app/assets/stylesheets/schooler/my.scss */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: rgba(3, 214, 243, 0.5) !important;
  color: #333333 !important;
}

/* line 1147, app/assets/stylesheets/schooler/my.scss */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #f5f6f6 !important;
  border: none !important;
  border-radius: 50px !important;
  height: 33px !important;
  line-height: 30px !important;
  padding-right: 12px !important;
  margin-top: 7px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  max-width: 145px !important;
}

/* line 1160, app/assets/stylesheets/schooler/my.scss */
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  height: 20px !important;
  width: 20px !important;
  margin-left: 7px !important;
  margin-right: 8px !important;
  margin-top: 5px !important;
  border-radius: 50px !important;
  color: #f5f6f6 !important;
  background-color: #8a8a8a !important;
  line-height: 19px !important;
  padding-right: 5px !important;
  float: left !important;
}

/* line 1173, app/assets/stylesheets/schooler/my.scss */
.select2-container--default .select2-results__option {
  padding-right: 8px;
  position: relative;
  color: #333333;
}

/* line 1178, app/assets/stylesheets/schooler/my.scss */
.select2-container--default .select2-results__option::before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #8a8a8a;
  border-radius: 3px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  background-color: white;
  display: none !important;
}

/* line 1193, app/assets/stylesheets/schooler/my.scss */
.select2-container--default .select2-results__option[aria-selected=true]::before {
  content: '';
  background-image: url(/images/check-box-tick.svg);
  background-repeat: no-repeat;
  text-align: center;
  color: #03d6f3;
  line-height: 20px;
  background-position: center;
  display: none !important;
}

/* line 1203, app/assets/stylesheets/schooler/my.scss */
.select2-selection--multiple {
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* line 1207, app/assets/stylesheets/schooler/my.scss */
.select2-selection__choice {
  display: none;
}

/* line 1210, app/assets/stylesheets/schooler/my.scss */
.select2-selection__choice:first-of-type {
  display: inline-block;
}

/* line 1213, app/assets/stylesheets/schooler/my.scss */
.select2-container--default .select2-selection--multiple {
  cursor: pointer !important;
}

/* line 1216, app/assets/stylesheets/schooler/my.scss */
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer !important;
  float: left !important;
  margin-left: 50px;
  color: #adadad;
  font-size: 32px;
  margin-top: -14px !important;
  font-weight: unset !important;
}

/* line 1225, app/assets/stylesheets/schooler/my.scss */
.select2-container .select2-selection--multiple .select2-selection__arrow {
  display: none !important;
  appearance: none !important;
}

/* line 1229, app/assets/stylesheets/schooler/my.scss */
.select2-selection__rendered::after {
  content: attr(data-count);
  margin-left: 5px;
  color: #555;
  font-size: 12px;
}

/* line 1235, app/assets/stylesheets/schooler/my.scss */
.select2-container--open .select2-dropdown--below {
  border: 1px solid #70707040;
  border-top: none;
}

/* line 1239, app/assets/stylesheets/schooler/my.scss */
.select2-search--inline {
  width: -webkit-fill-available;
}

/* line 1242, app/assets/stylesheets/schooler/my.scss */
.search-select-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 33%;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
  height: 47px;
  background-color: white;
  min-width: 260px;
}

/* line 1253, app/assets/stylesheets/schooler/my.scss */
.calender-width-dashboard {
  width: 25% !important;
}

/* line 1256, app/assets/stylesheets/schooler/my.scss */
.item-select-width-dashboard {
  width: 25% !important;
}

/* line 1259, app/assets/stylesheets/schooler/my.scss */
.search-input-date {
  background: #fff;
  cursor: pointer;
  padding: 10px 15px;
  flex: 90%;
  direction: ltr;
  border-left: 1px solid #E0E0E0 !important;
  border-right: 1px solid #E0E0E0 !important;
  height: -webkit-fill-available !important;
}

/* line 1270, app/assets/stylesheets/schooler/my.scss */
.search-right-date-icon {
  background-color: white;
  outline: none !important;
  flex: 7%;
  border: none;
  cursor: pointer;
  margin-left: 10px;
  height: 27px;
}

/* line 1279, app/assets/stylesheets/schooler/my.scss */
.calender-right-date-icon {
  margin-right: 12px;
  height: 14px;
  margin-top: 6px;
  min-width: 10px;
  cursor: pointer;
}

/* line 1286, app/assets/stylesheets/schooler/my.scss */
.calender-left-date-icon {
  margin-top: 6px;
  height: 14px;
  margin-left: 8px;
  min-width: 10px;
  cursor: pointer;
}

/* line 1293, app/assets/stylesheets/schooler/my.scss */
.search-left-date-icon {
  background-color: white !important;
  outline: none !important;
  flex: 7%;
  margin-right: 11px;
  height: 27px;
}

/* line 1300, app/assets/stylesheets/schooler/my.scss */
.search-right-date-icon button:focus {
  outline: none !important;
}

/* line 1303, app/assets/stylesheets/schooler/my.scss */
.search-left-date-icon button:focus {
  outline: none !important;
}

/* line 1306, app/assets/stylesheets/schooler/my.scss */
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #03d6f3 !important;
  color: #333333 !important;
  margin-left: 25px !important;
}

/* line 1311, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .ranges li.active {
  color: #333333 !important;
  background-color: rgba(3, 214, 243, 0.5) !important;
  margin-left: 25px !important;
  border-radius: 4px !important;
}

/* line 1317, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .ranges li:hover {
  margin-left: 25px !important;
  border-radius: 4px !important;
  background-color: rgba(3, 214, 243, 0.5) !important;
}

/* line 1322, app/assets/stylesheets/schooler/my.scss */
.daterangepicker {
  left: var(--daterangepicker-left, 455px) !important;
  right: var(--daterangepicker-right, 635px) !important;
  max-width: 100% !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  white-space: nowrap !important;
  min-width: var(--daterangepicker-min-width, 40%) !important;
  direction: rtl !important;
}

/* line 1332, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .ranges {
  float: right !important;
  border-left: 1px solid #ddd !important;
  height: 300px !important;
}

/* line 1337, app/assets/stylesheets/schooler/my.scss */
.daterangepicker.show-calendar .ranges {
  line-height: 1rem !important;
  text-align: right !important;
  padding-right: 20px !important;
  padding-top: 6px !important;
  margin-left: 30px !important;
}

/* line 1344, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
  font-size: 14px !important;
  font-weight: unset !important;
  font-family: assistant !important;
}

/* line 1350, app/assets/stylesheets/schooler/my.scss */
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-image: none !important;
}

/* line 1354, app/assets/stylesheets/schooler/my.scss */
.drp-calendar {
  padding-top: 12px !important;
}

/* line 1357, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .calendar-table td {
  font-size: 17px !important;
}

/* line 1360, app/assets/stylesheets/schooler/my.scss */
.daterangepicker.show-ranges.ltr .drp-calendar {
  border-left: none !important;
}

/* line 1363, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .ranges li {
  margin: 3px !important;
  font-size: 14px !important;
  padding: 8px 5px !important;
  margin-left: 85px !important;
}

/* line 1369, app/assets/stylesheets/schooler/my.scss */
.daterangepicker.opensleft:before,
.daterangepicker.opensleft:after {
  display: none !important;
}

/* line 1373, app/assets/stylesheets/schooler/my.scss */
.daterangepicker th.month {
  font-weight: bold !important;
  font-size: 17px !important;
}

/* line 1377, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .calendar-table table {
  border-spacing: 0 !important;
  height: 285px !important;
  width: 290px !important;
}

/* line 1382, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .drp-calendar.right {
  margin-right: 30px !important;
}

/* line 1385, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .drp-calendar {
  max-width: 297px !important;
}

/* line 1388, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .calendar-table .prev span {
  border: solid #333333 !important;
  border-width: 0 2px 2px 0 !important;
  -webkit-transform: rotate(-45deg) !important;
}

/* line 1393, app/assets/stylesheets/schooler/my.scss */
.daterangepicker .calendar-table .next span {
  -webkit-transform: rotate(135deg) !important;
}

/* line 1396, app/assets/stylesheets/schooler/my.scss */
.table-condensed {
  width: 260px !important;
  height: 220px !important;
}

/* line 1400, app/assets/stylesheets/schooler/my.scss */
.table-condensed thead {
  height: 70px !important;
}

/* line 1404, app/assets/stylesheets/schooler/my.scss */
.search-input-date-icon {
  border: none !important;
  background-color: transparent;
  padding: 0;
  background-color: white !important;
}

/* line 1411, app/assets/stylesheets/schooler/my.scss */
.csv-btn {
  background-color: white;
  border-radius: 5px !important;
  width: 48px !important;
  border: 1px solid #E0E0E0 !important;
}

/* line 1418, app/assets/stylesheets/schooler/my.scss */
.quiz-submission-filter-btn {
  display: none;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  font-family: Assistant, Arial, sans-serif !important;
  white-space: nowrap;
  padding-top: 12px;
}

/* line 1427, app/assets/stylesheets/schooler/my.scss */
#sorting-btn-for-ascending {
  background: none !important;
  border: none !important;
  cursor: pointer;
}

/* line 1432, app/assets/stylesheets/schooler/my.scss */
#sorting-btn-for-descending {
  background: none !important;
  border: none !important;
  display: none;
  cursor: pointer;
}

/* line 1438, app/assets/stylesheets/schooler/my.scss */
.search-input-test-name {
  height: 100%;
  border-radius: 4px;
  font-size: 16px;
  color: #333333;
  width: 100%;
  padding-right: 40px;
  background-image: url(/images/search-bar-icon.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
  font-family: Assistant, Arial, sans-serif !important;
  padding-left: 30px;
  min-width: 240px;
}

/* line 1452, app/assets/stylesheets/schooler/my.scss */
.search-input-container input {
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* line 1456, app/assets/stylesheets/schooler/my.scss */
.search-input-test-name::placeholder {
  text-align: right;
  padding-left: 3px;
  font-size: 16px !important;
  font-family: Assistant, Arial, sans-serif !important;
}

/* line 1462, app/assets/stylesheets/schooler/my.scss */
.select2-search__field::placeholder {
  font-size: 16px !important;
  font-family: Assistant, Arial, sans-serif !important;
  color: #333333 !important;
}

/* line 1467, app/assets/stylesheets/schooler/my.scss */
.search-cross {
  display: flex;
  margin-bottom: 36px !important;
  float: left;
  margin-left: 7px;
  transform: translateY(-220%);
  background: none;
  border: none;
  cursor: pointer;
  margin-right: 25px;
  height: 45%;
  width: 7%;
  padding-top: 4px;
  margin-top: 13px;
  min-width: 25px;
}

/* line 1483, app/assets/stylesheets/schooler/my.scss */
.tooltip-for-results {
  position: relative;
  cursor: pointer;
  z-index: 2;
}

/* line 1488, app/assets/stylesheets/schooler/my.scss */
.tooltip-for-results:hover::after {
  display: block;
}

/* line 1491, app/assets/stylesheets/schooler/my.scss */
.tooltip-for-results::after {
  content: "";
  display: none;
  position: absolute;
  width: 300px;
  height: 90px;
  background-size: cover;
  left: 80%;
  top: 45%;
  transform: translateY(-50%);
  z-index: 1;
}

/* line 1503, app/assets/stylesheets/schooler/my.scss */
.tooltip-for-results.csv::after {
  background-image: url(/images/csv-tooltip-icon.svg);
  content: 'ייצוא התוצאות לקובץ CSV';
  text-align: center;
  font-size: 16px;
  color: black;
  font-family: Assistant, Arial, sans-serif !important;
  font-weight: 400 !important;
  width: 260px;
  line-height: 81px;
  top: 30px;
}

/* line 1515, app/assets/stylesheets/schooler/my.scss */
.tooltip-for-results.eye::after {
  background-image: url(/images/eye-tooltip.svg);
  content: 'צפייה במבחן';
  text-align: center;
  line-height: 73px;
  font-size: 16px;
  font-weight: 400 !important;
  font-family: Assistant, Arial, sans-serif !important;
  color: black;
  width: 165px;
  height: 70px;
  top: 43%;
  left: 55%;
}

/* line 1530, app/assets/stylesheets/schooler/my.scss */
.chevron-right-arrow-icon {
  margin-right: 10px;
  padding-top: 2px;
  width: 14px;
  height: 35px;
}

/* line 1536, app/assets/stylesheets/schooler/my.scss */
.chevron-right-alignment {
  width: 39px;
  border-radius: 50px;
  height: 39px;
}

/* line 1541, app/assets/stylesheets/schooler/my.scss */
.chevron-right-alignment:hover {
  background-color: #e0e0e0;
  opacity: 50%;
}

/* line 1545, app/assets/stylesheets/schooler/my.scss */
.submission-view-icon {
  background-color: transparent;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  padding-top: 1px;
  vertical-align: middle;
}

/* line 1555, app/assets/stylesheets/schooler/my.scss */
.submission-view-icon:hover {
  background-color: #e0e0e0;
}

/* line 1558, app/assets/stylesheets/schooler/my.scss */
.submission-header-line-icon {
  margin-top: 0 !important;
  padding-right: 1rem;
  padding-left: 1rem;
}

/* line 1563, app/assets/stylesheets/schooler/my.scss */
.submission-modal-overlay {
  opacity: 0.75;
  z-index: 1071;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
}

/* line 1573, app/assets/stylesheets/schooler/my.scss */
.submission-modal {
  display: none;
  position: fixed;
  width: 809px;
  top: 42%;
  right: 25%;
  transform: translate(-10%, -40%);
  z-index: 1072;
}

/* line 1582, app/assets/stylesheets/schooler/my.scss */
.submission-modal-content-he {
  position: relative;
  padding: 25px 30px 30px 0;
  background-color: white;
  max-width: 100%;
  max-height: 658px;
  overflow-y: auto;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* line 1592, app/assets/stylesheets/schooler/my.scss */
.submission-modal-content-en {
  position: relative;
  padding: 25px 0 30px 30px;
  background-color: white;
  max-width: 100%;
  overflow-y: auto;
  max-height: 658px;
  direction: ltr;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* line 1603, app/assets/stylesheets/schooler/my.scss */
.submission-modal-header-he {
  display: flex;
  height: 71px;
  background-color: #2e4b4f;
  justify-content: space-between;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

/* line 1611, app/assets/stylesheets/schooler/my.scss */
.submission-modal-header-en {
  display: flex;
  height: 71px;
  background-color: #2e4b4f;
  justify-content: space-between;
  direction: ltr;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}

/* line 1620, app/assets/stylesheets/schooler/my.scss */
.submission-modal-heading-he {
  color: white;
  font-size: 18px;
  font-family: 'Assistant';
  font-weight: 400 !important;
  margin-right: 1.5rem !important;
  margin-top: 1.5rem !important;
}

/* line 1628, app/assets/stylesheets/schooler/my.scss */
.submission-modal-heading-en {
  color: white;
  font-size: 18px;
  font-family: 'Assistant';
  font-weight: 400 !important;
  margin-left: 1.5rem !important;
  margin-top: 1.5rem !important;
}

/* line 1636, app/assets/stylesheets/schooler/my.scss */
.submission-modal-close-he {
  cursor: pointer;
  margin-left: 2rem;
  width: 14px;
  margin-top: 5px;
}

/* line 1642, app/assets/stylesheets/schooler/my.scss */
.submission-modal-close-en {
  cursor: pointer;
  margin-right: 2rem;
  width: 14px;
  margin-top: 5px;
}

/* line 1648, app/assets/stylesheets/schooler/my.scss */
.submission-quiz-name {
  font-weight: 700 !important;
}

/* line 1651, app/assets/stylesheets/schooler/my.scss */
.lesson-text-he {
  font-weight: 400;
  padding-right: 5px;
}

/* line 1655, app/assets/stylesheets/schooler/my.scss */
.lesson-text-en {
  font-weight: 400;
  padding-left: 5px;
}

/* line 1659, app/assets/stylesheets/schooler/my.scss */
.submission-emoji-style {
  display: flex;
}

/* line 1662, app/assets/stylesheets/schooler/my.scss */
.empty-emoji-design-content {
  padding-bottom: 32px !important;
}

/* line 1665, app/assets/stylesheets/schooler/my.scss */
.emoji-design-content-he {
  background-color: #2e4b4f;
  max-width: fit-content;
  padding: 9px 70px 12px 26px;
  border-radius: 46px;
  position: relative;
  font-size: 18px;
  color: white;
  top: 5px;
}

/* line 1675, app/assets/stylesheets/schooler/my.scss */
.emoji-design-content-en {
  background-color: #2e4b4f;
  max-width: fit-content;
  padding: 9px 26px 12px 70px;
  border-radius: 46px;
  position: relative;
  font-size: 18px;
  color: white;
  top: 5px;
}

/* line 1685, app/assets/stylesheets/schooler/my.scss */
.submission-emoji-design {
  width: 50px;
  height: 52px;
  background-color: white;
  border-radius: 50%;
  position: absolute;
}

/* line 1692, app/assets/stylesheets/schooler/my.scss */
.submission-quiz-emoji {
  background-color: #2e4b4f;
  height: 43px;
  width: 43px;
  display: block;
  border-radius: 50%;
  margin-top: 5px;
}

/* line 1700, app/assets/stylesheets/schooler/my.scss */
.grade-label-en {
  white-space: nowrap !important;
  margin-right: 12px !important;
  line-height: 28px !important;
}

/* line 1705, app/assets/stylesheets/schooler/my.scss */
.submission-grade-label {
  width: 57px;
  height: 22px;
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #3D3D3D;
  margin: 0;
  padding-top: 5px;
}

/* line 1718, app/assets/stylesheets/schooler/my.scss */
.emoji-image-he {
  margin-top: 5px;
  margin-right: 5px;
  width: 2rem;
}

/* line 1723, app/assets/stylesheets/schooler/my.scss */
.emoji-image-en {
  margin-top: 5px;
  margin-left: 5px;
  width: 2rem;
}

/* line 1728, app/assets/stylesheets/schooler/my.scss */
.submission-grade-value {
  margin-left: 20px;
  width: 26px;
  height: 22px;
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 22px;
  color: #3D3D3D;
  margin: 0 10px;
  padding-top: 5px;
}

/* line 1741, app/assets/stylesheets/schooler/my.scss */
.submission-passing-grade-container {
  left: 4rem;
  top: 3.6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0 0;
  gap: 5px;
  position: absolute;
  width: 12%;
  height: 40px;
}

/* line 1754, app/assets/stylesheets/schooler/my.scss */
.submission-passing-grade-container-en {
  left: 40rem !important;
  top: 3.6rem;
}

/* line 1758, app/assets/stylesheets/schooler/my.scss */
.submission-celebration-flag {
  left: 8% !important;
  transform: translateY(-20px) !important;
  position: absolute;
  padding-bottom: 12px;
}

/* line 1764, app/assets/stylesheets/schooler/my.scss */
.submission-view-question {
  margin-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(61, 61, 61, 0.2);
}

/* line 1769, app/assets/stylesheets/schooler/my.scss */
.submission-view-content-header {
  padding-bottom: 2rem;
}

/* line 1772, app/assets/stylesheets/schooler/my.scss */
.submission-view-question-number {
  background-color: unset;
  color: #3d3d3d;
  font-family: assistant;
  font-weight: 700;
  font-size: 20px;
}

/* line 1779, app/assets/stylesheets/schooler/my.scss */
.submission-view-question-text {
  font-size: 16px;
  font-family: assistant;
  color: #3d3d3d;
  font-weight: 700;
  padding: 10px 10px 0 10px;
}

/* line 1786, app/assets/stylesheets/schooler/my.scss */
.custom-radio-button {
  width: 22px;
  height: 22px;
  margin-right: 7px;
}

/* line 1791, app/assets/stylesheets/schooler/my.scss */
.question-image-class-he {
  margin-right: 1rem;
  width: 340px;
  height: 220px;
}

/* line 1796, app/assets/stylesheets/schooler/my.scss */
.question-image-class-en {
  margin-left: 1rem;
  width: 340px;
  height: 220px;
}

/* line 1801, app/assets/stylesheets/schooler/my.scss */
.audio-he-media {
  margin-right: 2rem;
  border-radius: 50px;
  width: 340px;
}

/* line 1806, app/assets/stylesheets/schooler/my.scss */
.audio-en-media {
  margin-left: 2rem;
  border-radius: 50px;
  width: 340px;
}

/* line 1813, app/assets/stylesheets/schooler/my.scss */
.correct-question-he .correct-marked-answer-he {
  color: white !important;
  background-color: #219653;
  width: fit-content;
  border-radius: 20px;
  margin-right: 30px;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
}

/* line 1824, app/assets/stylesheets/schooler/my.scss */
.correct-question-he .correct-marked-answer-he .custom-radio-button {
  width: 15px;
  height: 15px;
  margin-right: 12px;
  margin-left: 9px;
  margin-top: auto;
}

/* line 1832, app/assets/stylesheets/schooler/my.scss */
.correct-question-he .correct-marked-explanation-he {
  color: #219653;
  width: fit-content;
  margin-right: 1rem;
  font-size: 16px;
  font-family: assistant;
  font-weight: 700;
}

/* line 1840, app/assets/stylesheets/schooler/my.scss */
.correct-question-he .correct-marked-image-he {
  border: 2px solid #219653;
  width: fit-content;
  margin-right: 2rem;
  width: 340px;
  height: 220px;
}

/* line 1847, app/assets/stylesheets/schooler/my.scss */
.correct-question-he .unmarked-answer-he {
  color: #D90808 !important;
  width: fit-content;
  border-radius: 20px;
  margin-right: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 1855, app/assets/stylesheets/schooler/my.scss */
.correct-question-he .unmarked-explanation-he {
  color: #D90808;
  margin-right: 1rem;
  font-size: 16px;
  width: fit-content;
  font-family: assistant;
  font-weight: 700;
}

/* line 1863, app/assets/stylesheets/schooler/my.scss */
.correct-question-he .unmarked-image-he {
  border: 2px solid #D90808;
  width: fit-content;
  margin-right: 2rem;
  width: 340px;
  height: 220px;
}

/* line 1870, app/assets/stylesheets/schooler/my.scss */
.correct-question-he .audio-he-media {
  border: 2px solid #219653;
  margin-right: 2rem;
  border-radius: 50px;
  width: 340px;
}

/* line 1876, app/assets/stylesheets/schooler/my.scss */
.correct-question-he .correct-video-media-he > div {
  width: 340px !important;
  height: 220px !important;
  margin-right: 2rem !important;
  border: 2px solid #219653 !important;
}

/* line 1882, app/assets/stylesheets/schooler/my.scss */
.correct-question-he .unmarked-video-media-he > div {
  width: 340px !important;
  height: 220px !important;
  margin-right: 2rem !important;
  border: 2px solid #D90808;
}

/* line 1891, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .correct-marked-answer-en {
  color: white !important;
  background-color: #219653;
  width: fit-content;
  border-radius: 20px;
  margin-right: 30px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
}

/* line 1902, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .correct-marked-answer-en .custom-radio-button {
  width: 15px;
  height: 15px;
  margin-right: 9px;
  margin-left: 9px;
  margin-top: auto;
  margin-bottom: 1px;
}

/* line 1911, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .correct-marked-answer-en {
  color: white !important;
  background-color: #219653;
  width: fit-content;
  border-radius: 20px;
  margin-left: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 1920, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .correct-marked-answer-en .custom-radio-button {
  width: 15px;
  height: 15px;
  margin-right: 9px;
  margin-left: 9px;
  margin-top: auto;
}

/* line 1928, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .correct-marked-explanation-en {
  color: #219653;
  width: fit-content;
  margin-left: 1rem;
  font-size: 16px;
  font-family: assistant;
  font-weight: 700;
}

/* line 1936, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .correct-marked-image-en {
  border: 2px solid #219653;
  width: fit-content;
  margin-left: 2rem;
  width: 340px;
  height: 220px;
}

/* line 1943, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .unmarked-answer-en {
  color: #D90808 !important;
  width: fit-content;
  border-radius: 20px;
  margin-left: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 1951, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .unmarked-explanation-en {
  color: #D90808;
  margin-left: 1rem;
  font-size: 16px;
  width: fit-content;
  font-family: assistant;
  font-weight: 700;
}

/* line 1959, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .unmarked-image-en {
  border: 2px solid #D90808;
  width: fit-content;
  margin-left: 2rem;
  width: 340px;
  height: 220px;
}

/* line 1966, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .audio-en-media {
  border: 2px solid #219653;
  margin-left: 2rem;
  border-radius: 50px;
  width: 340px;
}

/* line 1972, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .correct-video-media-en > div {
  width: 340px !important;
  height: 220px !important;
  margin-left: 2rem !important;
  border: 2px solid #219653 !important;
}

/* line 1978, app/assets/stylesheets/schooler/my.scss */
.correct-question-en .unmarked-video-media-en > div {
  width: 340px !important;
  height: 220px !important;
  margin-left: 2rem !important;
  border: 2px solid #D90808 !important;
}

/* line 1987, app/assets/stylesheets/schooler/my.scss */
.wrong-question-he .wrong-marked-answer-he {
  color: white !important;
  background-color: #D90808 !important;
  width: fit-content;
  border-radius: 20px;
  margin-right: 30px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
}

/* line 1998, app/assets/stylesheets/schooler/my.scss */
.wrong-question-he .wrong-marked-answer-he .custom-radio-button {
  width: 15px;
  height: 15px;
  margin-right: 12px;
  margin-left: 9px;
  margin-top: 0;
  margin-top: auto;
}

/* line 2007, app/assets/stylesheets/schooler/my.scss */
.wrong-question-he .wrong-marked-explanation-he {
  color: #D90808;
  width: fit-content;
  margin-right: 1rem;
  font-size: 16px;
  font-family: assistant;
  font-weight: 700;
}

/* line 2015, app/assets/stylesheets/schooler/my.scss */
.wrong-question-he .wrong-marked-image-he {
  border: 2px solid #D90808;
  width: fit-content;
  margin-right: 2rem;
  width: 340px;
  height: 220px;
}

/* line 2022, app/assets/stylesheets/schooler/my.scss */
.wrong-question-he .unmarked-answer-he {
  color: #3D3D3D !important;
  width: fit-content;
  border-radius: 20px;
  margin-right: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 2030, app/assets/stylesheets/schooler/my.scss */
.wrong-question-he .unmarked-explanation-he {
  display: none;
}

/* line 2033, app/assets/stylesheets/schooler/my.scss */
.wrong-question-he .unmarked-image-he {
  border: 2px solid #D90808;
  width: fit-content;
  margin-right: 2rem;
  width: 340px;
  height: 220px;
}

/* line 2040, app/assets/stylesheets/schooler/my.scss */
.wrong-question-he .audio-he-media {
  border: 2px solid #D90808;
  margin-right: 2rem;
  border-radius: 50px;
  width: 340px;
}

/* line 2046, app/assets/stylesheets/schooler/my.scss */
.wrong-question-he .wrong-video-media-he > div {
  width: 340px !important;
  height: 220px !important;
  margin-right: 2rem !important;
  border: 2px solid #D90808 !important;
}

/* line 2052, app/assets/stylesheets/schooler/my.scss */
.wrong-question-he .unmarked-video-media-he > div {
  width: 340px !important;
  height: 220px !important;
  margin-right: 2rem !important;
  border: 2px solid #3D3D3D !important;
}

/* line 2061, app/assets/stylesheets/schooler/my.scss */
.wrong-question-en .wrong-marked-answer-en {
  color: white !important;
  background-color: #D90808 !important;
  width: fit-content;
  border-radius: 20px;
  margin-left: 30px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
}

/* line 2072, app/assets/stylesheets/schooler/my.scss */
.wrong-question-en .wrong-marked-answer-en .custom-radio-button {
  width: 15px;
  height: 15px;
  margin-right: 9px;
  margin-left: 12px;
  margin-top: 0;
  margin-top: auto;
}

/* line 2081, app/assets/stylesheets/schooler/my.scss */
.wrong-question-en .wrong-marked-explanation-en {
  color: #D90808;
  width: fit-content;
  margin-left: 1rem;
  font-size: 16px;
  font-family: assistant;
  font-weight: 700;
}

/* line 2089, app/assets/stylesheets/schooler/my.scss */
.wrong-question-en .wrong-marked-image-en {
  border: 2px solid #D90808;
  width: fit-content;
  margin-left: 2rem;
  width: 340px;
  height: 220px;
}

/* line 2096, app/assets/stylesheets/schooler/my.scss */
.wrong-question-en .unmarked-answer-en {
  color: #3D3D3D !important;
  width: fit-content;
  border-radius: 20px;
  margin-left: 30px;
  padding-right: 10px;
  padding-left: 10px;
}

/* line 2104, app/assets/stylesheets/schooler/my.scss */
.wrong-question-en .unmarked-explanation-en {
  display: none;
}

/* line 2107, app/assets/stylesheets/schooler/my.scss */
.wrong-question-en .unmarked-image-en {
  border: 2px solid #D90808;
  width: fit-content;
  margin-left: 2rem;
  width: 340px;
  height: 220px;
}

/* line 2114, app/assets/stylesheets/schooler/my.scss */
.wrong-question-en .audio-en-media {
  border: 2px solid #D90808;
  margin-left: 2rem;
  border-radius: 50px;
  width: 340px;
}

/* line 2120, app/assets/stylesheets/schooler/my.scss */
.wrong-question-en .wrong-video-media-en > div {
  width: 340px !important;
  height: 220px !important;
  margin-left: 2rem !important;
  border: 2px solid #D90808 !important;
}

/* line 2126, app/assets/stylesheets/schooler/my.scss */
.wrong-question-en .unmarked-video-media-en > div {
  width: 340px !important;
  height: 220px !important;
  margin-left: 2rem !important;
  border: 2px solid #3D3D3D !important;
}

/* line 2134, app/assets/stylesheets/schooler/my.scss */
.submission-answers-list li {
  margin-top: 5px;
  list-style-type: none;
}

/* line 2138, app/assets/stylesheets/schooler/my.scss */
.videoMedia-he > div {
  width: 340px !important;
  height: 220px !important;
  margin-right: 2rem !important;
}

/* line 2143, app/assets/stylesheets/schooler/my.scss */
.videoMedia-en > div {
  width: 340px !important;
  height: 220px !important;
  margin-left: 2rem !important;
}

/* line 2148, app/assets/stylesheets/schooler/my.scss */
.submission-modal-content-he::-webkit-scrollbar {
  display: none;
}

/* line 2151, app/assets/stylesheets/schooler/my.scss */
.submission-modal-content-en::-webkit-scrollbar {
  display: none;
}

/* line 2154, app/assets/stylesheets/schooler/my.scss */
.max-date-width-normal {
  min-width: 330px !important;
}

/* line 2157, app/assets/stylesheets/schooler/my.scss */
.header-csv-btn {
  display: flex;
  display: none;
}

/* line 2161, app/assets/stylesheets/schooler/my.scss */
.search-select-date {
  min-width: 290px;
}

@media (max-width: 1330px) {
  /* line 2165, app/assets/stylesheets/schooler/my.scss */
  .units-list-head .quiz-submission-table-header {
    vertical-align: middle !important;
    font-size: 10px !important;
    white-space: nowrap !important;
    padding: 10px !important;
  }
  /* line 2171, app/assets/stylesheets/schooler/my.scss */
  .units-list-head .submission-small-screen {
    padding-right: 12px !important;
  }
  /* line 2174, app/assets/stylesheets/schooler/my.scss */
  .quiz-submission-table-cell {
    font-size: 10px !important;
  }
  /* line 2177, app/assets/stylesheets/schooler/my.scss */
  .header-start-cell {
    min-width: 0 !important;
  }
  /* line 2180, app/assets/stylesheets/schooler/my.scss */
  .units-list .time-cell {
    white-space: nowrap;
    font-size: 10px !important;
  }
  /* line 2184, app/assets/stylesheets/schooler/my.scss */
  .search-input-test-name {
    min-width: 135px !important;
  }
  /* line 2187, app/assets/stylesheets/schooler/my.scss */
  .search-select-course {
    min-width: 210px !important;
  }
  /* line 2190, app/assets/stylesheets/schooler/my.scss */
  .search-select-date {
    font-size: 13px !important;
  }
  /* line 2193, app/assets/stylesheets/schooler/my.scss */
  .search-select-course {
    min-width: 183px !important;
  }
  /* line 2196, app/assets/stylesheets/schooler/my.scss */
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    font-size: 13px !important;
    max-width: 113px !important;
  }
  /* line 2200, app/assets/stylesheets/schooler/my.scss */
  #labelText {
    font-size: 13px !important;
  }
  /* line 2203, app/assets/stylesheets/schooler/my.scss */
  .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    padding-right: 8% !important;
  }
}

@media (max-width: 1230px) {
  /* line 2208, app/assets/stylesheets/schooler/my.scss */
  .quiz-submission-filter-btn {
    display: none !important;
  }
  /* line 2211, app/assets/stylesheets/schooler/my.scss */
  .header-csv-btn {
    display: flex;
  }
  /* line 2214, app/assets/stylesheets/schooler/my.scss */
  .submission-header-line-icon {
    padding-bottom: 10px;
  }
  /* line 2217, app/assets/stylesheets/schooler/my.scss */
  .submission-search {
    justify-content: space-between;
  }
  /* line 2220, app/assets/stylesheets/schooler/my.scss */
  .filter-csv-btn {
    display: none;
  }
  /* line 2223, app/assets/stylesheets/schooler/my.scss */
  .max-date-width-small {
    min-width: 290px !important;
  }
}

/* Mobile Only */
@media (max-width: 768px) {
  /* line 2230, app/assets/stylesheets/schooler/my.scss */
  .my-notification {
    position: static;
  }
  /* line 2234, app/assets/stylesheets/schooler/my.scss */
  .hide-mobile {
    display: none;
  }
  /* line 2238, app/assets/stylesheets/schooler/my.scss */
  .video-responsive {
    height: auto;
  }
  /* line 2242, app/assets/stylesheets/schooler/my.scss */
  .pdftab, .iframetab {
    min-height: 25vh;
  }
  /* line 2246, app/assets/stylesheets/schooler/my.scss */
  .padded-form {
    margin-top: 0;
  }
  /* line 2250, app/assets/stylesheets/schooler/my.scss */
  .new-user-form-header {
    font-weight: normal;
  }
  /* line 2252, app/assets/stylesheets/schooler/my.scss */
  .new-user-form-header:small {
    font-size: 0.8em;
  }
  /* line 2257, app/assets/stylesheets/schooler/my.scss */
  .show-mobile {
    display: block;
  }
  /* line 2260, app/assets/stylesheets/schooler/my.scss */
  .sidebar {
    display: block;
  }
  /* line 2262, app/assets/stylesheets/schooler/my.scss */
  .sidebar .sidebar-top {
    display: none;
  }
  /* line 2265, app/assets/stylesheets/schooler/my.scss */
  .sidebar .credits {
    padding-right: 28px;
  }
  /* line 2267, app/assets/stylesheets/schooler/my.scss */
  .sidebar .credits p {
    max-width: inherit;
    border-right-color: transparent !important;
    width: 100vw;
    display: block;
    padding-right: 0;
    padding-bottom: 10px;
    color: #478189;
  }
  /* line 2275, app/assets/stylesheets/schooler/my.scss */
  .sidebar .credits p a {
    color: #478189 !important;
  }
  /* line 2282, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .top-panel-heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 54px;
    border-top-style: solid;
    border-top-width: 1px;
    padding: 0;
  }
  /* line 2291, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .top-panel-heading > :nth-child(2) {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 15px;
    padding-right: 15px;
    width: 72%;
  }
  /* line 2297, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .top-panel-heading .active-action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    height: 53px;
    width: 56px;
  }
  /* line 2302, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .top-panel-heading .active-action[disabled] {
    background-color: transparent;
  }
  /* line 2304, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .top-panel-heading .active-action[disabled] > span {
    color: #6c787b !important;
  }
  /* line 2309, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .top-panel-heading .subheading {
    font-size: 16px;
  }
  /* line 2313, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .header-mobile-top {
    height: 54px;
  }
  /* line 2315, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .header-mobile-top .sch-menu {
    font-size: 22px;
  }
  /* line 2318, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .header-mobile-top ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 64%;
  }
  /* line 2325, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .header-mobile-top ul li:nth-child(n+2) {
    margin-right: 10px;
  }
  /* line 2328, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .header-mobile-top ul li a {
    border-radius: 50px;
    border-width: 1px;
    border-style: solid;
    padding: 0;
    font-size: 16px;
  }
  /* line 2334, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .header-mobile-top ul li a:first-child {
    height: 27px;
    width: 65px;
    line-height: 1.6;
    text-align: center;
  }
  /* line 2340, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .header-mobile-top ul li.with-text-icon {
    line-height: 1.4;
  }
  /* line 2342, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .header-mobile-top ul li.with-text-icon a {
    height: 27px;
    width: 91px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
  }
  /* line 2348, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .header-mobile-top ul li.with-text-icon a .sch-cart, .header-mobile .header-mobile-top ul li.with-text-icon a .sch-registration {
    font-size: 16px;
    line-height: 1.4;
  }
  /* line 2356, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .header-mobile-top .buy-now-display {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 85%;
    padding-left: 20px;
  }
  /* line 2362, app/assets/stylesheets/schooler/my.scss */
  .header-mobile .nav-opener {
    padding: 15px 20px 15px 0;
  }
  /* line 2367, app/assets/stylesheets/schooler/my.scss */
  .menu-mobile .sch-test {
    width: 50px;
    font-size: 25px;
  }
  /* line 2371, app/assets/stylesheets/schooler/my.scss */
  .menu-mobile .icon-pdf {
    height: 26px;
  }
  /* line 2374, app/assets/stylesheets/schooler/my.scss */
  .menu-mobile .icon-www {
    height: 36px;
    width: 43px;
  }
  /* line 2378, app/assets/stylesheets/schooler/my.scss */
  .menu-mobile .icon-video {
    height: 26px;
    width: 58px;
  }
  /* line 2385, app/assets/stylesheets/schooler/my.scss */
  .padded-form .nm-form-row {
    padding: 0 19px;
  }
  /* line 2389, app/assets/stylesheets/schooler/my.scss */
  .padded-form .reset-password-button {
    margin-left: 19px;
    margin-right: 19px;
  }
  /* line 2395, app/assets/stylesheets/schooler/my.scss */
  .signin-icon-padded {
    margin-bottom: 30px;
  }
  /* line 2399, app/assets/stylesheets/schooler/my.scss */
  .signin-icon {
    text-align: center;
    display: block;
    padding: 10px;
  }
  /* line 2404, app/assets/stylesheets/schooler/my.scss */
  .signin-icon .sch-icon {
    font-size: 60px;
    color: #03d6f3;
    padding-top: 10px;
  }
  /* line 2410, app/assets/stylesheets/schooler/my.scss */
  .signin-icon h2 {
    font-size: 36px;
    text-transform: capitalize;
  }
  /* line 2416, app/assets/stylesheets/schooler/my.scss */
  .forgot-password-link, .forgot-password-link:hover, .forgot-password-link:active {
    float: left;
    color: #2e4b4f;
    text-decoration: underline;
  }
  /* line 2422, app/assets/stylesheets/schooler/my.scss */
  .signin-button input {
    width: 100%;
  }
  /* line 2426, app/assets/stylesheets/schooler/my.scss */
  .course-info-item.col {
    margin-top: 10px;
    padding-right: 0;
    text-align: right;
  }
  /* line 2431, app/assets/stylesheets/schooler/my.scss */
  .course-info-item.col strong {
    font-weight: normal;
    font-size: 18px;
  }
  /* line 2437, app/assets/stylesheets/schooler/my.scss */
  .quiztab .content-inner {
    padding: 26px 0px 30px;
  }
  /* line 2442, app/assets/stylesheets/schooler/my.scss */
  .iconed-block {
    position: static;
    padding-right: 0;
    text-align: center;
  }
  /* line 2447, app/assets/stylesheets/schooler/my.scss */
  .iconed-block .sch-icon:first-child {
    position: static;
    display: block;
    text-align: center;
    color: #03d6f3;
    font-size: 48px;
    margin-bottom: 20px;
  }
  /* line 2455, app/assets/stylesheets/schooler/my.scss */
  .iconed-block .link-to-signin {
    display: none;
  }
  /* line 2458, app/assets/stylesheets/schooler/my.scss */
  .iconed-block .button-primary {
    width: 100%;
  }
  /* line 2461, app/assets/stylesheets/schooler/my.scss */
  .iconed-block .button-w-tip {
    width: auto;
    padding: 9px 8px;
    font-size: 16px;
  }
  /* line 2466, app/assets/stylesheets/schooler/my.scss */
  .iconed-block .button-w-tip .icon-lock-2 {
    top: 4px;
    right: -32px;
  }
  /* line 2471, app/assets/stylesheets/schooler/my.scss */
  .iconed-block .col-set {
    flex-wrap: wrap;
    width: inherit !important;
  }
  /* line 2474, app/assets/stylesheets/schooler/my.scss */
  .iconed-block .col-set .col {
    border: 0;
    padding: 0;
  }
  /* line 2477, app/assets/stylesheets/schooler/my.scss */
  .iconed-block .col-set .col .content-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    padding: 0;
  }
  /* line 2481, app/assets/stylesheets/schooler/my.scss */
  .iconed-block .col-set .col .content-inner .color-brand {
    margin-top: 0 !important;
  }
  /* line 2483, app/assets/stylesheets/schooler/my.scss */
  .iconed-block .col-set .col .content-inner .color-brand + * {
    margin-top: 12px;
  }
  /* line 2492, app/assets/stylesheets/schooler/my.scss */
  .school-intro-text a, .header a, .subheader a {
    white-space: pre-wrap;
    /* CSS3 */
    white-space: -moz-pre-wrap;
    /* Mozilla, since 1999 */
    word-wrap: break-word;
    /* Internet Explorer 5.5+ */
  }
}

/* Desktop Only */
@media (min-width: 768px) {
  /* line 2502, app/assets/stylesheets/schooler/my.scss */
  .hide-desktop {
    display: none !important;
  }
  /* line 2506, app/assets/stylesheets/schooler/my.scss */
  .signin-actions, .signin-button {
    margin: 20px 0 20px 0;
  }
  /* line 2510, app/assets/stylesheets/schooler/my.scss */
  .forgot-password-link, .forgot-password-link:hover, .forgot-password-link:active {
    float: left;
  }
  /* line 2514, app/assets/stylesheets/schooler/my.scss */
  .signup-suggestion-block {
    margin: 20px 0 20px 0;
    text-align: right;
  }
  /* line 2517, app/assets/stylesheets/schooler/my.scss */
  .signup-suggestion-block h2 {
    font-size: 16px;
    font-weight: normal;
    display: inline;
  }
  /* line 2526, app/assets/stylesheets/schooler/my.scss */
  .school-root .video-responsive-wrap.edit-content iframe, .school-root .video-responsive-wrap.edit-content .wistia_embed {
    mix-blend-mode: overlay;
  }
  /* line 2530, app/assets/stylesheets/schooler/my.scss */
  .school-root .video-responsive-wrap.edit-content .video-responsive .popup {
    z-index: 1001;
  }
  /* line 2535, app/assets/stylesheets/schooler/my.scss */
  .school-root .video-responsive-wrap.html5-player-edit {
    overflow: hidden;
  }
  /* line 2537, app/assets/stylesheets/schooler/my.scss */
  .school-root .video-responsive-wrap.html5-player-edit .video-responsive {
    margin: 0 auto;
  }
  /* line 2541, app/assets/stylesheets/schooler/my.scss */
  .school-root .video-responsive-wrap.html5-player-preview {
    overflow: hidden;
  }
  /* line 2543, app/assets/stylesheets/schooler/my.scss */
  .school-root .video-responsive-wrap.html5-player-preview .video-responsive {
    margin: 0 auto;
  }
}

/* line 2552, app/assets/stylesheets/schooler/my.scss */
.middle-container {
  overflow: auto;
}

@media (min-width: 768px) {
  /* line 2552, app/assets/stylesheets/schooler/my.scss */
  .middle-container {
    min-height: 65vh;
    height: 65vh;
  }
}

/* line 2558, app/assets/stylesheets/schooler/my.scss */
.middle-container.no-notes {
  min-height: calc(100vh - 250px);
  height: calc(100vh - 250px);
}

@media (min-width: 1200px) {
  /* line 2558, app/assets/stylesheets/schooler/my.scss */
  .middle-container.no-notes {
    min-height: 93.8vh;
    height: 93.8vh;
  }
}

/* line 2568, app/assets/stylesheets/schooler/my.scss */
.scrollable-middle-container {
  overflow: auto;
}

/* line 2572, app/assets/stylesheets/schooler/my.scss */
.popup {
  top: calc(50% - 201px);
  left: calc(50% - 262px);
}

/* line 2577, app/assets/stylesheets/schooler/my.scss */
.popup.edit-sections-explanation {
  top: calc(50% - 145px);
}

/* line 2581, app/assets/stylesheets/schooler/my.scss */
.popup.edit-status {
  top: 50px;
}

/* line 2585, app/assets/stylesheets/schooler/my.scss */
.popup.edit-instructor {
  width: 500px;
  left: calc(50% - 250px);
}

/* line 2591, app/assets/stylesheets/schooler/my.scss */
.attach-label {
  max-width: 100px;
}

/* line 2595, app/assets/stylesheets/schooler/my.scss */
.edit-video-attach-pdf-header {
  font-size: 18px;
  font-weight: 600px;
}

/* line 2600, app/assets/stylesheets/schooler/my.scss */
.input-file {
  display: block;
}

/* line 2602, app/assets/stylesheets/schooler/my.scss */
.input-file::before {
  width: 50px;
}

/* line 2605, app/assets/stylesheets/schooler/my.scss */
.input-file + .input-file-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 280px;
  display: block;
}

/* line 2615, app/assets/stylesheets/schooler/my.scss */
.input-file-line {
  width: calc(100% - 62px);
  overflow: hidden;
}

/* line 2620, app/assets/stylesheets/schooler/my.scss */
.input-file-remove-button {
  vertical-align: top;
  color: white;
  cursor: pointer;
  font-size: 15px;
  font-weight: 400;
  border: none;
  outline: none;
  line-height: 52px;
  background-color: #888;
  border-radius: 5px;
  padding: 0 10px;
  appearance: none;
  margin-right: 10px;
}

/* line 2636, app/assets/stylesheets/schooler/my.scss */
.input-file-suggestions-caption,
.input-file-validation {
  margin-top: 10px;
  max-width: 450px;
  white-space: pre-line;
  width: 100%;
}

/* line 2644, app/assets/stylesheets/schooler/my.scss */
.input-file-suggestions-caption + .input-file-validation--suggestion {
  margin-top: 10px;
}

/* line 2648, app/assets/stylesheets/schooler/my.scss */
.input-file-validation {
  margin-right: 20px;
}

/* line 2652, app/assets/stylesheets/schooler/my.scss */
.input-file-validation--error {
  color: #b00020;
}

/* line 2656, app/assets/stylesheets/schooler/my.scss */
.input-file-validation--suggestion {
  color: #8f4000;
}

/* line 2659, app/assets/stylesheets/schooler/my.scss */
.add-img-note {
  font-weight: bold;
}

/* line 2663, app/assets/stylesheets/schooler/my.scss */
.copy-to-clipboard {
  width: 40px;
  height: 40px;
  content: '';
  display: block;
  position: absolute;
  top: -2px;
  right: 0px;
  border-radius: 40px;
  background: #2e4b4f url(/images/files.svg) 50% no-repeat;
  -webkit-background-size: 17px 18px;
  background-size: 17px 18px;
  border: 0;
  outline: 0;
}

/* line 2680, app/assets/stylesheets/schooler/my.scss */
.input-file-alt-2 {
  position: relative;
  width: 302px;
  height: 36px;
  padding-right: 14px;
}

/* line 2687, app/assets/stylesheets/schooler/my.scss */
.input-file-alt-2 input {
  width: 100%;
  border: 0 none;
  padding: 8px 30px 8px 12px;
  display: block;
  background: #f0f0f0;
  border-radius: 3px;
  font-size: 16px;
  line-height: 20px;
  color: #2e4b4f;
  text-align: left;
  direction: ltr;
}

/* line 2701, app/assets/stylesheets/schooler/my.scss */
.notification-leave.notification-leave-active {
  transition: none !important;
}

/* line 2705, app/assets/stylesheets/schooler/my.scss */
.notification-container-empty .notification-leave.notification-leave-active {
  transition: all 0.4s !important;
}

/* line 2709, app/assets/stylesheets/schooler/my.scss */
.schooler-logout {
  margin-top: 12px;
  margin-left: 6px;
}

/* line 2713, app/assets/stylesheets/schooler/my.scss */
.schooler-logout:hover {
  text-decoration: underline;
}

/* line 2718, app/assets/stylesheets/schooler/my.scss */
.pdf-nav-pager {
  list-style: none;
  text-align: center;
  padding: 0;
}

/* line 2722, app/assets/stylesheets/schooler/my.scss */
.pdf-nav-pager li {
  display: inline-block;
}

/* line 2727, app/assets/stylesheets/schooler/my.scss */
.no-top-padding {
  padding-top: 0 !important;
}

/* line 2731, app/assets/stylesheets/schooler/my.scss */
.simplified-menu ul {
  height: 40px;
}

/* line 2735, app/assets/stylesheets/schooler/my.scss */
.simplified-menu .input-color {
  line-height: 22px;
  height: 22px;
}

/* line 2740, app/assets/stylesheets/schooler/my.scss */
.links-panel {
  border-top: 1px solid;
  height: 0;
  transition: all 0.2s;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0;
}

/* line 2749, app/assets/stylesheets/schooler/my.scss */
.links-panel.open {
  height: 72px;
  z-index: 100;
  position: relative;
  padding: 0 2% 10px 10px;
}

/* line 2756, app/assets/stylesheets/schooler/my.scss */
.fake-link {
  text-decoration: none;
}

/* line 2760, app/assets/stylesheets/schooler/my.scss */
.links-panel--btn-close {
  display: inline-block;
  border: 1px solid;
  padding: 4px 5px;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
  right: 95%;
  bottom: 45px;
}

/* line 2769, app/assets/stylesheets/schooler/my.scss */
.links-panel--btn-close .sch-icon {
  font-size: 0.8rem;
  margin-left: 0.2rem;
}

/* line 2775, app/assets/stylesheets/schooler/my.scss */
.select-student-courses .labels {
  display: flex;
  justify-content: space-between;
}

/* line 2778, app/assets/stylesheets/schooler/my.scss */
.select-student-courses .labels div {
  width: 45%;
  text-align: right;
}

/* line 2784, app/assets/stylesheets/schooler/my.scss */
.lesson--list a {
  opacity: 0.6;
}

/* line 2788, app/assets/stylesheets/schooler/my.scss */
.lesson--list a.bright {
  opacity: 1;
}

/* line 2793, app/assets/stylesheets/schooler/my.scss */
.lesson--list .sch-preview::before {
  margin-bottom: -5px;
  vertical-align: middle;
  display: inline-block;
}

/* line 2800, app/assets/stylesheets/schooler/my.scss */
.student-status {
  width: 70px;
}

/* line 2804, app/assets/stylesheets/schooler/my.scss */
.icon-n-text .icon {
  margin-left: 10px;
}

/* line 2808, app/assets/stylesheets/schooler/my.scss */
.iconed-block .sch {
  font-size: 48px;
  opacity: 0.5;
}

/* line 2813, app/assets/stylesheets/schooler/my.scss */
.info-center-icon {
  color: #5A8F92;
  background: #3A4954;
  border-radius: 50px;
  width: 50px;
  height: 50px;
  position: absolute;
  right: 13px;
  top: 110px;
  display: block;
  z-index: 99;
  cursor: pointer;
}

/* line 2826, app/assets/stylesheets/schooler/my.scss */
.info-center-icon::before {
  position: absolute;
  top: 7px;
  left: 7px;
  font-size: 36px;
  font-weight: bold;
}

/* line 2835, app/assets/stylesheets/schooler/my.scss */
.spinner {
  margin: 20px auto 0;
  width: 70px;
  text-align: center;
  display: inline-block;
}

/* line 2842, app/assets/stylesheets/schooler/my.scss */
.spinner > div {
  width: 12px;
  height: 12px;
  background-color: #333;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

/* line 2853, app/assets/stylesheets/schooler/my.scss */
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

/* line 2858, app/assets/stylesheets/schooler/my.scss */
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* line 2879, app/assets/stylesheets/schooler/my.scss */
.lesson--list .toc-header .handle {
  margin-top: 3px;
}

/* line 2882, app/assets/stylesheets/schooler/my.scss */
.lesson--list .toc-header a {
  display: table-row;
}

/* line 2887, app/assets/stylesheets/schooler/my.scss */
.edit-lesson-root .toc-item .lesson-item {
  max-width: 85%;
}

/* line 2891, app/assets/stylesheets/schooler/my.scss */
.lesson--dragging {
  opacity: 0.5;
}

/* line 2895, app/assets/stylesheets/schooler/my.scss */
.lesson--droppable {
  border-bottom: 1px solid green !important;
}

/* line 2899, app/assets/stylesheets/schooler/my.scss */
.chapter-drop-target {
  width: 80%;
  height: 2px;
  margin-bottom: 10px;
  position: absolute;
  height: 20px;
  border: 1px solid green;
  top: -10px;
}

/* line 2909, app/assets/stylesheets/schooler/my.scss */
.popup.edit-theme {
  width: 290px;
  top: calc(50% - 145px);
  left: calc(50% - 150px);
}

/* line 2915, app/assets/stylesheets/schooler/my.scss */
.nm-label-text.unpadded {
  padding: 0;
}

/* line 2919, app/assets/stylesheets/schooler/my.scss */
.input-with-prefix {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}

/* line 2924, app/assets/stylesheets/schooler/my.scss */
.input-with-prefix input {
  display: inline-block;
  min-width: 20px;
}

/* line 2929, app/assets/stylesheets/schooler/my.scss */
.input-with-prefix span.input-prefix {
  display: inline-block;
  direction: ltr;
  font-size: 1.5rem;
  flex-shrink: 0;
}

/* line 2936, app/assets/stylesheets/schooler/my.scss */
.input-with-prefix.error .input-feedback {
  right: 0 !important;
  top: 54px !important;
}

/* line 2940, app/assets/stylesheets/schooler/my.scss */
.input-with-prefix.error ~ .input-note {
  margin-top: 24px;
}

/* line 2946, app/assets/stylesheets/schooler/my.scss */
.image-and-link-with-prefix {
  display: flex;
  align-items: center;
}

/* line 2950, app/assets/stylesheets/schooler/my.scss */
.image-and-link-with-prefix div {
  margin-right: 10px;
}

/* line 2955, app/assets/stylesheets/schooler/my.scss */
.link-with-pixel-margin-fix div {
  margin-right: 0px !important;
}

/* line 2960, app/assets/stylesheets/schooler/my.scss */
.nm-form-row.popup-radio {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

/* line 2961, app/assets/stylesheets/schooler/my.scss */
.nm-form-row.popup-radio .nm-check-block .nm-checkbox {
  right: 0;
}

/* line 2965, app/assets/stylesheets/schooler/my.scss */
.nm-form-row.popup-radio .nm-label-text {
  padding-right: 17px;
}

/* line 2973, app/assets/stylesheets/schooler/my.scss */
.school-root .wrapper {
  height: 100vh;
}

/* line 2977, app/assets/stylesheets/schooler/my.scss */
.custom-radio + .custom-radio {
  margin-right: 20px;
}

/* line 2981, app/assets/stylesheets/schooler/my.scss */
.nm-checkbox {
  z-index: 5;
}

/* line 2985, app/assets/stylesheets/schooler/my.scss */
.answer-correct input[type="checkbox"]:checked ~ .nm-checkbox:after {
  background-color: #FFFFFF !important;
}

/* line 2989, app/assets/stylesheets/schooler/my.scss */
.answer-error input[type="checkbox"]:checked ~ .nm-checkbox:after {
  background-color: #FFFFFF !important;
}

/* line 2993, app/assets/stylesheets/schooler/my.scss */
.answer-error input[type="checkbox"]:checked ~ .nm-checkbox {
  border: 10px solid #D90808 !important;
}

/* line 2997, app/assets/stylesheets/schooler/my.scss */
.answer-correct input[type="checkbox"]:checked ~ .nm-checkbox {
  border: 10px solid #219653 !important;
}

/* line 3001, app/assets/stylesheets/schooler/my.scss */
.button_play {
  font-family: "Assistant", Arial, sans-serif;
}

/* line 3005, app/assets/stylesheets/schooler/my.scss */
.content-type-icon {
  width: 50px;
  height: 50px;
  vertical-align: top;
  font-size: 30px;
  line-height: 50px;
}

/* line 3013, app/assets/stylesheets/schooler/my.scss */
.select-content-type .custom-radio {
  vertical-align: top;
}

/* line 3017, app/assets/stylesheets/schooler/my.scss */
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 3024, app/assets/stylesheets/schooler/my.scss */
sup {
  top: -0.5em;
}

/* line 3028, app/assets/stylesheets/schooler/my.scss */
sub {
  bottom: -0.25em;
}

/* line 3033, app/assets/stylesheets/schooler/my.scss */
.payment-info-tab-header .tab-active .text {
  color: white;
  background: #34daf4;
  padding: 0 10px;
  border-radius: 10px;
}

/* line 3041, app/assets/stylesheets/schooler/my.scss */
.payment-info-tab-content {
  display: none;
  margin-bottom: 40px;
}

/* line 3045, app/assets/stylesheets/schooler/my.scss */
.payment-info-tab-content.tab-active {
  display: block;
}

/* line 3049, app/assets/stylesheets/schooler/my.scss */
.payment-info-tab-content.white-background {
  background-color: white;
  padding: 40px;
  border-radius: 5px;
}

/* line 3057, app/assets/stylesheets/schooler/my.scss */
.payment-info-tab-container.inline .custom-radio {
  margin-right: 0;
  margin-left: 20px;
}

/* line 3065, app/assets/stylesheets/schooler/my.scss */
.responder-fields .tab {
  display: none;
}

/* line 3069, app/assets/stylesheets/schooler/my.scss */
.responder-fields .tab.tab-active {
  display: block;
}

/* line 3074, app/assets/stylesheets/schooler/my.scss */
textarea.nm-textarea {
  resize: both;
}

/* line 3078, app/assets/stylesheets/schooler/my.scss */
.fb-comments-container {
  text-align: center;
}

/* line 3082, app/assets/stylesheets/schooler/my.scss */
.transparent {
  opacity: 0.4;
}

/* line 3086, app/assets/stylesheets/schooler/my.scss */
.edit-facebook-comments {
  margin-top: '20px';
}

/* line 3089, app/assets/stylesheets/schooler/my.scss */
.edit-facebook-comments label {
  display: block;
}

/* line 3094, app/assets/stylesheets/schooler/my.scss */
.bundle-item {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  min-height: 240px;
  padding: 40px;
  margin-bottom: 40px;
  background: white;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.6);
  max-width: 900px;
}

/* line 3106, app/assets/stylesheets/schooler/my.scss */
.input-email::placeholder, .input-password::placeholder {
  text-align: right;
}

/* line 3110, app/assets/stylesheets/schooler/my.scss */
.bundle-item__content {
  display: inline-flex;
  flex-flow: column;
  padding: 0 14px;
  flex: 1;
}

/* line 3117, app/assets/stylesheets/schooler/my.scss */
.bundle-item__img-container {
  display: inline-flex;
  align-items: flex-start;
  width: 240px;
  width: auto;
}

/* line 3123, app/assets/stylesheets/schooler/my.scss */
.bundle-item__img-container img {
  width: 200px;
  height: auto;
}

/* line 3129, app/assets/stylesheets/schooler/my.scss */
.nm-btn.small {
  padding: 0 20px;
  font-size: 16px;
}

/* line 3134, app/assets/stylesheets/schooler/my.scss */
.nm-btn.mini {
  height: 24px;
  font-size: 14px;
  padding: 0 10px;
}

/* line 3140, app/assets/stylesheets/schooler/my.scss */
a.nm-btn {
  text-decoration: none;
  line-height: 2;
  margin-right: 20px;
}

/* line 3144, app/assets/stylesheets/schooler/my.scss */
a.nm-btn:hover {
  color: white;
}

/* line 3148, app/assets/stylesheets/schooler/my.scss */
a.disabled {
  background-color: #9a9a9a;
  cursor: not-allowed;
}

/* line 3153, app/assets/stylesheets/schooler/my.scss */
.nm-right.with-button {
  padding-top: 10px;
}

/* line 3158, app/assets/stylesheets/schooler/my.scss */
.schools-edit-form h4 {
  margin-top: 0 !important;
}

/* line 3163, app/assets/stylesheets/schooler/my.scss */
.schools-edit-form .school_bundle_form .deleted-placeholder {
  display: none;
}

/* line 3166, app/assets/stylesheets/schooler/my.scss */
.schools-edit-form .school_bundle_form .nm-right {
  padding-top: 0;
}

/* line 3169, app/assets/stylesheets/schooler/my.scss */
.schools-edit-form .school_bundle_form .row-afterjoin-url {
  margin-top: 16px;
}

/* line 3175, app/assets/stylesheets/schooler/my.scss */
.schools-edit-form .school_bundle_form.disabled > .nm-form-row > .nm-left div, .schools-edit-form .school_bundle_form.disabled > .nm-form-row > .nm-left h4 {
  display: none;
}

/* line 3180, app/assets/stylesheets/schooler/my.scss */
.schools-edit-form .school_bundle_form.disabled > .nm-form-row > .nm-left .deleted-placeholder {
  display: block;
}

/* line 3184, app/assets/stylesheets/schooler/my.scss */
.schools-edit-form .btn-delete-sb {
  float: left;
}

/* line 3189, app/assets/stylesheets/schooler/my.scss */
.top-panel-heading.with-school-logo {
  line-height: 44px;
}

/* line 3191, app/assets/stylesheets/schooler/my.scss */
.top-panel-heading.with-school-logo + .top-panel-menu a {
  line-height: 30px;
}

/* line 3199, app/assets/stylesheets/schooler/my.scss */
.beta::after {
  content: "בטא";
  position: absolute;
  top: 4px;
  right: 104px;
  font-size: 13px !important;
  background: #F38503;
  padding: 1px 7px 2px 7px;
  margin-left: -16px;
  color: #2e4b4f !important;
  border-radius: 10px;
  line-height: 13px;
  font-weight: 700;
}

/* line 3215, app/assets/stylesheets/schooler/my.scss */
.nm-form-wrap .required label::after {
  content: " (חובה)";
}

/* line 3219, app/assets/stylesheets/schooler/my.scss */
.top-panel {
  max-height: 70px;
}

/* line 3223, app/assets/stylesheets/schooler/my.scss */
.warning {
  color: #ffc000;
}

/* line 3227, app/assets/stylesheets/schooler/my.scss */
.school-container .col-set-bordered {
  width: 50%;
  margin: 0 auto;
}

/* line 3231, app/assets/stylesheets/schooler/my.scss */
.school-container .col-set-bordered .signin-actions, .school-container .col-set-bordered .signin-button {
  margin-right: 0;
}

/* line 3235, app/assets/stylesheets/schooler/my.scss */
.school-container .col-set-bordered .signup-suggestion-block {
  margin-right: 0;
  margin-top: 0;
  padding-top: 0;
}

/* line 3242, app/assets/stylesheets/schooler/my.scss */
.my-notification-warning, .my-notification-alert {
  background: #FCF4DB;
  border-color: transparent;
  border-radius: unset;
  padding: 10px 26px;
}

/* line 3249, app/assets/stylesheets/schooler/my.scss */
.split.button, .copy-course {
  background-color: transparent;
  position: relative;
  margin-left: 15px;
  padding-left: 0px !important;
  padding-right: 0 !important;
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
  color: white;
  width: 34px;
  top: 3px;
  left: 4px;
}

/* line 3263, app/assets/stylesheets/schooler/my.scss */
.split.button span, .copy-course span {
  width: 1.5rem;
  display: block;
  height: 98%;
  position: absolute;
  left: 0;
  top: 0;
  border-right: solid 1px;
}

/* line 3272, app/assets/stylesheets/schooler/my.scss */
.split.button span.arrow::after, .copy-course span.arrow::after {
  border-color: #FFFFFF transparent transparent transparent;
  border-top-style: solid;
  border-width: 0.33333rem;
  margin-left: -20px;
  top: 48%;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: inset;
  top: 50%;
  left: 50%;
}

/* line 3289, app/assets/stylesheets/schooler/my.scss */
.split.button.payment-method, .copy-course.payment-method {
  padding-right: 1rem;
  font-size: 24px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/* line 3295, app/assets/stylesheets/schooler/my.scss */
.split.button.payment-method span, .copy-course.payment-method span {
  width: 2.5rem;
  border-right: none;
}

/* line 3300, app/assets/stylesheets/schooler/my.scss */
.split.button.payment-method.white-dropdown, .copy-course.payment-method.white-dropdown {
  background-color: white;
  color: black;
  font-size: 18px;
  font-weight: 550;
}

/* line 3308, app/assets/stylesheets/schooler/my.scss */
.copy-course {
  background-color: transparent;
  margin-left: 0 !important;
}

/* line 3311, app/assets/stylesheets/schooler/my.scss */
.copy-course:hover {
  background-color: transparent;
}

/* line 3314, app/assets/stylesheets/schooler/my.scss */
.copy-course .sch-copy {
  color: black;
  line-height: 0;
}

/* line 3317, app/assets/stylesheets/schooler/my.scss */
.copy-course .sch-copy:before {
  font-size: 20px;
}

/* line 3322, app/assets/stylesheets/schooler/my.scss */
.copy-course span.arrow::after {
  border-color: #000000 transparent transparent transparent !important;
}

/* line 3327, app/assets/stylesheets/schooler/my.scss */
.f-dropdown {
  display: none;
  left: -9999px;
  list-style: none;
  margin-left: 0;
  position: absolute;
  background: #FFFFFF;
  border: solid 1px #cccccc;
  font-size: 0.77778rem;
  height: auto;
  max-height: none;
  width: 100%;
  z-index: 89;
  margin-top: 2px;
}

/* line 3342, app/assets/stylesheets/schooler/my.scss */
.f-dropdown.payment-method {
  max-width: 330px;
}

/* line 3345, app/assets/stylesheets/schooler/my.scss */
.f-dropdown.payment-method li {
  font-size: 18px;
}

/* line 3351, app/assets/stylesheets/schooler/my.scss */
.f-dropdown.duplicate.open {
  width: 120px;
  left: -29px;
}

/* line 3356, app/assets/stylesheets/schooler/my.scss */
.f-dropdown.duplicate li {
  width: 108px;
}

/* line 3361, app/assets/stylesheets/schooler/my.scss */
.f-dropdown.open {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  color: black;
}

/* line 3369, app/assets/stylesheets/schooler/my.scss */
.f-dropdown:first-child {
  margin-top: 0;
}

/* line 3373, app/assets/stylesheets/schooler/my.scss */
.f-dropdown li {
  cursor: pointer;
  font-size: 0.77778rem;
  line-height: 1rem;
  margin: 2px 5px;
}

/* line 3379, app/assets/stylesheets/schooler/my.scss */
.f-dropdown li:hover {
  background-color: #e3e3e3;
}

/* line 3384, app/assets/stylesheets/schooler/my.scss */
.f-dropdown a {
  color: black;
}

/* line 3389, app/assets/stylesheets/schooler/my.scss */
.toggle-switch {
  position: relative;
}

/* line 3392, app/assets/stylesheets/schooler/my.scss */
.toggle-switch label {
  background: white;
  border-radius: 20px;
  border: solid 2px #888;
  cursor: pointer;
  display: block;
  height: 25px;
  position: relative;
  text-indent: 55px;
  width: 50px;
}

/* line 3403, app/assets/stylesheets/schooler/my.scss */
.toggle-switch label::before {
  background: #888;
  border-radius: 90px;
  content: '';
  height: 17px;
  left: 26.5px;
  position: absolute;
  top: 2px;
  transition: 0.3s;
  width: 17px;
}

/* line 3416, app/assets/stylesheets/schooler/my.scss */
.toggle-switch input {
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
}

/* line 3423, app/assets/stylesheets/schooler/my.scss */
.toggle-switch input:checked + label {
  border-color: #2e4b4f;
}

/* line 3426, app/assets/stylesheets/schooler/my.scss */
.toggle-switch input:checked + label::before {
  background: #03d6f3;
  right: calc(100% - 36.5px);
  transform: translateX(-100%);
}

/* line 3435, app/assets/stylesheets/schooler/my.scss */
.field-with-errors {
  border-color: red;
  border-style: solid;
  border-width: 1.3px;
}

/** Modal **/
/* line 3443, app/assets/stylesheets/schooler/my.scss */
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

/* line 3448, app/assets/stylesheets/schooler/my.scss */
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1072;
  display: none;
  overflow: hidden;
  outline: 0;
}

@keyframes slidein {
  from {
    margin-top: 0;
    opacity: 0;
  }
  to {
    margin-top: 100px;
    opacity: 1;
  }
}

/* line 3472, app/assets/stylesheets/schooler/my.scss */
.modal.fade .modal-dialog {
  animation-timing-function: ease-out;
  animation-duration: 1s;
  animation-name: slidein;
}

/* line 3478, app/assets/stylesheets/schooler/my.scss */
.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none;
  max-width: 500px;
  margin: 1.75rem auto;
  margin-top: 100px;
}

/* line 3488, app/assets/stylesheets/schooler/my.scss */
.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: .3rem;
  outline: 0;
}

/* line 3506, app/assets/stylesheets/schooler/my.scss */
.inactiveConfirm {
  max-width: 600px;
}

/* line 3510, app/assets/stylesheets/schooler/my.scss */
.modal-inactiveConfirm {
  min-height: 300px;
}

/* line 3512, app/assets/stylesheets/schooler/my.scss */
.modal-inactiveConfirm .close {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 20px;
  margin-left: 15px;
  cursor: pointer;
}

/* line 3519, app/assets/stylesheets/schooler/my.scss */
.modal-inactiveConfirm .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 46px;
}

/* line 3525, app/assets/stylesheets/schooler/my.scss */
.modal-inactiveConfirm .modal-body .subtitle {
  font-weight: 700;
}

/* line 3528, app/assets/stylesheets/schooler/my.scss */
.modal-inactiveConfirm .modal-body button {
  margin-top: 80px;
  width: 152px;
  height: 45px;
  background-color: #00d9f7;
  border-radius: 2.7px;
  font-family: Assistant;
}

/* line 3536, app/assets/stylesheets/schooler/my.scss */
.modal-inactiveConfirm .modal-body .cancel-text {
  margin-top: 20px;
  color: #808080;
  cursor: pointer;
  margin-bottom: 10px;
  font-family: Assistant;
}

/* line 3543, app/assets/stylesheets/schooler/my.scss */
.modal-inactiveConfirm .modal-body .body-content {
  text-align: center;
  font-family: Assistant;
}

/* line 3551, app/assets/stylesheets/schooler/my.scss */
.reset-email-to-default .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 3558, app/assets/stylesheets/schooler/my.scss */
.reset-email-to-default .modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 3565, app/assets/stylesheets/schooler/my.scss */
.reset-btn {
  width: 335px;
  height: 47px;
  border-radius: 14px;
  font-family: Assistant;
  font-size: 16px;
  font-weight: 600;
}

/* line 3574, app/assets/stylesheets/schooler/my.scss */
.delete-email-text {
  font-weight: 700;
  font-size: 32px;
  font-family: Assistant;
  color: #333333;
  line-height: 39.1px;
}

/* line 3582, app/assets/stylesheets/schooler/my.scss */
.close-default-email-modal {
  position: relative;
  right: 65%;
  background: none;
  border: none;
  font-size: 35px;
}

/* line 3590, app/assets/stylesheets/schooler/my.scss */
.delete-currency-modal-text {
  font-weight: 700;
  font-size: 32px;
  font-family: Assistant;
  color: #333333;
  line-height: 39.1px;
}

/* line 3597, app/assets/stylesheets/schooler/my.scss */
.currency-modal-cross-btn {
  left: 75px;
  position: absolute;
  width: 24px;
  height: 24px;
  font-size: 24px;
  font-weight: 100;
  cursor: pointer;
}

/* line 3606, app/assets/stylesheets/schooler/my.scss */
.default-modal-background {
  background-color: unset !important;
}

/* line 3609, app/assets/stylesheets/schooler/my.scss */
.change-price-text {
  text-align: center;
  width: 75%;
  padding-top: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24.14px;
  font-family: Assistant;
  letter-spacing: 0.25px;
  color: #333333;
}

/* line 3620, app/assets/stylesheets/schooler/my.scss */
.currency-modal-content-adjustment {
  width: 468px !important;
  height: 238px !important;
}

/* line 3624, app/assets/stylesheets/schooler/my.scss */
.reset-btn-adjustment {
  margin-bottom: 25px;
}

/* line 3628, app/assets/stylesheets/schooler/my.scss */
.reset-currency-modal-to-default .modal-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/* line 3635, app/assets/stylesheets/schooler/my.scss */
.reset-currency-modal-to-default .modal-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* line 3642, app/assets/stylesheets/schooler/my.scss */
.close-default-currency-modal {
  position: relative;
  right: 65%;
  background: none;
  border: none;
  font-size: 35px;
}

/* line 3650, app/assets/stylesheets/schooler/my.scss */
.reset-modal-close-icon {
  position: absolute;
}

/* line 3654, app/assets/stylesheets/schooler/my.scss */
.reset-email-action {
  font-weight: 400;
  font-size: 16px;
  line-height: 24.14px;
  font-family: Assistant;
  letter-spacing: 0.25px;
  color: #333333;
}

/* line 3663, app/assets/stylesheets/schooler/my.scss */
.cancel-email-modal {
  background: none;
  color: #333333;
  font-family: Assistant;
  font-size: 16px;
  font-weight: 600;
}

/* line 3670, app/assets/stylesheets/schooler/my.scss */
.warning-signboard {
  width: 133px;
  height: 93px;
  text-align: center;
}

/* line 3676, app/assets/stylesheets/schooler/my.scss */
.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  font-size: 18px;
  font-weight: bold;
}

/* line 3694, app/assets/stylesheets/schooler/my.scss */
.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  font-size: 18px;
}

/* line 3703, app/assets/stylesheets/schooler/my.scss */
.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

/* line 3717, app/assets/stylesheets/schooler/my.scss */
.modal-backdrop {
  opacity: .5;
  z-index: 1071;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
}

/* line 3728, app/assets/stylesheets/schooler/my.scss */
.courses-cert-loader, .check-domain-loader {
  width: 28px;
  height: 28px;
  vertical-align: top;
  display: none;
}

/* line 3735, app/assets/stylesheets/schooler/my.scss */
.domain-validity-status {
  margin: 0 10px 35px 0;
}

/* line 3739, app/assets/stylesheets/schooler/my.scss */
.refresh-btn {
  margin: 0 0px 30px 0;
  padding: 5px 40px;
}

/* line 3744, app/assets/stylesheets/schooler/my.scss */
.check-domain-btn {
  margin: 0 0 10px 0;
  padding: 5px 20px;
  width: 120px;
}

/* line 3750, app/assets/stylesheets/schooler/my.scss */
a.white-btn {
  border: 2px solid #03d6f3;
  text-decoration: none;
  background: white;
}

/* line 3756, app/assets/stylesheets/schooler/my.scss */
.domain-section {
  background: #e9e9e9;
  padding: 15px;
  border: 1px solid #d5d5d5;
  border-radius: 5px;
}

/* line 3763, app/assets/stylesheets/schooler/my.scss */
.school-list-section {
  background: #F5F5F5;
  box-shadow: 0px 0px 14px 0px #0000001A;
  border-right: 2px solid #03D6F3;
}

/* line 3768, app/assets/stylesheets/schooler/my.scss */
.school-list-section .select2, .school-list-section select {
  border: 1px solid #D5D5D5;
  border-radius: 6px;
}

/* line 3774, app/assets/stylesheets/schooler/my.scss */
.domain-error-box {
  background: #e8d7d7;
  padding: 15px;
  font-size: 15px;
}

/* line 3780, app/assets/stylesheets/schooler/my.scss */
.domain-success-box {
  background: #dce6d7;
  padding: 15px;
  font-size: 15px;
}

/* line 3786, app/assets/stylesheets/schooler/my.scss */
.messages-color-box {
  display: flex;
}

/* line 3790, app/assets/stylesheets/schooler/my.scss */
.red-cross {
  color: #dc0000;
  margin-left: 10px;
}

/* line 3795, app/assets/stylesheets/schooler/my.scss */
.green-tick {
  color: #45c400;
  margin-left: 10px;
}

/* line 3800, app/assets/stylesheets/schooler/my.scss */
.payment-notes {
  width: 100%;
  position: relative;
  right: 2px;
}

/* line 3808, app/assets/stylesheets/schooler/my.scss */
.modal.delete-course .modal-body input {
  width: 85%;
  height: 35px;
}

/* line 3816, app/assets/stylesheets/schooler/my.scss */
.modal.delete-course .feedback-invalid, .modal.modal-terms .feedback-invalid {
  color: red;
  font-size: 15px;
  visibility: visible;
  margin-top: 0;
}

/* line 3825, app/assets/stylesheets/schooler/my.scss */
.add-import-list, .add-export-list {
  text-decoration: none;
}

/* line 3829, app/assets/stylesheets/schooler/my.scss */
.add-dashed-circle {
  text-decoration: none;
  color: #2E4B4F;
  border: 2px dashed #2E4B4F;
  border-radius: 23px;
  width: 29px;
  height: 29px;
  text-align: center;
  font-size: 26px;
  font-weight: 600;
}

/* line 3841, app/assets/stylesheets/schooler/my.scss */
.hide-element {
  display: none !important;
}

/* line 3846, app/assets/stylesheets/schooler/my.scss */
.signup-fields .sublegend {
  display: none;
}

/* line 3848, app/assets/stylesheets/schooler/my.scss */
.signup-fields .sublegend.signup-error {
  color: red;
  display: block;
}

/* line 3855, app/assets/stylesheets/schooler/my.scss */
.signup-fields .checkbox.signup-error input:not(:checked) + label {
  color: red;
}

/* line 3862, app/assets/stylesheets/schooler/my.scss */
.signup-fields .signup-fields-title.signup-error {
  color: red;
}

/* line 3869, app/assets/stylesheets/schooler/my.scss */
.users-list-head .cell-contains-sub-header {
  padding-right: 0;
}

/* line 3872, app/assets/stylesheets/schooler/my.scss */
.users-list-head .cell-contains-sub-header .cell-sub-header {
  border: none;
  padding-top: 0;
  padding-right: 0;
}

/* line 3878, app/assets/stylesheets/schooler/my.scss */
.users-list-head .cell-contains-sub-header .sub-header-progress {
  text-align: center;
}

/* line 3884, app/assets/stylesheets/schooler/my.scss */
.select-drip {
  font-size: 12px;
  line-height: 15px;
}

/* line 3888, app/assets/stylesheets/schooler/my.scss */
.select-drip > * {
  flex-shrink: 0;
}

/* line 3892, app/assets/stylesheets/schooler/my.scss */
.select-drip, .select-drip .drip-day, .select-drip .drip-date {
  align-items: center;
  display: flex;
  flex-direction: row;
}

/* line 3898, app/assets/stylesheets/schooler/my.scss */
.select-drip .toggle-switch {
  padding: 0 10px;
}

/* line 3901, app/assets/stylesheets/schooler/my.scss */
.select-drip .toggle-switch label,
.select-drip .toggle-switch input:checked + label {
  background-color: transparent;
  border-color: #c1c9cb;
}

/* line 3906, app/assets/stylesheets/schooler/my.scss */
.select-drip .toggle-switch label::before,
.select-drip .toggle-switch input:checked + label::before {
  background-color: #c1c9cb;
}

/* line 3912, app/assets/stylesheets/schooler/my.scss */
.select-drip .drip-day,
.select-drip .drip-date {
  user-select: none;
}

/* line 3916, app/assets/stylesheets/schooler/my.scss */
.select-drip .drip-day.disabled,
.select-drip .drip-date.disabled {
  opacity: 0.2;
}

/* line 3919, app/assets/stylesheets/schooler/my.scss */
.select-drip .drip-day.disabled .input-among-text:disabled,
.select-drip .drip-date.disabled .input-among-text:disabled {
  cursor: not-allowed;
  user-select: none;
}

/* line 3925, app/assets/stylesheets/schooler/my.scss */
.select-drip .drip-day .input-among-text,
.select-drip .drip-date .input-among-text {
  direction: ltr;
  line-height: 20px;
  margin: 0 5px;
  text-align: center;
}

/* line 3933, app/assets/stylesheets/schooler/my.scss */
.select-drip .drip-date .air-datepicker-component {
  width: 118px;
}

/* line 3938, app/assets/stylesheets/schooler/my.scss */
#air-datepicker-global-container {
  overflow: hidden;
  z-index: 10000;
}

/* line 3943, app/assets/stylesheets/schooler/my.scss */
.air-datepicker-nav--title i {
  margin-left: 0;
  margin-right: .3em;
}

/* line 3948, app/assets/stylesheets/schooler/my.scss */
.air-datepicker-nav--action svg {
  transform: scaleX(-1);
}

/* line 3952, app/assets/stylesheets/schooler/my.scss */
.air-datepicker-time--current {
  direction: ltr;
}

/* line 3956, app/assets/stylesheets/schooler/my.scss */
.select2-selection {
  height: 52px !important;
  line-height: 2.2 !important;
  border: none !important;
  background: #ffffff url(/images/arrow-down-select.svg) 14px 50% no-repeat;
  font-size: 17px !important;
}

/* line 3964, app/assets/stylesheets/schooler/my.scss */
.select2-selection__arrow {
  display: none !important;
}

/* line 3968, app/assets/stylesheets/schooler/my.scss */
.select2-search__field {
  background: #ffffff url(/images/search.svg) 7px 50% no-repeat;
  background-size: 16px;
  font-size: 17px !important;
  font-family: Assistant, Arial, sans-serif !important;
}

/* line 3975, app/assets/stylesheets/schooler/my.scss */
.select2-selection__placeholder, .select2-selection__rendered {
  color: #2E4B4F !important;
  font-family: Assistant, Arial, sans-serif;
  font-size: 18px;
}

/* line 3981, app/assets/stylesheets/schooler/my.scss */
.select2-results__option {
  font-size: 17px;
}

/* line 3985, app/assets/stylesheets/schooler/my.scss */
section {
  display: table;
  width: 100%;
}

/* line 3990, app/assets/stylesheets/schooler/my.scss */
section > * {
  display: table-row;
}

/* line 3994, app/assets/stylesheets/schooler/my.scss */
section .col {
  display: table-cell;
  padding: 5px 0 5px 5px;
}

/* line 3999, app/assets/stylesheets/schooler/my.scss */
.tagify {
  background-color: #ffffff;
  width: 95%;
  border-radius: 5px;
  padding: 3px;
}

/* line 4006, app/assets/stylesheets/schooler/my.scss */
.tags-look .tagify__dropdown__item {
  display: inline-block;
  border-radius: 3px;
  padding: .3em .5em;
  border: 1px solid #CCC;
  background: #F3F3F3;
  margin: .2em;
  font-size: .85em;
  color: black;
  transition: 0s;
}

/* line 4018, app/assets/stylesheets/schooler/my.scss */
.tags-look .tagify__dropdown__item--active {
  color: black;
}

/* line 4022, app/assets/stylesheets/schooler/my.scss */
.tags-look .tagify__dropdown__item:hover {
  background: lightyellow;
  border-color: gold;
}

/* line 4027, app/assets/stylesheets/schooler/my.scss */
.list-display {
  text-align: right;
  border: 1px solid #d5d5d5;
  padding: 15px;
  margin: 5px 0;
  border-radius: 5px;
  background: #F5F5F5;
  box-shadow: 0px 0px 14px 0px #0000001A;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
}

/* line 4040, app/assets/stylesheets/schooler/my.scss */
.list-flow {
  width: 92%;
  unicode-bidi: bidi-override;
}

/* line 4044, app/assets/stylesheets/schooler/my.scss */
.list-flow span {
  unicode-bidi: embed;
}

/* line 4049, app/assets/stylesheets/schooler/my.scss */
.hidden-important {
  display: none !important;
}

/* line 4053, app/assets/stylesheets/schooler/my.scss */
.list-instruction-text {
  position: absolute;
  margin: -37px 19px 0 0;
}

/* line 4058, app/assets/stylesheets/schooler/my.scss */
.tag-text {
  color: #2f4a4e;
  margin-right: 0px;
}

/* line 4063, app/assets/stylesheets/schooler/my.scss */
.select2-container--default .select2-search--inline .select2-search__field {
  margin-right: 15px !important;
}

/* line 4066, app/assets/stylesheets/schooler/my.scss */
.select2-selection__arrow {
  display: none !important;
}

/* line 4070, app/assets/stylesheets/schooler/my.scss */
.select2-search__field {
  background: #ffffff url(/images/search.svg) 7px 50% no-repeat;
  background-size: 16px;
  font-size: 17px !important;
  font-family: Assistant, Arial, sans-serif !important;
  margin-top: 0 !important;
}

/* line 4078, app/assets/stylesheets/schooler/my.scss */
.select2-selection__placeholder, .select2-selection__rendered {
  color: #2E4B4F !important;
  font-family: Assistant, Arial, sans-serif;
  font-size: 18px;
}

/* line 4084, app/assets/stylesheets/schooler/my.scss */
.select2-results__option {
  font-size: 17px;
}

/* line 4088, app/assets/stylesheets/schooler/my.scss */
.custom-delete-icon {
  width: 10px;
  height: 19px;
  background-image: url(/images/custom-delete-icon.svg);
}

/* line 4094, app/assets/stylesheets/schooler/my.scss */
.custom-edit-icon {
  width: 10px;
  height: 19px;
  background-image: url(/images/custom-edit-icon.svg);
}

/* line 4100, app/assets/stylesheets/schooler/my.scss */
.select-okay-option {
  background: url(/images/select-arrow.svg) no-repeat 24px 50%, linear-gradient(0deg, rgba(4, 194, 0, 0.05), rgba(4, 194, 0, 0.05)), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}

/* line 4104, app/assets/stylesheets/schooler/my.scss */
.select-warning-option {
  background: url(/images/select-arrow.svg) no-repeat 24px 50%, linear-gradient(0deg, rgba(255, 0, 0, 0.05), rgba(255, 0, 0, 0.05)), linear-gradient(0deg, #FFFFFF, #FFFFFF);
}

/* line 4108, app/assets/stylesheets/schooler/my.scss */
.course-tab {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 1rem auto;
}

/* line 4116, app/assets/stylesheets/schooler/my.scss */
textarea:focus,
input:focus {
  outline: none;
}

/* line 4121, app/assets/stylesheets/schooler/my.scss */
.icon-fix {
  padding-left: 10px;
}

/* line 4125, app/assets/stylesheets/schooler/my.scss */
.lesson-with-audioAttachment .content_object,
.lesson-with-audioAttachment .lesson--content_object {
  height: 100%;
}

/* line 4130, app/assets/stylesheets/schooler/my.scss */
.audioTab {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  margin: 0 auto;
  max-width: 600px;
  overflow: hidden;
  padding: 20px;
  user-select: none;
}

/* line 4142, app/assets/stylesheets/schooler/my.scss */
.audioTab, .audioTab > * {
  width: 100%;
}

/* line 4146, app/assets/stylesheets/schooler/my.scss */
.audioTab .slider,
.audioTab .audio-player {
  flex-shrink: 0;
}

/* line 4151, app/assets/stylesheets/schooler/my.scss */
.audioTab .slider {
  direction: ltr;
  display: block;
  margin: 25px auto 0;
}

/* line 4156, app/assets/stylesheets/schooler/my.scss */
.audioTab .slider .rangeslider {
  margin: 0 0 15px;
}

/* line 4162, app/assets/stylesheets/schooler/my.scss */
.audio-image {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  margin: 0 auto;
  max-height: 400px;
  max-width: 400px;
  overflow: hidden;
  pointer-events: none;
}

/* line 4173, app/assets/stylesheets/schooler/my.scss */
.audio-image img {
  display: block;
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
  object-position: center;
}

/* line 4182, app/assets/stylesheets/schooler/my.scss */
.audio-player {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}

/* line 4190, app/assets/stylesheets/schooler/my.scss */
.player-buttons {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}

/* line 4196, app/assets/stylesheets/schooler/my.scss */
.player-buttons .nm-tooltiped {
  flex-shrink: 0;
}

/* line 4199, app/assets/stylesheets/schooler/my.scss */
.player-buttons .nm-tooltiped:first-child img {
  margin-right: 0;
}

/* line 4203, app/assets/stylesheets/schooler/my.scss */
.player-buttons .nm-tooltiped:last-child img {
  margin-left: 0;
}

/* line 4208, app/assets/stylesheets/schooler/my.scss */
.player-buttons .nm-tooltiped > img {
  display: block;
  height: 24px;
  margin: 0 10px;
  width: 24px;
}

/* line 4214, app/assets/stylesheets/schooler/my.scss */
.player-buttons .nm-tooltiped > img.play-pause-btn {
  height: 40px;
  width: 40px;
}

/* line 4219, app/assets/stylesheets/schooler/my.scss */
.player-buttons .nm-tooltiped > img.forward-btn, .player-buttons .nm-tooltiped > img.reverse-btn {
  height: 32px;
  width: 32px;
}

/* line 4225, app/assets/stylesheets/schooler/my.scss */
.player-buttons .nm-tooltiped > img.next-btn-disable, .player-buttons .nm-tooltiped > img.previous-btn-disable {
  opacity: 0.3;
}

/* line 4232, app/assets/stylesheets/schooler/my.scss */
.player-buttons .nm-tooltiped > img,
.volume-btn .mute-unmute-btn,
.playback-btn {
  cursor: pointer;
}

/* line 4238, app/assets/stylesheets/schooler/my.scss */
.volume-btn {
  align-items: center;
  display: flex;
  width: 100px;
}

/* line 4243, app/assets/stylesheets/schooler/my.scss */
.volume-btn .mute-unmute-btn {
  display: flex;
  margin-right: 8px;
  height: 24px;
  width: 24px;
}

/* line 4250, app/assets/stylesheets/schooler/my.scss */
.volume-btn .slider-horizontal {
  direction: ltr;
  width: 100%;
}

/* line 4256, app/assets/stylesheets/schooler/my.scss */
.playback-speed {
  -o-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #2e4b4f;
  border-radius: 1rem;
  border: none;
  color: white;
  cursor: pointer;
  height: 1.2rem;
  padding: 0 1rem;
  text-align: center;
}

/* line 4270, app/assets/stylesheets/schooler/my.scss */
.seek-time {
  color: white;
  display: flex;
  flex-direction: row;
  font-size: 1em;
  justify-content: space-between;
  opacity: 50%;
}

/* line 4279, app/assets/stylesheets/schooler/my.scss */
.rangeslider-horizontal {
  height: 7px !important;
}

/* line 4282, app/assets/stylesheets/schooler/my.scss */
.rangeslider-horizontal .rangeslider__handle {
  height: 15px !important;
  width: 15px !important;
  top: 50% !important;
}

/* line 4287, app/assets/stylesheets/schooler/my.scss */
.rangeslider-horizontal .rangeslider__handle:after {
  width: 9px !important;
  height: 9px !important;
  top: 2px !important;
  left: 2px !important;
}

/* line 4295, app/assets/stylesheets/schooler/my.scss */
.rangeslider-horizontal .rangeslider__fill {
  background-color: #2e4b4f !important;
}

@media (max-width: 767px) {
  /* line 4302, app/assets/stylesheets/schooler/my.scss */
  .audioTab .nm-tooltip .tooltip-inner {
    display: none;
  }
  /* line 4306, app/assets/stylesheets/schooler/my.scss */
  .audioTab .slider {
    margin-bottom: 20px;
  }
  /* line 4310, app/assets/stylesheets/schooler/my.scss */
  .audioTab .player-buttons {
    flex-basis: 100%;
    margin-bottom: 10px;
    order: 1;
  }
  /* line 4316, app/assets/stylesheets/schooler/my.scss */
  .audioTab .volume-btn {
    order: 2;
  }
  /* line 4320, app/assets/stylesheets/schooler/my.scss */
  .audioTab .playback-btn {
    order: 3;
  }
}

@media (min-width: 768px) and (max-width: 840px) {
  /* line 4327, app/assets/stylesheets/schooler/my.scss */
  .player-buttons .nm-tooltiped > img {
    margin: 0 5px;
  }
}

/* line 4332, app/assets/stylesheets/schooler/my.scss */
.passing-marks-input {
  margin-top: 10px;
}

/* line 4337, app/assets/stylesheets/schooler/my.scss */
.responser-settings .header {
  font-family: Assistant;
  font-size: 26px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.01em;
  color: #304B4F;
}

/* line 4346, app/assets/stylesheets/schooler/my.scss */
.responser-settings .client-heading {
  font-family: Assistant;
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
  letter-spacing: 0.015em;
  text-align: right;
}

/* line 4355, app/assets/stylesheets/schooler/my.scss */
.responser-settings .settings-form {
  max-width: 991px;
  margin-top: 15px;
  border-bottom: 1px solid #03D6F3;
}

/* line 4360, app/assets/stylesheets/schooler/my.scss */
.responser-settings .settings-form .edit-icon > img {
  vertical-align: middle;
  width: 41px;
  height: 41px;
  top: 20.5px;
  left: 68px;
}

/* line 4368, app/assets/stylesheets/schooler/my.scss */
.responser-settings .settings-form .btn-save-blue {
  font-family: Assistant;
  width: 71px;
  height: 41px;
  border-radius: 2px;
  padding: 10px 15px;
  background: #03D6F3;
  font-size: 16px;
  font-weight: 600;
  color: #333333;
}

/* line 4380, app/assets/stylesheets/schooler/my.scss */
.responser-settings .settings-form .cancel-link {
  font-family: Assistant;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: center;
  color: #333333;
}

/* line 4391, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section {
  width: 991px;
  padding: 20px;
  border-radius: 10px;
  background: #F1F1F1;
}

/* line 4397, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .radio-text-red {
  color: #D90808;
  font-family: Assistant;
  font-size: 18px;
  font-weight: 700;
  line-height: 23.54px;
  letter-spacing: 0.014em;
}

/* line 4406, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .api-secret-input {
  text-align: right;
  background-color: white;
  color: #304B4F;
  font-size: 18px;
  font-weight: 500;
  padding-right: 15px;
}

/* line 4415, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .copy-to-clipboard {
  border-radius: 40px;
  background: #2e4b4f url(/images/files.svg) 50% no-repeat;
}

/* line 4420, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .copy-to-clipboard-clear {
  width: 40px;
  height: 40px;
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 8px;
  border-radius: 40px;
  background: url(/images/copy-icon.svg) 50% no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  border: 0;
  outline: 0;
  z-index: 999;
  cursor: pointer;
}

/* line 4438, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .copy-to-clipboard-clear:hover {
  background: #2e4b4f url(/images/copy-icon-hover.svg) 50% no-repeat;
}

/* line 4442, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .show-secret {
  width: 40px;
  height: 40px;
  padding: 5px;
  vertical-align: middle;
  position: absolute;
  background: url(/images/show-secret.svg) 50% no-repeat;
  border: 0;
  outline: 0;
  z-index: 999;
  cursor: pointer;
}

/* line 4455, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .show-secret:hover {
  background: url(/images/show-secret-hover.svg) 50% no-repeat;
}

/* line 4460, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .hide-secret {
  width: 40px;
  height: 40px;
  padding: 5px;
  vertical-align: middle;
  position: absolute;
  background: url(/images/hide-secret.svg) 50% no-repeat;
  border: 0;
  outline: 0;
  z-index: 999;
  cursor: pointer;
}

/* line 4473, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .hide-secret:hover {
  background: url(/images/hide-secret-hover.svg) 50% no-repeat;
}

/* line 4477, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .regenerate-col {
  padding: 10px 15px;
}

/* line 4481, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .regenerate-secret {
  text-decoration: none;
  background: none;
  border: 0;
  color: #304B4F;
  text-align: center;
  font-family: Assistant;
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.26px;
  padding: 10px 15px;
  margin-top: 5px;
}

/* line 4497, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .regenerate-secret:hover {
  border-radius: 10px;
  background: #DFDFDF;
}

/* line 4502, app/assets/stylesheets/schooler/my.scss */
.responser-settings .api-section .refresh {
  width: 20px;
  height: 20px;
  margin-left: 12px;
  display: block;
  float: right;
  background: url(/images/refresh-2.svg) 50% no-repeat;
}

/* line 4513, app/assets/stylesheets/schooler/my.scss */
.search-box-teacher-side {
  margin-top: 20px;
  direction: rtl;
  display: flex;
  align-items: center;
  margin-right: -4px;
}

/* line 4521, app/assets/stylesheets/schooler/my.scss */
.search-box-label {
  display: flex;
  align-items: center;
  font-size: 1.1em;
  cursor: pointer;
}

/* line 4528, app/assets/stylesheets/schooler/my.scss */
.search-box-input {
  margin-left: 8px;
  width: 20px;
  height: 20px;
}

/* line 4534, app/assets/stylesheets/schooler/my.scss */
.search-box-div {
  display: flex;
  align-items: center;
  background: transparent;
  border: 1px solid var(--label-search-color);
  box-sizing: border-box;
  color: #fff;
  font-size: 1.25em;
  width: 260px;
  height: 46px;
  top: 302px;
  left: 1158px;
  border-radius: 4px;
  padding: 10px;
  opacity: 0.6;
}

/* line 4550, app/assets/stylesheets/schooler/my.scss */
.search-box-div ::-webkit-input-placeholder {
  color: var(--label-search-color) !important;
}

/* line 4555, app/assets/stylesheets/schooler/my.scss */
.search-box-div--focused {
  opacity: 1 !important;
}

/* line 4559, app/assets/stylesheets/schooler/my.scss */
.search-svg-icon {
  width: 26px;
  height: 26px;
}

/* line 4564, app/assets/stylesheets/schooler/my.scss */
.bundle-teacher-search-input {
  flex: 1;
  border: none;
  outline: none;
  font-size: 16px;
  background: transparent;
  padding: 6px 8px;
}

/* line 4573, app/assets/stylesheets/schooler/my.scss */
.bundle-teacher-search-input {
  border: none !important;
  outline: none;
  background: transparent;
  color: rgba(255, 255, 255, 0.6);
  flex: 1;
  direction: rtl;
  font-family: Assistant;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  text-align: right;
  vertical-align: middle;
}

/* line 4588, app/assets/stylesheets/schooler/my.scss */
.bundle-teacher-search {
  font-size: 24px;
  color: #B1CBCB;
  margin-right: 8px;
  margin-left: 8px;
  cursor: pointer;
}

/* line 4596, app/assets/stylesheets/schooler/my.scss */
.bundle-search-text {
  font-family: Assistant;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-align: right;
  vertical-align: middle;
}

/* line 4605, app/assets/stylesheets/schooler/my.scss */
.search-results-message {
  font-family: Assistant;
  font-weight: 400;
  font-size: 17px;
  line-height: 24.14px;
  letter-spacing: 0.25px;
  text-align: right;
  color: var(--label-search-color);
  opacity: 60%;
}

/* line 4618, app/assets/stylesheets/schooler/my.scss */
.menu-mobile .search-box-div {
  border: 1px solid #304A4F !important;
  color: black !important;
  margin: 30px 15% 30px 15% !important;
}

/* line 4624, app/assets/stylesheets/schooler/my.scss */
.menu-mobile .search-box-div-mobile--focused {
  opacity: 1 !important;
}

/* line 4628, app/assets/stylesheets/schooler/my.scss */
.menu-mobile .search-box-div ::-webkit-input-placeholder, .menu-mobile .bundle-teacher-search-input {
  color: #304A4F !important;
}

/* line 4632, app/assets/stylesheets/schooler/my.scss */
.menu-mobile .search-results-message {
  color: #304A4F !important;
  margin-right: 15%;
  opacity: 1 !important;
}

/* line 4639, app/assets/stylesheets/schooler/my.scss */
.search-input-teacher-main-div {
  margin-top: 15px;
  direction: rtl;
  margin-right: -2px;
}

/* line 4645, app/assets/stylesheets/schooler/my.scss */
.search-cross-svg-icon-desktop {
  cursor: pointer;
  margin-left: -15px !important;
}

/* line 4650, app/assets/stylesheets/schooler/my.scss */
.school-device-limit-label {
  display: flex;
}

/* line 4654, app/assets/stylesheets/schooler/my.scss */
.links-panel-course-id {
  margin-top: 4px;
  font-family: Assistant;
  font-weight: 500;
  font-size: 16px;
  text-align: right;
  display: flex;
  align-items: anchor-center;
  gap: 5px;
}

/* line 4665, app/assets/stylesheets/schooler/my.scss */
.copy-link-image {
  width: 26px;
  cursor: pointer;
  position: relative;
  top: 10%;
  margin-right: 5px;
}

/* line 4673, app/assets/stylesheets/schooler/my.scss */
.tooltip-copy-bundle-edit {
  width: max-content;
  position: absolute;
  top: 0px;
  right: 30px;
  background-color: #DFF0D8;
  border-color: #D6E9C6;
  color: #468847;
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 700;
  font-size: 14px;
  z-index: 10;
}
/* line 1, app/assets/stylesheets/schooler/admin.scss */
.row-header {
  background: transparent;
}

/* line 4, app/assets/stylesheets/schooler/admin.scss */
.row-header .nm-btn {
  padding: 0 20px;
}

/* line 9, app/assets/stylesheets/schooler/admin.scss */
.logo-img-upload {
  background-size: 80%;
  background-position: center;
  background-color: grey;
}

/* line 15, app/assets/stylesheets/schooler/admin.scss */
.access-code-subheader {
  font-size: 1.2em;
  text-align: right;
  border-bottom: 1px solid #c3c3c3;
}

/* line 21, app/assets/stylesheets/schooler/admin.scss */
.access-code-subheader2 {
  text-align: right;
  font-size: 1.4em;
  font-weight: 400;
}

/* line 27, app/assets/stylesheets/schooler/admin.scss */
.header-join-detail {
  font-weight: bold;
}

/* line 31, app/assets/stylesheets/schooler/admin.scss */
.header-join-detail-sublabel {
  display: inline-block;
  font-weight: bold;
  margin: 10px 0 5px;
}

/* line 37, app/assets/stylesheets/schooler/admin.scss */
.inactive-text {
  margin-top: 0;
}

/* line 39, app/assets/stylesheets/schooler/admin.scss */
.inactive-text .inactive-notify {
  color: red;
}

/* line 44, app/assets/stylesheets/schooler/admin.scss */
.inactive-color {
  color: red;
}

/* line 48, app/assets/stylesheets/schooler/admin.scss */
button.copy-to-clipboard {
  cursor: pointer;
}

/* line 52, app/assets/stylesheets/schooler/admin.scss */
.nm-btn.default {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  background-color: rgba(46, 75, 79, 0.5);
  text-decoration: none;
}

/* line 64, app/assets/stylesheets/schooler/admin.scss */
.nm-btn.default:hover, .nm-btn.default:focus, .nm-btn.default.focus {
  color: white;
  text-decoration: none;
}

/* line 71, app/assets/stylesheets/schooler/admin.scss */
.nm-btn.default:active, .nm-btn.default.active {
  outline: 0;
  background-image: none;
}

/* line 78, app/assets/stylesheets/schooler/admin.scss */
.cell-header.sortable {
  cursor: pointer;
}

/* line 83, app/assets/stylesheets/schooler/admin.scss */
.cell-header .nm-input {
  height: auto;
  width: 50%;
}

/* line 88, app/assets/stylesheets/schooler/admin.scss */
.cell-header .nm-btn {
  height: auto;
}

/* line 93, app/assets/stylesheets/schooler/admin.scss */
.sort-icon {
  position: absolute;
}

/* line 96, app/assets/stylesheets/schooler/admin.scss */
.sort-icon.asc:before {
  border-bottom: 5px solid black;
}

/* line 100, app/assets/stylesheets/schooler/admin.scss */
.sort-icon.desc:after {
  border-top: 5px solid black;
}

/* line 104, app/assets/stylesheets/schooler/admin.scss */
.sort-icon:before {
  position: absolute;
  left: -20px;
  top: 6px;
  content: "";
  color: #c1c1c1;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #c1c1c1;
}

/* line 118, app/assets/stylesheets/schooler/admin.scss */
.sort-icon:after {
  position: absolute;
  left: -20px;
  top: 12px;
  content: "";
  color: #c1c1c1;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #c1c1c1;
}

/* line 132, app/assets/stylesheets/schooler/admin.scss */
.schools-container {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  justify-content: space-around;
  overflow: auto;
}

/* line 139, app/assets/stylesheets/schooler/admin.scss */
.schools-container .school-column {
  background: #eee;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.6);
  margin: 20px;
  height: 50%;
  width: 250px;
}

/* line 146, app/assets/stylesheets/schooler/admin.scss */
.schools-container .school-column ul {
  list-style: none;
}

/* line 150, app/assets/stylesheets/schooler/admin.scss */
.schools-container .school-column .school-header {
  background: #2e4b4f;
  display: block;
  color: white;
  padding: 10px;
}

/* line 157, app/assets/stylesheets/schooler/admin.scss */
.schools-container .school-column .school-students {
  float: left;
  display: inline-block;
  padding: 5px;
  background: rgba(255, 255, 255, 0.7);
  cursor: pointer;
}

/* line 165, app/assets/stylesheets/schooler/admin.scss */
.schools-container .school-column .school-bundles {
  min-height: calc(100% - 102px);
  height: calc(100% - 102px);
  overflow: auto;
  margin: 10px 0;
}

/* line 172, app/assets/stylesheets/schooler/admin.scss */
.schools-container .school-column .btn-delete-school {
  width: 100%;
  height: 40px;
  background: red;
  color: white;
  cursor: pointer;
}

/* line 180, app/assets/stylesheets/schooler/admin.scss */
.schools-container .school-column .bundle-item {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid black;
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  margin: 10px;
  color: white;
  cursor: pointer;
}
/*=============================================start position=================================================================*/
/*=============================================end position=================================================================*/
@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 7, app/assets/stylesheets/school/schools.scss */
.only-mobile {
  display: block;
}

@media (min-width: 640px) {
  /* line 7, app/assets/stylesheets/school/schools.scss */
  .only-mobile {
    display: none;
  }
}

/* line 15, app/assets/stylesheets/school/schools.scss */
.only-desktop {
  display: none;
}

@media (min-width: 640px) {
  /* line 15, app/assets/stylesheets/school/schools.scss */
  .only-desktop {
    display: block;
  }
}

/* line 23, app/assets/stylesheets/school/schools.scss */
.school-container > .header-wrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

/* line 29, app/assets/stylesheets/school/schools.scss */
.school-container > .header-wrapper .header-subheader-text-color h1, .school-container > .header-wrapper .header-subheader-text-color h2 {
  color: inherit !important;
}

/* line 32, app/assets/stylesheets/school/schools.scss */
.school-container > .header-wrapper h1,
.school-container > .header-wrapper h2 {
  font-weight: normal;
  line-height: 1.2;
}

/* line 38, app/assets/stylesheets/school/schools.scss */
.school-container > .header-wrapper h1 {
  font-size: 64px;
  font-weight: bold;
}

/* line 43, app/assets/stylesheets/school/schools.scss */
.school-container > .header-wrapper h2 {
  font-size: 32px;
}

@media (min-width: 640px) {
  /* line 47, app/assets/stylesheets/school/schools.scss */
  .school-container > .header-wrapper .logo {
    float: right;
  }
}

/* line 51, app/assets/stylesheets/school/schools.scss */
.school-container > .header-wrapper .logo img {
  width: 150px;
}

@media (max-width: 480px) {
  /* line 51, app/assets/stylesheets/school/schools.scss */
  .school-container > .header-wrapper .logo img {
    width: 125px !important;
  }
}

/* line 62, app/assets/stylesheets/school/schools.scss */
.school-container .buttons-bar::after {
  content: '';
  clear: both;
  display: block;
}

/* line 68, app/assets/stylesheets/school/schools.scss */
.school-container .buttons-bar {
  padding: 20px;
  background: rgba(0, 0, 0, 0.6);
}

/* line 72, app/assets/stylesheets/school/schools.scss */
.school-container .buttons-bar .welcome {
  display: inline;
  float: left;
  vertical-align: middle;
  padding: 5px 9px;
}

@media (max-width: 768px) {
  /* line 68, app/assets/stylesheets/school/schools.scss */
  .school-container .buttons-bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    padding: 10px 20px;
  }
  /* line 85, app/assets/stylesheets/school/schools.scss */
  .school-container .buttons-bar .right,
.school-container .buttons-bar .left {
    margin-top: 13px;
  }
  /* line 90, app/assets/stylesheets/school/schools.scss */
  .school-container .buttons-bar .right {
    float: left;
    margin-right: 10px;
  }
  /* line 95, app/assets/stylesheets/school/schools.scss */
  .school-container .buttons-bar .logo {
    float: right;
  }
}

@media (max-width: 768px) and (max-width: 768px) {
  /* line 68, app/assets/stylesheets/school/schools.scss */
  .school-container .buttons-bar {
    position: fixed;
    top: 0;
    z-index: 1;
  }
}

/* line 106, app/assets/stylesheets/school/schools.scss */
.school-container .row {
  margin: 0 auto 20px;
  text-align: center;
  max-width: 1240px;
}

/* line 112, app/assets/stylesheets/school/schools.scss */
.school-container .header-wrapper::after {
  content: '';
  display: block;
  width: 1px;
  height: 1px;
}

/* line 119, app/assets/stylesheets/school/schools.scss */
.school-container .header {
  max-width: 300px;
}

@media (min-width: 640px) {
  /* line 119, app/assets/stylesheets/school/schools.scss */
  .school-container .header {
    max-width: 960px;
  }
}

@media (max-width: 768px) {
  /* line 119, app/assets/stylesheets/school/schools.scss */
  .school-container .header {
    padding-top: 140px;
  }
}

/* line 131, app/assets/stylesheets/school/schools.scss */
.school-container .subheader {
  max-width: 300px;
}

@media (min-width: 640px) {
  /* line 131, app/assets/stylesheets/school/schools.scss */
  .school-container .subheader {
    max-width: 960px;
  }
}

/* line 140, app/assets/stylesheets/school/schools.scss */
.school-container .school-header-text p {
  line-height: 1 !important;
}

@media (max-width: 768px) {
  /* line 145, app/assets/stylesheets/school/schools.scss */
  .school-container .school-header-text p {
    text-align: center;
    position: relative !important;
    display: table-cell;
    top: 30px;
  }
  /* line 152, app/assets/stylesheets/school/schools.scss */
  .school-container .school-header-text h1 {
    line-height: 1 !important;
  }
}

@media (max-width: 768px) {
  /* line 158, app/assets/stylesheets/school/schools.scss */
  .school-container .school-subheader-text {
    position: relative !important;
    top: 20px;
  }
}

/* line 165, app/assets/stylesheets/school/schools.scss */
.school-container .course-price {
  height: 124%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 5px;
  border-radius: 0 5px 0 0;
}

/* line 173, app/assets/stylesheets/school/schools.scss */
.school-container .course-price > span {
  margin-left: 0;
  margin-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 5px 0 0;
  padding: 10px;
}

/* line 182, app/assets/stylesheets/school/schools.scss */
.school-container .course-price > span .before-discount {
  text-decoration: line-through;
  margin-right: 10px;
}

@media (min-width: 640px) {
  /* line 173, app/assets/stylesheets/school/schools.scss */
  .school-container .course-price > span {
    margin-left: 0;
    border-radius: 0 5px 0 0;
  }
}

/* line 194, app/assets/stylesheets/school/schools.scss */
.school-container .footer-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  padding: 31px 16px;
  font-size: 12px;
  background-color: #3d3d3d !important;
  text-align: center;
  color: #FFFFFF;
  text-decoration: none;
}

/* line 207, app/assets/stylesheets/school/schools.scss */
.school-container .footer-wrapper a {
  display: flex;
  align-items: center;
}

/* line 211, app/assets/stylesheets/school/schools.scss */
.school-container .footer-wrapper a .logo-description {
  display: inline;
}

/* line 218, app/assets/stylesheets/school/schools.scss */
.course-box {
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
  position: relative;
  display: inline-block;
  width: 300px;
  margin: 10px;
  flex-direction: column;
  height: 100%;
}

/* line 228, app/assets/stylesheets/school/schools.scss */
.course-box.owned::after {
  position: absolute;
  top: 10px;
  right: 10px;
  content: "I";
  font-family: "schooler-icon";
  background-color: rgba(0, 0, 0, 0.8);
  padding: 5px;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 10px;
}

/* line 243, app/assets/stylesheets/school/schools.scss */
.course-box.draft .thumbnail {
  -webkit-filter: grayscale(100%);
  /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}

/* line 249, app/assets/stylesheets/school/schools.scss */
.course-box.draft .draft-label {
  display: block;
  z-index: 5;
  position: absolute;
  color: black;
  background: white;
  border-radius: 0 10px 10px 0;
  padding: 5px 10px;
  top: 76px;
  left: 0;
}

/* line 260, app/assets/stylesheets/school/schools.scss */
.course-box.draft .draft-label .sch-draft {
  position: relative;
  top: 2px;
  padding-left: 5px;
}

/* line 268, app/assets/stylesheets/school/schools.scss */
.course-box .thumbnail {
  width: 180px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 160px;
  width: auto;
}

/* line 277, app/assets/stylesheets/school/schools.scss */
.course-box .course-info {
  flex: 1;
  margin-bottom: 10px;
  margin-right: 12px;
}

@media (min-width: 640px) {
  /* line 277, app/assets/stylesheets/school/schools.scss */
  .course-box .course-info {
    margin-bottom: 10px;
  }
}

/* line 286, app/assets/stylesheets/school/schools.scss */
.course-box .course-info h2 {
  margin-top: 5px;
  text-transform: none;
  font-size: 20px;
  text-align: right;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  height: 44px;
}

/* line 299, app/assets/stylesheets/school/schools.scss */
.course-box .course-info .progress-bar-placeholder {
  height: 55px;
}

/* line 304, app/assets/stylesheets/school/schools.scss */
.course-box .side-by-side {
  display: flex;
  height: 40px;
  justify-content: space-between;
}

/* line 311, app/assets/stylesheets/school/schools.scss */
.course-box .side-by-side .school-avatar {
  height: 40px;
  width: 40px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 10px;
  border-radius: 50%;
}

/* line 320, app/assets/stylesheets/school/schools.scss */
.course-box .lesson-watch-progress {
  position: relative;
  padding: 25px 20px 20px 20px;
  --background-container: white;
}

/* line 325, app/assets/stylesheets/school/schools.scss */
.course-box .lesson-watch-progress::before {
  content: '';
  height: 74px;
  width: 100%;
  position: absolute;
  top: -18px;
  left: 0;
  display: block;
  background-color: var(--background-container);
}

/* line 333, app/assets/stylesheets/school/schools.scss */
.course-box .lesson-watch-progress::after {
  content: attr(data-label);
  position: absolute;
  top: -3px;
  right: 20px;
  color: black;
  font-size: 13px;
  font-weight: 600;
}

/* line 343, app/assets/stylesheets/school/schools.scss */
.course-box .lesson-watch-progress .lesson-watch-progress-legend::before, .course-box .lesson-watch-progress .lesson-watch-progress-legend::after {
  position: absolute;
  top: -3px;
  color: black;
  font-size: 13px;
  font-weight: 600;
}

/* line 351, app/assets/stylesheets/school/schools.scss */
.course-box .lesson-watch-progress .lesson-watch-progress-legend::before {
  left: 55px;
  content: attr(data-amount);
}

/* line 356, app/assets/stylesheets/school/schools.scss */
.course-box .lesson-watch-progress .lesson-watch-progress-legend::after {
  left: 25px;
  content: attr(data-progress);
}

/* line 362, app/assets/stylesheets/school/schools.scss */
.course-box .lesson-watch-progress .lesson-watch-progress-legend.completed::after {
  position: absolute;
  top: -5px;
  height: 18px;
  width: 9px;
  content: '';
  transform: rotate(45deg);
  border-bottom: 3px solid black;
  border-right: 3px solid black;
}

/* line 374, app/assets/stylesheets/school/schools.scss */
.course-box .course-tiny-details {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* line 383, app/assets/stylesheets/school/schools.scss */
.course-box .course-tiny-details span {
  display: block;
  font-size: 12px;
  color: #aaa;
}

/* line 389, app/assets/stylesheets/school/schools.scss */
.course-box .course-tiny-details .duration {
  margin-right: 0;
  text-align: left;
  line-height: 14px;
}

/* line 397, app/assets/stylesheets/school/schools.scss */
.school-intro-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 18px;
  padding-top: 15px;
}

@media (min-width: 640px) {
  /* line 397, app/assets/stylesheets/school/schools.scss */
  .school-intro-text {
    max-width: 1240px;
    text-align: center;
  }
}

/* line 409, app/assets/stylesheets/school/schools.scss */
.school-intro-text .cta {
  margin: 20px 0;
  line-height: 1;
}

/* line 415, app/assets/stylesheets/school/schools.scss */
.school-button {
  padding: 5px 9px;
  text-decoration: none;
}

/* line 419, app/assets/stylesheets/school/schools.scss */
.school-button.left {
  float: left;
}

/* line 423, app/assets/stylesheets/school/schools.scss */
.school-button.right {
  float: right;
}

@media (min-width: 640px) {
  /* line 423, app/assets/stylesheets/school/schools.scss */
  .school-button.right {
    float: left;
  }
}

/* line 430, app/assets/stylesheets/school/schools.scss */
.school-button.only-desktop--flex {
  max-width: 175px;
  margin-left: 7px;
  display: none;
}

@media (min-width: 640px) {
  /* line 430, app/assets/stylesheets/school/schools.scss */
  .school-button.only-desktop--flex {
    display: flex;
  }
}

/* line 439, app/assets/stylesheets/school/schools.scss */
.school-button.only-mobile--flex {
  display: flex;
  max-width: 100px;
}

@media (min-width: 640px) {
  /* line 439, app/assets/stylesheets/school/schools.scss */
  .school-button.only-mobile--flex {
    display: none;
  }
}

/* line 447, app/assets/stylesheets/school/schools.scss */
.school-button.right, .school-button.left {
  margin-top: 0;
}

/* line 453, app/assets/stylesheets/school/schools.scss */
.school-button.school-button--primary {
  max-width: 100px;
}

@media (min-width: 640px) {
  /* line 453, app/assets/stylesheets/school/schools.scss */
  .school-button.school-button--primary {
    max-width: 175px;
  }
}

/* line 462, app/assets/stylesheets/school/schools.scss */
.bundles-container {
  text-align: center;
}

/* line 465, app/assets/stylesheets/school/schools.scss */
.bundles-container a {
  text-decoration: none;
}

@media (min-width: 640px) {
  /* line 462, app/assets/stylesheets/school/schools.scss */
  .bundles-container {
    max-width: 1240px;
    margin: 0 auto;
  }
}

/* line 475, app/assets/stylesheets/school/schools.scss */
.school-notification {
  padding: 20px;
}

/* line 478, app/assets/stylesheets/school/schools.scss */
.school-notification.warning {
  background: lightyellow;
}

/* line 482, app/assets/stylesheets/school/schools.scss */
.school-notification.danger {
  background: red;
}

/* line 488, app/assets/stylesheets/school/schools.scss */
.school_bundle_form .row-price {
  display: none;
}

/* line 492, app/assets/stylesheets/school/schools.scss */
.school_bundle_form .paid .row-price {
  display: flex;
}

/* line 497, app/assets/stylesheets/school/schools.scss */
.start-preview-btn {
  background: #2e4b4f;
  border-radius: 0px 10px 10px 0px;
  font-size: 0.9em;
  left: 0;
  padding: 10px 20px;
  position: fixed;
  top: 145px;
  z-index: 1;
}

/* line 508, app/assets/stylesheets/school/schools.scss */
.nm-hidden-progress-bar {
  display: none !important;
}

/* line 512, app/assets/stylesheets/school/schools.scss */
.text-counter {
  position: relative;
}

/* line 516, app/assets/stylesheets/school/schools.scss */
.subtitle-counter {
  position: absolute;
  bottom: 6px;
  left: 14px;
}

/* line 522, app/assets/stylesheets/school/schools.scss */
.course-categories {
  position: relative;
}

/* line 524, app/assets/stylesheets/school/schools.scss */
.course-categories p {
  margin-top: 0;
}

/* line 527, app/assets/stylesheets/school/schools.scss */
.course-categories .tag {
  border-radius: 7px;
  border: 1px solid #3F414033;
  display: inline-block;
  padding: 6px 10px;
  margin: 5px 0 0 10px;
  color: #3F4140;
  font-weight: 600;
}

/* line 536, app/assets/stylesheets/school/schools.scss */
.course-categories .tag span {
  margin-right: 16px;
  cursor: pointer;
}

/* line 541, app/assets/stylesheets/school/schools.scss */
.course-categories .dropdown-wrap {
  position: absolute;
  top: 3.5rem;
  background: white;
  width: 100%;
  border-radius: 6px;
  border: 1px solid black;
  display: none;
  max-height: 250px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #c0c0c0 transparent;
  scroll-behavior: smooth;
  z-index: 1;
}

/* line 555, app/assets/stylesheets/school/schools.scss */
.course-categories .dropdown-wrap p {
  padding: 12px;
  cursor: pointer;
}

/* line 559, app/assets/stylesheets/school/schools.scss */
.course-categories .dropdown-wrap p:not(:last-child) {
  border-bottom: 1px solid #3F414033;
}

/* line 567, app/assets/stylesheets/school/schools.scss */
.sb-accordian .nm-form-row .nm-form-row {
  display: none !important;
}

/* line 570, app/assets/stylesheets/school/schools.scss */
.sb-accordian .nm-form-row .icon-remove {
  display: none !important;
}

/* line 573, app/assets/stylesheets/school/schools.scss */
.sb-accordian .nm-form-row .collapse-icon {
  transform: rotate(180deg);
}

/* line 579, app/assets/stylesheets/school/schools.scss */
.sch-collapse-header {
  cursor: pointer;
}

/* line 583, app/assets/stylesheets/school/schools.scss */
.hover-bg:hover {
  background-color: Highlight;
  color: HighlightText;
  cursor: pointer;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px;
    padding: 1px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right;
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }
/*! Select2 Bootstrap Theme v0.1.0-beta.7 | MIT License | github.com/select2/select2-bootstrap-theme */

.select2-container--bootstrap {
  display: block;
  /*------------------------------------*\
          #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*\
          #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*\
          #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*\
      #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*\
      #RTL SUPPORT
  \*------------------------------------*/
}
.select2-container--bootstrap .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  outline: 0;
}
.select2-container--bootstrap .select2-selection.form-control {
  border-radius: 4px;
}
.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555555;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
.select2-container--bootstrap .select2-search__field {
  outline: 0;
  /* Firefox 18- */
  /**
   * Firefox 19+
   *
   * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
   */
}
.select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
  color: #999;
}
.select2-container--bootstrap .select2-search__field:-moz-placeholder {
  color: #999;
}
.select2-container--bootstrap .select2-search__field::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
  color: #999;
}
.select2-container--bootstrap .select2-results__option {
  /**
   * Disabled results.
   *
   * @see https://select2.github.io/examples.html#disabled-results
   */
  /**
   * Hover state.
   */
  /**
   * Selected state.
   */
}
.select2-container--bootstrap .select2-results__option[role=group] {
  padding: 0;
}
.select2-container--bootstrap .select2-results__option[aria-disabled=true] {
  color: #777777;
  cursor: not-allowed;
}
.select2-container--bootstrap .select2-results__option[aria-selected=true] {
  background-color: #f5f5f5;
  color: #262626;
}
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
  background-color: #337ab7;
  color: #fff;
}
.select2-container--bootstrap .select2-results__option .select2-results__option {
  padding: 6px 12px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -12px;
  padding-left: 24px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -24px;
  padding-left: 36px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -36px;
  padding-left: 48px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -48px;
  padding-left: 60px;
}
.select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -60px;
  padding-left: 72px;
}
.select2-container--bootstrap .select2-results__group {
  color: #777777;
  display: block;
  padding: 6px 12px;
  font-size: 12px;
  line-height: 1.428571429;
  white-space: nowrap;
}
.select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  border-color: #66afe9;
}
.select2-container--bootstrap.select2-container--open {
  /**
   * Make the dropdown arrow point up while the dropdown is visible.
   */
  /**
   * Handle border radii of the container when the dropdown is showing.
   */
}
.select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 4px 4px 4px;
}
.select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-color: transparent;
}
.select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-top-color: transparent;
}
.select2-container--bootstrap .select2-selection__clear {
  color: #999;
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}
.select2-container--bootstrap .select2-selection__clear:hover {
  color: #333;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection {
  border-color: #ccc;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-search__field {
  cursor: not-allowed;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
  background-color: #eeeeee;
}
.select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
.select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
  display: none;
}
.select2-container--bootstrap .select2-dropdown {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  border-color: #66afe9;
  overflow-x: hidden;
  margin-top: -1px;
}
.select2-container--bootstrap .select2-dropdown--above {
  margin-top: 1px;
}
.select2-container--bootstrap .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--bootstrap .select2-selection--single {
  height: 34px;
  line-height: 1.428571429;
  padding: 6px 24px 6px 12px;
  /**
   * Adjust the single Select2's dropdown arrow button appearance.
   */
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  position: absolute;
  bottom: 0;
  right: 12px;
  top: 0;
  width: 4px;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-color: #999 transparent transparent transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  left: 0;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
  color: #555555;
  padding: 0;
}
.select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--bootstrap .select2-selection--multiple {
  min-height: 34px;
  padding: 0;
  height: auto;
  /**
   * Make Multi Select2's choices match Bootstrap 3's default button styles.
   */
  /**
   * Minus 2px borders.
   */
  /**
   * Clear the selection.
   */
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  line-height: 1.428571429;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  float: left;
  margin-top: 5px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  color: #555555;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin: 5px 0 0 6px;
  padding: 0 6px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  background: transparent;
  padding: 0 12px;
  height: 32px;
  line-height: 1.428571429;
  margin-top: 0;
  min-width: 5em;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 3px;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 6px;
}
.select2-container--bootstrap .select2-selection--single.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--single, .form-group-sm .select2-container--bootstrap .select2-selection--single {
  border-radius: 3px;
  font-size: 12px;
  height: 30px;
  line-height: 1.5;
  padding: 5px 22px 5px 10px;
  /* 2 */
}
.select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b, .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  margin-left: -5px;
}
.select2-container--bootstrap .select2-selection--multiple.input-sm, .input-group-sm .select2-container--bootstrap .select2-selection--multiple, .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
  min-height: 30px;
  border-radius: 3px;
}
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 12px;
  line-height: 1.5;
  margin: 4px 0 0 5px;
  padding: 0 5px;
}
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 10px;
  font-size: 12px;
  height: 28px;
  line-height: 1.5;
}
.select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear, .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 5px;
}
.select2-container--bootstrap .select2-selection--single.input-lg, .input-group-lg .select2-container--bootstrap .select2-selection--single, .form-group-lg .select2-container--bootstrap .select2-selection--single {
  border-radius: 6px;
  font-size: 18px;
  height: 46px;
  line-height: 1.3333333;
  padding: 10px 31px 10px 16px;
  /* 1 */
}
.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
  width: 5px;
}
.select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b, .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b, .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
  border-width: 5px 5px 0 5px;
  margin-left: -5px;
  margin-left: -10px;
  margin-top: -2.5px;
}
.select2-container--bootstrap .select2-selection--multiple.input-lg, .input-group-lg .select2-container--bootstrap .select2-selection--multiple, .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
  min-height: 46px;
  border-radius: 6px;
}
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 4px;
  margin: 9px 0 0 8px;
  padding: 0 10px;
}
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
  padding: 0 16px;
  font-size: 18px;
  height: 44px;
  line-height: 1.3333333;
}
.select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear, .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear, .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
}
.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
  /**
   * Make the dropdown arrow point up while the dropdown is visible.
   */
}
.select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}
.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
  /**
   * Make the dropdown arrow point up while the dropdown is visible.
   */
}
.input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #999 transparent;
  border-width: 0 5px 5px 5px;
}
.select2-container--bootstrap[dir="rtl"] {
  /**
   * Single Select2
   *
   * 1. Makes sure that .select2-selection__placeholder is positioned
   *    correctly.
   */
  /**
   * Multiple Select2
   */
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single {
  padding-left: 24px;
  padding-right: 12px;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
  /* 1 */
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 12px;
  right: auto;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
  margin-left: 0;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
  float: right;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 0;
  margin-right: 6px;
}
.select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

/*------------------------------------*\
    #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b;
}
.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c;
}
.has-warning.select2-drop-active {
  border-color: #66512c;
}
.has-warning.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #66512c;
}

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442;
}
.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534;
}
.has-error.select2-drop-active {
  border-color: #843534;
}
.has-error.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #843534;
}

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d;
}
.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c;
}
.has-success.select2-drop-active {
  border-color: #2b542c;
}
.has-success.select2-drop-active.select2-drop.select2-drop-above {
  border-top-color: #2b542c;
}

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstraps
 * "Input Group" component, we don't want specific edges of the Select2
 * container to have a border-radius.
 *
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on
 * a Bootstrap 3 .input-group to let the contained Select2 widget know which
 * edges should not be rounded as they are directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
/**
 * Mimick Bootstraps .input-group .form-control styles.
 *
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
.input-group .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */
}
.input-group .select2-container--bootstrap.select2-container--open, .input-group .select2-container--bootstrap.select2-container--focus {
  z-index: 3;
}

.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

/**
 * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grow taller than its initial size.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.select2-bootstrap-append .select2-container--bootstrap,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container--bootstrap,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top;
}

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important;
}

/**
 * Display override for inline forms
*/
.form-inline .select2-container--bootstrap {
  display: inline-block;
}
/* line 1, app/assets/stylesheets/schooler/list_view.scss */
ul.tree, ul.tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 7, app/assets/stylesheets/schooler/list_view.scss */
ul.tree ul {
  margin-left: 10px;
}

/* line 11, app/assets/stylesheets/schooler/list_view.scss */
ul.tree li {
  height: 100px;
  margin: 0;
  padding: 0 7px;
  line-height: 20px;
  color: #369;
  /*font-weight: bold;*/
  border-right: 1px solid #646464;
}

/* line 22, app/assets/stylesheets/schooler/list_view.scss */
ul.tree li:last-child, li:last-child:after {
  border-right: none;
  border-bottom: none;
}

/* line 27, app/assets/stylesheets/schooler/list_view.scss */
ul.tree li:first-child {
  border-right: none;
}

/* line 31, app/assets/stylesheets/schooler/list_view.scss */
ul.tree li:first-child:after {
  border-right: 1px solid #646464;
}

/* line 36, app/assets/stylesheets/schooler/list_view.scss */
ul.tree li:not(:last-child):after {
  position: relative;
  top: -2em;
  height: 5em;
  width: 15px;
  color: white;
  border-top: 1px solid #646464;
  content: "";
  display: inline-block;
  left: 7px;
}

/* line 48, app/assets/stylesheets/schooler/list_view.scss */
ul.tree li:last-child:before {
  position: relative;
  bottom: 0em;
  height: 1em;
  width: 15px;
  color: white;
  border-bottom: 1px solid #646464;
  border-right: 1px solid #646464;
  content: "";
  display: inline-block;
  left: 7px;
}

/* line 61, app/assets/stylesheets/schooler/list_view.scss */
ul.tree fieldset {
  margin: 0px 10px 0 0;
  width: 80%;
}

/* line 66, app/assets/stylesheets/schooler/list_view.scss */
ul.tree li:last-child > fieldset {
  position: relative;
  top: -25px;
}
/* line 2, app/assets/stylesheets/pixels.css.scss */
.provider-radio [type=radio] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* line 9, app/assets/stylesheets/pixels.css.scss */
.provider-radio [type=radio] + img {
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/pixels.css.scss */
.provider-radio [type=radio]:checked + img {
  outline: 1px solid #1C7885;
  background: linear-gradient(0deg, rgba(28, 120, 133, 0.25), rgba(28, 120, 133, 0.25)), #FFFFFF;
}

/* line 18, app/assets/stylesheets/pixels.css.scss */
.provider-radio [type=radio]:checked + a {
  outline: 1px solid #1C7885;
  background: linear-gradient(0deg, rgba(28, 120, 133, 0.25), rgba(28, 120, 133, 0.25)), #FFFFFF;
}

/* line 23, app/assets/stylesheets/pixels.css.scss */
.ga4-provider, .fb_pixel-provider {
  background: white;
  padding: 17px;
  border-radius: 6px;
  width: 206.67px;
  height: 122px;
}

/* line 32, app/assets/stylesheets/pixels.css.scss */
.custom-provider {
  background: white;
  border-radius: 6px;
  width: 206.67px;
  height: 122px;
  text-decoration: none;
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 600;
  font-size: 21.0667px;
  line-height: 28px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  text-align: center;
  color: #8F8F8F;
}

/* line 50, app/assets/stylesheets/pixels.css.scss */
.custom-provider:hover {
  color: #8F8F8F;
}

/* line 54, app/assets/stylesheets/pixels.css.scss */
.ga-info {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 122.8%;
  align-items: center;
  text-align: right;
  letter-spacing: 0.014em;
  color: #969696;
  padding: 10px;
}

/* line 67, app/assets/stylesheets/pixels.css.scss */
.provider-code-field {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

/* line 73, app/assets/stylesheets/pixels.css.scss */
.ga-instruction, .fb-instruction {
  margin: -5px 20px 0 0;
  display: none;
}

/* line 78, app/assets/stylesheets/pixels.css.scss */
.radio-label {
  font-family: 'Assistant';
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
}

/* line 86, app/assets/stylesheets/pixels.css.scss */
.radio-label.red {
  color: #D90808;
}

/* line 90, app/assets/stylesheets/pixels.css.scss */
.radio-label.green {
  color: #219653;
}

/* line 94, app/assets/stylesheets/pixels.css.scss */
.popover {
  max-width: 370px !important;
}

/* line 98, app/assets/stylesheets/pixels.css.scss */
.popover-content {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin-top: 0px;
  direction: rtl;
  text-align: right;
}

/* line 107, app/assets/stylesheets/pixels.css.scss */
.popover.bottom > .arrow {
  border-bottom-color: rgba(0, 0, 0, 0) !important;
}

/* line 111, app/assets/stylesheets/pixels.css.scss */
.no-pointer {
  pointer-events: none;
  color: #8f9fa1 !important;
  background: none !important;
}
/* line 6, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

/* line 26, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.top {
  margin-top: -10px;
}

/* line 27, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.right {
  margin-left: 10px;
}

/* line 28, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.bottom {
  margin-top: 10px;
}

/* line 29, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.left {
  margin-left: -10px;
}

/* line 32, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}

/* line 43, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover-content {
  padding: 9px 14px;
}

/* line 52, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover > .arrow, .popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

/* line 62, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover > .arrow {
  border-width: 11px;
}

/* line 65, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}

/* line 71, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

/* line 78, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}

/* line 86, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

/* line 93, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}

/* line 101, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

/* line 108, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}

/* line 117, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

/* line 124, vendor/bundle/ruby/3.3.0/gems/bootstrap-sass-3.2.0.4/assets/stylesheets/bootstrap/_popovers.scss */
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
@charset "UTF-8";
/* Slider */
/* line 3, node_modules/slick-carousel/slick/slick.scss */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

/* line 17, node_modules/slick-carousel/slick/slick.scss */
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

/* line 24, node_modules/slick-carousel/slick/slick.scss */
.slick-list:focus {
  outline: none;
}

/* line 28, node_modules/slick-carousel/slick/slick.scss */
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

/* line 33, node_modules/slick-carousel/slick/slick.scss */
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* line 42, node_modules/slick-carousel/slick/slick.scss */
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* line 50, node_modules/slick-carousel/slick/slick.scss */
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

/* line 56, node_modules/slick-carousel/slick/slick.scss */
.slick-track:after {
  clear: both;
}

/* line 60, node_modules/slick-carousel/slick/slick.scss */
.slick-loading .slick-track {
  visibility: hidden;
}

/* line 64, node_modules/slick-carousel/slick/slick.scss */
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

/* line 68, node_modules/slick-carousel/slick/slick.scss */
[dir="rtl"] .slick-slide {
  float: right;
}

/* line 71, node_modules/slick-carousel/slick/slick.scss */
.slick-slide img {
  display: block;
}

/* line 74, node_modules/slick-carousel/slick/slick.scss */
.slick-slide.slick-loading img {
  display: none;
}

/* line 80, node_modules/slick-carousel/slick/slick.scss */
.slick-slide.dragging img {
  pointer-events: none;
}

/* line 84, node_modules/slick-carousel/slick/slick.scss */
.slick-initialized .slick-slide {
  display: block;
}

/* line 88, node_modules/slick-carousel/slick/slick.scss */
.slick-loading .slick-slide {
  visibility: hidden;
}

/* line 92, node_modules/slick-carousel/slick/slick.scss */
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

/* line 98, node_modules/slick-carousel/slick/slick.scss */
.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* line 45, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-loading .slick-list {
  background: #fff url(https://my.schooler.biz/images/ajax-loader.gif) center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  src: url(https://my.schooler.biz/fonts/slick.eot);
  src: url(https://my.schooler.biz/fonts/slick.eot?#iefix) format("embedded-opentype"), url(https://my.schooler.biz/fonts/slick.woff) format("woff"), url(https://my.schooler.biz/fonts/slick.ttf) format("truetype"), url(https://my.schooler.biz/fonts/slick.svg#slick) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
/* line 63, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

/* line 81, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

/* line 85, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

/* line 89, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

/* line 92, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 103, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-prev {
  left: -25px;
}

/* line 105, node_modules/slick-carousel/slick/slick-theme.scss */
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

/* line 109, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-prev:before {
  content: "←";
}

/* line 111, node_modules/slick-carousel/slick/slick-theme.scss */
[dir="rtl"] .slick-prev:before {
  content: "→";
}

/* line 117, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-next {
  right: -25px;
}

/* line 119, node_modules/slick-carousel/slick/slick-theme.scss */
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

/* line 123, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-next:before {
  content: "→";
}

/* line 125, node_modules/slick-carousel/slick/slick-theme.scss */
[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
/* line 133, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

/* line 137, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

/* line 146, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

/* line 154, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

/* line 166, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

/* line 168, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

/* line 172, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 189, node_modules/slick-carousel/slick/slick-theme.scss */
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}
/* line 3, app/assets/stylesheets/custom-ltr.css.scss */
.nm-form-row .textarea-direction {
  direction: ltr !important;
}

/* line 7, app/assets/stylesheets/custom-ltr.css.scss */
.rtl-layout {
  direction: rtl !important;
}

/* line 9, app/assets/stylesheets/custom-ltr.css.scss */
.rtl-layout .input-user {
  margin-right: 5px;
}

/* line 12, app/assets/stylesheets/custom-ltr.css.scss */
.rtl-layout .form-simple .nm-input + .nm-input {
  margin-right: 5px;
}

/* line 15, app/assets/stylesheets/custom-ltr.css.scss */
.rtl-layout .iconed-block .button-primary {
  margin-right: 5px;
}

/* line 18, app/assets/stylesheets/custom-ltr.css.scss */
.rtl-layout .checkout-button {
  margin-right: 45px !important;
}

/* line 21, app/assets/stylesheets/custom-ltr.css.scss */
.rtl-layout .course-info-item.col strong {
  display: inline;
}

/* line 24, app/assets/stylesheets/custom-ltr.css.scss */
.rtl-layout .badge-on-left, .rtl-layout .badge-on-left:before, .rtl-layout .badge-on-left:after {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

/* line 28, app/assets/stylesheets/custom-ltr.css.scss */
.rtl-layout .handle-alignment {
  float: left;
}

/* line 33, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout {
  direction: ltr !important;
  /* Css-added  */
}

/* line 36, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .course-description {
  text-align: right;
}

/* line 40, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .credits {
  direction: rtl;
}

/* line 44, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .iconed-block {
  padding-left: 100px;
  padding-right: 0px;
}

/* line 49, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .content-inner {
  direction: ltr;
}

/* line 53, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .aside-menu ul a.closed-lesson {
  padding-right: 0px;
  padding-left: 17px;
}

/* line 59, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .aside-menu ul.lesson--list .toc-header .caption {
  padding-left: 12px;
  padding-right: 12px;
}

/* line 65, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .lesson.caption {
  padding-right: 0px;
  padding-left: 25px;
}

/* line 71, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .col-set-bordered > .col {
  border-right: 1px solid #cdcdcd;
  border-left: 0 none;
}

/* line 75, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .col-set-bordered > .col:last-child {
  border-right: 0 none;
}

/* line 83, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .col-set > .col:last-child {
  padding-right: 0 !important;
  padding-left: 26px !important;
}

/* line 88, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .col-set > .col:first-child {
  padding-left: 0 !important;
  padding-right: 26px !important;
}

/* line 96, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .top-panel {
  display: flex;
  flex-direction: row-reverse;
}

/* line 101, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .top-panel-heading span {
  direction: ltr;
  float: left;
}

/* line 106, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .top-panel-heading strong {
  float: left;
  padding-left: 30px;
  padding-right: 5px;
}

/* line 112, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .top-panel-heading .hash {
  padding-right: 5px !important;
  padding-left: 0px !important;
}

/* line 117, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .course-description {
  text-align: left !important;
}

/* line 121, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .sidebar-bottom {
  display: flex;
  flex-direction: row-reverse;
}

/* line 126, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .colored-item {
  border: none !important;
  padding-right: 5px;
}

/* line 131, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .text {
  border-style: solid;
  border-width: 0 1px 0 0px !important;
  padding-left: 5px;
  padding-right: 5px;
  margin-left: 5px;
  margin-right: 5px;
  direction: ltr;
}

/* line 141, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .side-line {
  border-width: 0 0 0 0 !important;
}

/* line 145, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .icon-n-text {
  display: flex;
  flex-direction: row-reverse;
}

/* line 150, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .sch-arrow-right {
  display: inline-block !important;
  direction: ltr !important;
  padding-top: 2px !important;
}

/* line 156, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .hide-side-menu {
  padding-right: 99%;
  padding-top: 20px !important;
}

/* line 162, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .sidebar-hidden {
  margin-left: -300px;
  margin-right: 0px !important;
  visibility: hidden;
}

/* line 168, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .button-text {
  padding-right: 10px;
}

/* line 172, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .button-prev {
  display: flex;
  flex-direction: row-reverse;
}

/* line 178, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .logo {
  float: left;
}

/* line 182, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .school-button {
  float: right;
}

/* line 186, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .button-bar a img {
  width: 10px;
}

/* line 190, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .school-container > .header-wrapper .logo {
  float: left !important;
}

/* line 194, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .course-box .course-info h2 {
  text-align: left !important;
  margin-left: 10px;
}

/* line 199, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .school-container .course-price > span {
  border-radius: 5px 0px 0px 5px;
  display: block;
  float: right !important;
  position: relative !important;
  right: 0 !important;
  margin-right: 0 !important;
  top: 6px !important;
  width: 87px;
  left: calc(100% - 70px);
}

/* line 211, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .school-container .buttons-bar .welcome {
  float: right;
}

/* line 215, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .course-box.draft .draft-label {
  right: 0 !important;
  border-radius: 10px 0 0 10px;
  left: auto;
}

/* line 221, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .course-box.owned::after {
  left: 10px;
}

/* line 225, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .course-box .course-tiny-details {
  margin-left: 10px;
}

/* line 230, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .icon-n-text._vertical {
  display: flex;
  flex-direction: column !important;
}

/* line 235, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .icon-n-text > [class^=icon] + .text {
  border: none;
}

/* line 240, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .question-block .answers .nm-check-block .nm-checkbox {
  left: 2px;
}

/* line 244, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .quiztab {
  direction: ltr;
}

/* line 248, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .page-lable {
  float: left;
}

/* line 252, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .page-lable:after {
  left: -20px !important;
}

/* line 256, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .page-lable h2 {
  position: relative;
  left: 10px;
}

/* line 261, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .question-block .answer-text-student-side {
  margin-right: 0px;
  margin-left: 30px;
}

/* line 267, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .answers .question-wrap {
  margin-left: 30px;
}

/* line 272, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .question-block .answers.only-right-answers-feedback,
.ltr-layout .question-block .answers.all-answers-feedback {
  margin-left: 0 !important;
}

/* line 277, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .question-block .answers.only-right-answers-feedback .question-marker,
.ltr-layout .question-block .answers.all-answers-feedback .question-marker {
  padding-left: 2px !important;
}

/* line 282, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .question-block .answers.only-right-answers-feedback .nm-check-block,
.ltr-layout .question-block .answers.all-answers-feedback .nm-check-block {
  height: auto !important;
}

/* line 287, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .question-block .answers.all-answers-feedback .nm-check-block .nm-checkbox,
.ltr-layout .question-block .answers.only-right-answers-feedback .nm-check-block .nm-checkbox {
  left: 29px !important;
}

/* line 292, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .question-block .answers.all-answers-feedback .nm-label-text,
.ltr-layout .question-block .answers.only-right-answers-feedback .nm-label-text {
  margin-left: 40px !important;
}

/* line 298, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .aside-menu ul.lesson--list .toc-header .chapter-index {
  left: 9px;
}

/* line 303, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .top-menu-directon {
  direction: ltr;
}

/* line 308, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .login-form {
  direction: ltr;
}

/* line 312, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .small {
  float: right;
}

/* line 316, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .signup-suggestion-block {
  text-align: left;
}

/* line 321, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .link-to-signin {
  float: left;
}

/* line 325, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .button-primary {
  float: right;
}

/* line 330, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .school-login-password {
  float: right;
}

/* line 334, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .school-login-form-direction {
  direction: ltr;
}

/* line 339, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .password-form-direction {
  direction: ltr;
}

/* line 343, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .reset-password-button {
  float: right !important;
}

/* line 348, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .input-email {
  background-position: calc(5% - 20px) 50%;
}

/* line 352, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout input[type=email] {
  padding-left: 60px;
}

/* line 356, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout ::-webkit-input-placeholder {
  text-align: start;
}

/* line 360, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout :-moz-placeholder {
  text-align: start;
}

/* line 364, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout input[type="password"] {
  padding-left: 60px;
}

/* line 368, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .input-password {
  background-position: calc(5% - 20px) 50%;
}

/* line 372, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .input-user {
  background-position: calc(6% - 24px) 50%;
}

/* line 376, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .input-phone {
  background-position: calc(6% - 22px) 50%;
}

/* line 380, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .input-user, .ltr-layout .input-email, .ltr-layout .input-phone {
  padding-left: 60px;
}

/* line 385, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .hash {
  float: left;
}

/* line 390, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .thankyou-block {
  padding: 26px 0px !important;
}

/* line 394, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .thankyou-content {
  padding-left: 0px !important;
}

/* line 398, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .button-w-tip {
  float: none;
}

/* line 402, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .button-w-tip:before {
  right: 283px;
  border-radius: 5px 0 0 5px;
}

/* line 407, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .button-w-tip .icon {
  left: 15px;
}

/* line 412, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .button-w-tip {
  padding-left: 60px;
}

/* line 417, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .badge-on-left, .ltr-layout .badge-on-left:before, .ltr-layout .badge-on-left:after {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

/* line 422, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .sidebar_wrapper .badge-on-left {
  left: 206px;
}

/* line 426, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .popup.edit-status {
  margin-left: 10rem;
  direction: rtl;
}

/* line 431, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .nm-end-row {
  margin-right: 130px;
}

/* line 435, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .nm-end-row .nm-link {
  padding-right: 20px;
}

/* line 440, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .simplified-menu ul {
  height: 40px;
  display: flex;
  flex-direction: row-reverse;
}

/* line 446, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .drag-handle {
  float: right;
}

/* line 450, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .aside-menu.compact ul a.bright, .ltr-layout .aside-menu.compact ul .menu-item.bright {
  color: #ffffff;
  padding-left: 10px;
}

/* line 455, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .aside-menu ul {
  direction: ltr;
}

/* line 460, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .my-notification .close {
  right: 0;
}

/* line 465, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .checkbox label:before {
  left: 0;
}

/* line 468, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .checkbox label {
  padding-left: 34px;
}

/* line 473, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .sch-exit::before {
  content: "\77";
  transform: scaleX(-1);
  display: inline-block;
}

/* line 479, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .school-container .course-price .paid-with-discount {
  width: 170px;
  left: calc(100% - 152px);
}

/* line 483, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .before-discount {
  float: left;
}

/* line 488, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .sch-cart:before {
  content: "\76";
  transform: scaleX(-1);
  display: inline-block;
}

/* line 495, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .remove-uppercase {
  text-transform: none;
}

/* line 499, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .handle-width {
  min-width: 150px !important;
}

/* line 502, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .handle-alignment {
  float: right;
}

/* line 507, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .handle-formation {
  display: flex;
  flex-direction: row !important;
}

/* line 511, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .main-top {
  direction: ltr;
}

/* line 515, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .modal-content {
  direction: rtl;
}

/* line 519, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .passing-score-label {
  width: 130px;
}

/* line 522, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .grade-label {
  width: 72px;
  padding-top: 5px;
}

/* line 526, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .passing-grade-container {
  right: 12rem;
}

/* line 529, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .grade-value {
  margin-left: 0 !important;
  margin: 0 5px;
  padding-top: 5px;
}

@media (max-width: 768px) {
  /* line 537, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .quiztab {
    padding: 15px 10px;
  }
  /* line 540, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .school-container .buttons-bar .welcome {
    padding: 18px 9px;
  }
  /* line 543, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .school-container .course-price > span {
    left: calc(100% - 70px);
    top: 4px !important;
  }
  /* line 549, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .school-header-text p {
    right: 25% !important;
    left: 0 !important;
  }
  /* line 555, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .top-panel-heading strong {
    padding-left: 0px !important;
  }
  /* line 558, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .header-mobile .header-mobile-top .sch-menu {
    padding-left: 15px;
  }
  /* line 561, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .sch-close {
    padding-left: 15px;
  }
  /* line 565, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .iconed-block {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* line 569, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .col-set > .col:first-child {
    padding-right: 0px !important;
  }
  /* line 572, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .col-set-bordered > .col {
    border-right: none;
  }
  /* line 575, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .input-email, .ltr-layout .input-phone, .ltr-layout .input-user {
    background-position: calc(100% - 280px) 50%;
  }
  /* line 578, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .input-user, .ltr-layout .input-email, .ltr-layout .input-phone, .ltr-layout .input-password {
    padding-right: 20px;
  }
  /* line 581, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .course-info-item.col strong {
    float: left;
  }
  /* line 584, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .col-set > .col:last-child {
    padding-left: 0px !important;
  }
  /* line 587, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .input-password {
    background-position: calc(100% - 283px) 50%;
  }
  /* line 590, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout input[type=email] {
    padding-left: 60px;
  }
  /* line 593, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .nm-input {
    width: 320px;
  }
  /* line 596, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .nm-course-form {
    margin-left: 15px;
    width: auto;
  }
  /* line 600, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout input[type=password] {
    padding-left: 60px;
  }
  /* line 603, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .forgot-password-link {
    color: #03D6F3;
  }
  /* line 606, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .signin-actions {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-right: 210px;
    float: left;
  }
  /* line 612, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .padded-form .reset-password-button {
    width: 320px;
  }
  /* line 615, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .padded-form {
    margin-right: 15px;
  }
  /* line 618, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .col p {
    margin-left: 20px;
    margin-right: 20px;
  }
  /* line 622, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .iconed-block .button-primary {
    width: 320px;
  }
  /* line 625, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout ::-webkit-input-placeholder {
    text-align: start;
  }
  /* line 628, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout :-moz-placeholder {
    text-align: start;
  }
  /* line 632, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .iconed-block .button-primary {
    margin-right: 10px;
  }
  /* line 636, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .button-w-tip:before {
    right: 270px;
  }
  /* line 639, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .button-w-tip .icon {
    left: 16px;
    top: 6px;
  }
  /* line 643, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .button-w-tip {
    margin: 0px 10px 0px 20px !important;
    padding-left: 40px !important;
  }
  /* line 647, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .course-info-item {
    text-align: left;
  }
  /* line 651, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .page-lable h2 {
    height: auto;
    width: auto;
    padding-top: 7px;
  }
  /* line 656, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .page-lable:after {
    margin-top: -5px;
  }
  /* line 660, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .menu-mobile .icon-pdf {
    margin-left: -1600%;
  }
  /* line 663, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .menu-mobile li.menu-item {
    padding: 20px 200px 30px 40px;
  }
  /* line 666, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .menu-mobile .time {
    margin-left: 50%;
  }
  /* line 669, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .menu-mobile .icon-video {
    margin-left: -1600%;
  }
  /* line 672, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .menu-mobile .icon-audio {
    margin-left: -1600%;
  }
  /* line 675, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .menu-mobile .icon-www, .ltr-layout .menu-mobile .sch-test {
    margin-left: -1600%;
  }
  /* line 678, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .menu-mobile .icon-tick {
    left: 300px !important;
  }
  /* line 681, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .icon-course-number-2 {
    margin-left: -540px;
  }
  /* line 684, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .menu-item-icon a span {
    margin-left: 40px;
  }
  /* line 687, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .menu-mobile li.menu-item {
    padding: 20px 120px 30px 110px !important;
  }
  /* line 692, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .sch-arrow-right {
    z-index: 5;
    position: absolute;
    left: 91%;
  }
  /* line 697, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .sch-arrow-left {
    position: absolute;
    right: 91%;
  }
  /* line 702, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .custom-react-player {
    width: 290px !important;
    height: 180px !important;
  }
  /* line 706, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .quiz-answer-image-student {
    max-width: 285px;
  }
  /* line 709, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .quiz-question-image-student {
    max-width: 285px !important;
  }
  /* line 712, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .quiz-answer-audio-student {
    border: none !important;
    width: 300px !important;
  }
  /* line 716, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .quiz-question-audio-student {
    border: none !important;
    width: 300px !important;
  }
  /* line 720, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .grade-value {
    padding-top: 3px !important;
    padding-left: 4px;
    height: 28px;
  }
  /* line 725, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .grade-label {
    padding-right: 0px;
    height: 28px;
    width: 75px;
  }
  /* line 730, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .passing-score-label {
    text-align: right;
    padding-right: 1rem;
    width: -webkit-fill-available;
  }
  /* line 735, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .question-block--text {
    margin-right: 0px;
    margin-left: 30px;
  }
  /* line 739, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .blocking-quiz-text {
    margin-right: 0px;
    margin-left: 30px;
  }
  /* line 743, app/assets/stylesheets/custom-ltr.css.scss */
  .ltr-layout .content-inner {
    padding: 26px 15px 30px;
  }
}

/* line 748, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .search-box-teacher-side {
  direction: ltr;
  margin-left: -7px;
}

/* line 753, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .search-box-div {
  direction: ltr;
  width: 253px !important;
}

/* line 758, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .bundle-teacher-search-input {
  direction: ltr;
  text-align: left;
}

/* line 763, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .search-results-message {
  direction: ltr;
  text-align: left !important;
}

/* line 769, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .menu-mobile .search-results-message {
  margin-left: 15%;
}

/* line 774, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .search-cross-svg-icon-desktop {
  margin-right: -15px !important;
}

/* line 778, app/assets/stylesheets/custom-ltr.css.scss */
.ltr-layout .search-box-input {
  margin-right: 4px;
  margin-left: 6px;
}
/* line 1, app/assets/stylesheets/a11y/statement.scss */
.sc-width-head {
  max-width: 1230px;
}

/* line 4, app/assets/stylesheets/a11y/statement.scss */
.sc-width-head h4 {
  color: #2e4b4f;
  font-weight: 400;
}

/* line 10, app/assets/stylesheets/a11y/statement.scss */
.a11y-preview a {
  color: #304b4f !important;
  font-weight: 700;
  line-height: 22px;
  text-decoration-line: underline;
  opacity: 0.75;
}

/* line 18, app/assets/stylesheets/a11y/statement.scss */
.sc-form-wrap {
  margin-top: 10px;
}

/* line 21, app/assets/stylesheets/a11y/statement.scss */
.sc-form-wrap .nm-end-row {
  margin-top: 40px !important;
}

/* line 25, app/assets/stylesheets/a11y/statement.scss */
.sc-form-wrap #button_save {
  color: #000;
  font-weight: 700;
}

/* line 31, app/assets/stylesheets/a11y/statement.scss */
.preview-statement {
  width: 100%;
  text-align: center;
  margin-top: 100px !important;
}

/* line 38, app/assets/stylesheets/a11y/statement.scss */
.input-group-elements .text-grey-59 {
  color: #2e4b4f;
  margin-bottom: 8px;
  font-size: 20px;
  font-weight: 400;
  opacity: 0.75;
}

/* line 46, app/assets/stylesheets/a11y/statement.scss */
.input-group-elements .nm-input {
  margin-bottom: 15px;
  border: 1px solid #70707040;
}

/* line 52, app/assets/stylesheets/a11y/statement.scss */
.a11y-url {
  display: flex !important;
}

/* line 55, app/assets/stylesheets/a11y/statement.scss */
.a11y-url .sidebar-icon {
  margin-right: 3px;
}

/* line 60, app/assets/stylesheets/a11y/statement.scss */
.a11y-url:hover svg path,
li.active .a11y-url svg path {
  stroke: #03d6f3;
}

/* line 65, app/assets/stylesheets/a11y/statement.scss */
.links-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 2px;
}

/* line 74, app/assets/stylesheets/a11y/statement.scss */
.ltr-layout .statement-preview {
  margin: 40px 30% 44px 30%;
  text-align: left;
}

/* line 78, app/assets/stylesheets/a11y/statement.scss */
.ltr-layout .statement-preview span {
  font-weight: 400;
  font-size: 16px;
}

/* line 83, app/assets/stylesheets/a11y/statement.scss */
.ltr-layout .statement-preview h1 {
  font-size: 30px;
  text-align: left;
}

/* line 88, app/assets/stylesheets/a11y/statement.scss */
.ltr-layout .statement-preview h2 {
  font-size: 26px;
  text-align: left;
}

/* line 94, app/assets/stylesheets/a11y/statement.scss */
.ltr-layout .links-container {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid white;
}

/* line 100, app/assets/stylesheets/a11y/statement.scss */
.ltr-layout .list-margin {
  margin-left: 20px;
}

/* line 104, app/assets/stylesheets/a11y/statement.scss */
.ltr-layout .top-link {
  text-align: left;
  padding-bottom: 2px;
}

/* line 109, app/assets/stylesheets/a11y/statement.scss */
.ltr-layout .a11y-school-footer .links-container {
  border-left: 1px solid white;
}

/* line 113, app/assets/stylesheets/a11y/statement.scss */
.ltr-layout .static-footer {
  flex-direction: row-reverse;
}

/* line 116, app/assets/stylesheets/a11y/statement.scss */
.ltr-layout .static-footer .text {
  border-width: 0 0 0 1px !important;
}

/* line 123, app/assets/stylesheets/a11y/statement.scss */
.rtl-layout .statement-preview {
  margin: 40px 30% 44px 30%;
  text-align: right;
}

/* line 127, app/assets/stylesheets/a11y/statement.scss */
.rtl-layout .statement-preview span {
  font-weight: 400;
  font-size: 16px;
}

/* line 132, app/assets/stylesheets/a11y/statement.scss */
.rtl-layout .statement-preview h1 {
  font-size: 30px;
  text-align: right;
}

/* line 137, app/assets/stylesheets/a11y/statement.scss */
.rtl-layout .statement-preview h2 {
  font-size: 26px;
  text-align: right;
}

/* line 143, app/assets/stylesheets/a11y/statement.scss */
.rtl-layout .links-container {
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid white;
}

/* line 149, app/assets/stylesheets/a11y/statement.scss */
.rtl-layout .list-margin {
  margin-right: 20px;
}

/* line 153, app/assets/stylesheets/a11y/statement.scss */
.rtl-layout .bottom-link {
  padding-left: 78px;
}

/* line 157, app/assets/stylesheets/a11y/statement.scss */
.rtl-layout .a11y-school-footer .links-container {
  border-right: 1px solid white;
}

/* line 162, app/assets/stylesheets/a11y/statement.scss */
.bottom-link {
  text-decoration: underline !important;
  font-weight: 600;
}

/* line 167, app/assets/stylesheets/a11y/statement.scss */
.a11y-school-footer .links-container {
  color: #969696;
}

@media (max-width: 600px) {
  /* line 172, app/assets/stylesheets/a11y/statement.scss */
  .statement-preview {
    margin: 40px 2% 44px 3% !important;
  }
}

/* line 177, app/assets/stylesheets/a11y/statement.scss */
.static-header {
  background-color: #2e4b4f;
}

/* line 181, app/assets/stylesheets/a11y/statement.scss */
.static-footer {
  background-color: #fff;
  padding: 31px 16px;
}

/* line 185, app/assets/stylesheets/a11y/statement.scss */
.static-footer .text {
  color: #969696;
}

/* line 190, app/assets/stylesheets/a11y/statement.scss */
.grey-logo {
  margin-right: 20px;
}

/* line 194, app/assets/stylesheets/a11y/statement.scss */
.logo-text {
  color: #969696;
  font-size: 18px;
}

/* line 31, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout button, .a11y-layout .nm-btn {
  background-color: #10e0fc;
  border-radius: 2px;
  color: #000;
  font-size: 16px;
  font-weight: 700;
}

/* line 38, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout button:hover, .a11y-layout .nm-btn:hover {
  background-color: #10e0fcbf;
  color: #000;
}

/* line 43, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout button:active, .a11y-layout .nm-btn:active {
  background-color: #10e0fc40;
}

/* line 47, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout button:disabled, .a11y-layout .nm-btn:disabled {
  background-color: #969696;
}

/* line 55, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout a {
  color: #304b4f;
  font-size: 16px;
  font-weight: 700;
}

/* line 60, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout a:hover {
  opacity: 0.75;
}

/* line 64, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout a:active {
  opacity: 0.5;
}

/* line 72, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout form input {
  border: 1px solid #70707040;
}

/* line 74, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout form input:focus, .a11y-layout form input:focus-visible {
  border-radius: 6px;
  border: 2px solid #707070;
}

/* line 81, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout input {
  border: 1px solid #70707040;
}

/* line 83, app/assets/stylesheets/a11y/_base.scss */
.a11y-layout input:focus, .a11y-layout input:focus-visible {
  border-radius: 6px;
  border: 2px solid #707070;
}

/* line 10, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .terms-course-wrapper {
  margin-top: 41px;
}

/* line 14, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .checkbox input {
  visibility: visible !important;
  top: auto !important;
  right: auto !important;
}

/* line 20, app/assets/stylesheets/a11y/main.scss */
.a11y-layout input.nm-hidden[type='radio'],
.a11y-layout input.nm-hidden[type='checkbox'] {
  opacity: 0;
  position: absolute;
  display: block !important;
}

/* line 27, app/assets/stylesheets/a11y/main.scss */
.a11y-layout footer a {
  text-decoration: none;
  color: inherit;
  font-size: inherit;
  font-weight: normal;
}

/* line 34, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .skip-link {
  background-color: #319795;
  color: #fff;
  font-weight: 700;
  top: 0;
  left: 50%;
  padding: 8px;
  position: absolute;
  transform: translateY(-100%);
  transition: transform 0.3s;
  text-decoration: none;
  border: none;
}

/* line 48, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .skip-link:focus {
  transform: translateY(0%);
  z-index: 9999;
}

/* line 53, app/assets/stylesheets/a11y/main.scss */
.a11y-layout form a {
  color: #2e4b4f;
  font-weight: 600;
  font-size: 16px;
  text-decoration-line: underline;
}

/* line 61, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .color-brand span,
.a11y-layout .new-user-form-header {
  font-weight: 700;
  font-size: 24px;
}

/* line 67, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .color-brand span {
  color: #fff !important;
  display: inline-flex;
  padding: 10px;
  background-color: #2e4b4f !important;
  border-radius: 5px;
}

/* line 76, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .input-user::placeholder,
.a11y-layout .input-email::placeholder,
.a11y-layout .input-password::placeholder,
.a11y-layout .input-phone::placeholder {
  color: #2e4b4f !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  opacity: 75% !important;
}

/* line 87, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .input-user:-ms-input-placeholder,
.a11y-layout .input-email:-ms-input-placeholder,
.a11y-layout .input-password:-ms-input-placeholder,
.a11y-layout .input-phone:-ms-input-placeholder {
  color: #2e4b4f !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  opacity: 75% !important;
}

/* line 98, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .input-user::-webkit-input-placeholder,
.a11y-layout .input-email::-webkit-input-placeholder,
.a11y-layout .input-password::-webkit-input-placeholder,
.a11y-layout .input-phone::-webkit-input-placeholder {
  color: #2e4b4f !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  opacity: 75% !important;
}

/* line 108, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .sch-cart, .a11y-layout .sch-registration {
  display: none !important;
}

/* line 112, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .input-user {
  background-position: calc(100% - 15px) 50%;
  background-size: 26px 32px;
}

/* line 117, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .input-email {
  background-position: calc(100% - 13px) 50%;
  background-size: 32px 24px;
}

/* line 122, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .input-phone {
  background-position: calc(100% - 13px) 50%;
  background-size: 27px 26px;
}

/* line 127, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .input-password {
  background-position: calc(100% - 13px) 50%;
  background-size: 26px 32px;
}

/* line 132, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .button-prev,
.a11y-layout .school-button {
  text-decoration: none !important;
}

/* line 137, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .iconed-block-inner .sub-heading-2 {
  margin-top: 8px;
}

/* line 141, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .join-course-title {
  line-height: 150%;
}

/* line 145, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .thankyou-block .button-primary {
  margin-right: 45px !important;
}

/* line 151, app/assets/stylesheets/a11y/main.scss */
.a11y-layout.rtl-layout .input-user,
.a11y-layout.rtl-layout .form-simple .nm-input + .nm-input,
.a11y-layout.rtl-layout .iconed-block .button-primary {
  margin-right: 0;
}

/* line 158, app/assets/stylesheets/a11y/main.scss */
.a11y-layout.rtl-layout .form-simple .nm-input, .a11y-layout.rtl-layout .form-simple .nm-input::placeholder {
  text-align: right;
}

/* line 163, app/assets/stylesheets/a11y/main.scss */
.a11y-layout.rtl-layout .padding-10 {
  padding-left: 10px;
}

/* line 169, app/assets/stylesheets/a11y/main.scss */
.a11y-layout.ltr-layout .input-password, .a11y-layout.ltr-layout .input-phone {
  background-position: 16px;
}

/* line 173, app/assets/stylesheets/a11y/main.scss */
.a11y-layout.ltr-layout .input-email {
  background-position: 13px;
}

/* line 177, app/assets/stylesheets/a11y/main.scss */
.a11y-layout.ltr-layout .input-user {
  background-position: 15px;
}

/* line 181, app/assets/stylesheets/a11y/main.scss */
.a11y-layout.ltr-layout .button-w-tip:before {
  left: 0px;
}

/* line 185, app/assets/stylesheets/a11y/main.scss */
.a11y-layout.ltr-layout .shift-left {
  margin-left: 0px;
}

/* line 189, app/assets/stylesheets/a11y/main.scss */
.a11y-layout.ltr-layout .padding-10 {
  padding-right: 10px;
}

/* line 194, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .text-bold {
  font-weight: bold;
}

/* line 198, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .status-link-btn:hover {
  background-color: transparent;
  color: #fff;
}

/* line 203, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .course-box.owned::after {
  color: #03d6f3;
}

@media (max-width: 768px) {
  /* line 208, app/assets/stylesheets/a11y/main.scss */
  .a11y-layout .iconed-block-inner {
    text-align: right;
  }
  /* line 213, app/assets/stylesheets/a11y/main.scss */
  .a11y-layout.ltr-layout .button-w-tip {
    margin: 12px 0 0 0 !important;
  }
  /* line 217, app/assets/stylesheets/a11y/main.scss */
  .a11y-layout.ltr-layout .button-w-tip:before {
    left: 0px;
  }
  /* line 221, app/assets/stylesheets/a11y/main.scss */
  .a11y-layout.ltr-layout .iconed-block .button-primary {
    float: left;
    width: 100%;
  }
  /* line 226, app/assets/stylesheets/a11y/main.scss */
  .a11y-layout.ltr-layout .nm-input {
    width: 100%;
  }
  /* line 230, app/assets/stylesheets/a11y/main.scss */
  .a11y-layout.ltr-layout .iconed-block-inner {
    text-align: left;
  }
  /* line 234, app/assets/stylesheets/a11y/main.scss */
  .a11y-layout.ltr-layout .iconed-block {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* line 242, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .aside-menu ul li a {
  font-weight: 300;
}

/* line 246, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .add-user .icon-n-text h3,
.a11y-layout .add-unit .icon-n-text h3 {
  margin-top: 0 !important;
}

/* line 251, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .users-list-head a,
.a11y-layout .list-toolbar a {
  font-weight: normal;
  color: #03d6f3 !important;
}

/* line 257, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .list-toolbar a {
  text-decoration: none !important;
}

/* line 261, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .copy-to-clipboard,
.a11y-layout .copy-to-clipboard:hover {
  background: #2e4b4f url(/images/files.svg) 50% no-repeat;
  border-radius: 40px;
}

/* line 267, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .add-dashed-circle {
  font-size: 26px;
  font-weight: 600;
  text-decoration: none;
}

/* line 273, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .new-test-btn-dark {
  color: #fff !important;
  text-decoration: none !important;
}

/* line 278, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .new-test-btn {
  text-decoration: none !important;
}

/* line 282, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .btn-destroy-course {
  font-weight: normal;
  color: #fff !important;
  text-decoration: none;
}

/* line 288, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .info-center-icon {
  color: #5a8f92;
}

/* line 291, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .info-center-icon:hover {
  color: #03d6f3;
}

/* line 296, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .course-delete a,
.a11y-layout .course-delete button {
  font-size: 18px;
  color: #fff !important;
  border-radius: 5px;
  font-weight: 400;
  text-decoration: none;
}

/* line 305, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .course-delete a.disabled {
  background-color: #969696;
}

/* line 309, app/assets/stylesheets/a11y/main.scss */
.a11y-layout .course-delete button:hover {
  color: #fff;
}

/* line 316, app/assets/stylesheets/a11y/main.scss */
.using-tab .checkbox input:focus + label::before {
  outline: 2px solid #707070;
  border-radius: 6px;
}

/* line 322, app/assets/stylesheets/a11y/main.scss */
.using-tab .nm-check-block input.nm-hidden[type='radio']:focus + label,
.using-tab .nm-check-block input.nm-hidden[type='checkbox']:focus + label {
  outline: 2px solid #707070;
}

/* line 329, app/assets/stylesheets/a11y/main.scss */
.using-tab a.course-link:focus, .using-tab a.course-link:focus-visible {
  outline: none !important;
}

/* line 334, app/assets/stylesheets/a11y/main.scss */
.using-tab a.course-link:focus .course-box, .using-tab a.course-link:focus-visible .course-box {
  outline: 2px solid #707070 !important;
}

/* line 341, app/assets/stylesheets/a11y/main.scss */
.using-tab .audioTab .nm-tooltiped:focus,
.using-tab .audioTab .nm-tooltiped:focus-visible,
.using-tab .audioTab .rangeslider__handle:focus,
.using-tab .audioTab .rangeslider__handle:focus-visible {
  outline: -webkit-focus-ring-color auto 1px;
}

/* line 349, app/assets/stylesheets/a11y/main.scss */
.using-tab main:focus-visible {
  outline: none;
}

/* line 357, app/assets/stylesheets/a11y/main.scss */
.using-tab a:focus, .using-tab a:focus-visible,
.using-tab button:focus,
.using-tab button:focus-visible,
.using-tab .button:focus,
.using-tab .button:focus-visible,
.using-tab .nm-btn:focus,
.using-tab .nm-btn:focus-visible {
  outline: 2px solid #707070 !important;
}

/* line 363, app/assets/stylesheets/a11y/main.scss */
.using-tab textarea:focus {
  border: 2px solid #707070;
}

/* line 370, app/assets/stylesheets/a11y/main.scss */
.using-tab .quiztab .page-lable h2:focus, .using-tab .quiztab .page-lable h2:focus-visible {
  outline: 2px solid #707070 !important;
}

/* line 379, app/assets/stylesheets/a11y/main.scss */
.using-tab .school-course-box:focus, .using-tab .school-course-box:focus-visible {
  outline: 2px solid #707070 !important;
}

/* Additional Styles for Vimeo on iOS */
/* line 387, app/assets/stylesheets/a11y/main.scss */
.vimeo-on-ios .my-notification {
  position: relative;
  top: 6.75rem;
}

/* line 392, app/assets/stylesheets/a11y/main.scss */
.button-destroy-settings-top {
  width: 133px;
  height: 36px;
  padding: 6px 10px;
  background: #EA3323;
  border-radius: 4px;
  font-family: Assistant, Arial, sans-serif;
  font-size: 16px !important;
  font-weight: 600 !important;
  align-content: center !important;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
}

/* line 407, app/assets/stylesheets/a11y/main.scss */
.delete-settings-icon {
  vertical-align: middle;
  width: 18px;
  height: 18px;
  font-weight: 600;
}

/* line 414, app/assets/stylesheets/a11y/main.scss */
.school-settings-details {
  margin-top: 40px !important;
}

/* line 418, app/assets/stylesheets/a11y/main.scss */
.course-settings-top-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* line 424, app/assets/stylesheets/a11y/main.scss */
.course-id-settings-top {
  font-family: Assistant;
  font-weight: 500;
  font-size: 18px;
  line-height: 23.5px;
  text-align: right;
  color: #354A4E;
}

/* line 433, app/assets/stylesheets/a11y/main.scss */
.copy-id-icon {
  width: 23px;
  height: 23px;
  cursor: pointer;
}

/* line 439, app/assets/stylesheets/a11y/main.scss */
.course-id-with-icon {
  display: flex;
  flex-direction: row;
  align-items: end;
  gap: 15px;
}

/* line 447, app/assets/stylesheets/a11y/main.scss */
.school-form-id-box .notifyjs-container {
  left: 37rem !important;
}
/* line 1, app/assets/stylesheets/dashboard.scss */
:root {
  --canvas-width: 50rem !important;
}

/* line 4, app/assets/stylesheets/dashboard.scss */
.main-dashboard-div {
  width: 100%;
}

/* line 7, app/assets/stylesheets/dashboard.scss */
.dashboard-filters-div {
  padding: 20px;
  margin-right: 1%;
}

/* line 10, app/assets/stylesheets/dashboard.scss */
.dashboard-filters-div .max-date-width-small {
  min-width: 370px !important;
}

/* line 14, app/assets/stylesheets/dashboard.scss */
.dashboard-count-container {
  display: flex;
  padding: 0 20px 10px 20px;
  width: 100%;
  cursor: default;
}

/* line 20, app/assets/stylesheets/dashboard.scss */
.dashboard-count-card {
  border-radius: 11px;
  padding: 20px;
  margin: 10px;
  max-width: 357px;
  box-shadow: 0px 4px 27px 0px #5E5E5E26;
  transition: transform 0.2s;
  background: white;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 25%;
}

/* line 33, app/assets/stylesheets/dashboard.scss */
.dashboard-count-card:hover {
  background: var(--Main-Hover-Cards, #F5F5F5);
  box-shadow: 0px 14px 27px 0px #5E5E5E73;
}

/* line 37, app/assets/stylesheets/dashboard.scss */
.dashboard-count-card-header-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
}

/* line 43, app/assets/stylesheets/dashboard.scss */
.dashboard-count-card-heading {
  font-family: Assistant;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.31px;
  text-align: right;
}

/* line 50, app/assets/stylesheets/dashboard.scss */
.dashboard-count-card-body-container {
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
}

/* line 56, app/assets/stylesheets/dashboard.scss */
.dashboard-count-card-footer-container {
  text-align: center;
  border-radius: 20px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15px;
  width: max-content;
  padding: 5px 10px;
}

/* line 67, app/assets/stylesheets/dashboard.scss */
.dashboard-card-data-count {
  font-family: Assistant;
  font-size: 36px;
  font-weight: 700;
  line-height: 30px;
}

/* line 73, app/assets/stylesheets/dashboard.scss */
.comparison-percentage {
  direction: ltr;
  padding-right: 6px;
  font-family: Assistant;
  font-size: 15px;
  font-weight: 700;
  line-height: 19.62px;
  text-align: right;
}

/* line 82, app/assets/stylesheets/dashboard.scss */
.positive-percentage {
  color: #4FD18B;
}

/* line 85, app/assets/stylesheets/dashboard.scss */
.negative-percentage {
  color: #D14F4F;
}

/* line 88, app/assets/stylesheets/dashboard.scss */
.default-percentage {
  color: #898383;
}

/* line 91, app/assets/stylesheets/dashboard.scss */
.positive-dashboard-count-card-footer-div {
  background: #DCF5E8;
}

/* line 94, app/assets/stylesheets/dashboard.scss */
.negative-dashboard-count-card-footer-div {
  background: #F5DCDC;
}

/* line 97, app/assets/stylesheets/dashboard.scss */
.default-dashboard-count-card-footer-div {
  background: #ededed;
}

/* line 100, app/assets/stylesheets/dashboard.scss */
.dashboard-devise-container {
  display: flex;
  gap: 1rem;
}

/* line 104, app/assets/stylesheets/dashboard.scss */
.dashboard-devise-percentage-container {
  display: flex;
  gap: 15px;
}

/* line 108, app/assets/stylesheets/dashboard.scss */
.dashboard-computer-devise-percentage-value,
.dashboard-tablet-devise-percentage-value,
.dashboard-mobile-devise-percentage-value {
  margin-top: 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 21px;
  text-align: center;
  color: #6D6868;
  padding-left: 7px;
}

/* line 119, app/assets/stylesheets/dashboard.scss */
.dashboard-revenue-text {
  font-family: Assistant;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.7px;
  text-align: right;
  color: #969696;
  margin-top: 5px;
}

/* line 128, app/assets/stylesheets/dashboard.scss */
.multi-select-custom-search-container {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}

/* line 134, app/assets/stylesheets/dashboard.scss */
.multi-select-custom-search-icon {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  height: 24px;
  width: 24px;
}

/* line 143, app/assets/stylesheets/dashboard.scss */
.multi-select-custom-search-input,
.multi-select-custom-search-input-for-course {
  width: 100%;
  padding: 5px 8px 5px 40px;
  height: 47px;
  box-shadow: 0px 2.19px 5.48px -5.48px #00000033;
}

/* line 150, app/assets/stylesheets/dashboard.scss */
.multi-select-custom-search-input::placeholder,
.multi-select-custom-search-input-for-course::placeholder {
  font-family: Assistant;
  font-size: 14px;
  font-weight: 400;
  line-height: 24.14px;
  letter-spacing: 0.2454545944929123px;
  text-align: right;
}

/* line 159, app/assets/stylesheets/dashboard.scss */
.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: rgba(3, 214, 243, 0.5) !important;
}

/* line 162, app/assets/stylesheets/dashboard.scss */
.select2-checkbox,
.select2-checkbox-for-course {
  transform: scale(1.4);
  margin: 0 10px 0 10px;
  cursor: pointer;
}

/* line 170, app/assets/stylesheets/dashboard.scss */
.dashboard-graphs-container {
  display: flex;
  flex-wrap: wrap;
  /* Allows wrapping on smaller screens */
  padding: 0px 20px;
  width: 100%;
}

/* line 177, app/assets/stylesheets/dashboard.scss */
.dashboard-graph-card {
  border-radius: 11px;
  padding: 20px 20px 10px 20px;
  margin: 10px 10px 30px 10px;
  width: calc(50% - 20px);
  box-shadow: 0px 4px 27px 0px #5E5E5E26;
  background: #FFFFFF;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

/* line 188, app/assets/stylesheets/dashboard.scss */
.dashboard-graph-card:hover {
  box-shadow: 0px 14px 27px 0px #5E5E5E73;
}

/* line 191, app/assets/stylesheets/dashboard.scss */
.dashboard-single-graph-card {
  width: 98%;
}

/* line 194, app/assets/stylesheets/dashboard.scss */
.dashboard-table-container-with-single-graph {
  width: calc(98% + 20px) !important;
}

/* line 197, app/assets/stylesheets/dashboard.scss */
.dashboard-graph-card-header-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 203, app/assets/stylesheets/dashboard.scss */
.dashboard-graph-card-heading {
  font-family: 'Assistant', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: right;
  margin: 0;
}

/* line 212, app/assets/stylesheets/dashboard.scss */
.dashboard-graph-card-body-container {
  flex-direction: column;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
}

/* line 219, app/assets/stylesheets/dashboard.scss */
.apexcharts-gridlines-horizontal {
  display: none !important;
}

/* line 222, app/assets/stylesheets/dashboard.scss */
.apexcharts-canvas {
  width: var(--canvas-width) !important;
}

/* line 225, app/assets/stylesheets/dashboard.scss */
.apexcharts-text tspan {
  font-family: Assistant;
  font-size: 12px;
  font-weight: 700;
  line-height: 15.7px;
  letter-spacing: -0.02em;
  text-align: right;
  color: #6D6868;
}

/* line 234, app/assets/stylesheets/dashboard.scss */
.apexcharts-legend-series {
  direction: rtl;
}

/* line 237, app/assets/stylesheets/dashboard.scss */
.apexcharts-legend-text {
  font-family: Assistant !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 18.31px !important;
  text-align: right !important;
  color: #6D6868 !important;
}

/* line 245, app/assets/stylesheets/dashboard.scss */
.apexcharts-legend-marker {
  border-radius: 50% !important;
  /* Make the markers circular */
  margin-left: 5px !important;
  cursor: default !important;
}

/* line 250, app/assets/stylesheets/dashboard.scss */
#bar-chart .apexcharts-xaxis {
  display: none !important;
}

@media (max-width: 768px) {
  /* line 254, app/assets/stylesheets/dashboard.scss */
  .dashboard-graph-card {
    width: 100%;
    margin-right: 0;
  }
  /* line 259, app/assets/stylesheets/dashboard.scss */
  .dashboard-graphs-container {
    margin-right: 0;
  }
}

/* line 264, app/assets/stylesheets/dashboard.scss */
.dashboard-table-row .dashboard-table-header:first-child {
  width: 85%;
}

/* line 267, app/assets/stylesheets/dashboard.scss */
.dashboard-table-card {
  border-radius: 11px;
  margin: 0px 10px 30px 10px;
  box-shadow: 0px 4px 27px 0px #5E5E5E26;
  transition: transform 0.2s;
  background: #FFFFFF;
}

/* line 274, app/assets/stylesheets/dashboard.scss */
.dashboard-table-card:hover {
  box-shadow: 0px 14px 27px 0px #5E5E5E73;
}

/* line 277, app/assets/stylesheets/dashboard.scss */
.dashboard-table-card-header-container {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
}

/* line 284, app/assets/stylesheets/dashboard.scss */
.dashboard-table-card-heading {
  font-family: 'Assistant', sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  text-align: right;
  margin: 0;
}

/* line 292, app/assets/stylesheets/dashboard.scss */
.dashboard-table-card-body-container {
  flex-direction: column;
  align-items: center;
  display: flex;
  height: 100%;
}

/* line 299, app/assets/stylesheets/dashboard.scss */
.dashboard-table {
  width: 100%;
  height: 28rem;
}

/* line 303, app/assets/stylesheets/dashboard.scss */
.dashboard-table-row {
  height: 58px;
  text-align: justify;
  background: #F5F5F5;
}

/* line 308, app/assets/stylesheets/dashboard.scss */
.dashboard-table-header {
  padding: 20px;
  font-family: Assistant;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.31px;
  text-align: right;
  color: #6D6868;
}

/* line 317, app/assets/stylesheets/dashboard.scss */
.dashboard-table-data {
  padding: 10px;
  font-family: Assistant;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  text-align: center;
  color: #6D6868;
}

/* line 326, app/assets/stylesheets/dashboard.scss */
.dashboard-table-data a {
  color: #1C7885;
}

/* line 329, app/assets/stylesheets/dashboard.scss */
.empty-dashboard-data {
  padding: 188px;
  font-family: Assistant;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.31px;
  text-align: center;
  color: #6D6868;
}

/* line 338, app/assets/stylesheets/dashboard.scss */
.pagination-container {
  width: 100%;
  text-align: right;
  height: 58px;
  background: #F5F5F5;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
  border-bottom-right-radius: 11px;
  border-bottom-left-radius: 11px;
}

/* line 351, app/assets/stylesheets/dashboard.scss */
.pagination-container .footer {
  padding-right: 22px;
  font-family: Assistant;
  font-size: 14px;
  font-weight: 400;
  line-height: 18.31px;
  text-align: right;
  color: #6D6868;
}

/* line 361, app/assets/stylesheets/dashboard.scss */
#lesson-count {
  margin: 0;
}

/* line 365, app/assets/stylesheets/dashboard.scss */
.pagination-container .pagination {
  padding-left: 1rem;
  display: flex;
  justify-content: flex-start;
  padding-top: 12px;
}

/* line 372, app/assets/stylesheets/dashboard.scss */
.pagination-container .pagination li.link-disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}

/* line 378, app/assets/stylesheets/dashboard.scss */
.pagination-container .pagination .first,
.pagination-container .pagination .prev,
.pagination-container .pagination .next,
.pagination-container .pagination .last,
.pagination-container .pagination .gap {
  display: none;
}

/* line 385, app/assets/stylesheets/dashboard.scss */
.pagination-container .pagination li, .pagination li.page {
  width: 25px;
  height: 28px;
  gap: 0px;
  border-radius: 4px 4px 4px 4px;
  border: 1px solid #0000001A;
  padding-top: 4px !important;
  padding-left: 17px !important;
}

/* line 394, app/assets/stylesheets/dashboard.scss */
.pagination-container .pagination li.active, .pagination li.page.active {
  width: 25px;
  height: 28px;
  gap: 0px;
  border-radius: 4px 4px 4px 4px;
  background: rgba(28, 120, 133, 0.2);
  border: none;
}

/* line 402, app/assets/stylesheets/dashboard.scss */
.pagination-container .pagination li.active, .pagination li.page.active a {
  color: #1C7885 !important;
  font-family: Assistant;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.31px;
  text-align: center;
}

/* line 410, app/assets/stylesheets/dashboard.scss */
.pagination-container .pagination li, .pagination li {
  font-family: Assistant;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.31px;
  text-align: center;
  color: #6D6868;
  padding-right: 10px;
  cursor: pointer;
}

/* line 420, app/assets/stylesheets/dashboard.scss */
.pagination-container .pagination li.page.active {
  font-family: Assistant;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.31px;
  text-align: center;
  color: white;
  padding-right: 10px;
  cursor: pointer;
}

/* line 430, app/assets/stylesheets/dashboard.scss */
.revenue-tooltip {
  position: absolute;
  padding: 10px;
  border-radius: 5px;
  display: none;
  z-index: 10;
  max-width: 300px;
  font-size: 14px;
  background: #FFFFFF;
  box-shadow: 0px 4px 14px 0px #00000012;
}

/* line 441, app/assets/stylesheets/dashboard.scss */
#pagination-list li {
  display: inline-block;
  margin-right: 10px;
  /* Add space between each list item (adjust the value as needed) */
}

/* line 446, app/assets/stylesheets/dashboard.scss */
#total-revenue-count {
  position: relative;
}

/* line 450, app/assets/stylesheets/dashboard.scss */
.revenue-tooltip p {
  margin-top: 0px;
  padding-bottom: 5px;
}

/* line 455, app/assets/stylesheets/dashboard.scss */
.currency-tooltip-value {
  font-family: Assistant;
  font-size: 16px;
  font-weight: 700;
  line-height: 18.31px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #6D6868;
  direction: ltr;
}

/* line 466, app/assets/stylesheets/dashboard.scss */
.currency-tooltip-text {
  font-family: Assistant;
  font-size: 16px;
  font-weight: 700;
  line-height: 18.31px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
  padding-left: 3rem;
}

/* line 477, app/assets/stylesheets/dashboard.scss */
.currency-tooltip-div {
  display: flex;
  flex-direction: row-reverse;
  gap: 8rem;
}

/* line 482, app/assets/stylesheets/dashboard.scss */
.currency-conversion {
  padding-left: 1rem;
  font-family: Assistant;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.7px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #969696;
}

/* line 492, app/assets/stylesheets/dashboard.scss */
.apexcharts-grid-borders {
  display: none;
}

/* line 495, app/assets/stylesheets/dashboard.scss */
.dashboard-no-revenue-message {
  text-align: center;
  font-family: Assistant;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.7px;
  color: #969696;
  margin-top: 5px;
}

/* line 505, app/assets/stylesheets/dashboard.scss */
.dashboard-no-revenue-message-empty-state,
.dashboard-no-activity-message {
  text-align: center;
  font-family: Assistant;
  font-size: 12px;
  font-weight: 400;
  line-height: 15.7px;
  color: #969696;
  margin-top: 5px;
  padding: 7rem;
}

/* line 516, app/assets/stylesheets/dashboard.scss */
.info-icon-container-new-student,
.info-icon-container-student-activity,
.info-icon-container-devise {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 525, app/assets/stylesheets/dashboard.scss */
.tooltip-text-top-card {
  visibility: hidden;
  width: 200px;
  background-color: #ffffff;
  color: #6D6868;
  padding: 10px 20px;
  border-radius: 5px;
  position: absolute;
  top: 150%;
  left: 50%;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  text-align: right;
  font-family: Assistant, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

/* line 546, app/assets/stylesheets/dashboard.scss */
.info-icon-container-new-student:hover .tooltip-text-top-card,
.info-icon-container-student-activity:hover .tooltip-text-top-card,
.info-icon-container-devise:hover .tooltip-text-top-card {
  visibility: visible;
  opacity: 1;
}

/* line 554, app/assets/stylesheets/dashboard.scss */
.csv-modal {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.4);
}

/* line 566, app/assets/stylesheets/dashboard.scss */
.csv-modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 15% auto;
  padding: 20px;
  border: 1px solid #888;
  width: 30%;
  border-radius: 5px;
  box-shadow: 0px 4px 27px 0px #5E5E5E26;
  background: #FFFFFF;
}

/* line 581, app/assets/stylesheets/dashboard.scss */
.csv-close-btn {
  position: absolute;
  top: 10%;
  left: 7%;
  color: black;
  font-size: 38px;
  cursor: pointer;
}

/* line 590, app/assets/stylesheets/dashboard.scss */
.csv-modal-header {
  font-family: Assistant;
  font-size: 40px;
  font-weight: 700;
  line-height: 24.14px;
  letter-spacing: 0.4090909957885742px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
  padding-top: 10px;
}

/* line 602, app/assets/stylesheets/dashboard.scss */
.csv-modal-body-text {
  styleName: Running text regular;
  font-family: Assistant;
  font-size: 16px;
  font-weight: 400;
  line-height: 24.14px;
  letter-spacing: 0.2454545944929123px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
}

/* line 614, app/assets/stylesheets/dashboard.scss */
.csv-modal-submit-btn {
  font-family: Assistant;
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 20.93px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #272525;
  border: none;
  padding: 0.9rem 9rem;
}

/* line 626, app/assets/stylesheets/dashboard.scss */
.csv-modal-submit-btn-div {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
}

/* line 633, app/assets/stylesheets/dashboard.scss */
.csv-close-btn:hover,
.csv-close-btn:focus {
  color: black;
  text-decoration: none;
}

/* line 640, app/assets/stylesheets/dashboard.scss */
.apexcharts-tooltip.apexcharts-theme-light .apexcharts-tooltip-title {
  display: none;
}

/* line 643, app/assets/stylesheets/dashboard.scss */
.apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-marker {
  display: none;
}

/* line 646, app/assets/stylesheets/dashboard.scss */
.apexcharts-tooltip-text-y-label {
  display: none;
}

/* line 649, app/assets/stylesheets/dashboard.scss */
.apexcharts-tooltip.apexcharts-theme-light {
  width: max-content;
}

/* line 652, app/assets/stylesheets/dashboard.scss */
.course-revenue-amount {
  font-family: Assistant !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 18.31px !important;
  text-underline-position: from-font !important;
  text-decoration-skip-ink: none !important;
  color: #6D6868 !important;
  padding-right: 1.5rem;
  text-decoration: none !important;
}

/* line 663, app/assets/stylesheets/dashboard.scss */
.course-revenue-coursename {
  font-family: Assistant !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 18.31px !important;
  text-underline-position: from-font !important;
  text-decoration-skip-ink: none !important;
  color: #333333 !important;
  text-decoration: none !important;
}

/* line 675, app/assets/stylesheets/dashboard.scss */
.tooltip-header {
  font-family: Assistant;
  font-size: 16px;
  font-weight: 700;
  line-height: 18.31px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #6D6868;
  padding: 5px;
}

/* line 686, app/assets/stylesheets/dashboard.scss */
.tooltip-series-name {
  font-family: Assistant;
  font-size: 18px;
  font-weight: 400;
  line-height: 18.31px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #6D6868;
  padding-right: 5px;
}

/* line 697, app/assets/stylesheets/dashboard.scss */
.tooltip-series-value {
  font-family: Assistant;
  font-size: 18px;
  font-weight: 700;
  line-height: 18.31px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #6D6868;
  float: left;
  padding-left: 3px;
  padding-top: 3px;
}

/* line 710, app/assets/stylesheets/dashboard.scss */
.tooltip-series-row {
  padding: 5px;
}

/* line 713, app/assets/stylesheets/dashboard.scss */
.tooltip-series-icon {
  width: 5%;
}

/* line 716, app/assets/stylesheets/dashboard.scss */
.student-activity-chart-icon {
  float: left;
  width: 25px;
  cursor: pointer;
}

/* line 722, app/assets/stylesheets/dashboard.scss */
.apexcharts-text tspan {
  font-family: 'Assistant' !important;
  font-size: 14px !important;
  color: #6D6868;
  font-weight: 700;
  line-height: 15.7px;
  letter-spacing: -0.02em;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* line 735, app/assets/stylesheets/dashboard.scss */
.tooltip-wrapper-for-bundle-array {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* line 741, app/assets/stylesheets/dashboard.scss */
.custom-tooltip-for-bundle-array {
  visibility: hidden;
  background: #FFFFFF;
  color: #333333;
  text-align: center;
  border-radius: 4px;
  padding: 8px;
  position: absolute;
  z-index: 1;
  top: 90%;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  box-shadow: 0px 4px 14px 0px #00000012;
  font-family: Assistant;
  font-size: 14px;
  font-weight: 700;
  line-height: 18.31px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* line 763, app/assets/stylesheets/dashboard.scss */
.tooltip-wrapper-for-bundle-array:hover .custom-tooltip-for-bundle-array {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}

/* line 768, app/assets/stylesheets/dashboard.scss */
.disabled-icon {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}

/* line 773, app/assets/stylesheets/dashboard.scss */
.dashboard-course-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
}

/* line 780, app/assets/stylesheets/dashboard.scss */
.dashboard-course-input-wrapper input {
  padding-left: 30px;
  box-sizing: border-box;
}

/* line 785, app/assets/stylesheets/dashboard.scss */
.dashboard-course-input-wrapper img {
  position: absolute;
  left: 15px;
  width: 14px;
  height: 14px;
  z-index: 1;
  cursor: pointer;
}

/* line 793, app/assets/stylesheets/dashboard.scss */
.dashboard-course-input-wrapper img.filter-white {
  position: absolute;
  left: 40px;
  width: 14px;
  height: 14px;
  z-index: 1;
  cursor: pointer;
}

/* line 802, app/assets/stylesheets/dashboard.scss */
.dashboard-course-input-wrapper img.filter-dropdown-open-icon {
  position: absolute;
  left: 15px;
  width: 14px;
  height: 14px;
  z-index: 1;
  cursor: pointer;
}

/* line 811, app/assets/stylesheets/dashboard.scss */
.selected-courses-count {
  position: absolute;
  width: 14px;
  height: 14px;
  z-index: 1;
  cursor: pointer;
  right: 58%;
  top: 30%;
  font-family: Assistant;
  font-size: 14px;
  font-weight: 600;
  line-height: 18.2px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #2E4B4E;
}

/* line 828, app/assets/stylesheets/dashboard.scss */
.dashboard-course-input-wrapper .dropdown-collapse-icon {
  right: 308px;
  left: 0;
  top: 10px;
}

/* line 833, app/assets/stylesheets/dashboard.scss */
.dashboard-no-data {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65vh;
  flex-direction: column;
}

/* line 840, app/assets/stylesheets/dashboard.scss */
.dashboard-empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 75vh;
  flex-direction: column;
}

/* line 847, app/assets/stylesheets/dashboard.scss */
.dashboard-empty-state-footer-heading {
  font-family: Assistant;
  font-size: 30px;
  font-weight: 700;
  line-height: 24.14px;
  letter-spacing: 0.4090909957885742px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
}

/* line 858, app/assets/stylesheets/dashboard.scss */
.dashboard-empty-state-footer-subheading {
  font-family: Assistant;
  font-size: 16px;
  font-weight: 400;
  line-height: 24.14px;
  letter-spacing: 0.2454545944929123px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* line 868, app/assets/stylesheets/dashboard.scss */
.dashboard-empty-state-footer-btn-div {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
}

/* line 875, app/assets/stylesheets/dashboard.scss */
.dashboard-empty-state-footer-btn {
  font-family: Assistant;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.93px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #272525;
  border: none;
  padding: 0.9rem 9rem;
}

/* line 887, app/assets/stylesheets/dashboard.scss */
.tooltip-class-for-student-activity-graph {
  position: absolute;
  background: #ffffff;
  border-radius: 3px;
  padding: 12px;
  width: 17%;
  pointer-events: auto;
  box-shadow: 0px 4px 14px 0px #00000012;
}

@media (min-width: 2300px) and (max-width: 2550px) {
  /* line 898, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 55rem !important;
  }
  /* line 901, app/assets/stylesheets/dashboard.scss */
  .dashboard-table-container {
    width: calc(50% + 20px);
  }
  /* line 905, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 115rem !important;
  }
}

@media (min-width: 2200px) and (max-width: 2300px) {
  /* line 911, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 50rem !important;
  }
  /* line 914, app/assets/stylesheets/dashboard.scss */
  .dashboard-table-container {
    width: calc(50% + 20px);
  }
  /* line 918, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 105rem !important;
  }
}

@media (min-width: 2100px) and (max-width: 2200px) {
  /* line 924, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 47rem !important;
  }
  /* line 927, app/assets/stylesheets/dashboard.scss */
  .dashboard-table-container {
    width: calc(50% + 20px);
  }
  /* line 931, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 98rem !important;
  }
}

@media (min-width: 2000px) and (max-width: 2100px) {
  /* line 937, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 44rem !important;
  }
  /* line 940, app/assets/stylesheets/dashboard.scss */
  .dashboard-table-container {
    width: calc(50% + 20px);
  }
  /* line 944, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 94rem !important;
  }
}

@media (min-width: 1900px) and (max-width: 2000px) {
  /* line 950, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 41rem !important;
  }
  /* line 953, app/assets/stylesheets/dashboard.scss */
  .dashboard-table-container {
    width: calc(50% + 20px);
  }
  /* line 957, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 90rem !important;
  }
}

@media (min-width: 1800px) and (max-width: 1900px) {
  /* line 963, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 38rem !important;
  }
  /* line 966, app/assets/stylesheets/dashboard.scss */
  .dashboard-table-container {
    width: calc(50% + 20px);
  }
  /* line 970, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 85rem !important;
  }
  /* line 974, app/assets/stylesheets/dashboard.scss */
  .tooltip-class-for-student-activity-graph {
    width: 18%;
  }
}

@media (min-width: 1700px) and (max-width: 1800px) {
  /* line 979, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 35rem !important;
  }
  /* line 982, app/assets/stylesheets/dashboard.scss */
  .dashboard-table-container {
    width: calc(50% + 20px);
  }
  /* line 986, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 80rem !important;
  }
  /* line 990, app/assets/stylesheets/dashboard.scss */
  .tooltip-class-for-student-activity-graph {
    width: 19%;
  }
}

@media (min-width: 1600px) and (max-width: 1700px) {
  /* line 995, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 32rem !important;
  }
  /* line 998, app/assets/stylesheets/dashboard.scss */
  .dashboard-table-container {
    width: calc(50% + 20px);
  }
  /* line 1002, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 75rem !important;
  }
  /* line 1006, app/assets/stylesheets/dashboard.scss */
  .tooltip-class-for-student-activity-graph {
    width: 20%;
  }
}

@media (min-width: 1500px) and (max-width: 1600px) {
  /* line 1011, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 29rem !important;
  }
  /* line 1014, app/assets/stylesheets/dashboard.scss */
  .dashboard-table-container {
    width: calc(50% + 20px);
  }
  /* line 1018, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 68rem !important;
  }
  /* line 1022, app/assets/stylesheets/dashboard.scss */
  .tooltip-class-for-student-activity-graph {
    width: 20%;
  }
}

@media (min-width: 1400px) and (max-width: 1500px) {
  /* line 1027, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 26rem !important;
  }
  /* line 1030, app/assets/stylesheets/dashboard.scss */
  .dashboard-table-container {
    width: calc(50% + 20px);
  }
  /* line 1034, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 62rem !important;
  }
  /* line 1038, app/assets/stylesheets/dashboard.scss */
  .tooltip-class-for-student-activity-graph {
    width: 21%;
  }
}

@media (min-width: 1300px) and (max-width: 1400px) {
  /* line 1043, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 55rem !important;
  }
  /* line 1046, app/assets/stylesheets/dashboard.scss */
  .dashboard-graphs-container {
    display: block;
  }
  /* line 1049, app/assets/stylesheets/dashboard.scss */
  .dashboard-graph-card {
    width: calc(100% - 20px);
  }
  /* line 1052, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card {
    width: 97% !important;
  }
  /* line 1054, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 56rem !important;
  }
  /* line 1058, app/assets/stylesheets/dashboard.scss */
  .tooltip-class-for-student-activity-graph {
    width: 23%;
  }
}

@media (min-width: 1200px) and (max-width: 1300px) {
  /* line 1063, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 50rem !important;
  }
  /* line 1066, app/assets/stylesheets/dashboard.scss */
  .dashboard-graphs-container {
    display: block;
  }
  /* line 1069, app/assets/stylesheets/dashboard.scss */
  .dashboard-graph-card {
    width: calc(100% - 20px);
  }
  /* line 1072, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card {
    width: 97% !important;
  }
  /* line 1074, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 47rem !important;
  }
  /* line 1078, app/assets/stylesheets/dashboard.scss */
  .tooltip-class-for-student-activity-graph {
    width: 25%;
  }
}

@media (min-width: 1100px) and (max-width: 1200px) {
  /* line 1083, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 44rem !important;
  }
  /* line 1086, app/assets/stylesheets/dashboard.scss */
  .dashboard-graphs-container {
    display: block;
  }
  /* line 1089, app/assets/stylesheets/dashboard.scss */
  .dashboard-graph-card {
    width: calc(100% - 20px);
  }
  /* line 1092, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card {
    width: 97% !important;
  }
  /* line 1094, app/assets/stylesheets/dashboard.scss */
  .dashboard-single-graph-card .apexcharts-canvas {
    width: 44rem !important;
  }
  /* line 1098, app/assets/stylesheets/dashboard.scss */
  .tooltip-class-for-student-activity-graph {
    width: 25%;
  }
}

@media (min-width: 1000px) and (max-width: 1100px) {
  /* line 1103, app/assets/stylesheets/dashboard.scss */
  :root {
    --canvas-width: 14rem !important;
  }
}

/* line 1107, app/assets/stylesheets/dashboard.scss */
#loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 1119, app/assets/stylesheets/dashboard.scss */
#loader-overlay .loader {
  width: 50px;
  height: 50px;
  border: 5px solid #f3f3f3;
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 1132, app/assets/stylesheets/dashboard.scss */
.dull-bar {
  opacity: 0.2 !important;
  transition: opacity 0.3s ease;
}

/* line 1137, app/assets/stylesheets/dashboard.scss */
.dashboard-graph-card-body-container .apexcharts-series {
  cursor: pointer !important;
}

/* line 1141, app/assets/stylesheets/dashboard.scss */
.content-inner {
  background: #f8f8f8 !important;
}

/* line 1144, app/assets/stylesheets/dashboard.scss */
.graphs-container {
  flex-wrap: nowrap !important;
}

/* line 1147, app/assets/stylesheets/dashboard.scss */
.canvasjs-chart-credit {
  display: none !important;
}

/* line 1150, app/assets/stylesheets/dashboard.scss */
.pyramid-container {
  min-height: 33rem;
  padding: 4rem 3rem;
}

/* line 1155, app/assets/stylesheets/dashboard.scss */
.canvasjs-chart-tooltip {
  box-shadow: none !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  text-shadow: none !important;
  font-family: inherit !important;
  font-size: inherit !important;
  color: inherit !important;
  text-align: inherit !important;
}

/* line 1167, app/assets/stylesheets/dashboard.scss */
.canvasjs-chart-tooltip > div {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-shadow: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* line 1176, app/assets/stylesheets/dashboard.scss */
.canvasjs-chart-container > .canvasjs-chart-canvas:first-of-type {
  position: relative !important;
}

/* line 1180, app/assets/stylesheets/dashboard.scss */
#chartContainer {
  position: relative;
  width: 100%;
  height: 400px;
  overflow: visible;
  z-index: 1;
}

/* line 1188, app/assets/stylesheets/dashboard.scss */
.canvasjs-chart-container {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: visible;
}

/* line 1195, app/assets/stylesheets/dashboard.scss */
.canvasjs-chart-canvas {
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0;
  left: 0;
  border-radius: 11px;
  margin-top: 50px;
}

/* line 1205, app/assets/stylesheets/dashboard.scss */
.canvasjs-chart-tooltip {
  z-index: 1000 !important;
  left: 50% !important;
  top: 62% !important;
  right: auto !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
}

/* line 1214, app/assets/stylesheets/dashboard.scss */
.pie-chart-table-card {
  padding-bottom: 115px;
}

/* line 1218, app/assets/stylesheets/dashboard.scss */
.dashboard-popular-lessons-table {
  position: relative;
  z-index: 1;
}

/* line 1223, app/assets/stylesheets/dashboard.scss */
.skeleton-loader {
  width: 100%;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
/*!
 * jQuery ComboTree Plugin
 * Author:  Erhan FIRAT
 * Mail:    erhanfirat@gmail.com
 * Licensed under the MIT license
 * Version: 1.3.1
 */


:root {
  --ct-bg: #fff;
  --ct-border-color: #e1e1e1;
  --ct-border-radius: 0.5rem;
  --ct-tree-hover: #efefef;
  --ct-selection: #03D6F380;
  --ct-padding: 0.5rem;
}

.ct-wrapper {
  position: relative;
  text-align: left !important;
  box-sizing: border-box;
}

.ct-wrapper * {
  box-sizing: border-box !important;
}

.ct-input-wrapper {
  position: relative;
}

.ct-input-box {
  padding: var(--ct-padding) 1.5rem var(--ct-padding) var(--ct-padding);
  border: 1px solid var(--ct-border-color);
  width: 340px;
  font-family: Assistant;
  font-size: 16px;
  font-weight: 400;
  line-height: 24.14px;
  letter-spacing: 0.2454545944929123px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
  cursor: default;
  height: 46px;
}

.ct-arrow-btn {
  position: absolute;
  right: 0px;
  bottom: 0px;
  top: 0px;
  padding: 0.5rem;
  border: none;
  background: none;
  cursor: pointer;
  display: none;
}
.ct-arrow-btn:hover {
  color: var(--ct-selection);
}
.ct-arrow-btn:active {
  color: var(--ct-selection);
}
.ct-input-box:focus + .ct-arrow-btn {
  color: var(--ct-selection);
}

.ct-drop-down-container,
.ct-drop-down-container *,
.ct-arrow-btn {
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
}

.ct-drop-down-container {
  display: none;
  background: var(--ct-bg);
  border: 1px solid var(--ct-border-color);
  position: absolute;
  width: 341px;
  z-index: 999;
  max-height: 425px;
  overflow-y: auto;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.3);
  direction: rtl
}
.ct-drop-down-container::-webkit-scrollbar {
  width: 4.5px;
}
.ct-drop-down-container::-webkit-scrollbar-track {
  background: transparent;
  gap: 0px;
}
.ct-drop-down-container::-webkit-scrollbar-thumb {
  background: #00000080;
  border: 0.5px solid #FFFFFF26;
  border-radius: 20%;
}

.ct-drop-down-container ul {
  padding: 0;
  margin: 0;
  text-align: right;
  font-family: Assistant;
  font-size: 14.99px;
  font-weight: 700;
  line-height: 25.85px;
  letter-spacing: 0.26285624504089355px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
}

.ct-drop-down-container li {
  list-style-type: none;
  padding-left: 0;
  cursor: pointer;
}

.ct-drop-down-container .ct-item-parent li {
  margin-right: 25px;
  font-family: Assistant;
  font-size: 14.99px;
  font-weight: 400;
  line-height: 19.61px;
  letter-spacing: 0.26285624504089355px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;

}

.ct-drop-down-container li .not-selectable {
  color: #777;
}

.ct-drop-down-container li:hover {
  background-color: var(--ct-tree-hover);
}
.ct-drop-down-container li:hover ul {
  background-color: var(--ct-bg);
}
.ct-drop-down-container li span.ct-list-item-title.ct-tree-item-hover,
.ct-drop-down-container label.ct-tree-item-hover {
  background-color: var(--ct-selection);
  color: #333333;
  border-radius: 2px;
}
.ct-drop-down-container
  li
  span[data-selectable="false"].ct-list-item-title.ct-tree-item-hover,
.ct-drop-down-container label.ct-tree-item-hover {
  background-color: var(--ct-border-color);
  color: #777;
  cursor: default;
}

span.ct-list-item-title,
.ct-drop-down-container .select-all {
  display: block;
  padding: 0.25rem 1rem;
}
.ct-drop-down-container label {
  cursor: pointer;
  width: 100%;
  display: block;
}
.ct-drop-down-container .ct-list-item-title input,
.ct-drop-down-container .select-all input {
  position: relative;
  margin: 0px 4px 0px 8px;
  width: 18px;
  height: 17px;
  border-radius: 4px 0px 0px 0px;
  accent-color: rgb(3, 214, 243);;
}

.ct-parent-plus {
  position: absolute;
  display: inline-block;
  width: 1rem;
  padding-top: 0.30rem;
  cursor: pointer;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  padding-right: 3px;
}

.ct-input-box:focus {
  outline-width: 0;
  border-radius: 2px !important;
  border: 1px solid #E0E0E0 !important;
}

.ct-drop-down-container input.ct-multiples-filter {
  width: 100%;
  padding: var(--ct-padding);
  border: none;
  border-bottom: 1px solid var(--ct-border-color);
  box-sizing: border-box !important;
  font-family: Assistant;
  font-size: 15px;
  font-weight: 400;
  line-height: 24.14px;
  letter-spacing: 0.2454545944929123px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
  padding-right: 20px;
  border-radius: 5px;
  height: 50px;
  border: 1px solid #E0E0E0;
  margin: 5px;
}
.ct-multiples-filter-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}

.multi-select-custom-search-icon {
  position: absolute !important;
  left: 17px !important;
  width: 18px !important;
  height: 18px !important;
  pointer-events: none !important;
  opacity: 40%!important;
}
/* line 1, app/assets/stylesheets/course_and_school_pages.scss */
.email-text-margin {
  margin-top: 0px;
}

/* line 4, app/assets/stylesheets/course_and_school_pages.scss */
.course-heading {
  margin-top: 0px;
  float: right;
}

/* line 8, app/assets/stylesheets/course_and_school_pages.scss */
.index-search-input::placeholder {
  text-align: right;
  padding-left: 3px;
  font-size: 16px !important;
  font-family: Assistant, Arial, sans-serif !important;
}

/* line 14, app/assets/stylesheets/course_and_school_pages.scss */
.index-search-input {
  height: 100%;
  border-radius: 4px;
  font-size: 16px;
  color: #333333;
  width: 100%;
  padding-right: 40px;
  background-image: url(/images/search-bar-icon.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
  font-family: Assistant, Arial, sans-serif !important;
  padding-left: 30px;
  min-width: 240px;
}

/* line 28, app/assets/stylesheets/course_and_school_pages.scss */
.index-search-div .index-search .index-search-input-container .index-search-input:focus-visible {
  border: 1px solid #03D6F3 !important;
}

/* line 31, app/assets/stylesheets/course_and_school_pages.scss */
.index-action {
  display: flex;
  align-items: center;
  margin: 20px 0;
}

/* line 36, app/assets/stylesheets/course_and_school_pages.scss */
.index-search {
  flex: 70%;
  display: flex;
  width: 100%;
  height: 47px;
  gap: 15px;
  justify-content: space-between;
}

/* line 44, app/assets/stylesheets/course_and_school_pages.scss */
.index-heading {
  margin-top: 1rem !important;
  font-family: Assistant;
  font-size: 30px;
  font-weight: 700;
  line-height: 39.24px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #2E4B4F;
}

/* line 55, app/assets/stylesheets/course_and_school_pages.scss */
.index-search-div {
  margin-bottom: 1rem;
  margin-top: 1rem;
}

/* line 59, app/assets/stylesheets/course_and_school_pages.scss */
.empty-state {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 80vh;
  flex-direction: column;
}

/* line 66, app/assets/stylesheets/course_and_school_pages.scss */
.too-many-filter-state {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 65vh;
  flex-direction: column;
}

/* line 73, app/assets/stylesheets/course_and_school_pages.scss */
.empty-state-footer-heading {
  font-family: Assistant;
  font-size: 30px;
  font-weight: 700;
  line-height: 24.14px;
  letter-spacing: 0.4090909957885742px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
}

/* line 84, app/assets/stylesheets/course_and_school_pages.scss */
.empty-state-footer-subheading {
  font-family: Assistant;
  font-size: 16px;
  font-weight: 400;
  line-height: 24.14px;
  letter-spacing: 0.2454545944929123px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* line 94, app/assets/stylesheets/course_and_school_pages.scss */
.empty-state-footer-btn-div {
  display: flex;
  justify-content: center;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 20px;
}

/* line 101, app/assets/stylesheets/course_and_school_pages.scss */
.empty-state-footer-btn {
  font-family: Assistant;
  font-size: 16px;
  font-weight: 600;
  line-height: 20.93px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #272525;
  border: none;
  padding: 0.9rem 9rem;
}

/* line 113, app/assets/stylesheets/course_and_school_pages.scss */
.filter-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

/* line 119, app/assets/stylesheets/course_and_school_pages.scss */
.filters-div {
  display: flex;
  gap: 16px;
  padding-bottom: 23px;
}

/* line 124, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group {
  display: flex;
}

/* line 126, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group .index-create-button {
  height: 41px;
  padding: 5px 14px 5px 14px;
  border-radius: 5px;
  background: #03D6F3;
  font-family: Assistant;
  font-size: 16px;
  font-weight: 700;
  line-height: 24.14px;
  letter-spacing: 0.25px;
  color: black;
  border: none;
  display: flex;
  gap: 5px;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

/* line 144, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group .index-create-button:hover {
  background: #03C1DB;
  color: black;
}

/* line 149, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group .plus-sign {
  font-size: 25px;
  font-weight: 600;
}

/* line 153, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group .course-index-page-filter-button, .filter-group .school-index-page-filter-button {
  background: none !important;
  border: none !important;
  font-family: Assistant;
  font-size: 16px;
  font-weight: 600;
  line-height: 18.31px;
  text-align: left;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #1C7885;
}

/* line 165, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group .course-index-page-filter-button:hover, .filter-group .school-index-page-filter-button:hover {
  color: #1C7885;
}

/* line 169, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group .course-index-page-filter-button:after, .filter-group .school-index-page-filter-button:after {
  display: none !important;
}

/* line 173, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group .dropdown-item {
  text-align: right;
  font-family: Assistant;
  font-size: 14px;
  font-weight: 400;
  line-height: 34px;
  letter-spacing: 0.26285624504089355px;
  text-align: right;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #333333;
  cursor: default;
  width: 192px;
  height: 42px;
}

/* line 188, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group .dropdown-item:hover {
  background: #F2F2F2;
}

/* line 192, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group .dropdown-menu.show {
  transform: translate(-90px, 30px) !important;
  min-width: 192px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  border-radius: 3px;
  box-shadow: 0px 2.19px 5.48px -5.48px #00000033;
}

/* line 201, app/assets/stylesheets/course_and_school_pages.scss */
.sorting-filter-group {
  border-right: 2px solid #D9D9D9;
  padding-right: 20px;
}

/* line 205, app/assets/stylesheets/course_and_school_pages.scss */
.sorting-icon-for-index {
  padding-left: 5px;
}

/* line 208, app/assets/stylesheets/course_and_school_pages.scss */
.course-duplicate-toast-message, .school-duplicate-toast-message {
  position: fixed;
  width: 335px;
  height: 74px;
  min-width: 223px;
  min-height: 74px;
  bottom: 3%;
  padding: 17px 0px 0px 0px;
  border-radius: 6px;
  border: 1px solid #32902F;
  border-right: 6px solid #32902F;
  box-shadow: 0px 4px 14px 0px #00000012;
  border-radius: 6px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  background-color: white;
  left: 35%;
}

/* line 228, app/assets/stylesheets/course_and_school_pages.scss */
.course-duplicate-toast-message-draft, .school-duplicate-toast-message-draft {
  position: fixed;
  width: 512px;
  height: 74px;
  min-width: 223px;
  min-height: 74px;
  bottom: 3%;
  padding: 17px 0px 0px 0px;
  border-radius: 6px;
  border: 1px solid #F3A120;
  border-right: 6px solid #F3A120;
  box-shadow: 0px 4px 14px 0px #00000012;
  border-radius: 6px !important;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  background-color: white;
  left: 35%;
}

/* line 247, app/assets/stylesheets/course_and_school_pages.scss */
.course-toast-done-img, .school-toast-done-img {
  width: 7%;
  position: relative;
  bottom: 20px;
  left: 20px;
}

/* line 253, app/assets/stylesheets/course_and_school_pages.scss */
.course-toast-done-img-draft, .school-toast-done-img-draft {
  width: 5%;
  position: relative;
  bottom: 20px;
  left: 20px;
}

/* line 259, app/assets/stylesheets/course_and_school_pages.scss */
.course-toast-cross-img, .school-toast-cross-img {
  width: 9%;
  position: relative;
  bottom: 20px;
  right: 20px;
}

/* line 265, app/assets/stylesheets/course_and_school_pages.scss */
.course-toast-cross-img-draft, .school-toast-cross-img-draft {
  width: 6%;
  position: relative;
  bottom: 20px;
  right: 20px;
}

/* line 271, app/assets/stylesheets/course_and_school_pages.scss */
.course-toast-text, .school-toast-text {
  position: relative;
  left: 38px;
  bottom: 5px;
  font-family: Assistant;
  font-size: 18px;
  line-height: 23.54px;
}

/* line 279, app/assets/stylesheets/course_and_school_pages.scss */
.course-duplicate-bottom-link, .school-duplicate-bottom-link {
  display: flex;
  flex-direction: row;
  margin-top: 0;
  gap: 5px;
}

/* line 284, app/assets/stylesheets/course_and_school_pages.scss */
.course-duplicate-bottom-link a, .school-duplicate-bottom-link a {
  margin-top: 0 !important;
  font-size: 18px !important;
  font-weight: 400 !important;
}

/* line 290, app/assets/stylesheets/course_and_school_pages.scss */
.course-duplicate-bottom-link p, .school-duplicate-bottom-link p {
  font-weight: 400 !important;
  font-size: 18px !important;
}

/* line 295, app/assets/stylesheets/course_and_school_pages.scss */
.school-duplicate-top-text {
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 301, app/assets/stylesheets/course_and_school_pages.scss */
.school-duplicate-top-text-draft {
  max-width: 322px;
  white-space: unset;
  overflow: unset;
  text-overflow: unset;
}

/* line 307, app/assets/stylesheets/course_and_school_pages.scss */
.default-hidden-course,
.default-hidden-school {
  display: none;
}

/* line 311, app/assets/stylesheets/course_and_school_pages.scss */
.content-inner .show-more-btn {
  display: block;
  margin: 20px auto;
  padding: 10px 20px;
  color: #333333;
  border: none;
  border-radius: 5px;
  text-align: center;
  font-family: Assistant;
  font-size: 16px;
  font-weight: 400;
  line-height: 24.14px;
  letter-spacing: 0.2454545944929123px;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

/* line 327, app/assets/stylesheets/course_and_school_pages.scss */
.content-inner .show-more-btn:hover {
  background: white;
}

/* line 331, app/assets/stylesheets/course_and_school_pages.scss */
.scroll-rotate {
  animation: spin 1s linear infinite;
}

/* line 334, app/assets/stylesheets/course_and_school_pages.scss */
.language-plus-type-div {
  width: fit-content !important;
  display: flex;
  flex-direction: row;
  gap: 10px;
  right: 10px;
  position: relative;
}

/* line 342, app/assets/stylesheets/course_and_school_pages.scss */
.language-plus-type-div .nm-category {
  width: max-content;
  height: 18px;
  gap: 10px;
  border-radius: 3px 0 0 0;
  font-size: 12px;
  font-weight: 500;
  color: #5E5E5E;
  background-color: #F3F3F3;
  padding: 1px 8px;
}

/* line 353, app/assets/stylesheets/course_and_school_pages.scss */
.language-plus-type-div .nm-category:before {
  background-image: none !important;
}

/* line 358, app/assets/stylesheets/course_and_school_pages.scss */
.active-course-div,
.draft-course-div {
  padding-right: 16px;
}

/* line 362, app/assets/stylesheets/course_and_school_pages.scss */
.student-counter-text {
  font-family: Assistant !important;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  text-align: right;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  color: #1C7885;
  white-space: nowrap;
}

/* line 375, app/assets/stylesheets/course_and_school_pages.scss */
.duplicate-dropdown-item {
  width: 189px !important;
  height: 42px !important;
  padding: 8px 10px 8px 15px !important;
  border-radius: 3px !important;
  margin: 0 !important;
}

/* line 382, app/assets/stylesheets/course_and_school_pages.scss */
.duplicate-dropdown-item a {
  font-family: Assistant !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 25.85px !important;
  text-align: right !important;
  text-decoration: none !important;
}

/* line 391, app/assets/stylesheets/course_and_school_pages.scss */
.duplicate-dropdown-item:hover {
  background-color: #F2F2F2 !important;
}

/* line 395, app/assets/stylesheets/course_and_school_pages.scss */
.duplicate-dropdown-menu {
  width: 190px !important;
  height: 84px;
  border-radius: 4.39px 0px 0px 0px;
  border: 1px solid #E0E0E0;
  box-shadow: 0px 2.19px 5.48px -5.48px #00000033;
}

/* line 402, app/assets/stylesheets/course_and_school_pages.scss */
.main-card-index-page {
  width: 256px !important;
  height: 277px !important;
}

/* line 406, app/assets/stylesheets/course_and_school_pages.scss */
.main-card-index-page:hover {
  box-shadow: 0px 14px 27px 0px #5E5E5E73;
}

/* line 410, app/assets/stylesheets/course_and_school_pages.scss */
.index-page-cover-image {
  width: 256px !important;
  height: 122px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

/* line 416, app/assets/stylesheets/course_and_school_pages.scss */
.index-page-cover-image .course-preview-img {
  width: 256px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}

/* line 422, app/assets/stylesheets/course_and_school_pages.scss */
#course-edit-settings-link {
  position: static !important;
}

/* line 425, app/assets/stylesheets/course_and_school_pages.scss */
.index-page-title-div {
  position: relative;
  line-height: 1rem;
  margin-top: 15px;
}

/* line 430, app/assets/stylesheets/course_and_school_pages.scss */
.index-page-title-div .nm-caption {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

/* line 436, app/assets/stylesheets/course_and_school_pages.scss */
.index-page-bottom-settings-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  bottom: -13px;
}

/* line 443, app/assets/stylesheets/course_and_school_pages.scss */
.student-counter-div {
  width: 45%;
  padding-top: 12px;
}

/* line 447, app/assets/stylesheets/course_and_school_pages.scss */
.students-counter-details {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

/* line 452, app/assets/stylesheets/course_and_school_pages.scss */
.course-settings-div {
  display: flex;
  margin-left: 8px;
}

/* line 456, app/assets/stylesheets/course_and_school_pages.scss */
.course-settings-div .nm-stngs-btn {
  width: 40px;
  margin-top: 5px;
}

/* line 462, app/assets/stylesheets/course_and_school_pages.scss */
.copy-course span {
  left: 7px !important;
  top: -2px !important;
}

/* line 467, app/assets/stylesheets/course_and_school_pages.scss */
.school-main-heading-name-div,
.main-heading-name-div {
  font-size: 16px;
  font-weight: 700;
  max-width: 180px;
  width: 180px;
  white-space: normal;
  max-height: 32px;
  word-break: break-all;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* line 481, app/assets/stylesheets/course_and_school_pages.scss */
.school-index-page-bottom-settings-div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  position: relative;
  bottom: -18px;
}

/* line 488, app/assets/stylesheets/course_and_school_pages.scss */
.course-favourite-star,
.school-favourite-star {
  cursor: pointer !important;
}

/* line 492, app/assets/stylesheets/course_and_school_pages.scss */
.school-student-counter {
  padding-right: 15px;
}

/* line 495, app/assets/stylesheets/course_and_school_pages.scss */
.create-button-div {
  padding-bottom: 15px !important;
}

@media (max-width: 1150px) {
  /* line 495, app/assets/stylesheets/course_and_school_pages.scss */
  .create-button-div {
    position: absolute;
    left: 28px;
    top: 105px;
  }
}

/* line 503, app/assets/stylesheets/course_and_school_pages.scss */
.empty-state-footer-text {
  margin-top: 0 !important;
}

/* line 506, app/assets/stylesheets/course_and_school_pages.scss */
.empty--course-page-icon {
  background-image: url("/images/course-index-bg-ellipse.svg");
  background-repeat: no-repeat;
  background-position-x: center;
}

/* line 511, app/assets/stylesheets/course_and_school_pages.scss */
.underline-link {
  text-decoration: underline;
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* line 517, app/assets/stylesheets/course_and_school_pages.scss */
.underline-link:hover {
  text-decoration: underline;
  font-size: 16px !important;
  font-weight: 400 !important;
}

/* line 522, app/assets/stylesheets/course_and_school_pages.scss */
.index-page-title {
  position: absolute !important;
  left: 1rem !important;
}

/* line 526, app/assets/stylesheets/course_and_school_pages.scss */
.index-content {
  justify-items: center;
  font-family: "Assistant", Arial, sans-serif !important;
}

@media (min-width: 2521px) {
  /* line 531, app/assets/stylesheets/course_and_school_pages.scss */
  .filter-container {
    width: 2188px;
  }
  /* line 534, app/assets/stylesheets/course_and_school_pages.scss */
  .index-page-list {
    width: 2208px;
  }
}

@media (max-width: 2520px) and (min-width: 2301px) {
  /* line 539, app/assets/stylesheets/course_and_school_pages.scss */
  .filter-container {
    width: 1912px;
  }
  /* line 542, app/assets/stylesheets/course_and_school_pages.scss */
  .index-page-list {
    width: 1932px;
  }
}

@media (max-width: 2300px) and (min-width: 2000px) {
  /* line 547, app/assets/stylesheets/course_and_school_pages.scss */
  .filter-container {
    width: 1638px;
  }
  /* line 550, app/assets/stylesheets/course_and_school_pages.scss */
  .index-page-list {
    width: 1658px;
  }
}

@media (max-width: 1999px) and (min-width: 1731px) {
  /* line 555, app/assets/stylesheets/course_and_school_pages.scss */
  .filter-container {
    width: 1360px;
  }
  /* line 558, app/assets/stylesheets/course_and_school_pages.scss */
  .index-page-list {
    width: 1380px;
  }
}

@media (max-width: 1730px) and (min-width: 1435px) {
  /* line 563, app/assets/stylesheets/course_and_school_pages.scss */
  .filter-container {
    width: 1084px;
  }
  /* line 566, app/assets/stylesheets/course_and_school_pages.scss */
  .index-page-list {
    width: 1104px;
  }
}

@media (max-width: 1434px) and (min-width: 1280px) {
  /* line 571, app/assets/stylesheets/course_and_school_pages.scss */
  .filter-container {
    width: 808px;
  }
  /* line 574, app/assets/stylesheets/course_and_school_pages.scss */
  .index-page-list {
    width: 828px;
  }
}

@media (max-width: 1279px) and (min-width: 1001px) {
  /* line 579, app/assets/stylesheets/course_and_school_pages.scss */
  .filter-container {
    width: 808px;
  }
  /* line 582, app/assets/stylesheets/course_and_school_pages.scss */
  .index-page-list {
    width: 554px;
  }
  /* line 585, app/assets/stylesheets/course_and_school_pages.scss */
  .index-content {
    justify-items: baseline !important;
  }
}

@media (max-width: 1000px) and (min-width: 893px) {
  /* line 590, app/assets/stylesheets/course_and_school_pages.scss */
  .filters-div {
    width: 70%;
    flex-wrap: wrap;
  }
  /* line 594, app/assets/stylesheets/course_and_school_pages.scss */
  .index-page-list {
    width: 554px;
  }
  /* line 597, app/assets/stylesheets/course_and_school_pages.scss */
  .index-content {
    justify-items: baseline !important;
  }
}

@media (max-width: 892px) {
  /* line 602, app/assets/stylesheets/course_and_school_pages.scss */
  .filters-div {
    width: 85%;
    flex-wrap: wrap;
  }
  /* line 606, app/assets/stylesheets/course_and_school_pages.scss */
  .index-page-list {
    width: 276px;
  }
  /* line 609, app/assets/stylesheets/course_and_school_pages.scss */
  .index-content {
    justify-items: baseline !important;
  }
}

/* line 613, app/assets/stylesheets/course_and_school_pages.scss */
.schools-empty-state-footer {
  text-transform: capitalize !important;
}

/* line 616, app/assets/stylesheets/course_and_school_pages.scss */
.index-page-title-main {
  padding-left: 17px !important;
  padding-right: 20px !important;
}

/* line 620, app/assets/stylesheets/course_and_school_pages.scss */
.index-page-last-updated {
  font-size: 14px !important;
  font-weight: normal !important;
  padding-top: 2px !important;
}

/* line 625, app/assets/stylesheets/course_and_school_pages.scss */
.copy-link-to-clipboard {
  position: relative;
  left: 3px;
  top: 5px;
  width: 34px;
}

/* line 631, app/assets/stylesheets/course_and_school_pages.scss */
.school-status__container {
  margin-top: 6px !important;
}

/* line 634, app/assets/stylesheets/course_and_school_pages.scss */
.filter-group .dropdown-menu.show {
  transform: translate(40px, 15px) !important;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *






















 */

