@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
.bg-primary-20 {
  background-color: #d92c26;
}
.bg-primary-40 {
  background-color: #f5433d;
}
.bg-primary-60 {
  background-color: #ff524d;
}
.bg-primary-80 {
  background-color: #ff6b66;
}
.bg-primary-100 {
  background-color: #f6efee;
}
.bg-secondary-20 {
  background-color: #0b2060;
}
.bg-secondary-40 {
  background-color: #1f367a;
}
.bg-secondary-60 {
  background-color: #3453b2;
}
.bg-secondary-80 {
  background-color: #8ca6f2;
}
.bg-secondary-100 {
  background-color: #f1f4fd;
}
.bg-neutral-20 {
  background-color: #242442;
}
.bg-neutral-40 {
  background-color: #464653;
}
.bg-neutral-60 {
  background-color: #bdbcc8;
}
.bg-neutral-80 {
  background-color: #e2e2e9;
}
.bg-neutral-90 {
  background-color: #f6f6fb;
}
.bg-neutral-100 {
  background-color: #ffffff;
}
.text-primary-20 {
  color: #d92c26;
}
.text-primary-40 {
  color: #f5433d;
}
.text-primary-60 {
  color: #ff524d;
}
.text-primary-80 {
  color: #ff6b66;
}
.text-primary-100 {
  color: #f6efee;
}
.text-secondary-20 {
  color: #0b2060;
}
.text-secondary-40 {
  color: #1f367a;
}
.text-secondary-60 {
  color: #3453b2;
}
.text-secondary-80 {
  color: #8ca6f2;
}
.text-secondary-100 {
  color: #f1f4fd;
}
.text-neutral-20 {
  color: #242442;
}
.text-neutral-40 {
  color: #464653;
}
.text-neutral-60 {
  color: #bdbcc8;
}
.text-neutral-80 {
  color: #e2e2e9;
}
.text-neutral-90 {
  color: #f6f6fb;
}
.text-neutral-100 {
  color: #ffffff;
}
html {
  font-size: 16px;
}
html,
body {
  height: 100%;
  margin: 0;
}
/* a11y */
html.font-sm {
  font-size: 16px;
}
html.font-md {
  font-size: 112.5%;
}
/* 18px przy base 16px */
html.font-lg {
  font-size: 125%;
}
/* 20px */
body.high-contrast {
  background-color: #000 !important;
  color: #fff !important;
}
body {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 1rem;
  background-color: #ffffff;
  color: #242442;
  display: flex;
  flex-direction: column;
}
body.admin-bar section.main-nav {
  top: 32px;
}
body.admin-bar aside.dashboard-sidebar {
  top: 32px;
}
body.no-scroll {
  overflow: hidden;
  height: 100vh;
}
.grecaptcha-badge {
  display: none !important;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
/* TYPOGRAFIA */
.text-center {
  text-align: center;
}
hr {
  background-color: #e2e2e9;
}
p {
  margin: 0 0 1rem 0;
}
ul.list-unstyled,
ol.list-unstyled {
  margin: 0;
  padding: 0 0 20px;
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h-900,
.h-800,
.h-700,
.h-600,
.h-500,
.body-heading {
  font-family: "DM Sans";
  font-style: normal;
  font-weight: 600;
  margin-top: 0;
}
.h-900 {
  font-size: 3.75rem;
  line-height: 4rem;
  letter-spacing: -0.15rem;
}
.h-800 {
  font-size: 3.5rem;
  line-height: 3.75rem;
  letter-spacing: -0.07rem;
}
.h-700 {
  font-size: 2.5rem;
  line-height: 3rem;
  letter-spacing: -0.05rem;
}
.h-600 {
  font-size: 2rem;
  line-height: 2.5rem;
  letter-spacing: -0.04rem;
}
.h-500 {
  font-size: 1.75rem;
  line-height: 2.25rem;
  letter-spacing: -0.035rem;
}
.body-heading {
  font-size: 1.375rem;
  line-height: 1.75rem;
  letter-spacing: -0.055rem;
}
.border {
  border: 1px solid #bdbcc8;
}
.border-top {
  border-top: 1px solid #bdbcc8;
}
.border-bottom {
  border-bottom: 1px solid #bdbcc8;
}
.border-left {
  border-left: 1px solid #bdbcc8;
}
.border-right {
  border-right: 1px solid #bdbcc8;
}
.border-neutral-20 {
  border-color: #242442;
}
.border-neutral-40 {
  border-color: #464653;
}
.border-neutral-60 {
  border-color: #bdbcc8;
}
.border-neutral-80 {
  border-color: #e2e2e9;
}
.border-neutral-90 {
  border-color: #f6f6fb;
}
.border-neutral-100 {
  border-color: #ffffff;
}
.subtitle-1,
.subtitle-2,
.body-l,
.body-m,
.body-s,
.caption,
.caption-2,
.input-text,
.input-label {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 400;
}
.body-l-medium,
.body-m-medium,
.body-s-medium {
  font-family: "Noto Sans";
  font-style: normal;
  font-weight: 500;
}
.subtitle-1 {
  font-size: 1.375rem;
  line-height: 1.875rem;
  letter-spacing: -0.0275rem;
}
.subtitle-2 {
  font-size: 1.125rem;
  line-height: 1.75rem;
  letter-spacing: -0.0225rem;
}
.body-l,
.body-l-medium {
  font-size: 1.125rem;
  line-height: 1.875rem;
  letter-spacing: -0.0225rem;
}
.body-m,
.body-m-medium {
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: -0.02rem;
}
.body-s,
.body-s-medium {
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: -0.0175rem;
}
.button-text {
  font-family: "DM Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  letter-spacing: -0.04rem;
}
.menu-text {
  font-family: "DM Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  letter-spacing: -0.04rem;
}
.caption {
  font-size: 0.875rem;
  line-height: 1.375rem;
  letter-spacing: -0.0175rem;
}
.caption-2 {
  font-size: 0.75rem;
  line-height: 1.25rem;
  letter-spacing: -0.015rem;
}
.input-text {
  font-size: 1rem;
  line-height: 1rem;
  letter-spacing: -0.02rem;
}
.input-label {
  font-size: 0.625rem;
  line-height: 0.625rem;
  letter-spacing: -0.0125rem;
}
/* boder */
/* line height */
.line-height-0 {
  line-height: 0;
}
/* links */
.text-decoration-none {
  text-decoration: none;
}
a {
  transition: 0.4s;
  text-decoration: none;
}
a:hover {
  color: #d92c26;
  text-decoration: underline;
}
.dark-link {
  color: #242442;
  text-decoration: none;
}
.dark-link:visited {
  color: #242442;
}
.dark-link:hover {
  color: #d92c26;
  text-decoration: underline;
}
.primary-20-link {
  color: #d92c26;
  text-decoration: none;
}
.primary-20-link:visited {
  color: #d92c26;
}
.primary-20-link:hover {
  color: #0b2060;
  text-decoration: underline;
}
/* shadows */
.soft-shadow {
  box-shadow: -12px 12px 40px 0px rgba(43, 43, 63, 0.08);
}
/* text color */
.text-primary-20 {
  color: #d92c26;
}
/* font weight */
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
/* inputs & forms */
abbr {
  color: #d92c26;
}
label {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  /* 157.143% */
  letter-spacing: -0.28px;
  margin-bottom: 4px;
  display: block;
}
.form-error {
  color: #d92c26;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 40px white inset !important;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 100% */
  letter-spacing: -0.32px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #e2e2e9;
  padding: 0 24px;
  display: block;
  width: 100%;
  background-color: #ffffff;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  border-color: #242442;
  outline: none;
  -webkit-box-shadow: unset;
}
input[type="text"][readonly],
input[type="email"][readonly],
input[type="url"][readonly],
input[type="password"][readonly],
input[type="search"][readonly],
input[type="number"][readonly],
input[type="tel"][readonly],
input[type="range"][readonly],
input[type="date"][readonly],
input[type="month"][readonly],
input[type="week"][readonly],
input[type="time"][readonly],
input[type="datetime"][readonly],
input[type="datetime-local"][readonly],
input[type="color"][readonly],
textarea[readonly] {
  background-color: #f6f6fb;
}
input.search {
  background-image: url('https://e-learning.devversion.pl/wp-content/themes/elearinig/assets/css/../img/icons/search.svg');
  background-position: left 16px center;
  background-repeat: no-repeat;
  padding-left: 42px;
}
textarea {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  max-height: 250px;
  height: 150px;
  min-height: 50px;
  padding: 24px;
}
select {
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
  /* 100% */
  letter-spacing: -0.32px;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #e2e2e9;
  padding: 0 24px;
  display: block;
  width: 100%;
  background-color: #ffffff;
}
select:focus {
  border-color: #242442;
  outline: none;
  -webkit-box-shadow: unset;
}
form label.error {
  color: #f42547;
}
.form-response {
  border-radius: 8px;
}
.form-response.success {
  padding: 12px;
  background-color: #e8fcea;
  color: #0f8a1a;
}
.form-response.error {
  padding: 12px;
  background-color: #fce8eb;
  color: #8a0f24;
}
.form-input.form-xs input,
.form-input.form-xs select {
  height: 32px;
  font-size: 0.875rem;
  padding: 0 12px;
}
.form-input.form-xs input.search,
.form-input.form-xs select.search {
  padding-left: 36px;
  background-position: left 12px center;
}
.form-input.form-xs select {
  padding: 0 12px;
}
.form-radio-wrapper {
  gap: 8px;
}
.form-radio {
  display: flex;
  align-items: center;
}
.form-radio label {
  margin: 0 0 0 8px;
  cursor: pointer;
}
.form-check {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 12px;
  font-size: 16px;
}
.form-check .form-check-input {
  margin-top: 2px;
  width: 18px;
  height: 18px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  appearance: none;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s, background-color 0.2s;
}
.form-check .form-check-input:checked {
  background-color: #007bff;
  border-color: #007bff;
}
.form-check .form-check-input[type="radio"] {
  border-radius: 50%;
}
.form-check .form-check-input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 3px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-check .form-check-input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #fff;
}
.form-check .form-check-label {
  cursor: pointer;
  user-select: none;
  line-height: 1.4;
}
/* table */
.table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75rem;
  border: 1px solid #e2e2e9;
  border-radius: 8px;
  overflow: hidden;
  background-color: #ffffff;
}
.table th,
.table td {
  padding: 6px 16px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e2e2e9;
  transition: all 0.4s;
}
.table th.actions,
.table td.actions {
  text-align: right;
  white-space: nowrap;
  width: 1%;
}
.table th {
  font-weight: 600;
  color: #464653;
  background-color: #ffffff;
}
.table tbody tr:hover {
  background-color: rgba(246, 246, 251, 0.3);
}
.table.neutral {
  background-color: #f6f6fb;
}
.table.neutral th {
  background-color: #efeff8;
}
.table.neutral td {
  background-color: #f6f6fb;
}
.table.neutral tbody tr:hover td {
  background-color: #e2e2e9;
}
/* modern-checkbox */
.modern-checkbox {
  display: block;
  margin-bottom: 16px;
}
.modern-checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.modern-checkbox label {
  font-family: "Noto Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  /* 150% */
  letter-spacing: -0.32px;
  position: relative;
  cursor: pointer;
}
.modern-checkbox label:before {
  content: '';
  -webkit-appearance: none;
  width: 24px;
  height: 24px;
  top: -1px;
  border-radius: 4px;
  border: 2px solid #e2e2e9;
  background-color: transparent;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}
