:root {
  --brand: #4397a4;
  --primary: #f26d21;
  --secondary: #2d8692;
  --black: #000;
  --white: #fff;
  --success: #42ab44;
  --warning: #ffab1b;
  --danger: #fa6767;
  --link: #007dff;
  --gray-1: #f8f9fc;
  --gray-2: #e5e5ea;
  --gray-3: #d1d1d6;
  --gray-4: #c7c7cc;
  --gray-5: #aeaeb2;
  --gray-6: #8e8e93;
  --bg-bw: #fefefe;
  --bg-bw-rv: #121212;
  --bg-main: #f2f2f2;
  --bg-submain: #d1d1d6;
  --border: var(--gray-2);
  --text-title: #1c1c1c;
  --text-subtitle: #484848;
  --text-paragraph: #636363;
  --text-overline: #636363;
  --btn-default: var(--gray-2);
  --btn-default-hover: var(--gray-3);
  --nav-hightlight: var(--primary);
  --img-cam-teacher: url("/assets/img/img_default_teacher.svg");
  --img-cam-learner: url("/assets/img/img_default_student.svg");
  --img-chevron-prev-lg: url("/assets/img/teacher/live/ico-arrow-lg-left-dark.svg");
  --img-chevron-next-lg: url("/assets/img/teacher/live/ico-arrow-lg-right-dark.svg");
  --img-popup-add-file: url("/assets/img/teacher/live/bg-add-file.svg");
}
.theme-dark {
  --gray-1: #1b1b1d;
  --gray-2: #2c2c2e;
  --gray-3: #3a3a3c;
  --gray-4: #48484a;
  --gray-5: #636366;
  --gray-6: #8e8e93;
  --bg-bw: #121212;
  --bg-bw-rv: #fefefe;
  --bg-main: #1c1c1c;
  --bg-submain: #3a3a3c;
  --border: var(--gray-2);
  --text-title: #f2f2f2;
  --text-subtitle: #c7c7c7;
  --text-paragraph: #aeaeae;
  --text-overline: #aeaeae;
  --btn-default: var(--gray-2);
  --btn-default-hover: var(--gray-3);
  --img-cam-teacher: url("/assets/img/img_default_teacher_dark.svg");
  --img-cam-learner: url("/assets/img/img_default_student_dark.svg");
  --img-chevron-prev-lg: url("/assets/img/teacher/live/ico-arrow-lg-left-light.svg");
  --img-chevron-next-lg: url("/assets/img/teacher/live/ico-arrow-lg-right-light.svg");
  --img-popup-add-file: url("/assets/img/teacher/live/bg-add-file-revert.svg");
}
.theme-default {
  --color-main-nav: #363636;
  --color-main-nav-link: var(--white);
}
.theme-light {
  --color-main-nav: var(--bg-bw);
  --color-main-nav-link: var(--text-paragraph);
}
.theme-dark {
  --color-main-nav: var(--bg-bw);
  --color-main-nav-link: var(--text-paragraph);
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("Inter-Regular.woff2") format("woff2"),
    url("Inter-Regular.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("Inter-Medium.woff2") format("woff2"),
    url("Inter-Medium.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("Inter-SemiBold.woff2") format("woff2"),
    url("Inter-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("Inter-Bold.woff2") format("woff2"),
    url("Inter-Bold.woff") format("woff");
}
@font-face {
  font-family: "Circular";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("SVN-CircularBook.woff") format("woff");
}
@font-face {
  font-family: "Circular";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("SVN-CircularMedium.woff") format("woff");
}
@font-face {
  font-family: "Circular";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("SVN-CircularBold.woff") format("woff");
}
:root {
  --webfont: "Inter", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--text-title);
}
p {
  color: var(--text-paragraph);
}
h1 {
  font-weight: 500;
  font-size: 6rem;
  letter-spacing: -0.09375rem;
}
h2 {
  font-weight: 500;
  font-size: 3.75rem;
  letter-spacing: -0.03125rem;
}
h3 {
  font-weight: 500;
  font-size: 3rem;
}
h4 {
  font-weight: 500;
  font-size: 2.125rem;
  letter-spacing: 0.01562rem;
}
h5 {
  font-weight: 500;
  font-size: 1.5rem;
}
h6 {
  font-weight: 500;
  font-size: 1.25rem;
  letter-spacing: 0.00937rem;
}
h6.subtitle-md {
  font-size: 1rem;
}
h6.subtitle-sm {
  font-size: 0.875rem;
  letter-spacing: 0.00625rem;
}
p {
  font-size: 1rem;
  letter-spacing: 0.03125rem;
}
p.p-sm {
  font-size: 0.875rem;
  letter-spacing: 0.01562rem;
}
p.p-caption {
  font-size: 0.75rem;
  letter-spacing: 0.025rem;
}
p.p-overline {
  font-size: 0.625rem;
  text-transform: uppercase;
  letter-spacing: 0.09375rem;
}
.p-sm {
  font-size: 0.875rem;
  letter-spacing: 0.03125rem;
}
.p-cap {
  font-size: 0.75rem;
  letter-spacing: 0.03125rem;
}
.p-overline {
  font-size: 0.625rem;
  color: var(--text-overline);
  text-transform: uppercase;
  letter-spacing: 0.09375rem;
}
html,
body {
  font-family: var(--webfont);
  font-size: 16px;
  color: var(--text-pargraph);
}
@media screen and (max-width: 576px) {
  html,
  body {
    font-size: 14px;
  }
}
[class="container"],
[class^="container-"] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto,
[class^="col"],
[class^="col-"] {
  padding-left: 1rem;
  padding-right: 1rem;
}
.row {
  margin-left: -1rem;
  margin-right: -1rem;
}
a {
  color: var(--link);
}
a:hover {
  text-decoration: none;
  color: #3397ff;
}
ul {
  margin: 0;
}
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
}
.collapse,
.collapsing,
.collapsed {
  padding-left: 0;
  padding-right: 0;
}
.text-primary {
  color: var(--primary) !important;
}
.text-secondary {
  color: var(--secondary) !important;
}
.text-success {
  color: var(--success) !important;
}
.text-warning {
  color: var(--warning) !important;
}
.text-danger {
  color: var(--danger) !important;
}
.text-link {
  color: var(--link) !important;
}
@use "../settings/theme";
.btn {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--text-paragraph);
}
.btn span {
  font-family: "Inter", sans-serif;
}
.btn:hover {
  color: var(--text-paragraph);
}
.btn.focus,
.btn:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn.btn-default {
  background-color: var(--btn-default);
  color: var(--text-paragraph);
}
.btn.btn-default:hover {
  background-color: var(--btn-default-hover);
}
.btn.btn-outline-default {
  border: 1px solid var(--text-paragraph);
  color: var(--text-paragraph);
}
.btn.btn-outline-default:hover {
  background-color: var(--btn-default-hover);
  border-color: var(--btn-default-hover);
}
.btn.btn-dashed-default {
  border: 1px dashed var(--text-paragraph);
  color: var(--text-paragraph);
}
.btn.btn-dashed-default:hover {
  border-style: solid;
}
.btn.btn-solid-link {
  background-color: var(--link);
  border: 1px solid var(--link);
  color: #fff;
}
.btn.btn-solid-link:hover {
  background-color: #3397ff;
}
.btn.btn-solid-link:hover:not(:disabled):active,
.btn.btn-solid-link:hover:not(.disabled):active {
  background-color: var(--link);
  border-color: var(--link);
}
.btn.btn-primary {
  background-color: var(--primary);
  border: 1px solid var(--primary);
  color: #fff;
}
.btn.btn-primary:hover {
  background-color: #f58d51;
}
.btn.btn-primary:not(:disabled):active,
.btn.btn-primary:not(.disabled):active {
  background-color: var(--primary);
  border-color: var(--primary);
}
.btn.btn-secondary {
  background-color: var(--secondary);
  border: 1px solid var(--secondary);
  color: #fff;
}
.btn.btn-secondary:hover {
  background-color: #39aab9;
}
.btn.btn-secondary:not(:disabled):active,
.btn.btn-secondary:not(.disabled):active {
  background-color: var(--secondary);
  border-color: var(--secondary);
}
.btn.btn-outline-primary {
  background-color: var(--bg-bw);
  border: 1px solid var(--primary);
  color: var(--primary);
}
.btn.btn-outline-primary:hover {
  background-color: var(--primary);
  color: var(--white);
}
.btn.btn-outline-primary:not(:disabled):active,
.btn.btn-outline-primary:not(.disabled):active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.btn.btn-outline-secondary {
  background-color: var(--bg-bw);
  border: 1px solid var(--secondary);
  color: var(--secondary);
}
.btn.btn-outline-secondary:hover {
  background-color: var(--secondary);
  color: var(--white);
}
.btn.btn-outline-secondary:not(:disabled):active,
.btn.btn-outline-secondary:not(.disabled):active {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--white);
}
.btn.btn-dashed-primary {
  background-color: var(--bg-bw);
  border: 1px dashed var(--primary);
  color: var(--primary);
}
.btn.btn-dashed-primary:hover {
  background-color: var(--primary);
  color: var(--white);
  border-style: solid;
}
.btn.btn-dashed-primary:not(:disabled):active,
.btn.btn-dashed-primary:not(.disabled):active {
  background-color: var(--primary);
  border-color: var(--primary);
  color: var(--white);
}
.btn.btn-dashed-secondary {
  background-color: var(--bg-bw);
  border: 1px dashed var(--secondary);
  color: var(--secondary);
}
.btn.btn-dashed-secondary:hover {
  background-color: var(--secondary);
  color: var(--white);
  border-style: solid;
}
.btn.btn-dashed-secondary:not(:disabled):active,
.btn.btn-dashed-secondary:not(.disabled):active {
  background-color: var(--secondary);
  border-color: var(--secondary);
  color: var(--white);
}
.btn.btn-success {
  background-color: #42ab44;
  border: 1px solid #42ab44;
  color: #fff;
}
.btn.btn-success:hover {
  background-color: #5fc161;
}
.btn.btn-success:not(:disabled):active,
.btn.btn-success:not(.disabled):active {
  background-color: #42ab44;
  border-color: #42ab44;
}
.btn.btn-outline-success {
  background-color: transparent;
  border: 1px solid #42ab44;
  color: #42ab44;
}
.btn.btn-outline-success:hover {
  background-color: #42ab44;
  color: #fff;
}
.btn.btn-outline-success:not(:disabled):active,
.btn.btn-outline-success:not(.disabled):active {
  background-color: #42ab44;
  border-color: #42ab44;
}
.btn.btn-dashed-success {
  background-color: transparent;
  border: 1px dashed #42ab44;
  color: #42ab44;
}
.btn.btn-dashed-success:hover {
  background-color: #42ab44;
  color: #fff;
}
.btn.btn-dashed-success:not(:disabled):active,
.btn.btn-dashed-success:not(.disabled):active {
  background-color: #42ab44;
  border-color: #42ab44;
}
.btn.btn-warning {
  background-color: #ffab1b;
  border: 1px solid #ffab1b;
  color: #fff;
}
.btn.btn-warning:hover {
  background-color: #ffbe4e;
}
.btn.btn-warning:not(:disabled):active,
.btn.btn-warning:not(.disabled):active {
  background-color: #ffab1b;
  border-color: #ffab1b;
}
.btn.btn-outline-warning {
  background-color: transparent;
  border: 1px solid #ffab1b;
  color: #ffab1b;
}
.btn.btn-outline-warning:hover {
  background-color: #ffab1b;
  color: #fff;
}
.btn.btn-outline-warning:not(:disabled):active,
.btn.btn-outline-warning:not(.disabled):active {
  background-color: #ffab1b;
  border-color: #ffab1b;
}
.btn.btn-dashed-warning {
  background-color: transparent;
  border: 1px dashed #ffab1b;
  color: #ffab1b;
}
.btn.btn-dashed-warning:hover {
  background-color: #ffab1b;
  color: #fff;
}
.btn.btn-dashed-warning:not(:disabled):active,
.btn.btn-dashed-warning:not(.disabled):active {
  background-color: #ffab1b;
  border-color: #ffab1b;
}
.btn.btn-danger {
  background-color: #fa6767;
  border: 1px solid #fa6767;
  color: #fff;
}
.btn.btn-danger:hover {
  background-color: #fc9898;
}
.btn.btn-danger:not(:disabled):active,
.btn.btn-danger:not(.disabled):active {
  background-color: #fa6767;
  border-color: #fa6767;
}
.btn.btn-outline-danger {
  background-color: transparent;
  border: 1px solid #fa6767;
  color: #fa6767;
}
.btn.btn-outline-danger:hover {
  background-color: #fa6767;
  color: #fff;
}
.btn.btn-outline-danger:not(:disabled):active,
.btn.btn-outline-danger:not(.disabled):active {
  background-color: #fa6767;
  border-color: #fa6767;
}
.btn.btn-dashed-danger {
  background-color: transparent;
  border: 1px dashed #fa6767;
  color: #fa6767;
}
.btn.btn-dashed-danger:hover {
  background-color: #fa6767;
  color: #fff;
}
.btn.btn-dashed-danger:not(:disabled):active,
.btn.btn-dashed-danger:not(.disabled):active {
  background-color: #fa6767;
  border-color: #fa6767;
}
.btn.btn-link {
  background-color: #007dff;
  border: 1px solid #007dff;
  color: #fff;
  background-color: transparent;
  border-color: transparent;
  color: #007dff;
  font-weight: 500;
}
.btn.btn-link:hover {
  background-color: #3397ff;
}
.btn.btn-link:not(:disabled):active,
.btn.btn-link:not(.disabled):active {
  background-color: #007dff;
  border-color: #007dff;
}
.btn.btn-link:hover {
  background-color: transparent;
  text-decoration: none;
}
.btn.btn-link:not(:disabled):active,
.btn.btn-link:not(.disabled):active {
  background-color: transparent;
  border-color: transparent;
}
.btn.btn-outline-link {
  background-color: transparent;
  border: 1px solid #007dff;
  color: #007dff;
}
.btn.btn-outline-link:hover {
  background-color: #007dff;
  color: #fff;
}
.btn.btn-outline-link:not(:disabled):active,
.btn.btn-outline-link:not(.disabled):active {
  background-color: #007dff;
  border-color: #007dff;
}
.btn.btn-dashed-link {
  background-color: transparent;
  border: 1px dashed #007dff;
  color: #007dff;
}
.btn.btn-dashed-link:hover {
  background-color: #007dff;
  color: #fff;
}
.btn.btn-dashed-link:not(:disabled):active,
.btn.btn-dashed-link:not(.disabled):active {
  background-color: #007dff;
  border-color: #007dff;
}
.btn.btn-light {
  background-color: #fff;
  border: 1px solid #fff;
  color: #fff;
  color: #000;
}
.btn.btn-light:hover {
  background-color: #fff;
}
.btn.btn-light:not(:disabled):active,
.btn.btn-light:not(.disabled):active {
  background-color: #fff;
  border-color: #fff;
}
.btn.btn-light:hover {
  background-color: #e6e6e6;
}
.btn.btn-light:active {
  background-color: transparent;
  border-color: transparent;
}
.btn.btn-outline-light {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.btn.btn-outline-light:hover {
  background-color: #fff;
  color: #fff;
}
.btn.btn-outline-light:not(:disabled):active,
.btn.btn-outline-light:not(.disabled):active {
  background-color: #fff;
  border-color: #fff;
}
.btn.btn-outline-light:hover {
  color: #000;
}
.btn.btn-dashed-light {
  background-color: transparent;
  border: 1px dashed #fff;
  color: #fff;
}
.btn.btn-dashed-light:hover {
  background-color: #fff;
  color: #fff;
}
.btn.btn-dashed-light:not(:disabled):active,
.btn.btn-dashed-light:not(.disabled):active {
  background-color: #fff;
  border-color: #fff;
}
.btn.btn-dashed-light:hover {
  color: #000;
}
.btn.btn-dark {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
.btn.btn-dark:hover {
  background-color: #1a1a1a;
}
.btn.btn-dark:not(:disabled):active,
.btn.btn-dark:not(.disabled):active {
  background-color: #000;
  border-color: #000;
}
.btn.btn-outline-dark {
  background-color: transparent;
  border: 1px solid #000;
  color: #000;
}
.btn.btn-outline-dark:hover {
  background-color: #000;
  color: #fff;
}
.btn.btn-outline-dark:not(:disabled):active,
.btn.btn-outline-dark:not(.disabled):active {
  background-color: #000;
  border-color: #000;
}
.btn.btn-outline-dark:hover {
  color: #fff;
}
.btn.btn-dashed-dark {
  background-color: transparent;
  border: 1px dashed #000;
  color: #000;
}
.btn.btn-dashed-dark:hover {
  background-color: #000;
  color: #fff;
}
.btn.btn-dashed-dark:not(:disabled):active,
.btn.btn-dashed-dark:not(.disabled):active {
  background-color: #000;
  border-color: #000;
}
.btn.btn-dashed-dark:hover {
  color: #fff;
}
.btn.btn-rounded {
  border-radius: 50%;
}
.btn.btn-quick-action {
  color: #f26d21;
}
.btn.btn-quick-action:hover {
  color: #fbd3bc;
}
.btn-switch {
  width: 40px;
  height: 22px;
  background-color: var(--btn-default-hover);
  border: 1px solid var(--btn-default);
  border-radius: 10px;
  position: relative;
}
.btn-switch.btn-switch-sm {
  width: 30px;
  height: 17px;
}
.btn-switch.btn-switch-sm .control {
  width: 15px;
  height: 15px;
}
.btn-switch.active {
  background-color: #42ab44;
}
.btn-switch.active .control {
  left: auto;
  right: 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.btn-switch:hover {
  cursor: pointer;
}
.btn-switch .control {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.breadcrumb {
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
}
.breadcrumb .breadcrumb-item {
  font-size: 0.75rem;
  text-transform: uppercase;
}
.breadcrumb .breadcrumb-item:first-of-type:before {
  display: none;
}
.breadcrumb .breadcrumb-item:before {
  font-family: "els";
  font-size: 0.75rem;
  font-weight: 900;
  content: "\e914";
}
.breadcrumb .breadcrumb-item.breadcrumb-active a {
  opacity: 0.75;
}
.breadcrumb .breadcrumb-item.breadcrumb-active a:hover {
  cursor: default;
}
.breadcrumb .breadcrumb-item a {
  color: var(--text-paragraph);
}
.calendar {
  width: 100%;
  height: 100%;
  background-color: var(--bg-bw);
  padding: 0.5rem;
}
.calendar.calendar-bordered
  .calendar-body
  .calendar-table
  .calendar-table-header {
  border-top: 1px solid var(--border);
  border-bottom: 2px solid var(--border);
}
.calendar.calendar-bordered
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row {
  border-bottom: 1px solid var(--border);
}
.calendar.calendar-bordered
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row:last-child {
  border-bottom: none;
}
.calendar.calendar-bordered
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col {
  border-right: 1px solid var(--border);
}
.calendar.calendar-bordered
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col:last-child {
  border-right: none;
}
.calendar .calendar-header {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calendar .calendar-header .calendar-header-controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calendar .calendar-header .calendar-header-controls > * {
  margin-right: 0.5rem;
}
.calendar .calendar-header .calendar-header-title {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calendar .calendar-header .calendar-header-title h6 {
  margin: 0 0.75rem;
}
.calendar .calendar-header .calendar-header-title .btn {
  border-radius: 0;
}
.calendar .calendar-header .calendar-header-title .btn:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}
.calendar .calendar-header .calendar-header-title .btn:last-child {
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}
.calendar .calendar-header .calendar-header-title .btn:not(:first-child) {
  margin-left: -1px;
}
.calendar .calendar-header .calendar-header-title .dropdown {
  margin-left: -1px;
}
.calendar .calendar-header .calendar-header-title .dropdown .btn {
  border-radius: 0;
}
.calendar
  .calendar-header
  .calendar-header-title
  .dropdown
  .dropdown-menu
  .calendar-monthpicker-wrapper
  .calendar-monthpicker-header {
  height: 40px;
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calendar
  .calendar-header
  .calendar-header-title
  .dropdown
  .dropdown-menu
  .calendar-monthpicker-wrapper
  .calendar-monthpicker-body {
  min-width: 200px;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.calendar
  .calendar-header
  .calendar-header-title
  .dropdown
  .dropdown-menu
  .calendar-monthpicker-wrapper
  .calendar-monthpicker-body
  .btn {
  max-width: 25%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 25%;
  flex: 1 0 25%;
  margin-top: -1px;
  margin-left: -1px;
  padding: 0.5rem 0;
}
.calendar .calendar-body {
  height: calc(100% - 50px);
  overflow-x: hidden;
  overflow-y: auto;
}
.calendar
  .calendar-body.calendar-body-week
  .calendar-table
  .calendar-table-row
  .calendar-table-col {
  max-width: calc((100% - 3rem) / 7);
}
.calendar
  .calendar-body.calendar-body-week
  .calendar-table
  .calendar-table-row
  .calendar-table-col.calendar-table-col-hour {
  max-width: 3rem;
  font-size: 0.875rem;
}
.calendar
  .calendar-body.calendar-body-week
  .calendar-table
  .calendar-table-header {
  border-bottom: 1px solid var(--gray-1);
}
.calendar
  .calendar-body.calendar-body-week
  .calendar-table
  .calendar-table-body
  .calendar-table-row {
  border-bottom: 1px solid var(--gray-1);
}
.calendar
  .calendar-body.calendar-body-week
  .calendar-table
  .calendar-table-body
  .calendar-table-row:last-of-type {
  border-bottom: none;
}
.calendar .calendar-body .calendar-table .calendar-table-row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-row
  .calendar-table-col {
  max-width: calc(100% / 7);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-row
  .calendar-table-col
  span {
  color: var(--text-title);
}
.calendar .calendar-body .calendar-table .calendar-table-header {
  background-color: var(--bg-bw);
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-header
  .calendar-table-row
  .calendar-table-col {
  padding: 1rem 0;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-header
  .calendar-table-row
  .calendar-table-col.calendar-table-col-day {
  font-size: 0.75rem;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-header
  .calendar-table-row
  .calendar-table-col
  span.calendar-span-today {
  width: 2rem;
  height: 2rem;
  font-weight: 500;
  background-color: var(--primary);
  color: var(--white);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col.calendar-table-col-faded {
  opacity: 0.5;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col.calendar-table-day-disabled {
  background-color: var(--gray-1);
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col.calendar-table-day-disabled
  a:hover {
  cursor: default;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a {
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  color: var(--text-paragraph);
  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;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day.calendar-table-today
  span.day-text {
  color: var(--white);
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day.calendar-table-today
  span.day-text:before {
  background-color: var(--primary);
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day.calendar-table-today
  span.day-events
  i {
  border-color: var(--secondary);
  color: var(--secondary);
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day.calendar-table-today
  span.day-events
  i:nth-child(odd) {
  background-color: var(--secondary);
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day.calendar-table-day-active {
  background-color: rgba(45, 134, 146, 0.1);
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day
  span.day-text {
  margin-top: 0.5rem;
  position: relative;
  z-index: 1;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day
  span.day-text:before {
  content: "";
  width: 2rem;
  height: 2rem;
  background-color: transparent;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day
  span.day-events {
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day
  span.day-events
  i {
  min-width: 1.5rem;
  padding: 0.125rem 0.25rem;
  font-size: 0.625rem;
  font-style: normal;
  text-align: center;
  border: 1px solid var(--gray-3);
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day
  span.day-events
  i:not(:first-child) {
  margin-top: -1px;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day
  span.day-events
  i:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day
  span.day-events
  i:last-child {
  -webkit-transform: translate(0, 1px);
  transform: translate(0, 1px);
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}
.calendar
  .calendar-body
  .calendar-table
  .calendar-table-body
  .calendar-table-row
  .calendar-table-col
  a.calendar-table-day
  span.day-events
  i:nth-child(odd) {
  background-color: var(--gray-3);
  color: var(--white);
}
.dataTables_wrapper {
  font-family: var(--webfont);
}
.dataTables_wrapper .row .dataTables_length label,
.dataTables_wrapper .row .dataTables_filter label {
  font-size: 0.875rem;
  color: var(--text-paragraph);
}
.dataTables_wrapper .datatable thead tr th {
  font-size: 0.75rem;
  color: var(--text-title);
}
.dataTables_wrapper .datatable tbody tr td {
  font-size: 0.875rem;
  color: var(--text-paragraph);
}
.dataTables_wrapper .dataTables_info {
  font-size: 0.75rem;
  color: var(--text-overline);
}
.dataTables_wrapper .dataTables_paginate .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item {
  min-width: 28px;
  height: 28px;
  margin: 0 0.25rem;
  padding: 0;
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item.next .page-link,
.dataTables_wrapper
  .dataTables_paginate
  .pagination
  .page-item.previous
  .page-link {
  border-radius: 0.25rem;
}
.dataTables_wrapper
  .dataTables_paginate
  .pagination
  .page-item.active
  .page-link {
  background-color: var(--primary);
  color: var(--white);
}
.dataTables_wrapper .dataTables_paginate .pagination .page-item .page-link {
  font-size: 0.875rem;
  background-color: transparent;
  color: var(--text-paragraph);
  border: none;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-control {
  font-size: 0.875rem;
  background-color: var(--bg-bw);
  border-color: var(--gray-3);
  color: var(--text-paragraph);
}
.form-control[readonly] {
  background-color: var(--bg-bw);
  border-color: var(--border);
  color: var(--text-paragraph);
}
.form-control:disabled,
.form-control.disabled {
  background-color: var(--gray-1);
  border-color: var(--border);
  color: var(--text-paragraph);
}
.form-control:focus {
  background-color: var(--bg-bw);
  border-color: var(--gray-6);
  color: var(--text-paragraph);
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-control.is-valid {
  border-color: #42ab44;
}
.form-control.is-invalid {
  border-color: #fa6767;
}
.form-group label {
  font-size: 0.75rem;
  color: var(--text-overline);
}
.form-group label.label-sb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-group .form-check-group {
  height: 38px;
}
.form-group .form-group-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.input-group .input-group-prepend .custom-select {
  font-size: 0.875rem;
  background-color: var(--bg-bw);
  border-color: var(--gray-3);
  color: var(--text-paragraph);
  -webkit-appearance: var(--text-paragraph);
  -moz-appearance: var(--text-paragraph);
  appearance: var(--text-paragraph);
  border-radius: 0;
}
.input-group .input-group-prepend .custom-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.input-group .input-group-prepend .input-group-text {
  background-color: var(--bg-bw);
  border-color: var(--gray-3);
  color: var(--text-paragraph);
  font-size: 0.875rem;
}
.input-group .input-group-prepend .input-group-text:last-of-type {
  border-right-color: transparent;
}
.input-group .input-group-prepend .btn.btn-outline-default {
  background-color: var(--bg-bw);
  border-color: var(--gray-3);
}
.input-group .input-group-prepend .btn.btn-outline-default:last-of-type {
  border-right-color: transparent;
}
.input-group .form-control {
  height: auto;
}
.input-group .form-control:not(:first-child) {
  padding-left: 0;
  border-left-color: var(--bg-bw);
}
.input-group .form-control:not(:first-child):focus {
  border-color: var(--gray-3);
  border-left-color: var(--bg-bw);
}
.input-group .form-control:not(:last-child) {
  padding-right: 0;
  border-right-color: var(--bg-bw);
}
.input-group .form-control:not(:last-child):focus {
  border-color: var(--gray-3);
  border-right-color: var(--bg-bw);
}
.input-group .input-group-append .custom-select {
  font-size: 0.875rem;
  background-color: var(--bg-bw);
  border-color: var(--gray-3);
  color: var(--text-paragraph);
  -webkit-appearance: var(--text-paragraph);
  -moz-appearance: var(--text-paragraph);
  appearance: var(--text-paragraph);
  border-radius: 0;
}
.input-group .input-group-append .custom-select:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
}
.input-group .input-group-append .input-group-text {
  background-color: var(--bg-bw);
  border-color: var(--gray-3);
  color: var(--text-paragraph);
  font-size: 0.875rem;
}
.input-group .input-group-append .input-group-text:first-of-type {
  border-left-color: transparent;
}
.input-group .input-group-append .btn.btn-outline-default {
  background-color: var(--bg-bw);
  border-color: var(--gray-3);
}
.input-group .input-group-append .btn.btn-outline-default:first-of-type {
  border-left-color: transparent;
}
.form-check-group {
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-check-group.form-check-group-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.form-check-group.form-check-group-column .form-check {
  margin-right: 0;
  margin-bottom: 1rem;
}
.form-check-group.form-check-group-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.form-check-group.form-check-group-between .form-check {
  margin-right: 0;
}
.form-check-group .form-check {
  margin-right: 1rem;
  padding-left: 0;
  position: relative;
}
.form-check-group .form-check input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.form-check-group .form-check label {
  font-size: 0.875rem;
  color: var(--text-paragraph);
}
.form-check-group .form-check label i {
  margin-right: 0.5rem;
}
.form-check-group .form-check label i.els {
  color: var(--primary);
}
.form-check-group .form-check label i:hover {
  cursor: pointer;
}
.form-switch {
  position: relative;
}
.form-switch input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.form-switch label {
  font-size: 0.875rem;
  color: var(--text-paragraph);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form-switch label .btn-switch {
  display: inline-block;
  margin-left: 0.5rem;
}
.form-control-file {
  font-size: 0.875rem;
}
.form-control-range::-webkit-slider-thumb,
.form-control-range::-moz-range-thumb,
.form-control-range::-ms-thumb {
  background-color: var(--primary);
}
.form-control-range::-webkit-slider-runnable-track,
.form-control-range::-moz-range-track {
  background-color: var(--primary);
}
.form-text {
  color: var(--text-overline);
}
@use "../settings/theme";
.badge {
  font-weight: 500;
}
.badge.badge-circle {
  border-radius: 50%;
}
.badge.badge-default {
  background-color: var(--text-paragraph);
  color: var(--white);
}
.badge.badge-primary {
  background-color: #f26d21;
  color: #fff;
}
.badge.badge-secondary {
  background-color: #2d8692;
  color: #fff;
}
.badge.badge-success {
  background-color: #42ab44;
  color: #fff;
}
.badge.badge-warning {
  background-color: #ffab1b;
  color: #fff;
}
.badge.badge-danger {
  background-color: #fa6767;
  color: #fff;
}
.badge.badge-link {
  background-color: #f26d21;
  color: #fff;
}
.badge.badge-light {
  background-color: #fff;
  color: #fff;
}
.badge.badge-dark {
  background-color: #000;
  color: #fff;
}
.badge.badge-outline-default {
  background-color: transparent;
  border: 2px solid var(--text-paragraph);
  color: var(--text-paragraph);
}
.badge.badge-outline-primary {
  background-color: transparent;
  border: 2px solid #f26d21;
  color: #f26d21;
}
.badge.badge-outline-secondary {
  background-color: transparent;
  border: 2px solid #2d8692;
  color: #2d8692;
}
.badge.badge-outline-success {
  background-color: transparent;
  border: 2px solid #42ab44;
  color: #42ab44;
}
.badge.badge-outline-warning {
  background-color: transparent;
  border: 2px solid #ffab1b;
  color: #ffab1b;
}
.badge.badge-outline-danger {
  background-color: transparent;
  border: 2px solid #fa6767;
  color: #fa6767;
}
.badge.badge-outline-link {
  background-color: transparent;
  border: 2px solid #f26d21;
  color: #f26d21;
}
.badge.badge-outline-light {
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;
}
.badge.badge-outline-dark {
  background-color: transparent;
  border: 2px solid #000;
  color: #000;
}
a.badge {
  background-color: transparent;
  color: var(--text-paragraph);
}
a.badge.badge-default {
  background-color: var(--text-paragraph);
  color: var(--white);
}
a.badge.badge-default:hover {
  background-color: var(--text-paragraph);
}
a.badge.badge-default:focus {
  background-color: var(--text-paragraph);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.badge.badge-primary {
  color: var(--white);
}
a.badge.badge-primary:hover {
  background-color: #f58d51;
}
a.badge.badge-primary:focus {
  background-color: #f58d51;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.badge.badge-secondary {
  color: var(--white);
}
a.badge.badge-secondary:hover {
  background-color: #39aab9;
}
a.badge.badge-secondary:focus {
  background-color: #39aab9;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.badge.badge-success {
  color: var(--white);
}
a.badge.badge-success:hover {
  background-color: #5fc161;
}
a.badge.badge-success:focus {
  background-color: #5fc161;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.badge.badge-warning {
  color: var(--white);
}
a.badge.badge-warning:hover {
  background-color: #ffbe4e;
}
a.badge.badge-warning:focus {
  background-color: #ffbe4e;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.badge.badge-danger {
  color: var(--white);
}
a.badge.badge-danger:hover {
  background-color: #fc9898;
}
a.badge.badge-danger:focus {
  background-color: #fc9898;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.badge.badge-link {
  color: var(--white);
}
a.badge.badge-link:hover {
  background-color: #f58d51;
}
a.badge.badge-link:focus {
  background-color: #f58d51;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.badge.badge-light {
  color: var(--white);
}
a.badge.badge-light:hover {
  background-color: #fff;
}
a.badge.badge-light:focus {
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.badge.badge-dark {
  color: var(--white);
}
a.badge.badge-dark:hover {
  background-color: #1a1a1a;
}
a.badge.badge-dark:focus {
  background-color: #1a1a1a;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@use "../settings/theme";
@font-face {
  font-family: "elo";
  src: url("elo.eot");
  src: url("elo.eot#iefix") format("embedded-opentype"),
    url("elo.ttf") format("truetype"), url("elo.woff") format("woff"),
    url("elo.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: "els";
  src: url("els.eot");
  src: url("els.eot#iefix") format("embedded-opentype"),
    url("els.ttf") format("truetype"), url("els.woff") format("woff"),
    url("els.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: auto;
}
.elo,
.els {
  font-size: 100%;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.elo.el-file-audio,
.els.el-file-audio {
  color: #fb8965;
}
.elo.el-file-video,
.els.el-file-video {
  color: #007dff;
}
.elo.el-file-youtube,
.els.el-file-youtube {
  color: #f00;
}
.elo.el-file-img,
.els.el-file-img {
  color: #42ab44;
}
.elo.el-file-exercise,
.els.el-file-exercise {
  color: #2f80ed;
}
.elo.el-file-gif,
.els.el-file-gif {
  color: #2f80ed;
}
.elo.el-file-doc,
.els.el-file-doc {
  color: #2f80ed;
}
.elo.el-file-pdf,
.els.el-file-pdf {
  color: #e55a2e;
}
.elo.el-file-xls,
.els.el-file-xls {
  color: #42ab44;
}
.elo.el-file-ppt,
.els.el-file-ppt {
  color: #d04423;
}
.elo.el-file-slide,
.els.el-file-slide {
  color: #007dff;
}
.elo.el-file-lms,
.els.el-file-lms {
  color: #49bcf7;
}
.elo.el-file,
.els.el-file {
  color: #49bcf7;
}
.elo.el-animation,
.els.el-animation {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.elo.el-animation.el-rotate-90,
.els.el-animation.el-rotate-90 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.elo.el-animation.el-flip,
.els.el-animation.el-flip {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.elo.el-spin,
.els.el-spin {
  -webkit-animation-name: iconSpin;
  animation-name: iconSpin;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
@-webkit-keyframes iconSpin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes iconSpin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes iconSpin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
.elo {
  font-family: "elo" !important;
}
.elo.el-add-event:before {
  content: "\e99b";
}
.elo.el-add-gv:before {
  content: "\e99c";
}
.elo.el-add-resource:before {
  content: "\e99d";
}
.elo.el-add-sv:before {
  content: "\e99e";
}
.elo.el-add-timer:before {
  content: "\e99f";
}
.elo.el-align-bottom:before {
  content: "\e9a0";
}
.elo.el-align-center:before {
  content: "\e9a1";
}
.elo.el-align-justify:before {
  content: "\e9a2";
}
.elo.el-align-left:before {
  content: "\e9a3";
}
.elo.el-align-middle:before {
  content: "\e9a4";
}
.elo.el-align-right:before {
  content: "\e9a5";
}
.elo.el-align-top:before {
  content: "\e9a6";
}
.elo.el-application:before {
  content: "\e9a7";
}
.elo.el-arrow-down:before {
  content: "\e9a8";
}
.elo.el-arrow-left:before {
  content: "\e9a9";
}
.elo.el-arrow-right:before {
  content: "\e9aa";
}
.elo.el-arrow-up:before {
  content: "\e9ab";
}
.elo.el-as-collision:before {
  content: "\e9ac";
}
.elo.el-as-drag:before {
  content: "\e9b0";
}
.elo.el-as-fade-in:before {
  content: "\e9ad";
}
.elo.el-as-fade-out:before {
  content: "\e9ae";
}
.elo.el-as-object-select:before {
  content: "\e9af";
}
.elo.el-as-ref-action:before {
  content: "\e9b1";
}
.elo.el-as-resource-select:before {
  content: "\e9b2";
}
.elo.el-as-run-on-path:before {
  content: "\e9b3";
}
.elo.el-as-slide-load:before {
  content: "\e9b4";
}
.elo.el-as-text-change:before {
  content: "\e9b5";
}
.elo.el-as-to-slide:before {
  content: "\e9b6";
}
.elo.el-as-value-change:before {
  content: "\e9b7";
}
.elo.el-attachment:before {
  content: "\e9b8";
}
.elo.el-background:before {
  content: "\e9b9";
}
.elo.el-backward:before {
  content: "\e9ba";
}
.elo.el-bell:before {
  content: "\e9bb";
}
.elo.el-book-open:before {
  content: "\e9bc";
}
.elo.el-book-window:before {
  content: "\e9bd";
}
.elo.el-buy:before {
  content: "\e9be";
}
.elo.el-buy-online:before {
  content: "\e9bf";
}
.elo.el-calendar:before {
  content: "\e9c0";
}
.elo.el-camera:before {
  content: "\e9c1";
}
.elo.el-caret-down:before {
  content: "\e9c2";
}
.elo.el-caret-left:before {
  content: "\e9c3";
}
.elo.el-caret-right:before {
  content: "\e9c4";
}
.elo.el-caret-up:before {
  content: "\e9c5";
}
.elo.el-caret-up-down:before {
  content: "\e9c6";
}
.elo.el-chalkboard:before {
  content: "\e9c7";
}
.elo.el-change:before {
  content: "\e9c8";
}
.elo.el-change-lock:before {
  content: "\e9c9";
}
.elo.el-chart:before {
  content: "\e9ca";
}
.elo.el-chart-bar:before {
  content: "\ea61";
}
.elo.el-chart-bubble:before {
  content: "\ea62";
}
.elo.el-chart-line:before {
  content: "\ea63";
}
.elo.el-chart-pie:before {
  content: "\ea64";
}
.elo.el-chart-polar:before {
  content: "\ea65";
}
.elo.el-chart-radar:before {
  content: "\ea66";
}
.elo.el-chat:before {
  content: "\e9cb";
}
.elo.el-chats:before {
  content: "\e9cc";
}
.elo.el-check:before {
  content: "\e9cd";
}
.elo.el-check-circle:before {
  content: "\e9ce";
}
.elo.el-check-square:before {
  content: "\e9cf";
}
.elo.el-checklist:before {
  content: "\e9d0";
}
.elo.el-circle:before {
  content: "\e9d1";
}
.elo.el-class-tree:before {
  content: "\e9d2";
}
.elo.el-class-virtual:before {
  content: "\e9d3";
}
.elo.el-click:before {
  content: "\e9d4";
}
.elo.el-clock:before {
  content: "\e9d5";
}
.elo.el-clock-warning:before {
  content: "\e9d6";
}
.elo.el-close:before {
  content: "\e9d7";
}
.elo.el-code:before {
  content: "\e9d8";
}
.elo.el-comment:before {
  content: "\e9d9";
}
.elo.el-components:before {
  content: "\e9da";
}
.elo.el-config:before {
  content: "\e9db";
}
.elo.el-copy:before {
  content: "\e9dc";
}
.elo.el-course:before {
  content: "\e9dd";
}
.elo.el-crm:before {
  content: "\e9de";
}
.elo.el-cross-inner:before {
  content: "\e9df";
}
.elo.el-cross-outer:before {
  content: "\e9e0";
}
.elo.el-cursor:before {
  content: "\e9e1";
}
.elo.el-dashboard:before {
  content: "\e9e2";
}
.elo.el-desktop:before {
  content: "\e9e3";
}
.elo.el-doc:before {
  content: "\e9e4";
}
.elo.el-doc-box:before {
  content: "\e9e5";
}
.elo.el-download:before {
  content: "\e9e6";
}
.elo.el-ellipsis-v:before {
  content: "\e9e7";
}
.elo.el-emotion:before {
  content: "\e9e8";
}
.elo.el-envelope:before {
  content: "\e9e9";
}
.elo.el-eraser:before {
  content: "\e9ea";
}
.elo.el-exam:before {
  content: "\e9eb";
}
.elo.el-exercise:before {
  content: "\e9ec";
}
.elo.el-exit:before {
  content: "\e9ed";
}
.elo.el-eye:before {
  content: "\e9ee";
}
.elo.el-eye-dropper:before {
  content: "\e9ef";
}
.elo.el-eye-slash:before {
  content: "\e9f0";
}
.elo.el-feedback:before {
  content: "\e9f1";
}
.elo.el-file-lms:before {
  content: "\e9f2";
}
.elo.el-file-plus:before {
  content: "\e9f3";
}
.elo.el-filter:before {
  content: "\e9f4";
}
.elo.el-firework:before {
  content: "\e9f5";
}
.elo.el-folder:before {
  content: "\e9f6";
}
.elo.el-forward:before {
  content: "\e9f7";
}
.elo.el-fullview:before {
  content: "\e9f8";
}
.elo.el-global:before {
  content: "\e9f9";
}
.elo.el-go-first:before {
  content: "\e9fa";
}
.elo.el-go-last:before {
  content: "\e9fb";
}
.elo.el-google-drive:before {
  content: "\e9fc";
}
.elo.el-grid:before {
  content: "\e9fd";
}
.elo.el-group:before {
  content: "\e9fe";
}
.elo.el-heart:before {
  content: "\e9ff";
}
.elo.el-history:before {
  content: "\ea00";
}
.elo.el-holder:before {
  content: "\ea01";
}
.elo.el-home:before {
  content: "\ea02";
}
.elo.el-image:before {
  content: "\ea03";
}
.elo.el-images:before {
  content: "\ea04";
}
.elo.el-inbox:before {
  content: "\ea05";
}
.elo.el-indent-left:before {
  content: "\ea06";
}
.elo.el-indent-right:before {
  content: "\ea07";
}
.elo.el-info-circle:before {
  content: "\ea08";
}
.elo.el-like:before {
  content: "\ea09";
}
.elo.el-list:before {
  content: "\ea0a";
}
.elo.el-list-edit:before {
  content: "\ea0b";
}
.elo.el-list-plus:before {
  content: "\ea0c";
}
.elo.el-list-question:before {
  content: "\ea0d";
}
.elo.el-lock:before {
  content: "\ea0e";
}
.elo.el-media:before {
  content: "\ea0f";
}
.elo.el-message-plus:before {
  content: "\ea10";
}
.elo.el-microphone:before {
  content: "\ea11";
}
.elo.el-minus:before {
  content: "\ea12";
}
.elo.el-money:before {
  content: "\ea13";
}
.elo.el-move:before {
  content: "\ea14";
}
.elo.el-news:before {
  content: "\ea15";
}
.elo.el-note:before {
  content: "\ea16";
}
.elo.el-note-pencil:before {
  content: "\ea17";
}
.elo.el-operate:before {
  content: "\ea18";
}
.elo.el-outbox:before {
  content: "\ea19";
}
.elo.el-pan:before {
  content: "\ea1a";
}
.elo.el-paste:before {
  content: "\ea1b";
}
.elo.el-pause:before {
  content: "\ea1c";
}
.elo.el-pen-reset:before {
  content: "\ea1d";
}
.elo.el-pencil:before {
  content: "\ea1e";
}
.elo.el-pens:before {
  content: "\ea1f";
}
.elo.el-phone:before {
  content: "\ea20";
}
.elo.el-play:before {
  content: "\ea21";
}
.elo.el-plus:before {
  content: "\ea22";
}
.elo.el-plus-circle:before {
  content: "\ea23";
}
.elo.el-preview:before {
  content: "\ea24";
}
.elo.el-question-circle:before {
  content: "\ea25";
}
.elo.el-questions:before {
  content: "\ea26";
}
.elo.el-quiz-drag:before {
  content: "\ea27";
}
.elo.el-quiz-image:before {
  content: "\ea28";
}
.elo.el-quiz-match:before {
  content: "\ea29";
}
.elo.el-quiz-multi:before {
  content: "\ea2a";
}
.elo.el-quiz-single:before {
  content: "\ea2b";
}
.elo.el-quiz-yes-no:before {
  content: "\ea2c";
}
.elo.el-ranking:before {
  content: "\ea2d";
}
.elo.el-rating-choice:before {
  content: "\ea2e";
}
.elo.el-record:before {
  content: "\ea2f";
}
.elo.el-redo:before {
  content: "\ea30";
}
.elo.el-reply:before {
  content: "\ea31";
}
.elo.el-role:before {
  content: "\ea32";
}
.elo.el-save:before {
  content: "\ea33";
}
.elo.el-scale-down:before {
  content: "\ea34";
}
.elo.el-scale-up:before {
  content: "\ea35";
}
.elo.el-score:before {
  content: "\ea36";
}
.elo.el-search:before {
  content: "\ea37";
}
.elo.el-send:before {
  content: "\ea38";
}
.elo.el-setting:before {
  content: "\ea39";
}
.elo.el-shapes:before {
  content: "\ea3a";
}
.elo.el-share:before {
  content: "\ea3b";
}
.elo.el-shopping-cart:before {
  content: "\ea3c";
}
.elo.el-size-contain:before {
  content: "\ea3d";
}
.elo.el-size-cover:before {
  content: "\ea3e";
}
.elo.el-slide:before {
  content: "\ea3f";
}
.elo.el-slide-plus:before {
  content: "\ea40";
}
.elo.el-square:before {
  content: "\ea41";
}
.elo.el-stair:before {
  content: "\e901";
}
.elo.el-star:before {
  content: "\ea42";
}
.elo.el-star-half:before {
  content: "\ea43";
}
.elo.el-stop:before {
  content: "\ea44";
}
.elo.el-stop-circle:before {
  content: "\ea45";
}
.elo.el-stop-watch:before {
  content: "\ea46";
}
.elo.el-stream:before {
  content: "\ea47";
}
.elo.el-student:before {
  content: "\ea48";
}
.elo.el-student-kick:before {
  content: "\e900";
}
.elo.el-student-plus:before {
  content: "\ea49";
}
.elo.el-table:before {
  content: "\ea4a";
}
.elo.el-text-box:before {
  content: "\ea4b";
}
.elo.el-ticket:before {
  content: "\ea4c";
}
.elo.el-trash:before {
  content: "\ea4d";
}
.elo.el-undo:before {
  content: "\ea4e";
}
.elo.el-ungroup:before {
  content: "\ea4f";
}
.elo.el-unit:before {
  content: "\ea50";
}
.elo.el-unlock:before {
  content: "\ea51";
}
.elo.el-upload:before {
  content: "\ea52";
}
.elo.el-user:before {
  content: "\ea53";
}
.elo.el-user-list:before {
  content: "\ea54";
}
.elo.el-user-plus:before {
  content: "\ea55";
}
.elo.el-user-raise:before {
  content: "\ea56";
}
.elo.el-user-waiting:before {
  content: "\ea57";
}
.elo.el-users:before {
  content: "\ea58";
}
.elo.el-users-private:before {
  content: "\ea59";
}
.elo.el-video:before {
  content: "\ea5a";
}
.elo.el-volume-down:before {
  content: "\ea5b";
}
.elo.el-volume-up:before {
  content: "\ea5c";
}
.elo.el-warning-circle:before {
  content: "\ea5d";
}
.elo.el-warning-triangle:before {
  content: "\ea5e";
}
.elo.el-wifi:before {
  content: "\ea5f";
}
.elo.el-youtube:before {
  content: "\ea60";
}
.els {
  font-family: "els" !important;
}
.els.el-align-top:before {
  content: "\e900";
}
.els.el-animation-delay:before {
  content: "\e901";
}
.els.el-animation-minus:before {
  content: "\e902";
}
.els.el-animation-plus:before {
  content: "\e903";
}
.els.el-arrow-down:before {
  content: "\e904";
}
.els.el-arrow-left:before {
  content: "\e905";
}
.els.el-arrow-right:before {
  content: "\e906";
}
.els.el-arrow-up:before {
  content: "\e907";
}
.els.el-background:before {
  content: "\e908";
}
.els.el-bell:before {
  content: "\e909";
}
.els.el-book-open:before {
  content: "\e98d";
}
.els.el-bring-back:before {
  content: "\e90a";
}
.els.el-bring-bottom:before {
  content: "\e90b";
}
.els.el-bring-front:before {
  content: "\e90c";
}
.els.el-bring-top:before {
  content: "\e90d";
}
.els.el-bullet-square:before {
  content: "\e90e";
}
.els.el-buy-online:before {
  content: "\e90f";
}
.els.el-calendar:before {
  content: "\e910";
}
.els.el-camera:before {
  content: "\e911";
}
.els.el-caret-down:before {
  content: "\e912";
}
.els.el-caret-left:before {
  content: "\e913";
}
.els.el-caret-right:before {
  content: "\e914";
}
.els.el-caret-up:before {
  content: "\e915";
}
.els.el-change:before {
  content: "\e916";
}
.els.el-change-lock:before {
  content: "\e917";
}
.els.el-change-network:before {
  content: "\e99b";
}
.els.el-chart:before {
  content: "\e99a";
}
.els.el-chat:before {
  content: "\e918";
}
.els.el-chats:before {
  content: "\e919";
}
.els.el-check-circle:before {
  content: "\e91a";
}
.els.el-check-square:before {
  content: "\e91b";
}
.els.el-circle:before {
  content: "\e91c";
}
.els.el-class-virtual:before {
  content: "\e91d";
}
.els.el-clock:before {
  content: "\e99c";
}
.els.el-close:before {
  content: "\e91e";
}
.els.el-code:before {
  content: "\e91f";
}
.els.el-comment:before {
  content: "\e920";
}
.els.el-components:before {
  content: "\e98e";
}
.els.el-copy:before {
  content: "\e921";
}
.els.el-course:before {
  content: "\e922";
}
.els.el-crash:before {
  content: "\e99d";
}
.els.el-cursor:before {
  content: "\e923";
}
.els.el-dashboard:before {
  content: "\e924";
}
.els.el-desktop:before {
  content: "\e925";
}
.els.el-devices:before {
  content: "\e9a2";
}
.els.el-envelope:before {
  content: "\e926";
}
.els.el-eraser:before {
  content: "\e927";
}
.els.el-exercise:before {
  content: "\e928";
}
.els.el-exit:before {
  content: "\e929";
}
.els.el-eye:before {
  content: "\e92a";
}
.els.el-feedback:before {
  content: "\e92b";
}
.els.el-file:before {
  content: "\e92c";
}
.els.el-file-audio:before {
  content: "\e92d";
}
.els.el-file-doc:before {
  content: "\e92e";
}
.els.el-file-exercise:before {
  content: "\e92f";
}
.els.el-file-gif:before {
  content: "\e930";
}
.els.el-file-img:before {
  content: "\e931";
}
.els.el-file-lms:before {
  content: "\e932";
}
.els.el-file-pdf:before {
  content: "\e933";
}
.els.el-file-plus:before {
  content: "\e934";
}
.els.el-file-ppt:before {
  content: "\e935";
}
.els.el-file-slide:before {
  content: "\e936";
}
.els.el-file-video:before {
  content: "\e937";
}
.els.el-file-xls:before {
  content: "\e938";
}
.els.el-file-youtube:before {
  content: "\e939";
}
.els.el-filter:before {
  content: "\e93a";
}
.els.el-firework:before {
  content: "\e93b";
}
.els.el-folder:before {
  content: "\e93c";
}
.els.el-fullscreen:before {
  content: "\e93d";
}
.els.el-global:before {
  content: "\e93e";
}
.els.el-go-back:before {
  content: "\e93f";
}
.els.el-go-first:before {
  content: "\e940";
}
.els.el-go-forward:before {
  content: "\e941";
}
.els.el-go-last:before {
  content: "\e942";
}
.els.el-google-drive:before {
  content: "\e943";
}
.els.el-grid:before {
  content: "\e944";
}
.els.el-heart:before {
  content: "\e945";
}
.els.el-home:before {
  content: "\e946";
}
.els.el-images:before {
  content: "\e947";
}
.els.el-info-circle:before {
  content: "\e948";
}
.els.el-join:before {
  content: "\e9a3";
}
.els.el-list:before {
  content: "\e949";
}
.els.el-list-edit:before {
  content: "\e98f";
}
.els.el-list-plus:before {
  content: "\e990";
}
.els.el-listen:before {
  content: "\e94a";
}
.els.el-media:before {
  content: "\e94b";
}
.els.el-microphone:before {
  content: "\e94c";
}
.els.el-money:before {
  content: "\e94d";
}
.els.el-news:before {
  content: "\e94e";
}
.els.el-note:before {
  content: "\e94f";
}
.els.el-obj-align-bottom:before {
  content: "\e991";
}
.els.el-obj-align-center:before {
  content: "\e992";
}
.els.el-obj-align-h:before {
  content: "\e993";
}
.els.el-obj-align-left:before {
  content: "\e994";
}
.els.el-obj-align-middle:before {
  content: "\e995";
}
.els.el-obj-align-right:before {
  content: "\e996";
}
.els.el-obj-align-top:before {
  content: "\e997";
}
.els.el-obj-space-v:before {
  content: "\e998";
}
.els.el-pan:before {
  content: "\e950";
}
.els.el-paste:before {
  content: "\e951";
}
.els.el-pencil:before {
  content: "\e952";
}
.els.el-pens:before {
  content: "\e953";
}
.els.el-phone:before {
  content: "\e954";
}
.els.el-play:before {
  content: "\e955";
}
.els.el-plus-circle:before {
  content: "\e956";
}
.els.el-power:before {
  content: "\e9a4";
}
.els.el-preview:before {
  content: "\e957";
}
.els.el-question-circle:before {
  content: "\e958";
}
.els.el-questions:before {
  content: "\e959";
}
.els.el-quiz-drag:before {
  content: "\e95a";
}
.els.el-quiz-image:before {
  content: "\e95b";
}
.els.el-quiz-match:before {
  content: "\e95c";
}
.els.el-quiz-multi:before {
  content: "\e95d";
}
.els.el-quiz-single:before {
  content: "\e95e";
}
.els.el-quiz-yes-no:before {
  content: "\e95f";
}
.els.el-ranking:before {
  content: "\e960";
}
.els.el-record:before {
  content: "\e961";
}
.els.el-redo:before {
  content: "\e962";
}
.els.el-refresh-cam:before {
  content: "\e99e";
}
.els.el-refresh-live:before {
  content: "\e99f";
}
.els.el-reply:before {
  content: "\e963";
}
.els.el-save:before {
  content: "\e964";
}
.els.el-scale-down:before {
  content: "\e965";
}
.els.el-scale-up:before {
  content: "\e966";
}
.els.el-score:before {
  content: "\e967";
}
.els.el-search:before {
  content: "\e968";
}
.els.el-send:before {
  content: "\e969";
}
.els.el-setting:before {
  content: "\e96a";
}
.els.el-shapes:before {
  content: "\e96b";
}
.els.el-share:before {
  content: "\e96c";
}
.els.el-shopping-cart:before {
  content: "\e96d";
}
.els.el-sign-dollar:before {
  content: "\e96e";
}
.els.el-slide:before {
  content: "\e96f";
}
.els.el-speak:before {
  content: "\e970";
}
.els.el-star:before {
  content: "\e971";
}
.els.el-stop:before {
  content: "\e972";
}
.els.el-stop-circle:before {
  content: "\e973";
}
.els.el-stop-watch:before {
  content: "\e974";
}
.els.el-stream:before {
  content: "\e975";
}
.els.el-student:before {
  content: "\e976";
}
.els.el-student-kick:before {
  content: "\e9a7";
}
.els.el-student-plus:before {
  content: "\e977";
}
.els.el-sync-check:before {
  content: "\e9a5";
}
.els.el-sync-close:before {
  content: "\e9a6";
}
.els.el-table:before {
  content: "\e978";
}
.els.el-text-bold:before {
  content: "\e979";
}
.els.el-text-box:before {
  content: "\e97a";
}
.els.el-text-italic:before {
  content: "\e97b";
}
.els.el-text-strikethrough:before {
  content: "\e97c";
}
.els.el-text-underline:before {
  content: "\e97d";
}
.els.el-to-background:before {
  content: "\e9a0";
}
.els.el-trash:before {
  content: "\e97e";
}
.els.el-undo:before {
  content: "\e97f";
}
.els.el-unit:before {
  content: "\e980";
}
.els.el-user:before {
  content: "\e983";
}
.els.el-user-plus:before {
  content: "\e981";
}
.els.el-user-raise:before {
  content: "\e982";
}
.els.el-user-waiting:before {
  content: "\e984";
}
.els.el-users:before {
  content: "\e985";
}
.els.el-users-private:before {
  content: "\e986";
}
.els.el-video:before {
  content: "\e987";
}
.els.el-video-waiting:before {
  content: "\e999";
}
.els.el-volume-down:before {
  content: "\e988";
}
.els.el-volume-up:before {
  content: "\e989";
}
.els.el-warning-circle:before {
  content: "\e98a";
}
.els.el-warning-network:before {
  content: "\e9a1";
}
.els.el-warning-triangle:before {
  content: "\e98b";
}
.els.el-youtube:before {
  content: "\e98c";
}
.els.el-zalo:before {
  content: "\e9a8";
}
.el-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
}
.el-sm {
  font-size: 0.875em;
}
.el-xs {
  font-size: 0.75em;
}
.el-1x {
  font-size: 100%;
}
.el-2x {
  font-size: 200%;
}
.el-3x {
  font-size: 300%;
}
.el-4x {
  font-size: 400%;
}
.el-group {
  display: inline;
  position: relative;
}
.el-group.el-banned.banned .el-close {
  display: block;
}
.el-group.el-banned .el-close {
  color: #fa6767;
  display: none;
}
.el-group .badge {
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.el-group .el-sub {
  font-size: 75%;
  position: absolute;
  z-index: 1;
}
.el-group .el-sub.bottom-right {
  bottom: 0;
  right: 0;
}
.ico {
  margin: auto;
  overflow: hidden;
  display: inline-block;
}
.ico img {
  width: 100%;
  height: 100%;
}
.ico.ico-sm {
  width: 1rem;
  height: 1rem;
}
.ico.ico-md {
  width: 1.25rem;
  height: 1.25rem;
}
.ico.ico-lg {
  width: 1.75rem;
  height: 1.75rem;
}
.ico.ico-2x {
  width: 2rem;
  height: 2rem;
}
.zyk-i {
  position: relative;
}
.zyk-i:after {
  width: auto;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.zyk-i.i-video:after {
  background-image: url("/assets/images/svg/app_icons/20px/showCam.svg");
}
svg.svg-alert-icon {
  width: 120px;
  height: 120px;
}
svg.svg-alert-icon.svg-alert-icon-success circle {
  cx: 60;
  cy: 60;
  r: 50;
  fill: var(--bg-bw);
  stroke: #42ab44;
  stroke-width: 5;
  -webkit-animation: svg-alert-icon-success 1s ease-in-out;
  animation: svg-alert-icon-success 1s ease-in-out;
}
@-webkit-keyframes svg-alert-icon-success {
  from {
    stroke-dasharray: 0, 314;
  }
  to {
    stroke-dasharray: 314, 314;
  }
}
@keyframes svg-alert-icon-success {
  from {
    stroke-dasharray: 0, 314;
  }
  to {
    stroke-dasharray: 314, 314;
  }
}
.dropdown.dropdown-actions .btn:hover i {
  opacity: 1;
}
.dropdown.dropdown-actions .btn i {
  opacity: 0.5;
}
.dropdown .dropdown-menu,
.btn-group .dropdown-menu {
  padding: 0;
  background-color: var(--gray-1);
  border: none;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.dropdown .dropdown-menu a.dropdown-item,
.btn-group .dropdown-menu a.dropdown-item {
  padding: 0.5rem 1rem;
  background-color: var(--gray-1);
  font-size: 0.875rem;
  color: var(--text-paragraph);
  border-radius: 0;
}
.dropdown .dropdown-menu a.dropdown-item:hover,
.btn-group .dropdown-menu a.dropdown-item:hover {
  background-color: var(--btn-default-hover);
  color: var(--text-paragraph);
}
.dropdown .dropdown-menu a.dropdown-item:first-child,
.btn-group .dropdown-menu a.dropdown-item:first-child {
  border-top-left-radius: 0.25rem;
  -webkit-border-top-left-radius: 0.25rem;
  -moz-border-top-left-radius: 0.25rem;
  -o-border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-border-top-right-radius: 0.25rem;
  -moz-border-top-right-radius: 0.25rem;
  -o-border-top-right-radius: 0.25rem;
}
.dropdown .dropdown-menu a.dropdown-item:last-child,
.btn-group .dropdown-menu a.dropdown-item:last-child {
  border-bottom-left-radius: 0.25rem;
  -webkit-border-bottom-left-radius: 0.25rem;
  -moz-border-bottom-left-radius: 0.25rem;
  -o-border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  -webkit-border-bottom-right-radius: 0.25rem;
  -moz-border-bottom-right-radius: 0.25rem;
  -o-border-bottom-right-radius: 0.25rem;
}
.dropdown .dropdown-menu .dropdown-divider,
.btn-group .dropdown-menu .dropdown-divider {
  margin: 0;
}
.card {
  background-color: var(--bg-bw);
  border: none;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.card .card-header {
  padding: 1rem;
  background-color: var(--bg-bw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: none;
}
.card .card-header .card-header-left,
.card .card-header .card-header-right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.card .card-header .card-header-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.card .card-header .card-header-left h6.text-wrapper {
  max-width: 100%;
  height: 1.5rem;
  -webkit-line-clamp: 1;
}
.card .card-header .card-header-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.card .card-body {
  padding: 1rem;
  font-size: 0.875rem;
}
.card .card-footer {
  background-color: var(--bg-bw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.toolbar {
  width: 100%;
  height: 100%;
}
.toolbar.toolbar-h {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.toolbar.toolbar-h fieldset {
  padding-left: 0.5rem;
  margin-left: 0.5rem;
  border-left: 1px solid #d1d1d1;
}
.toolbar.toolbar-h fieldset:last-of-type {
  border-left: none;
}
.toolbar.toolbar-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.toolbar.toolbar-v fieldset {
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid var(--border);
}
.toolbar.toolbar-v fieldset:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.toolbar fieldset .btn.btn-tools {
  width: 60px;
  height: 60px;
  position: relative;
  padding: 0;
  text-transform: none;
  color: var(--text-paragraph);
  border-radius: 0;
}
.toolbar fieldset .btn.btn-tools.btn-active {
  color: var(--primary);
}
.toolbar fieldset .btn.btn-tools i[class^="el"] {
  font-size: 1.25rem;
}
.toolbar fieldset .btn.btn-tools .el-group .el-sub {
  font-size: 75%;
}
.toolbar fieldset .btn.btn-tools span.btn-title {
  width: 100%;
  font-size: 0.625rem;
  text-align: center;
  letter-spacing: 0.0125rem;
  display: block;
}
.toolbar fieldset .btn.btn-tools span.badge {
  display: none;
}
.toolbar fieldset .btn.btn-has-noti span.badge {
  width: 1rem;
  height: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.5rem;
  color: #fff;
  border-radius: 50%;
  background-color: #fa6767;
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 1;
  -webkit-animation-name: animationBlink;
  animation-name: animationBlink;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}
@-webkit-keyframes animationBlink {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@keyframes animationBlink {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
.toolbar fieldset .dropdown .dropdown-menu.dropdown-tools .tools-group {
  display: block;
}
.toolbar
  fieldset
  .dropdown
  .dropdown-menu.dropdown-tools
  .tools-group
  .tools-group-header {
  height: 20px;
  padding: 0 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.toolbar
  fieldset
  .dropdown
  .dropdown-menu.dropdown-tools
  .tools-group
  .tools-group-header
  p.p-overline {
  color: var(--text-title);
}
.toolbar
  fieldset
  .dropdown
  .dropdown-menu.dropdown-tools
  .tools-group
  .tools-group-body {
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.toolbar
  fieldset
  .dropdown
  .dropdown-menu.dropdown-tools
  .tools-group
  .tools-group-body.tools-group-body-sm {
  width: 160px;
}
.toolbar
  fieldset
  .dropdown
  .dropdown-menu.dropdown-tools
  .tools-group
  .tools-group-body.tools-group-body-md {
  width: 240px;
}
.toolbar
  fieldset
  .dropdown
  .dropdown-menu.dropdown-tools
  .tools-group
  .tools-group-body
  a {
  width: 32px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.toolbar
  fieldset
  .dropdown
  .dropdown-menu.dropdown-tools
  .tools-group
  .tools-group-body
  a
  > span {
  width: 100%;
  display: block;
  font-size: 0.625rem;
  text-align: center;
  color: var(--text-paragraph);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal {
  z-index: 1050;
}
.modal .modal-dialog .modal-content {
  background-color: var(--gray-1);
}
.modal .modal-dialog .modal-content .modal-header {
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal .modal-dialog .modal-content .modal-footer {
  border-top: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal-backdrop {
  z-index: 1049;
}
.notifications {
  width: 100%;
}
.notifications .noti-item {
  min-height: 50px;
  padding: 0.5rem 1rem;
  background-color: var(--bg-bw);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  border-radius: 0.5rem;
}
.notifications .noti-item.noti-full-action .noti-container .noti-content {
  width: calc(100% - 3rem);
}
.notifications .noti-item.noti-full-action .noti-container .noti-quick-action {
  display: none;
}
.notifications .noti-item.noti-full-action .noti-actions {
  height: 40px;
  padding: 0 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.notifications .noti-item .noti-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.notifications .noti-item .noti-container .noti-icon {
  width: 32px;
  height: 32px;
  margin-right: 1rem;
  background-color: #666;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}
.notifications .noti-item .noti-container .noti-icon.noti-success {
  background-color: #42ab44;
}
.notifications .noti-item .noti-container .noti-icon.noti-warning {
  background-color: #2d8692;
}
.notifications .noti-item .noti-container .noti-icon.noti-danger {
  background-color: #fa6767;
}
.notifications .noti-item .noti-container .noti-content {
  width: calc(100% - 3rem - 50px);
}
.notifications .noti-item .noti-container .noti-quick-action {
  width: 50px;
}
.notifications .noti-item .noti-actions {
  display: none;
}
.notification {
  width: 100%;
  min-height: 3rem;
  margin-bottom: 0.5rem;
  padding: 0.75rem 1rem;
  background-color: var(--bg-bw);
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.notification:last-of-type {
  margin-bottom: 0;
}
.notification.notification-default {
  background-color: #007dff;
}
.notification.notification-default .notification-icon .icon-circle i {
  color: #fff;
}
.notification.notification-default .notification-content h6,
.notification.notification-default .notification-content p {
  color: #fff;
}
.notification.notification-success {
  background-color: #f2faf2;
}
.notification.notification-success .notification-icon .icon-circle i {
  color: #348635;
}
.notification.notification-success .notification-content h6,
.notification.notification-success .notification-content p {
  color: #348635;
}
.notification.notification-warning {
  background-color: #fff;
}
.notification.notification-warning .notification-icon .icon-circle i {
  color: #e79200;
}
.notification.notification-warning .notification-content h6,
.notification.notification-warning .notification-content p {
  color: #e79200;
}
.notification.notification-danger {
  background-color: #fff;
}
.notification.notification-danger .notification-icon .icon-circle i {
  color: #f83636;
}
.notification.notification-danger .notification-content h6,
.notification.notification-danger .notification-content p {
  color: #f83636;
}
.notification .notification-icon {
  width: 42px;
  height: 42px;
  margin-right: 0.5rem;
}
.notification .notification-icon .icon-circle {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.notification .notification-icon .icon-circle i {
  font-size: 2rem;
}
.notification .notification-content {
  width: calc(100% - 42px - 0.5rem);
}
.popup {
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1040;
  display: none;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.popup:focus {
  outline: none;
}
.popup.show.fade .popup-dialog .popup-content {
  opacity: 1;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.popup.show .popup-dialog .popup-content {
  opacity: 1;
}
.popup.popup-full {
  position: fixed;
}
.popup.popup-full .popup-dialog .popup-content {
  height: 100%;
}
.popup .popup-dialog {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup .popup-dialog.popup-dialog-top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.popup .popup-dialog.popup-dialog-bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.popup .popup-dialog.popup-dialog-left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.popup .popup-dialog.popup-dialog-right {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.popup .popup-dialog.popup-dialog-75 .popup-content {
  width: 75%;
}
.popup .popup-dialog.popup-dialog-50 .popup-content {
  width: 50%;
}
.popup .popup-dialog.popup-dialog-full .popup-content {
  height: 100%;
}
.popup .popup-dialog .popup-content {
  width: 100%;
  max-height: 100%;
  background-color: var(--gray-1);
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  opacity: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.popup .popup-dialog .popup-content .popup-header {
  padding: 0.5rem 1rem;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  background-color: var(--bg-bw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup .popup-dialog .popup-content .popup-body {
  padding: 1rem;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.popup .popup-dialog .popup-content .popup-body .popup-loading {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: none;
}
.popup .popup-dialog .popup-content .popup-body .popup-loading.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup .popup-dialog .popup-content .popup-body .popup-loading img {
  width: 64px;
}
.popup .popup-dialog .popup-content .popup-footer {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0.5rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup .popup-dialog .popup-content .popup-footer .btn {
  min-width: 120px;
  margin-left: 0.5rem;
}
.popup-backdrop {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1039;
  opacity: 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.popup-backdrop.show {
  opacity: 1;
}
.popup-backdrop.fade {
  opacity: 1;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.popup-backdrop.focus {
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
}
ul.tree-view {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
ul.tree-view li {
  padding-left: 1rem;
}
ul.tree-view li a {
  font-size: 0.875rem;
  color: var(--text-paragraph);
}
ul.tree-view li a i {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
ul.tree-view li a i.rotated {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
ul.tree-view li ul {
  padding-left: 1rem;
  list-style: none;
  display: none;
}
.list-items.list-unswitch-view.view-list .item,
.list-items.list-switch-view.view-list .item {
  width: 100%;
  padding: 0.25rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #f0f0f0;
}
.list-items.list-unswitch-view.view-list .item:last-of-type,
.list-items.list-switch-view.view-list .item:last-of-type {
  border-bottom: 0;
}
.list-items.list-unswitch-view.view-list .item:hover .dropdown button,
.list-items.list-switch-view.view-list .item:hover .dropdown button {
  opacity: 1;
}
.list-items.list-unswitch-view.view-list .item.item-header,
.list-items.list-switch-view.view-list .item.item-header {
  padding: 0.25rem 2rem 0.25rem 0;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 1;
  background-color: var(--bg-bw);
}
.list-items.list-unswitch-view.view-list .item.item-header .item-left,
.list-items.list-switch-view.view-list .item.item-header .item-left {
  width: 33.33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-unswitch-view.view-list .item.item-header .item-right,
.list-items.list-switch-view.view-list .item.item-header .item-right {
  width: 66.67%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-unswitch-view.view-list .item.item-header .item-right > div,
.list-items.list-switch-view.view-list .item.item-header .item-right > div {
  max-width: 25%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.list-items.list-unswitch-view.view-list .item.item-header .item-title,
.list-items.list-switch-view.view-list .item.item-header .item-title {
  width: 100%;
  padding-left: 2.5rem;
}
.list-items.list-unswitch-view.view-list .item.item-header .item-file-size,
.list-items.list-switch-view.view-list .item.item-header .item-file-size {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 15% !important;
  flex: 0 1 15% !important;
}
.list-items.list-unswitch-view.view-list .item a.open-item,
.list-items.list-switch-view.view-list .item a.open-item {
  width: calc(100% - 32px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-unswitch-view.view-list .item a.open-item .item-left,
.list-items.list-switch-view.view-list .item a.open-item .item-left {
  width: 33.33%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-unswitch-view.view-list .item a.open-item .item-right,
.list-items.list-switch-view.view-list .item a.open-item .item-right {
  width: 66.67%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-unswitch-view.view-list .item a.open-item .item-right > div,
.list-items.list-switch-view.view-list .item a.open-item .item-right > div {
  max-width: 25%;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.list-items.list-unswitch-view.view-list .item a.open-item .item-icon,
.list-items.list-switch-view.view-list .item a.open-item .item-icon {
  width: 32px;
  height: 32px;
  margin-left: 0.5rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-unswitch-view.view-list .item a.open-item .item-icon img,
.list-items.list-switch-view.view-list .item a.open-item .item-icon img {
  width: 16px;
  height: 16px;
  margin: 0.5rem;
  display: block;
}
.list-items.list-unswitch-view.view-list .item a.open-item .item-title,
.list-items.list-switch-view.view-list .item a.open-item .item-title {
  width: calc(100% - 2.5rem);
}
.list-items.list-unswitch-view.view-list .item a.open-item .item-title h6,
.list-items.list-switch-view.view-list .item a.open-item .item-title h6 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  width: 100%;
  height: 1rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.list-items.list-unswitch-view.view-list .item a.open-item .item-file-size,
.list-items.list-switch-view.view-list .item a.open-item .item-file-size {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 1 15% !important;
  flex: 0 1 15% !important;
}
.list-items.list-unswitch-view.view-list .item a.open-item .item-desc p,
.list-items.list-switch-view.view-list .item a.open-item .item-desc p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  width: 100%;
  height: 1rem;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.list-items.list-unswitch-view.view-list .item a.open-item .item-progress,
.list-items.list-switch-view.view-list .item a.open-item .item-progress {
  padding: 0 0.5rem;
}
.list-items.list-unswitch-view.view-list
  .item
  a.open-item
  .item-progress
  .progress,
.list-items.list-switch-view.view-list
  .item
  a.open-item
  .item-progress
  .progress {
  height: 5px;
}
.list-items.list-unswitch-view.view-list
  .item
  a.open-item
  .item-progress
  .progress
  .progress-bar,
.list-items.list-switch-view.view-list
  .item
  a.open-item
  .item-progress
  .progress
  .progress-bar {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.list-items.list-unswitch-view.view-list
  .item
  a.open-item
  .item-progress
  .progress
  .progress-bar.done,
.list-items.list-switch-view.view-list
  .item
  a.open-item
  .item-progress
  .progress
  .progress-bar.done {
  background-color: #42ab44;
}
.list-items.list-unswitch-view.view-list
  .item
  a.open-item
  .item-progress
  .progress
  .progress-bar.error,
.list-items.list-switch-view.view-list
  .item
  a.open-item
  .item-progress
  .progress
  .progress-bar.error {
  background-color: #fa6767;
}
.list-items.list-unswitch-view.view-list
  .item
  a.open-item
  .item-progress
  .progress
  .progress-bar.uploading,
.list-items.list-switch-view.view-list
  .item
  a.open-item
  .item-progress
  .progress
  .progress-bar.uploading {
  background-color: #f26d21;
}
.list-items.list-unswitch-view.view-list .item .dropdown,
.list-items.list-switch-view.view-list .item .dropdown {
  width: 32px;
  height: 100%;
}
.list-items.list-unswitch-view.view-list .item .dropdown button,
.list-items.list-switch-view.view-list .item .dropdown button {
  opacity: 0;
}
.list-items.list-unswitch-view.view-list .item .dropdown .dropdown-menu,
.list-items.list-switch-view.view-list .item .dropdown .dropdown-menu {
  padding: 0;
}
.list-items.list-unswitch-view.view-list
  .item
  .dropdown
  .dropdown-menu
  .dropdown-item:first-of-type,
.list-items.list-switch-view.view-list
  .item
  .dropdown
  .dropdown-menu
  .dropdown-item:first-of-type {
  border-top-left-radius: 0.25rem;
  -webkit-border-top-left-radius: 0.25rem;
  -moz-border-top-left-radius: 0.25rem;
  -o-border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  -webkit-border-top-right-radius: 0.25rem;
  -moz-border-top-right-radius: 0.25rem;
  -o-border-top-right-radius: 0.25rem;
}
.list-items.list-unswitch-view.view-list
  .item
  .dropdown
  .dropdown-menu
  .dropdown-item:last-of-type,
.list-items.list-switch-view.view-list
  .item
  .dropdown
  .dropdown-menu
  .dropdown-item:last-of-type {
  border-bottom-left-radius: 0.25rem;
  -webkit-border-bottom-left-radius: 0.25rem;
  -moz-border-bottom-left-radius: 0.25rem;
  -o-border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  -webkit-border-bottom-right-radius: 0.25rem;
  -moz-border-bottom-right-radius: 0.25rem;
  -o-border-bottom-right-radius: 0.25rem;
}
.list-items.list-unswitch-view.view-list .item-child,
.list-items.list-switch-view.view-list .item-child {
  padding-left: 1rem;
}
.list-items.list-unswitch-view.view-list .item-granchild,
.list-items.list-switch-view.view-list .item-granchild {
  padding-left: 2rem;
}
.list-items.list-unswitch-view.view-grid .item.item-header,
.list-items.list-switch-view.view-grid .item.item-header {
  display: none;
}
.list-items.list-common .item {
  width: 100%;
  margin-bottom: 1rem;
  padding: 1rem;
  background-color: var(--bg-bw);
  border-radius: 0.25rem;
}
.list-items.list-common .item:last-of-type {
  margin-bottom: 0;
}
.list-items.list-common .list-items-breadcrumb {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border);
}
.list-items.list-common .list-items-breadcrumb .breadcrumb {
  margin-bottom: 0;
}
.list-items.list-common .list-items-header .item {
  padding: 0.25rem 1rem 0.75rem;
  background-color: transparent;
}
.list-items.list-common .list-items-header .item .item-inner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-tree {
  border: 1px solid var(--border);
  border-radius: 0.25rem;
}
.list-items.list-tree > .item-wrapper > .item-inner > .item-inner-header {
  background-color: var(--bg-bw);
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 2;
}
.list-items.list-tree .item {
  padding: 0.5rem 0;
}
.list-items.list-tree .item.item-wrapper {
  width: 100%;
}
.list-items.list-tree .item.item-wrapper .item-inner {
  width: 100%;
}
.list-items.list-tree .item.item-wrapper .item-inner .item-inner-header,
.list-items.list-tree .item.item-wrapper .item-inner .item-inner-body {
  display: block;
}
.list-items.list-tree .item.item-wrapper .item-inner .item-inner-header {
  padding: 0.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-tree .item.item-wrapper .item-inner .item-inner-header:hover {
  background-color: var(--gray-1);
}
.list-items.list-tree .item.item-wrapper .item-inner .item-inner-header a {
  color: var(--text-paragraph);
}
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.item-expand {
  width: 32px;
  height: 32px;
  margin-right: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.item-expand
  i {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.item-expand
  i.rotated {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.btn-select-category,
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.btn-select-organization,
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.btn-select-program {
  width: calc(100% - 32px - 1rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.btn-select-category
  .item-check,
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.btn-select-organization
  .item-check,
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.btn-select-program
  .item-check {
  width: 24px;
  height: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.btn-select-category
  .item-check
  i.els,
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.btn-select-organization
  .item-check
  i.els,
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-header
  a.btn-select-program
  .item-check
  i.els {
  color: var(--primary);
}
.list-items.list-tree .item.item-wrapper .item-inner .item-inner-body {
  padding-left: 1rem;
  position: relative;
}
.list-items.list-tree
  .item.item-wrapper
  .item-inner
  .item-inner-body
  .item
  .item-inner:hover {
  background-color: var(--gray-1);
}
.list-items.list-table {
  height: 100%;
}
.list-items.list-table.list-table-hover .list-items-body .item:hover {
  background-color: var(--gray-2);
}
.list-items.list-table.list-table-borderless .list-items-header .item,
.list-items.list-table.list-table-borderless .list-items-body .item {
  border-bottom: none;
}
.list-items.list-table.list-table-striped
  .list-items-body
  .item:nth-of-type(even) {
  background-color: var(--gray-1);
}
.list-items.list-table.list-table-striped
  .list-items-body
  .item:nth-of-type(even)
  .item-row
  .float-action
  .btn-group {
  background-color: var(--gray-1);
}
.list-items.list-table.list-table-tree .list-items-body .item .item-wrapper {
  position: relative;
}
.list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-wrapper:before {
  content: "";
  width: calc(var(--level) * 1rem);
  height: 100%;
  border-right: 1px solid var(--border);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-wrapper
  .item {
  border-bottom: none;
}
.list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-wrapper
  .item:last-child {
  position: relative;
}
.list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-wrapper
  .item:last-child:after {
  content: "";
  width: 0.5rem;
  height: calc(100% - 30px);
  border-left: 1px solid var(--bg-bw);
  position: absolute;
  left: calc(var(--level) * 1rem - 1px);
  bottom: 0;
  z-index: 1;
}
.list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-wrapper
  .item
  > .item-row
  [class^="item-col"]:first-child
  > * {
  padding-left: calc(var(--level) * 1rem);
  position: relative;
}
.list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-wrapper
  .item
  > .item-row
  [class^="item-col"]:first-child
  > *:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid var(--border);
  position: absolute;
  bottom: 0;
  left: calc((var(--level) - 1) * 1rem);
  z-index: 1;
}
.list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-wrapper
  .item
  > .item-row
  [class^="item-col"]
  .item-row
  [class^="item-col"]
  > * {
  padding: 0;
  position: static;
}
.list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-wrapper
  .item
  > .item-row
  [class^="item-col"]
  .item-row
  [class^="item-col"]
  > *:before {
  display: none;
}
.list-items.list-table .list-items-header .item {
  border-bottom: 3px solid var(--border);
}
.list-items.list-table .list-items-body .item {
  border-bottom: 1px solid var(--border);
}
.list-items.list-table .list-items-body .item:last-of-type {
  border-bottom: none;
}
.list-items.list-table .item {
  width: 100%;
}
.list-items.list-table .item .item-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list-items.list-table .item .item-row [class^="item-col-"] {
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
}
.list-items.list-table .item .item-row .item-col {
  max-width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
.list-items.list-table .item .item-row .item-col-0-half {
  max-width: 4.16667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 4.16667%;
  flex: 0 0 4.16667%;
}
.list-items.list-table .item .item-row .item-col-1 {
  max-width: 8.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
}
.list-items.list-table .item .item-row .item-col-1-half {
  max-width: 12.5%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12.5%;
  flex: 0 0 12.5%;
}
.list-items.list-table .item .item-row .item-col-2 {
  max-width: 16.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
}
.list-items.list-table .item .item-row .item-col-2-half {
  max-width: 20.83333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 20.83333%;
  flex: 0 0 20.83333%;
}
.list-items.list-table .item .item-row .item-col-3 {
  max-width: 25%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
.list-items.list-table .item .item-row .item-col-3-half {
  max-width: 29.16667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 29.16667%;
  flex: 0 0 29.16667%;
}
.list-items.list-table .item .item-row .item-col-4 {
  max-width: 33.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
}
.list-items.list-table .item .item-row .item-col-4-half {
  max-width: 37.5%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 37.5%;
  flex: 0 0 37.5%;
}
.list-items.list-table .item .item-row .item-col-5 {
  max-width: 41.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
}
.list-items.list-table .item .item-row .item-col-5-half {
  max-width: 45.83333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45.83333%;
  flex: 0 0 45.83333%;
}
.list-items.list-table .item .item-row .item-col-6 {
  max-width: 50%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}
.list-items.list-table .item .item-row .item-col-6-half {
  max-width: 54.16667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 54.16667%;
  flex: 0 0 54.16667%;
}
.list-items.list-table .item .item-row .item-col-7 {
  max-width: 58.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
}
.list-items.list-table .item .item-row .item-col-7-half {
  max-width: 62.5%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 62.5%;
  flex: 0 0 62.5%;
}
.list-items.list-table .item .item-row .item-col-8 {
  max-width: 66.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
}
.list-items.list-table .item .item-row .item-col-8-half {
  max-width: 70.83333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70.83333%;
  flex: 0 0 70.83333%;
}
.list-items.list-table .item .item-row .item-col-9 {
  max-width: 75%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
}
.list-items.list-table .item .item-row .item-col-9-half {
  max-width: 79.16667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 79.16667%;
  flex: 0 0 79.16667%;
}
.list-items.list-table .item .item-row .item-col-10 {
  max-width: 83.33333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
}
.list-items.list-table .item .item-row .item-col-10-half {
  max-width: 87.5%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 87.5%;
  flex: 0 0 87.5%;
}
.list-items.list-table .item .item-row .item-col-11 {
  max-width: 91.66667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
}
.list-items.list-table .item .item-row .item-col-11-half {
  max-width: 95.83333%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 95.83333%;
  flex: 0 0 95.83333%;
}
.list-items.list-table .item .item-row .item-col-12 {
  max-width: 100%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.list-items.list-table .item .item-row .item-col-12-half {
  max-width: 104.16667%;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 104.16667%;
  flex: 0 0 104.16667%;
}
.list-items.list-table .item .item-row [class^="item-col"] .item-row {
  margin-top: -0.5rem;
  margin-bottom: -0.5rem;
}
.list-items.list-table
  .item
  .item-row
  [class^="item-col"]
  .item-row
  [class^="item-col"] {
  padding-top: 0;
  padding-bottom: 0;
}
.list-items.list-table .list-items-header .item .item-row {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.list-items.list-table .list-items-header .item .item-row [class^="item-col"] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.list-items.list-table .list-items-body .item {
  background-color: var(--bg-bw);
}
.list-items.list-table .list-items-body .item .item-row {
  padding: 0;
}
.list-items.list-table
  .list-items-body
  .item
  .item-row:hover
  > .item-options
  .dropdown
  > .btn {
  opacity: 1;
}
.list-items.list-table
  .list-items-body
  .item
  .item-row:hover
  > .float-action
  .btn {
  opacity: 1;
}
.list-items.list-table .list-items-body .item .item-row [class^="item-col"] {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.list-items.list-table .list-items-body .item .item-row h6 a,
.list-items.list-table .list-items-body .item .item-row p a {
  color: var(--primary);
}
.list-items.list-table .list-items-body .item .item-row .item-options {
  text-align: right;
}
.list-items.list-table
  .list-items-body
  .item
  .item-row
  .item-options
  .dropdown
  > .btn {
  opacity: 0;
}
.list-items.list-table .list-items-body .item .item-row .float-action {
  position: relative;
}
.list-items.list-table
  .list-items-body
  .item
  .item-row
  .float-action
  .btn-group {
  background-color: var(--bg-bw);
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.list-items.list-table .list-items-body .item .item-row .float-action .btn {
  opacity: 0;
}
.list-table-responsive {
  width: 100%;
}
@media screen and (max-width: 1024.98px) {
  .list-table-responsive {
    overflow-x: auto;
  }
  .list-table-responsive .list-items.list-table {
    min-width: 1030px;
  }
  .list-table-responsive .list-items.list-table .list-items-header {
    top: 0 !important;
  }
}
.pagination {
  margin: 2rem auto 0;
  display: none;
}
.pagination.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination .pagination-item {
  min-width: 28px;
  height: 28px;
  margin: 0 0.25rem;
  padding: 0;
  font-size: 0.875rem;
  color: var(--text-paragraph);
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pagination .pagination-item.active {
  background-color: var(--primary);
  color: var(--white);
}
.popover.bs-popover-top > .arrow:after {
  border-top-color: var(--bg-submain);
}
.popover.bs-popover-bottom > .arrow:after {
  border-bottom-color: var(--bg-submain);
}
.popover.bs-popover-left > .arrow:after {
  border-left-color: var(--bg-submain);
}
.popover.bs-popover-right > .arrow:after {
  border-right-color: var(--bg-submain);
}
.popover .popover-header {
  background-color: var(--bg-bw);
  color: var(--text-title);
}
.popover .popover-body {
  background-color: var(--gray-1);
  color: var(--text-paragraph);
}
.popover .arrow:after {
  border-right-color: var(--bg-submain);
}
.backdrop-popover {
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1059;
}
.zyk-slider {
  width: 100%;
  position: relative;
}
.zyk-slider .slider-inner {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.zyk-slider .slider-inner .slider-item {
  width: 100%;
  display: none;
  float: left;
  margin-right: -100%;
  position: relative;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.zyk-slider .slider-inner .slider-item.active {
  display: block;
}
.zyk-slider .slider-inner .slider-item.slider-item-prepare {
  display: block;
}
.zyk-slider .slider-inner .slider-item.slider-item-prepare.slider-item-prev {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
}
.zyk-slider .slider-inner .slider-item.slider-item-prepare.slider-item-next {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}
.zyk-slider .slider-inner .slider-item img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.zyk-slider .slider-controls .slider-control {
  position: absolute;
  top: 50%;
  z-index: 1;
}
.zyk-slider .slider-controls .slider-control.slider-control-next {
  right: 0;
}
body .tooltip.tooltip-toolbar.bs-tooltip-bottom .arrow::before,
html .tooltip.tooltip-toolbar.bs-tooltip-bottom .arrow::before {
  border-bottom-color: var(--primary);
}
body .tooltip.tooltip-toolbar.bs-tooltip-top .arrow::before,
html .tooltip.tooltip-toolbar.bs-tooltip-top .arrow::before {
  border-top-color: var(--primary);
}
body .tooltip.tooltip-toolbar.bs-tooltip-left .arrow::before,
html .tooltip.tooltip-toolbar.bs-tooltip-left .arrow::before {
  border-left-color: var(--primary);
}
body .tooltip.tooltip-toolbar.bs-tooltip-right .arrow::before,
html .tooltip.tooltip-toolbar.bs-tooltip-right .arrow::before {
  border-right-color: var(--primary);
}
body .tooltip.tooltip-toolbar .tooltip-inner,
html .tooltip.tooltip-toolbar .tooltip-inner {
  font-size: 0.75rem;
  background-color: var(--primary);
}
.nav.nav-pills.nav-underline .nav-item .nav-link {
  border-bottom: 2px solid transparent;
  color: var(--text-paragraph);
  border-radius: 0;
}
.nav.nav-pills.nav-underline .nav-item .nav-link:hover {
  color: var(--text-paragraph);
}
.nav.nav-pills.nav-underline .nav-item .nav-link.active {
  background-color: transparent;
  border-bottom-color: var(--bg-bw-rv);
  color: var(--text-title);
}
.widget {
  background-color: var(--bg-bw);
  border-radius: 0.25rem;
}
.widget .widget-header {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.widget .widget-header h6.subtitle-md,
.widget .widget-header h6.subtitle-sm {
  color: var(--text-paragraph);
}
.widget .widget-header .btn {
  padding: 0;
  opacity: 0.85;
}
.widget .widget-body {
  padding: 1rem;
}
.widget .widget-body .widget-info-group {
  margin-bottom: 1rem;
}
.widget .widget-body .widget-info-group:last-child {
  margin-bottom: 0;
}
.widget .widget-body .widget-info-group label {
  font-size: 0.75rem;
  margin-bottom: 0.25rem;
  color: var(--text-overline);
}
.widget .widget-body .widget-info-group label.label-success {
  color: var(--success);
}
.widget .widget-body .widget-info-group label.label-warning {
  color: var(--warning);
}
.widget .widget-body .widget-info-group h5 {
  font-weight: 400;
  color: var(--text-paragraph);
}
.widget .widget-body .widget-info-group h5 a {
  color: var(--primary);
}
.widget .widget-body .widget-info-group h6 {
  color: var(--text-paragraph);
}
.widget .widget-body .widget-info-group h6 a {
  color: var(--primary);
}
.widget .widget-body .widget-info-group .progress {
  height: 4px;
  background-color: var(--gray-1);
}
.widget .widget-body .widget-info-group .progress .progress-bar {
  background-color: var(--success);
}
.datepicker table td,
.datepicker table th {
  width: 36px;
  height: 36px;
  font-size: 0.875rem;
}
.datepicker table tr td.day.today {
  background-color: var(--secondary);
  background-image: none;
  color: var(--white);
}
.datepicker table tr td.day.today:hover {
  background-color: #f58d51;
  color: var(--white);
}
.datepicker table tr td.day.active {
  background-color: var(--primary);
  background-image: none;
  color: var(--white);
}
.datepicker table tr td.day.active:hover {
  background-color: #39aab9;
  color: var(--white);
}
.datepicker table tr td span.month.active {
  background-color: var(--primary);
  background-image: none;
  color: var(--white);
}
.datepicker table tr td span.month.active:hover {
  background-color: #39aab9;
  color: var(--white);
}
.datepicker table thead tr th {
  font-weight: 500;
}
.bootstrap-timepicker-widget.dropdown-menu {
  z-index: 1080 !important;
}
.temp-question {
  height: 100%;
  padding: 1rem 1.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.temp-question .question {
  margin-bottom: 0.5rem;
}
.temp-question .question-addition {
  margin-bottom: 0.5rem;
}
.temp-question .question-addition .addition-media .addition-media-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.temp-question .question-addition .addition-media .addition-media-header label {
  margin-bottom: 0;
  font-size: 0.75rem;
  color: var(--text-overline);
}
.temp-question .question-addition .addition-media .addition-media-header > a {
  margin-left: 0.5rem;
  color: var(--text-paragraph);
  display: inline-block;
}
.temp-question
  .question-addition
  .addition-media
  .addition-media-header
  > a:hover {
  color: var(--primary);
}
.temp-question
  .question-addition
  .addition-media
  .addition-media-header
  > input {
  display: none;
}
.temp-question
  .question-addition
  .addition-media
  .addition-media-body
  .media-preview-wrapper {
  width: 100%;
  margin-top: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.temp-question
  .question-addition
  .addition-media
  .addition-media-body
  .media-preview-wrapper
  .media-item {
  max-width: calc(50% - 0.5rem);
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid var(--border);
  position: relative;
  border-radius: 0.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.temp-question
  .question-addition
  .addition-media
  .addition-media-body
  .media-preview-wrapper
  .media-item:hover
  .media-item-action
  .btn {
  opacity: 1;
}
.temp-question
  .question-addition
  .addition-media
  .addition-media-body
  .media-preview-wrapper
  .media-item
  .media-item-icon {
  width: 30px;
  margin-right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.temp-question
  .question-addition
  .addition-media
  .addition-media-body
  .media-preview-wrapper
  .media-item
  .media-item-info {
  width: calc(100% - 50px - 0.5rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.temp-question
  .question-addition
  .addition-media
  .addition-media-body
  .media-preview-wrapper
  .media-item
  .media-item-action
  .btn {
  width: 20px;
  height: 20px;
  padding: 0;
  opacity: 0;
}
.temp-question .question-errors {
  padding: 1rem;
  margin-bottom: 0.5rem;
  background-color: rgba(250, 103, 103, 0.25);
  border: 2px solid var(--danger);
  border-radius: 0.25rem;
  display: none;
}
.temp-question .question-errors p {
  margin-bottom: 0.5rem;
  color: var(--danger);
  font-weight: 600;
}
.temp-question .question-errors p:last-child {
  margin-bottom: 0;
}
.temp-question .question-answers {
  padding-top: 0.5rem;
  border-top: 1px solid var(--border);
}
.temp-question
  .question-answers
  .answers-wrapper.answers-has-row
  .answers-body
  .answers-group {
  padding-top: 0.75rem;
  border-bottom: 1px solid var(--border);
}
.temp-question
  .question-answers
  .answers-wrapper.answers-has-row
  .answers-body
  .answers-group:first-child {
  padding-top: 0;
}
.temp-question
  .question-answers
  .answers-wrapper.answers-has-row
  .answers-body
  .answers-group:last-child {
  border-bottom: none;
}
.temp-question
  .question-answers
  .answers-wrapper.answers-has-row
  .answers-body
  .answers-group:hover
  .answer-group-heading
  .btn.btn-sm {
  opacity: 1;
}
.temp-question
  .question-answers
  .answers-wrapper.answers-has-row
  .answers-body
  .answers-group
  .answer-group-heading {
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.temp-question
  .question-answers
  .answers-wrapper.answers-has-row
  .answers-body
  .answers-group
  .answer-group-heading
  .btn.btn-sm {
  font-size: 0.625rem;
  opacity: 0;
}
.temp-question
  .question-answers
  .answers-wrapper.answers-has-row
  .answers-body
  .answers-group
  .answers-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.temp-question
  .question-answers
  .answers-wrapper.answers-has-row
  .answers-body
  .answers-group
  .answers-row
  .answers-col {
  max-width: 50%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}
.temp-question
  .question-answers
  .answers-wrapper.answers-has-row
  .answers-body
  .answers-group
  .answers-row
  .answers-col
  .answer
  .answer-input {
  max-width: calc(100% - 40px - 0.5rem);
}
.temp-question
  .question-answers
  .answers-wrapper.answers-has-row
  .answers-body
  .answers-group
  .answers-row
  .answers-col
  .answer
  .answer-actions {
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.temp-question .question-answers .answers-wrapper .answers-header {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.temp-question .question-answers .answers-wrapper .answers-header label {
  font-size: 0.75rem;
  color: var(--text-overline);
}
.temp-question .question-answers .answers-wrapper .answers-header .btn.btn-sm {
  font-size: 0.75rem;
}
.temp-question .question-answers .answers-wrapper .answers-body .answer {
  margin-bottom: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer:hover
  .answer-actions
  .btn {
  opacity: 1;
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-index {
  width: 20px;
  margin-right: 0.5rem;
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-check {
  width: 24px;
  height: 24px;
  position: relative;
  z-index: 1;
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-check
  a {
  color: var(--text-paragraph);
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-check
  a
  i.els {
  color: var(--primary);
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-check
  input[type="radio"],
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-check
  input[type="checkbox"] {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 0;
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-input {
  max-width: calc(100% - 32px);
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-input
  .form-control {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid transparent;
  overflow: hidden;
  word-wrap: break-word;
  border-radius: 0;
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-input
  .form-control::-webkit-input-placeholder,
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-input
  .form-control:-ms-input-placeholder,
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-input
  .form-control::-webkit-input-placeholder {
  color: var(--text-overline);
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-input
  .form-control::-webkit-input-placeholder,
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-input
  .form-control:-ms-input-placeholder,
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-input
  .form-control::placeholder {
  color: var(--text-overline);
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-input
  .form-control:focus {
  background-color: var(--bg-bw);
  border-bottom-color: var(--text-paragraph);
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-actions {
  width: 32px;
  margin-left: 0.5rem;
}
.temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-actions
  .btn {
  padding: 0;
  opacity: 0;
}
.zyk-select {
  display: block;
}
.zyk-select .zyk-select-wrapper {
  position: relative;
}
.zyk-select .zyk-select-wrapper select {
  width: 1px;
  height: 1px;
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.zyk-select .zyk-select-wrapper .zyk-select-button {
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  background-color: var(--bg-bw);
  color: var(--text-paragraph);
  border: 1px solid var(--gray-3);
  font-weight: 500;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}
.zyk-select .zyk-select-wrapper .zyk-select-button a {
  width: 100%;
  height: 100%;
  color: var(--text-paragraph);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.zyk-select .zyk-select-wrapper .zyk-select-menu {
  min-width: 15rem;
  padding: 0.5rem;
  background-color: var(--gray-1);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.zyk-select .zyk-select-wrapper .zyk-select-menu.show {
  display: block;
}
.zyk-select .zyk-select-wrapper .zyk-select-menu.zyk-select-menu-right {
  left: auto;
  right: 0;
}
.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-header {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.zyk-select
  .zyk-select-wrapper
  .zyk-select-menu
  .zyk-select-menu-header
  .btn:only-child {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.zyk-select
  .zyk-select-wrapper
  .zyk-select-menu
  .zyk-select-menu-header
  .btn:not(:only-child) {
  margin-left: 0.5rem;
}
.zyk-select
  .zyk-select-wrapper
  .zyk-select-menu
  .zyk-select-menu-header
  .btn.zyk-select-menu-reset-search {
  border-color: var(--gray-3);
}
.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body {
  max-height: 300px;
  padding: 0 0.75rem;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body ul {
  padding-left: 0;
  list-style: none;
}
.zyk-select .zyk-select-wrapper .zyk-select-menu .zyk-select-menu-body ul li a {
  padding: 0.5rem 0 0.5rem calc(var(--level) * 0.5rem + 0.5rem);
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-paragraph);
  display: block;
}
.zyk-select
  .zyk-select-wrapper
  .zyk-select-menu
  .zyk-select-menu-body
  ul
  li
  a:hover {
  background-color: var(--primary);
  color: var(--white);
  border-radius: 0.5rem;
}
.zyk-select
  .zyk-select-wrapper
  .zyk-select-menu
  .zyk-select-menu-body
  > ul
  > li:not(:last-child) {
  border-bottom: 1px solid var(--border);
}
.zyk-select-2 {
  display: block;
  position: relative;
}
.zyk-select-2 .zyk-select-2-wrapper {
  width: 100%;
  height: calc(1.5em + 1.25rem + 2px);
  padding: 0.375rem 0.75rem;
  background-color: var(--bg-bw);
  color: var(--text-paragraph);
  border: 1px solid var(--gray-3);
  border-radius: 0.25rem;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.zyk-select-2 .zyk-select-2-wrapper::-webkit-scrollbar {
  display: none;
}
.zyk-select-2 .zyk-select-2-wrapper > a {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-width: 32px;
  height: 100%;
  display: block;
}
.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item {
  padding-left: 0.5rem;
  background-color: var(--primary);
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item:not(:first-child) {
  margin-left: 0.5rem;
}
.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item p.p-sm {
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--white);
}
.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item .input-wrapper {
  position: relative;
}
.zyk-select-2
  .zyk-select-2-wrapper
  .zyk-select-2-item
  .input-wrapper
  .form-control {
  width: 80px;
  height: calc(100% - 1rem);
  padding: 0 0.25rem;
}
.zyk-select-2
  .zyk-select-2-wrapper
  .zyk-select-2-item
  .input-wrapper
  .form-control.disabled,
.zyk-select-2
  .zyk-select-2-wrapper
  .zyk-select-2-item
  .input-wrapper
  .form-control:disabled {
  height: 100%;
  text-align: center;
  background-color: transparent;
  color: var(--white);
  border-color: transparent;
}
.zyk-select-2
  .zyk-select-2-wrapper
  .zyk-select-2-item
  .input-wrapper
  .input-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.zyk-select-2 .zyk-select-2-wrapper .zyk-select-2-item .btn {
  height: 100%;
  padding: 0 0.25rem;
  color: var(--white);
}
.zyk-select-2 .zyk-select-2-menu {
  width: 100%;
  padding: 0.5rem;
  background-color: var(--gray-1);
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.zyk-select-2 .zyk-select-2-menu.show {
  display: block;
}
.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-header {
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-header .btn {
  margin-left: 0.5rem;
}
.zyk-select-2
  .zyk-select-2-menu
  .zyk-select-2-menu-header
  .btn.zyk-select-menu-2-reset-search {
  border-color: var(--border);
}
.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body {
  max-height: 300px;
  padding: 0 0.75rem;
  border: 1px solid var(--border);
  border-radius: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body ul {
  padding-left: 0;
  list-style: none;
}
.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body ul li a,
.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body ul li p.p-sm {
  padding: 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-paragraph);
  display: block;
}
.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body ul li a {
  padding-left: 1.5rem;
}
.zyk-select-2 .zyk-select-2-menu .zyk-select-2-menu-body ul li a:hover {
  background-color: var(--primary);
  color: var(--white);
  border-radius: 0.5rem;
}
.zyk-select-2
  .zyk-select-2-menu
  .zyk-select-2-menu-body
  > ul
  > li:not(:last-child) {
  border-bottom: 1px solid var(--border);
}
.list-group .list-group-item {
  padding: 0;
  background-color: var(--bg-bw);
  border-color: var(--border);
  position: relative;
  z-index: 1;
}
.list-group .list-group-item:first-child {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}
.list-group .list-group-item:first-child:before {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
}
.list-group .list-group-item:first-child a {
  border-top-left-radius: 0.5rem;
  -webkit-border-top-left-radius: 0.5rem;
  -moz-border-top-left-radius: 0.5rem;
  -o-border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  -webkit-border-top-right-radius: 0.5rem;
  -moz-border-top-right-radius: 0.5rem;
  -o-border-top-right-radius: 0.5rem;
}
.list-group .list-group-item:last-child {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}
.list-group .list-group-item:last-child:before {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
}
.list-group .list-group-item:last-child a {
  border-bottom-left-radius: 0.5rem;
  -webkit-border-bottom-left-radius: 0.5rem;
  -moz-border-bottom-left-radius: 0.5rem;
  -o-border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  -webkit-border-bottom-right-radius: 0.5rem;
  -moz-border-bottom-right-radius: 0.5rem;
  -o-border-bottom-right-radius: 0.5rem;
}
.list-group .list-group-item:hover a {
  background-color: var(--primary);
  color: var(--white);
}
.list-group .list-group-item:before {
  content: "";
  width: 4px;
  height: 100%;
  background-color: var(--primary);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
}
.list-group .list-group-item.active:before {
  display: block;
}
.list-group .list-group-item a {
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  color: var(--text-subtitle);
  display: block;
}
:root {
  --brand: #4397a4;
  --primary: #f26d21;
  --secondary: #2d8692;
  --black: #000;
  --white: #fff;
  --success: #42ab44;
  --warning: #ffab1b;
  --danger: #fa6767;
  --link: #007dff;
  --gray-1: #f8f9fc;
  --gray-2: #e5e5ea;
  --gray-3: #d1d1d6;
  --gray-4: #c7c7cc;
  --gray-5: #aeaeb2;
  --gray-6: #8e8e93;
  --bg-bw: #fefefe;
  --bg-bw-rv: #121212;
  --bg-main: #f2f2f2;
  --bg-submain: #d1d1d6;
  --border: var(--gray-2);
  --text-title: #1c1c1c;
  --text-subtitle: #484848;
  --text-paragraph: #636363;
  --text-overline: #636363;
  --btn-default: var(--gray-2);
  --btn-default-hover: var(--gray-3);
  --nav-hightlight: var(--primary);
  --img-cam-teacher: url("/assets/img/img_default_teacher.svg");
  --img-cam-learner: url("/assets/img/img_default_student.svg");
  --img-chevron-prev-lg: url("/assets/img/teacher/live/ico-arrow-lg-left-dark.svg");
  --img-chevron-next-lg: url("/assets/img/teacher/live/ico-arrow-lg-right-dark.svg");
  --img-popup-add-file: url("/assets/img/teacher/live/bg-add-file.svg");
}
.theme-dark {
  --gray-1: #1b1b1d;
  --gray-2: #2c2c2e;
  --gray-3: #3a3a3c;
  --gray-4: #48484a;
  --gray-5: #636366;
  --gray-6: #8e8e93;
  --bg-bw: #121212;
  --bg-bw-rv: #fefefe;
  --bg-main: #1c1c1c;
  --bg-submain: #3a3a3c;
  --border: var(--gray-2);
  --text-title: #f2f2f2;
  --text-subtitle: #c7c7c7;
  --text-paragraph: #aeaeae;
  --text-overline: #aeaeae;
  --btn-default: var(--gray-2);
  --btn-default-hover: var(--gray-3);
  --img-cam-teacher: url("/assets/img/img_default_teacher_dark.svg");
  --img-cam-learner: url("/assets/img/img_default_student_dark.svg");
  --img-chevron-prev-lg: url("/assets/img/teacher/live/ico-arrow-lg-left-light.svg");
  --img-chevron-next-lg: url("/assets/img/teacher/live/ico-arrow-lg-right-light.svg");
  --img-popup-add-file: url("/assets/img/teacher/live/bg-add-file-revert.svg");
}
.theme-default {
  --color-main-nav: #363636;
  --color-main-nav-link: var(--white);
}
.theme-light {
  --color-main-nav: var(--bg-bw);
  --color-main-nav-link: var(--text-paragraph);
}
.theme-dark {
  --color-main-nav: var(--bg-bw);
  --color-main-nav-link: var(--text-paragraph);
}
.guide-tour {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2001;
}
.guide-tour .item-guide {
  position: absolute;
  z-index: 2;
}
.guide-tour .item-guide.item-guide-top {
  -webkit-transform: translate(-50%, -26px);
  transform: translate(-50%, -26px);
}
.guide-tour .item-guide.item-guide-top .item-guide-wrapper:before {
  border-top: 10px solid var(--primary);
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
.guide-tour .item-guide.item-guide-bottom {
  -webkit-transform: translate(-50%, 26px);
  transform: translate(-50%, 26px);
}
.guide-tour .item-guide.item-guide-bottom .item-guide-wrapper:before {
  border-bottom: 10px solid var(--primary);
  border-left: 16px solid transparent;
  border-right: 16px solid transparent;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -100%);
  transform: translate(-50%, -100%);
}
.guide-tour .item-guide.item-guide-left {
  -webkit-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}
.guide-tour .item-guide.item-guide-left .item-guide-wrapper:before {
  border-left: 10px solid var(--primary);
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.guide-tour .item-guide.item-guide-right {
  -webkit-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}
.guide-tour .item-guide.item-guide-right .item-guide-wrapper:before {
  border-right: 10px solid var(--primary);
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  top: 50%;
  left: 0;
  -webkit-transform: translate(-100%, -50%);
  transform: translate(-100%, -50%);
}
.guide-tour .item-guide .item-guide-wrapper {
  position: relative;
  z-index: 1;
}
.guide-tour .item-guide .item-guide-wrapper:before {
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  z-index: -1;
}
.guide-tour .item-guide .item-guide-wrapper .arrow {
  width: 20px;
  height: 20px;
  background-color: var(--primary);
  border-radius: 0.25rem;
  position: absolute;
  top: 0;
  left: 50%;
}
.guide-tour .item-guide .item-guide-wrapper .item-guide-content {
  min-width: 15rem;
  max-width: 25rem;
  padding: 1rem;
  background-color: var(--primary);
  border-radius: 0.5rem;
}
.guide-tour .item-guide .item-guide-wrapper .item-guide-content .guide-heading {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.guide-tour
  .item-guide
  .item-guide-wrapper
  .item-guide-content
  .guide-heading
  .btn-close-guide {
  padding: 0;
  color: var(--white);
}
.guide-tour .item-guide .item-guide-wrapper .item-guide-content h6,
.guide-tour .item-guide .item-guide-wrapper .item-guide-content p {
  color: var(--white);
}
.guide-tour
  .item-guide
  .item-guide-wrapper
  .item-guide-content
  p:not(:last-child) {
  margin-bottom: 0.75rem;
}
.guide-tour
  .item-guide
  .item-guide-wrapper
  .item-guide-content
  .guide-trick:not(:last-child) {
  margin-bottom: 1rem;
}
.guide-tour
  .item-guide
  .item-guide-wrapper
  .item-guide-content
  .guide-trick
  ul {
  padding-left: 1.5rem;
}
.guide-tour
  .item-guide
  .item-guide-wrapper
  .item-guide-content
  .guide-trick
  ul
  li {
  font-size: 0.875rem;
  color: var(--white);
}
.guide-tour
  .item-guide
  .item-guide-wrapper
  .item-guide-content
  .guide-progress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.guide-tour
  .item-guide
  .item-guide-wrapper
  .item-guide-content
  .guide-progress
  .progress-count {
  font-family: "Inter", sans-serif;
  font-size: 0.875rem;
  color: var(--white);
}
.guide-tour
  .item-guide
  .item-guide-wrapper
  .item-guide-content
  .guide-progress
  .progress-control
  .btn {
  color: var(--white);
}
.guide-tour-backdrop {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
}
html {
  font-size: 16px;
}
html.font-size-small {
  font-size: 14px;
}
html.font-size-medium {
  font-size: 18px;
}
html.font-size-max {
  font-size: 20px;
}
.mask {
  overflow: hidden;
}
.mask.mask-circle {
  border-radius: 50%;
}
.mask img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.overflow-y::-webkit-scrollbar,
.overflow-x::-webkit-scrollbar {
  background-color: transparent;
}
.overflow-y::-webkit-scrollbar-thumb,
.overflow-x::-webkit-scrollbar-thumb {
  background-color: #d1d1d1;
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.overflow-y::-webkit-scrollbar-thumb:hover,
.overflow-x::-webkit-scrollbar-thumb:hover {
  background-color: #b3b3b3;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.overflow-y::-webkit-scrollbar {
  width: 8px;
}
.overflow-y::-webkit-scrollbar-thumb {
  width: 8px;
}
.overflow-x::-webkit-scrollbar {
  height: 8px;
}
.overflow-x::-webkit-scrollbar-thumb {
  height: 8px;
}
.backdrop {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.backdrop.dark {
  background-color: rgba(0, 0, 0, 0.5);
}
.toggle-switch {
  width: 42px;
  height: 22px;
  position: relative;
  background-color: var(--bg-bw);
  border: 1px solid var(--text-paragraph);
  border-radius: 11px;
}
.toggle-switch.active .toggle-switch-control {
  left: auto;
  right: 0;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.toggle-switch .toggle-switch-control {
  width: 20px;
  height: 20px;
  background-color: var(--bg-submain);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.loading-wrapper {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1030;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.loading-wrapper .p-overline {
  color: var(--text-paragraph);
}
.page-loading {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: blur(0.25rem);
  backdrop-filter: blur(0.25rem);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2000;
  display: none;
}
.page-loading.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-loading h6 {
  margin-bottom: 0.5rem;
}
.page-loading .progress {
  width: 300px;
  height: 16px;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 0.5rem;
}
.page-loading .progress .progress-bar {
  font-size: 0.625rem;
  font-weight: 500;
  background-color: #fff;
  color: gray;
}
.backdrop {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}
.backdrop.backdrop-dropdown {
  z-index: 2;
}
.backdrop.backdrop-popup {
  z-index: 1071;
}
.popup-shown .popup {
  z-index: 1072;
}
textarea {
  resize: none;
}
p.no-data {
  width: 100%;
  padding: 0.25rem;
  display: block;
  text-align: center;
}
.bg-primary {
  background-color: var(--primary) !important;
}
.text-primary {
  color: var(--primary) !important;
}
.bg-secondary {
  background-color: var(--secondary) !important;
}
.text-secondary {
  color: var(--secondary) !important;
}
.bg-success {
  background-color: var(--success) !important;
}
.text-success {
  color: var(--success) !important;
}
.bg-warning {
  background-color: var(--warning) !important;
}
.text-warning {
  color: var(--warning) !important;
}
.bg-danger {
  background-color: var(--danger) !important;
}
.text-danger {
  color: var(--danger) !important;
}
.popup-guide {
  padding: 1rem;
  background-color: rgba(255, 0, 0, 0.25);
  position: absolute;
  z-index: 1060;
}
.popup-guide .popup-guide-header,
.popup-guide .popup-guide-body,
.popup-guide .popup-guide-footer {
  padding: 0.5rem 0.75rem;
}
.progress-circle {
  width: 50px;
  height: 50px;
  position: relative;
}
.progress-circle .progress-background {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: 2px solid var(--gray-2);
  border-radius: 50%;
}
.progress-circle .progress-control {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.progress-circle .content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.progress-circle .content p {
  margin-bottom: 0.125rem;
}
.progress-circle .content h6.subtitle-md.text-success {
  color: var(--success);
}
.progress-circle .content h6.subtitle-md.text-danger {
  color: var(--danger);
}
.modal .modal-loading {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-alert {
  z-index: 1071;
}
.modal.modal-alert .modal-dialog .modal-content {
  overflow: hidden;
  border: none;
}
.modal.modal-alert .modal-dialog .modal-content .modal-body {
  padding: 0;
  background-color: var(--bg-bw);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-icon {
  width: 120px;
  margin: 1rem 0;
}
.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-icon.bounce {
  -webkit-animation-name: animationBounce;
  animation-name: animationBounce;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
@-webkit-keyframes animationBounce {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  75% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  90% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
@keyframes animationBounce {
  0% {
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0);
  }
  75% {
    -webkit-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
  }
  90% {
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9);
  }
  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-content {
  width: 75%;
  text-align: center;
  margin-bottom: 1rem;
}
.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-content h6 {
  margin-bottom: 1rem;
}
.modal.modal-alert
  .modal-dialog
  .modal-content
  .modal-body
  .alert-content
  h6.alert-title-success {
  color: #42ab44;
}
.modal.modal-alert
  .modal-dialog
  .modal-content
  .modal-body
  .alert-content
  h6.alert-title-warning {
  color: #ffab1b;
}
.modal.modal-alert
  .modal-dialog
  .modal-content
  .modal-body
  .alert-content
  h6.alert-title-danger {
  color: #fa6767;
}
.modal.modal-alert .modal-dialog .modal-content .modal-body .alert-actions {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-alert
  .modal-dialog
  .modal-content
  .modal-body
  .alert-actions
  .btn {
  height: 50px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  border-radius: 0;
}
.modal.modal-alert
  .modal-dialog
  .modal-content
  .modal-body
  .alert-actions
  .btn.btn-dismiss {
  background-color: var(--btn-default);
  color: var(--text-paragraph);
}
.modal.modal-alert
  .modal-dialog
  .modal-content
  .modal-body
  .alert-actions
  .btn.btn-dismiss:hover {
  background-color: var(--btn-default-hover);
}
.modal.modal-alert
  .modal-dialog
  .modal-content
  .modal-body
  .alert-actions
  .btn.btn-confirm {
  background-color: #42ab44;
  color: #fff;
}
.modal.modal-alert
  .modal-dialog
  .modal-content
  .modal-body
  .alert-actions
  .btn.btn-confirm:hover {
  background-color: #5fc161;
}
.modal.modal-alert
  .modal-dialog
  .modal-content
  .modal-body
  .alert-actions
  .btn.btn-deny {
  background-color: #fa6767;
  color: #fff;
}
.modal.modal-alert
  .modal-dialog
  .modal-content
  .modal-body
  .alert-actions
  .btn.btn-deny:hover {
  background-color: #fc9898;
}
.modal.modal-open-video,
.modal.modal-open-audio,
.modal.modal-open-video-learner,
.modal.modal-open-audio-learner {
  z-index: 1071;
}
.modal.modal-open-audio .modal-dialog .modal-content,
.modal.modal-open-audio-learner .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}
.modal.modal-open-audio .modal-dialog .modal-content .modal-body,
.modal.modal-open-audio-learner .modal-dialog .modal-content .modal-body {
  text-align: center;
}
.modal.modal-open-video .modal-dialog .modal-content,
.modal.modal-open-video-learner .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}
.modal.modal-open-video .modal-dialog .modal-content .modal-body,
.modal.modal-open-video-learner .modal-dialog .modal-content .modal-body {
  height: 500px;
}
.modal.modal-open-video
  .modal-dialog
  .modal-content
  .modal-body
  .video-content
  #youtube-player,
.modal.modal-open-video-learner
  .modal-dialog
  .modal-content
  .modal-body
  .video-content
  #youtube-player {
  width: 100% !important;
  height: 100% !important;
}
.modal.modal-teacher,
.modal.modal-library {
  background-color: var(--gray-6);
}
.modal.modal-teacher .modal-dialog .modal-content .modal-body .modal-search,
.modal.modal-library .modal-dialog .modal-content .modal-body .modal-search {
  margin-bottom: 1rem;
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .modal-search
  .row
  .modal-search-tree
  .dropdown
  .btn,
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .modal-search
  .row
  .modal-search-tree
  .dropdown
  .btn {
  width: 100%;
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .modal-search
  .row
  .modal-search-tree
  .dropdown
  .dropdown-menu,
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .modal-search
  .row
  .modal-search-tree
  .dropdown
  .dropdown-menu {
  width: 100%;
}
.modal.modal-open-image .modal-dialog .modal-content {
  background-color: transparent;
  border: none;
}
.modal.modal-open-image
  .modal-dialog
  .modal-content
  .modal-body
  > .btn[data-dismiss="modal"] {
  color: var(--white);
  text-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 1;
}
.modal.modal-open-image .modal-dialog .modal-content .modal-body img {
  width: auto;
  max-width: 100%;
  max-height: 80vh;
  margin: 0 auto;
  display: block;
}
.modal.modal-teacher .modal-dialog .modal-content .modal-body .list-items {
  border: 1px solid var(--border);
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .item {
  padding: 0.75rem;
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-header {
  border-bottom: 1px solid var(--border);
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body {
  height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item {
  margin-bottom: 0;
  border-bottom: 1px solid var(--border);
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item:last-of-type {
  border-bottom: none;
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item:hover {
  background-color: var(--gray-1);
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-name
  .mask {
  width: 40px;
  height: 40px;
  margin-right: 0.5rem;
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-name
  h6 {
  width: calc(100% - 40px - 0.5rem);
  color: var(--text-paragraph);
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-name
  h6
  small {
  display: block;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  color: var(--text-overline);
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check
  i {
  color: var(--text-paragraph);
}
.modal.modal-teacher
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check
  i.els {
  color: var(--primary);
}
.modal.modal-library .modal-dialog .modal-content .modal-body .list-items {
  border: 1px solid var(--border);
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-breadcrumb {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border);
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-breadcrumb
  .breadcrumb {
  margin-bottom: 0;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body {
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  .item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  .item-name
  .mask {
  width: 32px;
  height: 32px;
  margin-top: -0.375rem;
  margin-right: 0.5rem;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  .item-name
  i {
  margin-right: 0.5rem;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  div
  .form-check-group
  .form-check {
  margin-right: 0;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  div
  .form-check-group
  .form-check
  label {
  margin-bottom: 0;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  div
  .btn {
  padding: 0;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  a.item-row
  > div
  i {
  color: var(--text-paragraph);
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .item {
  margin-bottom: 0;
  padding: 1rem;
  border-radius: 0;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-breadcrumb {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border);
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-breadcrumb
  .breadcrumb {
  margin-bottom: 0;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body {
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item {
  border-bottom: 1px solid var(--border);
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item:last-of-type {
  border-bottom: none;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-name
  h6 {
  color: var(--text-paragraph);
  line-height: 1.5;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check
  i {
  color: var(--text-paragraph);
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check
  i.els {
  color: var(--primary);
}
.modal.modal-library
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check
  input[type="checkbox"] {
  opacity: 0;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items {
  border: 1px solid var(--border);
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-breadcrumb {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border);
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-breadcrumb
  .breadcrumb {
  margin-bottom: 0;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body {
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item:last-child {
  border-bottom: none;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  .item-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  .item-name
  .mask {
  width: 32px;
  height: 32px;
  margin-top: -0.375rem;
  margin-right: 0.5rem;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  .item-name
  i {
  margin-right: 0.5rem;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  div
  .form-check-group
  .form-check {
  margin-right: 0;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  div
  .form-check-group
  .form-check
  label {
  margin-bottom: 0;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-row
  div
  .btn {
  padding: 0;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-wrapper
  .item-row {
  position: relative;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-wrapper
  .item-row:before {
  content: "";
  width: 1rem;
  height: 100%;
  border-right: 1px solid var(--border);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-wrapper
  .item-row:last-child {
  position: relative;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-wrapper
  .item-row:last-child:after {
  content: "";
  width: 1rem;
  height: 50%;
  border-left: 1px solid var(--bg-bw);
  position: absolute;
  top: 50%;
  left: calc(1rem - 1px);
  z-index: 1;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-wrapper
  .item-row
  > div:first-child
  > * {
  padding-left: 1rem;
  position: relative;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  .item-wrapper
  .item-row
  > div:first-child
  > *:before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-top: 1px solid var(--border);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  a.item-row
  > div
  i {
  color: var(--text-paragraph);
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  a.item-row
  > div
  .btn-collapse-list-library-collapsable
  i {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-table
  .list-items-body
  .item
  a.item-row
  > div
  .btn-collapse-list-library-collapsable
  i.flip {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .item {
  margin-bottom: 0;
  padding: 1rem;
  border-radius: 0;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-breadcrumb {
  padding: 0.5rem 1rem;
  border-bottom: 1px solid var(--border);
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-breadcrumb
  .breadcrumb {
  margin-bottom: 0;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body {
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item {
  border-bottom: 1px solid var(--border);
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item:last-of-type {
  border-bottom: none;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-name
  h6 {
  color: var(--text-paragraph);
  line-height: 1.5;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check
  i {
  color: var(--text-paragraph);
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check
  i.els {
  color: var(--primary);
}
.modal.modal-library-collapse
  .modal-dialog
  .modal-content
  .modal-body
  .list-items.list-common
  .list-items-body
  .item
  .item-inner
  .row
  .item-check
  input[type="checkbox"] {
  opacity: 0;
}
.modal.modal-class-tree,
.modal.modal-role {
  background-color: var(--gray-6);
}
.modal.modal-class-tree .modal-dialog .modal-content .modal-body .list-items,
.modal.modal-role .modal-dialog .modal-content .modal-body .list-items {
  height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal.modal-role .modal-dialog .modal-content .modal-body .list-items {
  border: 1px solid var(--border);
}
.modal.modal-role
  .modal-dialog
  .modal-content
  .modal-body
  .list-items
  .list-items-body
  .item {
  margin-bottom: 0;
  border-bottom: 1px solid var(--border);
}
.modal.modal-role
  .modal-dialog
  .modal-content
  .modal-body
  .list-items
  .list-items-body
  .item
  .item-inner
  .row
  .item-role-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal.modal-role
  .modal-dialog
  .modal-content
  .modal-body
  .list-items
  .list-items-body
  .item
  .item-inner
  .row
  .item-role-check {
  text-align: right;
  position: relative;
}
.modal.modal-role
  .modal-dialog
  .modal-content
  .modal-body
  .list-items
  .list-items-body
  .item
  .item-inner
  .row
  .item-role-check
  i {
  color: var(--text-paragraph);
}
.modal.modal-role
  .modal-dialog
  .modal-content
  .modal-body
  .list-items
  .list-items-body
  .item
  .item-inner
  .row
  .item-role-check
  i.els {
  color: var(--primary);
}
.modal.modal-role
  .modal-dialog
  .modal-content
  .modal-body
  .list-items
  .list-items-body
  .item
  .item-inner
  .row
  .item-role-check
  input {
  position: absolute;
  z-index: -1;
}
.modal#modalGLLearnerStatus .modal-dialog .modal-content .modal-footer {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.popup.popup-question .popup-dialog .popup-content {
  height: 100%;
}
.popup.popup-question .popup-dialog .popup-content .popup-body {
  padding: 0;
  background-color: var(--gray-1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: normal;
  -ms-flex-align: normal;
  align-items: normal;
}
.popup.popup-question
  .popup-dialog
  .popup-content
  .popup-body
  .question-type-select,
.popup.popup-question
  .popup-dialog
  .popup-content
  .popup-body
  .question-append {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.popup.popup-question
  .popup-dialog
  .popup-content
  .popup-body
  .question-type-select {
  max-width: 33.33%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 33.33%;
  flex: 1 0 33.33%;
  background-color: var(--gray-2);
}
.popup.popup-question
  .popup-dialog
  .popup-content
  .popup-body
  .question-type-select
  a {
  padding: 1rem;
  color: var(--text-subtitle);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup.popup-question
  .popup-dialog
  .popup-content
  .popup-body
  .question-type-select
  a.active {
  background-color: rgba(242, 109, 33, 0.25);
  color: var(--primary);
}
.popup.popup-question
  .popup-dialog
  .popup-content
  .popup-body
  .question-type-select
  a
  i {
  margin-right: 0.5rem;
}
.popup.popup-question
  .popup-dialog
  .popup-content
  .popup-body
  .question-type-select
  a
  span {
  font-size: 0.75rem;
  font-weight: 600;
}
.popup.popup-question
  .popup-dialog
  .popup-content
  .popup-body
  .question-append {
  max-width: 66.67%;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 66.67%;
  flex: 1 0 66.67%;
}
.popup.popup-question
  .popup-dialog
  .popup-content
  .popup-body
  .question-append
  .temp-question
  .question-answers
  .answers-wrapper
  .answers-body
  .answer
  .answer-input
  .form-control {
  background-color: var(--gray-1);
}
.popup.popup-preview-image {
  padding: 0;
}
.popup.popup-preview-image .popup-dialog .popup-content .popup-body {
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup.popup-preview-image .popup-dialog .popup-content .popup-body img {
  width: auto;
  max-height: 100%;
}
.popup.popup-preview-image
  .popup-dialog
  .popup-content
  .popup-footer
  .btn.btn-select-image {
  display: none;
}
.popup.popup-preview-files {
  padding: 0;
}
.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row {
  height: 100%;
}
.popup.popup-preview-files .popup-dialog .popup-content .popup-body .row > div {
  height: 100%;
  border-right: 1px solid var(--border);
}
.popup.popup-preview-files
  .popup-dialog
  .popup-content
  .popup-body
  .row
  > div:last-child {
  border-right: none;
}
.popup.popup-preview-files
  .popup-dialog
  .popup-content
  .popup-body
  .row
  > div
  .preview-list
  ul
  li
  a {
  color: var(--text-subtitle);
}
.popup.popup-preview-files
  .popup-dialog
  .popup-content
  .popup-body
  .row
  > div
  .preview-list
  ul
  li
  a:hover,
.popup.popup-preview-files
  .popup-dialog
  .popup-content
  .popup-body
  .row
  > div
  .preview-list
  ul
  li
  a.active {
  color: var(--primary);
}
.popup.popup-preview-files
  .popup-dialog
  .popup-content
  .popup-body
  .row
  > div
  .preview-append {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.popup.popup-preview-files
  .popup-dialog
  .popup-content
  .popup-body
  .row
  > div
  .preview-append
  iframe {
  width: 100%;
  height: 100%;
}
.popup.popup-preview-files
  .popup-dialog
  .popup-content
  .popup-body
  .row
  > div
  .preview-append
  img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.popup .popup-dialog .popup-content .popup-body .popup-tabs {
  margin-bottom: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.popup .popup-dialog .popup-content .popup-body .popup-tabs a.popup-tab-item {
  padding: 0.25rem 0.75rem;
  font-weight: 500;
  font-size: 0.875rem;
  color: var(--text-paragraph);
  border-bottom: 2px solid transparent;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .popup-tabs
  a.popup-tab-item.active {
  color: var(--primary);
  border-bottom-color: var(--primary);
}
.popup .popup-dialog .popup-content .popup-body .popup-filters {
  min-height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup .popup-dialog .popup-content .popup-body .popup-filters > * {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-left: 0.5rem;
}
.popup .popup-dialog .popup-content .popup-body .popup-filters .input-group {
  max-width: 300px;
}
.popup .popup-dialog .popup-content .popup-body .popup-filters .btn {
  max-width: 150px;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .popup-filters-content
  .view-body-filter {
  padding: 0.5rem 1rem;
  background-color: var(--bg-bw);
  display: none;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .popup-filters-content
  .view-body-filter
  .row.popup-filters-content-actions {
  margin-left: 0;
  margin-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .popup-filters-content
  .view-body-filter
  .row.popup-filters-content-actions
  > * {
  margin-left: 0.5rem;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul {
  padding-left: 0;
  list-style: none;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul
  li
  a {
  color: var(--text-paragraph);
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul
  li
  a
  i {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul
  li
  a
  i.rotated {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul
  li
  ul {
  padding-left: 1.5rem;
  position: relative;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul
  li
  ul:before {
  content: "";
  width: 1px;
  height: 100%;
  background-color: var(--border);
  position: absolute;
  top: 0;
  left: 8px;
  z-index: 0;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul
  li
  ul:last-child:after {
  content: "";
  width: 4px;
  height: 136%;
  background-color: var(--bg-bw);
  position: absolute;
  top: -36%;
  left: -18px;
  z-index: 0;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul
  li
  ul
  li {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  position: relative;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul
  li
  ul
  li:before {
  content: "";
  width: 10px;
  height: 1px;
  background-color: var(--border);
  position: absolute;
  bottom: 10px;
  left: -16px;
  z-index: 0;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul
  li
  ul
  li:last-child {
  margin-bottom: 0;
}
.popup
  .popup-dialog
  .popup-content
  .popup-body
  .list-items.list-table.list-table-tree
  .list-items-body
  .item
  .item-row
  > div
  ul
  li
  ul
  li:last-child:after {
  content: "";
  width: 4px;
  height: 50%;
  background-color: var(--bg-bw);
  position: absolute;
  top: 50%;
  left: -18px;
  z-index: 0;
}
html,
body {
  min-height: 100vh;
  background-color: var(--bg-bw);
  scroll-behavior: smooth;
  overflow-x: hidden;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 8px;
  background-color: transparent;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  width: 8px;
  background-color: #d1d1d1;
  border-radius: 4px;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
  background-color: #b3b3b3;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
html.oveflow-off,
body.oveflow-off {
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}
.landing {
  height: 100vh;
}
.landing header {
  width: 100%;
  height: 60px;
  background-color: var(--bg-bw);
  border-bottom: 1px solid var(--gray-1);
  position: relative;
  z-index: 1031;
}
.landing header .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.landing header .container .header-brand a img {
  height: 36px;
}
.landing header .container .header-toggle {
  display: none;
}
.landing header .container .header-toggle .btn .lines {
  width: 30px;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.landing header .container .header-toggle .btn .lines span {
  width: 25px;
  height: 4px;
  background-color: var(--text-overline);
  display: block;
  position: relative;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.landing header .container .header-toggle .btn .lines span:before,
.landing header .container .header-toggle .btn .lines span:after {
  content: "";
  width: 30px;
  height: 4px;
  background-color: var(--text-overline);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.landing header .container .header-toggle .btn .lines span:before {
  margin-top: -10px;
}
.landing header .container .header-toggle .btn .lines span:after {
  margin-top: 10px;
}
.landing header .container .header-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.landing header .container .header-actions > * {
  margin-left: 0.5rem;
}
.landing header .container .header-actions .dropdown {
  display: inline-block;
}
.landing header .container .header-actions .dropdown .btn {
  font-size: 0.875rem;
  color: var(--text-paragraph);
  position: relative;
}
.landing header .container .header-actions .dropdown .btn.dropdown-toggle {
  color: var(--primary);
}
.landing header .container .header-actions .dropdown .btn:before {
  content: "";
  width: 4px;
  height: 4px;
  background-color: var(--primary);
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -4px);
  transform: translate(-50%, -4px);
}
.landing header .container .header-actions .dropdown .btn.active:before {
  opacity: 1;
}
.landing header .container .header-actions .dropdown .btn img {
  width: 24px;
}
.landing
  header
  .container
  .header-actions
  .dropdown
  .dropdown-menu.dropdown-menu-language
  .dropdown-item
  img {
  width: 24px;
}
.landing footer {
  width: 100%;
  height: 40px;
}
.landing footer .container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.landing footer .container a img {
  height: 20px;
  margin-right: 1rem;
}
.landing footer .container p {
  color: var(--brand);
  font-size: 0.75rem;
  -webkit-transform: translate(0, 6px);
  transform: translate(0, 6px);
}
.landing .view-landing {
  width: 100%;
  height: calc(100% - 100px);
  position: relative;
}
.landing .view-landing .mask {
  width: 100%;
  height: 100%;
}
.landing .view-landing .mask img.img-mobile {
  display: none;
}
.landing .view-landing .swiper-container {
  height: 100%;
}
.landing .view-landing .swiper-container .swiper-wrapper .swiper-slide .mask {
  width: 100%;
  height: 100%;
}
.landing .view-landing .container {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.landing .view-landing .container .text h3,
.landing .view-landing .container .text h5,
.landing .view-landing .container .text h6 {
  color: var(--white);
  text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25);
}
.landing .view-landing .container .text h3 {
  margin-bottom: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--white);
  letter-spacing: 0.05rem;
  line-height: 4.5rem;
  position: relative;
}
.landing .view-landing .container .text h3:after {
  content: "";
  width: 80px;
  height: 4px;
  margin-top: 1rem;
  margin-left: 4px;
  background-color: var(--white);
  display: block;
}
.landing .view-landing .container .text .download {
  margin-top: 4rem;
}
.landing .view-landing .container .text .download h6 {
  margin-bottom: 0.5rem;
}
.landing .view-landing .container .text .download .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.landing .view-landing .container .text .download .actions a {
  margin-right: 1rem;
  display: block;
}
.landing .view-landing .container .text .download .actions a img {
  width: 130px;
}
@media screen and (max-width: 512.98px) {
  .landing header .container .header-brand a img {
    height: 25px;
  }
  .landing header .container .header-toggle {
    display: block;
  }
  .landing header .container .header-toggle .btn.active .lines span {
    background-color: transparent;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
  }
  .landing header .container .header-toggle .btn.active .lines span:before,
  .landing header .container .header-toggle .btn.active .lines span:after {
    margin-top: 0;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
  }
  .landing header .container .header-toggle .btn.active .lines span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .landing header .container .header-toggle .btn.active .lines span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .landing header .container .header-actions {
    width: 75%;
    height: 100vh;
    padding: 1rem;
    background-color: var(--bg-bw);
    background-image: url("/assets/img/learner/home/list-bg.svg");
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: left bottom;
    position: fixed;
    top: 0;
    left: -75%;
    z-index: 1030;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  }
  .landing header .container .header-actions.active {
    left: 0;
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
  }
  .landing header .container .header-actions > *,
  .landing header .container .header-actions > a {
    margin-left: 0;
    margin-bottom: 1rem;
  }
  .landing header .container .header-actions > .btn,
  .landing header .container .header-actions > a {
    font-size: 1.125rem;
  }
  .landing header .container .header-actions .dropdown .btn {
    font-size: 1.125rem;
  }
  .landing footer {
    height: 50px;
  }
  .landing .view-landing {
    height: calc(100% - 110px);
  }
  .landing .view-landing .mask img.img-web {
    display: none;
  }
  .landing .view-landing .mask img.img-mobile {
    display: block;
  }
}
/*# sourceMappingURL=landing.min.css.map */