/***** 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));
}
.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.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 {
  padding: 8px 10px;
  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 *****/
.zls-activity-slider {
  background: var(--grey9);
  top: calc(var(--global-header-height) + var(--announcement-banner-height));
  box-shadow: none;
  border-left: 1px solid var(--grey5);
}
.zls-activity-slider.zw-slider {
  display: none;
  flex-direction: column;
  width: 100%;
  max-width: 350px;
}
.zln-col\:two .zls-activity-slider.zw-slider {
  display: flex;
}
.zls-activity-slider.zw-slider .zw-slider-header {
  border: none;
  flex-shrink: 0;
}
.zls-activity-slider.zw-slider .zw-slider-header .o-ico-activity {
  stroke: #d67e24;
}
.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 .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);
}