.modern-checkbox input:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  left: 10px;
  width: 6px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.modern-checkbox input:checked + label:before {
  border-color: #f5433d;
  background-color: #d92c26;
}
/* switcher wrapper */
.switch-wrapper {
  display: flex;
  flex-wrap: wrap;
  cursor: pointer;
  user-select: none;
}
.switch-wrapper input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.switch-wrapper .switch-slider {
  position: relative;
  width: 40px;
  height: 20px;
  background-color: #e2e2e9;
  border-radius: 20px;
  transition: background-color 0.3s;
  margin-right: 8px;
}
.switch-wrapper .switch-slider::before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3px;
  width: 14px;
  height: 14px;
  background-color: #bdbcc8;
  border-radius: 50%;
  transition: transform 0.3s;
}
.switch-wrapper input:checked + .switch-slider {
  background-color: #d92c26;
}
.switch-wrapper input:checked + .switch-slider::before {
  transform: translateX(20px);
  background-color: #f1f4fd;
}
.switch-wrapper .switch-label-text {
  font-size: 14px;
  line-height: 1.4;
  width: calc(100% - 48px);
}
.switch-wrapper span.error {
  display: block;
  flex-basis: 100%;
  width: 100%;
  margin-top: 4px;
  font-size: 14px;
  color: #f42547;
}
/* badges */
.badge {
  display: inline-block;
  padding: 8px 16px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 6px;
  line-height: 1.4;
  letter-spacing: 0.5px;
}
.badge.badge-sm {
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 4px;
}
.badge.badge-error {
  background-color: #fce8eb;
  color: #8a0f24;
  border-color: #fce8eb;
}
.badge.badge-success {
  background-color: #e8fcea;
  color: #0f8a1a;
  border-color: #e8fcea;
}
.badge.badge-warning {
  background-color: #feeee5;
  color: #cc4400;
  border-color: #feeee5;
}
.badge.badge-info {
  background-color: #e5f2fe;
  color: #0045b3;
  border-color: #e5f2fe;
}
/* buttons */
.button {
  font-family: "DM Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1rem;
  /* 100% */
  letter-spacing: -0.04rem;
  text-decoration: none;
  transition: all 0.4s;
  padding: 0 24px;
  height: 48px;
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  position: relative;
  white-space: nowrap;
}
.button.button-sm {
  height: 40px;
}
.button.button-xs {
  height: 32px;
  font-size: 0.75rem;
}
.button.w-100 {
  width: 100%;
  justify-content: center;
}
.button.loading {
  position: relative;
  padding-left: 48px;
}
.button.loading:after {
  content: "";
  position: absolute;
  left: 24px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none"><path d="M21 12C20.9999 13.9005 20.3981 15.7523 19.2809 17.2899C18.1637 18.8274 16.5885 19.9719 14.7809 20.5591C12.9733 21.1464 11.0262 21.1463 9.21864 20.559C7.41109 19.9716 5.83588 18.8271 4.71876 17.2895C3.60165 15.7518 2.99999 13.9 3 11.9994C3.00001 10.0989 3.60171 8.24706 4.71884 6.70945C5.83598 5.17184 7.4112 4.02736 9.21877 3.44003C11.0263 2.8527 12.9734 2.85267 14.781 3.43995" stroke="%23fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  animation: spin 1s linear infinite;
}
.button.button-primary {
  background-color: #d92c26;
  color: #ffffff;
}
.button.button-primary:hover {
  background-color: #0b2060;
}
.button.button-primary:disabled,
.button.button-primary.disabled {
  background-color: #bdbcc8;
  cursor: not-allowed;
  text-decoration: none;
}
.button.button-secondary {
  background-color: #f6f6fb;
  color: #242442;
}
.button.button-secondary.secondary-button-gray {
  background-color: #f6f6fb;
  color: #d92c26;
}
.button.button-secondary:hover {
  background-color: #0b2060;
  color: #ffffff;
}
.button.button-secondary.hover-secondary-20:hover {
  background-color: #0b2060;
  color: #ffffff;
}
.button.button-secondary.hover-secondary-20.white:hover {
  background-color: #0b2060;
  color: #ffffff;
}
.button.button-secondary:disabled,
.button.button-secondary.disabled {
  color: #e2e2e9;
  background-color: #ffffff;
  border: 3px solid #bdbcc8;
  cursor: not-allowed;
  text-decoration: none;
}
.button.button-secondary.white {
  background-color: #ffffff;
}
.button.button-secondary.white:hover {
  background-color: #0b2060;
  color: #ffffff;
}
.button.button-secondary.white:disabled,
.button.button-secondary.white.disabled {
  color: #e2e2e9;
  background-color: #ffffff;
  border: 3px solid #bdbcc8;
  cursor: not-allowed;
  text-decoration: none;
}
.button.button-link {
  padding: 4px 8px;
  margin: 0;
  height: auto;
  background-color: transparent;
}
.button.button-link.button-primary {
  color: #f5433d;
}
.button.button-link.button-primary:hover {
  color: #ffffff;
}
.button.button-link.button-primary:hover svg path {
  stroke: #ffffff;
}
.button.button-link.button-dark {
  color: #0b2060;
}
.button.hover-primary-20:hover {
  background-color: #d92c26;
  color: #ffffff;
}
.button-group {
  display: flex;
  flex-wrap: wrap;
}
.button-group .button:first-child {
  margin-right: 40px;
}
/* button icons */
a.button-icon,
button.button-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 4px;
  border: none;
  padding: 0;
  margin: 0;
  background-color: #f6f6fb;
  cursor: pointer;
}
a.button-icon.button-sm,
button.button-icon.button-sm {
  height: 40px;
  width: 40px;
  padding: 0;
}
a.button-icon.button-xs,
button.button-icon.button-xs {
  height: 32px;
  width: 32px;
  padding: 0;
}
a.button-icon.active,
button.button-icon.active {
  background-color: #0b2060;
}
a.button-icon.active svg path,
button.button-icon.active svg path {
  stroke: #ffffff;
}
a.button-icon svg path,
button.button-icon svg path {
  stroke: #d92c26;
}
a.button-icon:hover,
button.button-icon:hover {
  background-color: #0b2060;
}
a.button-icon:hover svg path,
button.button-icon:hover svg path {
  stroke: #ffffff;
}
a.button-icon.button-white,
button.button-icon.button-white {
  background-color: #ffffff;
}
a.button-icon.button-white:hover,
button.button-icon.button-white:hover {
  background-color: #0b2060;
}
.alert {
  border-radius: 4px;
  padding: 12px 24px 8px 16px;
  display: flex;
  border: 1px solid #bdbcc8;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 16px;
}
.alert.alert-error {
  background-color: #fce8eb;
  color: #8a0f24;
  border-color: #fce8eb;
}
.alert.alert-success {
  background-color: #e8fcea;
  color: #0f8a1a;
  border-color: #e8fcea;
}
.alert.alert-warning {
  background-color: #feeee5;
  color: #cc4400;
  border-color: #feeee5;
}
.alert.alert-info {
  background-color: #e5f2fe;
  color: #0045b3;
  border-color: #e5f2fe;
}
.alert .alert-icon {
  margin-right: 8px;
}
.alert ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.5;
}
.alert span {
  line-height: 1.5;
}
/* entry content */
.entry-content a {
  text-decoration: underline;
  color: #d92c26;
}
.entry-content a:hover {
  color: #0b2060;
}
.entry-content ul,
.entry-content ol {
  margin: 1rem 0;
  padding: 0 0 0 1.5rem;
}
.entry-content blockquote {
  background-color: #f6f6fb;
  padding: 20px;
  border-radius: 8px;
  margin: 32px 0 32px 32px;
  font-style: italic;
}
.entry-content blockquote p:last-child {
  margin-bottom: 0;
}
/* ui sortable */
.ui-sortable {
  border: 1px solid #e2e2e9;
  padding: 8px;
}
.ui-sortable .list-group-item {
  background-color: #f6f6fb;
  border: 1px solid #e2e2e9;
  border-radius: 4px;
  padding: 8px 16px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: background-color 0.4s;
}
.ui-sortable .list-group-item:hover {
  background-color: #e2e2e9;
}
.ui-sortable .list-group-item:last-child {
  margin-bottom: 0;
}
ul.list-group {
  border: 1px solid #e2e2e9;
  padding: 8px;
  margin: 0;
}
ul.list-group .list-group-item {
  background-color: #f6f6fb;
  border: 1px solid #e2e2e9;
  border-radius: 4px;
  padding: 8px 16px;
  margin-bottom: 8px;
  transition: background-color 0.4s;
}
ul.list-group .list-group-item:last-child {
  margin-bottom: 0;
}
/* progress */
.progress {
  border: 1px solid #b2d4ff;
  border-radius: 68px;
  height: 20px;
}
.progress .progress-bar {
  background-color: #b2d4ff;
  color: #00204d;
  text-align: center;
  height: 18px;
  border-radius: 4px;
  font-size: 12px;
}
/* ul.taxonomy-checkbox-list */
ul.taxonomy-checkbox-list {
  max-height: 300px;
  overflow-y: auto;
  border: 1px solid #e2e2e9;
  list-style: none;
  margin: 0;
  padding: 16px;
  border-radius: 8px;
}
ul.taxonomy-checkbox-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.taxonomy-checkbox-list ul li {
  margin-left: 20px;
}
/* admin bar */
/* dashboard */
.dashboard-wrapper {
  position: relative;
}
.dashboard-wrapper aside.dashboard-sidebar {
  width: 250px;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 99;
  background-color: #ffffff;
  border-right: 1px solid #e2e2e9;
}
.dashboard-wrapper .dashboard-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 250px;
}
.dashboard-wrapper .dashboard-content .dashboard-header {
  border-bottom: 1px solid #e2e2e9;
}
/* .sidebar-logo */
.sidebar-logo {
  height: 73px;
  border-bottom: 1px solid #e2e2e9;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.sidebar-logo a {
  background-color: #ffffff;
  border-radius: 4px;
  line-height: 0;
  padding: 4px 16px 4px 24px;
}
.sidebar-logo a img {
  width: auto;
}
/* sidebar menu */
.sidebar-menu {
  overflow: auto;
  height: calc(100% - 209px);
}
.sidebar-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.sidebar-menu ul li a {
  display: block;
  padding: 6px 32px 6px 36px;
  margin: 0 12px;
  border-radius: 4px;
  color: #464653;
}
.sidebar-menu ul li a:hover {
  color: #242442;
  background-color: #f6f6fb;
}
.sidebar-menu ul li.has-submenu > a {
  position: relative;
}
.sidebar-menu ul li.has-submenu > a:before {
  content: '';
  background-image: url('https://e-learning.devversion.pl/wp-content/themes/elearinig/assets/css/../img/icons/chevron-down.svg');
  background-repeat: no-repeat;
  background-size: 24px;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 4px;
  top: 6px;
  transition: all 0.4s;
}
.sidebar-menu ul li.has-submenu.open a:before {
  transform: rotate(180deg);
}
.sidebar-menu ul li.has-submenu ul.submenu {
  padding-left: 16px;
}
.sidebar-menu ul li:last-child {
  margin-bottom: 0;
}
.sidebar-menu ul li.active a {
  color: #d92c26;
}
.sidebar-menu ul li.open ul.submenu {
  display: block;
}
.sidebar-menu ul > li > a {
  background-position: left 12px center;
  background-repeat: no-repeat;
  background-size: 16px;
}
.sidebar-menu ul > li.menu-icon-layout-dashboard > a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 3H4C3.44772 3 3 3.44772 3 4V11C3 11.5523 3.44772 12 4 12H9C9.55228 12 10 11.5523 10 11V4C10 3.44772 9.55228 3 9 3Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 3H15C14.4477 3 14 3.44772 14 4V7C14 7.55228 14.4477 8 15 8H20C20.5523 8 21 7.55228 21 7V4C21 3.44772 20.5523 3 20 3Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 12H15C14.4477 12 14 12.4477 14 13V20C14 20.5523 14.4477 21 15 21H20C20.5523 21 21 20.5523 21 20V13C21 12.4477 20.5523 12 20 12Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 16H4C3.44772 16 3 16.4477 3 17V20C3 20.5523 3.44772 21 4 21H9C9.55228 21 10 20.5523 10 20V17C10 16.4477 9.55228 16 9 16Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.sidebar-menu ul > li.menu-icon-computer > a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M17 2H7C5.89543 2 5 2.89543 5 4V8C5 9.10457 5.89543 10 7 10H17C18.1046 10 19 9.10457 19 8V4C19 2.89543 18.1046 2 17 2Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 14H4C2.89543 14 2 14.8954 2 16V20C2 21.1046 2.89543 22 4 22H20C21.1046 22 22 21.1046 22 20V16C22 14.8954 21.1046 14 20 14Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 18H8" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 18H18" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.sidebar-menu ul > li.menu-icon-users > a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M16 21V19C16 17.9391 15.5786 16.9217 14.8284 16.1716C14.0783 15.4214 13.0609 15 12 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 20.9999V18.9999C21.9993 18.1136 21.7044 17.2527 21.1614 16.5522C20.6184 15.8517 19.8581 15.3515 19 15.1299" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 3.12988C16.8604 3.35018 17.623 3.85058 18.1676 4.55219C18.7122 5.2538 19.0078 6.11671 19.0078 7.00488C19.0078 7.89305 18.7122 8.75596 18.1676 9.45757C17.623 10.1592 16.8604 10.6596 16 10.8799" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.sidebar-menu ul > li.menu-icon-file-video > a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M14.5 2H6C5.46957 2 4.96086 2.21071 4.58579 2.58579C4.21071 2.96086 4 3.46957 4 4V20C4 20.5304 4.21071 21.0391 4.58579 21.4142C4.96086 21.7893 5.46957 22 6 22H18C18.5304 22 19.0391 21.7893 19.4142 21.4142C19.7893 21.0391 20 20.5304 20 20V7.5L14.5 2Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14 2V8H20" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 11L15 14L10 17V11Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.sidebar-menu ul > li.menu-icon-book-open-check > a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M8 3H2V18H9C10.7 18 12 19.3 12 21V7C12 4.8 10.2 3 8 3Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 12L18 14L22 10" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 6V3H16C13.8 3 12 4.8 12 7V21C12 19.3 13.3 18 15 18H22V15.7" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.sidebar-menu ul > li.menu-icon-book-down > a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M4 19.5V4.5C4 3.83696 4.26339 3.20107 4.73223 2.73223C5.20107 2.26339 5.83696 2 6.5 2H20V22H6.5C5.83696 22 5.20107 21.7366 4.73223 21.2678C4.26339 20.7989 4 20.163 4 19.5ZM4 19.5C4 18.837 4.26339 18.2011 4.73223 17.7322C5.20107 17.2634 5.83696 17 6.5 17H20" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 13V7" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 10L12 13L15 10" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.sidebar-menu ul > li.menu-icon-user-cog > a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M18 18C19.6569 18 21 16.6569 21 15C21 13.3431 19.6569 12 18 12C16.3431 12 15 13.3431 15 15C15 16.6569 16.3431 18 18 18Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M9 11C11.2091 11 13 9.20914 13 7C13 4.79086 11.2091 3 9 3C6.79086 3 5 4.79086 5 7C5 9.20914 6.79086 11 9 11Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M10 15H6C4.93913 15 3.92172 15.4214 3.17157 16.1716C2.42143 16.9217 2 17.9391 2 19V21" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21.6998 16.4001L20.7998 16.1001" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.1998 13.9001L14.2998 13.6001" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.6001 18.6998L16.9001 17.7998" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.1001 12.1998L19.4001 11.2998" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.6002 18.7002L19.2002 17.7002" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16.7999 12.2998L16.3999 11.2998" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M14.2998 16.6002L15.2998 16.2002" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.7002 13.7999L21.7002 13.3999" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.sidebar-menu ul > li.menu-icon-log-out > a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M9 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H9" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 17L21 12L16 7" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M21 12H9" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.sidebar-menu ul > li.menu-icon-mails > a {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M20 4H8C6.89543 4 6 4.89543 6 6V15C6 16.1046 6.89543 17 8 17H20C21.1046 17 22 16.1046 22 15V6C22 4.89543 21.1046 4 20 4Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 7L14.9 10.78C14.33 11.08 13.67 11.08 13.1 10.78L6 7" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M2 8V19C2 20.1 2.9 21 4 21H18" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.sidebar-menu ul ul.submenu {
  display: none;
}
/* header */
.accessibility-controls {
  display: flex;
  align-items: center;
  margin-right: 46px;
}
.accessibility-controls button.control {
  width: 20px;
  height: 20px;
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: unset;
  border: none;
  padding: 0;
  cursor: pointer;
  background-color: transparent;
}
.accessibility-controls button.control:last-child {
  margin: 0;
}
.accessibility-controls button.control:active path,
.accessibility-controls button.control:hover path {
  fill: #d92c26;
}
/* cards */
.webinar-card {
  background: #f6f6fb;
  border-radius: 12px;
  padding: 20px;
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: box-shadow 0.3s;
}
.webinar-card .webinar-header {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
}
.webinar-card .webinar-header .webinar-type {
  font-size: 14px;
  font-weight: 600;
  color: #f5433d;
  text-transform: uppercase;
  margin-left: 8px;
}
.webinar-card .webinar-body {
  margin-bottom: 12px;
}
.webinar-card .webinar-body .webinar-title {
  font-size: 18px;
  font-weight: 700;
  color: #242442;
  margin: 0 0 12px;
}
.webinar-card .webinar-body .webinar-meta {
  font-size: 14px;
  color: #464653;
  margin-bottom: 6px;
}
.webinar-card .webinar-body .webinar-meta .label {
  font-weight: 600;
  color: #1f367a;
  margin-right: 4px;
}
.webinar-card .webinar-footer {
  margin-top: auto;
}
.webinar-card .webinar-footer .webinar-link {
  display: inline-block;
  color: #ff524d;
  font-weight: 600;
  text-decoration: none;
  border-bottom: 1px solid #ff524d;
  transition: color 0.2s;
}
.webinar-card .webinar-footer .webinar-link:hover {
  color: #f5433d;
  border-color: #f5433d;
}
/* card */
.card-file {
  background-color: #f6f6fb;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 12px 16px;
  height: 100%;
}
.card-file .file-info {
  padding: 0 16px;
  flex: 1;
}
.card-file .file-info .file-tax-labels {
  line-height: 1;
}
.card-file .file-info .file-meta {
  display: flex;
  flex-wrap: wrap;
}
.card-file .file-actions {
  display: flex;
  margin-left: auto;
}
/* paginaction */
.pagination {
  display: flex;
  flex-wrap: wrap;
}
.pagination .page-numbers {
  background-color: #f6f6fb;
  color: #242442;
  margin-right: 8px;
  height: 32px;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
}
.pagination .page-numbers.current {
  background-color: #d92c26;
  color: #f1f4fd;
}
.pagination .page-numbers:hover {
  background-color: #d92c26;
  color: #f1f4fd;
}
/* footer */
footer.footer-blank {
  margin-top: auto;
}
/* dashbaord footer */
.dashboard-footer .content {
  background-color: #0b2060;
}