/** General **/

:root {
  /* Primary colors */
  --main-dark: #14161B;

  /* Gray colors */
  --gray-50: #F6F6F6;
  --gray-100: #E0E2E7;
  --gray-200: #C2C6CE;
  --gray-300: #A3A9B6;
  --gray-400: #858D9D;
  --gray-500: #667085;
  --gray-600: #525A6A;
  --gray-700: #3D4350;
  --gray-900: #14161B;

  /* Green (brand) colors */
  --green-100: #CFE6E7;
  --green-300: #6FB3B8;
  --green-400: #3F9AA0;
  --green-500: #0F8188;
  --green-600: #0C676D;

  /* Red colors */
  --red-500: #F04438;
  --red-600: #FE3640;

  /* Yellow colors */
}

body {
  /*font-family: "Inter", sans-serif;*/
  color: var(--main-dark);
}

body.no-scroll {
  overflow: hidden;
}


.action-btn {
  padding: 2px 6px;
}

.btn-ultra-small {
  padding: .250rem 0.375rem
}

.line-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

/* Fonts */
.font-open-sans {
  font-family: "Open Sans", sans-serif;
}

.font-roboto {
  font-family: "Roboto", sans-serif;
}

.font-lato {
  font-family: "Lato", sans-serif;
}

.font-montserrat {
  font-family: "Montserrat", sans-serif;
}

.font-nunito {
  font-family: "Nunito", sans-serif;
}

.font-raleway {
  font-family: "Raleway", sans-serif;
}

.font-inter {
  font-family: "Inter", sans-serif;
}


.cursor-pointer {
  cursor: pointer;
}

