@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;
}
.bg-success-20 {
  background-color: #08450d;
}
.bg-success-40 {
  background-color: #0f8a1a;
}
.bg-success-60 {
  background-color: #75f080;
}
.bg-success-80 {
  background-color: #baf7bf;
}
.bg-success-100 {
  background-color: #e8fcea;
}
.bg-warning-20 {
  background-color: #4d1a00;
}
.bg-warning-40 {
  background-color: #cc4400;
}
.bg-warning-60 {
  background-color: #ff9966;
}
.bg-warning-80 {
  background-color: #ffccb2;
}
.bg-warning-100 {
  background-color: #feeee5;
}
.bg-error-20 {
  background-color: #450812;
}
.bg-error-40 {
  background-color: #8a0f24;
}
.bg-error-60 {
  background-color: #f42547;
}
.bg-error-80 {
  background-color: #f7bac4;
}
.bg-error-100 {
  background-color: #fce8eb;
}
.bg-info-20 {
  background-color: #00204d;
}
.bg-info-40 {
  background-color: #0045b3;
}
.bg-info-60 {
  background-color: #66a6ff;
}
.bg-info-80 {
  background-color: #b2d4ff;
}
.bg-info-100 {
  background-color: #e5f2fe;
}
.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;
}
.text-success-20 {
  color: #08450d;
}
.text-success-40 {
  color: #0f8a1a;
}
.text-success-60 {
  color: #75f080;
}
.text-success-80 {
  color: #baf7bf;
}
.text-success-100 {
  color: #e8fcea;
}
.text-warning-20 {
  color: #4d1a00;
}
.text-warning-40 {
  color: #cc4400;
}
.text-warning-60 {
  color: #ff9966;
}
.text-warning-80 {
  color: #ffccb2;
}
.text-warning-100 {
  color: #feeee5;
}
.text-error-20 {
  color: #450812;
}
.text-error-40 {
  color: #8a0f24;
}
.text-error-60 {
  color: #f42547;
}
.text-error-80 {
  color: #f7bac4;
}
.text-error-100 {
  color: #fce8eb;
}
.text-info-20 {
  color: #00204d;
}
.text-info-40 {
  color: #0045b3;
}
.text-info-60 {
  color: #66a6ff;
}
.text-info-80 {
  color: #b2d4ff;
}
.text-info-100 {
  color: #e5f2fe;
}
html {
  font-size: 16px;
}
html,
body {
  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;
  min-height: 100vh;
  position: relative;
}
body.admin-bar {
  min-height: calc(100vh - 32px);
}
body.admin-bar .dashboard-header {
  top: 32px;
}
body.admin-bar aside.dashboard-sidebar {
  top: 102px;
}
body.admin-bar aside.dashboard-sidebar .sidebar-navigation {
  height: calc(100vh - 103px);
}
body.no-scroll {
  overflow: hidden;
  height: 100vh;
}
body.overlay:before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99;
}
.grecaptcha-badge {
  display: none !important;
}
/* Typography */
p {
  margin: 0 0 1rem 0;
}
fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
ul.list-unstyled {
  list-style: none;
}
/* radius */
.radius-4 {
  border-radius: 4px;
}
.radius-8 {
  border-radius: 8px;
}
/* text-center */
.text-center {
  text-align: center;
}
/* borders */
.border {
  border: 1px solid #e2e2e9;
}
/* Font sizes */
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;
}
.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 !important;
  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;
}
/* font weight */
.fw-400 {
  font-weight: 400;
}
.fw-500 {
  font-weight: 500;
}
.fw-600 {
  font-weight: 600;
}
.fw-700 {
  font-weight: 700;
}
/* 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;
}
/* 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 transparent 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.sxxxearch {
  background-image: url('https://wsapv2.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: 12px;
}
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-input.form-xs textarea {
  padding: 12px;
  height: auto;
}
.form-input.form-light input,
.form-input.form-light select,
.form-input.form-light textarea {
  background-color: #f6f6fb;
  border-color: #f6f6fb;
}
.form-input.form-light input:focus,
.form-input.form-light select:focus,
.form-input.form-light textarea:focus {
  border-color: #e2e2e9;
}
.form-input input.error {
  border-color: #d92c26;
}
.form-input input.error:focus {
  border-color: #d92c26;
}
.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;
}
/* file upload */
.file-upload-wrapper {
  max-width: 420px;
}
.file-upload-wrapper .file-heading {
  position: relative;
  transition: all 0.4s;
  padding: 0.5rem;
  background-color: #f6f6fb;
  border-radius: 4px;
}
.file-upload-wrapper .file-heading:hover {
  background-color: #e2e2e9;
}
.file-upload-wrapper .file-heading label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin: 0;
}
.file-upload-wrapper .file-heading input {
  z-index: 100;
  width: 100%;
  position: absolute;
  opacity: 0;
  left: 0;
  height: 37px;
  cursor: pointer;
}
.file-upload-wrapper .file-heading:hover {
  background-color: #f6f6fb;
}
.file-list {
  display: flex;
  flex-direction: column;
}
.file-list .item {
  background-color: #f6f6fb;
  border-radius: 4px;
  padding: 4px 16px;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* modern-checkbox */
.modern-checkbox {
  display: block;
  margin-bottom: 8px;
}
.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: 18px;
  height: 18px;
  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: 6px;
  width: 6px;
  height: 10px;
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.modern-checkbox input:checked + label:before {
  border-color: #1f367a;
  background-color: #0b2060;
}
/* 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: #f6f6fb;
  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;
}
/* tables */
.table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.75rem;
  border: 1px solid #e2e2e9;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f6f6fb;
}
.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;
}
.table .alert {
  margin: 1rem 0;
}
/* PAGINACJA – wersja guzikowa pod tabelą */
.pagination {
  display: inline-flex;
  gap: .5rem;
}
.pagination .page-numbers {
  border-radius: 4px;
  background-color: #f6f6fb;
  border: 1px solid #e2e2e9;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  color: #0b2060;
  font-size: 1rem;
  font-weight: 600;
}
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
  width: auto;
}
.pagination .page-numbers:hover {
  background-color: #e2e2e9;
}
/* 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;
  border: 1px solid;
}
.badge.badge-sm {
  padding: 2px 8px;
  font-size: 11px;
  border-radius: 4px;
}
.badge.badge-error {
  background-color: #fce8eb;
  color: #8a0f24;
  border-color: #f7bac4;
}
.badge.badge-success {
  background-color: #e8fcea;
  color: #0f8a1a;
  border-color: #baf7bf;
}
.badge.badge-warning {
  background-color: #feeee5;
  color: #cc4400;
  border-color: #ffccb2;
}
.badge.badge-info {
  background-color: #e5f2fe;
  color: #0045b3;
  border-color: #b2d4ff;
}
/* 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: #464653;
}
.button.button-primary:disabled,
.button.button-primary.disabled {
  background-color: #bdbcc8;
  cursor: not-allowed;
  text-decoration: none;
}
.button.button-secondary {
  background-color: #1f367a;
  color: #ffffff;
}
.button.button-secondary:hover {
  background-color: #bdbcc8;
  color: #242442;
}
.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-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.link {
  background-color: transparent;
  padding: 0;
  border-radius: unset;
  border: unset;
  cursor: pointer;
  color: #d92c26;
  display: inline-block;
}
button.link:hover {
  text-decoration: underline;
}
/* 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;
  position: relative;
}
a.button-icon .count,
button.button-icon .count {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #d92c26;
  color: #ffffff;
  font-size: 12px;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  text-align: center;
  line-height: 14px;
}
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.button-xxs,
button.button-icon.button-xxs {
  height: 24px;
  width: 24px;
  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: #242442;
}
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-primary,
button.button-icon.button-primary {
  background-color: #d92c26;
}
a.button-icon.button-primary svg path,
button.button-icon.button-primary svg path {
  stroke: #ffffff;
}
a.button-icon.button-primary:hover,
button.button-icon.button-primary:hover {
  background-color: #0b2060;
}
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: #f6f6fb;
}
a.button-icon.button-white:hover svg path,
button.button-icon.button-white:hover svg path {
  stroke: #d92c26;
}
a.button-icon:disabled,
button.button-icon:disabled {
  cursor: not-allowed;
  background-color: #f6f6fb;
}
a.button-icon:disabled svg path,
button.button-icon:disabled svg path {
  stroke: #bdbcc8;
}
a.button-icon:disabled:hover,
button.button-icon:disabled:hover {
  background-color: #f6f6fb;
}
.alert {
  border-radius: 4px;
  padding: 12px 24px 8px 16px;
  display: flex;
  align-items: flex-start;
  border: 1px solid #bdbcc8;
  font-size: 14px;
  line-height: 1.3;
  margin-bottom: 16px;
}
.alert button.alert-close {
  margin-left: auto;
  padding: 0;
  background-color: transparent;
  line-height: 1;
  border: none;
  cursor: pointer;
}
.alert .alert-content {
  margin-top: 0px;
}
.alert.alert-error {
  background-color: #fce8eb;
  color: #8a0f24;
  border-color: #fce8eb;
}
.alert.alert-error button.alert-close svg path {
  stroke: #8a0f24;
}
.alert.alert-success {
  background-color: #e8fcea;
  color: #0f8a1a;
  border-color: #e8fcea;
}
.alert.alert-success button.alert-close svg path {
  stroke: #0f8a1a;
}
.alert.alert-warning {
  background-color: #feeee5;
  color: #cc4400;
  border-color: #feeee5;
}
.alert.alert-warning button.alert-close svg path {
  stroke: #cc4400;
}
.alert.alert-info {
  background-color: #e5f2fe;
  color: #0045b3;
  border-color: #e5f2fe;
}
.alert.alert-info button.alert-close svg path {
  stroke: #0045b3;
}
.alert .alert-icon {
  margin-right: 8px;
  line-height: 0;
}
.alert ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 1.5;
}
.alert span {
  line-height: 1.5;
}
/* header main */
header.site-header .header-top {
  border-bottom: 1px solid #e2e2e9;
  padding: 8px 0;
}
header.site-header .header-top .wrapper {
  display: flex;
  flex-wrap: wrap;
}
header.site-header .header-main {
  padding: 16px 0;
  border-bottom: 1px solid #e2e2e9;
}
header.site-header .header-main .wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
header.site-header .header-main .wrapper .site-logo img {
  height: 56px;
  width: auto;
}
.site-menu .site-menu-wrapper a.logout {
  display: none;
}
/* header*/
.dashboard-header {
  border-bottom: 1px solid #e2e2e9;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 70px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 80;
  background-color: #ffffff;
}
.dashboard-header .logo {
  width: 16rem;
  line-height: 0;
  padding: 8px 24px;
  border-right: 1px solid #e2e2e9;
}
.dashboard-header .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
/* navs */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.nav-menu ul li {
  margin-bottom: 0.5rem;
}
.nav-menu ul li a {
  font-family: "DM Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  /* 150% */
  letter-spacing: -0.04rem;
  color: #464653;
  position: relative;
}
.nav-menu ul li a:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  background-color: #d92c26;
  transition: 0.4s;
}
.nav-menu ul li a:hover {
  text-decoration: none;
  color: #d92c26;
}
.nav-menu ul li a:hover:before {
  width: 100%;
}
.nav-menu.nav-vertical ul {
  flex-direction: column;
}
.nav-menu.nav-horizontal ul {
  flex-direction: row;
}
.nav-menu.nav-horizontal ul li {
  margin-right: 1rem;
}
.nav-menu.nav-horizontal ul li:last-child {
  margin-right: 0;
}
nav.header-menu ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.header-menu ul > li {
  margin-right: 24px;
}
nav.header-menu ul > li > a {
  font-family: "DM Sans";
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5rem;
  /* 150% */
  letter-spacing: -0.04rem;
  color: #464653;
  position: relative;
}
nav.header-menu ul > li > a:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 2px;
  width: 0;
  background-color: #d92c26;
  transition: 0.4s;
}
nav.header-menu ul > li > a:hover {
  text-decoration: none;
  color: #d92c26;
}
nav.header-menu ul > li > a:hover:before {
  width: 100%;
}
nav.header-menu ul > li.current-menu-item > a {
  color: #ff524d;
}
nav.header-menu ul > li.current-menu-item > a:before {
  width: 100%;
  background-color: #ff524d;
}
nav.header-menu ul > li:last-child {
  margin-right: 0;
}
/* notify */
.notify-bell-wrapper {
  position: relative;
  z-index: 99;
}
.notify-bell-wrapper .notify-dropdown {
  position: absolute;
  right: 0;
  top: 100%;
  border: 1px solid #e2e2e9;
  width: 25rem;
  border-radius: 4px;
  background-color: #ffffff;
}
.notify-bell-wrapper .notify-dropdown .dropdown-header {
  padding: 0.5rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e2e2e9;
}
.notify-bell-wrapper .notify-dropdown .notify-list {
  display: flex;
  flex-direction: column;
  max-height: 19rem;
  overflow: auto;
}
.notify-bell-wrapper .notify-dropdown .notify-list .item {
  padding: 0.5rem 1.25rem;
  border-bottom: 1px solid #e2e2e9;
}
.notify-bell-wrapper .notify-dropdown .notify-list .item.not-read {
  background-color: #f6f6fb;
}
.notify-bell-wrapper .notify-dropdown .notify-list .item:last-child {
  border-bottom: 0;
}
.notify-bell-wrapper .notify-dropdown .notify-list .item .meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notify-bell-wrapper .notify-dropdown .dropdown-footer {
  padding: 0.5rem 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #e2e2e9;
}
/* dashboard wrapper */
.dashboard-wrapper {
  display: flex;
  flex-wrap: wrap;
}
/* dashboard sidebar */
aside.dashboard-sidebar {
  border-right: 1px solid #e2e2e9;
  width: 16rem;
  position: fixed;
  left: 0;
  top: 70px;
  bottom: 0;
  z-index: 80;
}
aside.dashboard-sidebar .sidebar-navigation {
  overflow: auto;
  height: calc(100vh - 70px);
  padding: 3rem 1rem;
}
aside.dashboard-sidebar .sidebar-navigation ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  list-style: none;
}
aside.dashboard-sidebar .sidebar-navigation ul > li.item {
  margin-bottom: 8px;
}
aside.dashboard-sidebar .sidebar-navigation ul > li.item a {
  padding: 4px 16px 4px 34px;
  color: #242442;
  display: block;
  width: 100%;
  background-position: left 12px center;
  background-repeat: no-repeat;
  background-size: 16px;
}
aside.dashboard-sidebar .sidebar-navigation ul > li.item-label {
  text-transform: uppercase;
  font-weight: 600;
  color: #bdbcc8;
  font-size: 14px;
  margin: 16px 0 8px 13px;
}
aside.dashboard-sidebar .sidebar-navigation ul > li.item-label:first-child {
  margin-top: 0;
}
aside.dashboard-sidebar .sidebar-navigation ul > li.active a {
  background-color: #f6f6fb;
  color: #242442;
  border-radius: 4px;
}
aside.dashboard-sidebar .sidebar-navigation ul > li.has-submenu .submenu-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
aside.dashboard-sidebar .sidebar-navigation ul > li.has-submenu .arrow {
  transition: transform .25s ease;
}
aside.dashboard-sidebar .sidebar-navigation ul > li.has-submenu.open .arrow {
  transform: rotate(180deg);
}
aside.dashboard-sidebar .sidebar-navigation ul > li:hover > a {
  background-color: #f6f6fb;
  border-radius: 4px;
}
aside.dashboard-sidebar .sidebar-navigation ul > li ul.submenu {
  border-left: 1px solid #e2e2e9;
  margin-left: 20px;
  display: none;
  margin-top: 8px;
}
aside.dashboard-sidebar .sidebar-navigation ul > li ul.submenu li a {
  margin-left: 16px;
  padding-left: 16px;
  padding-right: 0;
  width: calc(100% - 16px);
}
aside.dashboard-sidebar .sidebar-navigation ul > li ul.submenu li:last-child {
  margin-bottom: 0;
}
aside.dashboard-sidebar .sidebar-navigation ul > li.open ul.submenu {
  display: block;
}
aside.dashboard-sidebar .sidebar-navigation 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>');
}
aside.dashboard-sidebar .sidebar-navigation 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>');
}
aside.dashboard-sidebar .sidebar-navigation 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>');
}
aside.dashboard-sidebar .sidebar-navigation 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>');
}
aside.dashboard-sidebar .sidebar-navigation 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>');
}
aside.dashboard-sidebar .sidebar-navigation 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>');
}
aside.dashboard-sidebar .sidebar-navigation 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>');
}
aside.dashboard-sidebar .sidebar-navigation 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>');
}
aside.dashboard-sidebar .sidebar-navigation 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>');
}
aside.dashboard-sidebar .sidebar-navigation ul > li.menu-icon-key > 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="M7.5 21C10.5376 21 13 18.5376 13 15.5C13 12.4624 10.5376 10 7.5 10C4.46243 10 2 12.4624 2 15.5C2 18.5376 4.46243 21 7.5 21Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M20.9999 2L11.3999 11.6" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M15.5 7.5L18.5 10.5L22 7L19 4" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
aside.dashboard-sidebar .sidebar-navigation ul > li.menu-icon-settings > 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="M12.22 2H11.78C11.2496 2 10.7409 2.21071 10.3658 2.58579C9.99072 2.96086 9.78 3.46957 9.78 4V4.18C9.77964 4.53073 9.68706 4.87519 9.51154 5.17884C9.33602 5.48248 9.08374 5.73464 8.78 5.91L8.35 6.16C8.04596 6.33554 7.70108 6.42795 7.35 6.42795C6.99893 6.42795 6.65404 6.33554 6.35 6.16L6.2 6.08C5.74107 5.81526 5.19584 5.74344 4.684 5.88031C4.17217 6.01717 3.73555 6.35154 3.47 6.81L3.25 7.19C2.98526 7.64893 2.91345 8.19416 3.05031 8.706C3.18717 9.21783 3.52154 9.65445 3.98 9.92L4.13 10.02C4.43228 10.1945 4.68362 10.4451 4.85905 10.7468C5.03448 11.0486 5.1279 11.391 5.13 11.74V12.25C5.1314 12.6024 5.03965 12.949 4.86405 13.2545C4.68844 13.5601 4.43521 13.8138 4.13 13.99L3.98 14.08C3.52154 14.3456 3.18717 14.7822 3.05031 15.294C2.91345 15.8058 2.98526 16.3511 3.25 16.81L3.47 17.19C3.73555 17.6485 4.17217 17.9828 4.684 18.1197C5.19584 18.2566 5.74107 18.1847 6.2 17.92L6.35 17.84C6.65404 17.6645 6.99893 17.5721 7.35 17.5721C7.70108 17.5721 8.04596 17.6645 8.35 17.84L8.78 18.09C9.08374 18.2654 9.33602 18.5175 9.51154 18.8212C9.68706 19.1248 9.77964 19.4693 9.78 19.82V20C9.78 20.5304 9.99072 21.0391 10.3658 21.4142C10.7409 21.7893 11.2496 22 11.78 22H12.22C12.7504 22 13.2591 21.7893 13.6342 21.4142C14.0093 21.0391 14.22 20.5304 14.22 20V19.82C14.2204 19.4693 14.3129 19.1248 14.4885 18.8212C14.664 18.5175 14.9163 18.2654 15.22 18.09L15.65 17.84C15.954 17.6645 16.2989 17.5721 16.65 17.5721C17.0011 17.5721 17.346 17.6645 17.65 17.84L17.8 17.92C18.2589 18.1847 18.8042 18.2566 19.316 18.1197C19.8278 17.9828 20.2645 17.6485 20.53 17.19L20.75 16.8C21.0147 16.3411 21.0866 15.7958 20.9497 15.284C20.8128 14.7722 20.4785 14.3356 20.02 14.07L19.87 13.99C19.5648 13.8138 19.3116 13.5601 19.136 13.2545C18.9604 12.949 18.8686 12.6024 18.87 12.25V11.75C18.8686 11.3976 18.9604 11.051 19.136 10.7455C19.3116 10.4399 19.5648 10.1862 19.87 10.01L20.02 9.92C20.4785 9.65445 20.8128 9.21783 20.9497 8.706C21.0866 8.19416 21.0147 7.64893 20.75 7.19L20.53 6.81C20.2645 6.35154 19.8278 6.01717 19.316 5.88031C18.8042 5.74344 18.2589 5.81526 17.8 6.08L17.65 6.16C17.346 6.33554 17.0011 6.42795 16.65 6.42795C16.2989 6.42795 15.954 6.33554 15.65 6.16L15.22 5.91C14.9163 5.73464 14.664 5.48248 14.4885 5.17884C14.3129 4.87519 14.2204 4.53073 14.22 4.18V4C14.22 3.46957 14.0093 2.96086 13.6342 2.58579C13.2591 2.21071 12.7504 2 12.22 2Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 15C13.6569 15 15 13.6569 15 12C15 10.3431 13.6569 9 12 9C10.3431 9 9 10.3431 9 12C9 13.6569 10.3431 15 12 15Z" stroke="%23464653" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
.dashboard-content {
  margin-top: 70px;
  margin-left: 16rem;
  width: calc(100% - 16rem);
}
/* page */
.page-wrapper.content-vertical-center {
  display: flex;
  align-items: center;
  min-height: 100vh;
  padding: 32px 0;
}
.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;
}
/* cards */
.card-front-item {
  display: flex;
  flex-direction: column;
  text-align: center;
  background-color: #f6f6fb;
  border-radius: 12px;
  color: #0b2060;
}
.card-front-item:hover {
  background-color: #0b2060;
  color: #ffffff;
}
.card-front-item:visited {
  color: #1f367a;
}
.card-front-item:visited:hover {
  background-color: #0b2060;
  color: #ffffff;
}
.card-default {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #f6f6fb;
  color: #0b2060;
  border-radius: 12px;
  height: 100%;
  transition: all 0.3;
}
.card-default:hover {
  background-color: #0b2060;
  color: #ffffff;
  transition: all 0.3;
}
.card-default:visited {
  background-color: #f6f6fb;
  color: #1f367a;
}
.card-default:visited:hover {
  background-color: #0b2060;
  color: #ffffff;
}
.card-default .items {
  display: flex;
  flex-direction: column;
}
.card-default .items .item {
  display: flex;
  align-items: center;
}
.card-default .items .item .icon {
  line-height: 0;
}
.card-default .actions {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: auto;
}
.card-file {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #f6f6fb;
  padding: 1rem 1.5rem;
  border-radius: 8px;
}
.card-file .content {
  display: flex;
}
.card-file .content .file-info {
  display: flex;
  flex-direction: column;
  padding-left: 12px;
}
.card-file .actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  border-top: 1px solid #e2e2e9;
  padding-top: 1rem;
}
/* questions */
ul#answers-list {
  list-style: none;
}
.answer-item {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  background: #fff;
  border-bottom: 1px solid #e2e2e9;
}
.answer-item:last-child {
  border-bottom: unset;
}
.answer-item .answer-grid {
  display: grid;
  grid-template-columns: 24px 1fr 120px 36px;
  gap: 8px;
  align-items: center;
}
.answer-item .order-controls {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: center;
  justify-content: center;
}
.answer-item .correct-answer {
  display: flex;
  align-items: center;
}
.answer-item .correct-answer input {
  margin-right: 8px;
}
.answer-item .correct-answer .modern-checkbox label {
  line-height: 24px;
}
.answer-item label {
  font-size: 14px;
  line-height: 1.3;
}
/* taxobnomy list */
.taxonomy-list {
  border: 1px solid #e2e2e9;
  padding: 1rem 1.5rem;
  border-radius: 4px;
}
.taxonomy-list .taxonomy-checkboxes {
  height: 180px;
  overflow-y: auto;
}
.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;
}
@media all and (max-width: 992px) {
  .notify-bell-wrapper {
    display: none;
  }
  header.site-header .header-top .wrapper .accessibility-controls {
    margin-left: auto;
    margin-right: 0;
  }
  header.site-header .header-top .wrapper > a:last-child {
    display: none;
  }
  .site-menu {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0;
    background-color: #ffffff;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: width 0.3s;
  }
  .site-menu.is-open {
    opacity: 1;
    visibility: visible;
    width: 280px;
  }
  .site-menu .site-menu-wrapper {
    position: relative;
    padding: 2rem;
    height: calc(96%);
  }
  .site-menu .site-menu-wrapper nav.header-menu {
    height: 100%;
  }
  .site-menu .site-menu-wrapper nav.header-menu ul {
    flex-direction: column;
    width: calc(280px - 2rem);
  }
  .site-menu .site-menu-wrapper nav.header-menu ul li {
    margin: 0 0 1rem 0;
  }
  .site-menu .site-menu-wrapper nav.header-menu ul li a {
    display: block;
  }
  .site-menu .site-menu-wrapper a.logout {
    color: #464653;
  }
  .site-menu .site-menu-wrapper button.close {
    position: absolute;
    right: -49px;
    top: 20px;
    background-color: #ffffff;
    padding: 12px;
    border-radius: unset;
    border-color: #ffffff;
  }
}
@media all and (max-width: 768px) {
  .page-wrapper.content-vertical-center {
    min-height: auto;
  }
  .answer-grid {
    grid-template-columns: 80px 1fr 1fr 36px;
  }
}