/*import each modules*/
/************************
Lessframework
by vimalraj
License: http://opensource.org/licenses/mit-license.php	
*************/
/* Variables Starts */
/* a tag and link color */
/* Book-mark & Rating colour */
/* Quiz tick colour */
/* Product Viewport height */
.zls-viewport-wrapper {
  height: calc(100vh - ((var(--global-header-height)) + (var(--chatbar-height)) + (var(--announcement-banner-height))));
  box-sizing: border-box;
}
.zln-viewport\:hub-settings {
  height: calc(100vh - ((var(--chatbar-height)) + (var(--announcement-banner-height))));
  box-sizing: border-box;
}
lms-editor-view {
  height: calc(100vh - (var(--chatbar-height)) + (var(--announcement-banner-height)));
}
.zln-container\:cp-public {
  height: calc(100vh - var(--global-header-height));
}
@supports (height: 100dvh) {
  .zls-viewport-wrapper {
    height: calc(100dvh - ((var(--global-header-height)) + (var(--chatbar-height)) + (var(--announcement-banner-height))));
  }
  .zln-viewport\:hub-settings {
    height: calc(100dvh - ((var(--chatbar-height)) + (var(--announcement-banner-height))));
  }
  lms-editor-view {
    height: calc(100dvh - (var(--chatbar-height)) + (var(--announcement-banner-height)));
  }
  .zln-container\:cp-public {
    height: calc(100dvh - var(--global-header-height));
  }
}
/* Product Viewport height */
:where(.zw-input-reset) {
  margin: 0;
}
.zls-focus-input {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--input-focus-color);
  background: var(--white);
}
.zls-focus-input-normal {
  border-color: var(--input-focus-color);
  box-shadow: none;
  background: var(--white);
}
.zls-focus-input-reset {
  border-color: transparent;
  box-shadow: none;
  background: transparent;
}
.zls-focus-within:focus-within {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--input-focus-color);
  background: var(--white);
}
.zls-focus-within-normal:focus-within {
  border-color: var(--input-focus-color);
  box-shadow: none;
  background: var(--white);
}
div[contenteditable="true"] {
  word-break: break-word;
  word-wrap: anywhere;
}
span[contenteditable="true"] {
  word-break: break-word;
  word-wrap: anywhere;
}
.zw-input-reset[type="password"],
.zw-input-reset[type="text"] {
  padding: 0;
  border: none;
  width: auto;
  border-radius: 0;
  background: transparent;
  font-family: "LatoLatin", sans-serif;
}
.zw-input-reset[type="password"]:focus,
.zw-input-reset[type="text"]:focus {
  border: none;
  box-shadow: none;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.zls-normal-focus:focus {
  border-color: var(--input-focus-color);
  box-shadow: none;
  background: var(--white);
}
img {
  max-width: 100%;
}
.zls-ul-reset,
.zw-reset {
  margin: 0;
  padding: 0;
  list-style: none;
}
.zls-ul-list {
  list-style-position: inside;
  padding: 0;
  margin: 0;
}
.zls-pos-all,
.zw-pos-all {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.zw-none {
  display: none;
}
.zw-block {
  display: block;
}
.zw-in-block {
  display: inline-block;
}
.zw-inline {
  display: inline;
}
.zw-opacity0 {
  opacity: 0;
}
.zw-opacity1 {
  opacity: 1;
}
.zw-opacity05 {
  opacity: 0.5;
}
/***** Font Size Start *****/
.zls-fs09 {
  font-size: 0.9rem;
  line-height: 1.1;
}
.zls-fs10 {
  font-size: 1rem;
  line-height: 1.3;
}
.zls-fs11 {
  font-size: 1.1rem;
  line-height: 1.3;
}
.zls-fs12 {
  font-size: 1.2rem;
  line-height: 1.3;
}
.zls-fs13 {
  font-size: 1.3rem;
  line-height: 1.4;
}
.zls-fs14 {
  font-size: 1.4rem;
  line-height: 1.4;
}
.zls-fs15 {
  font-size: 1.5rem;
  line-height: 1.4;
}
.zls-fs16 {
  font-size: 1.6rem;
}
.zls-fs17 {
  font-size: 1.7rem;
}
.zls-fs18 {
  font-size: 1.8rem;
}
.zls-fs19 {
  font-size: 1.9rem;
}
.zls-fs20 {
  font-size: clamp(1.7rem, 4vw, 2rem);
}
.zls-fs23 {
  font-size: clamp(2rem, 6vw, 2.3rem);
}
.zls-fs25 {
  font-size: clamp(2rem, 6vw, 2.5rem);
}
.zls-fs30 {
  font-size: clamp(2rem, 6vw, 3rem);
}
.zls-fs35 {
  font-size: clamp(2rem, 6vw, 3.5rem);
}
.zls-fs40 {
  font-size: clamp(2rem, 6vw, 4rem);
}
/***** Font Size End *****/
/***** Font Weight Start *****/
.zls-f-w400 {
  font-weight: 400;
}
.zls-f-w500 {
  font-weight: 500;
}
.zls-f-w600 {
  font-weight: 600;
}
.zls-f-w700 {
  font-weight: 700;
}
.zls-f-w900 {
  font-weight: 900;
}
/***** Font Weight End *****/
/***** Heading font start *****/
.zw-h1 {
  font-size: clamp(1.7rem, 4vw, 2rem);
  font-weight: 700;
  line-height: 1.5;
}
.zw-h2 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
}
.zw-h3 {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.4;
}
.zw-h4 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4;
}
.zw-h5 {
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.4;
}
.zw-h6 {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.4;
}
/***** Heading font end *****/
.zls-uppercase,
.zw-uppercase {
  text-transform: uppercase;
}
.zls-capitalize {
  text-transform: capitalize;
}
.zls-lowercase {
  text-transform: lowercase;
}
.zls-letter-normal {
  letter-spacing: normal;
}
/***** Text spacing start *****/
.zls-letter-s-05 {
  letter-spacing: -0.5px;
}
.zls-letter-s05 {
  letter-spacing: 0.5px;
}
.zls-letter-s03 {
  letter-spacing: 0.3px;
}
.zls-letter-s07 {
  letter-spacing: 0.7px;
}
.zls-letter-s1 {
  letter-spacing: 1px;
}
/***** Text spacing end *****/
/***** Font and text wrap start *****/
.zls-word-wrap,
.zw-word-wrap {
  word-break: break-word;
  word-wrap: anywhere;
}
.zls-pre-wrap {
  white-space: pre-line;
}
.zls-w-space-no {
  white-space: normal;
}
.zls-text-nowrap,
.zw-text-nowrap {
  white-space: nowrap;
}
/***** Font and text wrap end *****/
/***** Text alignment start *****/
.zw-ver-mi {
  vertical-align: middle;
}
.zw-txt-al-c {
  text-align: center;
}
.zw-txt-al-l {
  text-align: left;
}
.zw-txt-al-r {
  text-align: right;
}
/***** Text alignment end *****/
/***** Text line height start *****/
.zw-lin-he0 {
  line-height: 0;
}
.zw-lin-normal {
  line-height: normal;
}
.zw-lin-no {
  line-height: 1.4;
}
.zw-lin-15 {
  line-height: 1.5;
}
/***** Text line height end *****/
.zw-substring {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.zw-substring-ver {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
/***** Error and success message start *****/
.zls-txt-accentcolor,
.zw-primary-txt-color {
  color: var(--product-accent-color);
}
.zw-error-msg {
  color: #ca5b5a;
}
.zw-error-msg.zw-urlexists {
  position: absolute;
  left: 30px;
  bottom: -35px;
}
.zls-alert-text,
.zw-alert {
  color: #ca5b5a;
}
.zlearn-os\:dark .zls-alert-text,
.zlearn-os\:dark .zw-alert,
.zlearn-theme\:dark .zls-alert-text,
.zlearn-theme\:dark .zw-alert {
  color: #ef9c9b;
}
.zls-alert-text zs-icon .zw-ic,
.zw-alert zs-icon .zw-ic {
  fill: #ca5b5a;
  stroke: #ca5b5a;
}
.zls-success-text {
  color: #20a753;
}
/***** Error and success message End *****/
.zw-highlight {
  color: var(--grey0);
  font-weight: 600;
}
.zw-small-title {
  /*check and remove */
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  color: var(--grey3);
}
.zw-small-title:hover {
  background: transparent;
}
.zw-txt-render {
  font-variant-ligatures: common-ligatures;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.zw-txt-render-none {
  font-variant-ligatures: inherit;
  -moz-osx-font-smoothing: inherit;
  -webkit-font-smoothing: inherit;
  text-rendering: inherit;
}
.zw-link {
  color: var(--product-accent-color);
  font-weight: 400;
  cursor: pointer;
}
.zw-link:hover {
  text-decoration: underline;
}
.zls-underline,
.zw-underline {
  text-decoration: underline;
}
.zls-underline-none {
  text-decoration: none;
}
.zls-hover-underline:hover {
  text-decoration: underline;
}
/***** Old style dont Use check and remove *****/
.zw-f-left {
  float: left;
}
.zw-f-right {
  float: right;
}
.zw-clearfix:after {
  content: "";
  display: table;
  clear: both;
}
/***** Old style dont Use *****/
.zls-top62 {
  /*check and remove using only version history */
  top: 62px;
}
.zw-link-reset {
  color: inherit;
  text-decoration: none;
}
.zw-modify-url {
  word-break: break-all;
}
.zls-overflow-auto {
  overflow: auto;
}
.zls-overflow-hidden {
  overflow: hidden;
}
.zls-visible-hidden,
.zw-visible-hidden {
  visibility: hidden;
  opacity: 0;
}
.zw-cur-po {
  cursor: pointer;
}
.zw-cur-de {
  cursor: default;
}
/***** button and text start *****/
.zln-disabled,
.zln-disabled *,
.z-disabled,
.z-disabled * {
  pointer-events: none;
  cursor: default;
}
.zls-pointer-none,
.zw-pointer-none {
  pointer-events: none;
}
.zls-user-select-none,
.user-select-none {
  user-select: none;
}
/***** button and text end *****/
/***** Product icon fill and stroke start *****/
.zw-ic {
  vertical-align: middle;
  stroke: #92929c;
  stroke-width: 1.5px;
  fill: #92929c;
  flex-shrink: 0;
}
.zw-ic.zw-ic-w\:2 {
  stroke-width: 2.5px;
}
/***** Product icon fill and stroke end *****/
.zw-pos-ab {
  position: absolute;
}
.zw-pos-re {
  position: relative;
}
.zw-pos-st {
  position: static;
}
.zw-pos-fx {
  position: fixed;
}
.zls-pos-sticky {
  position: sticky;
  position: -webkit-sticky;
}
.transition3 {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.transition2 {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.transition1 {
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
.transition0 {
  transition: none;
}
.zls-border-radius30,
.zw-round-shape {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
/***** Table sort option start *****/
.zls-table-sort {
  position: relative;
  margin-left: 5px;
}
.zls-table-sort:after,
.zls-table-sort:before {
  width: 0px;
  height: 0px;
  border: 4px solid transparent;
  content: '';
  position: absolute;
}
.zls-table-sort:after {
  border-top-color: var(--grey2);
  top: 8px;
}
.zls-table-sort:before {
  border-bottom-color: var(--grey2);
  bottom: 7px;
}
.zls-table-sort.zls-descending:before {
  border-bottom-color: var(--grey3);
}
.zls-table-sort.zls-descending:after {
  border-top-color: var(--grey0);
}
.zls-table-sort.zls-ascending:before {
  border-bottom-color: var(--grey0);
}
.zls-table-sort.zls-ascending:after {
  border-top-color: var(--grey3);
}
.zls-filter-btn {
  border: 1px solid #dcdcdc;
  padding: 5px 13px 5px 8px;
  border-radius: 3px;
  background: var(--grey9);
}
.zls-filter-btn .zw-ic {
  stroke: #4dce9d;
  stroke-width: 2px;
}
/***** Table sort option end *****/
/***** Multiple user, email add start *****/
.zls-multiple-box-add {
  border: 1px solid var(--grey4);
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-multiple-box-add.zls-box-greybg {
  background-color: var(--grey9);
}
.zls-multiple-box-add.zls-box-maxheight {
  max-height: 400px;
  overflow: auto;
}
.zls-multiple-box-add.zls-bor2 {
  border-width: 2px;
  border-color: var(--grey5);
}
.zls-multiple-box-add.zls-bor0 {
  border-width: 0;
}
.zls-multiple-box-add.zls-data-whitebg .zls-data-list {
  background-color: var(--white);
}
.zls-multiple-box-add.zls-data-whitebg .zls-data-list button.zls-bor {
  background-color: var(--grey9);
}
.zls-multiple-box-add.zls-data-maxwidth .zls-data-list {
  min-width: 200px;
}
.zls-multiple-box-add.zls-data-round-radius .zls-data-list {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zls-multiple-box-add.zls-data-round-radius button {
  border-radius: 0 30px 30px 0;
}
.zls-multiple-box-add.zls-data-round-radius button.zls-bor {
  border-radius: 0 2px 2px 0;
}
.zls-multiple-box-add.zls-data-small-list .zls-data-list {
  margin: 2px;
}
.zls-multiple-box-add.zls-data-small-list .zls-data-list .zls-meta-data {
  padding: 2px 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.4;
}
.zls-multiple-box-add.zls-data-small-list .zls-data-list button {
  padding: 2px 3px;
}
.zls-multiple-box-add.zls-data-small-list .zls-data-list button .zw-ic {
  height: 19px;
  width: 19px;
  stroke-width: 2.3;
}
.zls-multiple-box-add .zls-data-list {
  background-color: var(--grey8);
  border: 1px solid var(--grey4);
  margin: 3px;
  display: flex;
  align-items: stretch;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.5rem;
  line-height: 1.4;
}
.zls-multiple-box-add .zls-data-list .zls-meta-data {
  padding: 3px 15px;
}
.zls-multiple-box-add .zls-data-list button {
  padding: 3px 5px;
  margin-left: -10px;
}
.zls-multiple-box-add .zls-data-list button:hover .zw-ic {
  stroke: var(--grey0);
}
.zls-multiple-box-add .zls-data-list button .zw-ic {
  stroke-width: 2;
}
.zls-multiple-box-add .zls-data-list button.zls-bor {
  background: var(--white);
  border-radius: 0 2px 2px 0;
  margin: 0;
}
.zls-multiple-box-add .zls-data-list.zls-data-error {
  background: #ffece9;
  border: 1px solid #f1b0a7;
  color: #c74a39;
}
.zls-multiple-box-add .zls-data-list.zls-data-error button {
  background: #ffece9;
}
.zls-multiple-box-add .zls-data-list.zls-data-error button .zw-ic {
  stroke: #c74a39;
}
.zls-multiple-box-add .zls-data-list.zls-data-error button.zls-bor {
  border-color: #f1b0a7;
}
.zls-multiple-box-add input[type="text"] {
  min-width: 200px;
  border: none;
  background: transparent;
  font-family: "LatoLatin", sans-serif;
  color: var(--grey0);
}
.zls-multiple-box-add:focus-within {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--input-focus-color);
  background: var(--white);
}
.zls-multiple-box-add.zls-focus-input-normal:focus-within {
  border-color: var(--input-focus-color);
  box-shadow: none;
  background: var(--white);
}
.zls-multiple-box-add.zls-focus-none:focus-within {
  border-color: transparent;
  box-shadow: none;
  background: transparent;
}
.zls-table {
  display: table;
  width: 100%;
  border-spacing: 0;
}
.zls-table tr th,
.zls-table .zls-tr th,
.zls-table tr td,
.zls-table .zls-tr td,
.zls-table tr .zls-th,
.zls-table .zls-tr .zls-th,
.zls-table tr .zls-td,
.zls-table .zls-tr .zls-td {
  display: table-cell;
  vertical-align: middle;
  word-break: break-word;
  word-wrap: anywhere;
}
.zls-table tr.lyteSortablePlaceholder,
.zln-container\:table tr.lyteSortablePlaceholder,
.zls-table .zls-tr.lyteSortablePlaceholder,
.zln-container\:table .zls-tr.lyteSortablePlaceholder {
  box-shadow: inset 0 0 0 1px #da7d5a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: none;
}
.zls-table tr.sortable-element-selected,
.zln-container\:table tr.sortable-element-selected,
.zls-table .zls-tr.sortable-element-selected,
.zln-container\:table .zls-tr.sortable-element-selected {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 1px 5px var(--grey6);
  z-index: 4;
  position: relative;
}
.zls-table tr.sortable-element-selected .zls-td.zls-td.zls-td,
.zln-container\:table tr.sortable-element-selected .zls-td.zls-td.zls-td,
.zls-table .zls-tr.sortable-element-selected .zls-td.zls-td.zls-td,
.zln-container\:table .zls-tr.sortable-element-selected .zls-td.zls-td.zls-td {
  border-bottom: none;
}
.zw-width100 {
  width: 100%;
}
.zw-width90 {
  width: 90%;
}
.zw-width80 {
  width: 80%;
}
.zw-width75 {
  width: 75%;
}
.zw-width70 {
  width: 70%;
}
.zw-width60 {
  width: 60%;
}
.zw-width50 {
  width: 50%;
}
.zw-width40 {
  width: 40%;
}
.zw-width30 {
  width: 30%;
}
.zw-width20 {
  width: 20%;
}
.zw-width10 {
  width: 10%;
}
.zls-he100 {
  height: 100%;
}
.zls-min-w50 {
  min-width: 50px;
}
.zls-min-w100 {
  min-width: 100px;
}
.zls-min-w120 {
  min-width: 120px;
}
.zls-min-w150 {
  min-width: 150px;
}
.zls-min-w200 {
  min-width: 200px;
}
.zls-min-w250 {
  min-width: 250px;
}
.zls-min-w300 {
  min-width: 300px;
}
.zls-min-w350 {
  min-width: 350px;
}
.zls-max-w100 {
  max-width: 100px;
}
.zls-max-w200 {
  max-width: 200px;
}
.zls-max-w250 {
  max-width: 250px;
}
.zls-max-w300 {
  max-width: 300px;
}
.zls-max-w400 {
  max-width: 400px;
}
.zls-max-w500 {
  max-width: 500px;
}
.zls-min-he50,
.zw-min-he50 {
  min-height: 50px;
}
.zls-min-he100,
.zw-min-he100 {
  min-height: 100px;
}
.zls-min-he120,
.zw-min-he120 {
  min-height: 120px;
}
.zls-min-he150,
.zw-min-he150 {
  min-height: 150px;
}
.zls-min-he200,
.zw-min-he200 {
  min-height: 200px;
}
.zls-min-he250,
.zw-min-he250 {
  min-height: 250px;
}
.zls-min-he300,
.zw-min-he300 {
  min-height: 300px;
}
.zls-min-he350,
.zw-min-he350 {
  min-height: 350px;
}
.zls-min-he400,
.zw-min-he400 {
  min-height: 400px;
}
.zls-min-he450,
.zw-min-he450 {
  min-height: 450px;
}
.zw-max-w50 {
  max-width: 50%;
}
.zw-max-w100 {
  max-width: 100%;
}
.zls-no-hover:hover,
.zw-nohover:hover {
  background-color: var(--white) !important;
  box-shadow: none !important;
  cursor: default !important;
}
.zls-no-hover li:hover,
.zw-nohover li:hover {
  background-color: var(--white) !important;
  box-shadow: none !important;
  cursor: default !important;
}
.zw-upgrade-wrapper .zw-slider-header button,
.zw-upgrade-wrapper .zw-popup-header button {
  z-index: 2;
}
.zw-overlay {
  background-color: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zlearn-os\:dark .zw-overlay,
.zlearn-theme\:dark .zw-overlay {
  background-color: rgba(0, 0, 0, 0.85);
}
.zw-upgrade {
  background: var(--white);
  color: var(--grey1);
  border: 1px solid var(--grey3);
  padding: 2px 7px;
  letter-spacing: 0.4px;
  font-size: 0.9rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-transform: uppercase;
  font-weight: 400;
  cursor: pointer;
}
.zls-upgrade-msg-bg .zw-h3 {
  font-size: 2rem;
}
.zls-upgrade-msg-bg .zw-popup-section {
  position: relative;
  z-index: 1;
  background: #fffcf3;
  padding: 50px;
  border-radius: 5px;
  border: 2px solid #ffe487;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);
}
.zls-upgrade-msg-bg.zw-overlay {
  background: rgba(255, 255, 255, 0.6);
}
.zls-bor.zls-bor-top {
  border-top: 1px solid;
}
.zls-bor.zls-bor-right {
  border-right: 1px solid;
}
.zls-bor.zls-bor-bottom {
  border-bottom: 1px solid;
}
.zls-bor.zls-bor-left {
  border-left: 1px solid;
}
.zls-bor.zls-bor-c1 {
  border-color: var(--grey4);
}
.zls-bor.zls-bor-c2 {
  border-color: var(--grey5);
}
.zls-bor.zls-bor-c3 {
  border-color: var(--grey6);
}
.zw-m {
  /* Margin left-right */
  /* Margin left-right */
  /* Margin top-bottom */
  /* Margin top-bottom */
  /* Margin left */
  /* Margin left */
  /* Margin right */
  /* Margin right */
  /* Margin top */
  /* Margin top */
  /* Margin bottom */
  /* Margin bottom */
}
.zw-m-all5 {
  margin: 5px;
}
.zw-m-all10 {
  margin: 10px;
}
.zw-m-all15 {
  margin: 15px;
}
.zw-m-all20 {
  margin: 20px;
}
.zw-m-lr-both5 {
  margin-left: 5px;
  margin-right: 5px;
}
.zw-m-lr-both10 {
  margin-left: 10px;
  margin-right: 10px;
}
.zw-m-lr-both15 {
  margin-left: 15px;
  margin-right: 15px;
}
.zw-m-lr-both20 {
  margin-left: 20px;
  margin-right: 20px;
}
.zw-m-lr-both30 {
  margin-left: 30px;
  margin-right: 30px;
}
.zw-m-lr-both35 {
  margin-left: 35px;
  margin-right: 35px;
}
.zw-m-lr-both55 {
  margin-left: 55px;
  margin-right: 55px;
}
.zw-m-tb-both2 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.zw-m-tb-both3 {
  margin-top: 3px;
  margin-bottom: 3px;
}
.zw-m-tb-both5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.zw-m-tb-both10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.zw-m-tb-both15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.zw-m-tb-both20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.zw-m-tb-both30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.zw-m-tb-both40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.zw-m-l2 {
  margin-left: 2px;
}
.zw-m-l5 {
  margin-left: 5px;
}
.zw-m-l10 {
  margin-left: 10px;
}
.zw-m-l15 {
  margin-left: 15px;
}
.zw-m-l20 {
  margin-left: 20px;
}
.zw-m-l25 {
  margin-left: 25px;
}
.zw-m-l30 {
  margin-left: 30px;
}
.zw-m-l35 {
  margin-left: 35px;
}
.zw-m-l40 {
  margin-left: 40px;
}
.zw-m-l45 {
  margin-left: 45px;
}
.zw-m-l50 {
  margin-left: 50px;
}
.zw-m-l75 {
  margin-left: 75px;
}
.zw-m-l55 {
  margin-left: 55px;
}
.zw-m-r5 {
  margin-right: 5px;
}
.zw-m-r10 {
  margin-right: 10px;
}
.zw-m-r15 {
  margin-right: 15px;
}
.zw-m-r20 {
  margin-right: 20px;
}
.zw-m-r25 {
  margin-right: 25px;
}
.zw-m-r30 {
  margin-right: 30px;
}
.zw-m-r40 {
  margin-right: 40px;
}
.zw-m-r45 {
  margin-right: 45px;
}
.zw-m-r80 {
  margin-right: 80px;
}
.zw-m-t2 {
  margin-top: 2px;
}
.zw-m-t3 {
  margin-top: 3px;
}
.zw-m-t5 {
  margin-top: 5px;
}
.zw-m-t10 {
  margin-top: 10px;
}
.zw-m-t15 {
  margin-top: 15px;
}
.zw-m-t20 {
  margin-top: 20px;
}
.zw-m-t30 {
  margin-top: 30px;
}
.zw-m-t40 {
  margin-top: 40px;
}
.zw-m-t50 {
  margin-top: 50px;
}
.zw-m-t100 {
  margin-top: 100px;
}
.zw-m-b2 {
  margin-bottom: 2px;
}
.zw-m-b5 {
  margin-bottom: 5px;
}
.zw-m-b10 {
  margin-bottom: 10px;
}
.zw-m-b15 {
  margin-bottom: 15px;
}
.zw-m-b20 {
  margin-bottom: 20px;
}
.zw-m-b25 {
  margin-bottom: 25px;
}
.zw-m-b30 {
  margin-bottom: 30px;
}
.zw-m-b40 {
  margin-bottom: 40px;
}
.zw-m-b50 {
  margin-bottom: 50px;
}
.zw-m-b100 {
  margin-bottom: 100px;
}
.zw-m-auto {
  margin: 0 auto;
}
.zw-m25-auto {
  margin: 25px auto;
}
.zw-p {
  /* Padding all */
  /* Padding all */
  /* Padding left-right */
  /* Padding left-right */
  /* Padding top-bottom */
  /* Padding top-bottom */
  /* Padding top */
  /* Padding top */
  /* Padding right */
  /* Padding right */
  /* Padding bottom */
  /* Padding bottom */
  /* Padding left */
  /* Padding left */
}
.zw-p-all2 {
  padding: 2px;
}
.zw-p-all3 {
  padding: 3px;
}
.zw-p-all4 {
  padding: 4px;
}
.zw-p-all5 {
  padding: 5px;
}
.zw-p-all6 {
  padding: 6px;
}
.zw-p-all7 {
  padding: 7px;
}
.zw-p-all10 {
  padding: 10px;
}
.zw-p-all12 {
  padding: 12px;
}
.zw-p-all15 {
  padding: 15px;
}
.zw-p-all20 {
  padding: 20px;
}
.zw-p-all25 {
  padding: 25px;
}
.zw-p-all30 {
  padding: 30px;
}
.zw-p-all40 {
  padding: 40px;
}
.zw-p-all50 {
  padding: 50px;
}
.zw-p-lr-both5 {
  padding-left: 5px;
  padding-right: 5px;
}
.zw-p-lr-both10 {
  padding-left: 10px;
  padding-right: 10px;
}
.zw-p-lr-both15 {
  padding-left: 15px;
  padding-right: 15px;
}
.zw-p-lr-both20 {
  padding-left: 20px;
  padding-right: 20px;
}
.zw-p-lr-both25 {
  padding-left: 25px;
  padding-right: 25px;
}
.zw-p-lr-both30 {
  padding-left: 30px;
  padding-right: 30px;
}
.zw-p-lr-both35 {
  padding-left: 35px;
  padding-right: 35px;
}
.zw-p-lr-both40 {
  padding-left: 40px;
  padding-right: 40px;
}
.zw-p-lr-both55 {
  padding-left: 55px;
  padding-right: 55px;
}
.zw-p-tb-both2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.zw-p-tb-both3 {
  padding-top: 3px;
  padding-bottom: 3px;
}
.zw-p-tb-both5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.zw-p-tb-both10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.zw-p-tb-both15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.zw-p-tb-both20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.zw-p-tb-both25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.zw-p-tb-both30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.zw-p-tb-both40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.zw-p-t2 {
  padding-top: 2px;
}
.zw-p-t5 {
  padding-top: 5px;
}
.zw-p-t10 {
  padding-top: 10px;
}
.zw-p-t15 {
  padding-top: 15px;
}
.zw-p-t20 {
  padding-top: 20px;
}
.zw-p-t30 {
  padding-top: 30px;
}
.zw-p-r2 {
  padding-right: 2px;
}
.zw-p-r5 {
  padding-right: 5px;
}
.zw-p-r10 {
  padding-right: 10px;
}
.zw-p-r15 {
  padding-right: 15px;
}
.zw-p-r20 {
  padding-right: 20px;
}
.zw-p-r25 {
  padding-right: 25px;
}
.zw-p-r30 {
  padding-right: 30px;
}
.zw-p-r40 {
  padding-right: 40px;
}
.zw-p-b2 {
  padding-bottom: 2px;
}
.zw-p-b5 {
  padding-bottom: 5px;
}
.zw-p-b10 {
  padding-bottom: 10px;
}
.zw-p-b15 {
  padding-bottom: 15px;
}
.zw-p-b20 {
  padding-bottom: 20px;
}
.zw-p-b25 {
  padding-bottom: 25px;
}
.zw-p-b30 {
  padding-bottom: 30px;
}
.zw-p-b100 {
  padding-bottom: 100px;
}
.zw-p-l0 {
  padding-left: 0;
}
.zw-p-l2 {
  padding-left: 2px;
}
.zw-p-l5 {
  padding-left: 5px;
}
.zw-p-l10 {
  padding-left: 10px;
}
.zw-p-l15 {
  padding-left: 15px;
}
.zw-p-l20 {
  padding-left: 20px;
}
.zw-p-l25 {
  padding-left: 25px;
}
.zw-p-l30 {
  padding-left: 30px;
}
.zw-p-all0 {
  padding: 0;
}
.zw-p-t0 {
  padding-top: 0;
}
.zw-p-r0 {
  padding-right: 0;
}
.zw-p-b0 {
  padding-bottom: 0;
}
.zw-p-l0 {
  padding-left: 0;
}
.zws-input-data .zw-select-button {
  background: var(--white);
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 0 0 1px rgba(43, 45, 80, 0.1), 0 2px 5px 0 rgba(43, 45, 80, 0.08), 0 1px 1.5px 0 rgba(0, 0, 0, 0.07), 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  cursor: pointer;
  color: var(--grey0);
  font-size: 1.5rem;
  font-family: "LatoLatin", sans-serif;
  line-height: 1.5;
  padding: 9px 40px 9px 13px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  word-break: break-word;
  word-wrap: anywhere;
  width: 100%;
}
.zws-input-data .zw-select-arrow {
  position: absolute;
  top: 10px;
  right: 9px;
  stroke-width: 3px;
  stroke: #535a5f;
  cursor: pointer;
}
.zws-input-data .zw-popbox {
  width: 100%;
}
.zw-button {
  padding: 6px 15px;
  text-align: center;
  cursor: pointer;
  outline: 0;
  min-width: 80px;
  font-family: "LatoLatin", sans-serif;
  border: 0;
  font-size: 1.4rem;
  line-height: 1.3;
  background-color: var(--white);
  color: var(--header-placeholder-customcolor, var(--grey0));
  box-sizing: border-box;
  border: 1px solid var(--header-placeholder-customcolor, var(--grey0));
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  user-select: none;
}
.zw-button:focus,
.zw-button:active {
  outline: none;
  border: 0;
}
.zw-button.zw-uppercase {
  font-size: 1.1rem;
  letter-spacing: 0.3px;
  font-weight: 600;
  min-width: 90px;
}
.zw-button-wrapper.zw-al-left {
  text-align: left;
}
.zw-button-wrapper.zw-al-right {
  text-align: right;
}
.zw-button-wrapper.zw-txt-al-c {
  text-align: center;
}
.zls-flex-inline {
  display: inline-flex;
  align-items: center;
}
.zw-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.zw-fl-shrink {
  flex-shrink: 0;
}
.zw-fl-grow {
  flex-grow: 1;
}
.zw-flex-row {
  flex-direction: row;
}
.zw-flex-row-reverse {
  flex-direction: row-reverse;
}
.zw-flex-column {
  flex-direction: column;
}
.zw-j-content {
  justify-content: space-between;
}
.zw-space-around {
  justify-content: space-around;
}
.zw-fl-end {
  justify-content: flex-end;
}
.zw-fl-a-end {
  align-items: flex-end;
}
.zw-fl-a-start {
  align-items: flex-start;
}
.zw-fl-a-stretch {
  align-items: stretch;
}
.zw-fl-a-center {
  align-items: center;
}
.zw-j-center {
  justify-content: center;
}
.zw-fl-wrap {
  flex-wrap: wrap;
}
.zw-fl-normal {
  align-items: initial;
}
.zw-fl-baseline {
  align-items: baseline;
}
.zw-self-a-start {
  align-self: flex-start;
}
.zls-grid {
  display: grid;
}
.zls-grid.zls-g-twocol-left {
  grid-template-columns: 65% 35%;
}
.zls-grid.zls-g-twocol-right {
  grid-template-columns: 35% 65%;
}
.zls-grid.zls-g-threecol-mid {
  grid-template-columns: 1fr 2fr 1fr;
}
.zls-grid.zls-g-col2,
.zls-grid.zls-g-two-col {
  grid-template-columns: 1fr 1fr;
}
.zls-grid.zls-g-col3,
.zls-grid.zls-g-three-col {
  grid-template-columns: 1fr 1fr 1fr;
}
.zls-grid.zls-g-col4,
.zls-grid.zls-g-four-col {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.zls-grid.zls-g-two-col-auto {
  grid-template-columns: auto 1fr;
}
.zls-grid.zls-row-gap5 {
  row-gap: 5px;
}
.zls-grid.zls-row-gap10 {
  row-gap: 10px;
}
.zls-grid.zls-row-gap15 {
  row-gap: 15px;
}
.zls-grid.zls-row-gap20 {
  row-gap: 20px;
}
.zls-grid.zls-row-gap25 {
  row-gap: 25px;
}
.zls-grid.zls-row-gap30 {
  row-gap: 30px;
}
.zls-grid.zls-col-gap5 {
  column-gap: 5px;
}
.zls-grid.zls-col-gap10 {
  column-gap: 10px;
}
.zls-grid.zls-col-gap15 {
  column-gap: 15px;
}
.zls-grid.zls-col-gap20 {
  column-gap: 20px;
}
.zls-grid.zls-col-gap30 {
  column-gap: 30px;
}
.zls-grid .zls-colspan-2 {
  grid-column: span 2;
}
.zls-grid .zls-colspan-4 {
  grid-column: span 4;
}
.zls-gap5 {
  gap: 5px;
}
.zls-gap10 {
  gap: 10px;
}
.zls-gap15 {
  gap: 15px;
}
.zls-gap20 {
  gap: 20px;
}
.zls-gap25 {
  gap: 25px;
}
.zls-gap30 {
  gap: 30px;
}
.zls-gap35 {
  gap: 35px;
}
.zls-gap40 {
  gap: 40px;
}
.zls-gap45 {
  gap: 45px;
}
.zls-gap50 {
  gap: 50px;
}
.zls-place-c {
  place-content: center;
}
/* <--------------------------------------------> */
.zw-hide {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.zw-show {
  animation-name: ani-show;
  display: block;
}
.zw-fade-hide {
  animation-name: ani-fade-hide;
}
@keyframes ani-show {
  0% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
  }
  100% {
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
}
@keyframes ani-fade-hide {
  0% {
    visibility: visible;
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
  }
  100% {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
  }
}
/* <--------------------------------------------> */
.zw-cr {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  text-align: center;
  color: hsl(0, 0%, 100%);
  text-transform: uppercase;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  background-color: var(--grey5);
}
.zw-cr-micro {
  height: 20px;
  width: 20px;
  line-height: 24px;
  font-size: 0.8rem;
}
.zw-cr-tiny {
  height: 24px;
  width: 24px;
  line-height: 24px;
  font-size: 1rem;
  font-weight: 700;
}
.zw-cr-tiny-x {
  height: 26px;
  width: 26px;
  line-height: 26px;
  font-size: 1.1rem;
  font-weight: 600;
}
.zw-cr-small {
  height: 32px;
  width: 32px;
  line-height: 32px;
  font-size: 1.6rem;
  font-weight: 600;
}
.zw-cr-small-x {
  height: 36px;
  width: 36px;
  line-height: 36px;
  font-size: 1.7rem;
  font-weight: 600;
}
.zw-cr-medium {
  height: 40px;
  width: 40px;
  line-height: 40px;
  font-size: 1.7rem;
  font-weight: 600;
}
.zw-cr-medium-x {
  height: 48px;
  width: 48px;
  line-height: 48px;
  font-size: 2rem;
  font-weight: 700;
}
.zw-cr-big {
  height: 55px;
  width: 55px;
  line-height: 55px;
  font-size: 2.5rem;
}
.zw-cr-biggest {
  height: 60px;
  width: 60px;
  line-height: 60px;
  font-size: 2rem;
}
.zw-cr img {
  max-width: 100%;
  text-indent: -3000em;
  aspect-ratio: 1;
  object-fit: cover;
}
/* Variables Ends*/
.zw-fade-bg {
  background: rgba(12, 22, 39, 0.6);
  position: fixed;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 4;
}
.zlearn-os\:dark .zw-fade-bg,
.zlearn-theme\:dark .zw-fade-bg {
  background-color: rgba(80, 85, 95, 0.8);
}
.zw-fade-bg.zw-transparent-bg {
  background: rgba(255, 255, 255, 0);
  z-index: 3;
}
/****** Slider popup ******/
.zw-transition-none {
  transition: none !important;
}
.zw-no-manual-blankslate {
  min-height: 160px;
}
/***** CLose css button *****/
.zls-close-ic-btn {
  position: relative;
  cursor: pointer;
}
.zls-close-ic-btn:after,
.zls-close-ic-btn:before {
  position: absolute;
  content: '';
  height: 33px;
  width: 2px;
  background: var(--grey2);
  left: 50%;
  top: 50%;
}
.zls-close-ic-btn:hover:after,
.zls-close-ic-btn:hover:before {
  background: var(--grey1);
}
.zls-close-ic-btn.zls-small-btn {
  padding: 12px;
}
.zls-close-ic-btn.zls-small-btn:after,
.zls-close-ic-btn.zls-small-btn:before {
  width: 2px;
  height: 14px;
  margin-top: -7px;
  margin-left: -1px;
}
.zls-close-ic-btn:before {
  transform: rotate(45deg);
}
.zls-close-ic-btn:after {
  transform: rotate(-45deg);
}
/***** CLose css button *****/
/***** Down arrow *****/
.zls-line-arrow {
  position: relative;
}
.zls-line-arrow:before {
  position: absolute;
  content: '';
  box-sizing: border-box;
  height: 7px;
  width: 7px;
  border-style: solid;
  border-color: var(--grey1);
  border-width: 0px 1px 1px 0px;
}
.zls-line-arrow.zls-line-down-arrow:before {
  transform: rotate(45deg);
  top: 50%;
  left: 100%;
  margin-top: -4px;
}
.zls-line-arrow.zls-line-right-arrow:before {
  transform: rotate(-45deg);
  top: 50%;
  left: 100%;
  margin-top: -3px;
}
/***** Optimized search start *****/
.zls-border-box {
  border: 1px solid var(--grey4);
  padding: 6px 10px;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  background: var(--white);
}
.zls-border-box.zls-grey-bg {
  background: var(--grey9);
}
.zls-border-box input[type="password"],
.zls-border-box input[type="text"] {
  font-family: "LatoLatin", sans-serif;
  color: var(--grey0);
  font-size: 1.5rem;
  padding: 2px 0;
  width: 100%;
  box-sizing: border-box;
}
.zls-border-box.zls-bor-width2 {
  border: 2px solid var(--grey5);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.zls-border-box.zls-border-small {
  padding: 4px 8px;
}
.zls-border-box.zls-border-small input[type="text"] {
  font-size: 1.4rem;
}
.zls-border-box.zls-border-medium {
  padding: 8px 12px;
}
.zls-border-box.zls-border-medium input[type="text"] {
  font-size: 1.6rem;
}
.zls-border-box:focus-within {
  border-color: transparent;
  box-shadow: 0 0 0 2px var(--input-focus-color);
  background: var(--white);
}
.zls-border-box.zls-focus-none:focus-within {
  box-shadow: none;
  border-color: var(--grey4);
}
.zls-border-box.zls-focus-input-normal:focus-within {
  border-color: var(--input-focus-color);
  box-shadow: none;
  background: var(--white);
}
.zls-border-box.zls-border-radius30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zls-border-box.zls-p-all0 {
  padding: 0;
}
/***** Optimized search start *****/
.zw-pop-slider {
  overflow: hidden;
  position: relative;
  transition: height 0.3s;
  max-height: 500px;
}
.zw-pop-slider .zw-slide {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.zw-pop-slider .zw-slide .zw-input-small {
  padding: 0 7px;
  border: none;
  border-radius: 0;
}
.zw-pop-slider .zw-slide .zw-input-small:focus {
  box-shadow: none;
}
.zw-pop-slider .zw-slider-list {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition: left 0.3s;
}
.zw-pop-slider .zw-select-list .zw-li-each {
  padding: 8px 20px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zw-pop-slider .zw-select-list .zw-li-each:hover {
  background-color: var(--grey7);
}
.zw-small-header {
  margin-bottom: 15px;
}
/****** Slider popup ******/
/*****   popup content start   *****/
.zw-popup-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 75px;
  text-align: center;
}
.zw-popup-wrapper .zw-popup {
  background: var(--white);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  text-align: left;
  padding: 20px 0;
  width: 660px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.zln-direction\:rtl .zw-popup-wrapper .zw-popup {
  text-align: right;
}
.zw-popup-wrapper .zw-popup.zls-no-header {
  padding-top: 5px;
}
.zw-popup-wrapper .zw-popup.zls-no-header .zls-popup-close-btn {
  margin-right: -16px;
}
.zw-popup-wrapper .zw-popup.zls-no-header .zls-tab-container {
  margin-top: -35px;
}
.zw-popup-wrapper .zw-popup .zw-popup-header .zw-h2 {
  font-size: 2rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.zw-popup-wrapper .zw-popup .zw-popup-header .zw-meta-name {
  font-size: 1.6rem;
  font-weight: 400;
}
.zw-popup-wrapper .zw-popup .zw-popup-header .zls-popup-close-btn .zw-ic {
  stroke-width: 2px;
}
.zw-popup-wrapper .zw-popup .zw-popup-con {
  margin: 0;
  padding: 12px 35px;
  list-style: none;
  min-height: 200px;
}
.zw-popup-wrapper .zw-popup .zw-popup-con.zls-no-minheight {
  min-height: auto;
}
.zw-popup-wrapper .zw-popup .zw-popup-con.zls-no-header {
  margin-top: -20px;
}
.zw-popup-wrapper .zw-popup .zw-popup-con .zls-orggroup-import-btn {
  position: absolute;
  top: -40px;
  right: 80px;
}
.zw-popup-wrapper .zw-popup .zw-popup-con .zw-blankslate .zw-h1 {
  font-size: 1.7rem;
}
.zw-popup-wrapper .zw-popup .zw-popup-con.zw-info-popup {
  margin: 0 42px;
  padding-bottom: 20px;
}
.zw-popup-wrapper .zw-popup .zw-popup-con.zw-general-tab {
  padding: 20px 35px;
}
.zw-popup-wrapper .zw-popup .zw-popup-con.zw-general-tab .zw-form-container li:last-of-type {
  margin-bottom: 0;
}
.zw-popup-wrapper .zw-popup .zw-popup-con.zw-user-small-list {
  padding: 0 35px;
}
.zw-popup-wrapper .zw-popup .zw-popup-con .zw-add-description {
  display: block;
  text-decoration: underline;
  color: var(--product-accent-color);
  font-size: 1.3rem;
  margin-top: 10px;
}
.zw-popup-wrapper .zw-popup.zw-popup-no-width {
  width: auto;
}
.zw-popup-wrapper .zw-popup.zw-popup-tiny {
  width: 410px;
}
.zw-popup-wrapper .zw-popup.zw-popup-smallx {
  width: 460px;
}
.zw-popup-wrapper .zw-popup.zw-popup-small {
  width: 575px;
}
.zw-popup-wrapper .zw-popup.zw-popup-big {
  width: 760px;
}
.zw-popup-wrapper .zw-popup.zw-popup-biggest {
  max-width: 860px;
  width: 100%;
  box-sizing: border-box;
}
.zw-popup-wrapper .zw-popup.zw-popup-biggest-x {
  max-width: 1024px;
  width: 100%;
  box-sizing: border-box;
}
.zw-popup-wrapper .zw-popup.zw-popup-full {
  display: block;
  width: auto;
}
.zw-popup-wrapper .zw-popup.zw-popup-dialogue {
  margin-top: 5%;
  text-align: start;
}
.zw-popup-wrapper .zw-popup.zw-popup-dialogue .zw-popup-con {
  min-height: inherit;
  padding-bottom: 25px;
  font-size: 1.6rem;
  padding-top: 5px;
}
.zw-popup-wrapper .zw-i-popup .zw-popup-header {
  padding: 15px 35px;
}
.zw-popup-wrapper .zw-i-popup .zw-i-top-con {
  position: relative;
  margin: 0 0 15px;
}
.zws-main-settings .zw-popup-wrapper .zw-i-popup .zw-add-member-con {
  top: -58px;
}
.zw-popup-wrapper .zw-popup-section {
  padding: 12px 35px;
}
/*****   popup content  end  *****/
.zw-pop-scroll {
  max-height: 350px;
  overflow: auto;
}
.zw-pop-scroll-small {
  max-height: 220px;
  overflow: auto;
}
.zw-pop-scroll-short {
  max-height: 250px;
  overflow: auto;
}
.zw-pop-scroll-long {
  max-height: 420px;
  overflow: auto;
}
.zw-space {
  margin: 5px 0;
}
/*****   form container start   *****/
.zw-form-container > li {
  margin-bottom: 25px;
}
/*****   form container end   *****/
/***** Lyte Dropdown start *****/
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) {
  width: 100%;
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button {
  background-color: var(--white);
  border: 1px solid var(--grey4);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
  box-sizing: border-box;
  font-family: "LatoLatin", sans-serif;
  color: inherit;
  font-size: 1.4rem;
  font-weight: 400;
  outline: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button lyte-icon.dropdown {
  position: static;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="16" height="16" stroke-width="2" stroke="hsla(227,15%,40%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
  padding: 7px;
  background-repeat: no-repeat;
  opacity: 0.7;
  background-position: center;
  transform: inherit;
  width: auto;
  height: auto;
}
.zlearn-os\:dark .zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button lyte-icon.dropdown,
.zlearn-theme\:dark .zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button lyte-icon.dropdown {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" width="16" height="16" stroke-width="2" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M19.5 8.25l-7.5 7.5-7.5-7.5" /></svg>');
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-lyte-select\:small lyte-drop-button {
  font-size: 1.3rem;
  padding-top: 4px;
  padding-bottom: 4px;
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-lyte-select\:small lyte-drop-button .lyteDropPlaceholderNormal {
  color: var(--grey0);
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-lyte-select\:medium lyte-drop-button {
  font-size: 1.4rem;
  padding-top: 7px;
  padding-bottom: 7px;
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-lyte-select\:medium lyte-drop-button .lyteDropPlaceholderNormal {
  color: var(--grey0);
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-lyte-select\:large lyte-drop-button {
  padding-top: 9px;
  padding-bottom: 9px;
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-lyte-select\:large lyte-drop-button .lyteDropPlaceholderNormal {
  color: var(--grey0);
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-disabled,
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).z-disabled {
  pointer-events: none;
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-disabled lyte-drop-button,
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).z-disabled lyte-drop-button {
  background-color: var(--grey6);
  border-color: var(--grey5);
  box-shadow: none;
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-disabled lyte-drop-button .lyteDropdownLabel,
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).z-disabled lyte-drop-button .lyteDropdownLabel,
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-disabled lyte-drop-button .lyteDropPlaceholderNormal,
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).z-disabled lyte-drop-button .lyteDropPlaceholderNormal {
  color: var(--grey3);
}
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zln-disabled lyte-drop-button lyte-icon.dropdown,
.zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).z-disabled lyte-drop-button lyte-icon.dropdown {
  opacity: 0.3;
}
.zls-lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button {
  border: 2px solid var(--grey5);
  padding: 8px 20px 8px 15px;
  min-width: 200px;
  font-weight: 400;
  background-color: var(--white);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-min-w50 lyte-drop-button {
  min-width: 50px;
}
.zls-lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-min-w100 lyte-drop-button {
  min-width: 100px;
}
.zls-lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-min-w150 lyte-drop-button {
  min-width: 150px;
}
.zls-lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-bor-w1 lyte-drop-button {
  border: 1px solid #c5c5c5;
}
.zls-lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-lyte-small-dropdown lyte-drop-button {
  font-size: 1.3rem;
  padding: 4px 30px 4px 10px;
}
.zls-lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-lyte-medium-dropdown lyte-drop-button {
  font-size: 1.4rem;
  padding: 6px 30px 6px 10px;
}
.zls-lyte-dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]).zls-gryebg {
  background: var(--grey9);
}
lyte-drop-box.lyteCPDropbox lyte-drop-item {
  padding: 10px;
}
lyte-drop-box.lyteCalendarDropdown {
  padding: 0;
}
lyte-drop-box.lyteCalendarDropdown lyte-drop-body lyte-drop-item {
  padding: 0.55rem 1.1rem;
  padding-left: 15px;
}
.zw-popbox {
  position: absolute;
  box-shadow: 0 8px 16px rgba(27, 39, 51, 0.12);
  border: 1px solid var(--grey5);
  background: var(--white);
  right: -2px;
  top: 80%;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--grey0);
  z-index: 1;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 10px 0 0;
  padding: 10px 0;
  list-style: none;
}
.zw-popbox.zw-custom-tooltip {
  background: rgba(0, 0, 0, 0.75);
  color: hsl(0, 0%, 100%);
  padding: 10px;
  text-align: center;
  border: none;
}
.zw-popbox.zw-custom-tooltip.zw-arrow.top-arrow:before,
.zw-popbox.zw-custom-tooltip.zw-arrow.top-arrow-right:before {
  border: none;
}
.zw-popbox.zw-custom-tooltip.zw-arrow.top-arrow:after,
.zw-popbox.zw-custom-tooltip.zw-arrow.top-arrow-right:after {
  border-bottom-color: rgba(0, 0, 0, 0.75);
}
.zw-popbox.zw-custom-tooltip.zw-arrow.left-arrow:before {
  border: none;
}
.zw-popbox.zw-custom-tooltip.zw-arrow.left-arrow:after {
  border-right-color: rgba(0, 0, 0, 0.75);
}
.zw-popbox.zw-custom-tooltip.zw-arrow.right-arrow:before {
  border: none;
}
.zw-popbox.zw-custom-tooltip.zw-arrow.right-arrow:after {
  border-left-color: rgba(0, 0, 0, 0.75);
}
.zw-popbox.zw-custom-tooltip.zw-arrow.bottom-arrow:before,
.zw-popbox.zw-custom-tooltip.zw-arrow.bottom-arrow-right:before {
  border: none;
}
.zw-popbox.zw-custom-tooltip.zw-arrow.bottom-arrow:after,
.zw-popbox.zw-custom-tooltip.zw-arrow.bottom-arrow-right:after {
  border-top-color: rgba(0, 0, 0, 0.75);
}
.zw-popbox.zw-wh-space-nor {
  white-space: normal;
}
.zw-popbox.zw-auto-com {
  left: -1px;
  right: -1px;
  top: 100%;
  margin: 0;
  padding: 10px 0;
  z-index: 2;
}
.zw-popbox.zw-auto-com .zw-li-each,
.zw-popbox.zw-auto-com li {
  padding: 0;
  transition: none;
}
.zw-popbox.zw-auto-com .zw-li-each.zw-pop-title,
.zw-popbox.zw-auto-com li.zw-pop-title {
  padding: 10px 20px;
}
.zw-popbox.zw-auto-com .zw-li-each:hover,
.zw-popbox.zw-auto-com li:hover {
  background: transparent;
}
.zw-popbox.zw-auto-com .zw-li-each a,
.zw-popbox.zw-auto-com li a {
  padding: 7px 10px;
}
.zw-popbox.zw-auto-com .zw-li-each a.ui-state-focus,
.zw-popbox.zw-auto-com li a.ui-state-focus {
  background-color: var(--grey7);
}
.zw-popbox.zw-auto-com .zw-li-each .zw-name-meta,
.zw-popbox.zw-auto-com li .zw-name-meta {
  font-weight: 500;
}
.zw-popbox.zw-auto-com.zls-tags-autocom-list {
  margin-top: 5px;
}
.zw-popbox .zw-text-field {
  border: none;
}
.zw-popbox .zw-text-field:focus {
  border: none;
}
.zw-popbox .zw-popbox-inner {
  padding: 10px 20px;
}
.zw-popbox .zw-box-wrapper {
  padding: 10px 20px;
}
.zw-popbox .zw-box-wrapper .zw-li-each:first-of-type {
  margin-top: -10px;
}
.zw-popbox ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.zw-popbox ul li {
  white-space: normal;
}
.zw-popbox.zw-tick lyte-menu-header,
.zw-popbox.zw-tick lyte-menu-item,
.zw-popbox.zw-tick li {
  padding: 7px 30px;
}
.zw-popbox.zw-tick lyte-menu-header.zw-pop-title,
.zw-popbox.zw-tick lyte-menu-item.zw-pop-title,
.zw-popbox.zw-tick li.zw-pop-title {
  color: var(--grey3);
}
.zw-popbox.zw-tick lyte-menu-header .zw-icon,
.zw-popbox.zw-tick lyte-menu-item .zw-icon,
.zw-popbox.zw-tick li .zw-icon {
  margin-right: 0;
}
.zw-popbox.zw-tick lyte-menu-header .zw-icon .zw-ic-tick,
.zw-popbox.zw-tick lyte-menu-item .zw-icon .zw-ic-tick,
.zw-popbox.zw-tick li .zw-icon .zw-ic-tick {
  position: absolute;
}
.zw-popbox.zw-tick lyte-menu-header .zw-pop-search,
.zw-popbox.zw-tick .zw-popbox-header .zw-pop-search {
  border: none;
  padding: 12px 30px;
}
.zw-popbox.zw-popbox-list-big > li {
  padding: 15px 20px;
}
.zw-popbox lyte-menu-item,
.zw-popbox li {
  padding: 7px 20px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  /*         text-transform: none; */
  text-align: left;
}
.zw-popbox lyte-menu-item zls-menu-item,
.zw-popbox li zls-menu-item {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.zw-popbox lyte-menu-item.zw-sub-menu:before,
.zw-popbox li.zw-sub-menu:before {
  width: 0px;
  height: 0px;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 5px solid var(--grey1);
  content: "";
  position: absolute;
  right: 14px;
  top: 50%;
  margin-top: -4px;
}
.zw-popbox lyte-menu-item.zw-sub-menu.lyteMenuSelection,
.zw-popbox li.zw-sub-menu.lyteMenuSelection {
  background-color: var(--grey7);
}
.zw-popbox lyte-menu-item ul li:hover,
.zw-popbox li ul li:hover {
  background-color: var(--grey7);
}
.zw-popbox lyte-menu-item:hover,
.zw-popbox li:hover {
  background-color: var(--grey7);
}
.zw-popbox lyte-menu-item.zls-active,
.zw-popbox li.zls-active,
.zw-popbox lyte-menu-item.zw-active,
.zw-popbox li.zw-active {
  color: var(--product-accent-color);
  position: relative;
}
.zw-popbox lyte-menu-item.zls-active lyte-menu-label,
.zw-popbox li.zls-active lyte-menu-label,
.zw-popbox lyte-menu-item.zw-active lyte-menu-label,
.zw-popbox li.zw-active lyte-menu-label {
  color: var(--product-accent-color);
  position: relative;
}
.zw-popbox lyte-menu-item.zls-active .zw-ic,
.zw-popbox li.zls-active .zw-ic,
.zw-popbox lyte-menu-item.zw-active .zw-ic,
.zw-popbox li.zw-active .zw-ic {
  fill: var(--product-accent-color);
  top: 4px;
  left: 4px;
}
.zw-popbox lyte-menu-item a,
.zw-popbox li a {
  color: inherit;
  text-decoration: none;
}
.zw-top-nav .zw-popbox lyte-menu-item a,
.zw-top-nav .zw-popbox li a {
  display: block;
}
.zw-popbox .zw-pop-title {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 700;
  color: var(--product-accent-color);
  letter-spacing: 0.5px;
  cursor: default;
}
.zw-popbox .zw-pop-title lyte-menu-label {
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: 600;
  color: var(--grey2);
  letter-spacing: 0.3px;
  cursor: default;
}
.zw-popbox .zw-pop-title lyte-menu-label:hover {
  background: transparent;
}
.zw-popbox .zw-pop-title:hover {
  background: transparent;
}
.zw-popbox .zw-pop-separate {
  border-bottom: 1px solid rgba(190, 196, 206, 0.33);
  padding: 0;
  margin: 5px 0;
  background: transparent;
  cursor: default;
  display: block;
}
.zw-popbox .zw-pop-separate:hover {
  background: transparent;
}
.zw-popbox.zw-pop-scale {
  min-width: 140px;
  max-width: 300px;
}
.zw-popbox.zw-pop-scale.zw-medium-scale {
  min-width: 190px;
}
.zw-popbox.zw-pop-scale.zw-long-scale {
  min-width: 250px;
}
.zw-popbox.zw-arrow:before,
.zw-popbox.zw-arrow:after {
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.zw-popbox.zw-arrow:before {
  border-width: 8px;
}
.zw-popbox.zw-arrow:after {
  border-width: 7px;
}
.zw-popbox.zw-arrow.top-arrow {
  left: -2px;
  right: auto;
}
.zw-popbox.zw-arrow.top-arrow:before,
.zw-popbox.zw-arrow.top-arrow-right:before,
.zw-popbox.zw-arrow.top-arrow:after,
.zw-popbox.zw-arrow.top-arrow-right:after {
  left: 10px;
  bottom: 100%;
}
.zw-popbox.zw-arrow.top-arrow:before,
.zw-popbox.zw-arrow.top-arrow-right:before {
  border-bottom-color: var(--grey3);
}
.zw-popbox.zw-arrow.top-arrow:after,
.zw-popbox.zw-arrow.top-arrow-right:after {
  border-bottom-color: var(--white);
  margin-left: 1px;
}
.zw-popbox.zw-arrow.top-arrow-right:before,
.zw-popbox.zw-arrow.top-arrow-right:after {
  right: 10px;
  left: initial;
}
.zw-popbox.zw-arrow.top-arrow-right:after {
  margin-right: 1px;
}
.zw-popbox.zw-arrow.left-arrow:before,
.zw-popbox.zw-arrow.left-arrow-bottom:before,
.zw-popbox.zw-arrow.left-arrow:after,
.zw-popbox.zw-arrow.left-arrow-bottom:after {
  right: 100%;
  top: 10px;
}
.zw-popbox.zw-arrow.left-arrow:before,
.zw-popbox.zw-arrow.left-arrow-bottom:before {
  border-right-color: var(--grey3);
}
.zw-popbox.zw-arrow.left-arrow:after,
.zw-popbox.zw-arrow.left-arrow-bottom:after {
  border-right-color: var(--white);
  margin-top: 1px;
}
.zw-popbox.zw-arrow.left-arrow-bottom {
  bottom: 0;
  top: auto;
  right: auto;
}
.zw-popbox.zw-arrow.left-arrow-bottom:before,
.zw-popbox.zw-arrow.left-arrow-bottom:after {
  top: auto;
  bottom: 10px;
}
.zw-popbox.zw-arrow.left-arrow-bottom:after {
  margin-bottom: 1px;
}
.zw-popbox.zw-arrow.right-arrow:before,
.zw-popbox.zw-arrow.right-arrow:after {
  left: 100%;
  top: 10px;
}
.zw-popbox.zw-arrow.right-arrow:before {
  border-left-color: var(--grey3);
}
.zw-popbox.zw-arrow.right-arrow:after {
  border-left-color: var(--white);
  margin-top: 1px;
}
.zw-popbox.zw-arrow.bottom-arrow,
.zw-popbox.zw-arrow.bottom-arrow-right {
  bottom: 40px;
  top: auto;
}
.zw-popbox.zw-arrow.bottom-arrow:before,
.zw-popbox.zw-arrow.bottom-arrow-right:before,
.zw-popbox.zw-arrow.bottom-arrow:after,
.zw-popbox.zw-arrow.bottom-arrow-right:after {
  left: 10px;
  top: 100%;
}
.zw-popbox.zw-arrow.bottom-arrow:before,
.zw-popbox.zw-arrow.bottom-arrow-right:before {
  border-top-color: var(--grey3);
}
.zw-popbox.zw-arrow.bottom-arrow:after,
.zw-popbox.zw-arrow.bottom-arrow-right:after {
  border-top-color: var(--white);
  margin-left: 1px;
}
.zw-popbox.zw-arrow.bottom-arrow-right:before,
.zw-popbox.zw-arrow.bottom-arrow-right:after {
  right: 10px;
  left: initial;
}
.zw-popbox.zw-arrow.bottom-arrow-right:after {
  margin-right: 1px;
}
.zw-popbox .zls-popbox-child li {
  padding: 0;
}
.zw-popbox .zls-popbox-child li:hover {
  background: transparent;
}
/***** Info custom tooltip start *****/
.zls-info-msg {
  position: relative;
}
.zls-info-msg .zw-popbox {
  width: 200px;
  right: -5px;
}
.zls-info-msg .zw-popbox.zw-popbox-left-side {
  right: auto;
  left: -7px;
}
.zls-info-msg:hover .zw-popbox {
  animation-name: ani-show;
  display: block;
}
/***** Info custom tooltip end *****/
/*****   popbox content end   *****/
.zls-isolation {
  isolation: isolate;
}
.zw-index-1 {
  z-index: -1;
}
.zw-index1 {
  z-index: 1;
}
.zw-index2 {
  z-index: 2;
}
.zw-index3 {
  z-index: 3;
}
.zw-index4 {
  z-index: 4;
}
.zw-index5 {
  z-index: 5;
}
.zw-index6 {
  z-index: 6;
}
.zw-index7 {
  z-index: 7;
}
.zw-index8 {
  z-index: 8;
}
.zw-index9 {
  z-index: 9;
}
.zw-index10 {
  z-index: 10;
}
.zw-index-none {
  z-index: 0;
}
/* Manual options dropdown icon colors */
.zls-white-bg {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-share-popup .lytePopover {
  min-height: 180px;
}
.zls-share-popup .zls-share-everyone {
  border-top: 1px solid var(--grey6);
  background: var(--grey9);
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}
.zls-share-popup .zls-share-everyone .zw-ic-globe {
  stroke: #7bd1c1;
  stroke-width: 1.2;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(1) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(1) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(1) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(9) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(9) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(9) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(1) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(1) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(1) .zls-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(9) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(9) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(9) .zls-ico-wrapper {
  background-color: #fff6f6;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(1) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(1) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(1) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(9) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(9) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(9) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(1) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(1) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(1) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(9) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(9) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(9) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(1) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(1) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(1) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(9) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(9) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(9) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(1) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(1) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(1) .zls-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(9) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(9) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(9) .zls-ico-wrapper .zw-ic {
  stroke: #db5959;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(2) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(2) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(2) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(10) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(10) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(10) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(2) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(2) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(2) .zls-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(10) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(10) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(10) .zls-ico-wrapper {
  background-color: #fff4ec;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(2) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(2) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(2) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(10) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(10) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(10) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(2) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(2) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(2) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(10) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(10) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(10) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(2) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(2) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(2) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(10) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(10) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(10) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(2) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(2) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(2) .zls-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(10) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(10) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(10) .zls-ico-wrapper .zw-ic {
  stroke: #e07936;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(3) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(3) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(3) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(11) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(11) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(11) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(3) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(3) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(3) .zls-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(11) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(11) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(11) .zls-ico-wrapper {
  background-color: #fff7db;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(3) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(3) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(3) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(11) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(11) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(11) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(3) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(3) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(3) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(11) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(11) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(11) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(3) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(3) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(3) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(11) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(11) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(11) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(3) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(3) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(3) .zls-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(11) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(11) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(11) .zls-ico-wrapper .zw-ic {
  stroke: #bf9500;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(4) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(4) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(4) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(12) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(12) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(12) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(4) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(4) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(4) .zls-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(12) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(12) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(12) .zls-ico-wrapper {
  background-color: #edf8e7;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(4) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(4) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(4) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(12) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(12) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(12) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(4) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(4) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(4) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(12) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(12) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(12) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(4) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(4) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(4) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(12) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(12) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(12) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(4) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(4) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(4) .zls-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(12) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(12) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(12) .zls-ico-wrapper .zw-ic {
  stroke: #4e9e22;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(5) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(5) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(5) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(13) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(13) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(13) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(5) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(5) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(5) .zls-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(13) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(13) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(13) .zls-ico-wrapper {
  background-color: #e9f9ff;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(5) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(5) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(5) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(13) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(13) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(13) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(5) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(5) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(5) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(13) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(13) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(13) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(5) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(5) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(5) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(13) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(13) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(13) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(5) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(5) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(5) .zls-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(13) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(13) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(13) .zls-ico-wrapper .zw-ic {
  stroke: #1781a7;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(6) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(6) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(6) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(14) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(14) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(14) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(6) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(6) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(6) .zls-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(14) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(14) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(14) .zls-ico-wrapper {
  background-color: #f1f5ff;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(6) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(6) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(6) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(14) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(14) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(14) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(6) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(6) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(6) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(14) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(14) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(14) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(6) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(6) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(6) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(14) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(14) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(14) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(6) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(6) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(6) .zls-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(14) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(14) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(14) .zls-ico-wrapper .zw-ic {
  stroke: #2859c2;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(7) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(7) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(7) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(15) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(15) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(15) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(7) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(7) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(7) .zls-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(15) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(15) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(15) .zls-ico-wrapper {
  background-color: #f6f1ff;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(7) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(7) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(7) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(15) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(15) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(15) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(7) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(7) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(7) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(15) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(15) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(15) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(7) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(7) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(7) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(15) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(15) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(15) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(7) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(7) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(7) .zls-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(15) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(15) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(15) .zls-ico-wrapper .zw-ic {
  stroke: #7e51cf;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(8) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(8) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(8) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(16) .zln-ico-wrapper,
.zln-ico-loop > *:nth-child(16) .zln-ico-wrapper,
.zls-ico-loop > *:nth-child(16) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(8) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(8) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(8) .zls-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(16) .zls-ico-wrapper,
.zln-ico-loop > *:nth-child(16) .zls-ico-wrapper,
.zls-ico-loop > *:nth-child(16) .zls-ico-wrapper {
  background-color: #fef3ff;
}
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(8) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(8) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(8) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(16) .zln-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(16) .zln-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(16) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(8) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(8) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(8) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(16) .zls-ico-wrapper .z-ico,
.zln-ico-loop > *:nth-child(16) .zls-ico-wrapper .z-ico,
.zls-ico-loop > *:nth-child(16) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(8) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(8) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(8) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(16) .zln-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(16) .zln-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(16) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(8) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(8) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(8) .zls-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield > *:nth-child(16) .zls-ico-wrapper .zw-ic,
.zln-ico-loop > *:nth-child(16) .zls-ico-wrapper .zw-ic,
.zls-ico-loop > *:nth-child(16) .zls-ico-wrapper .zw-ic {
  stroke: #b84bc0;
}
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(1) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(1) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(1) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(2) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(2) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(2) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(3) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(3) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(3) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(4) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(4) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(4) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(5) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(5) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(5) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(6) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(6) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(6) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(7) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(7) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(7) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(8) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(8) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(8) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(9) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(9) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(9) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(10) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(10) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(10) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(11) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(11) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(11) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(12) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(12) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(12) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(13) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(13) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(13) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(14) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(14) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(14) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(15) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(15) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(15) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(16) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(16) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(16) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(1) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(1) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(1) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(2) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(2) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(2) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(3) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(3) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(3) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(4) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(4) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(4) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(5) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(5) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(5) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(6) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(6) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(6) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(7) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(7) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(7) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(8) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(8) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(8) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(9) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(9) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(9) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(10) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(10) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(10) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(11) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(11) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(11) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(12) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(12) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(12) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(13) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(13) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(13) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(14) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(14) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(14) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(15) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(15) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(15) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(16) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop > *:nth-child(16) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop > *:nth-child(16) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(1) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(1) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(1) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(2) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(2) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(2) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(3) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(3) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(3) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(4) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(4) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(4) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(5) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(5) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(5) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(6) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(6) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(6) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(7) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(7) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(7) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(8) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(8) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(8) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(9) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(9) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(9) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(10) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(10) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(10) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(11) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(11) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(11) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(12) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(12) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(12) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(13) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(13) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(13) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(14) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(14) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(14) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(15) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(15) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(15) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(16) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(16) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(16) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(1) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(1) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(1) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(2) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(2) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(2) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(3) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(3) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(3) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(4) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(4) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(4) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(5) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(5) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(5) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(6) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(6) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(6) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(7) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(7) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(7) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(8) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(8) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(8) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(9) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(9) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(9) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(10) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(10) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(10) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(11) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(11) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(11) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(12) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(12) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(12) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(13) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(13) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(13) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(14) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(14) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(14) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(15) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(15) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(15) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield > *:nth-child(16) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop > *:nth-child(16) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop > *:nth-child(16) .zls-ico-wrapper {
  background-color: var(--grey7);
}
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(1) .zln-ico-wrapper,
.zln-ico-loop\:1 > *:nth-child(1) .zln-ico-wrapper,
.zls-ico-loop\:1 > *:nth-child(1) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(1) .zls-ico-wrapper,
.zln-ico-loop\:1 > *:nth-child(1) .zls-ico-wrapper,
.zls-ico-loop\:1 > *:nth-child(1) .zls-ico-wrapper {
  background-color: #fff4ec;
}
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(1) .zln-ico-wrapper .z-ico,
.zln-ico-loop\:1 > *:nth-child(1) .zln-ico-wrapper .z-ico,
.zls-ico-loop\:1 > *:nth-child(1) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(1) .zls-ico-wrapper .z-ico,
.zln-ico-loop\:1 > *:nth-child(1) .zls-ico-wrapper .z-ico,
.zls-ico-loop\:1 > *:nth-child(1) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(1) .zln-ico-wrapper .zw-ic,
.zln-ico-loop\:1 > *:nth-child(1) .zln-ico-wrapper .zw-ic,
.zls-ico-loop\:1 > *:nth-child(1) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(1) .zls-ico-wrapper .zw-ic,
.zln-ico-loop\:1 > *:nth-child(1) .zls-ico-wrapper .zw-ic,
.zls-ico-loop\:1 > *:nth-child(1) .zls-ico-wrapper .zw-ic {
  stroke: #e07936;
}
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(2) .zln-ico-wrapper,
.zln-ico-loop\:1 > *:nth-child(2) .zln-ico-wrapper,
.zls-ico-loop\:1 > *:nth-child(2) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(2) .zls-ico-wrapper,
.zln-ico-loop\:1 > *:nth-child(2) .zls-ico-wrapper,
.zls-ico-loop\:1 > *:nth-child(2) .zls-ico-wrapper {
  background-color: #fff7db;
}
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(2) .zln-ico-wrapper .z-ico,
.zln-ico-loop\:1 > *:nth-child(2) .zln-ico-wrapper .z-ico,
.zls-ico-loop\:1 > *:nth-child(2) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(2) .zls-ico-wrapper .z-ico,
.zln-ico-loop\:1 > *:nth-child(2) .zls-ico-wrapper .z-ico,
.zls-ico-loop\:1 > *:nth-child(2) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(2) .zln-ico-wrapper .zw-ic,
.zln-ico-loop\:1 > *:nth-child(2) .zln-ico-wrapper .zw-ic,
.zls-ico-loop\:1 > *:nth-child(2) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(2) .zls-ico-wrapper .zw-ic,
.zln-ico-loop\:1 > *:nth-child(2) .zls-ico-wrapper .zw-ic,
.zls-ico-loop\:1 > *:nth-child(2) .zls-ico-wrapper .zw-ic {
  stroke: #bf9500;
}
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(3) .zln-ico-wrapper,
.zln-ico-loop\:1 > *:nth-child(3) .zln-ico-wrapper,
.zls-ico-loop\:1 > *:nth-child(3) .zln-ico-wrapper,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(3) .zls-ico-wrapper,
.zln-ico-loop\:1 > *:nth-child(3) .zls-ico-wrapper,
.zls-ico-loop\:1 > *:nth-child(3) .zls-ico-wrapper {
  background-color: #e9f9ff;
}
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(3) .zln-ico-wrapper .z-ico,
.zln-ico-loop\:1 > *:nth-child(3) .zln-ico-wrapper .z-ico,
.zls-ico-loop\:1 > *:nth-child(3) .zln-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(3) .zls-ico-wrapper .z-ico,
.zln-ico-loop\:1 > *:nth-child(3) .zls-ico-wrapper .z-ico,
.zls-ico-loop\:1 > *:nth-child(3) .zls-ico-wrapper .z-ico,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(3) .zln-ico-wrapper .zw-ic,
.zln-ico-loop\:1 > *:nth-child(3) .zln-ico-wrapper .zw-ic,
.zls-ico-loop\:1 > *:nth-child(3) .zln-ico-wrapper .zw-ic,
.zls-course-settings lyte-accordion lyte-yield\:1 > *:nth-child(3) .zls-ico-wrapper .zw-ic,
.zln-ico-loop\:1 > *:nth-child(3) .zls-ico-wrapper .zw-ic,
.zls-ico-loop\:1 > *:nth-child(3) .zls-ico-wrapper .zw-ic {
  stroke: #1781a7;
}
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(1) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop\:1:nth-child(1) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop\:1:nth-child(1) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(2) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop\:1:nth-child(2) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop\:1:nth-child(2) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(3) .zln-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop\:1:nth-child(3) .zln-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop\:1:nth-child(3) .zln-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(1) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop\:1:nth-child(1) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop\:1:nth-child(1) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(2) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop\:1:nth-child(2) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop\:1:nth-child(2) .zls-ico-wrapper,
.zlearn-os\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(3) .zls-ico-wrapper,
.zlearn-os\:dark .zln-ico-loop\:1:nth-child(3) .zls-ico-wrapper,
.zlearn-os\:dark .zls-ico-loop\:1:nth-child(3) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(1) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop\:1:nth-child(1) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop\:1:nth-child(1) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(2) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop\:1:nth-child(2) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop\:1:nth-child(2) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(3) .zln-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop\:1:nth-child(3) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop\:1:nth-child(3) .zln-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(1) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop\:1:nth-child(1) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop\:1:nth-child(1) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(2) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop\:1:nth-child(2) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop\:1:nth-child(2) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-course-settings lyte-accordion lyte-yield\:1:nth-child(3) .zls-ico-wrapper,
.zlearn-theme\:dark .zln-ico-loop\:1:nth-child(3) .zls-ico-wrapper,
.zlearn-theme\:dark .zls-ico-loop\:1:nth-child(3) .zls-ico-wrapper {
  background-color: var(--grey7);
}
/***** Announcement Banner start *****/
.zls-banner-type\:success {
  background-color: hsl(161, 73%, 96%);
  color: hsl(161, 61%, 32%);
  border-color: hsl(161, 79%, 46%);
}
.zls-banner-type\:success .zw-ic {
  fill: hsl(161, 61%, 48%);
  stroke: hsl(161, 61%, 48%);
}
.zls-banner-type\:success .zw-ic-close {
  stroke-width: 2;
  stroke: hsl(161, 61%, 32%);
}
.zls-banner-type\:warning {
  background-color: hsl(42, 100%, 96%);
  color: hsl(42, 100%, 28%);
  border-color: hsl(42, 89%, 51%);
}
.zls-banner-type\:warning .zw-ic {
  fill: hsl(42, 100%, 45%);
  stroke: hsl(42, 100%, 45%);
}
.zls-banner-type\:warning .zw-ic-close {
  stroke-width: 2;
  stroke: hsl(42, 100%, 28%);
}
.zls-banner-type\:info {
  background-color: hsl(224, 100%, 97%);
  color: hsl(224, 70%, 54%);
  border-color: hsl(224, 89%, 62%);
}
.zls-banner-type\:info .zw-ic {
  fill: hsl(224, 70%, 57%);
  stroke: hsl(224, 70%, 57%);
}
.zls-banner-type\:info .zw-ic-close {
  stroke-width: 2;
  stroke: hsl(224, 70%, 54%);
}
.zls-banner-type\:error {
  background-color: hsl(1, 87%, 97%);
  color: hsl(1, 53%, 52%);
  border-color: hsl(1, 81%, 62%);
}
.zls-banner-type\:error .zw-ic {
  fill: hsl(1, 53%, 56%);
  stroke: hsl(1, 53%, 56%);
}
.zls-banner-type\:error .zw-ic-close {
  stroke-width: 2;
  stroke: hsl(1, 53%, 52%);
}
/***** Announcement Banner end *****/
/***** Border style start *****/
.zls-border-w\:0 {
  border: 0;
}
.zls-border-style\:solid {
  border-width: 0;
  border-style: solid;
}
.zls-border-style\:dashed {
  border-width: 0;
  border-style: dashed;
}
.zls-border-allw\:1 {
  border-width: 1px;
}
.zls-border-allw\:2 {
  border-width: 2px;
}
.zls-border-allw\:3 {
  border-width: 3px;
}
.zls-border-allw\:4 {
  border-width: 4px;
}
.zls-border-tw\:1 {
  border-top-width: 1px;
}
.zls-border-tw\:2 {
  border-top-width: 2px;
}
.zls-border-tw\:3 {
  border-top-width: 3px;
}
.zls-border-tw\:4 {
  border-top-width: 4px;
}
.zls-border-bw\:1 {
  border-bottom-width: 1px;
}
.zls-border-bw\:2 {
  border-bottom-width: 2px;
}
.zls-border-bw\:3 {
  border-bottom-width: 3px;
}
.zls-border-bw\:4 {
  border-bottom-width: 4px;
}
.zls-border-lw\:1 {
  border-left-width: 1px;
}
.zls-border-lw\:2 {
  border-left-width: 2px;
}
.zls-border-lw\:3 {
  border-left-width: 3px;
}
.zls-border-lw\:4 {
  border-left-width: 4px;
}
.zls-border-rw\:1 {
  border-right-width: 1px;
}
.zls-border-rw\:2 {
  border-right-width: 2px;
}
.zls-border-rw\:3 {
  border-right-width: 3px;
}
.zls-border-rw\:4 {
  border-right-width: 4px;
}
.zls-border-tbw\:1 {
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.zls-border-tbw\:2 {
  border-top-width: 2px;
  border-bottom-width: 2px;
}
.zls-border-tbw\:3 {
  border-top-width: 3px;
  border-bottom-width: 3px;
}
.zls-border-tbw\:4 {
  border-top-width: 4px;
  border-bottom-width: 4px;
}
.zls-border-type\:dashed {
  border-style: dashed;
}
/***** Border style end *****/
/***** Divider style start *****/
.zls-divide\:last > * {
  border-bottom: 1px solid;
}
.zls-divide > * + * {
  border-top: 1px solid;
}
.zls-border-c\:0 {
  border-color: var(--grey3);
}
.zls-border-c\:1 {
  border-color: var(--grey4);
}
.zls-border-c\:2 {
  border-color: var(--grey5);
}
.zls-border-c\:3 {
  border-color: var(--grey6);
}
.zls-border-c\:4 {
  border-color: var(--grey7);
}
.zls-border-color\:grey1 > *,
.zls-divide-color\:grey1 > * {
  border-color: var(--grey4);
}
.zls-border-color\:grey2 > *,
.zls-divide-color\:grey2 > * {
  border-color: var(--grey5);
}
.zls-border-color\:grey3 > *,
.zls-divide-color\:grey3 > * {
  border-color: var(--grey6);
}
/***** Divider style start *****/
/***** Background hover start *****/
.zls-child-hoverbg > *:hover {
  background-color: var(--grey8);
}
/***** Background hover end *****/
.zls-round-radius\:0 {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
.zls-round-radius\:1 {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.zls-round-radius\:2 {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.zls-round-radius\:3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-round-radius\:4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.zls-round-radius\:5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-round-radius\:10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.zls-round-radius\:30 {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zls-round-radius\:50 {
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.zls-round-radius\:100 {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
/***** Border radius end *****/
.zls-bg\:success {
  background-color: hsl(161, 79%, 46%);
}
.zls-bg\:warning {
  background-color: hsl(42, 89%, 51%);
}
.zls-bg\:info {
  background-color: hsl(224, 89%, 62%);
}
.zls-bg\:error {
  background-color: hsl(1, 81%, 62%);
}
.zls-bg\:white {
  background-color: var(--white);
}
.zls-bg\:grey1 {
  background-color: var(--grey1);
}
.zls-bg\:grey2 {
  background-color: var(--grey2);
}
.zls-bg\:grey3 {
  background-color: var(--grey3);
}
.zls-bg\:grey4 {
  background-color: var(--grey4);
}
.zls-bg\:grey5 {
  background-color: var(--grey5);
}
.zls-bg\:grey6 {
  background-color: var(--grey6);
}
.zls-bg\:grey7 {
  background-color: var(--grey7);
}
.zls-bg\:grey8 {
  background-color: var(--grey8);
}
.zls-bg\:grey9 {
  background-color: var(--grey9);
}
.zls-bg\:grey10 {
  background-color: var(--grey10);
}
.zls-txt\:success {
  color: hsl(161, 61%, 40%);
}
.zls-txt\:success .zw-ic {
  fill: hsl(161, 61%, 40%);
  stroke: hsl(161, 61%, 40%);
}
.zls-txt\:warning {
  color: hsl(42, 100%, 40%);
}
.zls-txt\:warning .zw-ic {
  fill: hsl(42, 100%, 40%);
  stroke: hsl(42, 100%, 40%);
}
.zls-txt\:info {
  color: hsl(224, 70%, 55%);
}
.zls-txt\:info .zw-ic {
  fill: hsl(224, 70%, 55%);
  stroke: hsl(224, 70%, 55%);
}
.zls-txt\:error {
  color: hsl(1, 53%, 55%);
}
.zls-txt\:error .zw-ic {
  fill: hsl(1, 53%, 55%);
  stroke: hsl(1, 53%, 55%);
}
.zls-txt\:white {
  color: var(--white);
}
.zls-txt\:grey1 {
  color: var(--grey1);
}
.zls-txt\:grey2 {
  color: var(--grey2);
}
.zls-txt\:grey3 {
  color: var(--grey3);
}
.zls-txt\:grey4 {
  color: var(--grey4);
}
/***** Kebab Menu icon start *****/
.zls-kebab-three-dot {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="22" width="22" stroke-width="1.8" stroke="hsla(227,15%,40%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 12.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z" /></svg>');
  background-color: transparent;
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
  border: none;
  cursor: pointer;
}
.zlearn-os\:dark .zls-kebab-three-dot,
.zlearn-theme\:dark .zls-kebab-three-dot {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="22" width="22" stroke-width="1.8" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M12 6.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 12.75a.75.75 0 110-1.5.75.75 0 010 1.5zM12 18.75a.75.75 0 110-1.5.75.75 0 010 1.5z" /></svg>');
}
.zw-article-icon {
  background: url(../images/article-icon-small.dd18e7869a33f55ee61ea34f2416a72f.svg) no-repeat;
  background-size: 40px 40px;
  padding: 20px;
}
.zls-eye-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="20" width="20" stroke-width="1.5" stroke="hsla(227,15%,40%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg>');
  background-color: transparent;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  border: none;
  cursor: pointer;
}
.zlearn-os\:dark .zls-eye-icon,
.zlearn-theme\:dark .zls-eye-icon {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" height="20" width="20" stroke-width="1.5" stroke="hsla(226,10%,90%,1)"><path stroke-linecap="round" stroke-linejoin="round" d="M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /></svg>');
}
/***** Kebab Menu icon start *****/
/* Product theme picker option */
.zln-picker\:theme0 {
  background: hsl(260, 55%, 65%);
}
.zln-picker\:theme1 {
  background: hsl(16, 59%, 50%);
}
.zln-picker\:theme2 {
  background: hsl(41, 100%, 45%);
}
.zln-picker\:theme3 {
  background: hsl(155, 57%, 46%);
}
.zln-picker\:theme4 {
  background: hsl(177, 71%, 42%);
}
.zln-picker\:theme5 {
  background: hsl(196, 100%, 44%);
}
.zln-picker\:theme6 {
  background: hsl(227, 56%, 57%);
}
.zln-picker\:theme7 {
  background: hsl(250, 50%, 59%);
}
.zln-picker\:theme8 {
  background: hsl(300, 35%, 52%);
}
/* Product theme picker option */
/***** Product default theme *****/
:root {
  --accent-h: 260;
  --accent-s: 55%;
  --accent-l: 65%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 20%), calc(var(--accent-l) + 31%), var(--accent-a));
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 9%), var(--accent-a));
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 35%), calc(var(--accent-l) - 50%), var(--accent-a));
  --product-nav-active-color: #ff8d8d;
  --product-top-loader-bg: #ff8d8d;
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 30%), calc(var(--accent-l) + 15%), var(--accent-a));
  --lesson-nav-bg: #231d35;
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-audio-controls-background: var(--grey7);
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
  --course-banner-bgcolor: var(--grey7);
  --chatbar-height: 28px;
  --global-header-height: 48px;
  --top-header-height: 60px;
  --announcement-banner-height: 0px;
  --alert-banner-height: 0px;
}
:root .zmNightMode {
  --wms-chat-bg-color: var(--grey10);
  --wms-primary-text-colorcode: var(--grey0);
  --wms-listhoverbg-colorcode: var(--grey7);
  --wms-secondary-bubble-color: var(--wms-chat-bg-color);
  --wms-border-color: var(--grey5);
  --wms-icon-color: var(--grey1);
}
.zls-hide-global-header {
  --global-header-height: 0px;
}
.zls-hide-chatbar {
  --chatbar-height: 0px;
}
.zls-show-global-banner {
  --announcement-banner-height: 40px;
}
.zls-alert-banner-show {
  --alert-banner-height: 30px;
}
.zln-wrapper\:cp-public {
  --global-header-height: 64px;
}
/***** Product default theme *****/
.zls-product-theme0 {
  --accent-h: 260;
  --accent-s: 55%;
  --accent-l: 65%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 20%), calc(var(--accent-l) + 31%), var(--accent-a));
  /* hsla(260, 100%, 98%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 9%), var(--accent-a));
  /* hsla(260, 55%, 56%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 35%), calc(var(--accent-l) - 50%), var(--accent-a));
  --product-nav-active-color: #ff8d8d;
  --product-top-loader-bg: #ff8d8d;
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 30%), calc(var(--accent-l) + 15%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 35%), calc(var(--accent-l) - 50%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
}
.zls-product-theme1 {
  --accent-h: 16deg;
  --accent-s: 59%;
  --accent-l: 50%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 31%), calc(var(--accent-l) + 45%), var(--accent-a));
  /* hsla(16, 90%, 95%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(16, 59%, 42%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 50%), calc(var(--accent-l) - 35%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), calc(var(--accent-s) + 38%), calc(var(--accent-l) + 19%), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) + 31%), calc(var(--accent-l) + 9%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 11%), calc(var(--accent-l) + 25%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 50%), calc(var(--accent-l) - 35%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
}
.zls-product-theme2 {
  --accent-h: 41deg;
  --accent-s: 100%;
  --accent-l: 45%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 50%), var(--accent-a));
  /* hsla(41, 100%, 95%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(41, 100%, 37%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 65%), calc(var(--accent-l) - 35%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) - 12%), calc(var(--accent-l) + 27%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 65%), calc(var(--accent-l) - 35%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
}
.zls-product-theme3 {
  --accent-h: 155deg;
  --accent-s: 57%;
  --accent-l: 46%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 43%), calc(var(--accent-l) + 50%), var(--accent-a));
  /* hsla(155, 100%, 96%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(155, 58%, 38%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 40%), calc(var(--accent-l) - 35%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) - 4%), calc(var(--accent-l) + 9%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 40%), calc(var(--accent-l) - 35%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
}
.zls-product-theme4 {
  --accent-h: 177deg;
  --accent-s: 71%;
  --accent-l: 42%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 29%), calc(var(--accent-l) + 54%), var(--accent-a));
  /* hsla(177, 100%, 96%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(177, 70%, 34%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 50%), calc(var(--accent-l) - 30%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) + 7%), calc(var(--accent-l) + 4%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 13%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 50%), calc(var(--accent-l) - 30%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
}
.zls-product-theme5 {
  --accent-h: 196deg;
  --accent-s: 100%;
  --accent-l: 44%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 52%), var(--accent-a));
  /* hsla(196, 100%, 96%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(196, 100%, 36%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 60%), calc(var(--accent-l) - 35%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) - 12%), calc(var(--accent-l) + 19%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) - 11%), calc(var(--accent-l) + 25%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 60%), calc(var(--accent-l) - 35%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
}
.zls-product-theme6 {
  --accent-h: 227deg;
  --accent-s: 56%;
  --accent-l: 57%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 44%), calc(var(--accent-l) + 40%), var(--accent-a));
  /* hsla(227, 100%, 97%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(227, 56%, 49%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 35%), calc(var(--accent-l) - 45%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), calc(var(--accent-s) + 44%), calc(var(--accent-l) + 13%), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) + 44%), calc(var(--accent-l) + 10%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 39%), calc(var(--accent-l) + 17%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 35%), calc(var(--accent-l) - 45%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
}
.zls-product-theme7 {
  --accent-h: 250deg;
  --accent-s: 50%;
  --accent-l: 59%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 37%), calc(var(--accent-l) + 38%), var(--accent-a));
  /* hsla(250, 87%, 97%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(250, 50%, 51%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 30%), calc(var(--accent-l) - 45%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), calc(var(--accent-s) + 30%), calc(var(--accent-l) + 18%), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) + 38%), calc(var(--accent-l) + 13%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 26%), calc(var(--accent-l) + 20%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 30%), calc(var(--accent-l) - 45%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
}
.zls-product-theme8 {
  --accent-h: 300deg;
  --accent-s: 35%;
  --accent-l: 52%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 51%), calc(var(--accent-l) + 45%), var(--accent-a));
  /* hsla(300, 86%, 97%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(300, 35%, 44%, 1) */
  --product-appearance-color: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 42%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), calc(var(--accent-s) + 39%), calc(var(--accent-l) + 13%), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) + 23%), calc(var(--accent-l) + 17%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 15%), calc(var(--accent-l) + 20%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 42%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
}
.zls-product-custom-theme {
  --product-appearance-color: #1e2129;
  --product-accent-color-light: var(--grey7);
  --lesson-nav-bg: #1e2129;
}
/***** Product light theme *****/
.zls-product-lighttheme {
  --product-appearance-color: hsl(0, 0%, 100%);
}
.zls-product-lighttheme.zls-product-theme1 {
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
}
.zls-product-lighttheme.zls-product-theme4 {
  --product-top-loader-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
}
.zls-product-lighttheme.zls-product-theme5 {
  --product-top-loader-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
}
.zls-product-lighttheme.zls-product-theme6 {
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
}
.zls-product-lighttheme.zls-product-theme7 {
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
}
.zls-product-lighttheme.zls-product-theme8 {
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
}
/***** Product light theme *****/
.zls-course-theme0 {
  --accent-h: 260;
  --accent-s: 55%;
  --accent-l: 65%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 20%), calc(var(--accent-l) + 31%), var(--accent-a));
  /* hsla(260, 100%, 98%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 9%), var(--accent-a));
  /* hsla(260, 55%, 56%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 35%), calc(var(--accent-l) - 50%), var(--accent-a));
  --product-nav-active-color: #ff8d8d;
  --product-top-loader-bg: #ff8d8d;
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 30%), calc(var(--accent-l) + 15%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 35%), calc(var(--accent-l) - 50%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
  --course-banner-bgcolor: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
}
.zls-course-theme1 {
  --accent-h: 16deg;
  --accent-s: 59%;
  --accent-l: 50%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 31%), calc(var(--accent-l) + 45%), var(--accent-a));
  /* hsla(16, 90%, 95%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(16, 59%, 42%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 50%), calc(var(--accent-l) - 35%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), calc(var(--accent-s) + 38%), calc(var(--accent-l) + 19%), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) + 31%), calc(var(--accent-l) + 9%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 11%), calc(var(--accent-l) + 25%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 50%), calc(var(--accent-l) - 35%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
  --course-banner-bgcolor: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
}
.zls-course-theme2 {
  --accent-h: 41deg;
  --accent-s: 100%;
  --accent-l: 45%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 50%), var(--accent-a));
  /* hsla(41, 100%, 95%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(41, 100%, 37%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 65%), calc(var(--accent-l) - 35%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) - 12%), calc(var(--accent-l) + 27%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 65%), calc(var(--accent-l) - 35%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
  --course-banner-bgcolor: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
}
.zls-course-theme3 {
  --accent-h: 155deg;
  --accent-s: 57%;
  --accent-l: 46%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 43%), calc(var(--accent-l) + 50%), var(--accent-a));
  /* hsla(155, 100%, 96%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(155, 58%, 38%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 40%), calc(var(--accent-l) - 35%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) - 4%), calc(var(--accent-l) + 9%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 40%), calc(var(--accent-l) - 35%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
  --course-banner-bgcolor: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
}
.zls-course-theme4 {
  --accent-h: 177deg;
  --accent-s: 71%;
  --accent-l: 42%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 29%), calc(var(--accent-l) + 54%), var(--accent-a));
  /* hsla(177, 100%, 96%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(177, 70%, 34%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 50%), calc(var(--accent-l) - 30%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) + 7%), calc(var(--accent-l) + 4%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 13%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 50%), calc(var(--accent-l) - 30%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
  --course-banner-bgcolor: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
}
.zls-course-theme5 {
  --accent-h: 196deg;
  --accent-s: 100%;
  --accent-l: 44%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) + 52%), var(--accent-a));
  /* hsla(196, 100%, 96%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(196, 100%, 36%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 60%), calc(var(--accent-l) - 35%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) - 12%), calc(var(--accent-l) + 19%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) - 11%), calc(var(--accent-l) + 25%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 60%), calc(var(--accent-l) - 35%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
  --course-banner-bgcolor: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
}
.zls-course-theme6 {
  --accent-h: 227deg;
  --accent-s: 56%;
  --accent-l: 57%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 44%), calc(var(--accent-l) + 40%), var(--accent-a));
  /* hsla(227, 100%, 97%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(227, 56%, 49%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 35%), calc(var(--accent-l) - 45%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), calc(var(--accent-s) + 44%), calc(var(--accent-l) + 13%), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) + 44%), calc(var(--accent-l) + 10%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 39%), calc(var(--accent-l) + 17%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 35%), calc(var(--accent-l) - 45%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
  --course-banner-bgcolor: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
}
.zls-course-theme7 {
  --accent-h: 250deg;
  --accent-s: 50%;
  --accent-l: 59%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 37%), calc(var(--accent-l) + 38%), var(--accent-a));
  /* hsla(250, 87%, 97%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(250, 50%, 51%, 1) */
  --product-appearance-color: hsla(var(--accent-h), calc(var(--accent-s) - 30%), calc(var(--accent-l) - 45%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), calc(var(--accent-s) + 30%), calc(var(--accent-l) + 18%), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) + 38%), calc(var(--accent-l) + 13%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 26%), calc(var(--accent-l) + 20%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), calc(var(--accent-s) - 30%), calc(var(--accent-l) - 45%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
  --course-banner-bgcolor: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
}
.zls-course-theme8 {
  --accent-h: 300deg;
  --accent-s: 35%;
  --accent-l: 52%;
  --accent-a: 1;
  --product-accent-color: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), calc(var(--accent-s) + 51%), calc(var(--accent-l) + 45%), var(--accent-a));
  /* hsla(300, 86%, 97%, 1) */
  --product-accent-color-dark: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 8%), var(--accent-a));
  /* hsla(300, 35%, 44%, 1) */
  --product-appearance-color: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 42%), var(--accent-a));
  --product-nav-active-color: hsla(var(--accent-h), calc(var(--accent-s) + 39%), calc(var(--accent-l) + 13%), var(--accent-a));
  --product-top-loader-bg: hsla(var(--accent-h), calc(var(--accent-s) + 23%), calc(var(--accent-l) + 17%), var(--accent-a));
  --input-focus-color: hsla(var(--accent-h), calc(var(--accent-s) + 15%), calc(var(--accent-l) + 20%), var(--accent-a));
  --lesson-nav-bg: hsla(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 42%), var(--accent-a));
  --plyr-color-main: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --plyr-video-control-color-hover: hsl(0, 0%, 100%);
  --course-banner-bgcolor: hsla(var(--accent-h), var(--accent-s), var(--accent-l), var(--accent-a));
  --product-accent-color-light: hsla(var(--accent-h), var(--accent-s), var(--accent-l), 0.15);
}
.zls-course-themecustom {
  --product-appearance-color: #1e2129;
  --product-accent-color-light: var(--grey7);
  --lesson-nav-bg: #1e2129;
}
.zls-course-lighttheme {
  --lesson-nav-bg: var(--grey9);
}
/***** Temp style will check and remove *****/
.lytemenufreezelayer.nogroup {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 4;
}
.lyteMenuHidden {
  display: none;
}
.lyteSortableDisabledPlaceholder {
  display: none;
}
lyte-menu-item.zs-menu-seprator {
  pointer-events: none;
  border-bottom: 1px solid #e5e5e5;
}
/***** Temp style will check and remove *****/
/***** Prism JS coy-theme style reset start *****/
pre[class*="language-"] > code {
  background-color: var(--white) !important;
  background-image: none !important;
  box-shadow: none !important;
}
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
  margin: 0 !important;
}
code[class*="language-"],
pre[class*="language-"] {
  line-height: 2 !important;
}
/***** Prism JS coy-theme style reset end *****/
.zls-abstractbg-img {
  background-image: url(../images/abstract-bg.49756b7c711696d95133fa95451f8e13.svg);
  background-repeat: no-repeat;
  background-size: cover;
}
.zls-grey-bg-color {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  background: var(--grey9);
}
/***** Article fly-out header style start *****/
.zln-popup\:search-result {
  position: fixed;
  background: var(--white);
  overflow-x: hidden;
  overflow-y: auto;
  max-width: 950px;
  margin: 0 auto;
  z-index: 5;
  bottom: var(--chatbar-height);
  left: 0;
  right: 0;
  top: 0;
}
.zln-popup\:search-result .zln-article-header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background: var(--white);
  padding-top: 30px;
  padding-left: 50px;
  padding-right: 50px;
  margin-top: -30px;
  margin-left: -50px;
  margin-right: -50px;
  z-index: 1;
}
.zln-popup\:search-result .zln-article-header .z-fs\:28 {
  font-size: 2.5rem;
}
/***** Article fly-out header style end *****/
.zw-quicklink-count,
.wms-statesmsg {
  display: none;
}
.wms-imgprev:after,
.wms-imgnext:after {
  line-height: initial;
}
blockquote {
  background-color: var(--grey8);
  padding: 10px 15px;
  border-left: 3px solid var(--grey3);
  border-radius: 0 3px 3px 0;
  margin: 10px 0;
}
/* Table overflow auto */
.zls-table-wrapper {
  overflow: auto;
}
.zls-table-wrapper table {
  border-spacing: 0;
  border-collapse: collapse;
}
/* Table overflow auto */
hr {
  border: none;
  border-top: 1px solid var(--grey4);
}
.zls-fixed-width {
  max-width: 800px;
  width: auto;
  margin: 0 auto;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
/* Fire-fox outline fix */
button:focus,
a:focus,
a:active,
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
select::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  outline: none !important;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
/* Fire-fox outline fix */
::-webkit-input-placeholder {
  color: rgba(45, 59, 68, 0.4);
}
::-moz-placeholder {
  color: rgba(45, 59, 68, 0.4);
}
::-ms-input-placeholder {
  color: rgba(45, 59, 68, 0.4);
}
.zln-wrapper\:cp-public .zls-global-top-search {
  border: 1px solid var(--header-placeholder-customcolor, rgba(255, 255, 255, 0.3));
  padding: 0 8px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zln-wrapper\:cp-public .zls-global-top-search .zw-search-btn .zw-ic-search-big {
  height: 22px;
  width: 22px;
}
.zln-wrapper\:cp-public.zls-product-lighttheme .zls-global-top-search {
  border-color: var(--header-placeholder-customcolor, var(--grey2));
}
.zlearn-os\:dark.zln-wrapper\:cp-public .zls-global-top-search,
.zlearn-theme\:dark.zln-wrapper\:cp-public .zls-global-top-search {
  border-color: rgba(255, 255, 255, 0.3);
}
.zls-global-top-search .zw-search-input {
  height: 27px;
  cursor: text;
}
.zln-wrapper\:cp-public .zls-global-top-search .zw-search-input {
  width: 300px;
  height: 30px;
}
.zls-global-top-search .zw-search-input:focus {
  box-shadow: none;
}
.zls-global-top-search ::-webkit-input-placeholder {
  color: var(--header-placeholder-customcolor, rgba(255, 255, 255, 0.7)) !important;
}
.zlearn-os\:dark .zls-global-top-search ::-webkit-input-placeholder,
.zlearn-theme\:dark .zls-global-top-search ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
.zls-product-lighttheme .zls-global-top-search ::-webkit-input-placeholder {
  color: var(--header-placeholder-customcolor, rgba(0, 0, 0, 0.7)) !important;
}
.zlearn-os\:dark.zls-product-lighttheme .zls-global-top-search ::-webkit-input-placeholder,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-top-search ::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
.zls-product-custom-theme .zls-global-top-search ::-webkit-input-placeholder {
  opacity: 0.7;
}
.zlearn-os\:dark.zls-product-lighttheme .zls-global-top-search ::-webkit-input-placeholder,
.zlearn-theme\:dark.zls-product-custom-theme .zls-global-top-search ::-webkit-input-placeholder {
  opacity: 1;
}
.zls-global-top-search ::-moz-placeholder {
  color: var(--header-placeholder-customcolor, rgba(255, 255, 255, 0.7)) !important;
}
.zlearn-os\:dark .zls-global-top-search ::-moz-placeholder,
.zlearn-theme\:dark .zls-global-top-search ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
.zls-product-lighttheme .zls-global-top-search ::-moz-placeholder {
  color: var(--header-placeholder-customcolor, rgba(0, 0, 0, 0.7)) !important;
}
.zlearn-os\:dark.zls-product-lighttheme .zls-global-top-search ::-moz-placeholder,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-top-search ::-moz-placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
.zls-product-custom-theme .zls-global-top-search ::-moz-placeholder {
  opacity: 0.7;
}
.zlearn-os\:dark.zls-product-lighttheme .zls-global-top-search ::-moz-placeholder,
.zlearn-theme\:dark.zls-product-custom-theme .zls-global-top-search ::-moz-placeholder {
  opacity: 1;
}
.zls-global-top-search ::-ms-input-placeholder {
  color: var(--header-placeholder-customcolor, rgba(255, 255, 255, 0.7)) !important;
}
.zlearn-os\:dark .zls-global-top-search ::-ms-input-placeholder,
.zlearn-theme\:dark .zls-global-top-search ::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
.zls-product-lighttheme .zls-global-top-search ::-ms-input-placeholder {
  color: var(--header-placeholder-customcolor, rgba(0, 0, 0, 0.7)) !important;
}
.zlearn-os\:dark.zls-product-lighttheme .zls-global-top-search ::-ms-input-placeholder,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-top-search ::-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.7) !important;
}
.zls-product-custom-theme .zls-global-top-search ::-ms-input-placeholder {
  opacity: 0.7;
}
.zlearn-os\:dark.zls-product-lighttheme .zls-global-top-search ::-ms-input-placeholder,
.zlearn-theme\:dark.zls-product-custom-theme .zls-global-top-search ::-ms-input-placeholder {
  opacity: 1;
}
a {
  outline: 0;
}
pre {
  overflow-x: scroll;
}
:focus {
  outline: 0;
}
body.zln-direction\:rtl {
  direction: rtl;
}
body.zls-player-fullscreen .zls-course-player-page :is(.zls-left-col, .zln-foo\:course, .zln-header\:course) {
  display: none;
}
body.zls-report-wrapper .zls-quick-create {
  display: none;
}
body.zls-show-activity .zls-quick-create {
  right: 400px;
}
body.zw-manual-wrapper {
  background: var(--white);
}
body.zw-manual-wrapper .zw-plan-upgrade-btn {
  display: none;
}
body.zw-editor-view {
  overflow: hidden;
  margin-bottom: 0px;
}
body.zw-editor-view .zls-quick-create,
body.zw-editor-view .zls-global-header-con {
  display: none;
}
body.zls-hide-global-header .zls-global-header-con {
  display: none;
}
body.zls-hide-global-header.zls-alert-banner-show course-view .zls-course-left-fadebg {
  top: var(--alert-banner-height);
}
body.zls-hide-global-header .zls-login-userimg {
  display: none;
}
body.zln-wrapper\:cp-public.zls-alert-banner-show course-view .zls-course-left-fadebg {
  top: var(--alert-banner-height);
}
body.zln-wrapper\:cp-public .zws-admin-login {
  display: none;
}
body.zls-hide-chatbar .wms-mainui {
  display: none;
}
body.zls-show-global-banner .zls-announcement-banner {
  top: 0;
  height: var(--announcement-banner-height);
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
body.zls-show-global-banner .zls-announcement-banner .zls-close-btn {
  position: absolute;
  right: 10px;
  background: rgba(0, 0, 0, 0.08);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  stroke-width: 2.5;
}
body.zls-show-global-banner.zls-alert-banner-show course-view .zls-course-left-fadebg {
  top: var(--alert-banner-height);
}
/* DOnt remove this is use for cp settings preview */
.zln-wrapper\:cp-public .zls-cp-logo {
  display: inline-flex;
}
.zln-wrapper\:cp-public .zls-cp-logo img {
  max-height: 48px;
}
.zln-wrapper\:cp-public .zls-full-banner-cover .zls-title {
  font-size: clamp(2.5rem, 4vw, 4rem);
}
.zln-wrapper\:cp-public .zls-full-banner-cover .zls-description {
  font-size: clamp(1.4rem, 2vw, 1.8rem);
}
.zln-wrapper\:cp-public .zls-manual-meta .zln-indicate\:share-hub-users {
  display: none;
}
.zln-wrapper\:cp-public .zls-global-header-con .zls-global-header {
  height: var(--global-header-height);
}
.zln-wrapper\:cp-public .zls-global-header-con .zls-global-header .zls-header-left .zls-network-logo img {
  max-height: 40px;
}
.zln-wrapper\:cp-public.zw-manual-wrapper .zls-product-nav,
.zln-wrapper\:cp-public.zls-lms-wrapper .zls-product-nav,
.zln-wrapper\:cp-public.zw-team-wrapper .zls-product-nav {
  display: none;
}
.zln-wrapper\:cp-public .zls-full-popup-header .zls-header-left .zw-ic-custom-themes {
  stroke: #e9c00b;
  stroke-width: 2.5px;
}
.zln-wrapper\:cp-public .zls-product-nav {
  background-color: var(--white);
  border-bottom: 1px solid var(--grey4);
  top: 0;
  position: sticky;
  position: -webkit-sticky;
  z-index: 1;
}
.zln-wrapper\:cp-public .zls-fixed-view {
  width: 100%;
  max-width: 1450px;
  margin: 0 auto;
  box-sizing: border-box;
}
/* DOnt remove this is use for cp settings preview */
/***** Browser screen start *****/
.zls-browser-wrapper {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-radius: 15px 3px 3px 3px;
  overflow: hidden;
}
.zls-browser-header {
  position: relative;
  padding: 0 20px;
  height: 45px;
  overflow: hidden;
  background-color: var(--grey7);
  border-bottom: 4px solid var(--white);
}
.zls-browser-header .zls-round-dot {
  padding: 5px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid;
}
.zls-browser-header .zls-round-dot.zls-r-dot1 {
  background: #FE625A;
  border-color: #E45750;
}
.zls-browser-header .zls-round-dot.zls-r-dot2 {
  background: #FFC331;
  border-color: #F0AB15;
}
.zls-browser-header .zls-round-dot.zls-r-dot3 {
  background: #2ACB42;
  border-color: #29AD30;
}
.zls-browser-tab {
  position: relative;
  background: var(--white);
  padding: 9px 15px;
  border-radius: 6px 6px 0 0;
  top: 5px;
}
.zls-browser-tab:after,
.zls-browser-tab:before {
  position: absolute;
  top: 29px;
  width: 10px;
  height: 10px;
  content: " ";
  border: 1px solid var(--white);
}
.zls-browser-tab:before {
  left: -10px;
  border-bottom-right-radius: 10px;
  border-width: 0 1px 1px 0;
  box-shadow: 3px 3px 0 3px var(--white);
}
.zls-browser-tab:after {
  right: -10px;
  border-bottom-left-radius: 10px;
  border-width: 0 0 1px 1px;
  box-shadow: -3px 3px 0 3px var(--white);
}
/***** Browser screen end *****/
/***** Product Global header start *****/
.zls-global-header-con {
  top: var(--announcement-banner-height);
  position: sticky;
  position: -webkit-sticky;
  z-index: 3;
}
.zls-global-header {
  background: var(--global-header-customcolor, var(--product-appearance-color));
  height: var(--global-header-height);
  padding: 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.zlearn-os\:dark .zls-global-header,
.zlearn-theme\:dark .zls-global-header {
  background-color: var(--white);
  box-shadow: 0 0 0 1px var(--grey5);
}
.zls-product-lighttheme .zls-global-header {
  box-shadow: 0 0 0 1px var(--grey5);
}
.zls-global-header .zls-left-menu-bg {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.zls-global-header .zls-header-left .zls-network-logo img {
  text-indent: -9999em;
  max-height: calc(var(--global-header-height) - 16px);
}
.zls-global-header .zls-header-left .zls-network-logo .zls-network-name {
  max-width: 350px;
  font-size: 1.8rem;
  color: var(--product-nav-customcolor, hsl(0, 0%, 100%));
  margin: 0 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.zln-wrapper\:cp-public .zls-global-header .zls-header-left .zls-network-logo .zls-network-name {
  font-size: 2rem;
  font-weight: 900;
  margin-left: 16px;
}
.zls-product-lighttheme .zls-global-header .zls-header-left .zls-network-logo .zls-network-name {
  color: var(--product-nav-customcolor, var(--grey0));
}
.zlearn-os\:dark.zln-wrapper\:cp-public .zls-global-header .zls-header-left .zls-network-logo .zls-network-name,
.zlearn-theme\:dark.zln-wrapper\:cp-public .zls-global-header .zls-header-left .zls-network-logo .zls-network-name,
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-left .zls-network-logo .zls-network-name,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-left .zls-network-logo .zls-network-name {
  color: hsl(0, 0%, 100%);
}
.zls-global-header .zls-header-right {
  /***** Global Search, Notification, User Menu and etc. starts here *****/
  /***** Global Search, Notification, User Menu and etc. starts here *****/
}
.zls-global-header .zls-header-right .zls-product-options {
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 20px;
}
.zls-global-header .zls-header-right .zls-product-options\:ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.zls-global-header .zls-header-right .zls-product-options\:btn {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  flex-shrink: 0;
  color: inherit;
}
.zls-global-header .zls-header-right .zls-product-options\:btn.zln-disabled,
.zls-global-header .zls-header-right .zls-product-options\:btn.z-disabled {
  color: var(--grey3);
  pointer-events: none;
}
.zls-global-header .zls-header-right .zls-product-options\:btn.zln-disabled .z-ico,
.zls-global-header .zls-header-right .zls-product-options\:btn.z-disabled .z-ico {
  stroke: var(--grey4);
}
.zls-global-header .zls-header-right .zls-product-options\:input {
  border: none;
  font-family: inherit;
  outline: none;
  background-color: transparent;
}
.zls-global-header .zls-header-right .zls-product-options\:input:focus {
  outline: none;
  box-shadow: none;
}
.zls-global-header .zls-header-right .zls-product-options\:input::placeholder {
  color: var(--grey3);
}
.zls-global-header .zls-header-right .zls-product-options\:textarea {
  resize: none;
  box-shadow: none;
  outline: none;
  font-family: inherit;
  box-sizing: border-box;
  background-color: transparent;
}
.zls-global-header .zls-header-right .zls-product-options\:textarea:focus {
  outline: none;
  box-shadow: none;
}
.zls-global-header .zls-header-right .zls-product-options\:textarea::placeholder {
  color: var(--grey3);
}
.zls-global-header .zls-header-right .zls-product-options\:link {
  color: inherit;
  text-decoration: none;
}
.zls-global-header .zls-header-right .zls-product-options > li button.zls-ico-btn {
  padding: 4px;
}
.zls-global-header .zls-header-right .zls-product-options > li button .o-ico-bars-3-bottom-left,
.zls-global-header .zls-header-right .zls-product-options > li button .o-ico-chevron-down,
.zls-global-header .zls-header-right .zls-product-options > li button .o-ico-user-circle,
.zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-question,
.zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-settings,
.zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-search,
.zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-bell,
.zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-alarm {
  fill: var(--product-nav-customcolor, hsl(0, 0%, 100%));
  stroke: var(--product-nav-customcolor, hsl(0, 0%, 100%));
  stroke-width: 1;
}
.zlearn-os\:dark .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-bars-3-bottom-left,
.zlearn-os\:dark .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-chevron-down,
.zlearn-os\:dark .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-user-circle,
.zlearn-os\:dark .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-question,
.zlearn-os\:dark .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-settings,
.zlearn-os\:dark .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-search,
.zlearn-os\:dark .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-bell,
.zlearn-os\:dark .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-alarm,
.zlearn-theme\:dark .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-bars-3-bottom-left,
.zlearn-theme\:dark .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-chevron-down,
.zlearn-theme\:dark .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-user-circle,
.zlearn-theme\:dark .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-question,
.zlearn-theme\:dark .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-settings,
.zlearn-theme\:dark .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-search,
.zlearn-theme\:dark .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-bell,
.zlearn-theme\:dark .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-alarm {
  fill: hsl(0, 0%, 100%);
  stroke: hsl(0, 0%, 100%);
}
.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-bars-3-bottom-left,
.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-chevron-down,
.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-user-circle,
.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-question,
.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-settings,
.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-search,
.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-bell,
.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-alarm {
  stroke: var(--product-nav-customcolor, var(--grey0));
  stroke-width: 1.2;
}
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-bars-3-bottom-left,
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-chevron-down,
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-user-circle,
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-question,
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-settings,
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-search,
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-bell,
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-alarm,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-bars-3-bottom-left,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-chevron-down,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-user-circle,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-question,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-settings,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-search,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-bell,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .zw-ic-gh-alarm {
  fill: hsl(0, 0%, 100%);
  stroke: hsl(0, 0%, 100%);
  stroke-width: 1;
}
.zls-global-header .zls-header-right .zls-product-options > li button .o-ico-chevron-down {
  stroke-width: 3;
}
.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-chevron-down {
  stroke-width: 2.5;
}
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-chevron-down,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button .o-ico-chevron-down {
  stroke-width: 2.5;
}
.zls-global-header .zls-header-right .zls-product-options > li button.zw-hover:before {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button.zw-hover:before {
  background-color: rgba(0, 0, 0, 0.07);
}
.zlearn-os\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button.zw-hover:before,
.zlearn-theme\:dark.zls-product-lighttheme .zls-global-header .zls-header-right .zls-product-options > li button.zw-hover:before {
  background-color: rgba(255, 255, 255, 0.15);
}
.zls-global-header .zls-header-right .zls-product-options > li button.zw-hover:hover:before {
  transform: scale(0.7);
}
.zls-global-header .zls-header-right .zls-product-options > li.zls-global-settings-btn .zw-popbox {
  top: 26px;
  right: -7px;
}
.zls-global-header .zls-header-right .zls-product-options > li.zls-global-settings-btn .zw-popbox li {
  padding-top: 12px;
  padding-bottom: 12px;
}
.zls-global-header .zls-header-right .zls-product-options > li.zls-global-settings-btn .zw-popbox li.zw-pop-separate {
  margin: 0;
  padding: 0;
}
.zls-global-header .zls-header-right .zls-product-options > li.zls-global-settings-btn .zw-popbox li.zls-change-trial-plan {
  cursor: default;
  background: #fff9ec;
  text-align: center;
  border-top: 1px solid #ffe3ab;
  padding: 20px;
  margin-bottom: -10px;
}
.zls-global-header .zls-header-right .zls-product-options > li.zls-global-settings-btn .zw-popbox li.zls-change-trial-plan .zls-trial-expiry-date {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  color: #d58337;
}
.zls-global-header .zls-header-right .zls-product-options > li.zls-global-settings-btn .zw-popbox .zw-ic-settings-big {
  stroke: #e18383;
}
.zls-global-header .zls-header-right .zls-signin-option .zw-popbox {
  width: 120px;
  right: -12px;
}
/***** Product global navigation start *****/
.zls-main-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 24px;
}
.zln-wrapper\:cp-public .zls-main-nav {
  gap: 40px;
}
.zls-main-nav > li .zls-nav-link {
  display: flex;
  color: var(--product-nav-customcolor, rgba(255, 255, 255, 0.8));
  padding: 10px 8px;
  border-bottom: 3px solid transparent;
  text-decoration: none;
  letter-spacing: 0.2px;
}
.zlearn-os\:dark .zls-main-nav > li .zls-nav-link,
.zlearn-theme\:dark .zls-main-nav > li .zls-nav-link {
  color: rgba(255, 255, 255, 0.8);
}
.zln-wrapper\:cp-public .zls-product-nav .zls-main-nav > li .zls-nav-link {
  color: var(--grey0);
  padding: 14px 0 12px;
  font-size: 1.6rem;
  border-bottom: 2px solid transparent;
}
.zls-product-lighttheme .zls-main-nav > li .zls-nav-link {
  color: var(--product-nav-customcolor, var(--grey1));
}
.zlearn-os\:dark.zls-product-lighttheme .zls-main-nav > li .zls-nav-link,
.zlearn-theme\:dark.zls-product-lighttheme .zls-main-nav > li .zls-nav-link {
  color: rgba(255, 255, 255, 0.8);
}
.zls-main-nav > li .zls-nav-link:hover {
  color: var(--product-nav-customcolor, hsl(0, 0%, 100%));
  border-color: currentColor;
}
.zln-wrapper\:cp-public .zls-product-nav .zls-main-nav > li .zls-nav-link:hover {
  color: var(--grey0);
}
.zls-product-lighttheme .zls-main-nav > li .zls-nav-link:hover {
  color: var(--product-nav-customcolor, var(--grey0));
}
.zlearn-os\:dark.zls-product-lighttheme .zls-main-nav > li .zls-nav-link:hover,
.zlearn-theme\:dark.zls-product-lighttheme .zls-main-nav > li .zls-nav-link:hover {
  color: hsl(0, 0%, 100%);
}
.zls-main-nav > li .zls-nav-link:hover .zw-ic {
  fill: var(--product-nav-customcolor, hsl(0, 0%, 100%));
}
.zlearn-os\:dark .zls-main-nav > li .zls-nav-link:hover .zw-ic,
.zlearn-theme\:dark .zls-main-nav > li .zls-nav-link:hover .zw-ic {
  fill: hsl(0, 0%, 100%);
}
.zls-product-lighttheme .zls-main-nav > li .zls-nav-link:hover .zw-ic {
  fill: var(--product-nav-customcolor, var(--grey0));
}
.zlearn-os\:dark.zls-product-lighttheme .zls-main-nav > li .zls-nav-link:hover .zw-ic,
.zlearn-theme\:dark.zls-product-lighttheme .zls-main-nav > li .zls-nav-link:hover .zw-ic {
  fill: hsl(0, 0%, 100%);
}
.zls-main-nav > li .zls-nav-link .zw-ic {
  fill: var(--product-nav-customcolor, rgba(255, 255, 255, 0.7));
}
.zlearn-os\:dark .zls-main-nav > li .zls-nav-link .zw-ic,
.zlearn-theme\:dark .zls-main-nav > li .zls-nav-link .zw-ic {
  fill: rgba(255, 255, 255, 0.7);
}
.zls-product-lighttheme .zls-main-nav > li .zls-nav-link .zw-ic {
  fill: var(--product-nav-customcolor, var(--grey0));
}
.zlearn-os\:dark.zls-product-lighttheme .zls-main-nav > li .zls-nav-link .zw-ic,
.zlearn-theme\:dark.zls-product-lighttheme .zls-main-nav > li .zls-nav-link .zw-ic {
  fill: rgba(255, 255, 255, 0.7);
}
.zls-main-nav > li.zls-active .zls-nav-link {
  color: var(--product-nav-active-customcolor, var(--product-nav-active-color));
  border-bottom: 3px solid;
}
.zlearn-os\:dark .zls-main-nav > li.zls-active .zls-nav-link,
.zlearn-theme\:dark .zls-main-nav > li.zls-active .zls-nav-link {
  /* hover class overwrite */
  color: var(--product-nav-active-customcolor, var(--product-nav-active-color));
}
.zlearn-os\:dark.zls-product-lighttheme .zls-main-nav > li.zls-active .zls-nav-link,
.zlearn-theme\:dark.zls-product-custom-theme .zls-main-nav > li.zls-active .zls-nav-link {
  --product-nav-active-customcolor: var(--product-accent-color);
  color: var(--product-nav-active-customcolor, var(--product-nav-active-color));
}
.zls-product-lighttheme .zls-main-nav > li.zls-active .zls-nav-link {
  color: var(--product-nav-active-customcolor, var(--product-nav-active-color));
}
.zlearn-os\:dark .zls-main-nav > li.zls-active .zls-nav-link,
.zlearn-theme\:dark .zls-main-nav > li.zls-active .zls-nav-link {
  /* hover class overwrite */
  color: var(--product-nav-active-customcolor, var(--product-nav-active-color));
}
.zlearn-os\:dark.zls-product-custom-theme.zls-product-lighttheme .zls-main-nav > li.zls-active .zls-nav-link,
.zlearn-theme\:dark.zls-product-custom-theme.zls-product-lighttheme .zls-main-nav > li.zls-active .zls-nav-link {
  --product-nav-active-customcolor: var(--product-accent-color);
  color: var(--product-nav-active-customcolor, var(--product-nav-active-color));
}
.zln-wrapper\:cp-public .zls-product-nav .zls-main-nav > li.zls-active .zls-nav-link {
  color: var(--grey0);
  border-bottom: 2px solid currentcolor;
}
.zls-main-nav > li.zls-favorite-btn .zls-nav-link {
  align-items: center;
  font-size: 1.5rem;
}
.zls-main-nav > li.zls-favorite-btn .zls-nav-link:hover {
  border-color: transparent;
}
/***** Product global navigation start *****/
/***** Product Global header end *****/
/***** Quick creation start *****/
.zls-quick-create {
  bottom: 90px;
  right: 50px;
  z-index: 1;
}
.zln-direction\:rtl .zls-quick-create {
  right: auto;
  left: 50px;
}
.zls-quick-create .z-btn.type\:fab {
  height: 55px;
  width: 55px;
  min-width: auto;
  box-shadow: 0 6px 8px rgba(0, 0, 0, 0.12);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}
.zls-quick-create .z-btn.type\:fab.zls-pulse {
  animation: zls-pulse 1s infinite;
}
.zls-quick-create-menu-con .lytePopover {
  padding: 15px 0;
  box-shadow: 0 9px 20px rgba(27, 39, 51, 0.09);
  border-radius: 5px;
}
.zlearn-os\:dark .zls-quick-create-menu-con .lytePopover,
.zlearn-theme\:dark .zls-quick-create-menu-con .lytePopover {
  box-shadow: 0 6px 20px #0a0c16;
}
.zls-quick-create-menu {
  min-width: 320px;
}
.zls-quick-create-menu .zls-menu-item {
  margin-bottom: 10px;
  padding: 10px 30px;
  cursor: pointer;
  min-width: 200px;
}
.zls-quick-create-menu .zls-menu-item:hover {
  background-color: var(--grey8);
}
.zls-quick-create-menu .zls-menu-item:nth-last-of-type(1) {
  margin-bottom: 0;
}
.zls-quick-create-menu .zln-sprite\:fab-create {
  background: url(../images/create-sprite-img.61fe914f84b5222f427e297172a52003.svg) no-repeat;
  padding: 14px;
  background-size: 340px;
}
.zlearn-theme\:dark .zls-quick-create-menu .zln-sprite\:fab-create,
.zlearn-os\:dark .zls-quick-create-menu .zln-sprite\:fab-create {
  filter: invert(1);
}
.zls-quick-create-menu .zln-fab\:create-article {
  background-position: 1px 2px;
}
.zls-quick-create-menu .zln-fab\:create-manual {
  background-position: -27px 1px;
}
.zls-quick-create-menu .zln-fab\:create-space {
  background-position: -56px 1px;
}
.zls-quick-create-menu .zln-fab\:file-import {
  background-position: -83px 1px;
}
.zls-quick-create-menu .zln-fab\:create-template {
  background-position: -111px 1px;
}
.zls-quick-create-menu .zln-fab\:create-blank-article {
  background-position: -140px 1px;
}
.zls-quick-create-menu .zln-fab\:create-course {
  background-position: -169px 1px;
}
.zls-quick-create-menu .zln-fab\:create-question-bank {
  background-position: -196px 1px;
}
.zls-quick-create-menu .zln-fab\:create-embed {
  background-position: -225px 1px;
}
.zls-quick-create-menu .zln-fab\:create-examination {
  background-position: -254px 1px;
}
.zls-quick-create-menu .zln-fab\:create-learningpath {
  background-position: -281px 1px;
}
.zls-quick-create-menu .zln-fab\:create-scorm {
  background-position: -311px 0px;
}
.zls-ico-wrapper {
  background-color: var(--grey8);
  padding: 7px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
/***** Quick creation end *****/
/***** Search flow start *****/
.zls-sticky-close-btn {
  position: absolute;
  top: 28px;
  left: -35px;
  background: var(--white);
  padding: 6px;
  border-radius: 13px 0 0 13px;
}
.zls-sticky-close-btn:before,
.zls-sticky-close-btn:after {
  position: absolute;
  right: 4px;
  width: 10px;
  height: 10px;
  content: " ";
  border: 1px solid var(--white);
}
.zls-sticky-close-btn:before {
  top: -10px;
  border-bottom-right-radius: 10px;
  border-width: 0 1px 1px 0;
  box-shadow: 3px 3px 0 3px var(--white);
}
.zls-sticky-close-btn:after {
  bottom: -10px;
  border-top-right-radius: 10px;
  border-width: 1px 1px 0 0;
  box-shadow: 3px -3px 0 3px var(--white);
}
.zls-sticky-close-btn:hover .zw-ic {
  stroke: var(--grey0);
}
.zln-slider\:global-search {
  max-width: 680px;
  transition: max-width 0.1s;
}
.zln-slider\:global-search.zln-show\:search-filter {
  max-width: 980px;
}
.zln-slider\:global-search.zln-show\:search-filter .zln-filter\:global-search {
  display: flex;
}
.zln-slider\:global-search .zln-by\:person {
  background-color: #fff5de;
}
.zln-slider\:global-search .zln-in\:space {
  background-color: #e2f6f3;
}
.zln-slider\:global-search .zln-in\:manual {
  background-color: #ebecfb;
}
.zln-slider\:global-search .zln-input\:global-search:focus-within {
  box-shadow: 0 0 0 2px var(--grey4);
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field {
  border: none;
  background-color: transparent;
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field:focus-within {
  box-shadow: none;
  background-color: transparent;
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-data {
  overflow: visible;
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field .zln-mention\:search-field {
  background-color: var(--grey7);
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field.zln-by\:person {
  border-color: #eac571;
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field.zln-by\:person .zln-mention\:search-field {
  background-color: #fff5de;
  color: #ab8c44;
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field.zln-in\:space {
  border-color: #88d3c8;
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field.zln-in\:space .zln-mention\:search-field {
  background-color: #e3f6f3;
  color: #56baaa;
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field.zln-in\:manual {
  border-color: #abadec;
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field.zln-in\:manual .zln-mention\:search-field {
  background-color: #ebecfb;
  color: #8689c0;
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field .zln-mention\:search-field div,
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field span div {
  display: none;
}
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field .zln-mention\:search-field .zln-dropdown,
.zln-slider\:global-search .zln-input\:global-search .zln-search-field .zln-tag\:search-field span .zln-dropdown {
  display: block;
}
.zln-slider\:global-search .zln-input\:global-search .zln-select\:search-type {
  border-radius: 3px 0 0 3px;
  border-inline-end: 1px solid var(--grey4);
  background: var(--white);
}
.zln-direction:rtl .zln-slider\:global-search .zln-input\:global-search .zln-select\:search-type {
  border-radius: 0 3px 3px 0;
}
.zln-slider\:global-search .zls-global-search-container {
  padding: 0 30px 30px;
}
.zln-slider\:global-search .zls-global-search-container .zls-search-tag-list {
  gap: 10px;
}
.zln-slider\:global-search .zls-global-search-container .zls-search-tag-list > li {
  border: 1px solid var(--grey4);
  padding: 3px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 1.3rem;
  line-height: 1.4;
}
.zln-slider\:global-search .zls-global-search-container > ul {
  background-color: var(--grey7);
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-slider\:global-search .zls-global-search-container > ul > li {
  margin-bottom: 10px;
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  user-select: none;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-slider\:global-search .zls-global-search-container > ul > li > a {
  padding: 20px;
}
.zln-slider\:global-search .zls-global-search-container > ul > li:hover {
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid var(--product-accent-color);
}
.zln-slider\:global-search .zls-global-search-container > ul > li.zls-view-all-btn {
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 0;
}
.zln-slider\:global-search .zls-global-search-container > ul > li .searchres_highlight {
  background: #FFEAC3;
  padding: 2px 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-slider\:global-search .zls-global-search-container > ul > li:first-of-type {
  background: transparent;
  box-shadow: none;
  border: none;
  padding: 5px 5px 10px;
  margin-bottom: 0;
}
.zln-slider\:global-search .zls-global-search-container > ul > li:last-of-type {
  margin-bottom: 0;
}
.zln-slider\:global-search .zln-filter\:global-search {
  width: 300px;
  box-sizing: border-box;
  background-color: var(--grey7);
  flex-direction: column;
  flex-shrink: 0;
  display: none;
}
.zln-slider\:global-search .zln-filter\:global-search .zls-filter-container > li {
  padding: 10px 0;
  margin-bottom: 10px;
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  user-select: none;
}
.zln-slider\:global-search .zln-filter\:global-search .zls-filter-container > li:last-of-type {
  margin-bottom: 0;
}
.zln-slider\:global-search .zln-filter\:global-search .zls-filter-container > li > ul > li {
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zln-slider\:global-search .zln-filter\:global-search .zls-filter-container > li > ul > li:hover .zls-disabled-all {
  background-color: transparent;
}
.zln-slider\:global-search .zln-filter\:global-search .zls-filter-container > li > ul > li.zls-more-btn {
  padding: 5px 15px;
}
.zln-slider\:global-search .zln-filter\:global-search .zls-filter-container > li > ul > li.zls-more-btn button {
  font-size: 1rem;
  line-height: 1.3;
}
.zln-slider\:global-search .zln-filter\:global-search .zls-filter-container > li > ul > li label {
  padding: 10px 15px;
  font-size: 1.4rem;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.zln-slider\:global-search .zln-filter\:global-search .zls-filter-container > li > ul > li label:hover {
  background-color: var(--grey7);
}
.zln-slider\:global-search .zln-filter\:global-search .zls-filter-container > li > ul > li:last-of-type {
  margin-bottom: 0;
}
.zln-slider\:global-search .zls-search-autocomp .zw-small-title {
  padding: 10px 30px;
  font-size: 1.1rem;
  letter-spacing: 0.5px;
  color: var(--product-accent-color);
  background: transparent;
}
.zln-slider\:global-search .zls-search-autocomp .zls-view-all-btn {
  background: transparent;
  margin: 20px 30px;
  padding: 0;
}
.zln-slider\:global-search .zls-search-autocomp .zls-search-for .zw-cr {
  line-height: 30px;
  background: var(--product-accent-color);
}
.zln-slider\:global-search .zls-search-autocomp .zls-search-for .zw-cr .zw-ic-search-big {
  stroke: hsl(0, 0%, 100%);
  stroke-width: 2;
}
.zln-slider\:global-search .zls-search-autocomp .zw-li-each {
  padding: 0;
}
.zln-slider\:global-search .zls-search-autocomp .zw-li-each a {
  padding: 15px 30px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-slider\:global-search .zls-search-autocomp .zw-li-each a.ui-state-focus,
.zln-slider\:global-search .zls-search-autocomp .zw-li-each a:hover {
  background-color: var(--grey8);
}
/***** Search flow end *****/
/***** Notification Start ******/
.zln-slider\:notification {
  max-width: 400px;
  width: 100%;
  box-sizing: border-box;
}
.zln-slider\:notification .zln-content\:notify-list {
  overflow: auto;
}
.zln-slider\:notification .zln-content\:notify-list .zw-highlight {
  color: var(--product-accent-color);
}
.zln-slider\:notification .zln-content\:notify-list > li {
  border-bottom: 1px solid var(--grey5);
}
.zln-slider\:notification .zln-content\:notify-list > li .zls-usergroup-name,
.zln-slider\:notification .zln-content\:notify-list > li .zls-lesson-name,
.zln-slider\:notification .zln-content\:notify-list > li .zls-course-name,
.zln-slider\:notification .zln-content\:notify-list > li .zls-article-name,
.zln-slider\:notification .zln-content\:notify-list > li .zls-manual-name,
.zln-slider\:notification .zln-content\:notify-list > li .zls-space-name {
  color: var(--grey0);
  font-weight: 500;
}
.zln-slider\:notification .zln-content\:notify-list > li.zln-unread {
  background-color: var(--product-accent-color-light);
}
.zln-slider\:notification .zln-content\:notify-list > li:last-child {
  border-bottom: none;
}
.zln-slider\:notification .zln-content\:notify-list > li a {
  padding: 18px 20px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zln-slider\:notification .zln-content\:notify-list > li a:hover {
  background-color: var(--grey8);
}
.zln-slider\:notification .zln-content\:notify-list > li a .zls-notify-content {
  min-width: 1px;
  word-wrap: break-word;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zls-notify-content .zls-release-notes {
  margin-top: 10px;
  color: var(--grey0);
  border: 1px dashed var(--grey2);
  padding: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:unverify {
  background-color: #ffecec;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:unverify .z-ico {
  stroke: #d26767;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:reminder {
  background-color: #fff3ea;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:reminder .z-ico {
  stroke: #e97e36;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:mandatory {
  background-color: #ffeee0;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:mandatory .z-ico {
  stroke: #c96b1d;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:manual-duplicate {
  background-color: #e5ebfa;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:manual-duplicate .z-ico {
  stroke: #4876f4;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:manual-export {
  background-color: #dff6ef;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:manual-export .z-ico {
  stroke: #2aae84;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:manual-export-fail {
  background-color: #ffecec;
}
.zln-slider\:notification .zln-content\:notify-list > li a .zln-ico-wrapper.zln-ico\:manual-export-fail .z-ico {
  stroke: #d26767;
}
.zw-notify-count {
  background: #ef4b4c;
  color: hsl(0, 0%, 100%);
  font-size: 1.1rem;
  padding: 5px;
  left: 10px;
  top: -8px;
  border: 2px solid var(--white);
  pointer-events: none;
  height: 6px;
  align-items: center;
  display: flex;
  font-weight: 600;
  line-height: 1.6;
}
.zls-global-header .zw-notify-count {
  border-color: var(--global-header-customcolor, var(--product-appearance-color));
}
.zlearn-theme\:dark .zw-notify-count,
.zlearn-os\:dark .zw-notify-count {
  border-color: var(--grey10);
}
/*****$ Notification preference start $******/
.zw-popup-wrapper .zls-notify-pre-wrapper .zls-notify-pre-disable {
  color: var(--grey3);
}
.zw-popup-wrapper .zls-notify-pre-wrapper .zls-notify-pre-disable .zls-info {
  color: var(--grey3);
}
.zw-popup-wrapper .zls-notify-pre-wrapper .zls-notify-pre-disable .zln-select-option {
  pointer-events: none;
}
.zw-popup-wrapper .zls-notify-pre-wrapper .zls-notify-pre-disable .zln-select-option input {
  background: var(--grey8);
  border-color: var(--grey5);
}
/*****$ Notification preference start $******/
/***** Notification end ******/
/***** Red dot start *****/
.zls-red-dot {
  background: #f25d38;
  padding: 3px;
  position: absolute;
  border-radius: 10px;
  right: 2px;
  top: 2px;
  border: 3px solid var(--grey7);
  z-index: 1;
}
.zw-hover:hover .zls-red-dot {
  border-color: var(--grey7);
}
/***** Red dot end *****/
/***** Favourite start *****/
@keyframes ani-zoom-inout {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.4, 1.4, 1.4) rotateZ(-10deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
/***** Favourite end *****/
/***** Blankslate start *****/
.zls-blankslate-pos-all {
  padding: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: var(--global-header-height);
}
.zls-blankslate-pos-all.zw-bottom20 {
  bottom: 20%;
}
.zls-blankslate-pos-all.zw-bottom25 {
  bottom: 25%;
}
.zls-blankslate-pos-all.zw-bottom30 {
  bottom: 30%;
}
.zls-blank-slate-img {
  background-repeat: no-repeat;
  display: inline-block;
}
.zlearn-os\:dark .zls-blank-slate-img,
.zlearn-theme\:dark .zls-blank-slate-img {
  filter: invert(0.85);
}
.zls-search-blank-slate {
  background-image: url(../images/blank-slate/zls-search-blank-slate.3c9ac4301f5d7ec9b498784c2cea5957.png);
  padding: 98px 122px;
  background-size: 250px;
}
.zls-no-result-blank-slate {
  background-image: url(../images/blank-slate/zls-no-result-blank-slate.dd0a8cce2d7cac979163a9c7fcfff1a4.png);
  padding: 125px 115px;
  background-size: 206px;
}
.zls-notify-blank-slate {
  background-image: url(../images/blank-slate/zls-notify-blank-slate.4c160dbfd6e70f506211b6cf86a41d54.png);
  padding: 100px 140px;
  background-size: 274px;
}
.zls-activity-blank-slate {
  background-image: url(../images/blank-slate/zls-activity-blank-slate.1cabf9b609aaaed691fb7d864ef72f7e.png);
  padding: 98px 86px;
  background-size: 170px;
}
.zls-manuals-blank-slate {
  background-image: url(../images/blank-slate/zls-manual-blank-slate.35645f5017553050dfe09593f6886868.png);
  padding: 94px 150px;
  background-size: 300px;
}
.zls-articles-blank-slate {
  background-image: url(../images/blank-slate/zls-create-blank-slate.d53dcad3a2b1c13bc4ace183efa2a98d.png);
  padding: 106px 130px;
  background-size: 300px;
}
.zls-no-article-blank-slate {
  background-image: url(../images/blank-slate/zls-no-article-blank-slate.cf0e08f20a688fbf21761d870855ce1b.png);
  padding: 100px 150px;
  background-size: 300px;
}
.zls-bookmarks-blank-slate {
  background-image: url(../images/blank-slate/zls-bookmark-blank-slate.02e54160fd5fd0083f3fe7a1ec2649e8.png);
  padding: 95px 150px;
  background-size: 300px;
}
.zls-shared-blank-slate {
  background-image: url(../images/blank-slate/zls-shared-blank-slate.c8bf9298152d5919fef89688320c7824.png);
  padding: 106px 150px;
  background-size: 300px;
}
.zls-explore-blank-slate {
  background-image: url(../images/blank-slate/zls-explore-manual-blank-slate.f8d3f5c8e418c08c8506e2cc608da8df.png);
  padding: 95px 145px;
  background-size: 300px;
}
.zls-space-blank-slate {
  background-image: url(../images/blank-slate/zls-space-blank-slate.1df6c0632c61ccf10f864581833d50d6.png);
  padding: 107px 150px;
  background-size: 300px;
}
.zls-template-blank-slate {
  background-image: url(../images/blank-slate/zls-template-blank-slate.83f369d316bfd524000efe905404f912.png);
  padding: 89px 145px;
  background-size: 300px;
}
.zls-learn-learning-blank-slate {
  background-image: url(../images/blank-slate/zls-my-learning-blank-slate.04451c5ad023767e2eb340fd979b2377.png);
  padding: 111px 150px;
  background-size: 300px;
}
.zls-author-learning-blank-slate {
  background-image: url(../images/blank-slate/zls-my-authoring-blank-slate.184b3daa49ad893ea8c7150beb119d6c.png);
  padding: 111px 150px;
  background-size: 300px;
}
.zls-questionbank-blank-slate {
  background-image: url(../images/blank-slate/zls-questionbank-blank-slate.941dcb9bb4de180a3711d7042a195e1c.png);
  padding: 115px 150px;
  background-size: 300px;
}
.zls-discover-learning-blank-slate {
  background-image: url(../images/blank-slate/zls-explore-learning-blank-slate.4ebe33c41913eeca897ec488ec7bf902.png);
  padding: 111px 150px;
  background-size: 300px;
}
.zls-trash-blank-slate {
  background-image: url(../images/blank-slate/zls-trash-blank-slate.eac92c0a52688ebcbfc0c86b135e32a2.png);
  padding: 125px 100px;
  background-size: 199px;
}
.zls-uh-oh-blank-slate {
  background-image: url(../images/blank-slate/zls-uh-oh-blank-slate.4509350add96149997be478b5294cde6.png);
  padding: 111px 150px;
  background-size: 300px;
}
.zls-url-issue-blank-slate {
  background-image: url(../images/blank-slate/zls-url-issue-blank-slate.13c6fecae049487865f32b57316ecbb1.png);
  padding: 102px 150px;
  background-size: 300px;
}
.zls-oops-blank-slate {
  background-image: url(../images/blank-slate/zls-oops-blank-slate.15841eeaff56be10e8a9918f2c96b222.png);
  padding: 108px 150px;
  background-size: 300px;
}
.zls-internal-blank-slate {
  background-image: url(../images/blank-slate/zls-internal-blank-slate.e20fdabf305371a37ad823f254327435.png);
  padding: 95px 150px;
  background-size: 300px;
}
.zls-cp-blank-slate {
  background-image: url(../images/blank-slate/zls-cp-blank-slate.b2d80d2c95d33afd66af12eaf2ef3edd.png);
  padding: 95px 150px;
  background-size: 300px;
}
.zls-create-quiz-blank-slate {
  background: url(../images/blank-slate/zls-create-quiz-blank-slate.16ac624409b5b2591984cda1f93cd487.png) no-repeat;
  padding: 230px;
  background-size: 470px;
}
.zls-scorm-blank-slate {
  background: url(../images/blank-slate/zls-scorm-blank-slate.3acf7f98ea73880f2da184b451287490.png) no-repeat;
  padding: 150px 230px;
  background-size: 470px;
}
.zls-cookies-blank-slate {
  background: url(../images/blank-slate/zls-cookies-blank-slate.2402597e3de7b2a92f22f8860632e0fd.png) no-repeat;
  padding: 150px 230px;
  background-size: 470px;
}
/***** Blankslate end *****/
/***** Blank Message Start *****/
.zls-blank-message-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  padding: 30px;
}
.zls-blank-message-wrapper .zls-blank-message {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
/***** Blank Message Start *****/
/***** Top line loading start *****/
.zw-top-loader-con {
  position: fixed;
  bottom: auto;
  left: 0;
  right: 0;
  top: 0;
  z-index: 6;
}
.zw-top-loader-con .zw-top-loader {
  background: var(--product-top-loader-bg);
  height: 2px;
  display: block;
  box-shadow: 0 0 10px rgba(255, 141, 141, 0.3);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-attachmet-loading-con {
  height: 3px;
}
.zls-attachmet-loading-con,
.zw-line-loader-con {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background-color: var(--grey6);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
}
.zls-attachmet-loading-con .zls-attachmet-loading,
.zw-line-loader-con .zls-attachmet-loading,
.zls-attachmet-loading-con .zw-line-loader,
.zw-line-loader-con .zw-line-loader {
  background: var(--product-accent-color);
  height: 3px;
  display: block;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-attachmet-loading-con .zls-attachmet-loading.zw-load-medium,
.zw-line-loader-con .zls-attachmet-loading.zw-load-medium,
.zls-attachmet-loading-con .zw-line-loader.zw-load-medium,
.zw-line-loader-con .zw-line-loader.zw-load-medium {
  height: 5px;
}
/***** Top line loading end *****/
/***** Alert top banner start *****/
.zls-alert-ribbon {
  pointer-events: none;
  text-align: center;
  color: var(--white);
  background: var(--grey0);
  font-size: 1.4rem;
  height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zls-alert-ribbon.zls-bg-gradient {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 2rem 2rem;
}
.zls-alert-ribbon.zls-error-ribbon {
  background-color: #ffece9;
  color: #b5513b;
  box-shadow: inset 0 0 0 1px #ffe3dd;
}
.zls-alert-ribbon.zls-error-ribbon .zw-ic {
  stroke: #b6513b;
  fill: #b6513b;
}
.zls-alert-ribbon.zls-success-ribbon {
  background-color: #e4f9cd;
  color: #34750c;
  box-shadow: inset 0 0 0 1px #c6e2a5;
}
.zls-alert-ribbon.zls-success-ribbon .zw-ic {
  stroke: #34750c;
  fill: #34750c;
}
.zls-alert-ribbon.zls-warning-ribbon {
  background-color: #fbf5ca;
  color: #9e740d;
  box-shadow: inset 0 0 0 1px #f9df7e;
}
.zls-alert-ribbon.zls-warning-ribbon .zw-ic {
  stroke: #9e740d;
  fill: #9e740d;
}
/***** Alert top banner end *****/
/***** Slider start *****/
.zw-slider {
  box-shadow: 0 8px 50px rgba(27, 39, 51, 0.14);
  background: var(--white);
  position: fixed;
  word-wrap: anywhere;
  word-break: break-word;
  bottom: var(--chatbar-height);
  left: 0;
  right: auto;
  top: 0;
}
.zw-slider.zw-slider-right {
  left: auto;
  right: 0;
}
.zw-slider .zw-slider-header {
  font-size: 1.6rem;
  padding: 16px 20px;
  border-bottom: 2px solid var(--grey5);
  font-weight: 600;
}
.zw-slider .zw-slider-header .zw-tab {
  margin: -15px 0;
}
.zw-slider .zw-slider-header .zw-tab > li {
  padding: 17px 0;
  margin-right: 30px;
  cursor: pointer;
}
.zw-slider .zw-slider-header .zw-tab > li.zw-active {
  border-bottom: 2px solid var(--grey1);
  padding-bottom: 15px;
}
.zw-slider .zls-slider-min-header {
  padding: 10px 25px;
  border-bottom: 2px solid var(--grey7);
  background: var(--grey9);
}
/***** Slider end *****/
/***** Activity tab start *****/
.zln-gridlist-main-container personal-view {
  flex-direction: row;
  overflow: hidden;
}
.zln-gridlist-main-container personal-view zlearn-home-container {
  overflow: auto;
}
.zln-wrapper\:activity {
  background: var(--grey9);
  top: calc(var(--global-header-height) + var(--announcement-banner-height));
  border-inline-start: 1px solid var(--grey5);
  display: flex;
  flex-direction: column;
  width: 350px;
  box-sizing: border-box;
  flex-grow: 1;
}
.zls-activity-list {
  flex-grow: 1;
  overflow: auto;
}
.zls-activity-list > li > a {
  padding: 15px 20px;
  display: block;
  user-select: none;
  margin: 12px;
  border: 1px solid var(--grey5);
  border-radius: 5px;
  background: var(--white);
  transform: scale(0.98);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zls-activity-list > li > a .zls-meta-data .zw-cr-small {
  margin-top: 3px;
}
.zls-activity-list > li > a:first-of-type {
  margin-top: 0;
}
.zls-activity-list > li > a:hover {
  transform: scale(1);
  box-shadow: 0 3px 10px 0 var(--grey7);
}
.zls-activity-list > li > a .zls-txt-box {
  padding: 10px;
  margin: 15px 0 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zlearn-os\:dark .zls-activity-list > li > a .zls-txt-box,
.zlearn-theme\:dark .zls-activity-list > li > a .zls-txt-box {
  background-color: var(--grey8);
}
.zls-activity-list .zls-comment-content a {
  color: var(--product-accent-color);
}
/*****   Activity tab end   *****/
/*****  Product all tab-bar start *****/
.zls-tab-container {
  border-bottom: 1px solid var(--grey4);
  user-select: none;
}
.zls-tab-container.zls-tab-bor2 {
  border-width: 2px;
}
.zls-tab-container.zls-tab-bor2 .zls-tab {
  margin-bottom: -2px;
}
.zls-tab-container.zls-no-border {
  border-bottom: none;
}
.zls-tab-container .zls-tab {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: -1px;
}
.zls-tab-container .zls-tab\:ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.zls-tab-container .zls-tab\:btn {
  border: none;
  background-color: transparent;
  padding: 0;
  cursor: pointer;
  font-family: inherit;
  display: inline-flex;
  flex-shrink: 0;
  color: inherit;
}
.zls-tab-container .zls-tab\:btn.zln-disabled,
.zls-tab-container .zls-tab\:btn.z-disabled {
  color: var(--grey3);
  pointer-events: none;
}
.zls-tab-container .zls-tab\:btn.zln-disabled .z-ico,
.zls-tab-container .zls-tab\:btn.z-disabled .z-ico {
  stroke: var(--grey4);
}
.zls-tab-container .zls-tab\:input {
  border: none;
  font-family: inherit;
  outline: none;
  background-color: transparent;
}
.zls-tab-container .zls-tab\:input:focus {
  outline: none;
  box-shadow: none;
}
.zls-tab-container .zls-tab\:input::placeholder {
  color: var(--grey3);
}
.zls-tab-container .zls-tab\:textarea {
  resize: none;
  box-shadow: none;
  outline: none;
  font-family: inherit;
  box-sizing: border-box;
  background-color: transparent;
}
.zls-tab-container .zls-tab\:textarea:focus {
  outline: none;
  box-shadow: none;
}
.zls-tab-container .zls-tab\:textarea::placeholder {
  color: var(--grey3);
}
.zls-tab-container .zls-tab\:link {
  color: inherit;
  text-decoration: none;
}
.zls-tab-container .zls-tab.zls-bor2 > li {
  border-width: 2px;
}
.zls-tab-container .zls-tab.zls-no-border > li {
  border-bottom: none;
}
.zls-tab-container .zls-tab > li {
  color: var(--grey2);
  border-bottom: 1px solid transparent;
  flex-shrink: 0;
  padding: 7px 0;
  cursor: pointer;
}
.zls-tab-container .zls-tab > li a {
  color: inherit;
  text-decoration: none;
}
.zls-tab-container .zls-tab > li:hover {
  color: var(--grey0);
  border-color: var(--grey2);
  background: transparent;
}
.zls-tab-container .zls-tab > li.zls-active,
.zls-tab-container .zls-tab > li.zw-tab-active {
  color: var(--grey0);
  border-color: var(--grey0);
  background: transparent;
}
.zls-tab-container.zls-tab-outline .zls-tab {
  margin-bottom: -1px;
  gap: 0;
}
.zls-tab-container.zls-tab-outline .zls-tab > li {
  border: 1px solid transparent;
  border-bottom: none;
  padding: 12px 20px;
  border-radius: 5px 5px 0 0;
  margin-right: 0;
}
.zls-tab-container.zls-tab-outline .zls-tab > li.zls-active {
  border-color: var(--grey5);
  background: var(--white);
}
.zls-tab-container .zls-tab-options > li.zls-active .z-ico {
  stroke: var(--product-accent-color);
}
.zls-tab-container .zls-tab-options > li.zls-general-filter .zls-active .zw-ic,
.zls-tab-container .zls-tab-options > li.zls-general-sort .zls-active .zw-ic {
  fill: var(--product-accent-color);
}
.zls-tab-container .zls-tab-options > li.zls-general-filter .zw-popbox {
  right: -13px;
  top: 18px;
}
.zls-tab-container .zls-tab-options > li.zls-general-sort .zw-popbox {
  right: 9px;
  top: 19px;
}
.zls-tab-container .zls-tab-options > li.zls-filter-con .zls-red-dot {
  top: -2px;
  right: -1px;
  border-color: var(--grey7);
}
.zls-tab-container .zls-tab-options > li.zls-pointer-none * {
  color: var(--grey4);
  fill: var(--grey4);
  stroke: var(--grey4);
}
.zls-tab-container .zls-tab-options > li.zls-pointer-none * lyte-drop-button span .type\:fill {
  opacity: 0.3;
}
.zls-tab-container .zls-tab-options > li.zls-pointer-none .zls-red-dot {
  background: var(--grey4);
}
/***** Product all tab-bar end *****/
/***** Manual and space info start *****/
.zln-wrapper\:manual-info {
  max-width: 400px;
  top: var(--announcement-banner-height);
}
.zln-wrapper\:manual-info lyte-accordion-body {
  padding-top: 0 !important;
  padding-left: 20px;
  padding-right: 20px;
}
.zln-wrapper\:manual-info .lyteAccordionActive lyte-accordion-body {
  padding-bottom: 20px;
}
.zln-wrapper\:manual-info lyte-accordion-item {
  border-top: 1px solid var(--grey5);
}
.zln-wrapper\:manual-info lyte-accordion-item:nth-of-type(1) {
  border: none;
}
.zln-wrapper\:manual-info lyte-accordion-item:nth-last-of-type(1) {
  border-bottom: 1px solid var(--grey5);
}
.zln-wrapper\:manual-info lyte-accordion-header {
  padding: 15px;
}
.zln-wrapper\:manual-info .zw-attachment-list,
.zln-wrapper\:manual-info .zw-shared-list {
  margin: 0 -20px;
}
.zln-wrapper\:manual-info .zw-attachment-list li,
.zln-wrapper\:manual-info .zw-shared-list li {
  padding: 10px 20px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zln-wrapper\:manual-info .zw-attachment-list li .zw-attachment-options,
.zln-wrapper\:manual-info .zw-shared-list li .zw-attachment-options,
.zln-wrapper\:manual-info .zw-attachment-list li .zw-start-chat,
.zln-wrapper\:manual-info .zw-shared-list li .zw-start-chat {
  visibility: hidden;
}
.zln-wrapper\:manual-info .zw-attachment-list li.zw-active-menu-item,
.zln-wrapper\:manual-info .zw-shared-list li.zw-active-menu-item,
.zln-wrapper\:manual-info .zw-attachment-list li:hover,
.zln-wrapper\:manual-info .zw-shared-list li:hover {
  background-color: var(--grey7);
}
.zln-wrapper\:manual-info .zw-attachment-list li.zw-active-menu-item .zw-attachment-options,
.zln-wrapper\:manual-info .zw-shared-list li.zw-active-menu-item .zw-attachment-options,
.zln-wrapper\:manual-info .zw-attachment-list li:hover .zw-attachment-options,
.zln-wrapper\:manual-info .zw-shared-list li:hover .zw-attachment-options,
.zln-wrapper\:manual-info .zw-attachment-list li.zw-active-menu-item .zw-start-chat,
.zln-wrapper\:manual-info .zw-shared-list li.zw-active-menu-item .zw-start-chat,
.zln-wrapper\:manual-info .zw-attachment-list li:hover .zw-start-chat,
.zln-wrapper\:manual-info .zw-shared-list li:hover .zw-start-chat {
  visibility: visible;
}
.zln-wrapper\:manual-info .zw-attachment-list li .zw-ic-cliq-chat,
.zln-wrapper\:manual-info .zw-shared-list li .zw-ic-cliq-chat {
  display: none;
}
.zln-wrapper\:manual-info .zw-attachment-list li:hover .zw-ic-cliq-chat,
.zln-wrapper\:manual-info .zw-shared-list li:hover .zw-ic-cliq-chat {
  display: block;
}
/***** Manual and sapce info end *****/
/***** On off switch button start *****/
.zw-switch-con {
  display: inline-block;
  line-height: 0;
  cursor: pointer;
}
.zw-switch-con:hover .zw-theme-switch {
  transform: scale3d(1, 1, 1);
}
.zw-switch-con input {
  display: none;
}
.zw-switch-con .zw-theme-switch {
  height: 14px;
  width: 14px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid var(--white);
  transform: scale3d(0.4, 0.4, 0.4);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  display: inline-block;
}
.zw-switch-con .zw-theme-switch.zw-theme-switch-big {
  width: 25px;
  height: 25px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  position: relative;
}
.zw-switch-con .zw-theme-switch.zw-theme-switch-big .zw-switch-controller {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zw-switch-con .zw-theme-switch.zw-theme-switch-custom {
  border: 1px solid var(--grey0);
  background-color: hsl(0, 0%, 100%);
}
.zw-switch-con .zw-theme-switch .zw-switch-controller {
  background: inherit;
  height: inherit;
  width: inherit;
  display: inherit;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.zw-switch-con input[type="radio"]:checked + .zw-theme-switch {
  transform: scale3d(1, 1, 1);
}
.zw-switch-con input[type="radio"]:checked + .zw-theme-switch.zw-theme-switch-big:before {
  border: 2px solid var(--white);
  border-right: transparent;
  border-top: transparent;
  height: 4px;
  width: 9px;
  transform: rotate(-45deg);
  margin: 0;
  content: '';
  position: absolute;
  top: 8px;
  left: 7px;
}
.zw-switch-con input[type="radio"]:checked + .zw-theme-switch.zw-theme-switch-custom:before {
  border-color: #000;
}
.zw-switch-con input[type="radio"]:checked + .zw-theme-switch .zw-switch-controller {
  animation-name: ani-zoom-out;
}
.zls-color-picker-container {
  border: 1px solid var(--grey3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: var(--white);
}
.zls-color-picker-container.zls-picker-medium .zls-color-preview {
  padding: 20px;
}
.zls-color-picker-container .zls-color-preview {
  border-inline-end: 1px solid var(--grey3);
  box-shadow: inset 0 0 0 3px var(--white);
  padding: 12px;
  border-radius: 6px 0 0 6px;
}
.zln-direction\:rtl .zls-color-picker-container .zls-color-preview {
  border-radius: 0 6px 6px 0;
}
.zls-color-picker-container .zw-input-reset[type="text"] {
  width: 55px;
  padding-right: 10px;
}
.zls-toggle-btn-wrapper {
  border: 1px solid var(--grey3);
  display: inline-block;
  font-size: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-toggle-btn-wrapper .zw-switch-con {
  line-height: inherit;
  font-size: initial;
}
.zls-toggle-btn-wrapper .zw-switch-con .zls-toggle-button {
  display: block;
  background: transparent;
  padding: 5px 12px;
  border-right: 1px solid var(--grey3);
  font-size: 1.4rem;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-toggle-btn-wrapper .zw-switch-con .zls-toggle-button:hover {
  background-color: var(--grey6);
}
.zls-toggle-btn-wrapper .zw-switch-con .zls-toggle-button.zls-approve-btn {
  color: var(--product-accent-color);
}
.zls-toggle-btn-wrapper .zw-switch-con .zls-toggle-button.zls-approve-btn:hover {
  background: var(--product-accent-color);
  color: var(--custom-txt-color, hsl(0, 0%, 100%));
  box-shadow: -1px 0 0 1px var(--product-accent-color);
  border-radius: 3px 0 0 3px;
}
.zls-toggle-btn-wrapper .zw-switch-con .zls-toggle-button.zls-reject-btn {
  color: #ca5b5a;
}
.zls-toggle-btn-wrapper .zw-switch-con .zls-toggle-button.zls-reject-btn:hover {
  background: #ca5b5a;
  color: var(--custom-txt-color, hsl(0, 0%, 100%));
  box-shadow: 1px 0 0 1px #ca5b5a;
  border-radius: 0 3px 3px 0;
}
.zls-toggle-btn-wrapper .zw-switch-con:last-of-type .zls-toggle-button {
  border: none;
}
.zls-toggle-btn-wrapper .zw-switch-con input[type="radio"]:checked + .zls-toggle-button {
  background-color: var(--grey5);
}
.zls-toggle-btn-wrapper .zw-switch-con input[type="radio"]:checked + .zls-toggle-button.zls-approve-btn {
  background: var(--product-accent-color);
  color: var(--custom-txt-color, hsl(0, 0%, 100%));
  box-shadow: -1px 0 0 1px var(--product-accent-color);
  border-radius: 3px 0 0 3px;
}
.zls-toggle-btn-wrapper .zw-switch-con input[type="radio"]:checked + .zls-toggle-button.zls-reject-btn {
  background: #ca5b5a;
  color: var(--custom-txt-color, hsl(0, 0%, 100%));
  box-shadow: 1px 0 0 1px #ca5b5a;
  border-radius: 0 3px 3px 0;
}
.zls-toggle-btn-wrapper .zw-switch-con.zls-disable {
  pointer-events: none;
  user-select: none;
}
.zls-toggle-btn-wrapper .zw-switch-con.zls-disable .zls-toggle-button {
  background-color: var(--grey8);
  color: var(--grey2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/***** On off switch button end *****/
/***** Attachments start  *****/
.zw-cloud-picker {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 6;
}
.zls-attachment-list-wrapper {
  width: 100%;
  box-sizing: border-box;
}
.zls-attachment-list-wrapper.zls-attach-card-type .zw-li-each {
  width: 200px;
  margin-right: 10px;
}
.zls-attachment-list-wrapper.zls-attach-card-type > li:last-of-type .zw-li-each {
  margin-bottom: 10px;
}
.zls-attachment-list-wrapper > li:last-of-type .zw-li-each {
  margin-bottom: 0;
}
.zls-attachment-list-wrapper .zw-li-each {
  min-height: 55px;
  border: 1px solid var(--grey4);
  padding: 10px 15px;
  box-sizing: border-box;
  cursor: pointer;
  margin-bottom: 10px;
  background: var(--white);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zls-attachment-list-wrapper .zw-li-each .zls-attach-close-btn {
  position: absolute;
  right: -8px;
  top: -8px;
  background-color: var(--grey1);
  padding: 1px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zls-attachment-list-wrapper .zw-li-each .zls-attach-close-btn:hover {
  background-color: var(--grey0);
}
.zls-attachment-list-wrapper .zw-li-each.zw-add-cloud .zw-loading-dots {
  bottom: -6px;
  left: 0;
  right: 0;
  top: auto;
}
.zls-attachment-list-wrapper .zw-li-each.zw-add-attachment {
  width: 55px;
  border: 1px dashed var(--grey2);
  background-color: var(--grey7);
  padding: 10px;
}
.zls-attachment-list-wrapper .zw-li-each:hover {
  background: var(--grey8);
}
.zls-attachment-list-wrapper .zw-li-each.zw-attach-loading {
  padding: 10px;
}
.zls-attachment-list-wrapper .zw-li-each .zw-attach-details {
  margin: 0 10px;
  font-size: 1.3rem;
  min-height: 30px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.zls-attachment-list-wrapper .zw-li-each.zw-error {
  border: 1px solid #ca5b5a;
}
.zls-attachment-list-wrapper .zw-li-each.zw-error .zw-ic-warning {
  fill: #ca5b5a;
  stroke: #ca5b5a;
}
.zls-attachment-list-wrapper .zw-li-each.zw-error .zw-file-size {
  color: #ca5b5a;
}
.zls-attachment-list-wrapper .zw-li-each.zw-error .zw-attach-options {
  top: 2px;
  right: 2px;
  height: 20px;
  width: 20px;
  padding: 0;
}
/***** Attachments end *****/
/***** iPopup start ****/
.zw-i-members-list .zw-users-list {
  margin: 0 -35px;
}
.zw-user-small-list .zw-users-list {
  margin: 0 -35px;
}
.zw-users-list > .zw-li-each.zw-small-list {
  padding: 10px;
}
.zw-i-members-list .zw-users-list > .zw-li-each {
  padding: 12px 35px;
}
.zw-user-small-list .zw-users-list > .zw-li-each {
  padding: 10px 35px;
}
.zw-users-list > .zw-li-each.zw-active,
.zw-users-list > .zw-li-each:hover {
  background: var(--grey9);
}
.zw-users-list > .zw-li-each.zw-active .zw-options-meta .zw-options2,
.zw-users-list > .zw-li-each:hover .zw-options-meta .zw-options2 {
  border: 1px solid var(--grey5);
}
.zw-users-list > .zw-li-each.zw-active .zls-delete-ic-btn,
.zw-users-list > .zw-li-each:hover .zls-delete-ic-btn {
  opacity: 1;
  visibility: visible;
}
.zw-users-list > .zw-li-each .zw-options-meta .zw-options2 {
  border: 1px solid var(--white);
  padding: 1px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: var(--white);
}
.zw-users-list .zls-delete-ic-btn {
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-change\:logo .zln-upload-btn {
  background-color: var(--white);
  padding: 5px;
  right: -15px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
/***** iPopup end ****/
/***** Page, sapce, manual error pages start *****/
.zw-article-view .zwnf-not-found-con {
  height: 360px;
}
.zwnf-not-found-con .zwnf-not-found {
  margin: 0 auto;
}
.zwnf-not-found-con .zwnf-not-found .zwnf-title {
  font-size: 2rem;
  font-weight: 700;
}
/***** Page, sapce, manual error pages start *****/
.zln-gridlist-wrapper .zln-gridlist\:header {
  background-color: var(--grey7);
  top: 0;
  z-index: 2;
  position: sticky;
  position: -webkit-sticky;
}
.zln-gridlist-wrapper.zln-col\:two {
  margin-right: 350px;
}
.zln-gridlist-wrapper.zln-col\:two .zw-blankslate-wrapper {
  right: 350px;
}
.zln-gridlist-wrapper.zln-col\:two .zls-activity-slider .zw-blankslate-wrapper {
  right: 0;
}
/*****$ trial plan style start (move to global) $*****/
.zln-wrapper\:change-plan-popup .zln-plan-list {
  text-align: center;
}
.zln-wrapper\:change-plan-popup .zln-plan-list > li {
  border-top-width: 5px;
}
.zln-wrapper\:change-plan-popup .zln-plan-list > li.zln-plan\:1 {
  border-top-color: hsl(16, 100%, 70%);
}
.zln-wrapper\:change-plan-popup .zln-plan-list > li.zln-plan\:1.zln-active {
  border-color: hsl(16, 100%, 70%);
}
.zln-wrapper\:change-plan-popup .zln-plan-list > li.zln-plan\:1 li:before {
  border-color: hsl(16, 100%, 70%);
}
.zln-wrapper\:change-plan-popup .zln-plan-list > li.zln-plan\:2 {
  border-top-color: hsl(196, 89%, 66%);
}
.zln-wrapper\:change-plan-popup .zln-plan-list > li.zln-plan\:2.zln-active {
  border-color: hsl(196, 89%, 66%);
}
.zln-wrapper\:change-plan-popup .zln-plan-list > li.zln-plan\:2 li:before {
  border-color: hsl(196, 89%, 66%);
}
.zln-wrapper\:change-plan-popup .zln-plan-list > li.zln-plan\:3 {
  border-top-color: hsl(155, 48%, 57%);
}
.zln-wrapper\:change-plan-popup .zln-plan-list > li.zln-plan\:3.zln-active {
  border-color: hsl(155, 48%, 57%);
}
.zln-wrapper\:change-plan-popup .zln-plan-list > li.zln-plan\:3 li:before {
  border-color: hsl(155, 48%, 57%);
}
.zln-wrapper\:change-plan-popup .zln-plan-list ul li {
  display: flex;
  align-items: center;
  text-align: left;
  gap: 15px;
}
.zln-wrapper\:change-plan-popup .zln-plan-list ul li:before {
  content: "";
  display: inline-block;
  transform: rotate(45deg);
  height: 10px;
  width: 4px;
  border-bottom: 2px solid var(--grey3);
  border-right: 2px solid var(--grey3);
  border-radius: 1px;
  flex-shrink: 0;
  align-self: start;
  margin-top: 5px;
}
/*****$ trial plan style start (move to global) $*****/
/***** Attachment file picker style start *****/
.zls-file-picker.zw-popup .zw-popup-con {
  min-height: 320px;
}
.zls-file-picker .zls-cloud-picker {
  margin-top: -10px;
  padding-right: 20px;
}
.zls-file-picker .zls-cloud-picker iframe {
  border: 0;
  height: 450px;
}
.zls-file-picker .zls-upload-wrapper {
  background: var(--grey9);
  border: 1px dashed var(--grey3);
  padding: 35px 30px;
  min-height: 320px;
  box-sizing: border-box;
  user-select: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-file-picker .zls-upload-wrapper.zls-drag-attach-file {
  background: #f9fffd;
  border-color: #38cb89;
}
.zls-file-picker .zls-upload-wrapper.zls-drag-attach-file .z-btn {
  display: none;
}
.zls-file-picker .zls-upload-wrapper .zls-attachment-blankslate {
  background: url(../images/attachment-blankslate.da88e94c7c089e4a60ba4803a110b461.svg) no-repeat center;
  padding: 50px;
  background-size: 120px ;
  margin-bottom: 5px;
}
.zls-file-picker .zln-col\:attachment-two-col {
  grid-template-columns: 1fr 300px;
}
.zls-file-picker .zls-attachment-list > li .zls-temp-attach-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--grey4);
  padding: 10px;
  min-height: 38px;
  cursor: default;
}
.zls-file-picker .zls-attachment-list > li .zls-temp-attach-list .zls-pop-attach-details {
  position: relative;
  margin: 0 15px;
  flex-grow: 1;
  min-height: 30px;
}
.zls-file-picker .zls-attachment-list > li .zls-temp-attach-list .zls-pop-attach-details .zls-attach-file-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 360px;
}
.zls-file-picker .zls-attachment-list > li .zls-temp-attach-list .zls-pop-attach-details .zls-attach-file-size {
  color: var(--grey1);
  text-transform: uppercase;
  font-size: 1.1rem;
  display: block;
}
.zls-file-picker .zls-attachment-list > li .zls-temp-attach-list .zls-pop-attach-details .zls-attach-error-msg {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 360px;
  font-size: 1.3rem;
  display: block;
  color: #ca5b5a;
}
.zls-file-picker .zls-attachment-list > li .zls-temp-attach-list:hover {
  background-color: var(--grey8);
}
/*****& Attachment file picker style end &*****/
/***** Tags start *****/
.zln-tags-list a {
  background-color: var(--white);
  border: 1px solid var(--grey4);
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.zln-tags-list a:hover {
  background-color: var(--grey8);
}
.zln-tags-list a .zln-tag\:name {
  padding: 4px 12px;
  white-space: nowrap;
}
.zln-tags-list.tag\:manage a {
  background-color: var(--grey8);
}
.zln-tags-list.zls-drag-start {
  outline: 1px dashed var(--grey4);
  outline-offset: 10px;
  border-radius: 1px;
  cursor: move;
}
.zln-tags-list.zls-drag-start button:not(.zln-tag\:close) {
  display: none;
}
.zln-tags-list.zls-drag-start .placeholder {
  background: var(--white);
  box-shadow: none;
  border: 1px dashed #da7d5a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/***** Tags end *****/
/***** Thiru Need review - hide custom domain option for unification UI *****/
.zln-unified-ui upgrade-topbar,
.zls-hide-global-header #zls-customdomain-option {
  display: none;
}
/***** Thiru Need review - hide custom domain option for unification UI end *****/
/*****$ welcome popup style start $*****/
.zls-welcome-container {
  position: relative;
  overflow: hidden;
}
.zls-welcome-container .zw-popup-con {
  text-align: center;
}
.zls-welcome-container .zw-popup-con .zls-welcome-icon:before {
  content: "\1F64F";
  font-size: 5rem;
}
.zls-welcome-container .zw-popup-con .zls-title {
  font-size: 3rem;
  font-family: "merriweather", LatoLatin, sans-serif;
  margin-bottom: 5px;
}
.zls-welcome-container .zw-popup-con .zls-title strong {
  font-family: "LatoLatin", sans-serif;
  font-size: 3.5rem;
  font-weight: 900;
}
.zls-welcome-container .zw-popup-con .zls-mail-confirm {
  border: 1px dashed #D8B67D;
  padding: 15px 20px;
  font-size: 1.4rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin: 40px 30px;
  background: #FFFAF3;
}
.zls-welcome-container .zw-popup-con .zls-mail-confirm .zw-ic {
  margin-right: 15px;
  stroke: #B96927;
  stroke-width: 1.2px;
}
.zls-welcome-container .zw-popup-con .zls-desc {
  font-size: 1.7rem;
  letter-spacing: 0.3px;
  margin-bottom: 15px;
}
.zls-round-decorate .zls-round {
  position: absolute;
  border-radius: 100%;
}
.zls-round-decorate .zls-round-s {
  width: 10px;
  height: 10px;
}
.zls-round-decorate .zls-round-m {
  width: 16px;
  height: 16px;
}
.zls-round-decorate .zls-round-x {
  width: 26px;
  height: 26px;
}
.zls-round-decorate .zls-round-l {
  width: 50px;
  height: 50px;
}
.zls-round-decorate .zls-yellow {
  background: #FEC034;
}
.zls-round-decorate .zls-green {
  background: rgba(54, 199, 165, 0.75);
}
.zls-round-decorate .zls-purple {
  background: #8966F3;
}
.zls-round-decorate .zls-red {
  background: rgba(255, 62, 72, 0.74);
}
.zls-round-decorate .zls-blue {
  background: #CAF1FF;
}
.zls-round-decorate .zls-bg-1 {
  top: -33px;
  right: 196px;
}
.zls-round-decorate .zls-bg-2 {
  top: 0;
  right: 190px;
}
.zls-round-decorate .zls-bg-3 {
  top: 60px;
  left: 90px;
}
.zls-round-decorate .zls-bg-4 {
  top: 90px;
  left: 60px;
}
.zls-round-decorate .zls-bg-5 {
  bottom: 180px;
  left: -30px;
}
.zls-round-decorate .zls-bg-6 {
  bottom: 215px;
  left: 6px;
}
.zls-round-decorate .zls-bg-7 {
  bottom: 80px;
  left: 50px;
}
.zls-round-decorate .zls-bg-8 {
  top: 150px;
  right: 100px;
}
.zls-round-decorate .zls-bg-9 {
  top: 130px;
  right: 20px;
}
.zls-round-decorate .zls-bg-10 {
  top: 240px;
  right: -15px;
}
.zls-round-decorate .zls-bg-11 {
  bottom: 28px;
  right: 60px;
}
.zls-round-decorate .zls-bg-12 {
  bottom: -4px;
  right: -4px;
}
/*****$ welcome popup style end $*****/
/***** Global Tags view start *****/
.zln-container\:tags-search .zln-ico\:tag {
  margin: -8px;
  padding: 8px 10px;
  background-color: var(--product-accent-color);
  margin-inline-end: 0px;
  border-radius: 3px 0 0 3px;
}
.zln-direction\:rtl .zln-container\:tags-search .zln-ico\:tag {
  border-radius: 0 3px 3px 0;
}
/***** Global Tags view end *****/
/***** Global banner image add or remove start *****/
.zls-add-banner-cover {
  background: var(--grey9);
  padding: 20px;
  border: 1px dashed var(--grey3);
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-add-banner-cover.zls-bor-w2 {
  border-width: 2px;
  border-color: var(--grey4);
}
.zls-banner-cover {
  background-color: var(--white);
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: var(--white);
}
.zls-full-banner-cover,
.zls-thumb-banner-cover {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.zls-opacity-layer {
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.zls-opacity-layer.zls-dark-bg {
  background: #000;
}
.zls-opacity-layer.zls-light-bg {
  background: var(--white);
}
/***** Global banner image add or remove end *****/
/***** Customize editor start *****/
.zls-customize-builder .zls-left-col {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-customize-builder .zls-left-col .zls-menu-list {
  width: 80px;
  background: var(--product-accent-color);
  box-sizing: border-box;
  display: none;
}
.zls-customize-builder .zls-left-col .zls-manage {
  width: 320px;
}
.zls-full-popup-darkbg .zls-customize-builder .zls-right-col {
  border: none;
}
/***** Customize editor end *****/
/***** Expand & Collapse all start *****/
.zls-expcol-wrapper .zls-expcol-ico {
  position: relative;
}
.zls-expcol-wrapper .zls-expcol-ico:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  border-left: 6px solid var(--grey1);
  position: absolute;
  left: 0;
  top: 1px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zls-expcol-wrapper .zls-expcol-ico.zls-expand:before {
  transform: rotateZ(90deg);
}
.zls-expcol-wrapper .zls-expcol-ico1 {
  position: relative;
}
.zls-expcol-wrapper .zls-expcol-ico1:before {
  content: "";
  width: 5px;
  height: 5px;
  border: 2px solid var(--grey2);
  border-left: transparent;
  border-top: transparent;
  position: absolute;
  left: 0;
  top: 1px;
  transform: rotateZ(-45deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.zls-expcol-wrapper .zls-expcol-ico1.zls-expand:before {
  transform: rotateZ(45deg);
}
.zls-expcol-wrapper .zls-expcol-ico2 {
  position: relative;
}
.zls-expcol-wrapper .zls-expcol-ico2:before {
  content: "";
  width: 6px;
  height: 6px;
  border: 2px solid var(--grey2);
  border-left: transparent;
  border-top: transparent;
  position: absolute;
  left: 0;
  top: 1px;
  transform: rotateZ(-45deg);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.zls-expcol-wrapper .zls-expcol-ico2.zls-expand:before {
  transform: rotateZ(45deg);
}
/***** Expand & Collapse all end *****/
.zls-unsaved-alert .zls-confirm-popup-list {
  padding-left: 0;
  list-style-position: inside;
}
.zls-celebration-shapes .zls-round-shape {
  border-radius: 100%;
}
.zls-celebration-shapes .zls-round-shape-normal {
  border-radius: 3px;
}
.zls-celebration-shapes .zls-border-shape {
  padding: 2px;
  border: 2px solid #09f;
}
.zls-celebration-shapes .zls-solid-shape {
  padding: 4px;
  background: #09f;
}
.zls-celebration-shapes .zls-triangle-shape {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 9px solid #54aef1;
}
.zls-celebration-shapes .zls-shape1 {
  border-right-color: #ff84b1;
  top: -6px;
  right: 2px;
  transform: rotate(45deg);
}
.zls-celebration-shapes .zls-shape2 {
  left: 10px;
  border-right-color: #b462ff;
  transform: rotate(345deg);
  top: 17px;
}
.zls-celebration-shapes .zls-shape3 {
  left: 66px;
  border-right-color: #f77777;
  transform: rotate(323deg);
  bottom: -5px;
  top: auto;
}
.zls-celebration-shapes .zls-shape4 {
  left: 59px;
  right: auto;
  top: -4px;
  background: #ffbc42;
}
.zls-celebration-shapes .zls-shape5 {
  top: auto;
  bottom: 12px;
  right: auto;
  left: 8px;
}
.zls-celebration-shapes .zls-shape6 {
  top: auto;
  bottom: 7px;
  right: 8px;
  border-color: #9698f3;
}
.zln-popup\:trial-expired .o-ico-calendar-warning {
  stroke: #ff8d8d;
}
.zln-popup\:trial-expired .zls-g2crowd {
  background-image: url(../images/trial-extension-logo.ce49fec0c73cc5ad3ad4b5e4237e5a1f.png);
  background-repeat: no-repeat;
  padding: 15px 51px;
  background-size: 112px;
  background-position: 0 -57px;
}
.zln-popup\:trial-expired .zw-pop-slider {
  max-height: none;
}
.zln-slider\:user-profile {
  max-width: 900px;
}
.zln-slider\:user-profile .btn\:sticky-close {
  background: var(--grey7);
}
.zln-slider\:user-profile .btn\:sticky-close:before {
  box-shadow: 3px 3px 0 3px var(--grey7);
}
.zln-slider\:user-profile .btn\:sticky-close:after {
  box-shadow: 3px -3px 0 3px var(--grey7);
}
.zln-slider\:user-profile .zls-profile-header-container .zls-profile-banner {
  background: #afabf8;
  background: -moz-linear-gradient(-45deg, #afabf8 0%, #ff819f 100%);
  background: -webkit-linear-gradient(-45deg, #afabf8 0%, #ff819f 100%);
  background: linear-gradient(135deg, #afabf8 0%, #ff819f 100%);
  border-radius: 3px 3px 0 0;
}
.zln-slider\:user-profile .zls-profile-header-container .zls-profile-header-foo {
  border-radius: 0 0 3px 3px;
  background-color: var(--white);
  box-shadow: 0 1px 0px var(--grey7);
}
.zln-slider\:user-profile .zls-profile-header-container .zls-profile-header-foo .zls-profile-img {
  height: 120px;
  width: 120px;
  margin-top: -80px;
  border: 5px solid var(--white);
  position: relative;
  cursor: pointer;
}
.zln-slider\:user-profile .zls-profile-header-container .zls-profile-header-foo .zls-profile-img img {
  width: 100%;
}
.zln-slider\:user-profile .zls-profile-header-container .zls-profile-header-foo .zls-profile-img .z-ico {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -15px;
  margin-top: -15px;
  stroke: #fff;
  stroke-width: 2;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-slider\:user-profile .zls-profile-header-container .zls-profile-header-foo .zls-profile-img:hover .z-ico {
  visibility: visible;
  opacity: 1;
}
.zln-slider\:user-profile .zls-profile-header-container .zls-profile-header-foo .zls-profile-img:hover:before {
  content: '';
  background-color: hsla(0, 0%, 0%, 0.3);
  position: absolute;
  cursor: pointer;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-slider\:user-profile .zls-profile-section > * + * {
  margin-top: 20px;
}
.zln-slider\:user-profile .zls-profile-section > li {
  background-color: var(--white);
  box-shadow: 0 1px 0px var(--grey7);
  padding: 25px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-slider\:user-profile .zls-profile-section .zls-header .reset\:btn {
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-slider\:user-profile .zls-profile-section .zls-disable-mode > li:hover .reset\:btn,
.zln-slider\:user-profile .zls-profile-section.zls-disable-mode > li:hover .reset\:btn {
  visibility: visible;
  opacity: 1;
}
.zln-slider\:user-profile .zls-profile-section .zls-disable-mode .zls-multiple-box-add,
.zln-slider\:user-profile .zls-profile-section.zls-disable-mode .zls-multiple-box-add {
  border: none;
  padding: 0;
  gap: 10px;
}
.zln-slider\:user-profile .zls-profile-section .zls-disable-mode .zls-multiple-box-add .zls-data-list,
.zln-slider\:user-profile .zls-profile-section.zls-disable-mode .zls-multiple-box-add .zls-data-list {
  border-color: var(--grey4);
  margin: 0;
}
.zln-slider\:user-profile .zls-profile-section .zls-disable-mode .zls-multiple-box-add .zls-data-list .zls-meta-data,
.zln-slider\:user-profile .zls-profile-section.zls-disable-mode .zls-multiple-box-add .zls-data-list .zls-meta-data {
  padding: 7px 12px;
  font-size: 1.4rem;
}
.zln-slider\:user-profile .zls-profile-section .zls-disable-mode .zls-multiple-box-add .zls-data-list .zw-button-reset,
.zln-slider\:user-profile .zls-profile-section.zls-disable-mode .zls-multiple-box-add .zls-data-list .zw-button-reset {
  display: none;
}
.zln-slider\:user-profile .zls-profile-section .zls-disable-mode .zls-multiple-box-add .ui-autocomplete-input,
.zln-slider\:user-profile .zls-profile-section.zls-disable-mode .zls-multiple-box-add .ui-autocomplete-input {
  display: none;
}
.zln-slider\:user-profile .zls-profile-section li.zls-disable-mode:hover .reset\:btn {
  visibility: visible;
  opacity: 1;
}
.zln-slider\:user-profile .zls-profile-section .z-dis\:grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.zln-slider\:user-profile .zls-disable-mode .zln-multi-selectbox,
.zln-slider\:user-profile .zls-disable-mode .zln-selectbox,
.zln-slider\:user-profile .zls-disable-mode .zls-lyte-select:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button,
.zln-slider\:user-profile .zls-disable-mode .zln-lyte\:dropdown:not([lt-prop-type="multiple"]):not([lt-prop-type="multisearch"]) lyte-drop-button,
.zln-slider\:user-profile .zls-disable-mode .z-textarea,
.zln-slider\:user-profile .zls-disable-mode input {
  background: transparent;
  border: none;
  box-shadow: none;
  pointer-events: none;
  padding: 0;
  resize: none;
}
.zln-slider\:user-profile .zls-disable-mode .z-textarea {
  min-height: auto;
}
.zln-slider\:user-profile .zls-disable-mode .zln-multi-selectbox input,
.zln-slider\:user-profile .zls-disable-mode .o-ico-chevron-down,
.zln-slider\:user-profile .zls-disable-mode .o-ico-calendar,
.zln-slider\:user-profile .zls-disable-mode lyte-icon {
  display: none;
}
.zln-slider\:user-profile .zls-disable-mode .lyteDropdown-disabled {
  opacity: 1;
}
.zln-slider\:user-profile .zls-disable-mode .lyteDropdown-disabled lyte-drop-button {
  background-color: transparent;
  cursor: inherit;
}
.zln-slider\:user-profile .zls-disable-mode .zln-lyte\:dropdown lyte-drop-button,
.zln-slider\:user-profile .zls-disable-mode .zln-multi-selectbox .zln-data {
  font-weight: 600;
}
.zln-slider\:user-profile .zls-disable-mode .zln-multi-selectbox .zln-data {
  font-size: 1.4rem;
}
.zln-image-crop-popup .zln-image-crop-area {
  width: 500px;
  height: 300px;
  margin: 15px 0px;
  position: relative;
}
.zln-image-crop-popup .zln-image-crop-area .lytePSvisualArea {
  border-radius: 100%;
}
.zln-image-crop-popup .zln-image-crop-area .lytePSBackImage,
.zln-image-crop-popup .zln-image-crop-area .lytePSFrontImage {
  max-width: none;
}
.zln-image-crop-popup .zln-image-crop-area .zln-image-crop-range {
  position: absolute;
  z-index: 1;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background-color: var(--white);
}
.zln-image-crop-popup .zln-image-crop-area .zln-image-crop-range .zln-minus-circle-btn {
  position: absolute;
  background: var(--white);
  left: -37px;
  border-radius: 30px 0 0 30px;
  padding: 3px 10px 3px 3px;
}
.zln-image-crop-popup .zln-image-crop-area .zln-image-crop-range .zln-plus-circle-btn {
  position: absolute;
  background: var(--white);
  right: -37px;
  border-radius: 0 30px 30px 0;
  padding: 3px 3px 3px 10px;
}
.zln-image-crop-popup .zln-image-crop-area .zln-image-crop-range .lyteSlide {
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 0;
  right: 0;
}
.zln-image-crop-popup .zln-image-crop-area .zln-image-crop-range .lyteScaleOption {
  display: none;
}
.zln-popup\:info .zln-tab\:basic {
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 30px;
}
.zln-popup\:info .zln-tab\:advanced .zln-disabled\:export-article-policy {
  display: flex;
  flex-direction: column;
  align-items: normal;
  gap: 8px;
  pointer-events: none;
}
.zln-popup\:info .zln-tab\:advanced .zln-disabled\:export-article-policy .zln-ico-wrapper {
  background-color: var(--grey7);
}
.zln-popup\:info .zln-tab\:advanced .zln-disabled\:export-article-policy .zln-ico-wrapper .z-ico {
  stroke: var(--grey3);
}
.zln-popup\:info .zln-tab\:advanced .zln-disabled\:export-article-policy enable-option * {
  color: var(--grey3);
}
.zln-popup\:info .zln-tab\:advanced .zln-disabled\:export-article-policy enable-option .zln-toggle .zln-toggle-state {
  border-color: var(--grey4);
}
.zln-popup\:info .zln-tab\:advanced .zln-disabled\:export-article-policy enable-option .zln-toggle .zln-toggle-state .zln-toggle-btn {
  background-color: var(--grey5);
  border-color: var(--grey4);
}
.zln-popup\:info .zln-tab\:advanced .zln-disabled\:export-article-policy enable-option .zln-toggle .zln-toggle-state::before,
.zln-popup\:info .zln-tab\:advanced .zln-disabled\:export-article-policy enable-option .zln-toggle .zln-toggle-state::after {
  color: var(--grey3);
}
/******************Global Settings************************/
.zws-main-settings {
  background-color: var(--grey8);
}
.zw-i-admin {
  color: #c38a1a;
}
.zws-import-csv-list {
  margin-top: -50px;
}
.zws-import-csv-list .zws-import-title {
  font-weight: 700;
  padding: 10px 15px;
  background-color: var(--grey6);
  border-radius: 4px 4px 0 0;
}
.zws-import-csv-list .zws-import-list {
  max-height: 300px;
  overflow: auto;
  border: 2px solid var(--grey5);
  border-top: none;
  border-radius: 0 0 4px 4px;
}
.zws-import-csv-list .zws-import-list > li {
  padding: 10px;
  border-bottom: 1px solid var(--grey5);
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
.zws-import-csv-list .zws-import-list > li:nth-last-of-type(1) {
  border-bottom: none;
}
.zws-import-csv-list .zws-import-list > li button {
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zws-import-csv-list .zws-import-list > li:hover {
  background-color: var(--grey8);
}
.zws-import-csv-list .zws-import-list > li:hover button {
  opacity: 1;
}
.zln-settings\:hub {
  /***************  Left col starts  ***************/
  /***************  Left col End  ***************/
  /***************  Right col starts  ***************/
  /***************  Right col End  ***************/
}
.zln-settings\:hub .zln-col\:settings-left {
  background-color: var(--white);
  border-right: 1px solid var(--grey5);
  width: 320px;
  flex-shrink: 0;
}
.zln-settings\:hub .zln-col\:settings-left .zln-nav\:settings ul li {
  margin-bottom: 5px;
}
.zln-settings\:hub .zln-col\:settings-left .zln-nav\:settings ul li a {
  color: var(--grey1);
  text-decoration: none;
  padding: 8px 20px 8px 60px;
  display: flex;
  align-items: center;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zln-settings\:hub .zln-col\:settings-left .zln-nav\:settings ul li:hover a {
  background-color: var(--grey8);
}
.zln-settings\:hub .zln-col\:settings-left .zln-nav\:settings ul li.zls-active a {
  color: var(--grey0);
  background-color: var(--grey7);
}
.zln-settings\:hub .zln-col\:settings-right > * {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.zln-settings\:hub .zln-col\:settings-right settings-tab-bar {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: hidden;
}
.zln-settings\:hub .zln-col\:settings-right .zln-header {
  background-color: var(--white);
  border-bottom: 1px solid var(--grey5);
  height: 70px;
  box-sizing: border-box;
  padding: 0 20px;
  flex-shrink: 0;
}
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-book,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-cog-6-tooth {
  stroke: #db5959;
}
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-question-bank,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-academic-cap,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-envelope-open {
  stroke: #e07936;
}
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-square-3-stack-3d,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-user,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-badge {
  stroke: #bf9500;
}
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-tag,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-identification {
  stroke: #4e9e22;
}
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-globe-share,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-paint-brush {
  stroke: #58c1c1;
}
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-document-template,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-globe-asia-australia {
  stroke: #1781a7;
}
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-lock-closed,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-user-hexagon {
  stroke: #2859c2;
}
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-badge,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-credit-card,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-squares-2x2 {
  stroke: #7e51cf;
}
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-document-log,
.zln-settings\:hub .zln-col\:settings-right .zln-header .o-ico-user-group-circle {
  stroke: #b84bc0;
}
.zln-settings\:hub .zln-col\:settings-right .zws-status {
  background: #cbf4c9;
  color: #335d4e;
  padding: 2px 10px;
  border-radius: 30px;
  font-size: 1.3rem;
}
.zln-settings\:hub .zln-col\:settings-right .zws-status.zws-pending {
  background: #ffedbc;
  color: #756941;
}
.zln-settings\:hub .zln-col\:settings-right .zws-status.zws-bounced {
  background: #ffe5d3;
  color: #9a6e4d;
  padding: 1px 8px;
}
.zln-settings\:hub .zln-col\:settings-right .zws-user-invite {
  margin-bottom: 40px;
  padding: 30px 40px 30px 200px;
  background-image: url(../images/invite-users.073b14893a278fbdac524852bc8ba702.svg);
  background-repeat: no-repeat;
  min-height: 70px;
  background-position: -33px -37px;
  background-size: 183px;
}
.zln-settings\:hub .zln-col\:settings-right .zws-user-invite .zws-invite-des {
  margin-right: 20px;
  font-size: 1.7rem;
}
.zln-settings\:hub .zln-col\:settings-right .zws-general-settings .zws-info-list > li {
  margin-bottom: 40px;
}
.zln-settings\:hub .zln-col\:settings-right .zws-general-settings .zws-info-list > li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.zln-settings\:hub .zln-col\:settings-right .zws-general-settings .zws-info-list > li .zw-popbox {
  width: 100%;
}
.zln-settings\:hub .zln-col\:settings-right .zws-general-settings .zws-info-list > li .zls-gs-title {
  margin-bottom: 15px;
}
/***** Right col container start *****/
.zws-container {
  padding: 40px;
  box-sizing: border-box;
  flex-grow: 1;
  overflow: auto;
}
.zws-container.zws-container-reset {
  max-width: none;
}
.zws-container.zws-hub-settings .zws-content-container {
  padding: 40px;
}
.zws-container.zws-hub-settings .zws-tab-title {
  margin-bottom: 20px;
}
.zws-container .zws-content-container {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 7px var(--grey7);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zws-container .zws-content-container.zws-content-container-reset {
  background: transparent;
  border: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.zws-container .zws-small-header {
  padding: 20px 28px;
}
.zws-container .zws-wrapper {
  margin-bottom: 30px;
}
/***** Right col container end *****/
/****************** Invite Members  ***************/
.zws-invite-members-con .zw-popup-header {
  margin-bottom: -20px;
}
.zws-invite-members-con.zw-popup .zw-popup-con.zw-form-container > li:nth-last-of-type(1) {
  margin-bottom: 0;
}
.zws-invite-members-con .zws-invite-title {
  font-size: 2.5rem;
  font-weight: 300;
  margin-bottom: 20px;
}
.zws-invite-members-con .zws-invite-title .zws-product-name {
  font-weight: 600;
}
.zws-invite-members-con .zws-invite-members .z-textarea {
  padding: 20px 20px 20px 70px;
  min-height: 250px;
  height: 250px;
  border-style: dashed;
  border-color: var(--grey3);
}
.zws-invite-members-con .zws-invite-members .z-textarea:focus {
  border-color: transparent;
}
/****************** Invite Members  ***************/
/***************** sangeetha inivitaion style start *********************/
/***************** sangeetha inivitaion style start *********************/
.zws-invite-members-con .zws-invitation-header {
  margin-bottom: 60px;
}
.zws-invite-members-con .zws-invitation-header .zws-invitation-title {
  font-size: 2.5rem;
  font-weight: 400;
  color: var(--product-accent-color);
}
.zws-invite-members-con .zws-invitation-header .zws-invitation-warning {
  font-size: 2.5rem;
  font-weight: 400;
  color: #e4a102;
}
.zws-invite-members-con .zws-invitation-header span {
  font-size: 1.8rem;
}
.zws-invite-members-con .zws-invitation-content .zws-inviteInfo {
  margin-bottom: 40px;
}
.zws-invite-members-con .zws-invitation-content .zws-inviteInfo .zws-formtitle {
  border-bottom: 1px solid var(--product-accent-color);
}
.zws-invite-members-con .zws-invitation-content .zws-inviteInfo .zws-formtitle .zws-formHead {
  font-size: 1.6rem;
}
.zws-invite-members-con .zws-invitation-content .zws-inviteInfo ul li {
  padding: 10px 0;
}
.zws-invite-members-con .zws-invitation-content .zws-inviteInfo ul li span {
  width: 50%;
  box-sizing: border-box;
}
.zws-invite-members-con .zws-invitation-content .zws-inviteInfo ul li:last-child {
  border: none;
}
.zws-invite-members-con .zws-invitation-content .zws-inviteInfo.zws-errormail {
  margin-bottom: 60px;
}
.zws-invite-members-con .zws-invitation-content .zws-inviteInfo.zws-errormail .zws-formtitle {
  border-bottom: 1px solid #ff8d8d;
}
.zws-invite-members-con .zws-invitation-content .zws-morebtn {
  margin-top: 30px;
}
/***************** inivitaion style end *********************/
.zls-disabled-all {
  cursor: default;
}
.zls-disabled-all.zls-grey-bg3 {
  background: var(--grey9);
}
.zls-disabled-all .z-bg\:color,
.zls-disabled-all .zln-space-logo,
.zls-disabled-all .zln-manual-logo,
.zls-disabled-all .zln-course-logo,
.zls-disabled-all .zln-portal-logo,
.zls-disabled-all .zw-cr {
  background-color: var(--grey6);
  color: var(--grey4);
}
.zls-disabled-all .z-bg\:img,
.zls-disabled-all img {
  background-color: transparent;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.zls-disabled-all *[class^="z-txt"],
.zls-disabled-all * {
  color: var(--grey4);
}
.zls-disabled-all .o-ico-lock-closed,
.zls-disabled-all .o-ico-globe-europe-africa {
  stroke: var(--grey4);
  fill: var(--grey4);
}
.zls-disabled-all tr,
.zls-disabled-all td,
.zls-disabled-all td .zln-select-option {
  cursor: default;
}
.zls-disabled-all .z-input\:checkbox.mark\:x {
  background-color: var(--grey6);
  border-color: var(--grey4);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="hsl(0 0 75%)" stroke-width="3" viewBox="-4 -4 32 32"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg>');
}
.zls-disabled-all .z-input\:checkbox:checked {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl(0 0 75%)' %3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
}
/******************Global Settings************************/
.zls-catrgory-settings .zws-content-container,
.zws-manage-policies .zws-content-container,
.zws-custom-domain .zws-content-container {
  padding: 40px;
}
.zws-custom-domain .zls-domain-steps {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: 50px;
  margin-bottom: 30px;
}
.zws-custom-domain .zls-domain-steps:before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: auto;
  border-top: 2px solid var(--grey5);
  content: '';
}
.zws-custom-domain .zls-domain-steps > li {
  position: relative;
  background: var(--white);
  padding: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.zws-custom-domain .zls-domain-steps > li .zw-cr {
  margin-right: 10px;
  color: var(--grey1);
}
.zws-custom-domain .zls-domain-steps > li.zls-active .zw-cr {
  box-shadow: 0 0 0 2px var(--product-accent-color);
  background: var(--white);
  color: var(--product-accent-color);
}
.zws-custom-domain .zls-domain-steps > li.zls-complete .zw-cr {
  background: var(--product-accent-color);
  position: relative;
  text-indent: -9999em;
}
.zws-custom-domain .zls-domain-steps > li.zls-complete .zw-cr:before {
  content: '';
  width: 5px;
  height: 11px;
  border: solid hsl(0, 0%, 100%);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  background: transparent;
  margin-left: -3px;
  margin-top: -8px;
  top: 50%;
  left: 50%;
  position: absolute;
}
/***** Permissions start *****/
.zls-app-permission.zw-popup-con selected-users ul {
  justify-content: space-between;
}
.zls-app-permission.zw-popup-con selected-users ul li {
  margin-right: 0;
}
.zls-app-permission > li {
  border-bottom: 1px solid var(--grey5);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.zls-app-permission > li:last-of-type {
  border: 0;
  padding: 0;
  margin: 0;
}
.zls-app-permission selected-users {
  display: block;
}
.zls-app-permission selected-users > ul {
  gap: 100px;
}
.zls-app-permission selected-users > ul > li .zw-ic-downarrow-fill {
  margin-left: 5px;
}
.zls-app-permission selected-users > ul > li .zw-pointer-none .zln-label\:yellow {
  position: absolute;
  bottom: -30px;
  white-space: nowrap;
}
/***** Permissions end *****/
/***** Manage category start *****/
.zls-manage-category .zls-category-list {
  padding: 12px 20px;
  margin-bottom: 10px;
  background-color: var(--grey7);
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-manage-category .zls-category-list.zls-sub-level {
  background: var(--white);
}
.zls-manage-category .zls-category-list.zls-sub-level:first-of-type {
  margin-top: 10px;
}
.zls-manage-category li:last-of-type {
  margin-bottom: 0;
}
.zls-manage-category .placeholder {
  background: var(--white);
  box-shadow: none;
  border: 1px dashed #da7d5a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/***** Manage category end *****/
/***** Settings top banner start *****/
.zls-settings-top-banner {
  background-color: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-settings-top-banner .zw-cr {
  border: 1px dashed #e69f5b;
  background: #fff4ea;
}
.zls-settings-top-banner .zw-cr .zw-ic {
  stroke: #de852e;
}
/***** Settings top banner end *****/
/***** General table start *****/
.zls-table-data {
  text-align: left;
  border-collapse: collapse;
  font-size: 1.4rem;
}
.zls-table-data .zls-sort {
  position: relative;
  cursor: pointer;
}
.zls-table-data .zls-sort:after,
.zls-table-data .zls-sort:before {
  border: 4px solid transparent;
  content: '';
  display: block;
  height: 0;
  right: 0;
  top: 50%;
  position: absolute;
  width: 0;
}
.zls-table-data .zls-sort:before {
  border-bottom-color: var(--grey2);
  margin-top: -9px;
}
.zls-table-data .zls-sort:after {
  border-top-color: var(--grey2);
  margin-top: 1px;
}
.zls-table-data .zls-sort:hover:before {
  border-bottom-color: var(--grey1);
}
.zls-table-data .zls-sort:hover:after {
  border-top-color: var(--grey1);
}
.zls-table-data .zls-tr .zls-th,
.zls-table-data .zls-tr .zls-td {
  padding: 12px 5px;
}
.zls-table-data .zls-tr .zls-th:first-of-type,
.zls-table-data .zls-tr .zls-td:first-of-type {
  padding-left: 20px;
}
.zls-table-data .zls-tr .zls-th:last-of-type,
.zls-table-data .zls-tr .zls-td:last-of-type {
  padding-right: 20px;
}
.zls-table-data .zls-tr:hover .zls-td {
  background: var(--grey9);
}
.zls-table-data .zls-tr:hover .zls-td .zls-edit-ic-btn,
.zls-table-data .zls-tr:hover .zls-td .zls-delete-ic-btn {
  visibility: visible;
  opacity: 1;
}
.zls-table-data .zls-tr:hover .zls-td .zls-editable .zls-edit-ic-btn,
.zls-table-data .zls-tr:hover .zls-td .zls-editable .zls-delete-ic-btn {
  visibility: hidden;
  opacity: 0;
}
.zls-table-data .zls-tr:hover .zls-td .zls-count {
  background-color: var(--product-accent-color-light);
}
.zls-table-data .zls-tr:last-of-type .zls-td {
  border-bottom: none;
}
.zls-table-data .zls-td {
  border-bottom: 1px solid var(--grey5);
}
.zls-table-data .zls-td .zls-edit-ic-btn,
.zls-table-data .zls-td .zls-delete-ic-btn {
  visibility: hidden;
  opacity: 0;
  margin-left: 20px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-table-data .zls-td .zls-count {
  width: 30px;
  height: 30px;
  display: inline-block;
  cursor: pointer;
  line-height: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-table-data .zls-th {
  font-weight: 600;
  border-bottom: 1px solid var(--grey5);
  user-select: none;
}
.zls-table-data .zls-th.zls-sl-no {
  width: 40px;
}
.zls-edit-ic-btn {
  background-image: url(../images/edit-icon.04c06ac35a08291992b2fe2982699d2f.svg);
  padding: 8px;
}
.zls-delete-ic-btn {
  background-image: url(../images/delete-icon.9a8489d34d044ca03b07fca0a7fbcfd3.svg);
  padding: 8px;
}
/***** General table end *****/
/*****$ Subscription style start $*****/
/*****$ subscription header style start $*****/
.zls-subscription-details {
  padding: 40px;
  background-color: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 7px var(--grey7);
  background-image: url(../images/subscription.72cb161a58c637b724188982b5cb06bf.svg);
  background-repeat: no-repeat;
  background-position: 30px 32px;
  padding-left: 200px;
  margin-bottom: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-subscription-details .zls-plan-benefits li .z-ico {
  stroke: hsl(0, 0%, 100%);
  stroke-width: 4px;
  background-color: #53C9D2;
  padding: 4px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zls-subscription-details .zls-payment-summery {
  border-top: 1px solid var(--grey5);
  padding-top: 30px;
}
.zls-subscription-details .zls-payment-summery .z-ico {
  stroke-width: 1.3;
}
.zls-subscription-details .zls-payment-summery .o-ico-credit-card {
  stroke: #4fcfbd;
}
.zls-subscription-details .zls-payment-summery .o-ico-calendar-days {
  stroke: #ff8562;
}
.zls-subscription-wrapper .zls-plan-usage {
  padding: 40px;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 20px;
  row-gap: 20px;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list .zls-progress {
  height: 7px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list .zls-progress .zls-progress-count {
  position: absolute;
  top: 0;
  background: #53c9d2;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list li {
  border: 1px solid var(--grey5);
  padding: 15px 20px;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list li .zls-title {
  font-weight: 600;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list li .zls-progress-bar {
  height: 6px;
  background-color: var(--grey5);
  margin-top: 10px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list li .zls-progress-bar .zls-progress {
  background: #50cfbd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 6px;
  position: absolute;
  top: 0px;
  left: 0px;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list li .zls-progress-bar .zls-progress.zls-usage-c1 {
  background: #FF9EAF;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list li .zls-progress-bar .zls-progress.zls-usage-c2 {
  background: #FFCB31;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list li .zls-progress-bar .zls-progress.zls-usage-c3 {
  background: #9ADFF9;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list li .zls-progress-bar .zls-progress.zls-usage-c4 {
  background: #5a82f2;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list li .zls-progress-bar .zls-progress.zls-usage-c5 {
  background: #8E8EE7;
}
.zls-subscription-wrapper .zls-plan-usage .zls-usage-list li .zls-progress-bar .zls-progress.zls-usage-c6 {
  background: #ff8cd5;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container {
  border: 1px solid var(--grey5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 15px 20px;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container .zls-progresser-con {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container .zls-progresser-con .zls-progresser .zls-progresser-circle {
  stroke-width: 3px;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container .zls-progresser-con .zls-progresser .zls-circle-stroke {
  stroke: #50cfbd;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container .zls-progresser-con .zls-course-progresser-count {
  position: absolute;
  font-weight: 700;
  font-size: 1.6rem;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container .zls-progress-opt li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-width: 200px;
  margin-bottom: 10px;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container .zls-progress-opt li .zls-stats-box {
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #d8dfe5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  vertical-align: text-bottom;
  margin-right: 6px;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container .zls-progress-opt li .zls-stats-bg-1 {
  background-color: #638FB8;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container .zls-progress-opt li .zls-stats-bg-2 {
  background-color: #2CBBD5;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container .zls-progress-opt li .zls-stats-bg-3 {
  background-color: #98DECA;
}
.zls-subscription-wrapper .zls-plan-usage .zls-storage-container .zls-progress-opt li .zls-stats-bg-4 {
  background-color: #E1E7EB;
}
/*****$ Subscription style end $*****/
/***** Customer Portal Start *****/
.zls-customerportal-wrapper .zls-full-popup-wrapper .zls-full-popup-header {
  background-color: var(--white);
  padding: 15px 25px;
  border-bottom: 1px solid var(--grey6);
}
.zls-customerportal-wrapper .zls-full-popup-wrapper .zls-full-popup-container {
  padding: 0;
  margin-top: 0;
}
.zls-customerportal-wrapper .zln-container\:table tr.lyteSortablePlaceholder {
  height: 68px !important;
}
.zls-customerportal-wrapper .zln-container\:table tr.sortable-element-selected td:not(:first-of-type):not(:nth-of-type(2)) * {
  display: none;
}
.zls-customerportal-wrapper .zln-container\:table tr.sortable-element-selected td .zln-meta-data {
  display: none;
}
.zls-customerportal-wrapper .zln-container\:table tr.sortable-element-selected td.zln-sl-no {
  box-sizing: border-box;
}
.zls-customerportal-wrapper .zls-cp-url {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-customerportal-wrapper .zls-cp-url:hover {
  color: var(--product-accent-color);
}
.zls-customerportal-wrapper .zw-ic-settings-big {
  stroke: #DA7171;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col {
  border: none;
  border-right: 1px solid var(--grey6);
  box-shadow: none;
  border-radius: 0;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul {
  width: 300px;
  padding: 30px 0;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li {
  margin-bottom: 15px;
  border-bottom: 1px solid var(--grey6);
  padding-bottom: 15px;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li {
  padding: 5px;
  margin: 0 20px 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li .zls-ico-wrapper .o-ico-envelope {
  stroke: #db5959;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li .zls-ico-wrapper .o-ico-user {
  stroke: #16c2ba;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li .zls-ico-wrapper .o-ico-user-plus {
  stroke: #e09a00;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li .zls-ico-wrapper .o-ico-academic-cap {
  stroke: #746ee7;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li .zls-ico-wrapper .o-ico-book {
  stroke: #e25a6f;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li .zls-ico-wrapper .o-ico-globe-alt {
  stroke: #e09a00;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li .zls-ico-wrapper .o-ico-paint-brush {
  stroke: #7e51cf;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li .zls-ico-wrapper .o-ico-photo {
  stroke: #b84bc0;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li .zls-ico-wrapper .o-ico-cog-6-tooth {
  stroke: #2f7de1;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li .zls-ico-wrapper .zw-ic-seo {
  stroke: #5fba2d;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li:hover {
  background: var(--grey8);
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li.zls-active {
  border-color: var(--product-accent-color);
  background: var(--grey8);
  font-weight: 500;
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li.zls-disable-tab {
  color: var(--grey4);
  background-color: var(--grey8);
}
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li.zls-disable-tab .z-ico,
.zls-customerportal-wrapper .zls-customize-builder .zls-left-col > ul > li ul > li.zls-disable-tab .zw-ic {
  stroke: var(--grey4);
}
.zls-customerportal-wrapper .zls-cp-customization-tab {
  gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(365px, 1fr));
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a {
  border: 1px solid var(--grey5);
  background: #fff;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  text-align: center;
  height: 260px;
  padding: 20px 30px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a:hover {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon {
  height: 65px;
  width: 65px;
  border-radius: 30px;
  margin-bottom: 20px;
  position: relative;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon .zw-ic {
  stroke-width: 2;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon:after,
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon:before {
  height: 4px;
  border-radius: 10px;
  content: "";
  position: absolute;
  background: #f8f1ff;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-branding-ico {
  background: #fff0f4;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-branding-ico:after,
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-branding-ico:before {
  background: #ffe2ea;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-branding-ico:before {
  width: 12px;
  right: 0;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-branding-ico:after {
  bottom: 0;
  left: -12px;
  width: 83px;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-branding-ico .zw-ic {
  stroke: #ea4c97;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-landing-ico {
  background: #edf0ff;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-landing-ico:after,
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-landing-ico:before {
  background: #e0e6ff;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-landing-ico:before {
  width: 12px;
  right: 0;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-landing-ico:after {
  bottom: 0;
  left: -12px;
  width: 83px;
}
.zls-customerportal-wrapper .zls-cp-customization-tab > li > a .zls-thumb-icon.zls-cp-landing-ico .zw-ic {
  stroke: #4966ea;
}
.zls-customerportal-wrapper.zls-cp-branding-view .zws-container,
.zls-customerportal-wrapper.zls-cp-customdomain-view .zws-container,
.zls-customerportal-wrapper.zls-cp-settings-view .zws-container,
.zls-customerportal-wrapper.zls-cp-seo-view .zws-container {
  padding: 0;
  margin-top: 0;
}
.zls-customerportal-wrapper.zls-cp-branding-view.zls-normal-view .zls-full-popup-wrapper .zls-full-popup-container,
.zls-customerportal-wrapper.zls-cp-customdomain-view.zls-normal-view .zls-full-popup-wrapper .zls-full-popup-container,
.zls-customerportal-wrapper.zls-cp-settings-view.zls-normal-view .zls-full-popup-wrapper .zls-full-popup-container,
.zls-customerportal-wrapper.zls-cp-seo-view.zls-normal-view .zls-full-popup-wrapper .zls-full-popup-container {
  padding-right: 0;
}
.zls-customerportal-wrapper.zls-cp-landingpage-view .zws-container {
  padding: 0;
  margin-top: 0;
  max-width: none;
}
.zls-cp-type.zls-cp-public-type {
  color: #26beb8;
}
.zls-cp-type.zls-cp-public-type .zw-ic {
  stroke: #26beb8;
}
.zls-cp-type.zls-cp-private-type {
  color: #DA7171;
}
.zls-cp-type.zls-cp-private-type .zw-ic {
  stroke: #DA7171;
}
.zls-cp-type.zls-cp-restricted-type {
  color: #DF9C46;
}
.zls-cp-type.zls-cp-restricted-type .zw-ic {
  stroke: #DF9C46;
}
.zln-wrapper\:cp-settings > li {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 25px;
}
.zln-wrapper\:cp-settings > * + * {
  margin-top: 25px;
}
.zls-cp-settings-wrapper {
  width: 850px;
  margin: 0 auto;
}
.zls-cp-settings-wrapper > li {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 25px;
}
.zls-cp-settings-wrapper > * + * {
  margin-top: 25px;
}
.zls-choose-item-list > li {
  border-bottom: 1px solid var(--grey5);
}
.zls-choose-item-list > li .zls-button-wrapper {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.zls-choose-item-list > li:hover {
  background-color: var(--grey8);
}
.zls-choose-item-list > li:hover .zls-button-wrapper {
  animation-name: ani-show;
  display: block;
}
.zls-choose-item-list > li:last-of-type {
  border-bottom: none;
}
/***** Customer Portal End *****/
/***** Product customization start *****/
.zls-product-customization-wrapper .zws-content-container .zls-customization-list > li {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 40px;
  padding: 40px;
}
.zls-product-customization-wrapper .zws-content-container .zls-customization-list > li:last-of-type {
  margin-bottom: 0;
}
.zls-product-customization-wrapper .zln-wrapper\:logo {
  background: var(--grey9);
  border: 1px solid var(--grey5);
  padding: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-product-customization-wrapper .zln-wrapper\:logo .zls-icon-upload-wrapper .zls-icon-preview {
  width: 180px;
  background-color: var(--global-header-customcolor, var(--product-appearance-color));
}
.zls-product-customization-wrapper .zln-wrapper\:favicon {
  background: var(--grey9);
  border: 1px solid var(--grey5);
  padding: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-product-customization-wrapper .zln-wrapper\:favicon .zls-preview-favicon .zls-favicon {
  position: absolute;
  left: 48px;
  top: 13px;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zls-product-customization-wrapper .zln-wrapper\:favicon .zls-preview-favicon .zls-favicon img {
  max-height: 100%;
}
.zls-product-customization-wrapper .zln-wrapper\:favicon .zls-preview-favicon .zls-hub-name {
  position: absolute;
  top: 16px;
  left: 85px;
  color: #525252;
  max-width: 120px;
}
.zls-product-customization-wrapper .zln-wrapper\:favicon .zls-preview-favicon .zls-brow-dark-theme .zls-hub-name {
  color: #fefefe;
}
.zls-product-customization-wrapper .zln-wrapper\:favicon .zls-preview-favicon .zls-brow-dark-theme .zls-favicon {
  top: 15px;
  width: 22px;
  height: 22px;
}
.zls-product-customization-wrapper .zls-icon-upload-wrapper .zls-icon-preview {
  padding: 20px;
  height: 60px;
  width: 60px;
  border: 1px dashed var(--grey3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: var(--white);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zls-product-customization-wrapper .zls-icon-upload-wrapper .zls-icon-preview img {
  max-height: 100%;
}
.zls-product-customization-wrapper .zls-icon-upload-wrapper .zls-icon-preview .zw-loading-dots {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.9);
}
.zls-product-customization-wrapper .zls-points-list {
  list-style: disc;
  list-style-position: inside;
  padding-left: 0;
}
.zls-product-themes-wrapper .zls-custom-theme-picker {
  flex-wrap: wrap;
  margin-right: 15px;
}
.zls-product-themes-wrapper .zls-custom-theme-picker:first-of-type {
  border-right: 1px solid var(--grey4);
  margin-right: 25px;
  padding-right: 25px;
}
.zls-product-themes-wrapper .zls-custom-theme-picker:last-of-type {
  margin-right: 0;
}
.zls-manage-product-apps > li {
  padding: 10px;
  border: 1px solid var(--grey5);
  background: var(--grey9);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-manage-product-apps > li.placeholder {
  background: var(--white);
  box-shadow: none;
  border: 1px dashed #da7d5a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 47px !important;
}
.zls-manage-product-apps > li.sortable-element-selected {
  background: var(--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  cursor: move;
  height: 47px !important;
  transform: rotate(-3deg);
  box-sizing: border-box;
}
.zls-manage-product-apps > li.sortable-element-selected:hover .zls-edit-ic-btn {
  opacity: 0;
}
.zls-manage-product-apps > li .zls-edit-ic-btn {
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zls-manage-product-apps > li:hover .zls-edit-ic-btn {
  opacity: 1;
  visibility: visible;
}
.zls-manage-product-apps > li.zls-rename-input {
  padding: 0;
  background: var(--white);
}
.zls-manage-product-apps > li.zls-rename-input input {
  padding: 10px;
}
/***** Product customization end *****/
.zls-template-image {
  background-image: url(../images/create-template-img.420d651a662ed3e67412a5f5dc53706d.png);
  padding: 70px 130px;
  background-size: 259px;
  background-repeat: no-repeat;
}
.zls-user-field-image {
  background-image: url(../images/profile-field-img.4fa9c6cf301c2a4ef58d49b192ef5081.png);
  padding: 70px 120px;
  background-size: 240px;
  background-repeat: no-repeat;
}
.zln-direction\:rtl .zls-user-field-image {
  transform: scaleX(-1);
}
.zls-cp-create-image {
  background-image: url(../images/create-portal-img.b0018dbbabeb30e2978fbc5cb7903a02.png);
  padding: 70px 120px;
  background-size: 200px;
  background-repeat: no-repeat;
}
/*****  Profile page manage fields start  *****/
.zln-profile-field-slider {
  max-width: 640px;
  z-index: 4;
  width: 100%;
  box-sizing: border-box;
}
.zln-profile-field-slider .zln-slider-header .zls-ico-wrapper {
  background-color: #edeeff;
}
.zln-profile-field-slider .zln-slider-header .zls-ico-wrapper .z-ico {
  stroke: #4c54e4;
}
.zln-profile-field-slider .zls-general-filter .zln-lyte\:dropdown.zln-lyte\:dropdown lyte-drop-button {
  gap: 5px;
}
.zln-profile-field-slider .zls-general-filter .zln-lyte\:dropdown.zln-lyte\:dropdown lyte-drop-button lyte-icon {
  margin-top: 3px;
}
.zln-profile-field-slider .zln-dropdown-drag-option > li.lyteSortablePlaceholder {
  background: var(--white);
  box-shadow: none;
  border: 1px dashed #da7d5a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-profile-field-slider .zln-dropdown-drag-option > li.lyteSortablePlaceholder button {
  display: none;
}
.zln-profile-field-slider .zln-dropdown-drag-option.zls-drag-start > li button {
  display: none;
}
.zln-manage-userfield .zln-header\:table {
  padding-block: 12px;
  padding-inline: 15px;
}
.zln-manage-userfield zlearn-category-user-fields.lyteSortablePlaceholder.lyteSortablePlaceholder.lyteSortablePlaceholder {
  display: block;
  background: var(--white);
  box-shadow: none;
  border: 1px dashed #da7d5a;
  height: 46px !important;
  margin-bottom: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-manage-userfield zlearn-category-user-fields.lyteSortablePlaceholder.lyteSortablePlaceholder.lyteSortablePlaceholder:before {
  display: none;
}
.zln-manage-userfield .zln-container\:table tr.sortable-element-selected {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 1px 5px var(--grey6);
  z-index: 4;
  position: relative;
}
.zln-manage-userfield .zln-container\:table tr.sortable-element-selected td {
  border-bottom: none;
}
.zln-manage-userfield .zln-container\:table tr.sortable-element-selected td:not(:first-of-type) * {
  display: none;
}
/*****  Profile page manage fields end  *****/
/*****  Badge style starts *****/
/*---- Multi badge selecting list popup style starts ----*/
.zln-popup\:add-badge .zln-add-badge-list .zln-badge-list-option {
  display: flex;
  gap: 20px;
  padding: 15px;
  border: 1px solid var(--grey5);
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}
.zln-popup\:add-badge .zln-add-badge-list .zln-badge-list-option:hover {
  background-color: var(--grey9);
}
.zln-direction\:rtl .zln-popup\:add-badge .zln-add-badge-list .zln-badge-list-option .zln-badge-meta {
  text-align: start;
}
.zln-popup\:add-badge .zln-add-badge-list .zln-selected {
  border-color: var(--product-accent-color);
}
/*---- Badge selecting list popup style end ----*/
/*---- Badge common style starts ----*/
.zln-badge-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(80px, 1fr));
  place-items: center;
  gap: 20px;
}
.zln-badge-list .zln-badge {
  position: relative;
  width: 64px;
  height: 64px;
  border: 1px solid var(--grey5);
  padding: 10px;
  border-radius: 5px;
  cursor: pointer;
  transition: transform 0.2s;
}
.zln-badge-list .zln-badge img {
  aspect-ratio: 1;
  object-fit: contain;
}
.zln-badge-list .zln-badge:hover {
  transform: scale(1.05);
  z-index: 1;
}
.zln-badge-list .zln-badge:hover .zln-dropdown {
  animation-name: z-ani-show;
  display: inline-flex;
  flex-direction: column;
}
.zln-badge-list .zln-badge .z-input\:checkbox {
  position: absolute;
  top: 4px;
  right: 3px;
  border-radius: 3px;
  padding: 6px;
  visibility: hidden;
}
.zln-badge-list .zln-badge .z-input\:checkbox:checked {
  visibility: visible;
}
.zln-badge-list .zln-badge .zln-dropdown {
  width: 200px;
  padding: 15px;
  bottom: 85px;
  left: 0;
}
.zln-badge-list .zln-selected {
  border-color: var(--product-accent-color);
  transform: scale(1.05);
}
.zln-badge-list.zln-badge-gallery .zln-badge .zln-badge-img {
  width: 100%;
  height: 100%;
  background-image: url(../images/badges/badges-sprite.bab5cadf09d33835d0db7dd6b186eeab.svg);
  background-size: 260px;
  background-repeat: no-repeat;
}
.zln-badge-list.zln-badge-gallery .zln-badge .zln-badge-img.img\:1 {
  background-position: 0px 0px;
}
.zln-badge-list.zln-badge-gallery .zln-badge .zln-badge-img.img\:2 {
  background-position: -65px 0px;
}
.zln-badge-list.zln-badge-gallery .zln-badge .zln-badge-img.img\:3 {
  background-position: -131px 0px;
}
.zln-badge-list.zln-badge-gallery .zln-badge .zln-badge-img.img\:4 {
  background-position: -196px 0px;
}
.zln-badge-list.zln-badge-gallery .zln-badge .zln-badge-img.img\:5 {
  background-position: 0px -65px;
}
.zln-badge-list.zln-badge-gallery .zln-badge .zln-badge-img.img\:6 {
  background-position: -65px -65px;
}
.zln-badge-list.zln-badge-gallery .zln-badge .zln-badge-img.img\:7 {
  background-position: -131px -65px;
}
.zln-badge-list.zln-badge-gallery .zln-badge .zln-badge-img.img\:8 {
  background-position: -196px -65px;
}
.zln-badge-card {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 15px;
}
.zln-badge-card > li {
  display: flex;
  border: 1px solid var(--grey5);
  padding: 15px;
  border-radius: 4px;
  gap: 15px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.03);
}
.zln-container\:table table tr .z-row-valign\:top {
  vertical-align: top;
  padding-top: 35px;
}
zlearn-badge-info .zln-badge-info {
  display: flex;
  gap: 15px;
}
/*---- Badge common style end ----*/
/*---- Badge option in course setting page style starts ----*/
.zln-course-setting-option\:badge .zln-badge-card .zln-badge {
  position: relative;
  transition: all 0.3s;
}
.zln-course-setting-option\:badge .zln-badge-card .zln-badge .zln-remove-badge-btn {
  position: absolute;
  top: 15px;
  right: 12px;
  border-radius: 100%;
  visibility: hidden;
}
.zln-direction\:rtl .zln-course-setting-option\:badge .zln-badge-card .zln-badge .zln-remove-badge-btn {
  left: 12px;
  right: auto;
}
.zln-course-setting-option\:badge .zln-badge-card .zln-badge:hover {
  border-color: var(--product-accent-color);
}
.zln-course-setting-option\:badge .zln-badge-card .zln-badge:hover .zln-remove-badge-btn {
  visibility: visible;
}
/*---- Badge option in course setting page style starts ----*/
/*---- Profile page badge card style starts ----*/
.zln-rewarded-badge-section .zln-rewarded-section-header .zln-badge-count {
  min-width: 10px;
  padding: 1px 10px;
  border-radius: 25px;
  font-size: 1.4rem;
  justify-content: center;
}
/*---- Profile page badge card style starts ----*/
/*---- Profile page same badge multiple times ----*/
.zw-popup-wrapper .zln-popup\:badge {
  position: relative;
  min-height: 250px;
  border-radius: 25px;
  margin-top: 50px;
  padding: 0;
}
.zw-popup-wrapper .zln-popup\:badge .zln-btn\:close-badge-popup {
  position: absolute;
  top: 20px;
  right: 20px;
}
.zln-direction\:rtl .zw-popup-wrapper .zln-popup\:badge .zln-btn\:close-badge-popup {
  left: 20px;
  right: auto;
}
.zw-popup-wrapper .zln-popup\:badge .zln-btn\:close-badge-popup .z-ico {
  stroke: hsla(0, 0%, 100%, 0.8);
  stroke-width: 2;
}
.zw-popup-wrapper .zln-popup\:badge .zln-btn\:close-badge-popup.z-ico-hover:before {
  background-color: var(--white);
  opacity: 0.09;
}
.zw-popup-wrapper .zln-popup\:badge .zln-btn\:close-badge-popup:hover .z-ico {
  stroke: hsla(0, 0%, 100%, 0.9);
}
.zw-popup-wrapper .zln-popup\:badge .zln-popup-top-area {
  position: relative;
  border-radius: 24px 24px 0px 0px;
  background-image: linear-gradient(#8A66F3, #4F33A0);
  background-repeat: no-repeat;
  background-size: cover;
  font-size: 2.2rem;
  font-weight: 600;
  padding: 35px 60px 80px 60px;
  text-align: center;
  color: hsl(0, 0%, 100%);
  overflow: hidden;
}
.zw-popup-wrapper .zln-popup\:badge .zln-popup-top-area .zln-strips-line {
  background-image: linear-gradient(90deg, transparent 50%, rgba(255, 255, 255, 0.05) 0);
  background-size: 7rem;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.zw-popup-wrapper .zln-popup\:badge .zln-container\:badge-data .zln-badge-img {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80px;
  min-height: 70px;
  background-color: var(--white);
  margin: auto;
  margin-top: -55px;
  gap: 6px;
  box-shadow: 0px 0px 2px 0px var(--grey3);
  border-radius: 5px 5px 30px 30px;
  padding: 15px 16px;
}
.zw-popup-wrapper .zln-popup\:badge .zln-container\:badge-data .zln-badge-img .zln-arrow\:badge-data {
  position: absolute;
  width: 27px;
  height: 35px;
  background-color: var(--white);
  transform: rotateZ(51deg) skew(333deg, 323deg);
  bottom: -16px;
  box-shadow: 2px 2px 1px 0px var(--grey5);
}
/*---- Profile page same badge multiple times ----*/
/*---- Create badge popup style starts ----*/
.zln-direction\:rtl .zln-popup\:create-badge {
  text-align: right;
}
.zln-popup\:create-badge .zln-upload-badge-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  border: 1px dashed var(--grey4);
  border-radius: 3px;
  padding: 12px;
}
.zln-popup\:create-badge .zln-upload-badge-wrapper > img {
  aspect-ratio: 1;
  object-fit: contain;
}
.zln-popup\:create-badge .zln-badge-gallery-wrapper {
  right: -12px;
  top: 50%;
  transform: translateY(-50%);
}
/*---- Create badge popup style end ----*/
/*---- Setting page style starts ----*/
.zln-reward-badge-image {
  background-image: url(../images/reward-badges.6d4151ebe74603dd0e91e0ce1f59912f.png);
  background-size: 100px;
  padding: 70px 75px;
  background-position: center;
  background-repeat: no-repeat;
}
/* Badge list in setting page style starts */
.zln-container\:table .zln-count {
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  min-width: 35px;
  padding: 6px 10px;
  transition: all 0.2s;
}
.zln-container\:table .zln-count:hover {
  background-color: var(--grey6);
}
/* Badge list in setting page style end */
/*---- Setting page style end ----*/
/*---- Course completion popup style starts ----*/
.zln-completion-msg .zln-progress-round\:fg {
  animation-duration: 1.5s;
}
/*---- Course completion popup style end ----*/
/*---- Course completion popup style starts ----*/
.zln-tagslist-wrapper .hover\:no-hover.hover\:no-hover:hover {
  background-color: var(--grey8);
}
/*---- Course completion popup style end ----*/
.zln-wrapper\:category-user-fields .hover\:no-hover.hover\:no-hover:hover {
  background: transparent;
}
/*****  Badge style end *****/
.zw-manual-wrapper .zls-quick-create {
  bottom: 60px;
  right: 60px;
}
.zw-manual-wrapper.zlearn-os\:dark .zls-global-header,
.zw-manual-wrapper.zlearn-theme\:dark .zls-global-header {
  background-color: var(--grey10);
}
.zls-lms-wrapper.zln-wrapper\:cp-public .zls-full-banner-cover,
.zw-manual-wrapper.zln-wrapper\:cp-public .zls-full-banner-cover,
.zw-team-wrapper.zln-wrapper\:cp-public .zls-full-banner-cover {
  display: none;
}
.zls-lms-wrapper.zln-wrapper\:cp-public .zls-course-banner,
.zw-manual-wrapper.zln-wrapper\:cp-public .zls-course-banner,
.zw-team-wrapper.zln-wrapper\:cp-public .zls-course-banner {
  display: block;
}
.zls-lms-wrapper.zln-wrapper\:cp-public .zln-footer\:customer-portal {
  display: none;
}
/***** Manual share permissions *****/
.zls-manual-share-privilege .zw-overlay {
  background: rgba(255, 255, 255, 0.5);
  padding: 0 30px;
  justify-content: flex-end;
  cursor: default;
}
/***** Manual Share options end *****/
/***** Manual banner start *****/
.zls-banner-container {
  height: 200px;
  position: relative;
}
.zls-banner-container .zls-banner-img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.zls-pattern-con .zls-banner-container .zls-banner-img {
  background-size: 125px;
  background-color: var(--white);
}
.zls-banner-container .zls-banner-img:after {
  position: absolute;
  bottom: auto;
  left: 0;
  right: 0;
  top: 0;
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0.5) 100%);
  background-size: cover;
  content: '';
  height: 100px;
}
.zls-banner-container .zls-banner-img .zln-container\:change-banner {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  bottom: 5px;
  left: 75px;
  display: flex;
  z-index: 2;
}
.zls-banner-container .zls-banner-img .zln-container\:change-banner .zln-change-banner,
.zls-banner-container .zls-banner-img .zln-container\:change-banner .zln-remove-banner {
  padding: 5px 10px;
}
.zln-banner-gallery {
  width: 480px;
}
.zln-banner-gallery .zln-gallery\:banner-list > li {
  width: 100px;
  height: 49px;
  padding: 0;
  margin: 3px;
  overflow: hidden;
  transform: scale(0.97);
  border: 2px solid var(--white);
  background-color: hsl(0, 0%, 100%);
  background-image: url(../images/scroll-banner/bg-gallery-sprite.2cbfd476ed5c2e0627abd9352bf279da.jpg);
  background-size: 300px;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.zln-banner-gallery .zln-gallery\:banner-list > li:hover {
  transform: scale(1);
}
.zln-banner-gallery .zln-gallery\:banner-list > li.zln-active {
  box-shadow: 0 0 0 2px var(--product-accent-color);
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(1) {
  background-position: 0px 0px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(2) {
  background-position: -100px 0px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(3) {
  background-position: -200px 0px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(4) {
  background-position: 0 -49px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(5) {
  background-position: -100px -50px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(6) {
  background-position: -200px -50px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(7) {
  background-position: 0 -99px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(8) {
  background-position: -100px -99px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(9) {
  background-position: -200px -99px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(10) {
  background-position: 0 -149px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(11) {
  background-position: -100px -149px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:banner > li:nth-of-type(12) {
  background-position: -200px -149px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:pattern > li:nth-of-type(1) {
  background-image: url(../images/scroll-pattern/pattern-1.b9fcab9d8931b1e0f972eb3af01f3abf.png);
  background-size: 20px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:pattern > li:nth-of-type(2) {
  background-image: url(../images/scroll-pattern/pattern-2.43b9d6bed22cae2cf124b36cf45bc7be.png);
  background-size: 20px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:pattern > li:nth-of-type(3) {
  background-image: url(../images/scroll-pattern/pattern-3.307d841128449e43ab3e8854f574d2fc.png);
  background-size: 20px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:pattern > li:nth-of-type(4) {
  background-image: url(../images/scroll-pattern/pattern-4.f565337af7cfbaaa383db8b28284fcc5.png);
  background-size: 20px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:pattern > li:nth-of-type(5) {
  background-image: url(../images/scroll-pattern/pattern-5.89df3feaddc285644e87fcaf9a2bc328.png);
  background-size: 20px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:pattern > li:nth-of-type(6) {
  background-image: url(../images/scroll-pattern/pattern-6.97eb6a89d7163a44786adff5e713c887.png);
  background-size: 20px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:pattern > li:nth-of-type(7) {
  background-image: url(../images/scroll-pattern/pattern-7.49429792ab53fe10c5801f7d373dcfb0.png);
  background-size: 20px;
}
.zln-banner-gallery .zln-gallery\:banner-list.type\:pattern > li:nth-of-type(8) {
  background-image: url(../images/scroll-pattern/pattern-8.d5cbcaa3c911a7f7f86262893e59a053.png);
  background-size: 20px;
}
/***** Manual banner end *****/
/***** Article draft indication start *****/
.zls-dot-indicator {
  padding: 3px;
  border-radius: 8px;
  display: inline-block;
  vertical-align: middle;
}
.zln-article-dropdown .zls-dot-indicator {
  margin-left: 10px;
}
.zls-dot-indicator.zls-dot\:yellow {
  background-color: #ffa800;
}
.zls-dot-indicator.zls-dot\:red {
  background-color: #e95a54;
}
.zls-dot-indicator.zls-dot\:grey {
  background-color: #979797;
}
/***** Article draft indication end *****/
.zln-lyte-dropdown.type\:article-menu lyte-menu-item {
  padding: 0;
}
.zln-lyte-dropdown.type\:article-menu .o-ico-exclamation-box {
  stroke: #c96b1d;
}
.zln-lyte-dropdown.type\:article-menu .o-ico-document-tick {
  stroke: #24b98a;
}
.zln-lyte-dropdown.type\:article-menu .zls-chapter strong:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
  border-left: 5px solid var(--grey0);
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -2px;
}
.zln-lyte-dropdown.type\:article-menu .zls-chapter.zw-empty-chap {
  cursor: default;
}
.zln-lyte-dropdown.type\:article-menu .zls-chapter.zw-empty-chap:hover {
  background-color: transprant;
}
.zln-lyte-dropdown.type\:article-menu .zls-chapter.zw-empty-chap strong {
  color: var(--grey3);
}
.zln-lyte-dropdown.type\:article-menu .zls-chapter.zw-empty-chap strong:before {
  border-left-color: var(--grey3);
}
/***** Manage chapters & articles start*****/
.zln-slider\:reorder-chapter-articles {
  max-width: 450px;
}
.zln-slider\:reorder-chapter-articles .zln-container li {
  position: relative;
}
.zln-slider\:reorder-chapter-articles .zln-container li.placeholder {
  padding: 10px 12px;
  box-sizing: border-box;
  margin: 0;
  background: var(--white) !important;
  height: 43px !important;
  margin-bottom: 5px;
  transform: none;
  border: 1px dashed #da7d5a !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-slider\:reorder-chapter-articles .zln-container li .zln-create\:article-category {
  position: absolute;
  top: -10px;
  left: 0;
  right: 0;
  height: 15px;
  cursor: default;
  z-index: 2;
}
.zln-slider\:reorder-chapter-articles .zln-container li .zln-create\:article-category:hover .zln-btn\:article-category {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
.zln-slider\:reorder-chapter-articles .zln-container li .zln-create\:article-category .zln-btn\:article-category {
  position: relative;
  top: -7px;
  opacity: 0;
  transform: scale3d(0, 0, 0);
  background: var(--white);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.09);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zln-slider\:reorder-chapter-articles .zln-container .zw-category-list {
  background: var(--grey7);
  user-select: none;
  border: 1px solid var(--grey5);
  margin-bottom: 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-slider\:reorder-chapter-articles .zln-container .zw-category-list ul {
  padding: 10px;
}
.zln-slider\:reorder-chapter-articles .zln-container .zw-category-list .zw-category {
  padding: 10px 12px;
  font-weight: 700;
}
.zln-slider\:reorder-chapter-articles .zln-container .zw-category-list .zw-category .o-ico-chevron-down {
  transition: all 0.3s;
}
.zln-slider\:reorder-chapter-articles .zln-container .zw-category-list .zw-category.zln-collapse .o-ico-chevron-down {
  transform: rotate(-90deg);
  top: 4px;
  left: 3px;
}
.zln-slider\:reorder-chapter-articles .zln-container .zw-category-list .zw-category.zw-empty-chap .o-ico-chevron-down {
  display: none;
}
.zln-slider\:reorder-chapter-articles .zln-container .zw-article-list {
  padding: 10px 12px;
  background-color: var(--white);
  user-select: none;
  margin-bottom: 10px;
  color: var(--grey0);
  font-size: 1.4rem;
  border: 1px solid var(--grey5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-slider\:reorder-chapter-articles .zln-container .zw-article-list .zw-rename {
  padding: 10px 12px;
}
.zln-slider\:reorder-chapter-articles .zln-category-fixed {
  padding: 15px 25px;
  margin: 0 -25px;
  background-color: var(--grey9);
  bottom: -25px;
  position: sticky;
  position: -webkit-sticky;
}
.zln-slider\:reorder-chapter-articles .zln-category-fixed .zw-rename {
  padding: 10px 12px;
  margin-bottom: 10px;
}
.zw-draggedcontainer .zln-category-fixed {
  display: none;
}
.zw-draggedcontainer .sortable-element-selected {
  transform: rotateZ(-3deg);
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.2);
}
/***** Manage chapters & articles end *****/
.zln-slider\:article-manage-mandatory-read,
.zln-slider\:article-mandatory-read,
.zln-slider\:article-approval-list,
.zln-slider\:article-verification,
.zln-slider\:article-draft,
.zln-slider\:article-external-share,
.zln-slider\:post-desk {
  max-width: 450px;
}
.zln-slider\:article-manage-mandatory-read .o-ico-exclamation-box,
.zln-slider\:article-mandatory-read .o-ico-exclamation-box,
.zln-slider\:article-approval-list .o-ico-exclamation-box,
.zln-slider\:article-verification .o-ico-exclamation-box,
.zln-slider\:article-draft .o-ico-exclamation-box,
.zln-slider\:article-external-share .o-ico-exclamation-box,
.zln-slider\:post-desk .o-ico-exclamation-box {
  stroke: #c96b1d;
}
.zln-slider\:article-manage-mandatory-read zlearn-flat-list ul li.zls-active,
.zln-slider\:article-mandatory-read zlearn-flat-list ul li.zls-active,
.zln-slider\:article-approval-list zlearn-flat-list ul li.zls-active,
.zln-slider\:article-verification zlearn-flat-list ul li.zls-active,
.zln-slider\:article-draft zlearn-flat-list ul li.zls-active,
.zln-slider\:article-external-share zlearn-flat-list ul li.zls-active,
.zln-slider\:post-desk zlearn-flat-list ul li.zls-active {
  background-color: var(--product-accent-color-light);
}
/***** Trashed article slider start *****/
.zln-slider\:article-trash {
  max-width: 450px;
}
.zln-slider\:article-trash ul > li {
  border-bottom: 1px solid var(--grey5);
  padding: 15px 25px;
}
.zln-slider\:article-trash ul > li:hover {
  background: var(--grey9);
}
/***** Trashed article slider end *****/
/***** Draft article slider start *****/
.zln-slider\:article-draft > ul {
  overflow: auto;
}
.zln-slider\:article-draft > ul > li {
  border-bottom: 1px solid var(--grey5);
  padding: 15px 25px;
  cursor: pointer;
}
.zln-slider\:article-draft > ul > li:hover {
  background: var(--grey9);
}
.zln-slider\:article-draft > ul > li.zls-active {
  background: var(--product-accent-color-light);
}
.zln-slider\:article-draft > ul > li.zls-blank-article {
  cursor: default;
}
.zln-slider\:article-draft > ul > li.zls-blank-article a {
  cursor: default;
}
/***** Draft article slider end *****/
/***** Manual reorder start *****/
.zln-slider\:reorder-manual-space {
  max-width: 400px;
}
.zln-slider\:reorder-manual-space .zw-blankslate .zw-h1 {
  font-size: 1.7rem;
}
.zln-slider\:reorder-manual-space .zln-container > ul > li {
  padding: 6px 20px;
  position: relative;
  border: 1px solid var(--grey5);
  margin-bottom: 10px;
  background: var(--grey9);
  cursor: move;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-slider\:reorder-manual-space .zln-container > ul > li.placeholder {
  background: var(--white);
  box-shadow: none;
  border: 1px dashed #da7d5a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-slider\:reorder-manual-space .zln-container > ul > li.placeholder:before {
  display: none;
}
.zln-slider\:reorder-manual-space .zln-container > ul > li.sortable-element-selected {
  border: 1px solid var(--grey5);
  background: var(--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  transform: rotate(-1deg);
  cursor: move;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
/***** Manual reorder end *****/
/*****$ Expand & Collapse all start $*****/
.zls-exp-coll.zw-pointer-none {
  display: none;
}
/*****$ Expand & Collapse all start $*****/
/***** Article version history start *****/
.zln-popup\:article-publish-note .o-ico-calendar-days {
  stroke-width: 1.2px;
  stroke: #e47a6b;
}
.zln-popup\:article-publish-note .zln-note\:article-publish {
  padding: 15px 20px;
  border: 1px dashed var(--grey3);
  border-radius: 5px;
}
.zln-slider\:mandatory-read-statistics.zln-slider\:mandatory-read-statistics {
  width: 450px;
  z-index: 1;
}
.zln-slider\:mandatory-read-statistics.zln-slider\:mandatory-read-statistics .o-ico-exclamation-box {
  stroke: #c96b1d;
}
.zln-slider\:article-manage-mandatory-read zlearn-tree-list {
  background-color: var(--grey9);
  padding-bottom: 20px;
}
.zln-wrapper\:article-popup .zls-full-popup-wrapper {
  right: 450px;
}
.zln-direction\:rtl .zln-wrapper\:article-popup .zls-full-popup-wrapper {
  left: 450px;
  right: 0;
}
.zln-wrapper\:article-popup .zln-banner\:approval.zln-banner\:approval {
  top: 0;
}
/***** Article version history end *****/
/***** Article gototop start *****/
.zw-goto-top {
  bottom: 69px;
  margin-left: 20px;
  z-index: 2;
}
.zw-goto-top button {
  transform: rotateZ(90deg);
  background: var(--grey5);
  width: 38px;
  height: 38px;
  border: 1px solid var(--grey5);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zw-goto-top button:hover {
  transform: rotateZ(90deg) scale(1.15);
  background: var(--white);
}
/***** Article gototop end *****/
/***** External share footer start *****/
.zls-external-share-foo {
  background: var(--white);
  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.07);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  padding: 12px 20px;
  z-index: 1;
  opacity: 0.95;
}
/***** External share footer end *****/
/*temp Fix by Thirumaran G START - need review
to fix a issue in lyte sortable they required the change, - causes :  lyte version upgrade
*/
.lyteSortableDisablePE {
  pointer-events: none;
}
/*temp Fix by Thirumaran G END*/
/***** Manual Export Start *****/
.zln-manual-export.zw-popup-con.zw-popup-con {
  padding: 0;
  min-height: auto;
}
.zln-manual-export .zls-download-backup {
  border: 1px dashed var(--grey3);
  padding: 12px 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-manual-export .zls-download-backup .zls-download-btn .zw-ic {
  transform: rotate(270deg);
  stroke-width: 2;
  stroke: var(--product-accent-color);
}
.zln-manual-export .zls-backup-status {
  padding: 10px 15px;
  border-radius: 5px;
  border: 1px dashed;
}
/***** Manual Export End *****/
/***** Manual PDF Print start *****/
.zls-manual-print-wrapper .zls-full-popup-header .zls-header-left .o-ico-document-pdf-export {
  stroke: #01b570;
  stroke-width: 1;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-left-col .zls-manage {
  background-color: var(--grey9);
  width: 350px;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-left-col .zls-manage > * + * {
  margin-top: 20px;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-left-col .zls-manage > li {
  padding: 18px;
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.02);
}
.zls-manual-print-wrapper .zls-customize-builder .zls-left-col .zls-manage .zls-add-banner-cover {
  width: 160px;
  height: 210px;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-left-col .zls-page-option-custom {
  background: var(--grey9);
  border: 1px dashed var(--grey4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-left-col .zls-button-wrapper {
  background-color: var(--grey8);
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container {
  background-color: var(--grey9);
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zw-page .zw-header,
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zw-page .zw-footer {
  display: none;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zw-goto-top {
  right: 100px;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zls-pdf-article-name {
  margin-top: 0;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zls-print-footer-border {
  border-top: 1px solid var(--grey5);
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zls-print-header-border {
  border-bottom: 1px solid var(--grey5);
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .pagedjs_named_page .zls-print-footer-border,
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .pagedjs_named_page .zls-print-header-border {
  border: none !important;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .pagedjs_margin {
  font-family: "merriweather", LatoLatin, sans-serif;
  font-size: 1.3rem;
  line-height: 1.4;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zls-pdf-toc {
  font-family: "merriweather", LatoLatin, sans-serif;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zls-pdf-toc li a {
  color: inherit;
  text-decoration: none;
  position: relative;
  display: block;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zls-pdf-toc li a span {
  background: var(--zls-pm-toc-bg-color);
  display: inline-block;
  position: relative;
  padding-right: 10px;
  max-width: 80%;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zls-pdf-toc li a:after {
  position: absolute;
  right: 0;
  bottom: 0;
  background: var(--zls-pm-toc-bg-color);
  padding-left: 10px;
  font-weight: normal;
}
.zls-manual-print-wrapper .zls-customize-builder .zls-right-col .zls-browser-container .zls-pdf-toc li a:before {
  content: ".................................................................................................................................................";
  color: var(--zls-pm-toc-text-color, var(--grey3));
  font-size: 0.8em;
  bottom: 2px;
  position: absolute;
  letter-spacing: 2px;
  overflow: hidden;
  left: 0;
  right: 0;
  font-weight: normal;
}
/***** Manual PDF Print end *****/
.zls-mandatoryread-link button {
  background-color: #ffeee0;
}
.zls-mandatoryread-link button .z-ico {
  stroke: #c96b1d;
}
.zls-mandatoryread-link .zls-count-animation {
  position: absolute;
  top: 1px;
  right: 1px;
  border: 3px solid #ffeee0;
}
.zln-move\:article .zln-choose-location {
  display: grid;
  grid-template-columns: 200px 390px 200px;
  margin: 10px 35px 20px;
  border: 1px solid var(--grey5);
  border-radius: 4px;
  min-height: 450px;
}
.zln-move\:article .zln-choose-location .zln-col\:left li {
  cursor: pointer;
}
.zln-move\:article .zln-choose-location .zln-col\:left li:hover {
  color: var(--grey0);
}
.zln-move\:article .zln-choose-location .zln-col\:left li.zln-active {
  color: var(--product-accent-color);
}
.zln-move\:article .zln-choose-location .zln-col\:mid {
  border-left: 1px solid var(--grey5);
  border-right: 1px solid var(--grey5);
}
.zln-move\:article .zln-choose-location .zln-col\:mid blank-slate .zw-h1 {
  font-size: 1.6rem;
}
.zln-move\:article .zln-choose-location .zln-col\:mid .zln-active\:bg {
  background-color: var(--product-accent-color-light);
}
.zln-move\:article .zln-choose-location .zln-col\:right .zln-blankslate {
  height: calc(100% - 30px);
}
.zln-move\:article .zln-choose-location .zln-col\:right .zln-active {
  background-color: var(--grey7);
}
.zln-move\:template .zln-choose-location {
  display: grid;
  grid-template-columns: 200px 390px;
  margin: 10px 35px 20px;
  border: 1px solid var(--grey5);
  border-radius: 4px;
  min-height: 400px;
}
.zln-move\:template .zln-choose-location .zln-col\:left li {
  cursor: pointer;
}
.zln-move\:template .zln-choose-location .zln-col\:left li:hover {
  color: var(--grey0);
}
.zln-move\:template .zln-choose-location .zln-col\:left li.zln-active {
  color: var(--product-accent-color);
}
.zln-move\:template .zln-choose-location .zln-col\:mid {
  border-left: 1px solid var(--grey5);
}
.zln-move\:template .zln-choose-location .zln-col\:mid blank-slate .zw-h1 {
  font-size: 1.6rem;
}
.zln-move\:template .zln-choose-location .zln-col\:mid .zln-active\:bg {
  background-color: var(--product-accent-color-light);
}
.zln-move\:manual .zln-choose-location .zln-searchbox {
  margin-left: 35px;
  margin-right: 35px;
}
.zln-move\:manual .zln-choose-location .zln-loop {
  padding-left: 25px;
  padding-right: 25px;
}
.zln-move\:manual .zln-choose-location .zln-active\:bg {
  background-color: var(--product-accent-color-light);
}
.zln-move\:manual .zln-choose-location .zln-active\:bg:hover {
  background-color: var(--product-accent-color-light);
}
.zln-article-editoe-view {
  position: fixed;
  background-color: var(--grey7);
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: 5;
}
.zln-article-editoe-view .zw-load-con {
  left: 0;
  top: 0;
}
.zln-article-editoe-view .zls-chapter-con {
  position: relative;
  margin-right: 10px;
}
.zln-article-editoe-view .zls-chapter-con .zls-choose-chapter {
  font-size: 1.4rem;
  padding: 4px 10px;
  color: var(--grey0);
  border: 1px solid var(--grey4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-article-editoe-view .zls-chapter-con .zls-choose-chapter:hover {
  background-color: var(--grey10);
}
.zln-article-editoe-view .zls-chapter-con .zls-choose-chapter .zw-ic {
  fill: var(--grey0);
  stroke: var(--grey0);
}
.zln-article-editoe-view .zls-chapter-con .zls-choose-chapter .zls-chapter-name {
  margin: 0 5px;
  max-width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.zw-popbox-foo.zw-box-wrapper {
  padding: 7px 20px 5px;
}
.zw-popbox-foo .zw-ok-btn {
  border: 1px solid var(--product-accent-color);
  width: 22px;
  height: 22px;
}
.zw-popbox-foo .zw-ok-btn .zw-ic {
  fill: var(--product-accent-color);
}
.zw-popbox-foo .zw-ok-btn:hover {
  background: var(--product-accent-color);
}
.zw-popbox-foo .zw-ok-btn:hover .zw-ic {
  fill: hsl(0, 0%, 100%);
}
.zw-popbox-foo .zw-create-cat-btn {
  color: var(--product-accent-color);
}
iframe {
  max-width: 100%;
}
#zw-writerEditorFrame {
  border: none;
}
/***** Grid-view space, manual, article start *****/
.zln-module\:personal-view .zln-foo .zln-shared\:manuals {
  display: none;
}
.zls-manual-theme-customization .zls-change-thumb-img .zls-manual-card {
  border: 1px solid var(--grey5);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-manual-theme-customization .zls-change-thumb-img .zls-manual-card .zls-type-thumb {
  height: 250px;
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-manual-theme-customization .zls-change-thumb-img .zls-manual-card .zls-type-thumb .zls-default-pattern {
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 120px;
  filter: brightness(0.9);
}
.zln-direction\:rtl .zls-manual-theme-customization .zls-change-thumb-img .zls-manual-card .zls-type-thumb .zls-default-pattern {
  transform: scaleX(-1);
}
.zls-manual-theme-customization .zls-change-thumb-img .zls-manual-card .zls-type-thumb .zls-banner-cover {
  position: absolute;
}
.zls-manual-theme-customization .zls-change-thumb-img .zls-manual-card .zls-type-thumb .zw-loading-dots {
  background-color: rgba(0, 0, 0, 0.3);
}
.zls-manual-theme-customization .zls-change-thumb-img .zls-manual-card .zls-type-thumb .zls-thumb-bgcolor {
  position: absolute;
  opacity: 0.2;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.zls-product-grid-view > li {
  display: flex;
  flex-direction: column;
  user-select: none;
}
.zls-product-grid-view > li.zln-course-type\:learningpath a {
  box-shadow: var(--grey5) 1px 1px 0 0, var(--grey10) 3px 3px 0 0, var(--grey5) 4px 4px 0 0, var(--grey10) 6px 6px 0 0, var(--grey5) 7px 7px 0 0, var(--grey5) 8px 8px 5px 0;
}
.zls-product-grid-view > li.zln-course-type\:learningpath a:hover {
  box-shadow: var(--grey5) 1px 1px 0 0, var(--grey10) 3px 3px 0 0, var(--grey5) 4px 4px 0 0, var(--grey10) 6px 6px 0 0, var(--grey5) 7px 7px 0 0, var(--grey5) 8px 8px 5px 0, var(--grey5) 0 10px 20px 0, var(--grey6) 0 4px 10px 0;
}
.zls-product-grid-view > li > a {
  background-color: var(--white);
  box-shadow: var(--grey5) 0 0 0 1px, var(--grey7) 0 2px 10px 0px, var(--grey6) 0 3px 3px 0;
  box-sizing: border-box;
  transition: box-shadow 0.2s;
  flex-grow: 1;
  color: inherit;
  text-decoration: none;
}
.zls-product-grid-view > li > a:hover {
  box-shadow: var(--grey4) 0 0 0 1px, var(--grey5) 0 10px 20px 0, var(--grey6) 0 4px 10px 0;
}
.zls-product-grid-view.zls-manual-grid-view {
  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
  gap: 20px;
}
.zls-product-grid-view.zls-manual-grid-view > li {
  display: flex;
  flex-shrink: 0;
}
.zls-product-grid-view.zls-manual-grid-view > li > a {
  height: 270px;
  border-radius: 5px;
  padding: 10px;
}
.zls-product-grid-view.zls-manual-grid-view > li > a.zls-article-card {
  padding: 0;
}
.zls-product-grid-view.zls-manual-grid-view > li > a .zls-manual-meta {
  display: flex;
  flex-direction: column;
}
.zls-product-grid-view.zls-manual-grid-view > li > a .zls-manual-meta .zln-indicate\:share-hub-users {
  top: 0;
  right: 0;
}
.zln-direction\:rtl .zls-product-grid-view.zls-manual-grid-view > li > a .zls-manual-meta .zln-indicate\:share-hub-users {
  right: auto;
  left: 0;
}
.zls-product-grid-view.zls-manual-grid-view > li > a .zls-manual-meta .zln-description {
  overflow: hidden;
  position: relative;
  font-variant-ligatures: common-ligatures;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.zls-product-grid-view.zls-manual-grid-view > li > a .zls-manual-meta .zln-description:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 40px;
  background: linear-gradient(to bottom, hsla(var(--white-hsl), 0), var(--white) 70%);
}
.zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb {
  width: 170px;
  overflow: hidden;
  background-color: hsla(0, 0%, 100%, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb .zls-default-pattern {
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 120px;
  filter: brightness(0.9);
}
.zln-direction\:rtl .zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb .zls-default-pattern {
  transform: scaleX(-1);
}
.zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb .zls-banner-cover {
  position: absolute;
}
.zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb .zls-thumb-bgcolor {
  position: absolute;
  opacity: 0.2;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.zls-product-grid-view.zls-article-grid-view {
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 20px;
}
.zls-product-grid-view.zls-article-grid-view > li > a {
  flex-grow: 1;
  height: 290px;
  border-radius: 3px;
}
.zls-product-grid-view.zls-article-grid-view > li > a .zls-article-title {
  display: inline-block;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.zls-product-grid-view.zls-space-grid-view {
  grid-template-columns: repeat(auto-fill, minmax(255px, 1fr));
  gap: 20px;
}
.zln-wrapper\:cp-public .zls-product-grid-view.zls-space-grid-view {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.zls-product-grid-view.zls-space-grid-view > li a {
  min-height: 330px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
.zln-wrapper\:cp-public .zls-product-grid-view.zls-space-grid-view > li a {
  min-height: 350px;
}
.zls-product-grid-view.zls-space-grid-view > li .zln-space\:meta {
  margin-top: -40px;
}
.zls-product-grid-view.zls-space-grid-view > li .zln-space\:meta .zln-space\:logo {
  box-shadow: 0 1px 1px var(--grey4);
}
.zls-product-compact-view.zls-manual-compact-view {
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
}
.zls-product-compact-view.zls-manual-compact-view > li {
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.06);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-product-compact-view.zls-manual-compact-view > li:hover {
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);
}
.zls-product-compact-view.zls-manual-compact-view > li a {
  background-color: var(--white);
  background-repeat: no-repeat;
  background-position: 6px 100%;
  background-size: 120px;
  border: 1px solid var(--grey5);
  -webkit-border-radius: 0px 15px 5px 5px;
  -moz-border-radius: 0px 15px 5px 5px;
  border-radius: 0px 15px 5px 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.13), 2px 2px 0px #ffffff, 3px 3px 1px rgba(0, 0, 0, 0.12), 5px 5px 0px #ffffff, 6px 6px 1px rgba(0, 0, 0, 0.12);
  height: 300px;
}
.zls-product-compact-view.zls-manual-compact-view > li a .zw-h3 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.6;
}
.zls-product-compact-view.zls-manual-compact-view > li a .zls-strip-bgcolor {
  padding: 3px;
  opacity: 0.6;
}
.zls-product-list-view {
  grid-template-columns: 1fr;
}
.zls-product-list-view > li {
  background-color: var(--white);
  box-shadow: var(--grey5) 0 0 0 1px, var(--grey7) 0 2px 10px 0px, var(--grey6) 0 3px 3px 0;
  margin-bottom: 1px;
}
.zls-product-list-view > li.zln-course-type\:learningpath > a {
  box-shadow: var(--grey5) 1px 1px 0 0, var(--grey10) 3px 3px 0 0, var(--grey5) 4px 4px 0 0, var(--grey10) 6px 6px 0 0, var(--grey5) 7px 7px 0 0, var(--grey5) 8px 8px 5px 0;
}
.zls-product-list-view > li.zln-course-type\:learningpath > a:hover {
  box-shadow: var(--grey5) 1px 1px 0 0, var(--grey10) 3px 3px 0 0, var(--grey5) 4px 4px 0 0, var(--grey10) 6px 6px 0 0, var(--grey5) 7px 7px 0 0, var(--grey5) 8px 8px 5px 0, var(--grey5) 0 10px 20px 0, var(--grey6) 0 4px 10px 0;
}
.zln-module\:team-view .zls-product-list-view > li,
.zln-module\:teams-view .zls-product-list-view > li,
.zln-module\:personal-view .zls-product-list-view > li {
  box-shadow: none;
  margin-bottom: 0;
  border-bottom: 1px solid var(--grey5);
}
.zls-product-list-view > li:first-of-type {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.zls-product-list-view > li:last-of-type {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.zln-module\:team-view .zls-product-list-view > li:last-of-type,
.zln-module\:teams-view .zls-product-list-view > li:last-of-type,
.zln-module\:personal-view .zls-product-list-view > li:last-of-type {
  border-bottom: none;
}
.zls-product-list-view > li > a {
  padding: 20px;
  box-sizing: border-box;
  transition: background 0.3s;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: inherit;
  text-decoration: none;
}
.zls-product-list-view > li > a:hover {
  background-color: var(--grey9);
}
/***** Migration start *****/
.zls-migration-wrapper .zw-popup-header,
.zls-migration-wrapper .zw-popup-foo {
  text-align: center;
}
.zls-migration-wrapper .zls-migration-slide {
  padding: 30px;
}
.zls-migration-wrapper .zls-migration-slide .zw-input-reset {
  font-family: "LatoLatin", sans-serif;
  font-size: 1.4rem;
  line-height: 22px;
}
.zls-migration-wrapper .zls-migration-slide .zls-logo-con {
  height: 93px;
}
.zls-migration-wrapper .zls-migration-slide .zls-loading-indicate {
  position: absolute;
  right: 40px;
  top: 9px;
}
.zls-migration-wrapper .zls-migration-slide .zls-info-icon:hover .zw-custom-tooltip {
  animation-name: ani-show;
  display: block;
}
.zls-migration-wrapper .zw-popup-header .zw-h2 {
  margin-left: 30px;
}
.zls-migration-wrapper .zw-ic-back-arrow {
  margin: 0 20px;
  transform: rotate(180deg);
}
/***** Migration end *****/
/***** Article template start *****/
.zls-template-flow .zln-template\:rename {
  position: absolute;
  bottom: -46px;
  width: 300px;
}
.zls-template-flow.zls-manual-hub-templates blank-slate .zw-blankslate-wrapper {
  min-height: 450px;
}
.zls-template-flow.zls-manual-hub-templates .zln-create\:template {
  display: none;
}
.zls-template-flow.zls-manual-hub-templates .zls-template-list {
  margin: 10px 20px;
}
.zls-template-flow.zls-manual-hub-templates .zls-template-list li:last-of-type {
  margin-bottom: 0;
}
.zls-template-flow .zls-template-list {
  margin: 0 -10px 20px;
}
.zls-template-flow .zls-template-list li .zw-template {
  height: 65px;
  width: 55px;
  margin-right: 5px;
  padding: 15px;
  box-sizing: border-box;
  position: relative;
  -webkit-border-radius: 3px 15px 3px 3px;
  -moz-border-radius: 3px 15px 3px 3px;
  border-radius: 3px 15px 3px 3px;
}
.zls-template-flow .zls-template-list li .zw-template .zw-first-letter {
  font-size: 2rem;
  font-weight: 600;
  font-family: "merriweather", LatoLatin, sans-serif;
  top: 4px;
  left: 14px;
  color: hsl(0, 0%, 100%);
}
.zls-template-flow .zls-template-list li .zw-template .zw-big-line {
  padding: 1px;
  background: rgba(255, 255, 255, 0.55);
  display: block;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  margin: 7px 0 7px 20px;
}
.zls-template-flow .zls-template-list li .zw-template .zw-small-line {
  padding: 1px;
  background: rgba(255, 255, 255, 0.55);
  display: block;
  margin-bottom: 5px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zls-template-flow .zls-template-list li .zw-template .zw-small-line.zw-half-line {
  margin-right: 15px;
}
/***** Article template end *****/
.zln-sticky\:space {
  background-color: var(--white);
  box-shadow: none;
  border-bottom: 1px solid var(--grey5);
}
.zln-module\:team-view.zln-tab-selected\:manuals .zln-space\:recent-article {
  display: flex;
  flex-direction: column;
  height: calc(100vh - ((var(--global-header-height)) + (var(--chatbar-height)) + 60px));
  align-self: start;
  top: 60px;
  margin-top: -58px;
  z-index: 2;
  border-left: 1px solid var(--grey5);
}
.zln-hide\:space-banner .zln-header\:custom {
  position: sticky;
  position: -webkit-sticky;
  top: -182px;
}
.zln-space\:card .z-bg\:img-cover.zln-pattern-type {
  background-repeat: repeat;
  background-size: 120px;
}
.zln-banner\:space {
  background-color: var(--grey7);
}
.zln-banner\:space[class*="z-bg:c"] {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%);
}
.zlearn-os\:dark .zln-banner\:space[class*="z-bg:c"],
.zlearn-theme\:dark .zln-banner\:space[class*="z-bg:c"] {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}
.zln-banner\:space .zln-container\:change-banner {
  left: auto;
  right: 20px;
  bottom: 20px;
  /*opacity: 0;
		visibility: hidden;*/
  transition: all 0.2s;
}
.zln-banner\:space.zln-pattern-type {
  background-repeat: repeat;
  background-size: 150px;
  background-color: var(--white);
}
.zln-banner\:space.zln-pattern-type::before {
  content: '';
  background-color: rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.zln-banner\:space:hover .zln-container\:change-banner {
  opacity: 1;
  visibility: visible;
}
.zln-space-header-container .zln-logo\:space {
  box-shadow: 0 0 0 12px var(--white), 0 1px 1px 13px rgba(0, 0, 0, 0.07);
  margin: 12px;
  margin-top: -53px;
  z-index: 1;
}
.zln-fixed\:space-logo .zln-logo\:space {
  box-shadow: none;
  margin: 0 -10px 0 0;
  transition: 0.1s;
}
.zln-fixed\:space-logo .zln-logo\:space [class*="z-bg"] {
  height: 40px;
  width: 40px;
  font-size: 2.2rem;
}
.zln-fixed\:space-logo .zln-description\:space {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  word-break: break-word;
}
.zln-popup\:add-member .zln-add-member-wrapper {
  display: grid;
  grid-template-columns: 450px 208px;
  margin: 10px 35px 20px;
  min-height: 450px;
}
.zln-popup\:add-member .zln-add-member-wrapper .zln-col\:left blank-slate .zw-h1 {
  font-size: 1.6rem;
}
.zls-preview-mode .zls-question-wrapper .zls-question-header-con {
  border-bottom: 1px dashed var(--grey3);
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.zls-preview-mode .zls-question-wrapper .zls-question-header-con .zls-question-header-left .zls-quiz-qtn-count {
  color: var(--product-accent-color);
  font-size: 2rem;
  font-weight: 600;
  font-family: "merriweather", LatoLatin, sans-serif;
}
.zls-preview-mode .zls-question-wrapper .zls-question-header-con .zls-question-header-right .zls-each-question-time .zw-ic-rotate-timer {
  stroke: #eaa92c;
  stroke-width: 1.3;
}
.zls-preview-mode .zwnf-not-found-con {
  left: 350px;
}
.zls-preview-mode .zls-blocks-wrapper > li {
  padding: 0 20px;
}
/***** Learn slider start *****/
.zln-slider\:lesson-discussion.zln-slider\:lesson-discussion {
  max-width: 500px;
  top: var(--announcement-banner-height);
  z-index: 2;
}
.zln-slider\:lesson-attachment.zln-slider\:lesson-attachment {
  max-width: 400px;
  top: var(--announcement-banner-height);
}
.zln-slider\:qb-settings {
  max-width: 500px;
}
.zln-slider\:assignment-answer {
  max-width: 750px;
}
.zln-slider\:assignment-answer .zln-slider-header.zln-slider-header {
  padding: 20px;
}
.zln-slider\:rating {
  max-width: 600px;
}
/***** Learn slider end *****/
/***** Course banner common style start check and remove the code *****/
.zls-course-banner-con {
  background-color: var(--course-banner-bgcolor);
  position: relative;
  background-size: cover;
  background-position: center;
  min-height: 150px;
}
/***** Course banner common style start *****/
.zln-course-type\:learningpath .zln-ico-wrapper {
  background-color: #FFF7E1;
}
.zln-course-type\:learningpath .zln-ico-wrapper .z-ico {
  stroke: #F4AB03;
}
.zln-course-type\:scorm .zln-ico-wrapper {
  background-color: #ffebf1;
}
.zln-course-type\:scorm .zln-ico-wrapper .z-ico {
  stroke: #e87594;
}
.zln-course-type\:course .zln-ico-wrapper {
  background-color: #E9EAFF;
}
.zln-course-type\:course .zln-ico-wrapper .z-ico {
  stroke: #5459E1;
}
.zls-course-card {
  grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
  gap: 20px;
}
.zln-wrapper\:cp-public .zls-course-card {
  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
}
.zls-course-card > li > a {
  display: flex;
  flex-direction: column;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-card > li > a .zls-course-box {
  padding: 20px;
  position: relative;
  flex-grow: 1;
  min-height: 160px;
}
.zls-course-card > li > a .zls-course-box .zln-indicate\:share-hub-users {
  top: -14px;
  right: 20px;
  background: var(--white);
  display: flex;
  height: 19px;
  width: 18px;
  align-items: center;
  justify-content: center;
  padding: 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.zln-direction\:rtl .zls-course-card > li > a .zls-course-box .zln-indicate\:share-hub-users {
  left: 20px;
  right: auto;
}
.zls-course-card > li .zls-course-title {
  font-size: 1.8rem;
  font-weight: 900;
  margin-bottom: 5px;
  line-height: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-variant-ligatures: common-ligatures;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.zls-course-card > li .zls-course-desc {
  display: inline-block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-variant-ligatures: common-ligatures;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.zln-wrapper\:cp-public .zls-course-card > li .zls-course-desc {
  -webkit-line-clamp: 4;
}
.zls-course-card > li .zls-lesson-count button {
  margin-right: -10px;
}
.zls-course-card > li .zls-progresser-container .zls-progresser-fg {
  height: 5px;
}
.zls-course-banner-thumb {
  display: block;
  margin: 10px;
  margin-bottom: 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.zls-course-banner-thumb .zln-ico-wrapper {
  top: 0;
  right: 0;
  border-bottom-left-radius: 5px;
}
.zln-direction\:rtl .zls-course-banner-thumb .zln-ico-wrapper {
  left: 0;
  right: auto;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
}
.zls-progresser.zls-lesson-completed {
  position: relative;
}
.zls-progresser.zls-lesson-completed:before {
  border: 2px solid var(--product-accent-color);
  border-right: 0;
  border-top: 0;
  transform: rotate(-45deg);
  background: transparent;
  width: 6px;
  height: 3px;
  content: '';
  position: absolute;
  left: 7px;
  top: 8px;
}
.zls-progresser .zls-progresser-circle {
  stroke-width: 4;
}
.zls-progresser .zls-progresser-circle.zls-circle-bg {
  stroke: var(--grey4);
}
.zls-progresser .zls-progresser-circle.zls-circle-stroke {
  stroke: var(--product-accent-color);
}
.zls-progresser .zls-progresser-circle.zls-circle-draft {
  stroke: #ffca64;
}
.zls-progresser .zw-ic-warning {
  stroke: #ff9f48;
  fill: #ff9f48;
  stroke-width: 2px;
}
.zls-course-list > li {
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zls-course-list > li .zls-course-banner-thumb {
  width: 260px;
  overflow: hidden;
  margin: 0;
}
.zls-course-list > li > a .zls-course-box {
  position: relative;
  flex-grow: 1;
}
/* LMS Course publish start */
.zls-publish-con .zls-publish-foo .o-ico-calendar-clock {
  stroke: #ea9090;
}
.zls-publish-con .zls-publish-foo .zls-create-schedule-btn {
  margin-left: 180px;
}
.zls-publish-con.zls-content .zls-publish-types {
  margin: 0;
}
.zls-publish-con.zls-content .zls-publish-types li {
  border: 1px solid transparent;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-publish-con.zls-content .zls-publish-types li:hover {
  background-color: var(--grey8);
}
.zls-publish-con.zls-content .zls-publish-types li.zls-active {
  border-color: var(--product-accent-color);
  cursor: default;
}
.zls-publish-con.zls-content .zls-publish-types li.zls-active:hover {
  background: var(--white);
}
.zls-common-share-wrapper .zls-common-share-type:hover {
  border: 1px solid var(--grey4);
}
.zls-common-share-wrapper .zls-common-share-type.zls-active {
  border: 1px solid rgba(56, 99, 220, 0.5);
}
/* LMS Course publish end */
/****************** lms common style start  ***************/
/***** Syllabus reset start *****/
.zls-course-syllabus-con.lyteAccordionActive lyte-accordion-body {
  padding: 0;
}
.zls-course-syllabus-con lyte-accordion-body {
  padding: 0;
}
/***** Syllabus reset end *****/
/***** Course progress bar start *****/
.zls-course-progresser-con .zls-course-progresser-bg {
  background: rgba(26, 29, 41, 0.4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-add-course-banner .zls-course-progresser-con .zls-course-progresser-bg {
  background: rgba(255, 255, 255, 0.4);
}
.zls-course-progresser-con .zls-course-progresser {
  background: #ffca64;
  height: 4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-progresser-con .zls-course-progresser-count {
  font-size: 1.2rem;
}
.zls-progresser-container .zls-progresser-bg {
  background-color: var(--grey6);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zlearn-os\:dark .zls-progresser-container .zls-progresser-bg,
.zlearn-theme\:dark .zls-progresser-container .zls-progresser-bg {
  background-color: var(--grey5);
}
.zls-progresser-container .zls-progresser-fg {
  background: #ffca64;
  height: 4px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-round-progresser .zls-course-progresser-con {
  background: var(--white);
  border-radius: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.zls-course-round-progresser .zls-course-progresser-con .zls-progresser .zls-progresser-circle {
  stroke-width: 2;
}
.zls-course-round-progresser .zls-course-progresser-con .zls-progresser .zls-progresser-circle.zls-circle-bg {
  stroke: var(--grey7);
}
.zls-course-round-progresser .zls-course-progresser-con .zls-progresser .zls-progresser-circle.zls-circle-stroke {
  stroke: #ffca64;
}
.zls-course-round-progresser .zls-course-progresser-con .zls-course-progresser-count {
  position: absolute;
  font-size: 3.5rem;
  font-weight: 900;
  margin-left: 10px;
}
.zls-course-round-progresser .zls-course-progresser-con .zls-course-progresser-count span {
  font-size: 2rem;
  font-weight: 400;
}
/***** Course progress bar start *****/
.zln-type\:add-lesson {
  background-color: var(--grey8);
  border-radius: 3px;
  max-width: 400px;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
.zln-type\:add-lesson > li {
  font-size: 1.4rem;
  padding: 15px 10px;
  box-sizing: border-box;
  background-color: var(--white);
  border-radius: 3px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 7px;
  transition: border 0.3s;
  border: 1px solid var(--grey5);
  /*** PAID FEATURE ***/
  /*** PAID FEATURE ***/
}
.zln-type\:add-lesson > li:hover {
  border-color: var(--product-accent-color);
}
.zln-type\:add-lesson > li.zls-paid-feature {
  position: relative;
  color: var(--grey3);
  cursor: default;
}
.zln-type\:add-lesson > li.zls-paid-feature:hover .zls-ic-payment-btn {
  display: block;
}
.zln-type\:add-lesson > li.zls-paid-feature .zls-ic-payment-btn {
  position: absolute;
  top: 20px;
  left: 44px;
  display: none;
}
.zln-type\:add-lesson > li.zls-paid-feature .z-ico {
  stroke: var(--grey3);
}
.z-bg\:video {
  background-color: #e36d41;
}
.z-bg\:text {
  background-color: #dba324;
}
.z-bg\:block {
  background-color: #49c7a4;
}
.z-bg\:quiz {
  background-color: #16adea;
}
.z-bg\:document {
  background-color: #9f78f4;
}
.z-bg\:assignment {
  background-color: #6078fb;
}
.z-bg\:scorm {
  background-color: #e972a3;
}
.z-bg\:link {
  background-color: #bd5acd;
}
.z-bg\:course {
  background-color: #545ae1;
}
.z-bg\:path {
  background-color: #F4AB03;
}
.zls-tree-view .o-ico-play-circle,
.zln-icon-color\:course-lessons .o-ico-play-circle {
  stroke: #e36d41;
}
.zls-tree-view .o-ico-text,
.zln-icon-color\:course-lessons .o-ico-text {
  stroke: #dba324;
}
.zls-tree-view .o-ico-squares-2x2,
.zln-icon-color\:course-lessons .o-ico-squares-2x2 {
  stroke: #49c7a4;
}
.zls-tree-view .o-ico-question-mark-circle,
.zln-icon-color\:course-lessons .o-ico-question-mark-circle {
  stroke: #16adea;
}
.zls-tree-view .o-ico-document-text,
.zln-icon-color\:course-lessons .o-ico-document-text {
  stroke: #9f78f4;
}
.zls-tree-view .o-ico-clipboard-pencil,
.zln-icon-color\:course-lessons .o-ico-clipboard-pencil {
  stroke: #6078fb;
}
.zls-tree-view .o-ico-box-open-alt,
.zln-icon-color\:course-lessons .o-ico-box-open-alt {
  stroke: #e972a3;
}
.zls-tree-view .zw-ic-file-link-alt,
.zln-icon-color\:course-lessons .zw-ic-file-link-alt,
.zls-tree-view .zw-ic-file-link,
.zln-icon-color\:course-lessons .zw-ic-file-link {
  stroke: #bd5acd;
}
.zls-tree-view .o-ico-academic-cap,
.zln-icon-color\:course-lessons .o-ico-academic-cap {
  stroke: #545ae1;
}
.zls-tree-view .o-ico-path,
.zln-icon-color\:course-lessons .o-ico-path {
  stroke: #F4AB03;
}
/****************** admin-view style end  ***************/
/***** Payment icon symbol start*****/
.zls-ic-payment-btn .zw-ic-payment {
  stroke: none;
  stroke-width: 1px;
  height: 35px;
  width: 35px;
}
/***** Payment icon symbol end*****/
/****************** lms settings layout style start  ***************/
.zls-course-settings .zln-lyte\:accordion lyte-accordion-item {
  background-color: var(--white);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
  margin-bottom: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-settings .zln-lyte\:accordion lyte-accordion-item:last-child {
  margin-bottom: 0;
}
.zls-course-settings .zln-lyte\:accordion lyte-accordion-item lyte-accordion-header {
  align-items: flex-start;
  background: transparent;
  user-select: none;
  padding: 0;
}
.zls-course-settings .zln-lyte\:accordion lyte-accordion-item lyte-accordion-header zlearn-section-header {
  padding: 25px;
}
.zls-course-settings .zln-lyte\:accordion lyte-accordion-item.zln-paid-feature lyte-accordion-header {
  cursor: default;
}
.zls-course-settings .zln-lyte\:accordion lyte-accordion-item.zls-highlight-box {
  box-shadow: 0 0 0px 13px #ffffff, 0 0 8px 16px rgba(255, 205, 52, 0.6);
  border-radius: 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-course-settings .zln-lyte\:accordion lyte-accordion-item lyte-accordion-body {
  padding: 0;
}
.zls-course-settings .zln-lyte\:accordion lyte-accordion-item lyte-accordion-body .zls-form-content {
  padding: 0 25px 40px;
  margin-inline-start: 55px;
}
.zls-course-settings .zln-lyte\:accordion .zls-restriction .zln-select-option {
  border: 1px solid transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*** PAID FEATURE ***/
  /*** PAID FEATURE ***/
}
.zls-course-settings .zln-lyte\:accordion .zls-restriction .zln-select-option:hover {
  background-color: var(--grey7);
}
.zls-course-settings .zln-lyte\:accordion .zls-restriction .zln-select-option.zls-active {
  border: 1px solid var(--product-accent-color);
  cursor: default;
}
.zls-course-settings .zln-lyte\:accordion .zls-restriction .zln-select-option.zls-active:hover {
  background-color: var(--white);
}
.zls-course-settings .zln-lyte\:accordion .zls-restriction .zln-select-option.zln-paid-feature {
  background-color: var(--grey8);
  color: var(--grey3);
  user-select: none;
  cursor: default;
}
.zls-course-settings .zln-lyte\:accordion .zls-restriction .zln-select-option.zln-paid-feature * {
  color: var(--grey3);
}
.zls-course-settings .zln-lyte\:accordion .zls-restriction .zln-select-option.zln-paid-feature:hover {
  background-color: var(--grey8);
}
/****************** lms settings layout style end  ***************/
/****** Style Star Rating Widget *****/
.zln-rating\:star {
  display: flex;
  align-items: center;
}
.zln-rating\:star .zls-star {
  display: flex;
  align-items: center;
  padding: 2px;
}
.zln-rating\:star .zls-star:first-of-type {
  padding-inline-start: 0;
}
.zln-rating\:star .zls-star:last-of-type {
  padding-inline-end: 0;
}
.zln-rating\:star .zls-star .z-ico {
  fill: none;
  stroke: var(--grey3);
}
.zln-rating\:star .zls-star.zls-rating-hover {
  cursor: pointer;
}
.zln-rating\:star .zls-star.zls-rating-hover .z-ico {
  fill: hsl(42, 100%, 48%);
  stroke: hsl(42, 100%, 48%);
}
.zln-rating\:star .zls-star.zls-rating-selected .z-ico {
  fill: hsl(42, 100%, 48%);
  stroke: hsl(42, 100%, 48%);
}
.zls-user-reviews {
  border-top: 1px solid var(--grey5);
}
.zls-user-reviews > * + * {
  border-top: 1px solid var(--grey5);
  padding-top: 25px;
  margin-top: 25px;
}
/****** Style Star Rating Widget *****/
/***** Course Completed and rating *****/
.zls-course-complete-popup {
  margin-top: -30px;
}
.zls-course-complete-popup .zls-course-complete-content {
  border-bottom: 2px solid var(--product-accent-color);
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.zls-course-complete-popup .zls-course-complete-content .zw-h1 {
  font-size: 3rem;
}
.zls-course-complete-popup .zls-like-ico {
  border: 2px dashed #a0d277;
  padding: 15px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  display: inline-block;
}
.zls-course-complete-popup .zls-like-ico .zw-ic {
  stroke: #a0d277;
  stroke-width: 3px;
}
.zls-course-complete-popup .zls-course-rating-review {
  padding: 0 25px;
}
/***** Course Completed and rating *****/
/***** Manage course page start *****/
/***** Course Manage options right bar start *****/
.zln-wrapper\:course-filter {
  background-color: var(--grey9);
}
.zln-wrapper\:course-filter lyte-accordion-item {
  border: 1px solid var(--grey5);
  background: var(--white);
  margin-bottom: 15px;
}
.zln-wrapper\:course-filter lyte-accordion-item lyte-accordion-body {
  padding: 0;
}
.zls-course-option-wrapper {
  width: 400px;
  box-sizing: border-box;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item {
  border: 1px solid var(--grey5);
  background: var(--white);
  margin-bottom: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item .zls-option-header {
  font-size: 1.4rem;
  padding: 12px;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item .zls-option-header .o-ico-swatch {
  stroke: #ec7e3e;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item .zls-option-header .o-ico-square-3-stack-3d {
  stroke: #e8a801;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item .zls-option-header .o-ico-tag {
  stroke: #18c7a8;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item .zls-option-header .o-ico-user-circle {
  stroke: #2761df;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item .zls-option-header .o-ico-paper-clip {
  stroke: #8a53ee;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item lyte-accordion-body {
  padding: 0;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item lyte-accordion-body .zls-attachment-list-wrapper {
  padding: 0 20px 20px;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item lyte-accordion-body .zls-option-head {
  padding: 5px 20px 10px;
}
.zls-course-option-wrapper .zls-course-options lyte-accordion-item lyte-accordion-body .zls-option-head .zw-input-small {
  font-size: inherit;
}
/***** Course Manage options right bar start *****/
/***** Explore filter start *****/
.zls-explore-filter {
  width: 350px;
  top: calc(var(--global-header-height) + var(--announcement-banner-height));
  box-shadow: none;
  border-left: 1px solid var(--grey5);
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  z-index: 2;
}
.zls-explore-filter.zw-slider {
  right: -350px;
}
.zls-explore-filter .zw-slider-header {
  border-width: 1px;
}
.zls-explore-filter.zls-show-filter {
  visibility: visible;
  opacity: 1;
  right: 0;
}
.zls-explore-filter .zln-lyte\:accordion lyte-accordion-item {
  margin-bottom: 15px;
  border-bottom: 1px solid var(--grey5);
}
.zls-explore-filter .zln-lyte\:accordion lyte-accordion-header {
  padding: 15px;
}
/***** Explore filter start *****/
/***** banner change *****/
.zln-container\:change-banner {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  bottom: 10px;
  left: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: hsl(0, 0%, 100%);
  cursor: pointer;
  display: flex;
}
.zln-container\:change-banner > * + * {
  border-left: 1px solid rgba(255, 255, 255, 0.17);
}
.zln-container\:change-banner .zln-change-banner,
.zln-container\:change-banner .zln-remove-banner {
  padding: 5px 10px;
}
/***** banner change *****/
/***** User roll start *****/
.zw-attachment-list,
.zw-shared-list {
  margin: 0 -20px;
}
.zw-attachment-list li,
.zw-shared-list li {
  padding: 10px 20px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zw-attachment-list li .zw-attachment-options,
.zw-shared-list li .zw-attachment-options,
.zw-attachment-list li .zw-start-chat,
.zw-shared-list li .zw-start-chat {
  visibility: hidden;
}
.zw-attachment-list li.zw-active-menu-item,
.zw-shared-list li.zw-active-menu-item,
.zw-attachment-list li:hover,
.zw-shared-list li:hover {
  background-color: var(--grey7);
}
.zw-attachment-list li.zw-active-menu-item .zw-attachment-options,
.zw-shared-list li.zw-active-menu-item .zw-attachment-options,
.zw-attachment-list li:hover .zw-attachment-options,
.zw-shared-list li:hover .zw-attachment-options,
.zw-attachment-list li.zw-active-menu-item .zw-start-chat,
.zw-shared-list li.zw-active-menu-item .zw-start-chat,
.zw-attachment-list li:hover .zw-start-chat,
.zw-shared-list li:hover .zw-start-chat {
  visibility: visible;
}
.zw-attachment-list li .zw-ic-cliq-chat,
.zw-shared-list li .zw-ic-cliq-chat {
  display: none;
}
.zw-attachment-list li:hover .zw-ic-cliq-chat,
.zw-shared-list li:hover .zw-ic-cliq-chat {
  display: block;
}
/***** User roll end *****/
/***** LMS Manage overview start *****/
.zls-manage-overview .zls-manage-overview-wrapper {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
}
.zls-manage-overview .zw-loading-dots {
  left: -5px;
  bottom: -23px;
}
/***** LMS Manage overview start *****/
/***** Tinymce customize toolbar start *****/
.zls-mce-customize-toolbar .zls-mce-toolbar {
  padding: 6px;
  border-radius: 6px;
}
.zls-mce-customize-toolbar .zls-mce-toolbar.zls-inline-toolbar {
  padding: 0;
}
.zls-mce-customize-toolbar .zls-mce-toolbar.zls-inline-toolbar .mce-tinymce {
  background-color: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 0 5px var(--grey6);
  padding: 3px;
  border-radius: 4px;
}
.zls-mce-customize-toolbar .zls-mce-toolbar.mce-top-part:before {
  box-shadow: none;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-tinymce,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-container-body,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-container {
  width: auto !important;
  height: auto !important;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-tinymce .mce-abs-layout-item,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-container-body .mce-abs-layout-item,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-container .mce-abs-layout-item,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-tinymce .mce-abs-end,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-container-body .mce-abs-end,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-container .mce-abs-end {
  position: static;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-abs-end {
  height: 0;
  width: 0;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-tinymce-inline .mce-flow-layout {
  white-space: normal;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn-group:not(:first-child) {
  border: none;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-colorbutton .mce-preview {
  left: 18px;
  top: 9px;
  margin-left: 0;
  margin-top: 0;
  background: transparent;
  width: 6px;
  height: 6px;
  border-radius: 10px 0 10px 10px;
  transform: rotate(-45deg);
  padding: 0;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-colorbutton i.mce-i-backcolor {
  background: transparent;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-colorbutton.mce-last .mce-preview {
  top: 12px;
  border-radius: 0px 8px 0 0;
  left: 10px;
  width: 7px;
  height: 7px;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-i-insert {
  position: relative;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-i-insert:before {
  content: "+";
  font-size: 21px;
  position: absolute;
  line-height: normal;
  top: -3px;
  left: 3px;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-panel {
  background-color: transparent;
  border: none;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn.mce-primary,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-panel.mce-primary {
  background: var(--grey0);
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn.mce-primary:hover,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-panel.mce-primary:hover {
  background: var(--grey0);
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-tinymce {
  border: none;
  box-shadow: none;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn-group .mce-btn {
  margin-right: 5px;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn-group .mce-btn i {
  color: var(--grey0);
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-caret {
  border-top-color: var(--grey2);
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-menubtn button {
  color: var(--grey0);
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-menubtn.mce-listbox button {
  padding-right: 30px;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-menubtn.mce-fixed-width span {
  width: auto;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn:hover,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn:active {
  background-color: var(--grey7);
  color: transparent;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn:hover .mce-caret,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn:active .mce-caret {
  border-top-color: var(--grey1);
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn.mce-active,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn.mce-active:hover,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn.mce-active:focus,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn.mce-active:active {
  background: var(--grey7);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn.mce-active button,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn.mce-active:hover button,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn.mce-active i,
.zls-mce-customize-toolbar .zls-mce-toolbar .mce-btn.mce-active:hover i {
  color: var(--grey0);
  border-top-color: var(--grey1);
}
.zls-mce-customize-toolbar .zls-mce-textarea {
  outline: none;
  font-size: 1.6rem;
  line-height: 1.6;
}
.zls-mce-textarea {
  font-size: 1.6rem;
  line-height: 1.6;
}
.mce-content-body div.mce-resizehandle {
  z-index: 2 !important;
}
.mce-container.mce-window {
  background: var(--white);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 4px 12px 0 rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: none;
}
.mce-container.mce-btn-group.mce-last .mce-btn .mce-caret {
  margin-top: 10px;
}
.mce-container .mce-tab:focus {
  color: var(--grey0);
}
.mce-container.mce-menu {
  background-color: var(--white);
  border-color: var(--grey5);
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
  margin-top: 7px;
  margin-left: -3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zlearn-os\:dark .mce-container.mce-menu,
.zlearn-theme\:dark .mce-container.mce-menu {
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
}
.mce-container.mce-menu .mce-grid-border a:hover,
.mce-container.mce-menu .mce-grid-border a.mce-active {
  border-color: var(--grey4);
  background-color: var(--grey7);
}
.mce-container.mce-menu .mce-menu-item {
  border-left: 0;
  margin-bottom: 0;
  padding: 10px;
  color: var(--grey0);
}
.mce-container.mce-menu .mce-menu-item .mce-text,
.mce-container.mce-menu .mce-menu-item .mce-ico {
  color: var(--grey0) !important;
}
.mce-container.mce-menu .mce-menu-item.mce-menu-item-sep {
  padding: 0;
  margin: 5px 0;
}
.mce-container.mce-menu .mce-menu-item.mce-selected,
.mce-container.mce-menu .mce-menu-item:hover,
.mce-container.mce-menu .mce-menu-item:focus {
  background-color: var(--grey7);
}
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-text,
.mce-container.mce-menu .mce-menu-item:hover .mce-text,
.mce-container.mce-menu .mce-menu-item:focus .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-selected .mce-ico,
.mce-container.mce-menu .mce-menu-item:hover .mce-ico,
.mce-container.mce-menu .mce-menu-item:focus .mce-ico {
  color: var(--grey0) !important;
}
.mce-container.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal {
  background: var(--white);
}
.mce-container.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-active.mce-menu-item-normal .mce-ico {
  color: var(--grey0);
}
.mce-container.mce-menu .mce-menu-item.mce-disabled {
  background: transparent;
  pointer-events: none;
}
.mce-container.mce-menu .mce-menu-item.mce-disabled .mce-text,
.mce-container.mce-menu .mce-menu-item.mce-disabled .mce-ico {
  color: var(--grey2) !important;
}
.mce-container .mce-window-head {
  padding: 20px;
}
.mce-container .mce-window-head .mce-title {
  font-family: "LatoLatin", sans-serif;
}
.mce-container .mce-window-head .mce-close {
  top: 12px;
  right: 12px;
}
.mce-container .mce-foot {
  padding: 10px 0;
  border-radius: 0 0 8px 8px;
}
.mce-container .mce-foot .mce-btn button {
  text-transform: uppercase;
}
.mce-container .mce-foot .mce-btn button .mce-txt {
  font-weight: 700;
  font-family: "LatoLatin", sans-serif;
  font-size: 12px;
  letter-spacing: 0.5px;
}
.mce-container .mce-foot .mce-btn {
  border-radius: 3px;
}
.mce-container .mce-foot .mce-primary {
  background-color: var(--grey0);
  border-radius: 3px;
  margin-left: -5px;
}
.mce-container .mce-foot .mce-primary.mce-active,
.mce-container .mce-foot .mce-primary.mce-active:hover,
.mce-container .mce-foot .mce-primary:not(.mce-disabled):active {
  background-color: var(--grey0);
}
.mce-container input {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.mce-container .mce-textbox:focus,
.mce-container .mce-textbox.mce-focus {
  border-color: var(--grey0);
}
.mce-container.mce-floatpanel.mce-popover {
  background-color: var(--white);
  border-color: var(--grey4);
}
.mce-container.mce-floatpanel.mce-popover .mce-grid td.mce-grid-cell div {
  border-color: var(--grey4);
}
.mce-container.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow {
  border-bottom-color: var(--grey4);
}
.mce-container.mce-floatpanel.mce-popover.mce-bottom > .mce-arrow:after {
  border-bottom-color: var(--white);
}
.mce-container .mce-splitbtn:hover .mce-open,
.mce-container .mce-splitbtn .mce-open:hover,
.mce-container .mce-splitbtn .mce-open:active {
  border-color: var(--grey4);
}
#mce-modal-block.mce-in {
  background: rgba(17, 36, 70, 0.43);
  opacity: 1;
}
/***** Tinymce customize toolbar end *****/
/***** Lesson discussions start *****/
.zln-container\:lesson-discussion .zln-focus\:discussion-editor .z-height\[min\]\:25 {
  min-height: 60px;
}
.zln-container\:lesson-discussion .zln-meta\:lesson-comment a,
.zln-container\:lesson-discussion .zln-meta\:lesson-compose a {
  color: var(--product-accent-color);
}
.zln-container\:lesson-discussion .zln-meta\:lesson-comment .zln-comment\:placeholder,
.zln-container\:lesson-discussion .zln-meta\:lesson-compose .zln-comment\:placeholder {
  color: var(--grey2);
  position: absolute;
  top: 15px;
  left: 15px;
}
.zln-container\:lesson-discussion .zln-container\:reply-discussion .zln-reply\:new {
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-top: 1px solid var(--grey5);
}
.zln-container\:lesson-discussion .zln-container\:reply-discussion .zln-reply\:discussion {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--grey5);
}
.zln-container\:lesson-discussion .zln-container\:reply-discussion .zln-reply\:discussion .zln-meta\:lesson-comment,
.zln-container\:lesson-discussion .zln-container\:reply-discussion .zln-reply\:discussion .zls-attachment-container {
  margin-left: 42px;
}
.zln-container\:lesson-discussion .zln-container\:reply-discussion .zln-reply\:discussion .zln-reply\:edit-discussion .zls-attachment-container {
  margin-left: 0;
}
/***** Lesson discussions end *****/
.zls-mobile-video-preview {
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
.zls-mobile-video-preview.zls-mobile-block-video {
  position: static;
}
.zls-mobile-video-preview .zls-mobile-play-ico {
  position: absolute;
  top: 50%;
  left: 50%;
  background: rgba(0, 0, 0, 0.6);
  display: inline-block;
  border-radius: 18px;
  margin-top: -25px;
  margin-left: -20px;
}
.zls-mobile-video-preview .zls-mobile-play-ico .z-ico {
  stroke: hsl(0, 0%, 100%);
}
.zls-mobile-pdf-preview {
  position: absolute;
  right: 0;
  left: 350px;
  top: calc(var(--top-header-height) + 2px);
  bottom: 0;
  overflow: auto;
}
.zls-mobile-pdf-preview .zls-custom-pdf-option {
  position: sticky;
  top: 0;
  z-index: 2;
  left: 0;
  right: 0;
}
/***** Course certificate start *****/
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-picker.zln-wrapper\:certificate-picker .zls-full-popup-header,
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-preview.zln-wrapper\:certificate-preview .zls-full-popup-header {
  background: var(--white);
  border-bottom: 1px solid var(--grey5);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.03);
  margin-bottom: 30px;
}
.zln-wrapper\:course-certificate .zls-full-popup-wrapper {
  top: 0;
}
.zln-wrapper\:course-certificate .zln-list\:course-certificate {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  gap: 25px;
  align-items: center;
}
.zln-wrapper\:course-certificate .zln-list\:course-certificate.zln-list\:certificate-landscape > li {
  height: 220px;
}
.zln-wrapper\:course-certificate .zln-list\:course-certificate.zln-list\:certificate-portrait > li {
  height: 440px;
}
.zln-wrapper\:course-certificate .zln-list\:course-certificate > li {
  background-color: var(--grey7);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  align-items: stretch;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-wrapper\:course-certificate .zln-list\:course-certificate > li.zln-create\:course-certificate {
  background-color: var(--white);
  align-items: center;
}
.zln-wrapper\:course-certificate .zln-list\:course-certificate > li.zln-create\:course-certificate:hover {
  border-color: var(--product-accent-color);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}
.zln-wrapper\:course-certificate .zln-list\:course-certificate > li:hover .zls-hover-con {
  background: rgba(0, 0, 0, 0.65);
}
.zln-wrapper\:course-certificate .zln-list\:course-certificate > li .zls-hover-con {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-editor .zls-full-popup-header {
  background: #2a304c;
  padding: 15px 20px;
}
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-editor .zls-full-popup-header .zln-title {
  color: var(--white);
}
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-editor .zln-container\:certificate-editor {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 80px;
}
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-editor .zln-container\:certificate-editor img {
  max-width: inherit;
}
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-editor .zln-container\:certificate-editor .zc-printtemplate-wrapper .zcFreezeLayer {
  top: 80px;
  background-color: #edf1f5;
}
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-editor .zln-container\:certificate-editor .zc-printtemplate-wrapper .zc-dem-loader-container .ball-pulse-container {
  background: transparent;
  box-shadow: none !important;
}
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-preview .zls-full-popup-header {
  padding: 15px 20px;
  margin-bottom: 50px;
}
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-preview .zln-container\:certificate-preview {
  position: absolute;
  top: 120px;
  bottom: 20px;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zln-wrapper\:course-certificate.zln-wrapper\:certificate-preview .zln-container\:certificate-preview img {
  max-height: 100%;
}
.zln-container\:manage-certificate .zln-certificate-thumb {
  padding: 80px 120px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f2f2f2;
  border-radius: 3px;
}
.zln-container\:manage-certificate .zln-option\:course-certificate > li:hover {
  text-decoration: underline;
}
/***** Course certificate end *****/
/***** Course questions bank start *****/
.zls-qb-card-view {
  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  gap: 20px;
}
.zls-qb-card-view > li a {
  height: 230px;
  padding: 15px 20px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  position: relative;
}
.zls-qb-card-view > li a .zls-qb-description {
  height: 70px;
  overflow: hidden;
  font-variant-ligatures: common-ligatures;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
  margin-bottom: 5px;
  display: inline-block;
  position: relative;
}
.zls-qb-card-view > li a .zls-qb-description:after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 108px;
  height: 24px;
  background: linear-gradient(to right, hsla(var(--white-hsl), 0), var(--white) 70%);
}
.zls-qb-card-view > li a .zls-qb-foo {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 15px 20px;
  background-color: var(--grey9);
  border-top: 1px solid var(--grey5);
}
.zls-qb-list-view {
  gap: 15px;
  grid-template-columns: 1fr;
}
.zls-qb-list-view > li {
  border-radius: 3px;
}
.zls-qb-list-view > li:hover {
  box-shadow: var(--grey4) 0 0 0 1px, var(--grey7) 0 2px 10px 0px, var(--grey6) 0 3px 3px 0;
}
.zls-question-bank-pop-wrapper .zls-header-left .o-ico-question-bank {
  stroke: #e07936;
}
.zls-question-bank-pop-wrapper .zls-question-bank-container {
  flex-grow: 1;
  align-items: normal;
  overflow: hidden;
}
.zls-question-bank-pop-wrapper .zls-qb-topics-container {
  background: var(--white);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.04);
  border: 1px solid var(--grey5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-question-bank-pop-wrapper .zls-qb-topics-container .zls-topics-leftcol {
  background: var(--grey9);
  width: 340px;
  border-right: 1px solid var(--grey5);
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.zls-question-bank-pop-wrapper .zls-qb-topics-container .zls-topics-leftcol .zls-qb-topics-list > li {
  background-color: var(--white);
  border: 1px solid var(--grey4);
  padding: 10px 15px;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-question-bank-pop-wrapper .zls-qb-topics-container .zls-topics-leftcol .zls-qb-topics-list > li:hover {
  border: 1px solid var(--grey3);
}
.zls-question-bank-pop-wrapper .zls-qb-topics-container .zls-topics-leftcol .zls-qb-topics-list > li.zln-active {
  background-color: var(--white);
  border: 1px solid var(--product-accent-color);
  border-left-width: 3px;
}
.zls-question-bank-pop-wrapper .zls-qb-topics-container .zls-topics-leftcol .zls-qb-topics-list > li.zls-topic-rename {
  border: 1px solid var(--input-focus-color);
  padding: 11px 15px;
  background-color: var(--white);
}
.zls-question-bank-pop-wrapper .zls-qb-topics-container .zls-topics-leftcol .zls-qb-topics-list > li.zln-disabled\:topic .zln-select-option {
  pointer-events: none;
}
.zls-question-bank-pop-wrapper .zls-qb-topics-container .zls-topics-leftcol .zls-qb-topics-list > li.zln-disabled\:topic .zln-select-option .z-input\:checkbox {
  background-color: var(--grey5);
  border-color: var(--grey4);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='hsl(227, 10%, 60%)' %3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
}
.zls-question-bank-pop-wrapper .zls-qb-topics-container lyte-accordion-body {
  padding-left: 20px;
}
.zls-question-bank-pop-wrapper.zls-qb-pick-option .zls-question-bank-container {
  overflow: auto;
}
.zls-question-bank-pop-wrapper.zls-qb-pick-option .zls-full-popup-container question-banks-view {
  padding-top: 1px;
}
.zls-question-bank-pop-wrapper.zls-qb-pick-option .zls-qb-topics-container .zls-topics-leftcol {
  width: 450px;
}
.zls-question-bank-pop-wrapper.zls-qb-pick-option .zls-qb-topics-container .zls-topics-rightcol lyte-accordion-item {
  border: 1px solid var(--grey5);
  margin-bottom: 20px;
}
.zls-question-bank-pop-wrapper.zls-qb-pick-option .zls-qb-topics-container .zls-topics-rightcol lyte-accordion-item lyte-accordion-header,
.zls-question-bank-pop-wrapper.zls-qb-pick-option .zls-qb-topics-container .zls-topics-rightcol lyte-accordion-item lyte-accordion-body {
  padding-inline: 20px;
}
.zls-question-bank-pop-wrapper.zls-qb-pop-editview .zls-full-popup-container {
  flex-direction: column;
}
.zls-question-bank-pop-wrapper.zls-qb-pop-editview .zls-full-popup-container quiz-editor {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow: hidden;
}
.zls-question-bank-pop-wrapper.zls-qb-pop-editview .zls-full-popup-container .zls-quiz-container {
  background-color: var(--white);
  border: 1px solid var(--grey5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-question-bank-pop-wrapper.zls-qb-pop-editview .zls-full-popup-container .zls-quiz-container .zls-quiz-left-col {
  background-color: var(--white);
}
.zln-lyte\:accordion.zln-wrapper\:question-list {
  counter-reset: question-serial-number;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item {
  border-bottom: 1px solid var(--grey5);
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item lyte-accordion-header {
  padding: 20px 0;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item lyte-accordion-header .zln-qb-qusestion\:title:before {
  content: counter(question-serial-number) ". ";
  counter-increment: question-serial-number;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item lyte-accordion-body {
  padding: 0;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item lyte-accordion-body .zln-qb-qusestion\:description p {
  margin-top: 0;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice.zln-question-feedback\:by-choice {
  grid-template-columns: 1fr;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li {
  display: flex;
  flex-direction: column;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label {
  background-color: var(--grey7);
  padding: 10px 15px;
  box-sizing: border-box;
  cursor: pointer;
  border: 1px solid transparent;
  flex-grow: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zlearn-os\:dark .zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label,
.zlearn-theme\:dark .zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label {
  background-color: var(--grey5);
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label:hover {
  background-color: var(--grey5);
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label p {
  margin: 0;
  padding: 0;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label img {
  max-width: 350px;
  max-height: 350px;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label.zln-quiz-answer\:correct {
  background-color: #effbf6;
  border: 1px solid #42b285;
}
.zlearn-os\:dark .zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label.zln-quiz-answer\:correct,
.zlearn-theme\:dark .zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label.zln-quiz-answer\:correct {
  background-color: #355547;
  border-color: #56a382;
  color: hsl(0, 0%, 100%);
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label.zln-quiz-answer\:correct input[class*="z-input"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white' %3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  background-size: 100%;
  background-color: #42b285;
  border-color: #42b285;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label.zln-quiz-answer\:correct.zln-selected {
  background-image: linear-gradient(45deg, rgba(130, 207, 144, 0.05) 25%, transparent 25%, transparent 50%, rgba(130, 207, 144, 0.05) 50%, rgba(130, 207, 144, 0.05) 75%, transparent 75%, transparent);
  background-size: 2rem 2rem;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label.zln-quiz-answer\:wrong {
  background: #fff8f8;
  border: 1px solid #fbc8c8;
}
.zlearn-os\:dark .zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label.zln-quiz-answer\:wrong,
.zlearn-theme\:dark .zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label.zln-quiz-answer\:wrong {
  background-color: #4a2422;
  border-color: #b85b58;
  color: hsl(0, 0%, 100%);
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label.zln-quiz-answer\:wrong input[class*="z-input"] {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="white" stroke-width="4" viewBox="-4 -4 32 32"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"/></svg>');
  background-size: 100%;
  background-color: #ed8583;
  border-color: #ed8583;
}
.zln-lyte\:accordion.zln-wrapper\:question-list lyte-accordion-item .zln-wrapper\:question-choice > li label.zln-quiz-answer\:wrong.zln-selected {
  background-image: linear-gradient(45deg, rgba(224, 110, 108, 0.03) 25%, transparent 25%, transparent 50%, rgba(224, 110, 108, 0.03) 50%, rgba(224, 110, 108, 0.03) 75%, transparent 75%, transparent);
  background-size: 2rem 2rem;
}
/***** Course questions bank end *****/
/***** Course theme customization start *****/
.zls-course-themes-pop-wrapper .zls-full-popup-wrapper {
  overflow: hidden;
}
.zls-course-themes-pop-wrapper .zls-full-popup-wrapper .o-ico-custom-theme {
  stroke: hsl(42, 100%, 45%);
}
.zls-course-themes-pop-wrapper .zls-full-popup-wrapper .zls-default-theme-list {
  background: var(--white);
}
.zls-course-themes-pop-wrapper .zls-theme-preview-container {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100px;
}
.zlearn-theme\:light .zls-course-themes-pop-wrapper .zls-theme-preview-container .zls-course-darktheme .zls-left-col .zln-skeleton {
  opacity: 0.5;
}
.zls-course-themes-pop-wrapper .zls-theme-preview-container .zls-preview-rightcol {
  width: 400px;
  padding: 30px;
  box-sizing: border-box;
  overflow: auto;
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-themes-pop-wrapper .zls-theme-preview-container .zls-preview-rightcol .zls-course-banner-con {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden;
}
.zls-course-themes-pop-wrapper .zls-theme-preview-container .zls-preview-rightcol .zls-course-card > li {
  cursor: default;
}
.zls-course-themes-pop-wrapper .zls-theme-preview-container .zls-preview-rightcol .zls-course-card > li .zls-course-banner-thumb {
  height: 140px;
}
.zls-course-themes-pop-wrapper .zls-theme-preview-container .zls-preview-rightcol .zls-course-card > li > a {
  cursor: default;
}
.zls-course-themes-pop-wrapper .zls-theme-preview-container .zls-preview-rightcol .zls-course-card > li:hover {
  box-shadow: none;
}
.zls-course-theme-preview .zls-right-col .zls-blocks-wrapper {
  padding: 30px;
  overflow: auto;
}
.zls-course-theme-preview .zls-right-col .zls-blocks-wrapper > li {
  padding-bottom: 20px;
  max-width: 800px;
  width: auto;
  margin: 0 auto;
}
.zls-course-theme-preview .zls-right-col .zls-blocks-wrapper > li .zls-blocks-slider {
  border: 1px solid var(--grey5);
}
/***** Course theme customization end *****/
.zls-lesson-import-popup .zls-pop-leftcol,
.zls-map-article-popup .zls-pop-leftcol,
.zls-lesson-import-popup .zls-pop-rightcol,
.zls-map-article-popup .zls-pop-rightcol {
  background: var(--grey8);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-lesson-import-popup .zls-pop-leftcol .zls-active,
.zls-map-article-popup .zls-pop-leftcol .zls-active {
  background: var(--grey6);
}
.zls-lesson-import-popup .zls-tree-list-wrapper > * + *,
.zls-map-article-popup .zls-tree-list-wrapper > * + * {
  margin-top: 10px;
}
.zls-lesson-import-popup .zls-tree-list-wrapper > li:last-of-type,
.zls-map-article-popup .zls-tree-list-wrapper > li:last-of-type {
  margin-bottom: 20px;
}
.zls-lesson-import-popup .zls-tree-list-wrapper > li .zls-tree-list > * + *,
.zls-map-article-popup .zls-tree-list-wrapper > li .zls-tree-list > * + * {
  margin-top: 10px;
}
.zls-lesson-import-popup .zls-tree-list-wrapper > li .zls-tree-list > li,
.zls-map-article-popup .zls-tree-list-wrapper > li .zls-tree-list > li {
  background: var(--grey9);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zls-lesson-import-popup .zls-tree-list-wrapper > li .zls-tree-list > li:hover,
.zls-map-article-popup .zls-tree-list-wrapper > li .zls-tree-list > li:hover {
  background: var(--grey8);
}
.zls-lesson-import-popup .zls-tree-list-wrapper > li .zls-tree-list > li.zls-selected,
.zls-map-article-popup .zls-tree-list-wrapper > li .zls-tree-list > li.zls-selected {
  background-color: var(--product-accent-color-light);
}
.zls-lesson-import-popup .zls-tree-list-wrapper > li .zls-tree-list > li.zls-selected:hover,
.zls-map-article-popup .zls-tree-list-wrapper > li .zls-tree-list > li.zls-selected:hover {
  background-color: var(--product-accent-color-light);
}
.zls-tree-view {
  user-select: none;
}
.zls-tree-view a {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 10px;
  flex-grow: 1;
}
.zls-tree-view > * + * {
  margin-top: 10px;
}
.zls-tree-view .zls-tree-nested {
  background-color: var(--grey9);
}
.zls-tree-view .zls-tree-nested:hover {
  background-color: var(--grey9);
}
.zls-tree-view .zls-nested-title {
  padding: 15px 12px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.zls-tree-view .zls-nested-title .zls-expcol-ico1 {
  padding: 5px;
}
.zls-tree-view .zls-nested-title span {
  flex-grow: 1;
}
.zls-tree-view li {
  background-color: var(--white);
  border: 1px solid var(--grey5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-tree-view li.zln-reset\:tree-list {
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.zls-tree-view li.zln-reset\:tree-list:hover {
  background-color: transparent;
}
.zls-tree-view li:hover {
  background-color: var(--grey10);
}
.zls-tree-view li ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 20px;
  margin-top: 0px;
}
.zls-tree-view li ul > * + * {
  margin-top: 10px;
}
.zls-tree-view\:list {
  user-select: none;
}
.zls-tree-view\:list * + * a {
  margin-top: 2px;
}
.zls-tree-view\:list li a {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  word-break: break-word;
  word-wrap: anywhere;
  font-size: 1.4rem;
  line-height: 1.4;
  padding: 8px;
  flex-grow: 1;
}
.zls-tree-view\:list li a:hover {
  background-color: var(--grey8);
}
.zls-tree-view\:list li a.zls-active {
  color: var(--product-accent-color);
  background-color: var(--grey8);
}
.zls-tree-view\:list li ul {
  list-style: none;
  padding-left: 20px;
}
.zls-tree-view\:list li ul > * + * a {
  margin-top: 2px;
}
.zls-tree-view .zls-selected {
  background-color: var(--product-accent-color-light);
}
.zls-tree-view .zls-selected:hover {
  background-color: var(--product-accent-color-light);
}
.zls-tree-view\:list {
  user-select: none;
}
.zls-tree-view\:list > * + * a {
  margin-top: 2px;
}
.zls-tree-view\:list > li a {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  word-break: break-word;
  word-wrap: anywhere;
  padding: 8px;
  flex-grow: 1;
}
.zls-tree-view\:list > li a:hover {
  background-color: var(--grey8);
}
.zls-tree-view\:list > li a.zls-active {
  color: var(--product-accent-color);
  background-color: var(--grey8);
}
.zls-tree-view\:list > li ul {
  list-style: none;
  padding-left: 20px;
}
.zls-tree-view\:list > li ul > * + * a {
  margin-top: 2px;
}
.zls-acknowledge-message .zls-default-theme-color mark {
  background-color: var(--product-accent-color);
}
.zls-sticky-header {
  position: sticky;
  position: -webkit-sticky;
  z-index: 2;
  background-color: var(--white);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
  border-bottom: 1px solid var(--grey5);
}
.zls-sticky-header.top\:0 {
  top: 0;
}
.zls-goto-top {
  bottom: 130px;
  right: 30px;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
  z-index: 1;
}
.zls-goto-top button {
  background-color: var(--grey0);
  width: 42px;
  height: 42px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-goto-top button .zw-ic {
  stroke: var(--white);
  stroke-width: 2.5;
}
.zln-header\:course {
  min-height: 64px;
}
.zln-header\:course .zln-course-hamburger-menu:hover {
  background-color: var(--grey5);
}
.zln-header\:course .zln-course-hamburger-menu:hover .z-ico {
  stroke: var(--grey0);
}
.zln-header\:course .zls-header-right .zln-btn\:lesson-attachment {
  color: var(--grey0);
}
.zlearn-os\:dark .zln-header\:course .zls-header-right .zln-btn\:lesson-attachment,
.zlearn-theme\:dark .zln-header\:course .zls-header-right .zln-btn\:lesson-attachment {
  color: hsl(42, 74%, 48%);
}
.zln-header\:course .zls-header-right .zln-btn\:lesson-attachment:hover {
  background-color: hsl(42, 100%, 90%);
}
.zlearn-os\:dark .zln-header\:course .zls-header-right .zln-btn\:lesson-attachment:hover,
.zlearn-theme\:dark .zln-header\:course .zls-header-right .zln-btn\:lesson-attachment:hover {
  background-color: hsl(42, 70%, 20%);
}
.zln-header\:course .zls-header-right .zln-btn\:lesson-discussion {
  color: var(--grey0);
}
.zlearn-os\:dark .zln-header\:course .zls-header-right .zln-btn\:lesson-discussion,
.zlearn-theme\:dark .zln-header\:course .zls-header-right .zln-btn\:lesson-discussion {
  color: hsl(161, 61%, 43%);
}
.zln-header\:course .zls-header-right .zln-btn\:lesson-discussion:hover {
  background-color: hsl(161, 57%, 91%);
}
.zlearn-os\:dark .zln-header\:course .zls-header-right .zln-btn\:lesson-discussion:hover,
.zlearn-theme\:dark .zln-header\:course .zls-header-right .zln-btn\:lesson-discussion:hover {
  background-color: hsl(161, 40%, 25%);
}
.zln-header\:course .zls-header-right .zln-btn\:lesson-settings:hover {
  background-color: hsl(1, 87%, 94%);
}
.zlearn-os\:dark .zln-header\:course .zls-header-right .zln-btn\:lesson-settings:hover,
.zlearn-theme\:dark .zln-header\:course .zls-header-right .zln-btn\:lesson-settings:hover {
  background-color: hsl(1, 40%, 25%);
}
/***** COURSE EDITOR PAGE START *****/
lms-editor-view {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: initial;
  overflow: hidden;
}
lms-editor-view.zls-show-attachments {
  margin-inline-end: 400px;
  transition: margin 0.1s ease;
}
lms-editor-view.zls-show-attachments .zln-header\:course :is(.zls-editor-close-btn, .zls-editor-attachment-btn) {
  display: none;
}
lms-editor-view.zls-show-attachments lms-lesson-block {
  margin-inline-start: 0;
}
lms-editor-view.zls-show-attachments .zls-editor-left-col {
  margin-inline-start: -90px;
  transition: margin 0.1s ease;
}
lms-editor-view.zls-show-settings-slider {
  margin-inline-end: 500px;
  transition: margin 0.1s ease;
}
lms-editor-view.zls-show-settings-slider .zln-header\:course :is(.zls-editor-close-btn, .zls-editor-settings-btn) {
  display: none;
}
lms-editor-view.zls-show-settings-slider lms-lesson-block {
  margin-inline-start: 0;
}
lms-editor-view.zls-show-settings-slider .zls-editor-left-col {
  margin-inline-start: -90px;
  transition: margin 0.1s ease;
}
lms-editor-view .zls-mce-customize-toolbar {
  z-index: 1;
  top: 0;
  position: sticky;
  position: -webkit-sticky;
}
lms-editor-view .zls-mce-customize-toolbar .zls-mce-toolbar {
  margin: 0 auto 20px;
  max-width: 1000px;
  box-sizing: border-box;
  box-shadow: 0 0 3px var(--grey6), 0 -5px 0 25px var(--grey9);
  background-color: var(--white);
  border: 1px solid var(--grey5);
}
lms-editor-view lms-block-text,
lms-editor-view .zls-assignment-type-editor {
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 100%;
}
lms-editor-view lms-block-text .zls-text-type-area,
lms-editor-view .zls-assignment-type-editor .zls-text-type-area {
  box-sizing: border-box;
  background: var(--white);
  box-shadow: 0 0 3px var(--grey6);
  border: 1px solid var(--grey5);
  min-height: 200px;
  flex-grow: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
lms-editor-view lms-block-text .zls-text-type-area .zls-tinymce-text-content,
lms-editor-view .zls-assignment-type-editor .zls-text-type-area .zls-tinymce-text-content {
  padding: 20px;
  box-sizing: border-box;
  height: 100%;
}
lms-editor-view lms-block-text .zls-text-type-area .zls-tinymce-text-content.mce-edit-focus,
lms-editor-view .zls-assignment-type-editor .zls-text-type-area .zls-tinymce-text-content.mce-edit-focus {
  outline: none;
}
lms-editor-view lms-block-text .zls-text-type-area .zls-tinymce-text-content .zls-tinymce-img,
lms-editor-view .zls-assignment-type-editor .zls-text-type-area .zls-tinymce-text-content .zls-tinymce-img {
  height: auto;
}
.zls-lms-editor-view {
  background-color: var(--grey9);
  overflow: auto;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 30px;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
.zls-lms-editor-view.zls-document-type-editor {
  position: relative;
  padding: 0;
}
.zls-lms-editor-view.zls-document-type-editor lms-preview-frame .zls-blocks-doc .zls-file-chooser {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.zls-lms-editor-view.zls-article-type-editor .zls-article-info-banner-wrapper {
  position: sticky;
  position: -webkit-sticky;
  top: -30px;
  z-index: 2;
  border-color: hsl(224, 89%, 90%);
  margin: -30px -30px 20px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.07);
}
.zls-lms-editor-view.zls-article-type-editor .zls-article-info-banner {
  margin: 0 auto;
  max-width: 1000px;
  width: 100%;
  box-sizing: border-box;
}
.zls-lms-editor-view.zls-article-type-editor .zls-article-lesson {
  position: relative;
  z-index: 1;
  flex-grow: 1;
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-iframe-wrapper {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  justify-content: center;
}
.zls-iframe-wrapper .zls-iframe-element {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
lms-lesson-video {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
lms-lesson-video .zls-blocks-video {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: center;
}
/* Block lesson editor blocks start */
.zls-blocks-container {
  max-width: 950px;
  width: 100%;
  margin: 0 auto;
}
.zls-blocks-container:after {
  content: "";
  display: table;
  clear: both;
}
.zls-blocks-container .mce-content-body {
  line-height: 1.6;
}
.zls-blocks-container :where(.zls-iframe-wrapper) {
  position: relative;
}
.zls-blocks-container :where(.zls-iframe-wrapper) .zls-iframe-document {
  height: 600px;
}
.zls-blocks-container lms-preview-frame .zw-load-con {
  position: absolute;
  left: 0;
}
/* List type */
.zln-block-list\:number {
  counter-reset: numbers;
}
.zln-block-list\:number > li {
  counter-increment: numbers;
}
.zln-block-list\:number .zln-count.size\:small::before {
  width: 20px;
  height: 20px;
}
.zln-block-list\:number .zln-count.size\:medium::before {
  width: 26px;
  height: 26px;
}
.zln-block-list\:number .zln-count::before {
  content: counter(numbers);
  background-color: var(--product-accent-color);
  color: var(--custom-txt-color, hsl(0, 0%, 100%));
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 30px;
  font-weight: 700;
}
.zln-block-list\:checkbox .zln-select-option {
  user-select: unset;
}
lms-editor-view .zln-block-list\:checkbox .zln-select-option {
  cursor: auto;
}
.zln-block-list\:checkbox .z-input\:checkbox {
  border-color: var(--product-accent-color);
  border-width: 2px;
}
lms-editor-view .zln-block-list\:checkbox .z-input\:checkbox {
  pointer-events: none;
  background-color: var(--white);
  background-image: none;
}
.zln-block-list\:disc .zln-disc {
  background-color: var(--product-accent-color);
  border-radius: 30px;
  flex-shrink: 0;
}
.zln-block-list\:disc .zln-disc.size\:small {
  padding: 3px;
}
.zln-block-list\:disc .zln-disc.size\:medium {
  padding: 4px;
}
/* List type */
/* Image type*/
.zls-blocks-image .zls-blocks-image-bg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box;
  position: relative;
}
.zls-blocks-image .zls-blocks-image-bg:before {
  position: absolute;
  background: rgba(17, 18, 27, 0.3);
  content: '';
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
/* Image type */
/* Slider type */
.zln-blocks-slider {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  background-color: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zln-blocks-slider .zln-page-count {
  padding: 12px;
  background-color: var(--white);
  border-top: 1px solid var(--grey5);
}
.zln-blocks-slider .zln-page-count > li {
  width: 18px;
  height: 18px;
  padding: 3px;
  border-radius: 30px;
  color: var(--product-accent-color);
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-blocks-slider .zln-page-count > li.zln-active {
  background-color: var(--product-accent-color);
  color: var(--custom-txt-color, hsl(0, 0%, 100%));
}
.zln-blocks-slider .zln-page-count > li.zln-active:hover {
  background: var(--product-accent-color);
}
.zln-blocks-slider .zln-page-count > li:hover {
  background-color: var(--grey6);
}
.zln-blocks-slider .zln-slide-move\:right,
.zln-blocks-slider .zln-slide-move\:left {
  position: relative;
  animation-duration: 0.3s;
}
.zln-blocks-slider .zln-slide-move\:right {
  animation-name: slide-right;
}
.zln-blocks-slider .zln-slide-move\:left {
  animation-name: slide-left;
}
@keyframes slide-right {
  from {
    right: -50%;
  }
  to {
    right: 0;
  }
}
@keyframes slide-left {
  from {
    left: -50%;
  }
  to {
    left: 0;
  }
}
/* Slider type */
lms-block-accordion .zln-lyte\:accordion.zln-lyte\:accordion lyte-accordion-header {
  padding: 5px 15px;
  border-radius: 5px;
  justify-content: space-between;
  background-color: var(--grey7);
}
lms-block-accordion .zln-lyte\:accordion.zln-lyte\:accordion lyte-accordion-header h2 {
  font-size: 1.6rem;
  margin: 0;
}
lms-block-accordion .zln-lyte\:accordion.zln-lyte\:accordion .lyteAccordionActive lyte-accordion-body {
  padding-block: 15px;
}
.zln-lyte\:accordion.zln-lyte\:accordion .zls-tinymce-text-content,
.zls-tinymce-text-content {
  min-height: 20px;
  font-size: 1.6rem;
  line-height: 1.6;
  word-break: break-word;
  word-wrap: anywhere;
}
.zln-lyte\:accordion.zln-lyte\:accordion .zls-tinymce-text-content h1,
.zls-tinymce-text-content h1,
.zln-lyte\:accordion.zln-lyte\:accordion .zls-tinymce-text-content h2,
.zls-tinymce-text-content h2,
.zln-lyte\:accordion.zln-lyte\:accordion .zls-tinymce-text-content h3,
.zls-tinymce-text-content h3,
.zln-lyte\:accordion.zln-lyte\:accordion .zls-tinymce-text-content h4,
.zls-tinymce-text-content h4 {
  margin: 5px 0;
}
.zln-lyte\:accordion.zln-lyte\:accordion .zls-tinymce-text-content a,
.zls-tinymce-text-content a {
  color: var(--product-accent-color);
}
.zln-lyte\:accordion.zln-lyte\:accordion .zls-tinymce-text-content a:hover,
.zls-tinymce-text-content a:hover {
  text-decoration: underline;
}
.zln-lyte\:accordion.zln-lyte\:accordion .zls-tinymce-text-content p,
.zls-tinymce-text-content p {
  margin: 0 0 10px;
  font-size: 1.6rem;
  line-height: 1.6;
  word-break: break-word;
  word-wrap: anywhere;
}
.zln-lyte\:accordion.zln-lyte\:accordion .zls-tinymce-text-content p:last-of-type,
.zls-tinymce-text-content p:last-of-type {
  margin-bottom: 0;
}
/* Block lesson editor blocks end */
/***** COURSE EDITOR PAGE END *****/
/***** COURSE MANAGE PAGE START *****/
.zls-course-manage-page {
  /***** Course manage header page starts *****/
  /***** Course manage header page end *****/
}
.zls-course-manage-page :is(.zls-manage-left-col, .zls-course-manage-wrapper, .zls-lyte-accordion-wrapper, .zls-course-option-wrapper) {
  overscroll-behavior: none;
}
.zls-course-manage-page zlearn-course-manage-header .o-ico-link {
  stroke: #E87594;
  background-color: #f9edf0;
}
.zls-course-manage-page zlearn-course-manage-header .o-ico-link:hover {
  background-color: #fee6ed;
}
.zls-course-manage-page zlearn-course-manage-header .zls-header-right .zln-header\:metrics {
  width: 384px;
  justify-content: center;
  border-left: 1px solid var(--grey4);
}
.zln-direction\:rtl .zls-course-manage-page zlearn-course-manage-header .zls-header-right .zln-header\:metrics {
  border-left: none;
  border-right: 1px solid var(--grey4);
}
/* Course Manage page Left col start */
.zls-manage-left-col {
  width: 85px;
}
.zls-manage-left-col ul > li {
  padding: 8px;
  min-height: 65px;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 3px;
  cursor: pointer;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
.zls-manage-left-col ul > li:hover {
  background: var(--grey7);
}
.zls-manage-left-col ul > li.zls-active {
  border-left: 3px solid var(--product-accent-color);
  background-color: var(--grey0);
  color: var(--white);
}
.zlearn-os\:dark .zls-manage-left-col ul > li.zls-active,
.zlearn-theme\:dark .zls-manage-left-col ul > li.zls-active {
  background-color: hsl(0, 0%, 100%);
}
.zls-manage-left-col ul > li.zls-active .z-ico {
  stroke: var(--white);
}
/* Course Manage page Left col end */
/***** Lesson manage page starts *****/
.zls-manage-lesson .sortable-element-selected {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  cursor: move;
}
.zls-manage-lesson .placeholder {
  background: var(--white) !important;
  height: 52px !important;
  border: 1px dashed #da7d5a !important;
  box-shadow: none !important;
}
.zls-manage-lesson .placeholder:hover {
  background: var(--white);
  border: 1px dashed #da7d5a;
}
.zls-manage-lesson.zls-drag-start .zls-tree-view .zls-quick-create-lesson {
  visibility: hidden;
}
.zls-manage-lesson.zls-drag-start .zls-lesson-create-btn {
  display: none;
}
.zls-manage-lesson.zls-drag-start .zln-lp-rule {
  display: none;
}
.zls-manage-lesson .zls-tree-view {
  margin-top: -10px;
}
.zls-manage-lesson .zls-tree-view > * + * {
  margin-top: 12px;
}
.zls-manage-lesson .zls-tree-view .zls-tree-nested {
  background-color: var(--grey9);
  border-color: var(--grey5);
}
.zls-manage-lesson .zls-tree-view .zls-tree-nested ul > * + * {
  margin-top: 12px;
}
.zls-manage-lesson .zls-tree-view .zls-nested-title .zls-drag-normal {
  margin-left: -15px;
}
.zls-manage-lesson .zls-tree-view zlearn-lesson-view .zls-drag-normal {
  margin-right: -10px;
}
.zls-manage-lesson .zls-tree-view li {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.01);
}
.zls-manage-lesson .zls-tree-view li a {
  padding: 12px;
}
.zls-manage-lesson .zls-tree-view li.zls-quick-create-lesson {
  box-shadow: none;
}
.zls-manage-lesson .zls-tree-view li.zls-in-between-btn {
  padding: 6px;
  margin-top: 0;
  margin-bottom: -12px;
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.zls-manage-lesson .zls-tree-view li.zls-in-between-btn .reset\:btn {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.6);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  z-index: 1;
}
.zls-manage-lesson .zls-tree-view li.zls-in-between-btn:hover {
  border: none;
  background-color: transparent;
}
.zls-manage-lesson .zls-tree-view li.zls-in-between-btn:hover .reset\:btn {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.zls-manage-lesson .zls-tree-view li.zls-focus-within:hover {
  background-color: var(--white);
}
.zls-manage-lesson .zls-tree-view li.zls-focus-within:focus {
  border-color: transparent;
}
.zls-manage-lesson .zls-tree-view li.zls-focus-within:focus-within {
  box-shadow: 0 0 0 2px var(--input-focus-color);
}
.zls-lesson-create-btn.zls-pos-sticky {
  padding: 35px 0;
  margin: 0 -40px;
  bottom: -40px;
  background: -moz-linear-gradient(top, hsla(var(--grey7-hsl), 0) 0%, var(--grey7) 35%);
  background: -webkit-linear-gradient(top, hsla(var(--grey7-hsl), 0) 0%, var(--grey7) 35%);
  background: linear-gradient(to bottom, hsla(var(--grey7-hsl), 0) 0%, var(--grey7) 35%);
  z-index: 1;
}
.zls-quick-create-lesson .reset\:btn {
  background-color: var(--white);
  border: 1px solid var(--grey4);
  box-shadow: 0 1px 1px var(--grey5);
  width: 30px;
  height: 30px;
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zls-add-lesson-dropdown .zw-ic-file-link {
  stroke: #E87594;
}
.zls-add-lesson-dropdown .zw-ic-file-import {
  stroke: #5459E1;
}
.zln-course-manage-header .zln-ico-wrapper {
  background-color: var(--grey10);
  box-shadow: 0 1px 3px var(--grey5);
}
.zln-course-manage-header .zln-ico-wrapper .z-ico {
  stroke-width: 1.3;
}
.zln-course-manage-header .zln-ico-wrapper .o-ico-document-chart-bar {
  stroke: #896ae0;
}
.zln-course-manage-header .zln-ico-wrapper .o-ico-clipboard-document-check {
  stroke: #4ccabd;
}
.zln-course-manage-header .zln-ico-wrapper .o-ico-users {
  stroke: #DD9679;
}
.zln-course-manage-header .zln-ico-wrapper .o-ico-calendar-clock {
  stroke: #bf9500;
}
/***** Lesson manage page end *****/
/***** COURSE MANAGE PAGE END *****/
/***** COURSE PLAYER PAGE START *****/
.zls-course-player-page {
  --global-header-height: 0px;
}
.zls-course-player-page :is(.zls-block-type, .zls-video-type, .zls-document-type) > .zln-fixed-width\:950 {
  max-width: 100%;
}
.zls-course-player-page :is(.zls-scorm-type, .zls-block-type) {
  padding: 0;
}
.zls-course-player-page :is(.zls-scorm-type, .zls-block-type) .z-goto\:top {
  bottom: 30px;
  right: 30px;
}
.zls-course-player-page :is(.zls-scorm-type, .zls-block-type) .zls-line-block-loading {
  padding: 30px;
}
.zls-course-player-page .zls-left-col {
  width: 350px;
  box-sizing: border-box;
  background: var(--lesson-nav-bg);
  margin-left: 0;
  transition: margin 0.1s ease;
  color-scheme: dark;
}
.zlearn-os\:dark .zls-course-player-page .zls-left-col,
.zlearn-theme\:dark .zls-course-player-page .zls-left-col {
  background-color: var(--grey8);
}
.zls-course-lighttheme .zls-course-player-page .zls-left-col {
  border-right: 1px solid var(--grey5);
  color-scheme: light;
}
.zls-course-player-page .zls-left-col .zls-alert-ribbon {
  margin: 15px 15px 0px;
  padding: 10px;
  height: auto;
  align-items: normal;
  text-align: left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-player-page .zls-left-col .zls-alert-ribbon.zls-warning-ribbon {
  margin: 0;
  padding: 5px;
  border-radius: 0;
}
.zls-course-player-page .zls-left-col .zls-alert-ribbon.zls-warning-ribbon .zw-ic {
  display: none;
}
.zls-course-player-page .zls-left-col .zls-opacity-layer {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-player-page .zls-left-col .zls-full-banner-cover {
  box-sizing: border-box;
  background-color: var(--product-accent-color);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-player-page .zls-left-col .zls-full-banner-cover .zls-course-title {
  color: var(--custom-txt-color, hsl(0, 0%, 100%));
}
.zls-course-player-page .zls-left-col .zls-lesson-nav > * + * {
  margin: 0;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav .zls-tree-nested {
  margin: 5px 0;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav .zls-tree-nested:first-of-type {
  margin-top: 0;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li {
  background-color: transparent;
  border: none;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li em {
  padding: 0 10px;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li .zls-nested-title {
  padding: 8px 10px;
  color: var(--product-accent-color);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li .zls-nested-title i:before {
  border-color: var(--product-accent-color);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li .zls-nested-title .zln-skeleton {
  background-color: var(--product-accent-color);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li ul {
  padding: 0;
  margin-inline-end: 0;
  margin-bottom: 0;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li ul > * + * {
  margin: 0;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a {
  color: rgba(255, 255, 255, 0.7);
  padding: 8px;
  margin: 3px 0;
  align-items: normal;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-lighttheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a {
  color: var(--grey0);
}
.zls-course-darktheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a {
  color: rgba(255, 255, 255, 0.7);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a .z-ico {
  stroke: rgba(255, 255, 255, 0.7);
  margin-top: 1px;
  width: 18px;
}
.zls-course-lighttheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a .z-ico {
  stroke: var(--grey0);
  stroke-width: 1.4;
}
.zls-course-darktheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a .z-ico {
  stroke: rgba(255, 255, 255, 0.7);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a .z-ico.o-ico-clock {
  stroke: hsl(42, 100%, 48%);
  fill: hsl(42, 100%, 48%);
  stroke-width: 1.8;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a .z-ico.o-ico-exclamation-circle {
  stroke: hsl(1, 68%, 65%);
  fill: hsl(1, 68%, 65%);
  stroke-width: 1.8;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a .z-ico.o-ico-sand-clock {
  stroke: hsl(42, 100%, 48%);
  fill: hsl(42, 100%, 48%);
  stroke-width: 1.8;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a .zls-progresser .z-ico {
  width: auto;
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.zls-course-lighttheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-active {
  color: hsl(0, 0%, 100%);
  background-color: rgba(0, 0, 0, 0.7);
}
.zls-course-lighttheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-active {
  color: var(--grey0);
  background-color: rgba(0, 0, 0, 0.07);
}
.zls-course-darktheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-active {
  color: hsl(0, 0%, 100%);
  background-color: rgba(0, 0, 0, 0.7);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-active .z-ico {
  stroke: hsl(0, 0%, 100%);
}
.zls-course-lighttheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-active .z-ico {
  stroke: var(--grey0);
}
.zls-course-darktheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-active .z-ico {
  stroke: hsl(0, 0%, 100%);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-active .z-ico.o-ico-clock {
  stroke: hsl(42, 100%, 48%);
  fill: hsl(42, 100%, 48%);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-active .z-ico.o-ico-exclamation-circle {
  stroke: hsl(1, 68%, 65%);
  fill: hsl(1, 68%, 65%);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-active .z-ico.o-ico-sand-clock {
  stroke: hsl(42, 100%, 48%);
  fill: hsl(42, 100%, 48%);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-inactive-link {
  pointer-events: none;
  color: rgba(255, 255, 255, 0.3);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a.zls-inactive-link .zw-ic {
  stroke: rgba(255, 255, 255, 0.3);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a .zls-progresser .zls-circle-bg {
  stroke: rgba(255, 255, 255, 0.15);
}
.zls-course-lighttheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a .zls-progresser .zls-circle-bg {
  stroke: rgba(0, 0, 0, 0.15);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a .zls-progresser .zls-circle-stroke {
  stroke: #ffca64;
}
.zls-course-lighttheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a .zls-progresser .zls-circle-stroke {
  stroke: var(--product-accent-color);
}
.zls-course-player-page .zls-left-col .zls-lesson-nav li a .zls-progresser.zls-lesson-completed::before {
  border-color: #ffca64;
}
.zls-course-lighttheme .zls-course-player-page .zls-left-col .zls-lesson-nav li a .zls-progresser.zls-lesson-completed::before {
  border-color: var(--product-accent-color);
}
.zls-course-player-page .zls-right-col {
  transition: margin 0.1s ease;
}
.zls-course-player-page lesson-view {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow: hidden;
}
.zls-course-player-page lesson-view .zls-container.zls-document-type {
  padding: 0;
}
.zls-course-player-page lesson-view .zls-container.zls-video-type {
  background-color: var(--grey7);
}
.zls-course-player-page lesson-view .zls-container a {
  color: var(--product-accent-color);
}
.zls-course-player-page lesson-view :where(.zw-load-con) {
  left: 350px;
}
.zls-course-player-page.zls-course-menu-toggle .zls-pdf-view-wrapper .zls-pdf-right-col {
  left: 0 !important;
}
.zls-course-player-page.zls-course-menu-toggle .zls-pdf-view-wrapper .zls-colour-footer {
  left: 0 !important;
}
.zls-course-player-page.zls-course-menu-toggle .zls-left-col {
  margin-inline-start: -350px;
}
.zls-course-player-page.zls-course-menu-toggle .zw-load-con {
  left: 0;
}
.zls-course-player-page.zls-show-discussions .zls-right-col {
  margin-inline-end: 500px;
}
.zls-course-player-page.zls-show-discussions .zln-btn\:lesson-discussion {
  display: none;
}
.zls-course-player-page.zls-show-discussions + .zls-goto-top {
  right: calc(500px + 30px);
}
.zls-course-player-page.zls-show-attachments .zls-right-col {
  margin-inline-end: 400px;
}
.zls-course-player-page.zls-show-attachments .zln-btn\:lesson-attachment {
  display: none;
}
/***** Course resources style start *****/
.zln-btn\:course-resource.zln-btn\:course-resource {
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.9);
  color: var(--product-accent-color);
  bottom: 0;
  position: sticky;
  position: -webkit-sticky;
}
.zls-course-lighttheme .zln-btn\:course-resource.zln-btn\:course-resource {
  background-color: var(--grey6);
}
.zls-course-darktheme .zln-btn\:course-resource.zln-btn\:course-resource {
  background-color: rgba(0, 0, 0, 0.9);
}
.zls-course-lighttheme .zln-btn\:course-resource.zln-btn\:course-resource .o-ico-chevron-down {
  stroke: var(--grey1);
}
.zln-btn\:course-resource.zln-btn\:course-resource.zln-expand .o-ico-chevron-down {
  transform: rotate(-180deg);
}
.zls-resources-wrapper {
  background-color: var(--lesson-nav-bg);
  border-top: 2px solid rgba(255, 255, 255, 0.05);
}
.zls-course-lighttheme .zls-resources-wrapper {
  border-color: rgba(0, 0, 0, 0.05);
}
.zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each {
  border: none;
  background: rgba(255, 255, 255, 0.1);
}
.zls-course-lighttheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each {
  border: 1px solid var(--grey5);
  background: var(--white);
}
.zls-course-darktheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each {
  border: none;
  background: rgba(255, 255, 255, 0.1);
}
.zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each:hover {
  background: rgba(255, 255, 255, 0.2);
}
.zls-course-lighttheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each:hover {
  background: rgba(0, 0, 0, 0.009);
}
.zls-course-darktheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each:hover {
  background: rgba(255, 255, 255, 0.2);
}
.zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-icon {
  background: var(--white);
  border-radius: 5px 9px 5px 5px;
}
.zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-details {
  color: var(--white);
}
.zls-course-lighttheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-details {
  color: var(--grey0);
}
.zls-course-darktheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-details {
  color: hsl(0, 0%, 100%);
}
.zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-details .zw-file-size {
  color: rgba(255, 255, 255, 0.4);
}
.zls-course-lighttheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-details .zw-file-size {
  color: var(--grey1);
}
.zls-course-darktheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-details .zw-file-size {
  color: rgba(255, 255, 255, 0.4);
}
.zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-options:hover:before {
  background: rgba(255, 255, 255, 0.2);
}
.zls-course-lighttheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-options:hover:before {
  background: rgba(0, 0, 0, 0.04);
}
.zls-course-darktheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-options:hover:before {
  background: rgba(255, 255, 255, 0.2);
}
.zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-options .z-ico {
  stroke: var(--white);
}
.zls-course-lighttheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-options .z-ico {
  stroke: var(--grey1);
}
.zls-course-darktheme .zls-resources-wrapper .zls-attachment-list-wrapper .zw-li-each .zw-attach-options .z-ico {
  stroke: var(--white);
}
/***** Course resources style end *****/
/***** COURSE PLAYER PAGE END *****/
/***** COURSE OVERVIEW PAGE START *****/
.zls-course-overview-page .zls-course-banner {
  min-height: 320px;
  background-color: var(--course-banner-bgcolor);
}
.zls-course-overview-page .zls-course-banner .zls-title {
  color: hsl(0, 0%, 100%);
  line-height: 1.3;
  font-size: clamp(2rem, 6vw, 3.5rem);
  font-weight: 900;
}
.zls-course-overview-page .zls-course-banner .zls-course-category * {
  color: hsl(0, 0%, 100%);
}
.zls-course-overview-page .zls-course-banner .zls-course-category a:hover {
  text-decoration: underline;
}
.zls-course-overview-page .zls-course-banner .zls-description {
  color: hsl(0, 0%, 100%);
  font-size: clamp(1.4rem, 4vw, 1.8rem);
  font-weight: 500;
}
.zls-course-overview-page .zls-course-banner .zls-user-metadata {
  background-color: var(--white);
}
.zls-course-overview-page .zls-course-banner .zls-user-metadata ul > li {
  background-color: var(--grey7);
  padding: 15px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-overview-page .zls-course-banner .zls-button-container .z-btn:hover {
  border: 1px solid rgba(255, 255, 255, 0.3);
}
.zls-course-overview-page .zls-tab-container {
  border-color: var(--grey6);
}
.zls-course-overview-page .zls-tab-container ul li {
  margin-right: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.zls-course-overview-page .zls-tab-container ul li.zls-active {
  border-color: var(--product-accent-color);
}
.zls-course-overview-page .zls-tree-view {
  border: 1px solid var(--grey5);
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-overview-page .zls-tree-view li {
  margin-top: 0;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--grey5);
}
.zls-course-overview-page .zls-tree-view li:last-of-type {
  border-bottom: none;
}
.zls-course-overview-page .zls-tree-view li:last-of-type:after {
  content: "";
  display: table;
  clear: both;
}
.zls-course-overview-page .zls-tree-view li a {
  padding: 15px;
}
.zls-course-overview-page .zls-tree-view li .zls-nested-title {
  padding-left: 20px;
  padding-right: 20px;
}
.zls-course-overview-page .zls-tree-view li .zls-progresser {
  margin-right: 21px;
}
.zls-course-overview-page .zls-tree-view li ul {
  border: 1px solid var(--grey5);
  overflow: hidden;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-course-overview-page .zls-tree-view li ul li .zls-progresser {
  margin-right: 0;
}
/***** COURSE OVERVIEW PAGE END *****/
/*****  Automation start  *****/
.zln-automation-slider {
  z-index: 4;
}
.zln-automation-slider.type\:reminder {
  max-width: 720px;
}
.zln-automation-slider.type\:workflow {
  max-width: 920px;
}
.zln-automation-slider.type\:workflow .zln-workflow\:outline {
  gap: 45px;
}
.zln-automation-slider.type\:workflow .zln-workflow\:outline .zln-workflow\:fixed-width {
  max-width: 350px;
  width: 100%;
  box-sizing: border-box;
}
.zln-automation-slider.type\:workflow .zln-workflow\:outline .zln-flow\:add-line {
  position: relative;
}
.zln-automation-slider.type\:workflow .zln-workflow\:outline .zln-flow\:add-line::before {
  content: '';
  border-left: 1px solid var(--grey4);
  position: absolute;
  left: 50%;
  bottom: 100%;
  height: 45px;
  margin-left: -1px;
}
.zln-automation-slider.type\:workflow .zln-workflow\:outline .zln-shape-radius {
  border-bottom: none;
  border-radius: 30px 30px 0 0;
}
.zln-automation-slider .zln-slider-content {
  flex-grow: 1;
}
.zln-automation-slider .zln-slider-content .zls-condition-list {
  grid-template-columns: auto 1fr 1fr 1fr auto;
  align-items: center;
}
.zln-automation-slider .zln-slider-content .zls-input:disabled {
  background: transparent;
  border: none;
  box-shadow: none;
  pointer-events: unset;
  color: var(--grey0);
}
.zln-shape\:curve {
  border-bottom: 1px solid var(--white);
  height: 20px;
  position: relative;
  width: 40px;
  box-shadow: inset 0 0 0 1px var(--white);
}
.zln-shape\:curve::before,
.zln-shape\:curve::after {
  content: '';
  border: 1px solid var(--grey4);
  border-top: none;
  position: absolute;
  bottom: 0;
  height: 20px;
  width: 20px;
}
.zln-shape\:curve::before {
  border-right: none;
  border-radius: 0 0 0 30px;
  right: 50%;
  margin-right: -21px;
}
.zln-shape\:curve::after {
  border-left: none;
  border-radius: 0 0 30px 0;
  left: 50%;
  margin-left: -20px;
}
/*****  Automation end  *****/
.zln-popup\:add-learner .zln-add-learner-wrapper {
  display: grid;
  grid-template-columns: 450px 208px;
  margin: 10px 35px 20px;
  min-height: 450px;
}
.zln-popup\:add-learner .zln-add-learner-wrapper .zln-col\:left blank-slate .zw-h1 {
  font-size: 1.6rem;
}
/***** SINGLE QUIZ VIEW START ******/
.zls-quiz-homepage .zls-grid {
  padding: 50px 100px 100px 100px;
}
.zls-quiz-homepage .zls-question-ico {
  stroke: var(--product-accent-color);
}
.zls-quiz-homepage .zls-blank-slate-img {
  min-width: 500px;
  box-sizing: border-box;
}
.zls-quiz-homepage .zls-quiz\:metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 2px;
}
.zls-quiz-homepage .zls-quiz\:metrics > li {
  background-color: var(--white);
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}
.zls-quiz-homepage .zls-quiz\:metrics > li .zw-ic {
  stroke: var(--grey0);
}
.zls-quiz-homepage .zls-quiz-homepage-img {
  background: url(../images/create-quiz-blank-slate.38dfad25fef0b5c21647a1ff8470b749.svg) no-repeat;
  padding: 230px;
  background-position: center;
  mix-blend-mode: darken;
  box-sizing: border-box;
  min-width: 600px;
}
/***** SINGLE QUIZ VIEW END *****/
.zls-import-qb-alert .zls-dot-box {
  background: #d17713;
  padding: 5px;
  border-radius: 2px;
}
.zls-quiz-left-col {
  width: 400px;
  border-right: 1px solid var(--grey5);
  box-sizing: border-box;
  background-color: var(--grey9);
}
.zln-direction\:rtl .zls-quiz-left-col {
  border-right: none;
  border-left: 1px solid var(--grey5);
}
.zls-quiz-left-col .zln-overview\:quiz.zln-active {
  background-color: var(--grey6);
}
.zls-quiz-left-col .zln-nav\:quiz-question-list.zls-drag-start li.placeholder {
  background: var(--white);
  box-shadow: none;
  border: 1px dashed #da7d5a;
  height: 47px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-quiz-left-col .zln-nav\:quiz-question-list.zls-drag-start li.placeholder:before {
  display: none;
}
.zls-quiz-left-col .zln-nav\:quiz-question-list.zls-drag-start li.sortable-element-selected {
  border: 1px solid var(--grey4);
  background: var(--white);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  cursor: move;
  height: 47px !important;
  transform: rotate(-3deg);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-quiz-left-col .zln-nav\:quiz-question-list > li {
  padding: 10px 25px;
  position: relative;
  user-select: none;
  margin: 3px 0;
}
.zls-quiz-left-col .zln-nav\:quiz-question-list > li.zln-placeholder\:question :not(button) .z-ico {
  stroke: var(--grey3);
}
.zls-quiz-left-col .zln-nav\:quiz-question-list > li .zln-drag-handle {
  cursor: move;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zls-quiz-left-col .zln-nav\:quiz-question-list > li:hover {
  background-color: var(--grey6);
}
.zls-quiz-left-col .zln-nav\:quiz-question-list > li:hover .zln-drag-handle {
  opacity: 1;
  visibility: visible;
}
.zls-quiz-left-col .zln-nav\:quiz-question-list > li.zln-active {
  background-color: var(--grey6);
}
.zls-quiz-left-col .zln-nav\:quiz-question-list > li.zls-import-from-qb :not(button) .z-ico,
.zls-quiz-left-col .zln-nav\:quiz-question-list > li.zls-qb-random-question :not(button) .z-ico {
  stroke: #d17713;
}
.zls-quiz-right-col .zls-alert-ribbon {
  position: sticky;
  top: calc(var(--top-header-height) + 2px);
  z-index: 1;
}
.zls-quiz-right-col.zls-drag-start li {
  height: 24px !important;
}
.zls-quiz-right-col.zls-drag-start li .zl-choice\:header {
  margin-bottom: 0;
}
.zls-quiz-right-col.zls-drag-start li .zls-choice-feedback,
.zls-quiz-right-col.zls-drag-start li .reset\:btn {
  display: none;
}
.zls-quiz-right-col.zls-drag-start li.placeholder {
  background: var(--white);
  box-shadow: none;
  border: 1px dashed #da7d5a;
  height: 47px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-quiz-right-col.zls-drag-start li.sortable-element-selected {
  border: 1px solid var(--grey4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  cursor: move;
  height: 47px !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-quiz-right-col.zls-drag-start li .zln-select-option,
.zls-quiz-right-col.zls-drag-start li .zln-choice\:option {
  display: none;
}
.zls-quiz-right-col.zls-drag-start li.zln-add\:additional-choice {
  display: none;
}
.zls-quiz-right-col.zls-drag-start .zln-wrapper\:question-settings {
  display: none;
}
.zls-quiz-right-col .zls-question-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  padding: 70px 100px;
}
.zls-quiz-right-col .zls-question-wrapper .zln-container\:question-title {
  margin-left: -60px;
}
.zln-direction\:rtl .zls-quiz-right-col .zls-question-wrapper .zln-container\:question-title {
  margin-left: 0px;
  margin-right: -60px;
}
.zls-quiz-right-col .zls-question-wrapper .zls-question-title {
  border-bottom: 2px solid var(--grey5);
  padding-bottom: 5px;
}
.zls-quiz-right-col .zls-question-wrapper .zls-question-title .mce-content-body {
  font-size: 1.8rem;
  font-weight: 700;
  outline: 0;
  line-height: 1.8;
}
.zls-quiz-right-col .zls-question-wrapper.zln-question\:random .zln-count\:question {
  margin-top: 117px;
}
.zls-quiz-right-col .zls-question-wrapper.zln-question\:from-bank .zln-count\:question {
  margin-top: 100px;
}
.zls-quiz-right-col .zls-question-wrapper.zln-question\:from-bank .zln-container\:qb-qusetion-list lyte-accordion-item {
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.zls-quiz-right-col .zls-question-wrapper.zln-question\:from-bank .zln-container\:qb-qusetion-list .zln-header\:qb-question {
  padding-inline: 0;
  padding-block: 10px;
}
.zls-quiz-right-col .zls-question-wrapper.zln-question\:from-bank .zln-container\:qb-qusetion-list .zln-header\:qb-question .zln-select-option {
  display: none;
}
.zls-quiz-right-col .zls-question-wrapper.zln-question\:from-bank .zln-container\:qb-qusetion-list .zln-header\:qb-question .zln-qb-qusestion\:title {
  font-size: 1.8rem;
}
.zls-quiz-right-col .zls-question-wrapper.zln-question\:from-bank .zln-container\:qb-qusetion-list .zln-header\:qb-question .zln-qb-qusestion\:title:before {
  display: none;
}
.zls-quiz-right-col .zls-question-wrapper.zln-question\:from-bank .zln-container\:qb-qusetion-list .zln-header\:qb-question .zln-qb-qusestion\:title div {
  /* Temp */
  margin: 0;
}
.zls-quiz-right-col .zls-question-wrapper.zln-question\:from-bank .zln-container\:qb-qusetion-list .zln-header\:qb-question .zln-qb-qusestion\:title div span {
  font-weight: 700;
}
.zls-quiz-right-col .zln-settings\:quiz-question > li {
  padding: 15px;
  background: var(--grey10);
  border-radius: 5px;
  border: 1px solid var(--grey5);
}
.zls-quiz-question-list.zln-disabled\:question .zln-select-option input {
  background-color: var(--grey7);
}
.zls-quiz-question-list.zln-disabled\:question .zln-select-option input + span {
  color: var(--grey3);
}
.zls-quiz-question-list.zln-disabled\:question .zln-select-option.zls-selected input {
  background-color: var(--product-accent-color);
}
.zls-quiz-question-list.zln-disabled\:question .zln-select-option.zls-selected input + span {
  color: var(--grey0);
}
.zls-quiz-question-list.zln-disabled\:question > li .zls-mce-customize-toolbar {
  background-color: var(--grey9);
}
.zls-quiz-question-list.zln-disabled\:question > li .zls-mce-customize-toolbar .zls-mce-toolbar {
  opacity: 0.5;
}
.zls-quiz-question-list > li {
  background-color: var(--grey7);
  padding: 12px 20px;
  margin-bottom: 20px;
  border-radius: 5px;
}
.zls-quiz-preview .zls-quiz-question-list > li {
  padding: 0;
  background: transparent;
  margin-bottom: 0;
}
.zls-quiz-question-list > li .zls-correct-ans-opt {
  margin: 10px 0 0;
}
.zls-quiz-question-list > li .zls-choice-feedback {
  margin-top: 10px;
}
.zls-quiz-question-list > li .zls-choice-feedback .zw-h5 {
  padding: 3px;
}
.zls-quiz-question-list > li.zln-add\:additional-choice {
  padding: 0;
  background: transparent;
}
.zls-quiz-preview .zls-question-description {
  border: 1px dashed var(--grey5);
  padding: 15px;
  background: var(--grey9);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-quiz-preview .zls-question-description p {
  margin-top: 0;
}
.zls-quiz-preview .zls-question-choice {
  word-break: break-word;
  word-wrap: anywhere;
  line-height: 1.6;
  font-size: 1.7rem;
  width: 100%;
}
.zls-quiz-preview .zls-question-choice img {
  border: 2px solid var(--grey7);
  padding: 20px;
  border-radius: 10px;
  max-height: 350px;
  max-width: 350px;
  background: var(--white);
  margin-left: 10px;
}
.zls-quiz-preview .zls-question-choice img.zls-tinymce-img-resize {
  width: auto;
  height: auto;
}
.zls-quiz-preview .zls-question-choice .zw-input-reset {
  width: inherit;
  font-size: 1.8rem;
}
.zls-quiz-preview .zls-question-choice .zln-select-option .zln-tinymce\:quiz-content p {
  margin: 0;
}
.zls-quiz-preview .zls-question-choice .zln-select-option.zls-correct {
  background-color: #c5f3e1;
}
.zls-quiz-preview .zls-question-choice .zln-select-option.zls-correct input[class*="z-input"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white' %3E%3Cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3E%3C/svg%3E");
  background-size: 100%;
  background-color: #42b285;
  border-color: transparent;
}
.zls-quiz-preview .zls-question-choice .zln-select-option.zls-correct input[class*="z-input"] + span {
  color: hsl(226, 41%, 8%);
}
.zls-quiz-preview .zls-question-choice .zln-select-option.zls-wrong input[class*="z-input"] {
  background-color: var(--grey6);
}
.zls-quiz-preview .zls-question-choice .zln-select-option.zls-wrong span {
  color: var(--grey2);
}
.zls-quiz-preview .zls-question-choice .zln-select-option.zls-selected.zls-correct {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 2rem 2rem;
}
.zls-quiz-preview .zls-question-choice .zln-select-option.zls-selected.zls-wrong {
  background-color: #ffc3c3;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 2rem 2rem;
}
.zls-quiz-preview .zls-question-choice .zln-select-option.zls-selected.zls-wrong input[class*="z-input"] {
  background-image: url("data:image/svg+xml,%3Csvg fill='none' stroke='white' stroke-width='4' viewBox='-4 -4 32 32' xmlns='http://www.w3.org/2000/svg' aria-toggle-input='true'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 18L18 6M6 6l12 12'%3E%3C/path%3E%3C/svg%3E");
  background-size: 100%;
  background-color: #d05f5f;
  border-color: transparent;
}
.zls-quiz-preview .zls-question-choice .zln-select-option.zls-selected.zls-wrong input[class*="z-input"] + span {
  color: hsl(226, 41%, 8%);
}
.zls-quiz-preview .zls-fillup-answer {
  font-size: 2.5rem;
  font-weight: 700;
  border: none;
  border-radius: 0;
  padding: 0;
  background: transparent;
  border-bottom: 1px dashed var(--grey0);
  color: var(--product-accent-color);
  text-align: center;
  font-family: "LatoLatin", sans-serif;
}
.zls-quiz-preview .zls-fillup-incorrect .zls-fillup-answer {
  color: #ca5b5a;
}
.zls-quiz-preview .zls-fillup-correct .zls-fillup-answer {
  color: #54cb81;
}
.zls-quiz-preview pre {
  overflow: inherit;
  margin: 0;
}
.zls-q-choice pre {
  overflow: inherit;
  margin: 0;
}
.zls-feedback-view-con {
  background: var(--grey9);
  border: 1px dashed var(--grey4);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 15px 20px;
}
.zls-feedback-view-con p {
  margin: 0;
}
.zln-wrapper\:qb-feedback {
  padding: 20px;
  background: var(--grey10);
  border-radius: 5px;
  border: 1px solid var(--grey4);
}
.zln-question-feedback p {
  margin-top: 0;
}
.zln-question-feedback p:last-of-type {
  margin-bottom: 0;
}
/*--- Quiz setting style starts ---*/
.zln-wrapper\:quiz-settings .zln-settings\:quiz > li {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03);
}
.zln-wrapper\:quiz-settings .zln-settings\:quiz > li.zls-highlight-box {
  box-shadow: 0 0 4px 2px rgba(255, 205, 52, 0.6);
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
/*--- Quiz setting style end ---*/
.zln-quiz\:metrics > li {
  background-color: var(--white);
  flex: 140px;
}
.zls-quiz-settings-nav {
  width: 300px;
  box-sizing: border-box;
}
.zls-quiz-settings-nav li {
  padding: 5px;
  margin-bottom: 5px;
  text-transform: capitalize;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-quiz-settings-nav li:before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border: solid;
  border-width: 0 2px 2px 0;
  transform: rotate(316deg);
  background: transparent;
  margin-top: -4px;
  top: 50%;
  left: -10px;
  position: absolute;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  opacity: 0;
}
.zls-quiz-settings-nav li:hover {
  transform: translateX(10px);
}
.zls-quiz-settings-nav li:hover:before {
  opacity: 1;
}
.zls-quiz-settings-nav li.zls-active {
  color: var(--product-accent-color);
  font-weight: 600;
  transform: translateX(10px);
}
.zls-quiz-settings-nav li.zls-active:before {
  border-color: var(--product-accent-color);
  opacity: 1;
}
.zln-option\:quiz-reveal-answer > li .zln-select-option {
  padding: 15px;
  border-radius: 3px;
  border: 1px solid var(--grey5);
  background-color: var(--white);
  display: flex;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zln-option\:quiz-reveal-answer > li .zln-select-option:hover {
  border-color: var(--product-accent-color);
}
.zln-option\:quiz-reveal-answer > li .zln-select-option.zln-active {
  background-color: var(--product-accent-color-light);
  border-color: var(--product-accent-color);
}
/***************** lms style start *********************/
/***** Block lesson and tinyMce Placeholder start ****/
.zls-blocks .language-markup {
  max-width: 950px;
}
.zln-placeholder\:question,
.zls-placeHolder-block,
.zls-overview-placeHolder:before,
[contentEditable=true]:empty:not(:focus):before,
[contenteditable="true"]:empty:before,
[contentEditable=true]:empty:before {
  content: attr(data-placeholder);
  color: var(--grey3);
}
.zls-blocks-image-bg .zls-tinymce-text-content[contenteditable="true"]:empty:before {
  content: attr(data-placeholder);
  color: hsl(0, 0%, 100%);
}
/***** Block lesson and tinyMce Placeholder end ****/
.zls-tiny-insert-newline-toolbar-cont {
  left: auto !important;
}
.zls-tiny-insert-newline-toolbar-cont {
  background: transparent !important;
  /*temp*/
  box-shadow: none !important;
  /*temp*/
  margin: 0 !important;
  /*temp*/
  padding: 0 !important;
  /*temp*/
}
.zls-tiny-insert-newline-toolbar-cont .mce-ico {
  color: #a9b8c5;
  font-size: 22px;
  line-height: 22px;
  width: 22px;
  height: 22px;
}
.zls-tiny-insert-newline-toolbar-cont .mce-btn .mce-txt {
  font-size: 16px;
  line-height: 25px;
  color: #a9b8c5;
}
.zls-tiny-insert-newline-toolbar-cont .mce-btn.mce-active,
.zls-tiny-insert-newline-toolbar-cont .mce-btn.mce-active:hover,
.zls-tiny-insert-newline-toolbar-cont .mce-btn.mce-active:focus,
.zls-tiny-insert-newline-toolbar-cont .mce-btn.mce-active:active {
  background: white;
  color: #5168ec;
}
.zls-editor-left-col {
  width: 90px;
  border-inline-end: 1px solid var(--grey5);
  background-color: var(--grey10);
}
.zls-editor-left-col .zln-list\:block-toolbar > li {
  background-color: var(--white);
  padding: 15px 0;
  color: var(--grey0);
  cursor: pointer;
  min-height: 45px;
  font-size: 1.2rem;
  border: 1px dashed var(--grey3);
  margin: 5px;
  border-radius: 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-editor-left-col .zln-list\:block-toolbar > li.type\:options {
  position: relative;
}
.zls-editor-left-col .zln-list\:block-toolbar > li.type\:options:before {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid var(--grey3);
  content: '';
  position: absolute;
  right: 1px;
  bottom: 3px;
  transform: rotate(135deg);
}
.zln-direction\:rtl .zls-editor-left-col .zln-list\:block-toolbar > li.type\:options:before {
  right: auto;
  left: 1px;
  transform: rotate(225deg);
}
.zls-editor-left-col .zln-list\:block-toolbar > li:hover {
  background-color: var(--grey7);
}
.zls-editor-left-col .zln-list\:block-toolbar > li.active {
  color: hsl(0, 0%, 100%);
  background-color: var(--product-accent-color);
}
.zls-editor-left-col .zln-list\:block-toolbar > li.active .z-ico {
  stroke: hsl(0, 0%, 100%);
}
.zls-editor-left-col .zln-list\:block-toolbar > li.active:before {
  border-bottom-color: hsl(0, 0%, 100%);
}
.zln-slider\:blocks-toolbar.zln-slider\:blocks-toolbar {
  max-width: 300px;
  left: calc(90px + 1px);
  top: calc(64px + var(--alert-banner-height) + var(--announcement-banner-height) + 1px);
  overflow-y: auto;
  border-inline-end: 1px solid var(--grey5);
  box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.03);
}
.zln-direction\:rtl .zln-slider\:blocks-toolbar.zln-slider\:blocks-toolbar {
  left: auto;
  right: calc(90px + 1px);
}
.zln-slider\:blocks-toolbar.zln-slider\:blocks-toolbar .zls-tinymce-text-content {
  font-size: 1.1rem;
}
.zln-slider\:blocks-toolbar.zln-slider\:blocks-toolbar > li {
  margin: 20px;
  background: var(--white);
  padding: 20px;
  min-height: 160px;
  border: 1px solid var(--grey5);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zln-slider\:blocks-toolbar.zln-slider\:blocks-toolbar > li:hover {
  background-color: var(--grey8);
  border-color: var(--product-accent-color);
}
.zln-slider\:blocks-toolbar.zln-slider\:blocks-toolbar > li .zls-accordion-create-type h4 {
  background-color: var(--grey6);
  padding: 5px 10px;
  margin: 0 -10px 10px;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-slider\:blocks-toolbar.zln-slider\:blocks-toolbar > li .zls-accordion-create-type h4:before {
  border: 2px solid var(--grey2);
  border-right: transparent;
  border-top: transparent;
  height: 5px;
  width: 5px;
  transform: rotate(-45deg);
  content: '';
  position: absolute;
  right: 13px;
  top: 12px;
}
.zls-editor-right-col.zls-blocks-wrapper.zls-loading-wrapper li:hover:before,
.zls-editor-right-col.zls-blocks-wrapper.zls-loading-wrapper li:hover:after {
  display: none;
}
.zls-editor-right-col.zls-blocks-wrapper > li {
  padding: 20px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  position: relative;
}
.zls-editor-right-col.zls-blocks-wrapper > li.zls-block-setting-highlight {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.zls-editor-right-col.zls-blocks-wrapper > li:after,
.zls-editor-right-col.zls-blocks-wrapper > li:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  height: 0;
  transition: opacity 0.3s;
}
.zls-editor-right-col.zls-blocks-wrapper > li:before {
  border-top: 1px dashed var(--grey3);
  bottom: 0;
}
.zls-editor-right-col.zls-blocks-wrapper > li:after {
  border-bottom: 1px dashed var(--grey3);
  top: -1px;
}
.zls-editor-right-col.zls-blocks-wrapper > li.zls-focus .zls-quick-btn {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.zls-editor-right-col.zls-blocks-wrapper > li:hover {
  z-index: 1;
}
.zls-editor-right-col.zls-blocks-wrapper > li:hover:before,
.zls-editor-right-col.zls-blocks-wrapper > li:hover:after {
  opacity: 1;
}
.zls-editor-right-col.zls-blocks-wrapper > li:hover .zls-edit-opt {
  visibility: visible;
  opacity: 1;
  transform: translate(0, 0);
}
.zls-editor-right-col.zls-blocks-wrapper > li:hover .zls-quick-btn {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.zls-editor-right-col.zls-blocks-wrapper > li.zls-block-create-blank:before,
.zls-editor-right-col.zls-blocks-wrapper > li.zls-block-create-blank:after {
  opacity: 1;
}
.zls-editor-right-col.zls-blocks-wrapper > li.zls-block-create-blank .zls-quick-btn {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}
.zls-editor-right-col.zls-blocks-wrapper > li.zls-editor-loading-view {
  transition: none;
}
.zls-editor-right-col.zls-blocks-wrapper > li.zls-editor-loading-view:before,
.zls-editor-right-col.zls-blocks-wrapper > li.zls-editor-loading-view:after {
  display: none;
}
.zls-editor-right-col.zls-blocks-wrapper.zls-drag-item-parent li {
  cursor: move;
  border: none;
}
.zls-editor-right-col.zls-blocks-wrapper.zls-drag-item-parent li .zls-edit-opt {
  display: none;
}
.zls-editor-right-col.zls-blocks-wrapper.zls-drag-item-parent li .zls-quick-btn {
  display: none;
}
.zls-quick-btn {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: -15px;
  min-width: 30px;
  height: 30px;
  padding: 0;
  left: 50%;
  visibility: hidden;
  opacity: 0;
  transform: scale(0.6);
  margin-left: -15px;
  background-color: var(--grey0);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zls-quick-btn .z-ico {
  stroke-width: 2;
  stroke: var(--white);
}
/***** LMS Editor settings slider start *****/
.zln-slider\:lesson-settings.zln-slider\:lesson-settings {
  max-width: 500px;
  top: calc(var(--alert-banner-height) + var(--announcement-banner-height));
}
.zln-slider\:lesson-settings.zln-slider\:lesson-settings .zln-lesson-settings-tab {
  margin-bottom: -16px;
}
.zln-slider\:lesson-settings.zln-slider\:lesson-settings .zln-lesson-settings-tab li {
  padding: 13px 0;
  border-bottom: 2px solid transparent;
  color: var(--grey1);
  font-weight: normal;
  cursor: pointer;
}
.zln-slider\:lesson-settings.zln-slider\:lesson-settings .zln-lesson-settings-tab li:hover {
  border-color: var(--grey3);
}
.zln-slider\:lesson-settings.zln-slider\:lesson-settings .zln-lesson-settings-tab li.zln-active {
  border-color: var(--product-accent-color);
  color: var(--product-accent-color);
}
.zln-slider\:lesson-settings.zln-slider\:lesson-settings .zln-reorder li {
  border: 1px dashed var(--grey4);
  background-color: var(--grey8);
  color: var(--grey0);
  padding: 10px;
  user-select: none;
  margin-bottom: 10px;
  cursor: move;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zln-slider\:lesson-settings.zln-slider\:lesson-settings .zln-reorder li.zl-block-placeholder {
  background: var(--white);
  box-shadow: none;
  border: 1px dashed #da7d5a;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  height: 43px !important;
}
.zln-slider\:lesson-settings.zln-slider\:lesson-settings .zln-reorder li .zls-delete-btn {
  display: none;
}
.zln-slider\:lesson-settings.zln-slider\:lesson-settings .zln-reorder li .zls-delete-btn .zw-ic {
  stroke: #ca5b5a;
}
.zln-slider\:lesson-settings.zln-slider\:lesson-settings .zln-reorder li:hover .zls-delete-btn {
  display: block;
}
.zln-slider\:lesson-settings.zln-slider\:lesson-settings .zln-reorder li.sortable-element-selected .zls-delete-btn {
  display: none;
}
.zls-video-subtitle-box .zls-subtitle-list > li {
  background: var(--grey9);
  border: 1px solid var(--grey5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-video-subtitle-box .zls-subtitle-list > li.zls-add-field {
  background: transparent;
  border: none;
}
.zls-video-subtitle-box .zls-subtitle-list > li .zls-subtitle-file {
  border: 1px solid var(--grey5);
  background: var(--white);
}
.zls-tab-wrapper .zls-tab-content {
  padding: 20px 0;
}
.zls-tab-wrapper .zls-tab-content .zls-attachmet-loading-con {
  bottom: auto;
  left: 20px;
  right: 20px;
  background: #e5e0f9;
}
.zls-tab-wrapper .zls-tab-content .zw-cr .zw-ic {
  stroke: hsl(0, 0%, 100%);
}
.zls-tab-wrapper .zls-tab-content .zls-delete-btn .zw-ic {
  stroke: #ca5b5a;
}
.zls-tab-wrapper .zls-tab-content.zls-upload-file-con {
  position: relative;
}
.zls-tab-wrapper .zls-tab-content.zls-upload-file-con .zls-upload-file-btn {
  text-align: center;
  background-color: var(--grey9);
  border: 1px dashed var(--grey4);
  color: var(--product-accent-color);
  padding: 20px 10px;
  font-size: 1.3rem;
  display: block;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.zls-tab-wrapper .zls-tab-content.zls-upload-file-con .zls-upload-file-btn:hover {
  background-color: var(--grey8);
}
.zls-tab-wrapper .zls-tab-content.zls-image-tab,
.zls-tab-wrapper .zls-tab-content.zls-document-tab {
  padding: 0;
}
.zls-block-text-color .zls-picker,
.zls-block-bg-color .zls-picker {
  background-image: linear-gradient(45deg, #ccc 25%, transparent 0, transparent 75%, #ccc 0, #ccc), linear-gradient(45deg, #ccc 25%, transparent 0, transparent 75%, #ccc 0, #ccc);
  background-size: 16px 16px;
  background-position: 0 0, 8px 8px;
  width: 56px;
  height: 56px;
  border: 1px solid var(--grey4);
  cursor: pointer;
}
.zls-block-text-color .zls-hex-value,
.zls-block-bg-color .zls-hex-value {
  border-bottom: 1px solid var(--grey4);
}
.zls-block-text-color .zls-hex-value input,
.zls-block-bg-color .zls-hex-value input {
  width: 70px;
}
/***** LMS Editor settings slider end *****/
.zls-edit-opt {
  position: absolute;
  right: 10px;
  top: 10px;
  visibility: hidden;
  opacity: 0;
  background: var(--white);
  transform: translate(0px, -20px);
  border: 1px solid var(--grey4);
  z-index: 1;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.zln-direction\:rtl .zls-edit-opt {
  right: auto;
  left: 10px;
}
.zls-edit-opt > li button {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-edit-opt > li button:hover {
  background-color: var(--grey7);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
/***************** lms style end *********************/
.zls-mce-standard-editor.zls-mce-customize-toolbar {
  border: 1px solid var(--grey4) !important;
  background-color: var(--white);
  box-shadow: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-mce-standard-editor.zls-mce-customize-toolbar .zls-mce-toolbar {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  border: none;
  border-bottom: 1px solid var(--grey4);
  margin: 0;
}
.zls-mce-standard-editor.zls-mce-customize-toolbar .zls-mce-textarea {
  box-sizing: border-box;
  border: none;
  border-radius: 4px;
  background-color: var(--white);
}
/***** Quiz overview editor start *****/
.zls-quiz-overview-page {
  background: #f9f9f9;
  overflow: auto;
  display: flex;
  flex-direction: column;
  padding: 25px;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
.zls-quiz-overview-page .zls-mce-customize-toolbar {
  max-width: 1000px;
  margin: 0 auto;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.zls-quiz-overview-page .zls-mce-customize-toolbar .zls-mce-toolbar {
  width: 100%;
  top: -15px;
  z-index: 1;
  position: sticky;
  position: -webkit-sticky;
}
.zls-quiz-overview-page .zls-mce-customize-toolbar .zls-mce-textarea {
  box-sizing: border-box;
  background: var(--white);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.07);
  border: 1px solid #eaeaea;
  flex-grow: 1;
  padding: 20px;
}
/***** Quiz overview editor end *****/
/***** Assignment preview start *****/
.zls-assignment-preview .zls-header-con p {
  margin-top: 0;
}
.zls-assignment-preview .zls-mce-customize-toolbar .zls-mce-toolbar {
  border-radius: 0;
}
.zls-assignment-preview .zls-mce-customize-toolbar .zls-mce-textarea {
  box-sizing: border-box;
  padding: 5px 20px;
  min-height: 200px;
  max-height: 400px;
  overflow: auto;
}
/***** Assignment preview end *****/
/***** Assignment learner submit start *****/
.zls-assignment-submit-wrapper .zls-assignment-submit-info .zw-custom-tooltip {
  width: 300px;
  right: -5px;
}
.zls-assignment-submit-wrapper .zls-assignment-submit-info:hover .zw-custom-tooltip {
  animation-name: ani-show;
  display: block;
}
/***** Assignment learner submit end *****/
/***** User menu start *****/
.zls-userimg-sprite {
  background: url(../images/usermenu-sprite-img.0e58d7eda89320497c1ac23f8bc46430.svg) no-repeat;
  padding: 14px;
  background-size: 287px;
}
.zls-userimg-sprite.zls-superuser-ico {
  background-position: -45px 4px;
}
.zls-userimg-sprite.zls-myaccount-ico {
  background-position: -93px 3px;
}
.zls-userimg-sprite.zls-notify-ico {
  background-position: -21px 3px;
}
.zls-userimg-sprite.zls-myhub-ico {
  background-position: 4px 3px;
}
.zls-userimg-sprite.zls-migrate-ico {
  background-position: -69px 3px;
}
.zls-userimg-sprite.zls-ios-ico {
  background-position: -193px -2px;
  margin-right: 5px;
  padding: 10px;
}
.zls-userimg-sprite.zls-android-ico {
  background-position: -215px -1px;
  margin-right: 5px;
  padding: 10px;
}
.zls-userimg-sprite.zls-twitter-ico {
  background-position: -135px 3px;
  background-size: 330px;
}
.zls-userimg-sprite.zls-linkedin-ico {
  background-position: -191px 2px;
  background-size: 330px;
}
.zls-userimg-sprite.zls-fb-ico {
  background-position: -163px 2px;
  background-size: 330px;
}
.zw-corner-img {
  background-image: url(../images/mail-pattern.6f1ed24458d53ac3317be2eeb5087bda.png);
  background-repeat: no-repeat;
  left: 0;
  padding: 52px;
  transform: rotate(90deg);
  top: 0;
  background-size: 90px;
}
.zls-referral-slider {
  width: 400px;
}
.zls-referral-slider .zw-corner-img {
  bottom: 0;
  transform: rotate(0deg);
  padding: 92px;
  background-size: 120px;
  top: auto;
}
.zls-referral-slider .zls-referral-img {
  background-image: url(../images/refer-a-friend-banner.fb563eeb1ea4176db3ad7d96fffecc0c.png);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  height: 160px;
}
.zls-refer-and-earn {
  background-image: url(../images/gift-box.4e43d6de1ecc8b1f99beef7d1f4789e4.svg);
  background-repeat: no-repeat;
  background-size: 100px;
  background-position: 112% 104%;
}
.zls-usermenu-slider {
  background: var(--grey8);
  max-width: 360px;
  width: 100%;
  box-sizing: border-box;
  overflow: auto;
  z-index: 5;
}
.zls-usermenu-slider .zw-personal-data {
  text-align: center;
  padding: 20px;
  position: relative;
}
.zls-usermenu-slider .zls-usermenu-list {
  padding: 20px;
}
.zls-usermenu-slider .zls-usermenu-list > * + * {
  margin-top: 20px;
}
.zls-usermenu-slider .zls-usermenu-list > li {
  background-color: var(--white);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zlearn-os\:dark .zls-usermenu-slider .zls-usermenu-list > li .zls-button-wrapper .z-btn .zls-ios-ico,
.zlearn-theme\:dark .zls-usermenu-slider .zls-usermenu-list > li .zls-button-wrapper .z-btn .zls-ios-ico {
  background-position: -240px -2px;
}
.zlearn-os\:dark .zls-usermenu-slider .zls-usermenu-list > li .zls-button-wrapper .z-btn .zls-android-ico,
.zlearn-theme\:dark .zls-usermenu-slider .zls-usermenu-list > li .zls-button-wrapper .z-btn .zls-android-ico {
  background-position: -263px -1px;
}
.zls-usermenu-slider .zls-usermenu-list > li .zls-button-wrapper .z-btn:hover .zls-ios-ico {
  background-position: -240px -2px;
}
.zls-usermenu-slider .zls-usermenu-list > li .zls-button-wrapper .z-btn:hover .zls-android-ico {
  background-position: -263px -1px;
}
.zlearn-os\:dark .zls-usermenu-slider .zls-usermenu-list > li .zls-button-wrapper .z-btn:hover .zls-ios-ico,
.zlearn-theme\:dark .zls-usermenu-slider .zls-usermenu-list > li .zls-button-wrapper .z-btn:hover .zls-ios-ico {
  background-position: -193px -2px;
}
.zlearn-os\:dark .zls-usermenu-slider .zls-usermenu-list > li .zls-button-wrapper .z-btn:hover .zls-android-ico,
.zlearn-theme\:dark .zls-usermenu-slider .zls-usermenu-list > li .zls-button-wrapper .z-btn:hover .zls-android-ico {
  background-position: -215px -1px;
}
.zls-usermenu-slider .zw-close-btn {
  right: 17px;
  top: 22px;
  position: absolute;
  z-index: 2;
}
.zls-usermenu-slider .zw-personal-settings {
  padding: 20px 0;
}
.zls-usermenu-slider .zw-personal-settings li {
  margin-top: 10px;
  margin-bottom: 10px;
  transition: all 0.5s;
}
.zls-usermenu-slider .zw-personal-settings li:last-of-type,
.zls-usermenu-slider .zw-personal-settings li:first-of-type {
  margin: 0;
}
.zls-usermenu-slider .zw-personal-settings li:hover {
  background: var(--grey8);
}
.zls-usermenu-slider .zw-personal-settings li a {
  color: inherit;
  text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  gap: 20px;
  font-size: 1.4rem;
}
.zls-usermenu-slider .zw-personal-settings li a .zls-ico-wrapper {
  padding: 4px;
}
.zls-usermenu-slider .zls-social-updates > li:hover {
  color: #0B66C2;
}
.zls-usermenu-slider .zls-social-updates > li:first-of-type:hover {
  color: #1C9CF0;
}
.zls-usermenu-slider .zls-social-updates > li:last-of-type:hover {
  color: #1B73E3;
}
.zls-usermenu-slider .zls-social-updates > li a {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-usermenu-slider .zls-social-updates > li a:hover {
  background-color: var(--grey8);
}
/*****  User menu end  *****/
.zls-full-popup-main-wrapper.zls-fadebg-full-popup .zls-full-popup-wrapper {
  margin: 40px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-full-popup-main-wrapper.zls-fadebg-full-popup .zls-full-popup-wrapper .zls-full-popup-header {
  padding: 30px;
}
.zls-full-popup-main-wrapper.zls-fadebg-full-popup .zls-full-popup-wrapper .zls-full-popup-container {
  padding: 0 30px 30px;
}
.zls-full-popup-main-wrapper.zls-top0 .zls-full-popup-wrapper {
  top: 0;
}
.zls-full-popup-main-wrapper.zls-full-popup-whitebg .zls-full-popup-wrapper {
  background-color: var(--white);
}
.zls-full-popup-main-wrapper.zls-full-popup-whitebg .zls-full-popup-wrapper .zls-full-popup-header {
  background-color: var(--white);
}
.zls-full-popup-main-wrapper.zls-full-popup-darkbg .zls-full-popup-wrapper {
  background: #1e2331;
}
.zls-full-popup-main-wrapper.zls-full-popup-darkbg .zls-full-popup-wrapper .zls-full-popup-header {
  background: #1e2331;
}
.zls-full-popup-main-wrapper.zls-full-popup-darkbg .zls-full-popup-wrapper .zls-full-popup-header .zls-header-left {
  color: hsl(0, 0%, 100%);
}
.zls-full-popup-main-wrapper.zls-normal-view .zls-full-popup-wrapper .zls-full-popup-header {
  padding: 20px 25px;
}
.zls-full-popup-main-wrapper.zls-normal-view .zls-full-popup-wrapper .zls-full-popup-container {
  padding: 0 25px 25px;
}
.zls-full-popup-main-wrapper.zls-full-header-popup-whitebg .zls-full-popup-wrapper .zls-full-popup-header {
  background: var(--white);
  border-bottom: 1px solid var(--grey5);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.03);
}
.zls-stop-animation .zw-loading-linear {
  animation: none;
}
.zls-table-tbody {
  display: table-row-group;
}
.zls-full-popup-header .zw-ic-question-alt,
.zls-lyte-popover-list .zw-ic-question-alt,
.zls-table-tbody .zw-ic-question-alt {
  stroke: #4398e0;
}
/***** LMS reports start *****/
.zls-reports-grid-view {
  grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
  gap: 20px;
}
.zls-reports-grid-view > li a {
  height: 260px;
  padding: 20px 30px;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
}
.zls-reports-grid-view > li a .zls-thumb-icon {
  height: 55px;
  width: 55px;
  border-radius: 20px;
  margin-bottom: 20px;
  position: relative;
}
.zls-reports-grid-view > li a .zls-thumb-icon:after,
.zls-reports-grid-view > li a .zls-thumb-icon:before {
  height: 4px;
  border-radius: 10px;
  content: "";
  position: absolute;
  background: #f8f1ff;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-learner-analysis {
  background: #fdf6e6;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-learner-analysis:after,
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-learner-analysis:before {
  background: #fdf6e6;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-learner-analysis:before {
  width: 12px;
  right: 0;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-learner-analysis:after {
  bottom: 0;
  left: -12px;
  width: 83px;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-learner-analysis .z-ico {
  stroke: #eeaf56;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-learner-analysis {
  background: #f3f3ff;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-learner-analysis:after,
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-learner-analysis:before {
  background: #f3f3ff;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-learner-analysis:before {
  width: 12px;
  right: 0;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-learner-analysis:after {
  bottom: 0;
  left: -12px;
  width: 83px;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-learner-analysis .z-ico {
  stroke: #5a76eb;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-course-analysis {
  background: #fef2eb;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-course-analysis:after,
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-course-analysis:before {
  background: #fef2eb;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-course-analysis:before {
  width: 12px;
  right: 0;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-course-analysis:after {
  bottom: 0;
  left: -12px;
  width: 83px;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-multiple-course-analysis .z-ico {
  stroke: #fd9678;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-course-analysis {
  background: #f0fffc;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-course-analysis:after,
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-course-analysis:before {
  background: #f0fffc;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-course-analysis:before {
  width: 12px;
  right: 0;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-course-analysis:after {
  bottom: 0;
  left: -12px;
  width: 83px;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-single-course-analysis .z-ico {
  stroke: #4fcfbd;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-knowledge-analysis {
  background: #fcf6ff;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-knowledge-analysis:after,
.zls-reports-grid-view > li a .zls-thumb-icon.zls-knowledge-analysis:before {
  background: #fcf6ff;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-knowledge-analysis:before {
  width: 12px;
  right: 0;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-knowledge-analysis:after {
  bottom: 0;
  left: -12px;
  width: 83px;
}
.zls-reports-grid-view > li a .zls-thumb-icon.zls-knowledge-analysis .z-ico {
  stroke: #a766d2;
}
.zlearn-os\:dark .zls-reports-grid-view > li a .zls-thumb-icon,
.zlearn-theme\:dark .zls-reports-grid-view > li a .zls-thumb-icon {
  background: none;
}
.zlearn-os\:dark .zls-reports-grid-view > li a .zls-thumb-icon:after,
.zlearn-theme\:dark .zls-reports-grid-view > li a .zls-thumb-icon:after,
.zlearn-os\:dark .zls-reports-grid-view > li a .zls-thumb-icon:before,
.zlearn-theme\:dark .zls-reports-grid-view > li a .zls-thumb-icon:before {
  background: none;
}
.zls-full-popup-wrapper {
  background-color: var(--grey9);
  position: fixed;
  overflow: auto;
  bottom: var(--chatbar-height);
  left: 0;
  right: 0;
  top: calc(var(--global-header-height) + var(--announcement-banner-height));
}
.zls-full-popup-wrapper .zls-full-popup-header {
  background: var(--grey9);
  padding: 25px 55px;
  top: 0;
  min-height: 50px;
  position: sticky;
  position: -webkit-sticky;
  z-index: 2;
  gap: 30px;
}
.zls-full-popup-wrapper .zls-full-popup-container {
  padding: 0 55px 50px;
}
.zls-full-popup-wrapper .o-ico-reports-multi-learner {
  stroke: #eeaf56;
}
.zls-full-popup-wrapper .o-ico-reports-single-learner {
  stroke: #5a76eb;
}
.zls-full-popup-wrapper .o-ico-reports-multi-course {
  stroke: #fd9678;
}
.zls-full-popup-wrapper .o-ico-reports-single-course {
  stroke: #4fcfbd;
}
.zls-full-popup-wrapper .o-ico-reports-knowledge {
  stroke: #a766d2;
}
.zls-full-popup-wrapper .o-ico-document-log {
  stroke: #46c681;
}
.zls-review-answers-wrapper .zls-full-popup-wrapper {
  margin: 40px;
  top: 0;
  left: 350px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-review-answers-wrapper .zls-full-popup-wrapper .zls-full-popup-header.zls-full-popup-header {
  padding-bottom: 40px;
}
.zls-review-answers-wrapper .zls-full-popup-wrapper .zls-quiz-review-top-metrics {
  padding: 0 25px 25px;
  margin-left: 60px;
  margin-top: -40px;
  top: 70px;
  z-index: 2;
  position: sticky;
  position: -webkit-sticky;
}
.zls-review-answers-wrapper .zls-metrics-box {
  width: 100%;
  margin-right: 0;
}
.zls-review-answers-wrapper .zls-table-data-container .zls-table .zls-th {
  border-top: none;
}
.zls-review-answers-wrapper .zls-table-data-container .zls-table .zls-th:last-of-type {
  padding-right: 35px;
}
.zls-review-answers-wrapper .zls-table-data-container .zls-table .zls-th:last-of-type,
.zls-review-answers-wrapper .zls-table-data-container .zls-table .zls-learner-result {
  text-align: right;
}
.zls-quiz-full-popup-wrapper .zls-full-popup-wrapper {
  margin-left: 340px;
}
.zls-quiz-full-popup-wrapper .zls-metrics-box {
  width: 100%;
  margin-right: 0;
}
.zls-full-popup-leftcol {
  background: var(--white);
  box-sizing: border-box;
  width: 340px;
}
.zls-full-popup-leftcol .zls-progresser .zls-circle-bg {
  stroke: var(--grey5);
  stroke-width: 3px;
}
.zls-full-popup-leftcol .zls-progresser .zls-circle-stroke {
  stroke-width: 3px;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:total-questions,
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:progress {
  background-color: #fff3d0;
}
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:total-questions,
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:progress,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:total-questions,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:progress {
  background-color: #d99800;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:total-questions .z-ico,
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:progress .z-ico {
  stroke: #d99800;
}
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:total-questions .z-ico,
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:progress .z-ico,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:total-questions .z-ico,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:progress .z-ico {
  stroke: #fff3d0;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:attempts,
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:completion-status {
  background-color: #e5eaff;
}
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:attempts,
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:completion-status,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:attempts,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:completion-status {
  background-color: #3751b6;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:attempts .z-ico,
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:completion-status .z-ico {
  stroke: #3751b6;
}
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:attempts .z-ico,
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:completion-status .z-ico,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:attempts .z-ico,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:completion-status .z-ico {
  stroke: #e5eaff;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:passing-score,
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:success-status {
  background-color: #ddfbda;
}
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:passing-score,
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:success-status,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:passing-score,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:success-status {
  background-color: #409c37;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:passing-score .z-ico,
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:success-status .z-ico {
  stroke: #409c37;
}
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:passing-score .z-ico,
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:success-status .z-ico,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:passing-score .z-ico,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:success-status .z-ico {
  stroke: #ddfbda;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:quiz-time {
  background-color: #feece1;
}
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:quiz-time,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:quiz-time {
  background-color: #e3732b;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:quiz-time .z-ico {
  stroke: #e3732b;
}
.zlearn-os\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:quiz-time .z-ico,
.zlearn-theme\:dark .zls-full-popup-leftcol .zln-lesson-metrics\:info .z-ico-wrapper\:quiz-time .z-ico {
  stroke: #feece1;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:average .zln-score\:min .zls-circle-stroke {
  stroke: #87DB98;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:average .zln-score\:max .zls-circle-stroke {
  stroke: #8CD7ED;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:average .zln-score\:raw .zls-circle-stroke {
  stroke: #F1B335;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:average .zln-score\:scaled .zls-circle-stroke {
  stroke: #9993EC;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:average .zln-average\:score .zls-circle-stroke {
  stroke: #87DB98;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:average .zln-average\:progress .zls-circle-stroke {
  stroke: #8CD7ED;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:average .zln-average\:attempt .z-ico {
  stroke: #F1B335;
}
.zls-full-popup-leftcol .zln-lesson-metrics\:average .zln-average\:time .z-ico {
  stroke: #9993EC;
}
.zls-full-popup-leftcol .zln-icon-wrapper {
  padding: 7px;
  display: flex;
  align-items: center;
  background-color: var(--grey7);
  border-radius: 5px;
}
.zls-table-breadcrumd {
  top: 100px;
  position: sticky;
  position: -webkit-sticky;
  z-index: 2;
  user-select: none;
}
.zls-navigation-breadcrumd {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 1px 2px var(--grey7);
  border-top: 2px solid var(--product-accent-color);
  font-weight: 600;
  padding: 0 8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-navigation-breadcrumd > li {
  margin: 8px 0px;
  padding: 3px 10px 3px 12px;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
}
.zls-navigation-breadcrumd > li:hover {
  background-color: var(--grey7);
}
.zls-navigation-breadcrumd > li.zls-separate {
  cursor: default;
  color: var(--grey3);
  background-color: none;
}
.zls-ico-wrapper.z-ico\:book,
.zls-ico-wrapper.z-ico\:question-mark-circle,
.zls-ico-wrapper.z-ico\:academic-cap {
  background-color: #eaeaff;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:book,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:question-mark-circle,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:academic-cap,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:book,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:question-mark-circle,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:academic-cap {
  background-color: #514ee2;
}
.zls-ico-wrapper.z-ico\:book .z-ico,
.zls-ico-wrapper.z-ico\:question-mark-circle .z-ico,
.zls-ico-wrapper.z-ico\:academic-cap .z-ico {
  stroke: #514ee2;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:book .z-ico,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:question-mark-circle .z-ico,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:academic-cap .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:book .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:question-mark-circle .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:academic-cap .z-ico {
  stroke: #eaeaff;
}
.zls-ico-wrapper.z-ico\:timer {
  background-color: #feece1;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:timer,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:timer {
  background-color: #e3732b;
}
.zls-ico-wrapper.z-ico\:timer .z-ico {
  stroke: #e3732b;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:timer .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:timer .z-ico {
  stroke: #feece1;
}
.zls-ico-wrapper.z-ico\:rotate,
.zls-ico-wrapper.z-ico\:clipboard-document-list,
.zls-ico-wrapper.z-ico\:chat-bubble-left,
.zls-ico-wrapper.z-ico\:clipboard-document-check,
.zls-ico-wrapper.z-ico\:user-circle,
.zls-ico-wrapper.z-ico\:exclamation-triangle,
.zls-ico-wrapper.z-ico\:sand-clock {
  background-color: #fff3d0;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:rotate,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:clipboard-document-list,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:chat-bubble-left,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:clipboard-document-check,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:user-circle,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:exclamation-triangle,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:sand-clock,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:rotate,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:clipboard-document-list,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:chat-bubble-left,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:clipboard-document-check,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:user-circle,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:exclamation-triangle,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:sand-clock {
  background-color: #d99800;
}
.zls-ico-wrapper.z-ico\:rotate .z-ico,
.zls-ico-wrapper.z-ico\:clipboard-document-list .z-ico,
.zls-ico-wrapper.z-ico\:chat-bubble-left .z-ico,
.zls-ico-wrapper.z-ico\:clipboard-document-check .z-ico,
.zls-ico-wrapper.z-ico\:user-circle .z-ico,
.zls-ico-wrapper.z-ico\:exclamation-triangle .z-ico,
.zls-ico-wrapper.z-ico\:sand-clock .z-ico {
  stroke: #d99800;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:rotate .z-ico,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:clipboard-document-list .z-ico,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:chat-bubble-left .z-ico,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:clipboard-document-check .z-ico,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:user-circle .z-ico,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:exclamation-triangle .z-ico,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:sand-clock .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:rotate .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:clipboard-document-list .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:chat-bubble-left .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:clipboard-document-check .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:user-circle .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:exclamation-triangle .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:sand-clock .z-ico {
  stroke: #fff3d0;
}
.zls-ico-wrapper.z-ico\:document-text,
.zls-ico-wrapper.z-ico\:check-badge {
  background-color: #dafbea;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:document-text,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:check-badge,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:document-text,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:check-badge {
  background-color: #1c9a5b;
}
.zls-ico-wrapper.z-ico\:document-text .z-ico,
.zls-ico-wrapper.z-ico\:check-badge .z-ico {
  stroke: #1c9a5b;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:document-text .z-ico,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:check-badge .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:document-text .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:check-badge .z-ico {
  stroke: #dafbea;
}
.zls-ico-wrapper.z-ico\:user {
  background-color: #ede7ff;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:user,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:user {
  background-color: #6644e0;
}
.zls-ico-wrapper.z-ico\:user .z-ico {
  stroke: #6644e0;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:user .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:user .z-ico {
  stroke: #ede7ff;
}
.zls-ico-wrapper.z-ico\:check-circle {
  background-color: #ddfbda;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:check-circle,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:check-circle {
  background-color: #409c37;
}
.zls-ico-wrapper.z-ico\:check-circle .z-ico {
  stroke: #409c37;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:check-circle .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:check-circle .z-ico {
  stroke: #ddfbda;
}
.zls-ico-wrapper.z-ico\:x-circle {
  background-color: #ffe6e6;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:x-circle,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:x-circle {
  background-color: #c64944;
}
.zls-ico-wrapper.z-ico\:x-circle .z-ico {
  stroke: #c64944;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:x-circle .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:x-circle .z-ico {
  stroke: #ffe6e6;
}
.zls-ico-wrapper.z-ico\:user-group-circle,
.zls-ico-wrapper.z-ico\:speedometer {
  background-color: #ffedf3;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:user-group-circle,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:speedometer,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:user-group-circle,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:speedometer {
  background-color: #da4c7f;
}
.zls-ico-wrapper.z-ico\:user-group-circle .z-ico,
.zls-ico-wrapper.z-ico\:speedometer .z-ico {
  stroke: #da4c7f;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:user-group-circle .z-ico,
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:speedometer .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:user-group-circle .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:speedometer .z-ico {
  stroke: #ffedf3;
}
.zls-ico-wrapper.z-ico\:clock {
  background-color: #e5eaff;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:clock,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:clock {
  background-color: #3751b6;
}
.zls-ico-wrapper.z-ico\:clock .z-ico {
  stroke: #3751b6;
}
.zlearn-os\:dark .zls-ico-wrapper.z-ico\:clock .z-ico,
.zlearn-theme\:dark .zls-ico-wrapper.z-ico\:clock .z-ico {
  stroke: #e5eaff;
}
.zls-metrics-container .zls-metrics-box {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 1px 2px var(--grey7);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-metrics-container .zls-metrics-box .zls-metrics-box-head {
  padding: 12px 25px;
  border-bottom: 1px solid var(--grey5);
}
.zls-metrics-container .zls-metrics-box .zls-metrics-box-tab {
  padding: 0 25px;
  border-bottom: 1px solid var(--grey5);
}
.zls-metrics-container .zls-metrics-box .zls-metrics-box-tab > li {
  margin-right: 30px;
  border-bottom: 2px solid transparent;
  padding: 15px 0 10px;
  margin-bottom: -2px;
  cursor: pointer;
}
.zls-metrics-container .zls-metrics-box .zls-metrics-box-tab > li:hover {
  border-color: var(--grey3);
}
.zls-metrics-container .zls-metrics-box .zls-metrics-box-tab > li.zls-active {
  border-color: var(--grey0);
}
.zls-metrics-content {
  display: flex;
  align-items: stretch;
  flex-grow: 1;
  background-color: var(--grey5);
  gap: 1px;
}
.zls-metrics-content .zls-metrics-data .zls-time-txt {
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--grey1);
}
.zls-metrics-content > li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 15px;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: var(--white);
}
.zls-funnel-view .zls-metrics-content > li {
  position: relative;
}
.zls-metrics-content > li:last-of-type {
  border-right: none;
}
.zls-metrics-content > li .zls-funnel-percentage {
  position: absolute;
  padding: 10px 0px 10px 21px;
  min-width: 60px;
  background-color: var(--grey7);
  font-weight: 600;
  color: var(--grey2);
  text-align: center;
  z-index: 1;
}
.zls-metrics-content > li .zls-funnel-percentage:after,
.zls-metrics-content > li .zls-funnel-percentage:before {
  width: 0px;
  height: 0px;
  border: 21px solid transparent;
  border-right: none;
  content: '';
  position: absolute;
  top: 0;
}
.zls-metrics-content > li .zls-funnel-percentage:after {
  border-left-color: var(--grey7);
  right: -21px;
}
.zls-metrics-content > li .zls-funnel-percentage:before {
  border-left-color: var(--white);
  left: 0;
}
.zls-metrics-content > li .zls-funnel-percentage.zls-left-count {
  left: -50px;
}
.zls-metrics-content > li .zls-funnel-percentage.zls-right-count {
  right: -33px;
}
.zls-metrics-content.zls-box-view {
  gap: 20px;
  background-color: transparent;
}
.zls-metrics-content.zls-box-view > li {
  background: var(--white);
  border: 1px solid var(--grey5);
  justify-content: normal;
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-metrics-content.zls-learner-course-metrics-count {
  flex-grow: 0;
}
.zls-metrics-content.zls-scorm-metrics-conntent > li .zw-fl-a-start {
  align-items: normal;
}
.zln-wrapper\:manual-pie-chart > ul > li {
  margin-bottom: 30px;
}
.zln-wrapper\:manual-pie-chart > ul > li .zln-placeholder\:chart {
  background: var(--white);
  border: 1px solid var(--grey5);
  position: relative;
  padding: 20px;
  min-height: 300px;
  width: 100%;
  box-sizing: border-box;
  flex-grow: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zlearn-theme\:dark .zln-wrapper\:manual-pie-chart > ul > li .zln-placeholder\:chart .d3container,
.zlearn-os\:dark .zln-wrapper\:manual-pie-chart > ul > li .zln-placeholder\:chart .d3container {
  filter: invert(1);
}
.zls-table-data-wrapper .zls-tab-container {
  border-color: var(--grey5);
}
.zls-table-data-wrapper .zls-tab-container + .zls-table-data-container {
  border-top: 0;
}
.zls-table-tab-container > li {
  background-color: var(--grey8);
  padding: 12px 30px;
  border: 1px solid var(--grey5);
  box-shadow: 0 -1px 4px var(--grey7);
  border-bottom: none;
  position: relative;
  border-radius: 10px 34px 0 0;
  cursor: pointer;
  margin-bottom: -1px;
  color: var(--grey1);
}
.zls-table-tab-container > li:first-of-type:before {
  display: none;
}
.zls-table-tab-container > li.zls-active {
  background: var(--white);
  color: var(--grey0);
  z-index: 2;
  cursor: default;
}
.zls-table-tab-container > li.zls-active:before {
  box-shadow: 5px 5px 0 5px var(--white);
}
.zls-table-tab-container > li.zls-active:after {
  box-shadow: -5px 5px 0 5px var(--white);
}
.zls-table-tab-container > li:after,
.zls-table-tab-container > li:before {
  position: absolute;
  border: 1px solid var(--grey5);
  bottom: 0px;
  content: " ";
}
.zls-table-tab-container > li:before {
  box-shadow: 5px 5px 0 5px var(--grey8);
  border-bottom-right-radius: 20px;
  left: -21px;
  width: 20px;
  height: 18px;
  border-width: 0px 1px 1px 0px;
  z-index: -1;
}
.zls-table-tab-container > li:after {
  box-shadow: -5px 5px 0 5px var(--grey8);
  border-bottom-left-radius: 20px;
  right: -21px;
  width: 20px;
  height: 18px;
  border-width: 0px 0px 1px 1px;
  z-index: 1;
}
.zls-re-q-description {
  text-align: left;
  margin-top: -20px;
  margin-bottom: 20px;
  white-space: normal;
  width: 60%;
}
.zls-re-q-description * {
  margin-top: 0;
}
.zls-q-options-list {
  text-align: left;
  border: 1px solid var(--grey5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-q-options-list > li {
  border-bottom: 1px solid var(--grey5);
}
.zls-q-options-list > li:last-of-type {
  border-bottom: none;
}
.zls-q-options-list > li:hover .zls-count-hover > span {
  background: var(--product-accent-color);
  color: hsl(0, 0%, 100%);
}
.zls-q-options-list > li .zls-count-hover > span {
  border-radius: 5px;
  min-width: 35px;
  display: inline-block;
  padding: 2px 10px;
}
.zls-q-options-list > li .zls-count-hover .zw-popbox {
  right: 8px;
}
.zls-q-options-list > li .zls-count-width {
  margin: 0 43px;
}
.zls-q-options-list > li.zls-q-view-fillup-answer {
  margin: 25px 15px;
  border: 1px solid #e0e6ea;
  position: relative;
  border-radius: 3px;
}
.zls-q-options-list > li.zls-q-view-fillup-answer.zls-fillup-wrong-answer {
  margin-bottom: 15px;
}
.zls-q-options-list > li.zls-q-view-fillup-answer ul .zls-q-fillup-list {
  padding: 5px 0;
}
.zls-q-options-list .zls-q-options-header.zls-fillup-header {
  padding: 12px 25px;
  border-top: 2px solid var(--grey5);
}
.zls-q-options-list .zls-q-options-header.zls-fillup-header:first-of-type {
  border-top: none;
}
.zls-q-option-con .zls-fillup-data {
  border: 1px solid var(--grey5);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  text-align: left;
}
.zls-q-option-con .zls-fillup-data td {
  padding: 10px;
  border-left: 1px solid var(--grey5);
  border-bottom: 1px solid var(--grey5);
}
.zls-q-option-con .zls-fillup-data td .zw-ic {
  margin: 0;
}
.zls-q-option-con .zls-fillup-data td .zls-fillup-answer {
  padding: 3px 10px 4px;
  background-color: var(--grey5);
  display: inline-block;
  margin-right: 5px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-q-option-con .zls-fillup-data td:first-of-type {
  width: 100px;
  background: var(--grey9);
  border-left: none;
  padding: 10px 20px;
}
.zls-q-option-con .zls-fillup-data tr:last-of-type td {
  border-bottom: none;
}
.zls-q-option-con .zls-q-choice .zw-ic-tick {
  fill: #80ce8e;
}
.zls-q-option-con .zls-q-choice .zw-ic-close {
  stroke-width: 2.3px;
  stroke: #e68377;
}
.zls-q-option-con .zls-q-choice p {
  margin: 0;
  font-size: 1.5rem;
}
.zls-q-option-con .zls-q-choice iframe,
.zls-q-option-con .zls-q-choice img {
  border: 2px solid var(--grey7);
  padding: 20px;
  border-radius: 10px;
  max-height: 150px;
  max-width: 150px;
  width: auto;
  height: auto;
  background: var(--white);
  margin-left: 10px;
}
.zls-table-data-container {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 1px 2px var(--grey7);
  position: relative;
  z-index: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-table-data-container.zls-table-nowrap .zls-table {
  white-space: normal;
}
.zls-table-data-container.zls-overflow-x-only .zls-table-data-content {
  overflow: hidden;
  overflow-x: auto;
}
.zls-table-data-container .zls-table-data-header {
  padding: 18px 20px;
}
.zls-table-data-container .zls-table-data-header + .zls-table-data-content .zls-table .zls-th {
  border-top: 1px solid var(--grey5);
}
.zls-table-data-container .zls-table-data-content {
  overflow: auto;
}
.zls-table-data-container .zls-table {
  white-space: nowrap;
  counter-reset: table-serial-number -1;
}
.zls-table-data-container .zls-table .zls-tr {
  counter-increment: table-serial-number;
}
.zls-table-data-container .zls-table .zls-tr.zls-active {
  background-color: var(--grey8);
}
.zls-table-data-container .zls-table .zls-tr:hover {
  background-color: var(--grey9);
}
.zls-table-data-container .zls-table .zls-tr:hover .zw-ic-kebab {
  fill: var(--grey0);
}
.zls-table-data-container .zls-table .zls-tr:hover .zls-td.zln-fix\:table-col {
  background-color: var(--grey9);
}
.zls-table-data-container .zls-table .zls-tr.zls-no-hover:hover {
  background: transparent;
}
.zls-table-data-container .zls-table .zls-tr:last-of-type .zls-td {
  border-bottom: none;
}
.zls-table-data-container .zls-table .zls-tr.zls-last-row .zls-td {
  border-bottom: 1px solid var(--grey5);
}
.zls-table-data-container .zls-table .zls-tr.zls-show-options .zls-td {
  border-bottom: none;
}
.zls-table-data-container .zls-table .zls-tr.zls-q-option-con:hover {
  background: transparent;
}
.zls-table-data-container .zls-table .zls-tr.zls-th-white-bg .zls-th {
  background: var(--white);
  padding-top: 15px;
  padding-bottom: 15px;
}
.zls-table-data-container .zls-table .zls-th {
  text-align: center;
  color: var(--grey0);
  padding: 10px 15px;
  border-bottom: 1px solid var(--grey5);
  font-weight: 400;
  background-color: var(--grey8);
  font-size: 1.4rem;
  font-family: "LatoLatin", sans-serif;
  white-space: nowrap;
  /* testing */
  user-select: none;
}
.zls-table-data-container .zls-table .zls-th.zls-txt-al-l {
  text-align: left;
}
.zln-direction\:rtl .zls-table-data-container .zls-table .zls-th.zls-txt-al-l {
  text-align: right;
}
.zls-table-data-container .zls-table .zls-th.zls-txt-al-r {
  text-align: right;
}
.zln-direction\:rtl .zls-table-data-container .zls-table .zls-th.zls-txt-al-r {
  text-align: left;
}
.zls-table-data-container .zls-table .zls-th.zln-fix\:table-col {
  position: sticky;
}
.zls-table-data-container .zls-table .zls-th.zls-ico-th {
  padding-left: 0;
  padding-right: 0;
}
.zls-table-data-container .zls-table .zls-th .zls-table-sortable {
  cursor: pointer;
  vertical-align: middle;
}
.zls-table-data-container .zls-table .zls-th .zls-table-sort {
  vertical-align: middle;
  display: inline-block;
}
.zls-table-data-container .zls-table .zls-th .zls-table-sort:after {
  top: 1px;
}
.zls-table-data-container .zls-table .zls-th .zls-table-sort:before {
  bottom: 1px;
}
.zls-table-data-container .zls-table .zls-td {
  padding: 13px 15px;
  border-bottom: 1px solid var(--grey5);
  text-align: center;
  font-size: 1.4rem;
  font-family: "LatoLatin", sans-serif;
}
.zls-table-data-container .zls-table .zls-td.zls-sl-no:after {
  content: counter(table-serial-number);
}
.zls-table-data-container .zls-table .zls-td.zln-fix\:table-col {
  position: sticky;
  background-color: var(--white);
}
.zls-table-data-container .zls-table .zls-td.zls-ico-td {
  padding-left: 0;
  padding-right: 0;
}
.zls-table-data-container .zls-table .zls-td.zls-txt-al-l {
  text-align: left;
}
.zln-direction\:rtl .zls-table-data-container .zls-table .zls-td.zls-txt-al-l {
  text-align: right;
}
.zls-table-data-container .zls-table .zls-td.zls-txt-al-r {
  text-align: right;
}
.zln-direction\:rtl .zls-table-data-container .zls-table .zls-td.zls-txt-al-r {
  text-align: left;
}
.zls-table-data-container .zls-table .zls-td .zls-percentage-graph .zls-percentage-count {
  width: 50px;
  text-align: center;
}
.zls-table-data-container .zls-table .zls-td.zln-disabled .z-ico,
.zls-table-data-container .zls-table .zls-td.z-disabled .z-ico {
  opacity: 0.4;
}
.zls-table-data-container .zls-table .zls-date {
  font-size: 1.3rem;
}
.zls-table-data-container .zls-table .zls-sl-no {
  width: 70px;
}
/***** LMS reports end *****/
.zls-mini-metrics .zls-count,
.zls-top-mini-metrics .zls-count {
  font-size: 1.2rem;
  font-weight: 700;
}
.zls-mini-metrics .zls-txt,
.zls-top-mini-metrics .zls-txt {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}
table-metrics[metrics-class="zls-assignment-metrics-conntent"] .zls-metrics-box.z-width\[\%\]\:60 {
  width: 80%;
}
table-metrics[metrics-class="zls-assignment-metrics-conntent"] .zls-metrics-box.z-width\[\%\]\:30 {
  width: 20%;
}
.zln-left-col\:quiz-reports {
  border-right: 1px solid var(--grey5);
  position: absolute;
  top: var(--global-header-height);
  bottom: var(--chatbar-height);
  left: 0;
  right: inherit;
  z-index: 1;
}
/***** LMS Evaluation style start *****/
.zls-evaluation-wrapper upgrade-button .zw-h3 {
  font-size: 2rem;
}
.zls-evaluation-wrapper upgrade-button .zw-popup-section {
  width: 40%;
}
.zln-list\:evaluation > li {
  background: var(--white);
  border: 1px solid var(--grey5);
  border-radius: 5px;
  padding: 10px 20px;
  cursor: pointer;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
.zln-list\:evaluation > li:hover {
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.05);
}
.zls-mini-dashboard > li {
  padding: 0 40px;
  border-inline-start: 1px solid var(--grey5);
}
.zls-mini-dashboard > li:first-of-type {
  border: none;
}
.zls-mini-dashboard > li:last-of-type {
  padding-inline-end: 0;
}
.zls-mini-dashboard > li .zls-progresser {
  position: relative;
}
.zls-mini-dashboard > li .zls-progresser .zls-mini-progresser {
  transform: scaleX(-1);
}
.zln-metrics\:evaluation {
  display: flex;
  gap: 10px;
}
.zln-metrics\:evaluation > li {
  background-color: var(--white);
  border: 1px solid var(--grey5);
  display: flex;
  align-items: center;
  padding: 10px 12px;
  gap: 15px;
  border-radius: 3px;
}
.zln-course-wrapper\:evaluation .zls-full-popup-wrapper {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.zln-course-wrapper\:evaluation .zls-full-popup-wrapper .zls-full-popup-header {
  padding: 15px 25px;
}
.zln-course-wrapper\:evaluation lesson-evaluation-view {
  display: flex;
  overflow: hidden;
  flex-grow: 1;
  gap: 30px;
}
.zln-course-wrapper\:evaluation lesson-evaluation-view .zln-left-col\:evaluation {
  width: 40%;
}
.zln-course-wrapper\:evaluation lesson-evaluation-view .zln-left-col\:evaluation .zls-table-data-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  border: 1px solid var(--grey5);
}
.zln-course-wrapper\:evaluation lesson-evaluation-view .zln-left-col\:evaluation .zls-table-data-container .zls-table-data-header .zw-width30 {
  width: 60%;
}
.zln-course-wrapper\:evaluation lesson-evaluation-view .zln-left-col\:evaluation .zls-table-data-container .zls-table-data-content {
  flex-grow: 1;
  position: relative;
}
.zln-course-wrapper\:evaluation lesson-evaluation-view .zln-left-col\:evaluation .zls-table-data-container .zls-table-data-content .zls-table {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.zln-course-wrapper\:evaluation lesson-evaluation-view .zln-left-col\:evaluation .zls-table-data-container .zls-table-data-content .zls-table .zls-tr.zls-active {
  background: var(--product-accent-color-light);
}
.zln-course-wrapper\:evaluation lesson-evaluation-view .zln-left-col\:evaluation .zls-table-data-foo {
  border-top: 1px solid var(--grey5);
  padding: 15px 20px;
}
.zln-course-wrapper\:evaluation lesson-evaluation-view .zln-right-col\:evaluation {
  background: var(--white);
  border: 1px solid var(--grey5);
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.03);
  position: relative;
  width: 60%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-feedback-compose {
  padding: 10px 15px;
  box-sizing: border-box;
  max-height: 150px;
  overflow: auto;
}
/***** LMS Evaluation style end *****/
.zls-evaluation-slider-content p {
  margin-top: 0;
}
.zls-evaluation-slider-content a {
  color: var(--product-accent-color);
}
.zls-evaluation-slider-content .zln-container\:assignment-question .o-ico-chevron-down {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-evaluation-slider-content .zln-container\:assignment-question .zls-active .o-ico-chevron-down {
  transform: rotate(-180deg);
}
.zls-evaluation-slider-content .zln-wrapper\:question-list lyte-accordion-item {
  margin-bottom: 15px;
  border: 1px solid var(--grey5);
}
.zls-evaluation-slider-content .zln-wrapper\:question-list lyte-accordion-item:last-of-type {
  margin-bottom: 0;
}
.zls-evaluation-slider-content .zln-wrapper\:question-list lyte-accordion-item lyte-accordion-header {
  padding-inline: 20px;
}
.zls-evaluation-slider-content .zln-wrapper\:question-list lyte-accordion-item lyte-accordion-header.zls-skipped {
  cursor: default;
}
.zls-evaluation-slider-content .zln-wrapper\:question-list lyte-accordion-item lyte-accordion-header.zls-skipped .zls-progresser .zw-ic-progresser {
  background-color: var(--grey6);
  border-radius: 30px;
  height: 20px;
  width: 20px;
  margin-right: 2px;
}
.zls-evaluation-slider-content .zln-wrapper\:question-list lyte-accordion-item lyte-accordion-header.zls-skipped .zls-progresser .zw-ic-progresser .zls-progresser-circle {
  display: none;
}
.zls-evaluation-slider-content .zln-wrapper\:question-list lyte-accordion-item lyte-accordion-body {
  padding-left: 70px;
  padding-right: 30px;
}
.zls-evaluation-slider-content .zln-wrapper\:question-list lyte-accordion-item lyte-accordion-body .zln-wrapper\:question-choice {
  grid-template-columns: 1fr;
}
/*****$ colour style start $*****/
.zw-fade-bg.zls-colorbox-fadebg {
  background: rgba(0, 0, 0, 0.85);
}
.zw-fade-bg.zls-colorbox-fadebg:before {
  content: '';
  background: linear-gradient(to bottom, #101010 0%, rgba(0, 0, 0, 0) 100%);
  background: -webkit-linear-gradient(to bottom, #101010 0%, rgba(0, 0, 0, 0) 100%);
  background: -moz-linear-gradient(to bottom, #101010 0%, rgba(0, 0, 0, 0) 100%);
  width: 100%;
  height: 290px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
}
.zls-colour-box-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.zls-colour-box-wrapper.zls-zoom .zls-colour-box-container .zls-colour-box-view {
  padding-bottom: 28px;
  overflow: auto;
  height: calc(100% - 44px);
  width: 100%;
}
.zls-colour-box-wrapper.zls-zoom .zls-colour-box-container .zls-colour-box-view .zls-image {
  box-shadow: none;
}
.zls-colour-box-wrapper.zls-inline-preview .zls-colour-box-container {
  display: flex;
  align-items: center;
  padding-bottom: 98px;
}
.zls-colour-box-wrapper.zls-inline-preview .zls-colour-box-container .zls-colour-box-view {
  background: var(--white);
  margin: 0 auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 30px;
  box-sizing: border-box;
  width: 100%;
  overflow: auto;
  max-height: 100%;
}
.zls-colour-box-wrapper.zls-pdf-preview .zls-colour-box-container {
  padding: 0;
}
.zls-colour-box-wrapper.zls-no-preview .zls-colour-box-container {
  display: flex;
  align-items: center;
  padding-bottom: 60px;
  justify-content: center;
}
.zls-colour-box-wrapper.zls-no-preview .zls-colour-box-container .zls-colour-box-view {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zls-colour-box-wrapper .zls-colour-box-header {
  background: #131313;
  height: 44px;
  position: absolute;
  bottom: auto;
  left: 0;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: hsl(0, 0%, 100%);
  z-index: 2;
}
.zls-colour-box-wrapper .zls-colour-box-header .zls-header-left {
  margin-left: 5px;
}
.zls-colour-box-wrapper .zls-colour-box-btn {
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  border-radius: 30px;
}
.zls-colour-box-wrapper .zls-colour-box-btn .o-ico-arrow-down-circle {
  stroke: #8ee811;
}
.zls-colour-box-wrapper .zls-colour-box-btn:hover {
  background: rgba(255, 255, 255, 0.4);
}
.zls-colour-box-wrapper .zls-colour-box-container {
  height: 100%;
  padding: 80px 80px 70px;
  box-sizing: border-box;
}
.zls-colour-box-wrapper .zls-colour-box-container .zls-next-pre-wrapper button {
  position: fixed;
  top: 50%;
  bottom: auto;
  background: rgba(0, 0, 0, 0.9);
  padding: 5px;
  height: 50px;
  width: 50px;
  margin-top: -25px;
  border: 2px solid rgba(255, 255, 255, 0.2);
  align-items: center;
  justify-content: center;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.zls-colour-box-wrapper .zls-colour-box-container .zls-next-pre-wrapper button.zls-left-arrow {
  left: 20px;
}
.zls-colour-box-wrapper .zls-colour-box-container .zls-next-pre-wrapper button.zls-right-arrow {
  right: 20px;
}
.zls-colour-box-wrapper .zls-colour-box-container .zls-next-pre-wrapper button .z-ico {
  stroke-width: 2.5;
}
.zls-colour-box-wrapper .zls-colour-box-container .zls-next-pre-wrapper button:hover {
  background: #19171c;
  border-color: rgba(255, 255, 255, 0.5);
}
.zls-colour-box-wrapper .zls-colour-box-container .zls-colour-box-view {
  box-sizing: border-box;
}
.zls-colour-box-wrapper .zls-colour-box-container .zls-colour-box-view .zls-image {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  background-color: var(--white);
  max-width: none;
}
.zls-colour-box-wrapper .zls-colour-box-container .zls-colour-box-view .zls-iframe-box {
  background: var(--white);
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.zls-colour-box-wrapper .zls-colour-box-container .zls-colour-box-view .zls-unsupported-file {
  background: var(--white);
  max-width: 700px;
  box-sizing: border-box;
  width: 100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  padding: 50px 40px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  margin-bottom: 50px;
}
/*****$ colour style start $*****/
.zls-colour-footer {
  position: absolute;
  bottom: 60px;
  left: 150px;
  right: 0;
  top: initial;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
.zls-custom-pdf-option {
  display: flex;
  background: #333;
  padding: 0 5px;
  justify-content: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-custom-pdf-option .z-ico {
  stroke: hsl(0, 0%, 100%);
  fill: hsl(0, 0%, 100%);
}
.zls-custom-pdf-option > li {
  text-align: center;
  font-size: 1.3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  color: hsl(0, 0%, 100%);
}
.zls-custom-pdf-option > li button {
  width: 42px;
  height: 40px;
  opacity: 0.8;
}
.zls-custom-pdf-option > li:hover {
  background: #222;
}
.zls-custom-pdf-option > li:hover button {
  opacity: 1;
}
.zls-custom-pdf-option > li.zls-pre-btn .zw-ic {
  transform: rotate(180deg);
}
.zls-custom-pdf-option > li.zln-disable-btn button {
  cursor: default;
}
.zls-custom-pdf-option > li.zln-disable-btn button .z-ico {
  fill: rgba(255, 255, 255, 0.2);
}
.zls-custom-pdf-option > li.zln-disable-btn:hover {
  background: transparent;
}
.zls-custom-pdf-option > li.zln-disable-btn:hover button {
  opacity: 0.8;
}
.zls-custom-pdf-option > li .zls-page-count {
  padding: 0 10px;
  flex-shrink: 0;
}
.zls-custom-pdf-option > li .zls-page-count .zls-count {
  margin-left: 3px;
}
.zls-custom-pdf-option > li .zls-page-count-input {
  position: absolute;
  background: #111;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.zls-custom-pdf-option > li .zls-page-count-input input {
  color: hsl(0, 0%, 100%);
  width: 40px;
  height: 25px;
  text-align: center;
  background: #333;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-custom-pdf-option > li .zls-page-count-input input:focus {
  border: 1px solid var(--product-accent-color);
}
.zls-custom-pdf-option > li .zw-popbox {
  border: none;
  padding: 5px 0;
  background: #333;
  margin-bottom: 10px;
}
.zls-custom-pdf-option > li .zw-popbox.zw-arrow.bottom-arrow-right:before,
.zls-custom-pdf-option > li .zw-popbox.zw-arrow.bottom-arrow-right:after {
  border-top-color: #333;
}
.zls-custom-pdf-option > li .zw-popbox li {
  padding: 10px 10px;
  text-align: center;
  color: hsl(0, 0%, 100%);
  opacity: 0.75;
}
.zls-custom-pdf-option > li .zw-popbox li:last-of-type {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.zls-custom-pdf-option > li .zw-popbox li:hover {
  background: #222;
  opacity: 1;
}
.zls-pdf-view-wrapper.zls-pdf-left-col-show .zls-pdf-right-col {
  left: 150px;
}
.zls-pdf-view-wrapper.zls-pdf-left-col-show .zls-pdf-left-col {
  display: block;
}
.zls-pdf-view-wrapper.zls-pdf-left-col-hide .zls-pdf-right-col {
  top: 0;
  bottom: 0;
}
.zls-pdf-view-wrapper.zls-pdf-left-col-hide .zls-colour-footer {
  left: 0;
}
.zls-pdf-view-wrapper.zls-pdf-left-col-hide .zls-colour-footer .zls-custom-pdf-option li:first-of-type {
  display: none;
}
.zls-pdf-view-wrapper .pdfViewer .page {
  margin: 0 auto;
  overflow: hidden;
}
.zls-pdf-view-wrapper .zls-pdf-left-col {
  position: fixed;
  top: 44px;
  bottom: 0;
  right: auto;
  left: 0;
  overflow: auto;
  width: 150px;
  background: #111;
  display: none;
}
.zls-pdf-view-wrapper .zls-pdf-left-col .zls-pdf-thumb {
  padding: 20px;
}
.zls-pdf-view-wrapper .zls-pdf-left-col .zls-pdf-thumb > li {
  width: 108px;
  height: 140px;
  background: var(--white);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 2px solid transparent;
  box-sizing: border-box;
  margin-bottom: 20px;
  counter-increment: item;
  position: relative;
  opacity: 0.8;
  cursor: pointer;
}
.zls-pdf-view-wrapper .zls-pdf-left-col .zls-pdf-thumb > li .zw-color-loading .zw-circular .zw-path {
  stroke: #8376c3;
}
.zls-pdf-view-wrapper .zls-pdf-left-col .zls-pdf-thumb > li:last-of-type {
  margin-bottom: 0;
}
.zls-pdf-view-wrapper .zls-pdf-left-col .zls-pdf-thumb > li:hover,
.zls-pdf-view-wrapper .zls-pdf-left-col .zls-pdf-thumb > li.zls-active {
  opacity: 1;
  border-color: var(--product-accent-color);
}
.zls-pdf-view-wrapper .zls-pdf-left-col .zls-pdf-thumb > li:before {
  content: counter(item);
  position: absolute;
  top: 4px;
  left: 4px;
  height: 20px;
  min-width: 20px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.6);
  color: hsl(0, 0%, 100%);
  text-align: center;
  font-size: 1.1rem;
  line-height: 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.zls-pdf-view-wrapper .zls-pdf-right-col {
  position: absolute;
  top: 60px;
  left: 0px;
  right: 0;
  bottom: 28px;
  overflow: auto;
  transition: all 0.1s ease;
  -webkit-transition: all 0.1s ease;
  -moz-transition: all 0.1s ease;
  -o-transition: all 0.1s ease;
  -ms-transition: all 0.1s ease;
}
@media screen and (max-width: 1024px) {
  .zln-ua-type\:mobile-tab .zls-quick-create {
    display: none;
  }
}
/************************ Media Queries starts **************************/
@media print {
  .z-print\:none {
    display: none !important;
  }
  .zln-manual-wrapper {
    height: auto !important;
    margin-top: 0 !important;
  }
}
@media print {
  .zlearn-os\:dark ,
  .zlearn-theme\:dark  {
    filter: invert(1) !important;
  }
  body {
    font: "LatoLatin", sans-serif;
    line-height: 1.5;
    background: hsl(0, 0%, 100%) !important;
    color: #000;
    counter-reset: chapternum;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  blockquote,
  a,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  img,
  table,
  pre,
  ul,
  ol,
  dl {
    page-break-inside: avoid;
  }
  table,
  img,
  svg {
    break-inside: avoid;
  }
  .zls-fixed-width {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    padding: 0 30px !important;
  }
  .zls-content-container {
    margin: 0 !important;
  }
  .zls-right-col {
    margin-left: 0;
  }
  .zls-header,
  .zls-footer,
  .zln-foo\:course,
  .zls-left-col,
  .zls-quick-create,
  .zls-global-header-con,
  .zw-slider,
  .zls-draft,
  .zw-article-create,
  .z-goto\:top,
  .zls-manual-header-con,
  .zls-article-data,
  .zls-article-foo-options,
  .zls-article-options,
  .wms-mainui,
  prev-next-nav,
  partition-banner,
  rating-view,
  navigation-menu,
  breadcrumb-navigation,
  top-bar {
    display: none !important;
  }
  .zls-manual-print-wrapper.zls-normal-view .zls-full-popup-wrapper .zls-full-popup-container {
    padding: 0;
  }
  .zls-manual-print-wrapper.zls-dark-bg .zls-full-popup-wrapper {
    background: transparent;
  }
  .zls-manual-print-wrapper .zls-full-popup-wrapper {
    position: static;
  }
  .zls-manual-print-wrapper .zls-full-popup-wrapper .zls-browser-header,
  .zls-manual-print-wrapper .zls-full-popup-wrapper .zls-left-col,
  .zls-manual-print-wrapper .zls-full-popup-wrapper .zls-full-popup-header {
    display: none;
  }
  .zls-manual-print-wrapper .zls-full-popup-wrapper .zls-pos-all {
    position: static;
  }
  .zls-manual-print-wrapper .zls-full-popup-wrapper .zls-browser-wrapper {
    border-radius: 0;
  }
  .zls-manual-print-wrapper .zls-full-popup-wrapper .zls-browser-wrapper .zls-browser-container {
    overflow: hidden;
    background: transparent;
  }
  .zls-manual-print-wrapper .zls-full-popup-wrapper .zls-grid.zls-col-gap30 {
    column-gap: 0;
  }
  lms-editor-view,
  .zls-course-player-page.zls-viewport-wrapper {
    height: auto;
  }
  lms-editor-view *,
  .zls-course-player-page.zls-viewport-wrapper * {
    overflow: visible !important;
  }
  .zln-article-full-width .zln-manual-left-layout .zln-fixed-width\:950 {
    max-width: none !important;
  }
}
@media (min-width: 1601px) and (max-width: 1700px) {
  .zls-product-grid-view.zls-manual-grid-view {
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a {
    height: 230px;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a .zw-h2 {
    font-size: 1.6rem;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a .zln-count\:article,
  .zls-product-grid-view.zls-manual-grid-view > li > a .zln-description {
    font-size: 1.4rem;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zln-count\:article,
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zln-description {
    font-size: 1.5rem;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb {
    width: 150px;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb .zls-default-pattern {
    background-size: 90px;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb .zls-default-pattern {
    background-size: 140px;
  }
}
@media screen and (max-width: 1600px) {
  .zls-product-grid-view.zls-manual-grid-view {
    grid-template-columns: repeat(auto-fill, minmax(310px, 1fr));
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view {
    grid-template-columns: repeat(auto-fill, minmax(420px, 1fr));
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a {
    height: 240px;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a .zw-ic-globe {
    height: 18px;
    width: 18px;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a .zw-h2 {
    font-size: 1.6rem;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zw-h2 {
    font-size: 2rem;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a .zls-manual-meta .zln-description {
    margin-bottom: 0;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a .zln-count\:article,
  .zls-product-grid-view.zls-manual-grid-view > li > a .zln-description {
    font-size: 1.4rem;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zln-count\:article,
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zln-description {
    font-size: 1.5rem;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb {
    width: 140px;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb {
    width: 165px;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb .zls-default-pattern {
    background-size: 100px;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a.zls-article-card .zls-article-mata {
    padding: 15px;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a.zls-article-card .zls-article-mata .zln-path\:article {
    font-size: 1.1rem;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a.zls-article-card .zls-article-mata .zw-user-info .zls-fs14 {
    font-size: 1.1rem;
  }
  .zls-product-grid-view.zls-manual-grid-view > li > a.zls-article-card .zls-article-mata .zw-user-info .zls-fs10 {
    font-size: 0.9rem;
  }
  .zls-assignment-metrics-conntent {
    display: grid;
  }
  .zls-funnel-view .zls-assignment-metrics-conntent {
    grid-template-columns: auto auto auto;
  }
  .zls-assignment-metrics-conntent > li {
    padding: 20px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1441px) {
  .zls-payment-summery .zw-ic {
    display: none;
  }
}
@media screen and (max-width: 1420px) {
  .zw-top-layout .zw-style-guide .zw-full-width-option {
    display: flex;
  }
  .zls-quiz-settings-con {
    margin-left: 300px;
  }
  .zls-quiz-metrics-conntent {
    display: grid;
  }
  .zls-funnel-view .zls-quiz-metrics-conntent {
    grid-template-columns: auto auto auto;
  }
  .zls-quiz-metrics-conntent > li {
    padding: 20px;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1250px) {
  .zln-wrapper\:cp-public .zls-global-top-search {
    border: none;
    padding: 0;
  }
  .zls-product-options .zls-global-top-search .zw-search-btn {
    margin: 0;
    padding: 4px;
  }
  .zls-product-options .zls-global-top-search .zw-search-input {
    display: none;
  }
  .zls-subscription-wrapper .zls-usage-container .zls-usage-list {
    grid-template-columns: repeat(1, 1fr);
  }
  .zls-subscription-wrapper .zls-usage-container .zls-storage-container {
    display: block;
  }
  .zls-subscription-wrapper .zls-usage-container .zls-storage-container .zls-progresser-con {
    margin-top: 40px;
  }
  .zls-product-themes-wrapper .zls-select-appearance {
    flex-direction: column;
    align-items: normal;
    justify-content: center;
  }
  .zls-product-themes-wrapper .zls-select-appearance .zls-appearance-switch-con {
    margin-top: 5px;
  }
  .zls-metrics-content {
    display: grid;
  }
  .zls-funnel-view .zls-metrics-content {
    grid-template-columns: auto auto;
  }
  .zls-average-view .zls-metrics-content {
    grid-template-columns: auto;
  }
  courses-list .zls-metrics-content {
    grid-template-columns: auto auto auto auto;
  }
  .zls-metrics-content > li {
    padding: 20px;
    justify-content: flex-start;
  }
  .zls-funnel-view .zls-metrics-box-tab li:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 1110px) {
  .zls-course-banner-con .zls-course-details-con {
    padding: 30px 30px 70px;
  }
  .zls-global-header .zls-header-left .zls-network-logo {
    margin-right: 0;
  }
  .zls-review-answers-wrapper .zls-full-popup-wrapper {
    left: 0;
  }
  .zls-course-list-foo.zls-course-list-foo {
    flex-direction: column;
    align-items: normal;
  }
  .zls-course-list-foo.zls-course-list-foo .zls-progresser-container {
    margin-bottom: 15px;
    width: 60%;
  }
  .zln-gridlist-wrapper.zln-module\:learning-view.zln-col\:two {
    margin-right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .zln-wrapper\:activity {
    display: none;
  }
  .zln-wrapper\:cp-public .zln-gridlist-wrapper .zls-gridlist-container {
    padding-inline: 30px;
  }
  .zls-show-activity .zls-quick-create.zls-quick-create {
    right: 50px;
  }
  .zls-preview-mode .zls-quiz-metrics {
    margin: 20px 0 10px;
  }
  .zln-wrapper\:manual-pie-chart {
    grid-template-columns: 1fr;
  }
  .zls-k-analytics-wrapper .zls-metrics-content {
    grid-template-columns: auto auto;
    column-gap: 10px;
    row-gap: 10px;
  }
  .zls-k-analytics-wrapper .zls-metrics-content > li {
    margin-right: 0;
  }
  courses-list .zls-learner-course-metrics-count {
    grid-template-columns: auto auto;
    column-gap: 10px;
    row-gap: 10px;
  }
  .zls-course-manage-page .zls-header-right :is(.zln-header\:metrics) {
    display: none;
  }
  .zls-global-header .zls-header-left {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .zls-global-header .zls-header-left .zls-hamburger-menu {
    display: block;
  }
  .zls-global-header .zls-header-left .zls-hamburger-menu .o-ico-bars-3-bottom-left {
    stroke: hsl(0, 0%, 100%);
  }
  .zls-product-lighttheme .zls-global-header .zls-header-left .zls-hamburger-menu .o-ico-bars-3-bottom-left {
    stroke: var(--product-nav-customcolor, var(--grey0));
  }
  .zln-wrapper\:cp-public .zls-global-header .zls-header-left .zls-hamburger-menu {
    display: none;
  }
  .zls-global-header .zls-header-left .zls-left-menu-bg {
    animation-name: ani-show;
    display: block;
  }
  .zls-product-nav {
    position: fixed;
    left: 0;
    top: 0;
    /*@zls-global-header-height*/
    bottom: 0;
    right: auto;
    background: #0f131d;
    width: 280px;
    padding: 20px 0;
    display: none;
    z-index: 2;
    overflow: auto;
  }
  .zln-wrapper\:cp-public .zls-product-nav {
    display: flex;
    position: static;
    width: auto;
    padding: 0;
    overflow: visible;
  }
  .zls-product-nav .zls-main-nav {
    display: block;
    margin: 0;
  }
  .zln-wrapper\:cp-public .zls-product-nav .zls-main-nav {
    display: flex;
    padding-left: 30px;
    padding-right: 30px;
  }
  .zls-product-nav .zls-main-nav > li.zls-favorite-btn .zls-nav-link {
    pointer-events: none;
    margin-top: 20px;
    color: rgba(255, 255, 255, 0.5);
    width: 100%;
    text-align: left;
  }
  .zls-product-nav .zls-main-nav > li.zls-favorite-btn .zls-nav-link .zw-ic {
    display: none;
  }
  .zls-product-nav .zls-main-nav > li .zls-nav-link {
    border-bottom: none;
    padding: 10px 20px;
    color: hsl(0, 0%, 100%);
  }
  .zls-product-nav .zls-main-nav > li.zls-active .zls-nav-link {
    background: rgba(255, 255, 255, 0.2);
    color: hsl(0, 0%, 100%);
  }
  .zln-wrapper\:cp-public .zls-product-nav .zls-main-nav > li.zls-active .zls-nav-link {
    background: transparent;
    color: var(--grey0);
    border-bottom: 2px solid;
  }
  .zls-product-nav .zls-main-nav > li .zls-favorite-list {
    position: static;
    background: transparent;
    border: none;
    color: hsl(0, 0%, 100%);
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    display: block;
    padding: 0;
    margin: 0;
    width: auto;
  }
  .zls-product-nav .zls-main-nav > li .zls-favorite-list:before,
  .zls-product-nav .zls-main-nav > li .zls-favorite-list:after {
    display: none;
  }
  .zls-product-nav .zls-main-nav > li .zls-favorite-list ul {
    max-height: initial;
    overflow: initial;
  }
  .zls-product-nav .zls-main-nav > li .zls-favorite-list ul > li a:hover {
    background: rgba(255, 255, 255, 0.15);
  }
  .zls-product-nav .zls-main-nav > li .zls-favorite-list ul > li a .z-ico {
    stroke: hsl(0, 0%, 100%);
  }
  .zls-product-nav.zls-show-main-menu {
    display: block;
  }
  /* Writer image reset start */
  .zls-image-wrapper {
    max-width: 100%;
    height: auto !important;
  }
  .zls-image-wrapper img {
    width: auto !important;
    height: auto !important;
  }
  .zls-image-wrapper svg {
    height: 100% !important;
    width: 100% !important;
  }
  /* Writer image reset end */
  /* 	Global search and userprofile close button style starts */
  .zln-slider\:user-profile .btn\:sticky-close,
  .zln-slider\:global-search .btn\:sticky-close {
    position: absolute;
    top: 0;
    left: 0;
    background: var(--product-accent-color);
    padding: 2px;
    border-radius: 0 0 10px 0;
  }
  .zln-slider\:user-profile .btn\:sticky-close:before,
  .zln-slider\:global-search .btn\:sticky-close:before,
  .zln-slider\:user-profile .btn\:sticky-close:after,
  .zln-slider\:global-search .btn\:sticky-close:after {
    display: none;
  }
  .zln-slider\:user-profile .btn\:sticky-close:hover .z-ico,
  .zln-slider\:global-search .btn\:sticky-close:hover .z-ico {
    stroke: var(--white);
  }
  .zln-slider\:user-profile .btn\:sticky-close .z-ico,
  .zln-slider\:global-search .btn\:sticky-close .z-ico {
    stroke: var(--white);
  }
  /* 	Global search and userprofile close button style end */
  .zln-hide\:space-banner .zln-banner\:space {
    display: none;
  }
  .zln-hide\:space-banner .zln-header\:custom {
    top: 0;
  }
}
/*New*/
@media screen and (max-width: 768px) {
  .z-media\[768\]\:none {
    display: none !important;
  }
  :root {
    --chatbar-height: 0px !important;
  }
  /***** Global style start *****/
  .zls-global-header .zls-header-right :is(.zls-global-settings-btn, .zln-help-guide, .zln-pending-actions) {
    display: none;
  }
  .zls-product-main-tab .zls-tab {
    overflow: auto;
  }
  .zls-product-main-tab .zls-tab-options {
    display: none;
  }
  .zln-gridlist-wrapper .zln-gridlist\:header,
  .zln-gridlist-wrapper .zls-gridlist-container {
    padding-left: 25px;
    padding-right: 25px;
  }
  .zln-wrapper\:cp-public .zln-gridlist-wrapper .zls-gridlist-container .zls-course-card {
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
  }
  .zln-wrapper\:cp-public .zln-gridlist-wrapper .zls-gridlist-container .zls-space-grid-view {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  }
  .zln-wrapper\:cp-public .zln-gridlist-wrapper .zls-gridlist-container .zls-space-grid-view li a {
    height: 270px;
  }
  .zln-gridlist-wrapper .zls-product-list-view > li > a {
    padding: 15px;
  }
  /***** Global style start *****/
  /***** Course view start ******/
  /* Course Manage page start */
  .zls-course-manage-page .z-pad\:40 {
    padding: 20px;
  }
  .zls-course-manage-page .zls-manage-left-col :is(.zls-overview-tab, .zls-evaluation-tab),
  .zls-course-manage-page .zls-manage-lesson :is(.zls-in-between-btn, .zls-quick-create-lesson, zlearn-lesson-create, zlearn-lesson-view .z-btn),
  .zls-course-manage-page .zls-header-right :is(.zls-publish-con),
  .zls-course-manage-page .zls-lyte-accordion-wrapper,
  .zls-course-manage-page .zls-course-option-wrapper {
    display: none;
  }
  .zls-course-manage-page .zls-manage-left-col {
    width: 55px;
  }
  .zls-course-manage-page .zls-manage-left-col ul > li {
    min-height: 40px;
  }
  .zls-course-manage-page .zls-manage-left-col ul > li span {
    display: none;
  }
  .zls-course-settings lyte-accordion-item lyte-accordion-header {
    padding: 10px;
  }
  .zls-course-settings lyte-accordion-item lyte-accordion-header .z-ico {
    width: 20px;
    height: 20px;
  }
  .zls-course-settings lyte-accordion-item lyte-accordion-header .z-btn {
    display: none;
  }
  /* Course Manage page end */
  /* Course player page start */
  /* Course left menu start */
  .zls-course-player-page .zls-left-col {
    margin-left: -350px;
  }
  .zls-course-player-page .zls-left-col .zls-course-title .zln-btn\:back {
    display: none;
  }
  .zls-course-player-page lesson-view .zln-header\:course .zls-header-left .zls-draft {
    display: none;
  }
  .zls-course-player-page lesson-view .zln-header\:course .zls-header-left .zln-course-hamburger-menu {
    background-color: var(--product-accent-color);
  }
  .zls-course-player-page lesson-view .zln-header\:course .zls-header-left .zln-course-hamburger-menu .z-ico {
    stroke: hsl(0, 0%, 100%);
  }
  .zls-course-player-page lesson-view .zln-header\:course .zls-header-left .zls-ico-wrapper {
    display: block !important;
  }
  .zls-course-player-page lesson-view .zln-header\:course .zls-header-left .zls-ico-wrapper .zw-ic {
    stroke-width: 2px;
    stroke: var(--grey1);
  }
  .zls-course-player-page lesson-view .zln-header\:course .zls-header-right .z-btn\:lesson-edit {
    display: none;
  }
  .zls-course-player-page lesson-view .zls-container.z-pad\:30 {
    padding: 15px;
  }
  .zls-course-player-page lesson-view .zls-container .zls-quiz-container .zls-foo {
    justify-content: left;
  }
  .zls-course-player-page lesson-view .zls-container .zw-load-con {
    left: 0;
  }
  .zls-course-player-page lesson-view .zls-container.zls-quiz-type {
    padding: 20px;
  }
  .zls-course-player-page lesson-view .zls-container.zls-scorm-type,
  .zls-course-player-page lesson-view .zls-container.zls-block-type,
  .zls-course-player-page lesson-view .zls-container.zls-document-type,
  .zls-course-player-page lesson-view .zls-container.zls-video-type {
    padding: 0;
  }
  .zls-course-player-page lesson-view .zls-container.zls-scorm-type .z-goto\:top,
  .zls-course-player-page lesson-view .zls-container.zls-block-type .z-goto\:top,
  .zls-course-player-page lesson-view .zls-container.zls-document-type .z-goto\:top,
  .zls-course-player-page lesson-view .zls-container.zls-video-type .z-goto\:top {
    bottom: 15px;
    right: 15px;
  }
  .zls-course-player-page lesson-view .zln-foo\:course {
    flex-direction: column;
    align-items: inherit;
  }
  .zls-course-player-page lesson-view .zln-foo\:course .z-btn {
    align-self: end;
  }
  .zls-course-player-page.zls-course-menu-toggle .zls-course-left-fadebg {
    animation-name: ani-show;
    display: block;
  }
  .zls-course-player-page.zls-course-menu-toggle .zls-left-col {
    border-radius: 0;
    margin-left: 0;
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
  }
  .zls-course-player-page.zls-course-menu-toggle .zls-left-col .zls-full-banner-cover {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
  .zls-course-player-page.zls-show-discussions .zls-left-col {
    margin-left: -350px;
  }
  .zls-course-player-page.zls-show-discussions .zls-right-col {
    margin-right: 0;
  }
  .zls-course-player-page.zls-show-attachments .zls-left-col {
    margin-left: -350px;
  }
  .zls-course-player-page.zls-show-attachments .zls-right-col {
    margin-right: 0;
  }
  .zls-course-player-page.zls-show-attachments .zls-course-left-fadebg {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  /* Course left menu end */
  /* Course player page end */
  /* Course Overview page start */
  .zls-course-overview-page .zls-course-banner {
    flex-flow: column;
  }
  .zls-course-overview-page .zls-course-banner .zls-back-btn {
    margin-bottom: 25px;
  }
  .zls-course-overview-page .zls-course-banner .zls-back-btn .zw-p-all10 {
    padding: 5px;
  }
  .zls-course-overview-page .zls-course-banner .zln-fixed-width\:1000 {
    flex-direction: column;
    align-items: normal;
  }
  .zls-course-overview-page .zls-course-banner .zls-banner-left {
    margin-right: 0;
    margin-bottom: 30px;
  }
  .zls-course-overview-page .zls-course-banner .zls-banner-right .zls-user-metadata {
    padding: 20px;
  }
  .zls-course-overview-page .zls-tab-container .zls-tab * + * {
    display: none;
  }
  .zls-course-overview-page .zls-sticky-header {
    display: none;
  }
  /* Course Overview page end */
  .zls-preview-mode .zwnf-not-found-con {
    left: 0;
  }
  .zls-course-lighttheme .zls-course-player-page .zls-left-col {
    border-right: none;
  }
  .zls-course-list-foo.zls-course-list-foo .zls-progresser-container {
    width: 100%;
  }
  /***** Course view end ******/
  /**** PopUP *****/
  .zln-popup\:add-learner .zln-add-learner-wrapper {
    grid-template-columns: auto;
    margin: 15px;
  }
  .zln-popup\:add-learner .zln-add-learner-wrapper .zln-col\:right {
    display: none;
  }
  /**** PopUP *****/
  /**** Space view *****/
  .zln-module\:team-view .zls-product-main-tab {
    margin-left: 20px;
    margin-right: 20px;
  }
  .zln-hide\:space-banner .zln-description\:space.zln-description\:space {
    display: none;
  }
  /**** Space view *****/
  .zln-module\:team-view .zls-header-right {
    align-self: center;
  }
  .zln-module\:team-view .zls-header-right .z-link {
    display: none;
  }
  .zls-manual-list-view .zln-list\:manual .zln-description {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-word;
  }
}
@media screen and (max-width: 768px) {
  body {
    margin-bottom: 0;
  }
  img {
    height: auto;
  }
  /* 	Global search starts here */
  .zln-slider\:global-search .zln-header\:global-search .zln-select\:search-type {
    display: none;
  }
  .zln-slider\:global-search .zln-header\:global-search .zln-input\:global-search + div {
    display: none;
  }
  .zln-slider\:global-search .zln-filter\:global-search {
    display: none !important;
  }
  /* 	Global search end here */
  .zls-overflow-auto .zls-table,
  .zls-overflow-auto table {
    white-space: nowrap;
  }
  .zls-overflow-auto .zls-table td,
  .zls-overflow-auto table td,
  .zls-overflow-auto .zls-table .zls-td,
  .zls-overflow-auto table .zls-td,
  .zls-overflow-auto .zls-table .zw-td,
  .zls-overflow-auto table .zw-td {
    padding: 12px 20px;
  }
  .zls-goto-subscription,
  .zls-goto-notify-settings,
  .zls-goto-settings,
  .zls-goto-migrate,
  .wms-mainui,
  .zw-article-create {
    display: none;
  }
  .zls-course-banner-con .zls-course-details-con {
    padding: 30px;
  }
  .zls-product-options .zw-plan-upgrade-btn {
    display: none;
  }
  .zls-one-app-switcher {
    display: none;
  }
  .zw-slider {
    bottom: 0;
  }
  .zw-slider.zln-slider\:lesson-discussion {
    border-left: none;
    z-index: 3;
  }
  .zls-preview-mode .zls-document-type .zls-blocks-doc .zls-pdf-view-wrapper .zls-pdf-right-col {
    left: 0;
    bottom: 63px;
  }
  .zls-preview-mode .zls-document-type .zls-blocks-doc .zls-pdf-view-wrapper .zls-colour-footer {
    left: 0;
  }
  .zls-colour-box-wrapper .zls-colour-box-container .zls-pdf-view-wrapper.zls-pdf-left-col-show .zls-pdf-right-col {
    left: 0;
  }
  .zls-colour-box-wrapper .zls-colour-box-container .zls-pdf-view-wrapper .zls-pdf-left-col {
    display: none;
  }
  .zls-colour-box-wrapper .zls-colour-box-container .zls-colour-footer {
    left: 0;
  }
  .zls-colour-box-wrapper .zls-colour-box-container .zls-colour-footer .zls-custom-pdf-option li:first-of-type {
    display: none;
  }
  .zls-pdf-view-wrapper .zls-colour-footer .zls-pdf-page-width,
  .zls-pdf-view-wrapper .zls-colour-footer .zls-pdf-print,
  .zls-pdf-view-wrapper .zls-colour-footer .zls-page-rotate {
    display: none;
  }
  .zls-pdf-view-wrapper .zls-colour-footer .zls-custom-pdf-option > li button {
    width: 36px;
    height: 38px;
  }
  .zln-popup\:search-result {
    padding: 0 30px;
  }
  .zls-alert-ribbon {
    top: 62px;
    z-index: 3;
  }
  .zw-popup-wrapper {
    padding: 70px 20px;
  }
  .zw-popup-wrapper .zls-evaluation-wrapper.zls-review-answers {
    margin-left: 0;
  }
  .zw-popup-wrapper .zw-popup {
    box-sizing: border-box;
    width: 100%;
  }
  .zw-popup-wrapper .zw-popup.zw-popup-small,
  .zw-popup-wrapper .zw-popup.zw-popup-medium,
  .zw-popup-wrapper .zw-popup.zw-popup-big,
  .zw-popup-wrapper .zw-popup.zw-popup-biggest {
    box-sizing: border-box;
    width: 100%;
  }
  .zls-course-container .zls-manage-right-col .zls-assignment-wrapper,
  .zls-course-container .zls-manage-right-col .zls-course-manage-wrapper {
    margin-right: 0;
    padding: 15px;
  }
  .zls-course-container .zls-manage-right-col .zls-course-option-wrapper,
  .zls-course-container .zls-manage-right-col .zls-lyte-accordion-wrapper {
    display: none;
  }
  .zls-course-container .zls-manage-right-col .zls-manage-learners .zls-learner-search {
    display: none;
  }
  .zls-course-container .zls-manage-right-col .zls-manage-learners .zls-add-learner-btn {
    margin: 0;
  }
  .zls-course-container .zls-manage-right-col .zls-manage-overview {
    padding-top: 0;
    bottom: 0;
  }
  .zls-full-popup-wrapper .zls-full-popup-header {
    padding: 25px 20px;
  }
  .zls-full-popup-wrapper .zls-full-popup-container {
    padding: 20px;
  }
  .zls-full-popup-wrapper .zls-k-analytics-header {
    flex-direction: column;
    align-items: normal;
  }
  .zls-full-popup-wrapper .zls-k-analytics-header .zls-header-right {
    margin-top: 15px;
  }
  .zls-metrics-container {
    flex-direction: column;
  }
  .zls-metrics-container .zls-metrics-box {
    width: auto;
  }
  .zls-metrics-container .zls-metrics-box.zls-average-view {
    margin-top: 20px;
  }
  .zls-metrics-container .zls-metrics-box.zls-average-view .zls-metrics-content {
    display: flex;
  }
  .zls-table-data-header .zls-table-export-btn {
    display: none;
  }
  .zls-table-data-header .zls-table-search {
    width: 80%;
    margin-left: 0;
    margin-right: 20px;
  }
  .zls-learner-course-metrics-count {
    padding: 20px;
    margin-bottom: 0;
  }
  .zls-review-answers-wrapper.zls-popup-nospace .zls-full-popup-wrapper {
    margin: 0;
    border-radius: 0;
  }
  .zls-review-answers-wrapper .zls-full-popup-wrapper {
    left: 0;
    margin: 20px;
    bottom: 0;
  }
  .zls-review-answers-wrapper .zls-full-popup-wrapper .zls-quiz-review-top-metrics {
    padding: 0 20px 10px 65px;
    display: block;
  }
  .zls-review-answers-wrapper .zls-full-popup-wrapper .zls-quiz-review-top-metrics .zls-quiz-modify-btn-con {
    margin-top: 20px;
  }
  .zls-table-data-container .zls-table quiz-statistics .zls-td:nth-of-type(2) {
    min-width: 300px;
  }
  .zls-mobile-video-preview,
  .zls-mobile-pdf-preview {
    left: 0;
    top: 0;
  }
  .zln-slider\:user-profile {
    /* User profile popup style starts */
    /* User profile popup style end */
    /* User profile onboarding popup style starts */
    /* User profile onboarding popup style end */
  }
  .zln-slider\:user-profile .zls-profile-header-container .zls-profile-header-foo {
    flex-direction: column;
    align-items: start;
  }
  .zln-slider\:user-profile .zls-profile-header-container .zls-profile-header-foo .zls-header-right {
    margin-left: 150px;
    margin-top: 20px;
  }
  .zln-slider\:user-profile .zln-list\:user-fields {
    display: flex;
    flex-direction: column;
  }
  .zln-slider\:user-profile.type\:profile-popup {
    padding: 70px 20px;
  }
  .zln-slider\:user-profile.type\:profile-popup .zls-header {
    margin-bottom: 15px;
  }
  .zln-slider\:user-profile.type\:profile-popup .zls-header .zln-category-name {
    font-size: 15px;
  }
}
@media screen and (max-width: 600px) {
  .z-media\[600\]\:none {
    display: none !important;
  }
  .zln-toast-message {
    width: 100%;
    padding: 0 50px;
    box-sizing: border-box;
  }
  .zls-product-list-view .zln-count\:article,
  .zls-product-list-view .zln-count\:manuals-courses,
  .zls-product-list-view .zln-shared\:manuals,
  .zls-product-list-view .zln-views\:article {
    display: none;
  }
  .zls-course-details .zls-author-info,
  .zls-course-details .zls-rating-con {
    flex-shrink: 0;
  }
  .zls-course-details .zls-course-banner-meta {
    flex-direction: column;
    align-items: flex-start;
  }
  .zls-course-details .zls-rating-con {
    margin-left: -3px;
  }
  .zls-quiz-metrics li {
    width: auto;
  }
  .zls-assignment-submit-wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  .zls-course-list > li > a {
    flex-direction: column;
  }
  .zls-course-list > li .zls-course-banner-thumb {
    width: auto;
  }
  .zw-popup-wrapper .zw-i-popup .zw-add-member-con {
    top: -54px;
    right: 0;
  }
  .zw-popup-wrapper .zw-i-popup .zw-change-logo-con {
    display: none;
  }
  .zw-popup .zls-tab-container .zls-tab li {
    display: none;
  }
  .zw-popup .zls-tab-container .zls-tab li:nth-of-type(1),
  .zw-popup .zls-tab-container .zls-tab li:nth-of-type(2) {
    display: block;
  }
  .zls-evaluation-wrapper.zls-review-answers .zls-top-mini-metrics {
    flex-shrink: 0;
  }
  .zls-downloadable-assignment .zls-file-chooser {
    flex-direction: column;
  }
  .zln-slider\:assignment-answer .zls-alert-ribbon {
    height: auto;
    padding: 10px 20px;
  }
  .zls-manage-learners .zln-course-manage-header {
    margin-bottom: 80px;
  }
  .zw-popup-wrapper .zw-popup-section {
    padding: 12px 20px;
  }
  .zw-popup-wrapper .zw-popup .zw-popup-con {
    padding: 12px 20px;
  }
  .zls-blocks-container .zls-g-col2 {
    grid-template-columns: none;
  }
  .zls-blocks-container .zls-g-col3 {
    grid-template-columns: none;
  }
  .zls-full-popup-wrapper .zls-full-popup-header .zls-header-left .zw-ic {
    display: none;
  }
  .zls-review-answers-wrapper .zls-full-popup-wrapper .zls-quiz-review-top-metrics {
    padding-left: 20px;
  }
  .zls-review-answers-wrapper .zls-full-popup-wrapper .zls-top-mini-metrics {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 5px;
    row-gap: 5px;
  }
  .zln-search-all-zoho {
    display: none;
  }
  /* Course Overview page start */
  .zls-course-overview-page .zls-course-banner .zls-banner-right .zls-user-metadata ul {
    gap: 10px;
  }
  .zls-course-overview-page .zls-course-banner .zls-banner-right .zls-user-metadata ul li {
    padding: 10px;
  }
  .zls-course-overview-page .zln-achievements\:certificate {
    flex-direction: column;
    text-align: center;
  }
  .zls-course-overview-page .zln-achievements\:certificate img,
  .zls-course-overview-page .zln-achievements\:certificate button {
    align-self: center;
  }
  .zls-course-overview-page .zln-achievements\:badge {
    grid-template-columns: 1fr;
  }
  /* Course Overview page end */
  /* User profile popup style starts */
  .zln-wrapper\:user-profile .zls-profile-header-container .zls-profile-banner {
    min-height: 70px;
  }
  .zln-wrapper\:user-profile .zls-profile-header-container .zls-profile-header-foo {
    align-items: center;
  }
  .zln-wrapper\:user-profile .zls-profile-header-container .zls-profile-header-foo .zls-header-left {
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .zln-wrapper\:user-profile .zls-profile-header-container .zls-profile-header-foo .zls-header-left .zls-profile-img {
    width: 90px;
    height: 90px;
  }
  .zln-wrapper\:user-profile .zls-profile-header-container .zls-profile-header-foo .zls-header-right {
    margin-left: 0;
  }
  .type\:profile-slider .zln-wrapper\:user-profile .zls-profile-header-foo .zln-meta {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
  }
  .zln-wrapper\:user-profile .zln-rewarded-badge-section .zln-badge-card {
    grid-template-columns: 1fr;
  }
  /* User profile popup style end */
  /* User profile onboarding popup style starts */
  zlearn-image-cropper .zln-image-crop-popup.zln-image-crop-popup.zln-image-crop-popup {
    width: 100%;
  }
  zlearn-image-cropper .zln-image-crop-popup.zln-image-crop-popup.zln-image-crop-popup .zln-image-crop-area {
    width: auto;
  }
  zlearn-image-cropper .zln-image-crop-popup.zln-image-crop-popup.zln-image-crop-popup lyte-slider {
    display: none;
  }
  /* User profile onboarding popup style end */
  /* Course completion popup style starts */
  .zln-course-complete-popup .zln-completion-rewards {
    margin: 0 -20px;
  }
  .zln-course-complete-popup .zln-container\:star-rating {
    flex-direction: column;
    align-items: start;
  }
  .zln-course-complete-popup .zln-container\:star-rating .zln-rating\:star {
    margin-left: 45px;
  }
  /* Course completion popup style end */
}
@media screen and (max-width: 480px) {
  .z-media\[480\]\:none {
    display: none !important;
  }
  .zls-course-banner-con .zls-course-details .zls-course-title {
    font-size: 2.5rem;
    line-height: normal;
    margin-bottom: 15px;
  }
  .zls-course-banner-con .zls-course-details .zls-course-progresser-con .zls-course-progresser-bg {
    width: 220px;
  }
  .zls-quiz-metrics {
    display: block;
    overflow: hidden;
    padding: 0;
  }
  .zls-quiz-metrics li {
    border: none;
    border-bottom: 2px solid var(--grey6);
    padding: 20px 0;
    box-sizing: border-box;
  }
  .zls-course-card > li {
    width: 100%;
    margin-right: 0;
  }
  .zls-evaluation-wrapper.zls-review-answers .zw-popup-header {
    padding: 12px 20px;
  }
  .zls-evaluation-wrapper.zls-review-answers .zls-top-mini-metrics {
    display: block;
  }
  .zw-popup-wrapper .zls-evaluation-wrapper.zls-review-answers .zls-gendral-top-info .zls-gendral-user-info {
    flex-direction: column;
    align-items: normal;
  }
  .zw-popup-wrapper .zls-evaluation-wrapper.zls-review-answers .zls-gendral-top-info .zls-gendral-user-info .zls-gendral-right {
    margin-top: 15px;
  }
  .zw-popup-wrapper .zls-evaluation-wrapper.zls-review-answers .zls-gendral-top-info .zls-gendral-user-info .zls-gendral-right .zls-quiz-user-taketime {
    text-align: left;
  }
  .zls-k-analytics-wrapper .zls-metrics-content,
  courses-list .zls-learner-course-metrics-count {
    grid-template-columns: auto;
  }
  .zls-assignment-learner-table {
    border: 0;
  }
  .zls-assignment-learner-table .zls-tr-head {
    display: none;
  }
  .zls-assignment-learner-table .zls-tr-body {
    margin-bottom: 20px;
    display: block;
    border: 2px solid var(--grey7);
    border-radius: 5px;
  }
  .zls-assignment-learner-table .zls-tr-body .zls-td {
    display: block ;
    text-align: right ;
    width: auto;
  }
  .zls-assignment-learner-table .zls-tr-body .zls-td:before {
    content: attr(data-table-heading);
    float: left;
    font-weight: 600;
    font-size: 1.2rem;
    text-transform: uppercase;
  }
  .zls-assignment-learner-table .zls-tr-body .zls-td:last-of-type {
    border-bottom: 0;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view {
    grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a {
    height: 200px;
    padding: 7px;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zw-ic-globe {
    height: 18px;
    width: 18px;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zw-h2 {
    font-size: 1.7rem;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zls-manual-meta .zln-description {
    margin-bottom: 0;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zln-count\:article,
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zln-description {
    font-size: 1.4rem;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb {
    width: 125px;
  }
  .zln-wrapper\:cp-public .zls-product-grid-view.zls-manual-grid-view > li > a .zls-type-thumb .zls-default-pattern {
    background-size: 80px;
  }
  .zls-course-overview .zls-course-info {
    flex-direction: column;
    align-items: normal;
    gap: 20px;
  }
  .zls-course-overview .zls-course-meta {
    flex-direction: column;
    align-items: normal;
    gap: 10px;
  }
  .zls-course-player-page lesson-view .zln-foo\:course .z-btn {
    align-self: inherit;
  }
  /* multiple bage popup style starts */
  .zln-popup\:badge.zln-popup\:badge.zln-popup\:badge {
    width: auto;
  }
  /* multiple bage popup style end */
  .zln-badge-list-option {
    position: relative;
  }
  .zln-badge-list-option .zln-badge-info {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .zln-badge-list-option .z-input\:checkbox,
  .zln-badge-list-option .zln-badge\:added-label {
    position: absolute;
    right: 12px;
    top: 12px;
  }
}
@media screen and (max-width: 420px) {
  .zls-funnel-view .zls-metrics-content {
    grid-template-columns: auto;
  }
  .zls-funnel-view .zls-metrics-content.zls-quiz-metrics-conntent > li {
    align-items: flex-start;
  }
  .zls-metrics-container .zls-metrics-box.zls-average-view .zls-metrics-content {
    display: grid;
  }
  .zls-course-player-page .zls-quiz-container .zls-foo {
    justify-content: center;
    flex-direction: column;
  }
  .zls-course-player-page .zls-quiz-container .zls-foo .zls-skip-btn {
    position: static;
    margin-top: 20px;
  }
  .zls-course-overview-page .zln-achievements\:badge .zln-badge-info {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .zln-rewarded-badge-section .zln-badge-card > li {
    justify-content: center;
  }
  .zln-rewarded-badge-section .zln-badge-card > li .zln-badge-info {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .zls-cp-form-container.zls-cp-form-container {
    padding: 25px;
  }
  .zw-popup-wrapper .zw-popup {
    padding: 0px;
  }
  .zw-popup-wrapper .zw-popup.zls-no-header {
    padding: 0px;
  }
}
/************************ Media Queries end **************************/