.cursor-grab {
  cursor: grab;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.ltext-main-dark {
  color: var(--main-dark)
}

.ltext-gray-50 {
  color: var(--gray-50)
}

.ltext-gray-100 {
  color: var(--gray-100)
}

.ltext-gray-200 {
  color: var(--gray-200)
}

.ltext-gray-300 {
  color: var(--gray-300)
}

.ltext-gray-400 {
  color: var(--gray-400)
}

.ltext-gray-500 {
  color: var(--gray-500)
}

.ltext-gray-600 {
  color: var(--gray-600)
}

.ltext-gray-700 {
  color: var(--gray-700)
}

.ltext-gray-900 {
  color: var(--gray-900)
}

.ltext-green-100 {
  color: var(--green-100)
}

.ltext-green-500 {
  color: var(--green-500)
}

.ltext-green-600 {
  color: var(--green-600)
}

.ltext-red-600 {
  color: var(--red-600)
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color: var(--main-dark);
}

a {
  color: var(--green-500);
}

a:hover {
  color: var(--green-500);
}

a.text-decoration-underline {
  text-decoration-line: underline;
}

.lthin {
  font-weight: 300;
}

.lregular {
  font-weight: 400;
}

.lmedium {
  font-weight: 500;
}

.lsemibold {
  font-weight: 600;
}

.lbold {
  font-weight: 700;
}


.ldisplay-xl {
  font-size: 3.75rem;
  line-height: 4.5rem;
}

.ldisplay-lg {
  font-size: 3rem;
  line-height: 3.75rem;
}

.ldisplay-md {
  font-size: 2.25rem;
  line-height: 2.75rem;
}

.ldisplay-sm {
  font-size: 1.875rem;
  line-height: 2.375rem;
}

.ldisplay-xs {
  font-size: 1.5rem;
  line-height: 2rem;
}

.ltext-xl {
  font-size: 1.25rem;
  line-height: 1.875rem;
}

.ltext-lg {
  font-size: 1.125rem;
  line-height: 1.75rem;
}

.ltext-md {
  font-size: 1rem;
  line-height: 1.5rem;
}

.ltext-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.ltext-xs {
  font-size: 0.75rem;
  line-height: 1.125rem;
}

.lcontainer-fluid {
  margin-left: 60px;
  margin-right: 60px;
}

@media (max-width: 992px) {
  .lcontainer-fluid {
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (max-width: 576px) {
  .lcontainer-fluid {
    margin-left: 16px;
    margin-right: 16px;
  }
}

.lbtn {
  display: inline-block;
  padding: 10px 16px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: center;
}

.lbtn-sm {
  padding: 8px 12px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

.lbtn-green {
  background-color: var(--green-500);
  box-shadow: 0 4px 8px -2px rgba(12, 103, 109, 0.1), 0 2px 4px -2px rgba(12, 103, 109, 0.06);
  color: #FFFFFF;
  border: 1px solid transparent;
  outline: 1px solid transparent;
}


.lbtn-red {
  background-color: var(--red-500);
  box-shadow: 0 4px 8px -2px rgba(82, 90, 106, 0.1), 0 2px 4px -2px rgba(82, 90, 106, 0.06);
  color: #FFFFFF;
  border: 1px solid transparent;
  outline: 1px solid transparent;
}

.lbtn-red:hover {
  background-color: var(--red-500);
  color: #FFFFFF;
}

.lbtn-green:hover {
  background-color: var(--green-600);
  color: #FFFFFF;
}

.lbtn-green:active:not(:disabled) {
  background-color: var(--green-500);
  color: #FFFFFF;
  border: 1px solid var(--green-400);
  outline: 1px solid var(--green-400);
}

.lbtn-green:disabled {
  background-color: var(--green-100);
  color: var(--green-400);
  box-shadow: none;
}

.lbtn-outline-green {
  background-color: #FFFFFF;
  color: var(--green-600);
  border: 1px solid var(--green-500);
  outline: 1px solid transparent;
  box-shadow: 0 4px 8px -2px rgba(12, 103, 109, 0.1), 0 2px 4px -2px rgba(12, 103, 109, 0.06);
}

.lbtn-outline-green:hover {
  background-color: #E6F2F2;
  color: var(--green-600);
  border: 1px solid #9FCDCF;
}

.lbtn-outline-green:active:not(:disabled) {
  background-color: #E6F2F2;
  color: var(--green-600);
  border: 1px solid var(--green-400);
  outline: 1px solid var(--green-400);
}

.lbtn-outline-green:disabled {
  background-color: var(--green-100);
  color: var(--green-400);
  border: 1px solid var(--green-100);
  box-shadow: none;
}

.lbtn-secondary-green {
  background-color: #E6F2F2;
  color: var(--green-600);
  border: 1px solid #9FCDCF;
  outline: 1px solid transparent;
}

.lbtn-secondary-green:hover {
  background-color: var(--green-100);
  color: var(--green-600);
  border: 1px solid #9FCDCF;
}

.lbtn-secondary-green:active:not(:disabled) {
  background-color: #E6F2F2;
  color: var(--green-600);
  border: 1px solid var(--green-400);
  outline: 1px solid var(--green-400);
}

.lbtn-secondary-green:disabled {
  background-color: var(--green-100);
  color: var(--green-400);
}

.lbtn-ghost-green {
  background-color: transparent;
  color: var(--green-600);
  border: 1px solid transparent;
}

.lbtn-ghost-green:hover {
  background-color: #E6F2F2;
  color: var(--green-600);
  border: 1px solid #E6F2F2;
}

.lbtn-ghost-green:active:not(:disabled) {
  background-color: transparent;
  color: var(--green-600);
  border: 1px solid transparent;
}

.lbtn-ghost-green:disabled {
  background-color: transparent;
  color: var(--green-400);
}

.lbtn-black {
  background-color: #292D35;
  border: 1px solid #292D35;
  outline: 1px solid transparent;
  color: #FFFFFF;
  box-shadow: 0 4px 8px -2px rgba(82, 90, 106, 0.1), 0 2px 4px -2px rgba(82, 90, 106, 0.06);
}

.lbtn-black:hover {
  background-color: var(--main-dark);
  border: 1px solid var(--main-dark);
  color: #FFFFFF;
}

.lbtn-black:active:not(:disabled) {
  background-color: #292D35;
  border: 1px solid var(--main-dark);
  outline: 1px solid var(--gray-400);
  color: #FFFFFF;
}

.lbtn-black:disabled {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-100);
  color: var(--gray-400);
  box-shadow: none;
}

.lbtn-white {
  background-color: #FFFFFF;
  border: 1px solid var(--gray-500);
  outline: 1px solid transparent;
  color: var(--main-dark);
  box-shadow: 0 4px 8px -2px rgba(82, 90, 106, 0.1), 0 2px 4px -2px rgba(82, 90, 106, 0.06);
}

.lbtn-white:hover {
  background-color: var(--gray-50);
  border: 1px solid #C2C6CE;
  color: var(--main-dark);
}

.lbtn-white:active:not(:disabled) {
  background-color: #FFFFFF;
  border: 1px solid var(--gray-400);
  outline: 1px solid var(--gray-400);
  color: var(--main-dark);
}

.lbtn-white:disabled {
  background-color: #FFFFFF;
  border: 1px solid var(--gray-100);
  outline: 1px solid transparent;
  color: var(--gray-400);
  box-shadow: none;
}

.lbtn-gray {
  background-color: var(--gray-50);
  border: 1px solid #C2C6CE;
  outline: 1px solid transparent;
  color: var(--main-dark);
}

.lbtn-gray:hover {
  background-color: var(--gray-100);
  border: 1px solid #C2C6CE;
  outline: 1px solid transparent;
  color: var(--main-dark);
}

.lbtn-gray:active:not(:disabled) {
  background-color: var(--gray-50);
  border: 1px solid var(--gray-400);
  outline: 1px solid var(--gray-400);
  color: var(--main-dark);
}

.lbtn-gray:disabled {
  background-color: var(--gray-100);
  border: 1px solid var(--gray-100);
  outline: 1px solid transparent;
  color: var(--gray-400);
}

.lbtn-ghost-black {
  background-color: transparent;
  color: var(--main-dark);
  border: 1px solid transparent;
}

.lbtn-ghost-black:hover {
  background-color: var(--gray-50);
  color: var(--main-dark);
  border: 1px solid var(--gray-50);
}

.lbtn-ghost-black:active:not(:disabled) {
  background-color: transparent;
  color: var(--main-dark);
  border: 1px solid transparent;
}

.lbtn-ghost-black:disabled {
  background-color: transparent;
  color: var(--gray-400);
}

.lshadow-xs-gray {
  box-shadow: 0 1px 2px rgba(82, 90, 106, 0.05);
}

.lshadow-sm-gray {
  box-shadow: 0 1px 3px rgba(82, 90, 106, 0.1), 0 1px 2px rgba(82, 90, 106, 0.06);
}

.lshadow-md-gray {
  box-shadow: 0 4px 8px -2px rgba(82, 90, 106, 0.1), 0 2px 4px -2px rgba(82, 90, 106, 0.06);
}

.lshadow-lg-gray {
  box-shadow: 0 12px 16px -4px rgba(82, 90, 106, 0.08), 0 4px 6px -2px rgba(82, 90, 106, 0.03);
}

.lshadow-xl-gray {
  box-shadow: 0 20px 24px -4px rgba(82, 90, 106, 0.08), 0 8px 8px -4px rgba(82, 90, 106, 0.03);
}

.lshadow-2xl-gray {
  box-shadow: 0 24px 48px -12px rgba(82, 90, 106, 0.18);
}

.lshadow-3xl-gray {
  box-shadow: 0 32px 64px -12px rgba(82, 90, 106, 0.14);
}

.lshadow-xs-green {
  box-shadow: 0 1px 2px rgba(12, 103, 109, 0.05);
}

.lshadow-sm-green {
  box-shadow: 0 1px 3px rgba(12, 103, 109, 0.1), 0 1px 2px rgba(12, 103, 109, 0.06);
}

.lshadow-md-green {
  box-shadow: 0 4px 8px -2px rgba(12, 103, 109, 0.1), 0 2px 4px -2px rgba(12, 103, 109, 0.06);
}

.lshadow-lg-green {
  box-shadow: 0 12px 16px -4px rgba(12, 103, 109, 0.08), 0 4px 6px -2px rgba(12, 103, 109, 0.03);
}

.lshadow-xl-green {
  box-shadow: 0 20px 24px -4px rgba(12, 103, 109, 0.08), 0 8px 8px -4px rgba(12, 103, 109, 0.03);
}

.lshadow-2xl-green {
  box-shadow: 0 24px 48px -12px rgba(12, 103, 109, 0.18);
}

.lshadow-3xl-green {
  box-shadow: 0 32px 64px -12px rgba(12, 103, 109, 0.14);
}

.licon {

}

.licon-green {
  filter: invert(30%) sepia(12%) saturate(4030%) hue-rotate(140deg) brightness(96%) contrast(91%);
}

.licon-white {
  filter: invert(100%) sepia(8%) saturate(33%) hue-rotate(321deg) brightness(107%) contrast(109%);
}

.licon-gray {
  filter: invert(33%) sepia(12%) saturate(722%) hue-rotate(182deg) brightness(95%) contrast(84%);
}

.licon-green-soft {
  filter: invert(34%) sepia(97%) saturate(3176%) hue-rotate(160deg) brightness(85%) contrast(88%);
}

.licon-warning {
  filter: invert(69%) sepia(74%) saturate(3732%) hue-rotate(359deg) brightness(102%) contrast(94%);
}

.licon-16 {
  width: 16px;
  height: 16px;
}
.licon-20 {
  width: 20px;
  height: 20px;
}
.licon-24 {
  width: 24px;
  height: 24px;
}

.lheader-avatar {
  width: 40px;
  height: 40px;
}

.lheader-no-avatar {
  filter: saturate(0) brightness(0.85) contrast(3);
}

.lrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.lcol-1, .lcol-2, .lcol-3, .lcol-4, .lcol-5, .lcol-6, .lcol-7, .lcol-8, .lcol-9, .lcol-10, .lcol-11, .lcol-12 {
  padding-right: 0;
  padding-left: 0;
}

.lcabinet-container {
  padding: 24px 16px;
}

h2 {
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 0;
}

.ldivider {
  width: 100%;
  height: 0;
  margin: 0;
  border: 1px solid var(--gray-100);
}


.lbadge {
  /* Badge */
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 2px 8px;
  gap: 2px;
  width: fit-content;
  height: 22px;
  border-radius: 16px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  /* identical to box height, or 150% */
  text-align: center;
  /* Border */
  border: 1px solid var(--gray-100);
  background: var(--gray-50);
  /* Color styles/Black */
  color: #000000;
}

.lbadge.lbadge-success {
  /* Color styles/Success/50 */
  background: #ECFDF3;
  /* Color styles/Success/200 */
  border-color:#A9EFC5;
  /* Color styles/Success/600 */
  color: #079455;
}

.lbadge.lbadge-warning {
  /* Color styles/Warning/50 */
  background: #FFFAEB;
  /* Color styles/Warning/200 */
  border-color: #FEDF89;
  /* Color styles/Warning/600 */
  color: #DC6803;
}

.lbadge.lbadge-danger {
  /* Color styles/Error/100 */
  background: #FEF3F2;
  /* Color styles/Secondary/200 */
  border-color: #F9BFBE;
  /* Color styles/Error/600 */
  color: #D92D20;
}

.lbadge.lbadge-info {
  background: #E6F2F2;
  border-color: #E6F2F2;
}

.lbadge.lbadge-primary {
  border-color: #9FCDCF;
  background: #E6F2F2;
  color: var(--green-500);
}

.ltooltip {

}

.ltooltip .tooltip-inner {
  /* Color styles/Gray/900 */
  background: var(--main-dark);
  border-radius: 8px;

  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;

  /* Text styles/Text extra small/Medium */
  font-style: normal;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.125rem;
  /* identical to box height, or 150% */
  /* Color styles/White */
  color: #FFFFFF;
}

.ltooltip .arrow:before {
  border-top-color: var(--main-dark);
}


.lbdropdown-btn {
  padding: 0;
}

.lbdropdown-menu {
  /* Auto layout */
  padding: 4px 0px;
  left: 8px !important;
  /* Color styles/White */
  background: #FFFFFF;
  /* Color styles/Gray/100 */
  border: 1px solid var(--gray-100);
  /* Shadow - gray */
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  border-radius: 8px;
}

.lbdropdown-menu-item {
  /* _Dropdown list item */
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px;
  gap: 12px;
  /* Inside auto layout */
  flex: none;
  order: 0;
  flex-grow: 0;
  color: var(--gray-700);
}

.lbdropdown-menu-item.item-danger {
  color: #D92D20;
}

.lbdropdown-menu-item.item-danger.disabled {
  color: #F9BFBE;
}

.ltable {
  background-color: #FFFFFF;
  border-collapse: unset;
  border-spacing: 0;
  border: 1px solid var(--gray-100);
  border-radius: 8px;
}

.ltable thead th {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-transform: unset;
  color: var(--main-dark);
  border-width: 0;
  vertical-align: bottom;
  border-bottom: 1px solid var(--gray-100);
}

.ltable td, .ltable th {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--main-dark);
  padding: 16px;
  vertical-align: top;
  border-bottom: 1px solid var(--gray-50);
  border-top: unset;
}

.lcustom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.6em + 1.625rem);
  padding: 10px 16px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: var(--green-600);
  vertical-align: middle;
  border: 1px solid #C2C6CE;
  border-radius: 8px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.lcustom-select::after {
  content: "";
  background: #fff url('/assets/learniverse/icon/arrow-down.svg') no-repeat right .5rem center / 1rem 1rem;
}

.lform-group-label {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  color: var(--main-dark);
  padding-bottom: 6px;
  margin-bottom: 0;
}

.lform-input {
  border: 1px solid #C2C6CE;
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  height: calc(16px + 1.25rem);
}

.lform-input:focus {
  border-color: var(--green-400);
}

.lform-input.is-invalid {
  border-color: var(--red-500);
  background-image: none;
}

.lform-textarea {
  border: 1px solid #C2C6CE;
  border-radius: 8px;
  padding: 8px 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.lform-textarea:focus {
  border-color: var(--green-400);
}

.lform-textarea.is-invalid {
  border-color: #F04438;
  background-image: none;
}

.lform-group-text {
  flex: none;
  order: 2;
  align-self: stretch;
  flex-grow: 0;
}

.lform-group-text.lform-group-invalid-feedback {
  color: var(--red-500);
}

.lform-group-text.lform-group-description {
  color: var(--gray-500);
}

.form-text:has(> .lform-group-description) {
  margin-top: 6px;
}

.invalid-feedback:has(> .lform-group-invalid-feedback) {
  margin-top: 6px;
}

.lform-custom-radio-group-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.lform-custom-radio-group-wrapper .lform-custom-radio-wrapper {
  margin-bottom: 8px;
  max-width: 100%;
}

.lform-custom-radio-group-wrapper.lform-custom-radio-group-wrapper-block .lform-custom-radio-wrapper {
  width: 100%;
  margin-right: 0;
}

@media (max-width: 576px) {
  .lform-custom-radio-group-wrapper.lform-custom-radio-group-wrapper-block-xs .lform-custom-radio-wrapper {
    width: 100%;
  }
}

.lform-custom-radio-wrapper {
  width: unset;
  margin-right: 8px;
  min-height: calc(16px + 1.25rem);
  padding: 0;
  border: 1px solid var(--gray-100);
  border-radius: 8px;

  background-color: #fff;
  background-clip: padding-box;
}

.lform-custom-radio-wrapper > .lform-custom-radio {
  padding: 0;
}

.lform-custom-radio-wrapper.active {
  border: 1px solid var(--green-300);
  box-shadow: 0 1px 3px rgba(12, 103, 109, 0.1), 0 1px 2px rgba(12, 103, 109, 0.06);
}

.lform-custom-radio {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.lform-custom-radio .custom-control-input {
  width: 20px;
  height: 20px;
}

.lform-custom-radio .custom-control-label {
  padding: 7px 11px 7px 39px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  white-space: nowrap;
  width: 100%;
}

.lform-custom-radio-group-wrapper-block .lform-custom-radio .custom-control-label {
  padding: 7px 11px 7px 39px;
  overflow: auto;
  text-overflow: unset;
  -webkit-box-orient: initial;
  -webkit-line-clamp: unset;
  line-clamp: unset;
  white-space: normal;
  width: 100%;
}

@media (max-width: 576px) {
  .lform-custom-radio-group-wrapper-block-xs .lform-custom-radio .custom-control-label {
    padding: 7px 11px 7px 39px;
    overflow: auto;
    text-overflow: unset;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    white-space: normal;
    width: 100%;
  }
}

.lform-custom-radio .custom-control-label::before {
  position: absolute;
  top: 7px;
  left: 12px;
  display: block;
  width: 20px;
  height: 20px;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1.5px solid var(--gray-600);
}

.lform-custom-radio .custom-control-input[disabled]~.custom-control-label {
  color: var(--gray-400);
}

.lform-custom-radio .custom-control-input[disabled]~.custom-control-label::before {
  border: 1.5px solid var(--gray-400);
}

.lform-custom-radio .custom-control-label::after {
  position: absolute;
  top: 7px;
  left: 12px;
  display: block;
  width: 20px;
  height: 20px;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.lform-custom-radio .custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: var(--green-600);
  background-color: var(--green-600);
}

.lform-custom-control-checkbox-group {
  display: flex;
  flex-wrap: wrap;
}

.lform-custom-control-checkbox {
  width: unset;
  margin-right: 8px;
  height: calc(16px + 1.25rem);
  padding: 0 !important;
  border: 1px solid var(--gray-400);
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}

.lform-custom-control-checkbox.checked {
  background: var(--gray-50);
}

.lform-custom-control-checkbox .custom-control-input {
  width: 20px;
  height: 20px;
}

.lform-custom-control-checkbox .custom-control-label {
  padding: 7px 11px 7px 36px;
}

.lform-custom-control-checkbox .custom-control-label::before {
  position: absolute;
  top: 9px;
  left: 12px;
  display: block;
  width: 16px;
  height: 16px;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: 1px solid var(--gray-600);
}

.lform-custom-control-checkbox .custom-control-label::after {
  position: absolute;
  top: 9px;
  left: 12px;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background: no-repeat 50% / 50% 50%;
}

.lform-custom-control-checkbox .custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: var(--green-600);
  background-color: var(--green-600);
}

.lmultiselect .multiselect__tags {
  border: 1px solid #C2C6CE;
  border-radius: 8px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  min-height: calc(16px + 1.25rem);
}

.lmultiselect-single .multiselect__tags {
  height: calc(16px + 1.25rem) !important;
}

.lmultiselect .multiselect__placeholder {
  padding-top: 0;
  padding-left: 4px;
}

.lmultiselect.multiselect--above.multiselect--active .multiselect__tags {
  border-radius: 8px;
}

.lmultiselect.multiselect--active:not(.multiselect--above) .multiselect__tags {
  border-radius: 8px;
}

.lmultiselect .multiselect__single, .lmultiselect .multiselect__input {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: var(--main-dark);
  width: unset;
  margin: 0;
  padding: 0 4px;
}

.lmultiselect .multiselect__input {
  margin-bottom: 4px;
}

.lmultiselect .lmultiselect-tag .licon {
  cursor: pointer;
  margin-top: -2px;
}

.lmultiselect .multiselect__content-wrapper {
  position: absolute;
  display: block;
  background: #fff;
  width: 100%;
  max-height: 240px;
  overflow: auto;
  border: 1px solid var(--gray-100);
  border-radius: 8px;
  z-index: 50;
  -webkit-overflow-scrolling: touch;

  box-shadow: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
}

.lmultiselect.multiselect--above .multiselect__content-wrapper {
  bottom: calc(100% + 4px);
  border-radius: 8px;
  border: 1px solid var(--gray-100);
}

.lmultiselect:not(.multiselect--above) .multiselect__content-wrapper {
  margin-top: 4px;
}

.lmultiselect .multiselect__option {
  display: block;
  padding: 8px;
  min-height: calc(16px + 1.25rem);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  -webkit-text-decoration: none;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
  position: relative;
  cursor: pointer;
  white-space: nowrap;
  background: #fff;
  outline: none;
  color: var(--main-dark);
}

.lmultiselect .multiselect__option--selected {
  background-color: var(--gray-50);
  color: var(--main-dark);
}

.lmultiselect .multiselect__option:hover {
  background-color: var(--gray-50);
  color: var(--main-dark);
}

.lmultiselect .multiselect__option--selected.multiselect__option--highlight {
  background-color: var(--gray-50);
  color: var(--main-dark);
}

.lmultiselect .multiselect__select {
  position: absolute;
  width: 20px;
  height: 20px;
  right: 12px;
  top: 8px;
  padding: 0;
  text-align: center;
  transition: transform .2s ease;
}

.lmultiselect .multiselect__select::before {
  content: unset;
}

.lmultiselect .lmultiselect-tag {
  padding: 2px 6px 2px 6px;
  background: var(--gray-50);
  border: 1px solid var(--gray-100);
  border-radius: 4px;
  color: var(--gray-700);
  font-weight: 600;
  font-size: 0.75rem;
  line-height: 1.125rem;
  margin: -3px 4px 0 0;
}

::-moz-selection {
  color: #fff;
  background-color: var(--background-color)
}

::selection {
  color: var(--background-color);
  background-color: var(--secondary)
}

.line-clamp {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.line-clamp-1 {
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.line-clamp-2 {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.line-clamp-3 {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.line-clamp-5 {
  -webkit-line-clamp: 5;
  line-clamp: 5;
}

.lnav-pills {
  background-color: transparent;
}

.lnav-pills .nav-link {
  border-radius: 8px;
  color: var(--main-dark);
}

.lnav-pills .nav-link.active {
  color: var(--green-500);
}

.lnav-pills .nav-link:hover {
  color: var(--green-500);
}

/** Layout items **/

.header-ta {
  background: #031A1B;
  padding-top: 12px;
  padding-bottom: 12px;

  z-index: 1000;
}

.header-ta > .lcontainer-fluid {
  row-gap: 8px;
}

.btn-ta {
  border: 1px solid var(--gray-600);
  border-radius: 8px;
  padding: 3px 16px;
  color: #C2C6CE;
  background: transparent;
  margin-right: 8px;
  white-space: nowrap;

  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.btn-ta:hover {
  color: #C2C6CE;
}

.btn-ta.active {
  border: 1px solid #FFFFFF;
  color: #031A1B;
  background: #FFFFFF;
}
.btn-ta.active:hover {
  color: #031A1B;
}

.header-primary {
  border-bottom: 1px solid var(--gray-100);
  background: #FFFFFF;
  padding-top: 16px;
  padding-bottom: 15px;

  z-index: 1000;
}

.header-primary .lcontainer-fluid {
  height: 40px;
}

.header-primary .float-left > a {
  margin-right: 24px;
  float: left;
  height: 40px;
}
.header-primary .float-right > a {
  margin-left: 8px;
  float: right;
}

@media (max-width: 375px) {
  .header-primary .float-left > a {
    margin-right: 23px;
  }
}

.header-primary .brand-logo-img {
  height: 32px;
  margin-top: 2px;
}

.header-primary-link {
  padding: 10px 0;
  font-size: 14px;
  line-height: 20px;
  font-weight: 500;
}

@media (max-width: 600px) {
  .header-primary-link-personalized-solutions {
    display: none;
  }
}

.header-primary-courses-sidebar {
  position: absolute;
  top: 122px;
  left: 0;
  width: 320px;
  background: var(--gray-50);
  border: 1px solid var(--gray-100);
  height: calc(95vh - 132px);
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  transition: opacity .4s ease-in-out;

  z-index: 1000;
}

.header-primary-courses-sidebar.visible {
  opacity: 1;
}

.header-primary-courses-sidebar.invisible {
  opacity: 0;
}

@media (max-width: 576px) {
  .header-primary-courses-sidebar {
    top: 0;
    height: 100vh;
    border-radius: 0;
  }
}

.header-primary-courses-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.3);
  transition: opacity .4s ease-in-out;

  top: 122px;
  height: 100%;
}

.header-primary-courses-overlay.visible {
  opacity: 1;
}

.header-primary-courses-overlay.invisible {
  opacity: 0;
}

@media (max-width: 576px) {
  .header-primary-courses-overlay {
    top: 0;
  }
}

.header-primary-courses-sidebar-container {
  width: 100%;
  height: 100%;
  padding: 8px 16px;
}

.header-primary-courses-sidebar-item {
  padding: 8px 16px;
}

.header-primary-courses-sidebar-item-spacing-bottom {
  margin-bottom: 24px;
}



/** Cabinet layout items **/
@media (max-width: 991.98px) {
  .navbar-expand-lg.navbar {
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--gray-100);
  }
}

@media (max-width: 991.98px) {
  .navbar-expand-lg .navbar-nav {
    margin-top: 0;
    margin-bottom: 0;
  }
}

.lpublic-header-navbar {

}

.lpublic-header-collapse {

}

.lpublic-header-navbar .navbar-nav .luser-avatar-item-dropdown {
  padding: 0;
  width: 40px;
}

.lcabinet-header-collapse {
  border-bottom: 1px solid var(--gray-100);
}

.lcabinet-header-desktop .navbar-nav .luser-avatar-item-dropdown {
  padding: 16px 0 15px 0;
  width: 40px
}

.lcabinet-header-navbar .navbar-nav .luser-avatar-item-dropdown {
  padding: 16px 0 15px 0;
  width: 40px
}

.lcabinet-header-navbar .brand-logo {
  display: block;
  height: 72px;
}

.lcabinet-header-navbar .brand-logo-img {
  margin-left: 32px;
  margin-top: 20px;
}

.lcabinet-sidebar-wrapper {
  border-right: 1px solid var(--gray-100);
}

.lcabinet-logo-wrapper {
  border-right: 1px solid var(--gray-100);
}

.lcard {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  box-sizing: border-box;
  border: 1px solid var(--gray-100);
  border-radius: 8px;
  box-shadow: none !important;
}

.lcard.selected {
  border: 1px solid var(--green-300);
  box-shadow: 1px 2px 4px rgba(15, 129, 136, 0.15) !important;
}

.lcard .lcard-body {
  padding: 1.5rem;
  display: flex;
  justify-content: space-between;
  flex-grow: 0;
  flex-direction: column;
}

.lcard-header {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 600;
  color: var(--gray-600);
  text-transform: uppercase;
  padding: 0 0 1rem 0;
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--gray-100);
}

.lcard-section {
  margin-bottom: 60px;
}

.lform-check-input {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: 16px;
  height: 16px;
  border: 1px solid var(--gray-600);
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  align-content: flex-start;
  margin-top: 2px;
}

.lform-check-input-checked {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: 16px;
  height: 16px;
  background: var(--green-500) !important;
  border: 1px solid var(--green-500) !important;
  border-radius: 4px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: all 300ms ease-out;
}

.lform-check-input-checked:after {
  content: '';
  display: block;
  width: 65%;
  height: 65%;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  justify-content: center;
  align-items: center;
}

.lform-check-label {
  font-style: normal;
  font-weight: 300;
  font-size: 0.875rem;
  line-height: 20px;
  color: var(--gray-700);
  margin-left: 6px;
  vertical-align: middle;
  max-width: 90%;
  margin-bottom: 0;
}

.lform-checkbox .custom-control-label {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.375rem;
  color: var(--main-dark);
}

.lform-checkbox .custom-control-label::before {
  top: 3px;
}

.lform-checkbox .custom-control-label::after {
  top: 3px;
}

.lform-checkbox .custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: var(--green-600);
  background-color: var(--green-600);
}

.layout-public .header-primary > .d-sm-none .luser-avatar-item-dropdown,
.lcabinet-header-mobile .luser-avatar-item-dropdown {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.lcabinet-header-mobile .b-sidebar {
  border-right: var(--gray-100);
}

.lcabinet-header-mobile .b-sidebar-backdrop {
  background-color: rgba(20, 22, 27, .25) !important;
  opacity: 1 !important;
}

.layout-public .header-primary .dropdown-menu,
.lcabinet-header-desktop .dropdown-menu,
.lcabinet-header-mobile .dropdown-menu {
  border: 1px solid var(--gray-100) !important;
  border-radius: 8px !important;
  padding: 0 !important;
  margin-right: 0;
  margin-top: -8px;
  line-height: 18px;
  min-width: 240px;

  box-shadow: 0 4px 6px -2px rgba(16, 24, 40, 0.03), 0 12px 16px -4px rgba(16, 24, 40, 0.08);
}

.layout-public .header-primary .dropdown-menu {
  margin-top: 8px;
}

.lcabinet-header-mobile .dropdown-menu {
  margin-right: 16px;
  margin-top: -4px;
}

/* Tabs */
.ltabs {
  gap: 24px;
  border-bottom: 1px solid var(--gray-100);
}

.ltabs-no-border {
  border-bottom: none;
  flex-wrap: nowrap;
}

.ltabs .nav-item {
  margin: 0;
}

.ltabs .ltab-link {
  font-size: 14px;
  line-height: 20px;
  color: var(--gray-600);
}

.ltabs .ltab-link.active {
  background-color: transparent;
  color: var(--green-600) !important;
  border-bottom-color: var(--green-600);
}

.ltab-link-active {
  background-color: transparent;
  color: var(--green-600) !important;
  border-bottom-color: var(--green-600) !important;
}

.ltabs .ltab-link.disabled {
  color: var(--gray-400);
}

@media (max-width: 576px) {
  .ltabs {
    margin-bottom: 16px;
  }
}