@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap);
@charset "UTF-8";
html {
  font-size: 62.5%;
}

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

/* open-sans-regular - latin */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("/fonts/open-sans-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/open-sans-v18-latin-regular.woff2") format("woff2"), url("/fonts/open-sans-v18-latin-regular.woff") format("woff"), url("/fonts/open-sans-v18-latin-regular.ttf") format("truetype"), url("/fonts/open-sans-v18-latin-regular.svg#OpenSans") format("svg");
  /* Legacy iOS */
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter/Inter-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/Inter/Inter-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
/*!
 * Bootstrap  v5.3.3 (https://getbootstrap.com/)
 * Copyright 2011-2024 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #3167F6;
  --bs-indigo: #5045CE;
  --bs-purple: #7233DA;
  --bs-pink: #DB2777;
  --bs-red: #FF4343;
  --bs-orange: #fd7e14;
  --bs-yellow: #FFC700;
  --bs-green: #19CE58;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000000;
  --bs-white: #FFFFFF;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #111827;
  --bs-primary: #3167F6;
  --bs-secondary: #6c757d;
  --bs-success: #19CE58;
  --bs-info: #0dcaf0;
  --bs-warning: #FFC700;
  --bs-danger: #FF4343;
  --bs-light: #f8f9fa;
  --bs-dark: #111827;
  --bs-primary-rgb: 49, 103, 246;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 206, 88;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 199, 0;
  --bs-danger-rgb: 255, 67, 67;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 17, 24, 39;
  --bs-primary-text-emphasis: rgb(19.6, 41.2, 98.4);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 82.4, 35.2);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 79.6, 0);
  --bs-danger-text-emphasis: rgb(102, 26.8, 26.8);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(213.8, 224.6, 253.2);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 245.2, 221.6);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 243.8, 204);
  --bs-danger-bg-subtle: rgb(255, 217.4, 217.4);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(172.6, 194.2, 251.4);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 235.4, 188.2);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 232.6, 153);
  --bs-danger-border-subtle: rgb(255, 179.8, 179.8);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: "Inter", sans-serif;
  --bs-font-monospace: "Roboto Mono", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #111827;
  --bs-body-color-rgb: 17, 24, 39;
  --bs-body-bg: #f8fafc;
  --bs-body-bg-rgb: 248, 250, 252;
  --bs-emphasis-color: #000000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(17, 24, 39, 0.75);
  --bs-secondary-color-rgb: 17, 24, 39;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(17, 24, 39, 0.5);
  --bs-tertiary-color-rgb: 17, 24, 39;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #3167F6;
  --bs-link-color-rgb: 49, 103, 246;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(39.2, 82.4, 196.8);
  --bs-link-hover-color-rgb: 39, 82, 197;
  --bs-code-color: #DB2777;
  --bs-highlight-color: #111827;
  --bs-highlight-bg: rgb(255, 243.8, 204);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(49, 103, 246, 0.25);
  --bs-form-valid-color: #19CE58;
  --bs-form-valid-border-color: #19CE58;
  --bs-form-invalid-color: #FF4343;
  --bs-form-invalid-border-color: #FF4343;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb: 222, 226, 230;
  --bs-body-bg: #111827;
  --bs-body-bg-rgb: 17, 24, 39;
  --bs-emphasis-color: #FFFFFF;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb: 222, 226, 230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb: 222, 226, 230;
  --bs-tertiary-bg: rgb(34.5, 41, 51.5);
  --bs-tertiary-bg-rgb: 35, 41, 52;
  --bs-primary-text-emphasis: rgb(131.4, 163.8, 249.6);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 225.6, 154.8);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 221.4, 102);
  --bs-danger-text-emphasis: rgb(255, 142.2, 142.2);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(9.8, 20.6, 49.2);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 41.2, 17.6);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 39.8, 0);
  --bs-danger-bg-subtle: rgb(51, 13.4, 13.4);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(29.4, 61.8, 147.6);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 123.6, 52.8);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 119.4, 0);
  --bs-danger-border-subtle: rgb(153, 40.2, 40.2);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(131.4, 163.8, 249.6);
  --bs-link-hover-color: rgb(156.12, 182.04, 250.68);
  --bs-link-color-rgb: 131, 164, 250;
  --bs-link-hover-color-rgb: 156, 182, 251;
  --bs-code-color: rgb(233.4, 125.4, 173.4);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 79.6, 0);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 225.6, 154.8);
  --bs-form-valid-border-color: rgb(117, 225.6, 154.8);
  --bs-form-invalid-color: rgb(255, 142.2, 142.2);
  --bs-form-invalid-border-color: rgb(255, 142.2, 142.2);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: calc(1.275rem + 0.3vw);
  line-height: inherit;
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2;
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0%;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0%;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0%;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0%;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(213.8, 224.6, 253.2);
  --bs-table-border-color: rgb(171.04, 179.68, 202.56);
  --bs-table-striped-bg: rgb(203.11, 213.37, 240.54);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(192.42, 202.14, 227.88);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(197.765, 207.755, 234.21);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(180.48, 181.92, 183.2);
  --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(209, 245.2, 221.6);
  --bs-table-border-color: rgb(167.2, 196.16, 177.28);
  --bs-table-striped-bg: rgb(198.55, 232.94, 210.52);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(188.1, 220.68, 199.44);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(193.325, 226.81, 204.98);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(165.28, 195.52, 201.6);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(255, 243.8, 204);
  --bs-table-border-color: rgb(204, 195.04, 163.2);
  --bs-table-striped-bg: rgb(242.25, 231.61, 193.8);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(229.5, 219.42, 183.6);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(235.875, 225.515, 188.7);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000000;
  --bs-table-bg: rgb(255, 217.4, 217.4);
  --bs-table-border-color: rgb(204, 173.92, 173.92);
  --bs-table-striped-bg: rgb(242.25, 206.53, 206.53);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(229.5, 195.66, 195.66);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(235.875, 201.095, 201.095);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(198.4, 199.2, 200);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #FFFFFF;
  --bs-table-bg: #111827;
  --bs-table-border-color: rgb(64.6, 70.2, 82.2);
  --bs-table-striped-bg: rgb(28.9, 35.55, 49.8);
  --bs-table-striped-color: #FFFFFF;
  --bs-table-active-bg: rgb(40.8, 47.1, 60.6);
  --bs-table-active-color: #FFFFFF;
  --bs-table-hover-bg: rgb(34.85, 41.325, 55.2);
  --bs-table-hover-color: #FFFFFF;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: rgb(152, 179, 250.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(49, 103, 246, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::-moz-placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(152, 179, 250.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(49, 103, 246, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
          print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(152, 179, 250.5);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(49, 103, 246, 0.25);
}
.form-check-input:checked {
  background-color: #3167F6;
  border-color: #3167F6;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #3167F6;
  border-color: #3167F6;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23FFFFFF' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28152, 179, 250.5%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23FFFFFF'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.25rem rgba(49, 103, 246, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #f8fafc, 0 0 0 0.25rem rgba(49, 103, 246, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
          appearance: none;
  background-color: #3167F6;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(193.2, 209.4, 252.3);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
       appearance: none;
  background-color: #3167F6;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(193.2, 209.4, 252.3);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder {
  color: transparent;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-control-plaintext ~ label::after,
.form-floating > .form-select ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: rgba(var(--bs-body-color-rgb), 0.65);
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.form-floating > :disabled ~ label::after,
.form-floating > .form-control:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(var(--bs-border-width) * -1);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2319CE58' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2319CE58' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF4343'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF4343' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23FF4343'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23FF4343' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #3167F6;
  --bs-btn-border-color: #3167F6;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: rgb(41.65, 87.55, 209.1);
  --bs-btn-hover-border-color: rgb(39.2, 82.4, 196.8);
  --bs-btn-focus-shadow-rgb: 80, 126, 247;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: rgb(39.2, 82.4, 196.8);
  --bs-btn-active-border-color: rgb(36.75, 77.25, 184.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #3167F6;
  --bs-btn-disabled-border-color: #3167F6;
}

.btn-secondary {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success {
  --bs-btn-color: #000000;
  --bs-btn-bg: #19CE58;
  --bs-btn-border-color: #19CE58;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(59.5, 213.35, 113.05);
  --bs-btn-hover-border-color: rgb(48, 210.9, 104.7);
  --bs-btn-focus-shadow-rgb: 21, 175, 75;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(71, 215.8, 121.4);
  --bs-btn-active-border-color: rgb(48, 210.9, 104.7);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #19CE58;
  --bs-btn-disabled-border-color: #19CE58;
}

.btn-info {
  --bs-btn-color: #000000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: #000000;
  --bs-btn-bg: #FFC700;
  --bs-btn-border-color: #FFC700;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(255, 207.4, 38.25);
  --bs-btn-hover-border-color: rgb(255, 204.6, 25.5);
  --bs-btn-focus-shadow-rgb: 217, 169, 0;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(255, 210.2, 51);
  --bs-btn-active-border-color: rgb(255, 204.6, 25.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #FFC700;
  --bs-btn-disabled-border-color: #FFC700;
}

.btn-danger {
  --bs-btn-color: #000000;
  --bs-btn-bg: #FF4343;
  --bs-btn-border-color: #FF4343;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(255, 95.2, 95.2);
  --bs-btn-hover-border-color: rgb(255, 85.8, 85.8);
  --bs-btn-focus-shadow-rgb: 217, 57, 57;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(255, 104.6, 104.6);
  --bs-btn-active-border-color: rgb(255, 85.8, 85.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #FF4343;
  --bs-btn-disabled-border-color: #FF4343;
}

.btn-light {
  --bs-btn-color: #000000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb: 211, 212, 213;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}

.btn-dark {
  --bs-btn-color: #FFFFFF;
  --bs-btn-bg: #111827;
  --bs-btn-border-color: #111827;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: rgb(52.7, 58.65, 71.4);
  --bs-btn-hover-border-color: rgb(40.8, 47.1, 60.6);
  --bs-btn-focus-shadow-rgb: 53, 59, 71;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: rgb(64.6, 70.2, 82.2);
  --bs-btn-active-border-color: rgb(40.8, 47.1, 60.6);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFFFFF;
  --bs-btn-disabled-bg: #111827;
  --bs-btn-disabled-border-color: #111827;
}

.btn-outline-primary {
  --bs-btn-color: #3167F6;
  --bs-btn-border-color: #3167F6;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #3167F6;
  --bs-btn-hover-border-color: #3167F6;
  --bs-btn-focus-shadow-rgb: 49, 103, 246;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #3167F6;
  --bs-btn-active-border-color: #3167F6;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #3167F6;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #3167F6;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb: 108, 117, 125;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #19CE58;
  --bs-btn-border-color: #19CE58;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #19CE58;
  --bs-btn-hover-border-color: #19CE58;
  --bs-btn-focus-shadow-rgb: 25, 206, 88;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #19CE58;
  --bs-btn-active-border-color: #19CE58;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #19CE58;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #19CE58;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb: 13, 202, 240;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #FFC700;
  --bs-btn-border-color: #FFC700;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #FFC700;
  --bs-btn-hover-border-color: #FFC700;
  --bs-btn-focus-shadow-rgb: 255, 199, 0;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #FFC700;
  --bs-btn-active-border-color: #FFC700;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FFC700;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FFC700;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #FF4343;
  --bs-btn-border-color: #FF4343;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #FF4343;
  --bs-btn-hover-border-color: #FF4343;
  --bs-btn-focus-shadow-rgb: 255, 67, 67;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #FF4343;
  --bs-btn-active-border-color: #FF4343;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #FF4343;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FF4343;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb: 248, 249, 250;
  --bs-btn-active-color: #000000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #111827;
  --bs-btn-border-color: #111827;
  --bs-btn-hover-color: #FFFFFF;
  --bs-btn-hover-bg: #111827;
  --bs-btn-hover-border-color: #111827;
  --bs-btn-focus-shadow-rgb: 17, 24, 39;
  --bs-btn-active-color: #FFFFFF;
  --bs-btn-active-bg: #111827;
  --bs-btn-active-border-color: #111827;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #111827;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #111827;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 80, 126, 247;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #FFFFFF;
  --bs-dropdown-link-active-bg: #3167F6;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #FFFFFF;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #FFFFFF;
  --bs-dropdown-link-active-bg: #3167F6;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(var(--bs-border-width) * -1);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(var(--bs-border-width) * -1);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn ~ .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(49, 103, 246, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #FFFFFF;
  --bs-nav-pills-link-active-bg: #3167F6;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2817, 24, 39, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #FFFFFF;
  --bs-navbar-brand-color: #FFFFFF;
  --bs-navbar-brand-hover-color: #FFFFFF;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
  .card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
  .card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
  .card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
  .card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23111827' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%2819.6, 41.2, 98.4%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(49, 103, 246, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28131.4, 163.8, 249.6%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28131.4, 163.8, 249.6%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(49, 103, 246, 0.25);
  --bs-pagination-active-color: #FFFFFF;
  --bs-pagination-active-bg: #3167F6;
  --bs-pagination-active-border-color: #3167F6;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}

.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled, .disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}

.page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * -1);
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}

.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}

.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #FFFFFF;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem;
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #FFFFFF;
  --bs-progress-bar-bg: #3167F6;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #FFFFFF;
  --bs-list-group-active-bg: #3167F6;
  --bs-list-group-active-border-color: #3167F6;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: #000000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(49, 103, 246, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  filter: var(--bs-btn-close-white-filter);
}

[data-bs-theme=dark] .btn-close {
  filter: var(--bs-btn-close-white-filter);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: ;
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #FFFFFF;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #FFFFFF;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")*/;
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") /*rtl:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")*/;
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #FFFFFF;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #FFFFFF;
  text-align: center;
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
.carousel-dark .carousel-indicators [data-bs-target] {
  background-color: #000000;
}
.carousel-dark .carousel-caption {
  color: #000000;
}

[data-bs-theme=dark] .carousel .carousel-control-prev-icon,
[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon,
[data-bs-theme=dark].carousel .carousel-control-next-icon {
  filter: invert(1) grayscale(100);
}
[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] {
  background-color: #000000;
}
[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption {
  color: #000000;
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) auto;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.8) 75%, #000000 95%);
          mask-image: linear-gradient(130deg, #000000 55%, rgba(0, 0, 0, 0.8) 75%, #000000 95%);
  -webkit-mask-size: 200% 100%;
          mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
            mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #FFFFFF !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #FFFFFF !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #000000 !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #000000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #000000 !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #FFFFFF !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(39, 82, 197, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(39, 82, 197, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(71, 216, 121, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(71, 216, 121, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(255, 210, 51, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 210, 51, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(255, 105, 105, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 105, 105, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(14, 19, 31, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(14, 19, 31, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.object-fit-cover {
  -o-object-fit: cover !important;
     object-fit: cover !important;
}

.object-fit-fill {
  -o-object-fit: fill !important;
     object-fit: fill !important;
}

.object-fit-scale {
  -o-object-fit: scale-down !important;
     object-fit: scale-down !important;
}

.object-fit-none {
  -o-object-fit: none !important;
     object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
       column-gap: 0.25rem !important;
}

.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
       column-gap: 0.5rem !important;
}

.column-gap-3 {
  -moz-column-gap: 1rem !important;
       column-gap: 1rem !important;
}

.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
       column-gap: 1.5rem !important;
}

.column-gap-5 {
  -moz-column-gap: 3rem !important;
       column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  -webkit-user-select: all !important;
     -moz-user-select: all !important;
          user-select: all !important;
}

.user-select-auto {
  -webkit-user-select: auto !important;
     -moz-user-select: auto !important;
          user-select: auto !important;
}

.user-select-none {
  -webkit-user-select: none !important;
     -moz-user-select: none !important;
          user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
       object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
       object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
       object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
       object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
         column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
         column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
         column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
         column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
         column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
         column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
.fill-black-1 {
  fill: #131315;
}

.fill-transparent {
  fill: transparent;
}

.black {
  color: #000000 !important;
}

.black-1 {
  color: #131315 !important;
}

.purple {
  color: #7233DA !important;
}

.bg-black {
  background: #000000;
}

.neutral-black-1 {
  color: #131315 !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-black-1 {
  background: #131315;
}

.shadow-base {
  color: #413368;
}

.fill-apricot-salem {
  fill: #F9C3B0;
}

.grey-1 {
  color: #24292E;
}

.grey-1-important {
  color: #24292E !important;
}

.bg-grey-1 {
  background: #24292E;
}

.fill-grey-1 {
  fill: #24292E;
}

.fill-grey-1[stroke] {
  stroke: #24292E;
}

.text-grey-1 {
  fill: #24292E !important;
}

.hover-grey-1:hover {
  color: #24292E !important;
  fill: #24292E !important;
}

.hover-bg-grey-1:hover {
  background: #24292E !important;
}

.grey-2 {
  color: #313548;
}

.grey-2-important {
  color: #313548 !important;
}

.bg-grey-2 {
  background: #313548;
}

.fill-grey-2 {
  fill: #313548;
}

.fill-grey-2[stroke] {
  stroke: #313548;
}

.text-grey-2 {
  fill: #313548 !important;
}

.hover-grey-2:hover {
  color: #313548 !important;
  fill: #313548 !important;
}

.hover-bg-grey-2:hover {
  background: #313548 !important;
}

.grey-3 {
  color: #4C516D;
}

.grey-3-important {
  color: #4C516D !important;
}

.bg-grey-3 {
  background: #4C516D;
}

.fill-grey-3 {
  fill: #4C516D;
}

.fill-grey-3[stroke] {
  stroke: #4C516D;
}

.text-grey-3 {
  fill: #4C516D !important;
}

.hover-grey-3:hover {
  color: #4C516D !important;
  fill: #4C516D !important;
}

.hover-bg-grey-3:hover {
  background: #4C516D !important;
}

.grey-4 {
  color: #5A5F79;
}

.grey-4-important {
  color: #5A5F79 !important;
}

.bg-grey-4 {
  background: #5A5F79;
}

.fill-grey-4 {
  fill: #5A5F79;
}

.fill-grey-4[stroke] {
  stroke: #5A5F79;
}

.text-grey-4 {
  fill: #5A5F79 !important;
}

.hover-grey-4:hover {
  color: #5A5F79 !important;
  fill: #5A5F79 !important;
}

.hover-bg-grey-4:hover {
  background: #5A5F79 !important;
}

.grey-5 {
  color: #686C8A;
}

.grey-5-important {
  color: #686C8A !important;
}

.bg-grey-5 {
  background: #686C8A;
}

.fill-grey-5 {
  fill: #686C8A;
}

.fill-grey-5[stroke] {
  stroke: #686C8A;
}

.text-grey-5 {
  fill: #686C8A !important;
}

.hover-grey-5:hover {
  color: #686C8A !important;
  fill: #686C8A !important;
}

.hover-bg-grey-5:hover {
  background: #686C8A !important;
}

.grey-6 {
  color: #878AA6;
}

.grey-6-important {
  color: #878AA6 !important;
}

.bg-grey-6 {
  background: #878AA6;
}

.fill-grey-6 {
  fill: #878AA6;
}

.fill-grey-6[stroke] {
  stroke: #878AA6;
}

.text-grey-6 {
  fill: #878AA6 !important;
}

.hover-grey-6:hover {
  color: #878AA6 !important;
  fill: #878AA6 !important;
}

.hover-bg-grey-6:hover {
  background: #878AA6 !important;
}

.grey-7 {
  color: #9D9FBC;
}

.grey-7-important {
  color: #9D9FBC !important;
}

.bg-grey-7 {
  background: #9D9FBC;
}

.fill-grey-7 {
  fill: #9D9FBC;
}

.fill-grey-7[stroke] {
  stroke: #9D9FBC;
}

.text-grey-7 {
  fill: #9D9FBC !important;
}

.hover-grey-7:hover {
  color: #9D9FBC !important;
  fill: #9D9FBC !important;
}

.hover-bg-grey-7:hover {
  background: #9D9FBC !important;
}

.grey-8 {
  color: #BCBBD0;
}

.grey-8-important {
  color: #BCBBD0 !important;
}

.bg-grey-8 {
  background: #BCBBD0;
}

.fill-grey-8 {
  fill: #BCBBD0;
}

.fill-grey-8[stroke] {
  stroke: #BCBBD0;
}

.text-grey-8 {
  fill: #BCBBD0 !important;
}

.hover-grey-8:hover {
  color: #BCBBD0 !important;
  fill: #BCBBD0 !important;
}

.hover-bg-grey-8:hover {
  background: #BCBBD0 !important;
}

.grey-9 {
  color: #C3C2D7;
}

.grey-9-important {
  color: #C3C2D7 !important;
}

.bg-grey-9 {
  background: #C3C2D7;
}

.fill-grey-9 {
  fill: #C3C2D7;
}

.fill-grey-9[stroke] {
  stroke: #C3C2D7;
}

.text-grey-9 {
  fill: #C3C2D7 !important;
}

.hover-grey-9:hover {
  color: #C3C2D7 !important;
  fill: #C3C2D7 !important;
}

.hover-bg-grey-9:hover {
  background: #C3C2D7 !important;
}

.grey-10 {
  color: #C3C2D7;
}

.grey-10-important {
  color: #C3C2D7 !important;
}

.bg-grey-10 {
  background: #C3C2D7;
}

.fill-grey-10 {
  fill: #C3C2D7;
}

.fill-grey-10[stroke] {
  stroke: #C3C2D7;
}

.text-grey-10 {
  fill: #C3C2D7 !important;
}

.hover-grey-10:hover {
  color: #C3C2D7 !important;
  fill: #C3C2D7 !important;
}

.hover-bg-grey-10:hover {
  background: #C3C2D7 !important;
}

.grey-11 {
  color: #DCDEED;
}

.grey-11-important {
  color: #DCDEED !important;
}

.bg-grey-11 {
  background: #DCDEED;
}

.fill-grey-11 {
  fill: #DCDEED;
}

.fill-grey-11[stroke] {
  stroke: #DCDEED;
}

.text-grey-11 {
  fill: #DCDEED !important;
}

.hover-grey-11:hover {
  color: #DCDEED !important;
  fill: #DCDEED !important;
}

.hover-bg-grey-11:hover {
  background: #DCDEED !important;
}

.grey-12 {
  color: #E5E7F2;
}

.grey-12-important {
  color: #E5E7F2 !important;
}

.bg-grey-12 {
  background: #E5E7F2;
}

.fill-grey-12 {
  fill: #E5E7F2;
}

.fill-grey-12[stroke] {
  stroke: #E5E7F2;
}

.text-grey-12 {
  fill: #E5E7F2 !important;
}

.hover-grey-12:hover {
  color: #E5E7F2 !important;
  fill: #E5E7F2 !important;
}

.hover-bg-grey-12:hover {
  background: #E5E7F2 !important;
}

.grey-13 {
  color: #E5E7F2;
}

.grey-13-important {
  color: #E5E7F2 !important;
}

.bg-grey-13 {
  background: #E5E7F2;
}

.fill-grey-13 {
  fill: #E5E7F2;
}

.fill-grey-13[stroke] {
  stroke: #E5E7F2;
}

.text-grey-13 {
  fill: #E5E7F2 !important;
}

.hover-grey-13:hover {
  color: #E5E7F2 !important;
  fill: #E5E7F2 !important;
}

.hover-bg-grey-13:hover {
  background: #E5E7F2 !important;
}

.grey-14 {
  color: #EFF0F9;
}

.grey-14-important {
  color: #EFF0F9 !important;
}

.bg-grey-14 {
  background: #EFF0F9;
}

.fill-grey-14 {
  fill: #EFF0F9;
}

.fill-grey-14[stroke] {
  stroke: #EFF0F9;
}

.text-grey-14 {
  fill: #EFF0F9 !important;
}

.hover-grey-14:hover {
  color: #EFF0F9 !important;
  fill: #EFF0F9 !important;
}

.hover-bg-grey-14:hover {
  background: #EFF0F9 !important;
}

.grey-15 {
  color: #F6F6FC;
}

.grey-15-important {
  color: #F6F6FC !important;
}

.bg-grey-15 {
  background: #F6F6FC;
}

.fill-grey-15 {
  fill: #F6F6FC;
}

.fill-grey-15[stroke] {
  stroke: #F6F6FC;
}

.text-grey-15 {
  fill: #F6F6FC !important;
}

.hover-grey-15:hover {
  color: #F6F6FC !important;
  fill: #F6F6FC !important;
}

.hover-bg-grey-15:hover {
  background: #F6F6FC !important;
}

.grey-16 {
  color: #E5E7F2;
}

.grey-16-important {
  color: #E5E7F2 !important;
}

.bg-grey-16 {
  background: #E5E7F2;
}

.fill-grey-16 {
  fill: #E5E7F2;
}

.fill-grey-16[stroke] {
  stroke: #E5E7F2;
}

.text-grey-16 {
  fill: #E5E7F2 !important;
}

.hover-grey-16:hover {
  color: #E5E7F2 !important;
  fill: #E5E7F2 !important;
}

.hover-bg-grey-16:hover {
  background: #E5E7F2 !important;
}

.grey-ph {
  color: #707070;
}

.grey-ph-important {
  color: #707070 !important;
}

.bg-grey-ph {
  background: #707070;
}

.fill-grey-ph {
  fill: #707070;
}

.fill-grey-ph[stroke] {
  stroke: #707070;
}

.text-grey-ph {
  fill: #707070 !important;
}

.hover-grey-ph:hover {
  color: #707070 !important;
  fill: #707070 !important;
}

.hover-bg-grey-ph:hover {
  background: #707070 !important;
}

.gray {
  color: #4B5563;
}

.gray-important {
  color: #4B5563 !important;
}

.bg-gray {
  background: #4B5563;
}

.fill-gray {
  fill: #4B5563;
}

.fill-gray[stroke] {
  stroke: #4B5563;
}

.text-gray {
  fill: #4B5563 !important;
}

.hover-gray:hover {
  color: #4B5563 !important;
  fill: #4B5563 !important;
}

.hover-bg-gray:hover {
  background: #4B5563 !important;
}

.gray-900 {
  color: #111827;
}

.gray-900-important {
  color: #111827 !important;
}

.bg-gray-900 {
  background: #111827;
}

.fill-gray-900 {
  fill: #111827;
}

.fill-gray-900[stroke] {
  stroke: #111827;
}

.text-gray-900 {
  fill: #111827 !important;
}

.hover-gray-900:hover {
  color: #111827 !important;
  fill: #111827 !important;
}

.hover-bg-gray-900:hover {
  background: #111827 !important;
}

.white {
  color: #FFFFFF;
}

.bg-white {
  background: #FFFFFF;
}

.bg-white-important {
  background: #FFFFFF !important;
}

.bg-white-important {
  background: #FFFFFF !important;
}

.fill-white {
  fill: #FFFFFF;
}

.fill-white[stroke] {
  stroke: #FFFFFF;
}

.hover-bg-white:hover {
  background: #FFFFFF !important;
}

.white-1 {
  color: #FDFDFF;
}

.bg-white-1 {
  background: #FDFDFF;
}

.bg-white-1-important {
  background: #FDFDFF !important;
}

.bg-white-1-important {
  background: #FDFDFF !important;
}

.fill-white-1 {
  fill: #FDFDFF;
}

.fill-white-1[stroke] {
  stroke: #FDFDFF;
}

.hover-bg-white-1:hover {
  background: #FDFDFF !important;
}

.white-2 {
  color: #F8F8FC;
}

.bg-white-2 {
  background: #F8F8FC;
}

.bg-white-2-important {
  background: #F8F8FC !important;
}

.bg-white-2-important {
  background: #F8F8FC !important;
}

.fill-white-2 {
  fill: #F8F8FC;
}

.fill-white-2[stroke] {
  stroke: #F8F8FC;
}

.hover-bg-white-2:hover {
  background: #F8F8FC !important;
}

.blue {
  color: #3167F6;
}

.bg-blue {
  background: #3167F6;
}

.fill-blue {
  fill: #3167F6;
}

.fill-blue[stroke] {
  stroke: #3167F6;
}

.blue-2 {
  color: #318CF6;
}

.bg-blue-2 {
  background: #318CF6;
}

.fill-blue-2 {
  fill: #318CF6;
}

.fill-blue-2[stroke] {
  stroke: #318CF6;
}

.blue-3 {
  color: #9CCBFE;
}

.bg-blue-3 {
  background: #9CCBFE;
}

.fill-blue-3 {
  fill: #9CCBFE;
}

.fill-blue-3[stroke] {
  stroke: #9CCBFE;
}

.blue-4 {
  color: #D9EBFF;
}

.bg-blue-4 {
  background: #D9EBFF;
}

.fill-blue-4 {
  fill: #D9EBFF;
}

.fill-blue-4[stroke] {
  stroke: #D9EBFF;
}

.blue-5 {
  color: #EAF4FF;
}

.bg-blue-5 {
  background: #EAF4FF;
}

.fill-blue-5 {
  fill: #EAF4FF;
}

.fill-blue-5[stroke] {
  stroke: #EAF4FF;
}

.blue-6 {
  color: #EDF8FF;
}

.bg-blue-6 {
  background: #EDF8FF;
}

.fill-blue-6 {
  fill: #EDF8FF;
}

.fill-blue-6[stroke] {
  stroke: #EDF8FF;
}

.blue-tp {
  color: #F7FAFF;
}

.bg-blue-tp {
  background: #F7FAFF;
}

.fill-blue-tp {
  fill: #F7FAFF;
}

.fill-blue-tp[stroke] {
  stroke: #F7FAFF;
}

.blue-tp-2 {
  color: #F4F8FF;
}

.bg-blue-tp-2 {
  background: #F4F8FF;
}

.fill-blue-tp-2 {
  fill: #F4F8FF;
}

.fill-blue-tp-2[stroke] {
  stroke: #F4F8FF;
}

.blue-tp-3 {
  color: #E9F2FF;
}

.bg-blue-tp-3 {
  background: #E9F2FF;
}

.fill-blue-tp-3 {
  fill: #E9F2FF;
}

.fill-blue-tp-3[stroke] {
  stroke: #E9F2FF;
}

.dark-blue {
  color: #1937A0;
}

.bg-dark-blue {
  background: #1937A0;
}

.fill-dark-blue {
  fill: #1937A0;
}

.fill-dark-blue[stroke] {
  stroke: #1937A0;
}

.deep-blue {
  color: #1F50CF;
}

.bg-deep-blue {
  background: #1F50CF;
}

.fill-deep-blue {
  fill: #1F50CF;
}

.fill-deep-blue[stroke] {
  stroke: #1F50CF;
}

.indigo-600 {
  color: #4F46E5;
}

.bg-indigo-600 {
  background: #4F46E5;
}

.fill-indigo-600 {
  fill: #4F46E5;
}

.fill-indigo-600[stroke] {
  stroke: #4F46E5;
}

.graph-blue {
  color: #6271FF;
}

.bg-graph-blue {
  background: #6271FF;
}

.fill-graph-blue {
  fill: #6271FF;
}

.fill-graph-blue[stroke] {
  stroke: #6271FF;
}

.dark-magenta {
  color: #BF0067;
}

.bg-dark-magenta {
  background: #BF0067;
}

.fill-dark-magenta {
  fill: #BF0067;
}

.fill-dark-magenta[stroke] {
  stroke: #BF0067;
}

.deep-magenta {
  color: #E80B81;
}

.bg-deep-magenta {
  background: #E80B81;
}

.fill-deep-magenta {
  fill: #E80B81;
}

.fill-deep-magenta[stroke] {
  stroke: #E80B81;
}

.magenta {
  color: #F13392;
}

.bg-magenta {
  background: #F13392;
}

.fill-magenta {
  fill: #F13392;
}

.fill-magenta[stroke] {
  stroke: #F13392;
}

.magenta-2 {
  color: #FF58AC;
}

.bg-magenta-2 {
  background: #FF58AC;
}

.fill-magenta-2 {
  fill: #FF58AC;
}

.fill-magenta-2[stroke] {
  stroke: #FF58AC;
}

.magenta-3 {
  color: #FFB8D2;
}

.bg-magenta-3 {
  background: #FFB8D2;
}

.fill-magenta-3 {
  fill: #FFB8D2;
}

.fill-magenta-3[stroke] {
  stroke: #FFB8D2;
}

.magenta-4 {
  color: #FFE0EB;
}

.bg-magenta-4 {
  background: #FFE0EB;
}

.fill-magenta-4 {
  fill: #FFE0EB;
}

.fill-magenta-4[stroke] {
  stroke: #FFE0EB;
}

.magenta-5 {
  color: #FFEDF4;
}

.bg-magenta-5 {
  background: #FFEDF4;
}

.fill-magenta-5 {
  fill: #FFEDF4;
}

.fill-magenta-5[stroke] {
  stroke: #FFEDF4;
}

.magenta-tp {
  color: #FFF6FA;
}

.bg-magenta-tp {
  background: #FFF6FA;
}

.fill-magenta-tp {
  fill: #FFF6FA;
}

.fill-magenta-tp[stroke] {
  stroke: #FFF6FA;
}

.magenta-tp-2 {
  color: #FFF5F9;
}

.bg-magenta-tp-2 {
  background: #FFF5F9;
}

.fill-magenta-tp-2 {
  fill: #FFF5F9;
}

.fill-magenta-tp-2[stroke] {
  stroke: #FFF5F9;
}

.pink {
  color: #DB2777;
}

.bg-pink {
  background: #DB2777;
}

.fill-pink {
  fill: #DB2777;
}

.fill-pink[stroke] {
  stroke: #DB2777;
}

.dark-purple {
  color: #582CA0;
}

.bg-dark-purple {
  background: #582CA0;
}

.fill-dark-purple {
  fill: #582CA0;
}

.hover-dark-purple:hover {
  color: #582CA0 !important;
  fill: #582CA0 !important;
}

.deep-purple {
  color: #5616C0;
}

.bg-deep-purple {
  background: #5616C0;
}

.fill-deep-purple {
  fill: #5616C0;
}

.hover-deep-purple:hover {
  color: #5616C0 !important;
  fill: #5616C0 !important;
}

.purple {
  color: #7233DA;
}

.bg-purple {
  background: #7233DA;
}

.fill-purple {
  fill: #7233DA;
}

.hover-purple:hover {
  color: #7233DA !important;
  fill: #7233DA !important;
}

.purple-2 {
  color: #986CE0;
}

.bg-purple-2 {
  background: #986CE0;
}

.fill-purple-2 {
  fill: #986CE0;
}

.hover-purple-2:hover {
  color: #986CE0 !important;
  fill: #986CE0 !important;
}

.purple-3 {
  color: #CFC1E5;
}

.bg-purple-3 {
  background: #CFC1E5;
}

.fill-purple-3 {
  fill: #CFC1E5;
}

.hover-purple-3:hover {
  color: #CFC1E5 !important;
  fill: #CFC1E5 !important;
}

.purple-4 {
  color: #E2D8F3;
}

.bg-purple-4 {
  background: #E2D8F3;
}

.fill-purple-4 {
  fill: #E2D8F3;
}

.hover-purple-4:hover {
  color: #E2D8F3 !important;
  fill: #E2D8F3 !important;
}

.purple-5 {
  color: #F3EFF9;
}

.bg-purple-5 {
  background: #F3EFF9;
}

.fill-purple-5 {
  fill: #F3EFF9;
}

.hover-purple-5:hover {
  color: #F3EFF9 !important;
  fill: #F3EFF9 !important;
}

.purple-tp {
  color: #F9F6FC;
}

.bg-purple-tp {
  background: #F9F6FC;
}

.fill-purple-tp {
  fill: #F9F6FC;
}

.hover-purple-tp:hover {
  color: #F9F6FC !important;
  fill: #F9F6FC !important;
}

.purple-tp-2 {
  color: #FBF9FF;
}

.bg-purple-tp-2 {
  background: #FBF9FF;
}

.fill-purple-tp-2 {
  fill: #FBF9FF;
}

.hover-purple-tp-2:hover {
  color: #FBF9FF !important;
  fill: #FBF9FF !important;
}

.hover-state {
  color: #3E1583;
}

.bg-hover-state {
  background: #3E1583;
}

.fill-hover-state {
  fill: #3E1583;
}

.hover-hover-state:hover {
  color: #3E1583 !important;
  fill: #3E1583 !important;
}

.dark-red {
  color: #BB0000 !important;
}

.dark-red-not-important {
  color: #BB0000;
}

.bg-dark-red {
  background: #BB0000 !important;
}

.fill-dark-red {
  fill: #BB0000 !important;
}

.fill-dark-red[stroke] {
  stroke: #BB0000;
}

.hover-bg-dark-red:hover {
  background: #BB0000 !important;
}

.deep-red {
  color: #DF1212 !important;
}

.deep-red-not-important {
  color: #DF1212;
}

.bg-deep-red {
  background: #DF1212 !important;
}

.fill-deep-red {
  fill: #DF1212 !important;
}

.fill-deep-red[stroke] {
  stroke: #DF1212;
}

.hover-bg-deep-red:hover {
  background: #DF1212 !important;
}

.red {
  color: #FF4343 !important;
}

.red-not-important {
  color: #FF4343;
}

.bg-red {
  background: #FF4343 !important;
}

.fill-red {
  fill: #FF4343 !important;
}

.fill-red[stroke] {
  stroke: #FF4343;
}

.hover-bg-red:hover {
  background: #FF4343 !important;
}

.red-2 {
  color: #FF6666 !important;
}

.red-2-not-important {
  color: #FF6666;
}

.bg-red-2 {
  background: #FF6666 !important;
}

.fill-red-2 {
  fill: #FF6666 !important;
}

.fill-red-2[stroke] {
  stroke: #FF6666;
}

.hover-bg-red-2:hover {
  background: #FF6666 !important;
}

.red-3 {
  color: #FFB9B9 !important;
}

.red-3-not-important {
  color: #FFB9B9;
}

.bg-red-3 {
  background: #FFB9B9 !important;
}

.fill-red-3 {
  fill: #FFB9B9 !important;
}

.fill-red-3[stroke] {
  stroke: #FFB9B9;
}

.hover-bg-red-3:hover {
  background: #FFB9B9 !important;
}

.red-4 {
  color: #FFE1E1 !important;
}

.red-4-not-important {
  color: #FFE1E1;
}

.bg-red-4 {
  background: #FFE1E1 !important;
}

.fill-red-4 {
  fill: #FFE1E1 !important;
}

.fill-red-4[stroke] {
  stroke: #FFE1E1;
}

.hover-bg-red-4:hover {
  background: #FFE1E1 !important;
}

.red-5 {
  color: #FFECEC !important;
}

.red-5-not-important {
  color: #FFECEC;
}

.bg-red-5 {
  background: #FFECEC !important;
}

.fill-red-5 {
  fill: #FFECEC !important;
}

.fill-red-5[stroke] {
  stroke: #FFECEC;
}

.hover-bg-red-5:hover {
  background: #FFECEC !important;
}

.red-tp {
  color: #FFF8F8 !important;
}

.red-tp-not-important {
  color: #FFF8F8;
}

.bg-red-tp {
  background: #FFF8F8 !important;
}

.fill-red-tp {
  fill: #FFF8F8 !important;
}

.fill-red-tp[stroke] {
  stroke: #FFF8F8;
}

.hover-bg-red-tp:hover {
  background: #FFF8F8 !important;
}

.graph-red {
  color: #F26B6B !important;
}

.graph-red-not-important {
  color: #F26B6B;
}

.bg-graph-red {
  background: #F26B6B !important;
}

.fill-graph-red {
  fill: #F26B6B !important;
}

.fill-graph-red[stroke] {
  stroke: #F26B6B;
}

.hover-bg-graph-red:hover {
  background: #F26B6B !important;
}

.dark-green {
  color: #0B6C1E !important;
}

.bg-dark-green {
  background: #0B6C1E !important;
}

.fill-dark-green {
  fill: #0B6C1E !important;
}

.fill-dark-green[stroke] {
  stroke: #0B6C1E;
}

.deep-green {
  color: #1E9235 !important;
}

.bg-deep-green {
  background: #1E9235 !important;
}

.fill-deep-green {
  fill: #1E9235 !important;
}

.fill-deep-green[stroke] {
  stroke: #1E9235;
}

.green {
  color: #19CE58 !important;
}

.bg-green {
  background: #19CE58 !important;
}

.fill-green {
  fill: #19CE58 !important;
}

.fill-green[stroke] {
  stroke: #19CE58;
}

.green-2 {
  color: #5ED980 !important;
}

.bg-green-2 {
  background: #5ED980 !important;
}

.fill-green-2 {
  fill: #5ED980 !important;
}

.fill-green-2[stroke] {
  stroke: #5ED980;
}

.green-3 {
  color: #9EE7B2 !important;
}

.bg-green-3 {
  background: #9EE7B2 !important;
}

.fill-green-3 {
  fill: #9EE7B2 !important;
}

.fill-green-3[stroke] {
  stroke: #9EE7B2;
}

.green-4 {
  color: #D4EFD2 !important;
}

.bg-green-4 {
  background: #D4EFD2 !important;
}

.fill-green-4 {
  fill: #D4EFD2 !important;
}

.fill-green-4[stroke] {
  stroke: #D4EFD2;
}

.green-5 {
  color: #E9F9ED !important;
}

.bg-green-5 {
  background: #E9F9ED !important;
}

.fill-green-5 {
  fill: #E9F9ED !important;
}

.fill-green-5[stroke] {
  stroke: #E9F9ED;
}

.green-tp {
  color: #F8FCF7 !important;
}

.bg-green-tp {
  background: #F8FCF7 !important;
}

.fill-green-tp {
  fill: #F8FCF7 !important;
}

.fill-green-tp[stroke] {
  stroke: #F8FCF7;
}

.graph-green {
  color: #5ED980 !important;
}

.bg-graph-green {
  background: #5ED980 !important;
}

.fill-graph-green {
  fill: #5ED980 !important;
}

.fill-graph-green[stroke] {
  stroke: #5ED980;
}

.green-hijau {
  color: #B1ECC1 !important;
}

.bg-green-hijau {
  background: #B1ECC1 !important;
}

.fill-green-hijau {
  fill: #B1ECC1 !important;
}

.fill-green-hijau[stroke] {
  stroke: #B1ECC1;
}

.dark-yellow {
  color: #A34F12;
}

.bg-dark-yellow {
  background: #A34F12;
}

.fill-dark-yellow {
  fill: #A34F12;
}

.fill-dark-yellow[stroke] {
  stroke: #A34F12;
}

.deep-yellow {
  color: #BF5E18;
}

.bg-deep-yellow {
  background: #BF5E18;
}

.fill-deep-yellow {
  fill: #BF5E18;
}

.fill-deep-yellow[stroke] {
  stroke: #BF5E18;
}

.yellow {
  color: #FFC700;
}

.bg-yellow {
  background: #FFC700;
}

.fill-yellow {
  fill: #FFC700;
}

.fill-yellow[stroke] {
  stroke: #FFC700;
}

.yellow-2 {
  color: #FFDD72;
}

.bg-yellow-2 {
  background: #FFDD72;
}

.fill-yellow-2 {
  fill: #FFDD72;
}

.fill-yellow-2[stroke] {
  stroke: #FFDD72;
}

.yellow-3 {
  color: #FFECB0;
}

.bg-yellow-3 {
  background: #FFECB0;
}

.fill-yellow-3 {
  fill: #FFECB0;
}

.fill-yellow-3[stroke] {
  stroke: #FFECB0;
}

.yellow-4 {
  color: #FEF2CA;
}

.bg-yellow-4 {
  background: #FEF2CA;
}

.fill-yellow-4 {
  fill: #FEF2CA;
}

.fill-yellow-4[stroke] {
  stroke: #FEF2CA;
}

.yellow-5 {
  color: #FFF6D8;
}

.bg-yellow-5 {
  background: #FFF6D8;
}

.fill-yellow-5 {
  fill: #FFF6D8;
}

.fill-yellow-5[stroke] {
  stroke: #FFF6D8;
}

.yellow-tp {
  color: #FFFCF0;
}

.bg-yellow-tp {
  background: #FFFCF0;
}

.fill-yellow-tp {
  fill: #FFFCF0;
}

.fill-yellow-tp[stroke] {
  stroke: #FFFCF0;
}

.yellow-gold {
  color: #A34F12;
}

.bg-yellow-gold {
  background: #A34F12;
}

.fill-yellow-gold {
  fill: #A34F12;
}

.fill-yellow-gold[stroke] {
  stroke: #A34F12;
}

.graph-yellow {
  color: #FFDD72;
}

.bg-graph-yellow {
  background: #FFDD72;
}

.fill-graph-yellow {
  fill: #FFDD72;
}

.fill-graph-yellow[stroke] {
  stroke: #FFDD72;
}

.grey-1 {
  color: #24292E;
}

.bg-grey-1 {
  background: #24292E !important;
}

.fill-grey-1 {
  fill: #24292E;
}

.fill-grey-1[stroke] {
  stroke: #24292E;
}

.grey-2 {
  color: #313548;
}

.bg-grey-2 {
  background: #313548 !important;
}

.fill-grey-2 {
  fill: #313548;
}

.fill-grey-2[stroke] {
  stroke: #313548;
}

.grey-3 {
  color: #4C516D;
}

.bg-grey-3 {
  background: #4C516D !important;
}

.fill-grey-3 {
  fill: #4C516D;
}

.fill-grey-3[stroke] {
  stroke: #4C516D;
}

.grey-4 {
  color: #5A5F79;
}

.bg-grey-4 {
  background: #5A5F79 !important;
}

.fill-grey-4 {
  fill: #5A5F79;
}

.fill-grey-4[stroke] {
  stroke: #5A5F79;
}

.grey-5 {
  color: #686C8A;
}

.bg-grey-5 {
  background: #686C8A !important;
}

.fill-grey-5 {
  fill: #686C8A;
}

.fill-grey-5[stroke] {
  stroke: #686C8A;
}

.grey-6 {
  color: #878AA6;
}

.bg-grey-6 {
  background: #878AA6 !important;
}

.fill-grey-6 {
  fill: #878AA6;
}

.fill-grey-6[stroke] {
  stroke: #878AA6;
}

.grey-7 {
  color: #9D9FBC;
}

.bg-grey-7 {
  background: #9D9FBC !important;
}

.fill-grey-7 {
  fill: #9D9FBC;
}

.fill-grey-7[stroke] {
  stroke: #9D9FBC;
}

.grey-8 {
  color: #BCBBD0;
}

.bg-grey-8 {
  background: #BCBBD0 !important;
}

.fill-grey-8 {
  fill: #BCBBD0;
}

.fill-grey-8[stroke] {
  stroke: #BCBBD0;
}

.grey-9 {
  color: #C3C2D7;
}

.bg-grey-9 {
  background: #C3C2D7 !important;
}

.fill-grey-9 {
  fill: #C3C2D7;
}

.fill-grey-9[stroke] {
  stroke: #C3C2D7;
}

.grey-10 {
  color: #C3C2D7;
}

.bg-grey-10 {
  background: #C3C2D7 !important;
}

.fill-grey-10 {
  fill: #C3C2D7;
}

.fill-grey-10[stroke] {
  stroke: #C3C2D7;
}

.grey-11 {
  color: #DCDEED;
}

.bg-grey-11 {
  background: #DCDEED !important;
}

.fill-grey-11 {
  fill: #DCDEED;
}

.fill-grey-11[stroke] {
  stroke: #DCDEED;
}

.grey-12 {
  color: #E5E7F2;
}

.bg-grey-12 {
  background: #E5E7F2 !important;
}

.fill-grey-12 {
  fill: #E5E7F2;
}

.fill-grey-12[stroke] {
  stroke: #E5E7F2;
}

.grey-13 {
  color: #E5E7F2;
}

.bg-grey-13 {
  background: #E5E7F2 !important;
}

.fill-grey-13 {
  fill: #E5E7F2;
}

.fill-grey-13[stroke] {
  stroke: #E5E7F2;
}

.grey-14 {
  color: #EFF0F9;
}

.bg-grey-14 {
  background: #EFF0F9 !important;
}

.fill-grey-14 {
  fill: #EFF0F9;
}

.fill-grey-14[stroke] {
  stroke: #EFF0F9;
}

.grey-15 {
  color: #F6F6FC;
}

.bg-grey-15 {
  background: #F6F6FC !important;
}

.fill-grey-15 {
  fill: #F6F6FC;
}

.fill-grey-15[stroke] {
  stroke: #F6F6FC;
}

.grey-16 {
  color: #E5E7F2;
}

.bg-grey-16 {
  background: #E5E7F2 !important;
}

.fill-grey-16 {
  fill: #E5E7F2;
}

.fill-grey-16[stroke] {
  stroke: #E5E7F2;
}

.grey-ph {
  color: #707070;
}

.bg-grey-ph {
  background: #707070 !important;
}

.fill-grey-ph {
  fill: #707070;
}

.fill-grey-ph[stroke] {
  stroke: #707070;
}

.gray {
  color: #4B5563;
}

.bg-gray {
  background: #4B5563 !important;
}

.fill-gray {
  fill: #4B5563;
}

.fill-gray[stroke] {
  stroke: #4B5563;
}

.gray-900 {
  color: #111827;
}

.bg-gray-900 {
  background: #111827 !important;
}

.fill-gray-900 {
  fill: #111827;
}

.fill-gray-900[stroke] {
  stroke: #111827;
}

.brand-green {
  color: #FFF8BA;
}

.bg-brand-green {
  background: #FFF8BA;
}

.fill-brand-green {
  fill: #FFF8BA;
}

.fill-brand-green[stroke] {
  stroke: #FFF8BA;
}

.hover-brand-green:hover {
  color: #FFF8BA !important;
  fill: #FFF8BA !important;
}

.brand-teal {
  color: #3CB5B5;
}

.bg-brand-teal {
  background: #3CB5B5;
}

.fill-brand-teal {
  fill: #3CB5B5;
}

.fill-brand-teal[stroke] {
  stroke: #3CB5B5;
}

.hover-brand-teal:hover {
  color: #3CB5B5 !important;
  fill: #3CB5B5 !important;
}

.brand-lime {
  color: #A0D674;
}

.bg-brand-lime {
  background: #A0D674;
}

.fill-brand-lime {
  fill: #A0D674;
}

.fill-brand-lime[stroke] {
  stroke: #A0D674;
}

.hover-brand-lime:hover {
  color: #A0D674 !important;
  fill: #A0D674 !important;
}

.teal-toska {
  color: #AAE3E3;
}

.bg-teal-toska {
  background: #AAE3E3;
}

.fill-teal-toska {
  fill: #AAE3E3;
}

.fill-teal-toska[stroke] {
  stroke: #AAE3E3;
}

.hover-teal-toska:hover {
  color: #AAE3E3 !important;
  fill: #AAE3E3 !important;
}

.lime {
  color: #BDF189;
}

.bg-lime {
  background: #BDF189;
}

.fill-lime {
  fill: #BDF189;
}

.fill-lime[stroke] {
  stroke: #BDF189;
}

.hover-lime:hover {
  color: #BDF189 !important;
  fill: #BDF189 !important;
}

.brand-red {
  color: #F97060;
}

.bg-brand-red {
  background: #F97060;
}

.fill-brand-red {
  fill: #F97060;
}

.fill-brand-red[stroke] {
  stroke: #F97060;
}

.hover-brand-red:hover {
  color: #F97060 !important;
  fill: #F97060 !important;
}

.brand-navy {
  color: #33495D;
}

.bg-brand-navy {
  background: #33495D;
}

.fill-brand-navy {
  fill: #33495D;
}

.fill-brand-navy[stroke] {
  stroke: #33495D;
}

.hover-brand-navy:hover {
  color: #33495D !important;
  fill: #33495D !important;
}

.shadow-base {
  color: #413368;
}

.bg-shadow-base {
  background: #413368;
}

.fill-shadow-base {
  fill: #413368;
}

.fill-shadow-base[stroke] {
  stroke: #413368;
}

.hover-shadow-base:hover {
  color: #413368 !important;
  fill: #413368 !important;
}

.dark-indigo {
  color: #413368;
}

.bg-dark-indigo {
  background: #413368;
}

.fill-dark-indigo {
  fill: #413368;
}

.fill-dark-indigo[stroke] {
  stroke: #413368;
}

.hover-dark-indigo:hover {
  color: #413368 !important;
  fill: #413368 !important;
}

.deep-indigo {
  color: #3E1583;
}

.bg-deep-indigo {
  background: #3E1583;
}

.fill-deep-indigo {
  fill: #3E1583;
}

.fill-deep-indigo[stroke] {
  stroke: #3E1583;
}

.hover-deep-indigo:hover {
  color: #3E1583 !important;
  fill: #3E1583 !important;
}

.indigo {
  color: #5045CE;
}

.bg-indigo {
  background: #5045CE;
}

.fill-indigo {
  fill: #5045CE;
}

.fill-indigo[stroke] {
  stroke: #5045CE;
}

.hover-indigo:hover {
  color: #5045CE !important;
  fill: #5045CE !important;
}

.indigo-2 {
  color: #6E7AF1;
}

.bg-indigo-2 {
  background: #6E7AF1;
}

.fill-indigo-2 {
  fill: #6E7AF1;
}

.fill-indigo-2[stroke] {
  stroke: #6E7AF1;
}

.hover-indigo-2:hover {
  color: #6E7AF1 !important;
  fill: #6E7AF1 !important;
}

.indigo-3 {
  color: #C0C9FD;
}

.bg-indigo-3 {
  background: #C0C9FD;
}

.fill-indigo-3 {
  fill: #C0C9FD;
}

.fill-indigo-3[stroke] {
  stroke: #C0C9FD;
}

.hover-indigo-3:hover {
  color: #C0C9FD !important;
  fill: #C0C9FD !important;
}

.indigo-4 {
  color: #D8DDFD;
}

.bg-indigo-4 {
  background: #D8DDFD;
}

.fill-indigo-4 {
  fill: #D8DDFD;
}

.fill-indigo-4[stroke] {
  stroke: #D8DDFD;
}

.hover-indigo-4:hover {
  color: #D8DDFD !important;
  fill: #D8DDFD !important;
}

.indigo-5 {
  color: #EFF0FC;
}

.bg-indigo-5 {
  background: #EFF0FC;
}

.fill-indigo-5 {
  fill: #EFF0FC;
}

.fill-indigo-5[stroke] {
  stroke: #EFF0FC;
}

.hover-indigo-5:hover {
  color: #EFF0FC !important;
  fill: #EFF0FC !important;
}

.indigo-tp {
  color: #F9F8FC;
}

.bg-indigo-tp {
  background: #F9F8FC;
}

.fill-indigo-tp {
  fill: #F9F8FC;
}

.fill-indigo-tp[stroke] {
  stroke: #F9F8FC;
}

.hover-indigo-tp:hover {
  color: #F9F8FC !important;
  fill: #F9F8FC !important;
}

.form-bg {
  color: #FFFDFC;
}

.bg-form-bg {
  background: #FFFDFC;
}

.fill-form-bg {
  fill: #FFFDFC;
}

.fill-form-bg[stroke] {
  stroke: #FFFDFC;
}

.teal-bg {
  color: #595a5a;
}

.bg-teal-bg {
  background: #595a5a;
}

.fill-teal-bg {
  fill: #595a5a;
}

.fill-teal-bg[stroke] {
  stroke: #595a5a;
}

.green-bg {
  color: #D3EAC8;
}

.bg-green-bg {
  background: #D3EAC8;
}

.fill-green-bg {
  fill: #D3EAC8;
}

.fill-green-bg[stroke] {
  stroke: #D3EAC8;
}

.apricot-salem {
  color: #F9C3B0;
}

.bg-apricot-salem {
  background: #F9C3B0;
}

.fill-apricot-salem {
  fill: #F9C3B0;
}

.fill-apricot-salem[stroke] {
  stroke: #F9C3B0;
}

.salted-egg-telur-asin {
  color: #AECDD2;
}

.bg-salted-egg-telur-asin {
  background: #AECDD2;
}

.fill-salted-egg-telur-asin {
  fill: #AECDD2;
}

.fill-salted-egg-telur-asin[stroke] {
  stroke: #AECDD2;
}

.abu-abu {
  color: #ADB6BE;
}

.bg-abu-abu {
  background: #ADB6BE;
}

.fill-abu-abu {
  fill: #ADB6BE;
}

.fill-abu-abu[stroke] {
  stroke: #ADB6BE;
}

.sky-blue-biru-langit {
  color: #B3E3F7;
}

.bg-sky-blue-biru-langit {
  background: #B3E3F7;
}

.fill-sky-blue-biru-langit {
  fill: #B3E3F7;
}

.fill-sky-blue-biru-langit[stroke] {
  stroke: #B3E3F7;
}

.wood-cokelat-kayu {
  color: #DDB994;
}

.bg-wood-cokelat-kayu {
  background: #DDB994;
}

.fill-wood-cokelat-kayu {
  fill: #DDB994;
}

.fill-wood-cokelat-kayu[stroke] {
  stroke: #DDB994;
}

.apple-green-hijau-apel {
  color: #CBEDAF;
}

.bg-apple-green-hijau-apel {
  background: #CBEDAF;
}

.fill-apple-green-hijau-apel {
  fill: #CBEDAF;
}

.fill-apple-green-hijau-apel[stroke] {
  stroke: #CBEDAF;
}

.purple-ungu {
  color: #CFC1E5;
}

.bg-purple-ungu {
  background: #CFC1E5;
}

.fill-purple-ungu {
  fill: #CFC1E5;
}

.fill-purple-ungu[stroke] {
  stroke: #CFC1E5;
}

.sage-green-hijau-lumut {
  color: #C5DFB9;
}

.bg-sage-green-hijau-lumut {
  background: #C5DFB9;
}

.fill-sage-green-hijau-lumut {
  fill: #C5DFB9;
}

.fill-sage-green-hijau-lumut[stroke] {
  stroke: #C5DFB9;
}

.text-red {
  color: #FF4343 !important;
}

.text-red-2 {
  color: #FF6666 !important;
}

.text-dark-red {
  color: #BB0000 !important;
}

.text-white {
  color: #FFFFFF !important;
}

.text-white {
  color: #FFFFFF !important;
}

.text-black-1 {
  color: #131315 !important;
}

.text-purple,
.text-purple::before {
  color: #7233DA !important;
}

.text-grey-3 {
  color: #4C516D !important;
}

.text-grey-6,
.text-grey {
  color: #878AA6 !important;
}

.text-blue {
  color: #3167F6 !important;
}

.text-blue-2 {
  color: #318CF6 !important;
}

.text-green-2 {
  color: #5ED980 !important;
}

.red-3 {
  color: #FFB9B9;
}

.hover-red:hover {
  color: #FF4343;
}

.text-blue,
.text-blue::before {
  color: #3167F6 !important;
}

.bg-grey-13 {
  background-color: #E5E7F2 !important;
}

.bg-grey-15 {
  background-color: #F6F6FC !important;
}

.bg-red-tp {
  background-color: #FFF8F8 !important;
}

.bg-red-2 {
  background-color: #FF6666;
}

.bg-red-5 {
  background-color: #FFECEC;
}

.bg-blue-tp-2 {
  background-color: #F4F8FF !important;
}

.bg-blue-layout {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  background-color: #EAF4FF !important;
  z-index: -1 !important;
  overflow-y: auto !important;
}

.bg-blue-tp {
  background-color: #F7FAFF !important;
}

.bg-green {
  background-color: #D3EAC8 !important;
}

.border-blue-2 {
  border: 2px dashed #318CF6;
}

.border-grey-13 {
  border: 1px solid #E5E7F2;
}
.border-grey-13.border-bold {
  border: 2px solid #E5E7F2;
}
.border-grey-13.border-rounded {
  border-radius: 4px;
}

.border-grey-12 {
  border: 1px solid #E5E7F2;
}
.border-grey-12.border-bold {
  border: 2px solid #E5E7F2;
}

.border-grey-6 {
  border: 1px solid #878AA6;
}
.border-grey-6.border-bold {
  border: 2px solid #878AA6;
}

.border-black-1 {
  border-color: #131315 !important;
}

.border-red-2 {
  border-color: #FF6666 !important;
}

.select2-selection--single.border-red-4 {
  border-color: #FFE1E1 !important;
}

.border-red-5 {
  border-color: #FFECEC !important;
}

.border-radius-grey-13 {
  border: 2px solid #E5E7F2 !important;
  border-radius: 4px;
}

.border-top-grey-13 {
  border-top: 2px solid #E5E7F2 !important;
}

.border-radius-grey-13-left-top-bottom {
  border-left: 2px solid #E5E7F2 !important;
  border-bottom: 2px solid #E5E7F2 !important;
  border-top: 2px solid #E5E7F2 !important;
  border-right: 0px !important;
  border-radius: 4px;
  border-top-right-radius: 0px 0px;
  border-bottom-right-radius: 0px 0px;
}

.border-radius-grey-13-right-top-bottom {
  border-right: 2px solid #E5E7F2 !important;
  border-bottom: 2px solid #E5E7F2 !important;
  border-top: 2px solid #E5E7F2 !important;
  border-left: 0px !important;
  border-radius: 4px;
  border-top-left-radius: 0px 0px;
  border-bottom-left-radius: 0px 0px;
}

.border-radius-grey-13-top-bottom {
  border-width: 2px 0px 2px 0px !important;
  border-style: solid;
  border-color: #E5E7F2 !important;
}

.border-top-only {
  border-width: 1px 0px 0px 0px !important;
  border-style: solid;
}

.border-right-left {
  border-width: 0px 2px !important;
  border-style: solid;
}

.border-grey-13-top-bottom {
  border-width: 2px 0px 2px 0px !important;
  border-radius: 0px 4px 4px 0 !important;
  border-style: solid;
  border-color: #E5E7F2 !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.border-grey-13-bottom {
  border-width: 0px 0px 2px 0px !important;
  border-radius: 0px 4px 4px 0 !important;
  border-style: solid;
  border-color: #E5E7F2 !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.border-grey-13-top {
  border-width: 2px 0px 0px 0px !important;
  border-radius: 4px 0px 0px 0 !important;
  border-style: solid;
  border-color: #E5E7F2 !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.border-grey-13-left {
  border-left: 1px solid #E5E7F2 !important;
}

.border-grey-13-right {
  border-right: 1px solid #E5E7F2 !important;
}

.border-grey-13-right-left {
  border-width: 0px 1px !important;
  border-style: solid;
  border-color: #E5E7F2 !important;
}

.border-radius-grey-13-left {
  border-left: 2px solid #E5E7F2 !important;
  border-radius: 4px;
  border-top-right-radius: 0px 0px;
  border-bottom-right-radius: 0px 0px;
}

.white {
  color: #FFFFFF;
}

.topic-bg-white-1 {
  background: #fdfdff !important;
}

.fill-deep-blue {
  color: #1F50CF;
}

.hover-blue-2:hover,
.hover-blue-2:hover div,
.hover-blue-2:hover p,
.hover-blue-2:hover span,
.hover-blue-2:hover a,
.hover-blue-2:hover path {
  color: #318CF6;
  fill: #318CF6;
}

.active-deep-blue:active,
.active-deep-blue:active div,
.active-deep-blue:active p,
.active-deep-blue:active span,
.active-deep-blue:active a,
.active-deep-blue:active path {
  color: #1F50CF;
  fill: #1F50CF;
}

.hover-state:hover,
.hover-state div:hover,
.hover-state p:hover,
.hover-state span:hover,
.hover-state a:hover {
  color: #3E1583;
}

.hover-bold:hover ~ .text {
  font-weight: 700;
}

.bg-blue-5 {
  background: #EAF4FF !important;
}

.bg-blue-4-important {
  background: #D9EBFF !important;
}

.bg-yellow-4-important {
  background: #FEF2CA !important;
}

body {
  font-family: "Inter", sans-serif;
  font-size: 1.5rem;
  line-height: 2.4rem;
  color: #131315;
  margin: unset;
  padding: unset;
  background: #FFFFFF;
}

h1,
.h1,
h2,
h3,
h4,
h5,
h6,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin: unset;
  margin-bottom: 0 !important;
}

b, strong {
  font-weight: 600;
}

h1, .h1 {
  font-size: 3.3rem;
  line-height: 3.6rem;
  font-weight: 600;
}

.h1 {
  font-size: 3.3rem;
  line-height: 3.6rem;
  font-weight: 700;
}

.h1-semibold {
  font-size: 3.3rem;
  line-height: 3.6rem;
  font-weight: 600;
}

.h1-reg {
  font-size: 3.3rem;
  line-height: 3.6rem;
  font-weight: 400;
}

h2, .h2 {
  font-size: 2.5rem;
  line-height: 3.2rem;
  font-weight: 600;
}

.h2 {
  font-size: 2.5rem;
  line-height: 3.2rem;
  font-weight: 700;
}

.h2-semibold {
  font-size: 2.5rem;
  line-height: 3.2rem;
  font-weight: 600;
}

.h2-reg {
  font-size: 2.5rem;
  line-height: 3.2rem;
  font-weight: 400;
}

h3, .h3 {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 600;
}

.h3 {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 700;
}

.h3-semibold {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 600;
}

.h3-reg {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 400;
}

h4, .h4 {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 600;
}

.h4 {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 700;
}

.h4-semibold {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 600;
}

.h4-reg {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
}

h5, .h5 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.h5 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}

.h5-semibold {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.h5-reg {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
}

h6, .h6 {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 600;
}

.h6 {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 700;
}

.h6-semibold {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 600;
}

.h6-reg {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 400;
}

.headline {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.label {
  font-weight: normal;
  font-size: 1.1rem;
  line-height: 1.2rem;
}

.p-bold {
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2.4rem;
}

.p-small {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem !important;
  line-height: 2rem;
}

.p-extra-small {
  font-style: normal;
  font-weight: normal;
  font-size: 1.1rem !important;
  line-height: 2rem;
}

.p-small-bold {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 2rem;
}

pre {
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2.4rem;
}

.display-1 {
  font-size: 6rem;
  line-height: 8rem;
  font-weight: 400;
}

.display-small-1 {
  font-size: 2.3rem;
  line-height: 4rem;
  font-weight: 400;
}

.display-small-1-semibold {
  font-size: 2.3rem;
  line-height: 4rem;
  font-weight: 600;
}

.display-small-1-bold {
  font-size: 2.3rem;
  line-height: 4rem;
  font-weight: 700;
}

.display-2 {
  font-size: 5.7rem;
  line-height: 6.4rem;
  font-weight: 400;
}

.display-small-2 {
  font-size: 1.9rem;
  line-height: 3.2rem;
  font-weight: 400;
}

.display-small-2-semibold {
  font-size: 1.9rem;
  line-height: 3.2rem;
  font-weight: 600;
}

.display-small-2-bold {
  font-size: 1.9rem;
  line-height: 3.2rem;
  font-weight: 700;
}

.display-3 {
  font-size: 4.5rem;
  line-height: 5.2rem;
  font-weight: 400;
}

.display-small-3 {
  font-size: 1.7rem;
  line-height: 2.8rem;
  font-weight: 400;
}

.display-small-3-semibold {
  font-size: 1.7rem;
  line-height: 2.8rem;
  font-weight: 600;
}

.display-small-3-bold {
  font-size: 1.7rem;
  line-height: 2.8rem;
  font-weight: 700;
}

.display-4 {
  font-size: 3.6rem;
  line-height: 4.4rem;
  font-weight: 400;
}

.lead-paragraph-small {
  font-size: 1.7rem;
  line-height: 3rem;
  font-weight: 400;
}

.lead-paragraph-small-italic {
  font-size: 1.7rem;
  line-height: 3.2rem;
  font-weight: 400;
  font-style: italic;
}

.lead-paragraph-small-semibold {
  font-size: 1.7rem;
  line-height: 3rem;
  font-weight: 600;
}

.lead-paragraph-small-semibold-italic {
  font-size: 1.7rem;
  line-height: 3rem;
  font-weight: 600;
  font-style: italic;
}

.lead-paragraph-small-bold {
  font-size: 1.7rem;
  line-height: 3rem;
  font-weight: 700;
}

.lead-paragraph-small-bold-italic {
  font-size: 1.7rem;
  line-height: 3rem;
  font-weight: 700;
  font-style: italic;
}

.lead-paragraph-medium {
  font-size: 2.1rem;
  line-height: 3.6rem;
  font-weight: 400;
}

.lead-paragraph-medium-italic {
  font-size: 2.1rem;
  line-height: 3.6rem;
  font-weight: 400;
  font-style: italic;
}

.lead-paragraph-medium-semibold {
  font-size: 2.1rem;
  line-height: 3.6rem;
  font-weight: 600;
}

.lead-paragraph-medium-semibold-italic {
  font-size: 2.1rem;
  line-height: 3.6rem;
  font-weight: 600;
  font-style: italic;
}

.lead-paragraph-medium-bold {
  font-size: 2.1rem;
  line-height: 3.6rem;
  font-weight: 700;
}

.lead-paragraph-medium-bold-italic {
  font-size: 2.1rem;
  line-height: 3.6rem;
  font-weight: 700;
  font-style: italic;
}

.paragraph {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
}

.paragraph-italic {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
  font-style: italic;
}

.paragraph-semibold {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 600;
}

.paragraph-semibold-italic {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 600;
  font-style: italic;
}

.paragraph-bold {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 700;
}

.paragraph-bold-italic {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-style: italic;
}

.small-paragraph {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 400;
}

.small-paragraph-italic {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 400;
  font-style: italic;
}

.small-paragraph-semibold {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 600;
}

.small-paragraph-semibold-italic {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 600;
  font-style: italic;
}

.small-paragraph-bold {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 700;
}

.small-paragraph-bold-italic {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 700;
  font-style: italic;
}

.small-paragraph-2 {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 400;
}

.small-paragraph-2-italic {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 400;
  font-style: italic;
}

.small-paragraph-2-semibold {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 600;
}

.small-paragraph-2-semibold-italic {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 600;
  font-style: italic;
}

.small-paragraph-2-bold {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 700;
}

.small-paragraph-2-bold-italic {
  font-size: 1.2rem;
  line-height: 2rem;
  font-weight: 700;
  font-style: italic;
}

.extra-small {
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 400;
}

.extra-small-italic {
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 400;
  font-style: italic;
}

.extra-small-semibold {
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 600;
}

.extra-small-semibold-italic {
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 600;
  font-style: italic;
}

.extra-small-bold {
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 700;
}

.extra-small-bold-italic {
  font-size: 1.1rem;
  line-height: 1.6rem;
  font-weight: 700;
  font-style: italic;
}

.extra-small-2 {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 400;
}

.extra-small-2-semibold {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 600;
}

.extra-small-2-bold {
  font-size: 1rem;
  line-height: 1.6rem;
  font-weight: 700;
}

.tiny-paragraph {
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-weight: 400;
}

.tiny-paragraph-semibold {
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-weight: 600;
}

.tiny-paragraph-bold {
  font-size: 0.9rem;
  line-height: 1.2rem;
  font-weight: 700;
}

.extra-large {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 600;
}

.large {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 600;
}

.medium {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
}

.small {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 600;
}

.section-noncap {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.section-small {
  font-size: 1rem;
  line-height: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.section-medium {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.section-large {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.badge-medium {
  font-style: italic;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.6rem;
}

.badge-small {
  font-style: italic;
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.2rem;
}

.text-bold {
  font-weight: bold;
}

.text-reguler {
  font-weight: normal;
}

.text-top {
  vertical-align: top !important;
}

.text-middle {
  vertical-align: middle !important;
}

.text-bottom {
  vertical-align: bottom !important;
}

.brand-hero {
  text-align: center;
  text-overflow: wrap;
  padding: 2rem;
  margin-bottom: 4rem;
}

.normal-white-space {
  white-space: normal !important;
}

.line-height-2 {
  line-height: 2rem !important;
}
.line-height-2 p {
  line-height: 2rem !important;
}

.line-height-16 {
  line-height: 1.6rem !important;
}

.line-height-24 {
  line-height: 2.4rem !important;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.rotate-text {
  transform: rotate(-90deg);
  display: inline-table;
  margin-right: -3rem;
  margin-left: -3rem;
}

.rotate-text-bottom {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  position: relative;
}

.sideways-text {
  writing-mode: sideways-lr;
  position: relative;
}

.letter-spacing-06 {
  letter-spacing: 0.06em;
}

@media (min-width: 768px) {
  .text-md-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.normal-white-space {
  white-space: normal;
}

.no-wrap-white-space {
  white-space: nowrap;
}

.pre-white-space {
  white-space: pre;
}

.pre-wrap-white-space {
  white-space: pre-wrap;
}

.pre-line-white-space {
  white-space: pre-line;
}

.break-spaces-white-space {
  white-space: break-spaces;
}

.h5-important {
  font-weight: 700 !important;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}

.paragraph-important {
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  line-height: 2.4rem !important;
}

.mobile-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .mobile-only {
    display: block;
  }
}

.largescreen-only {
  display: block;
}
@media screen and (max-width: 768px) {
  .largescreen-only {
    display: none;
  }
}

.hover-only {
  display: none;
}
.hover-only:hover {
  display: block;
}
.hover-only:hover * {
  display: block;
}

.hover-show {
  cursor: pointer;
}
.hover-show .to-hide {
  display: inherit;
}
.hover-show .to-show {
  display: none;
}
.hover-show:hover .to-hide {
  display: none;
}
.hover-show:hover .to-show {
  display: inherit;
}

.border-none {
  border: none !important;
}

.border-dashed {
  border-style: dashed !important;
}

.border-normal {
  border-radius: 4px !important;
}

.border-card-assessment-record {
  border-radius: 0.8rem;
  border: 2px solid #E5E7F2;
}

.d-initial {
  display: initial !important;
}

.no-wrap {
  flex-wrap: nowrap;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-draggable {
  cursor: all-scroll !important;
}

.cursor-default {
  cursor: default !important;
}

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

.display-none-not-important {
  display: none;
}

.display-block-not-important {
  display: block;
}

.top-0 {
  top: 0px;
}

.top-1 {
  top: 0.4rem !important;
}

.top-2 {
  top: 0.8rem !important;
}

.top-3 {
  top: 1.2rem !important;
}

.right-0 {
  right: 0px;
}

.bottom-0 {
  bottom: 0px;
}

.left-0 {
  left: 0px;
}

.left-1 {
  left: 0.4rem !important;
}

.left-2 {
  left: 0.8rem !important;
}

.opacity-0 {
  opacity: 0;
}

.opacity-25 {
  opacity: 25%;
}

.opacity-50 {
  opacity: 50%;
}

.opacity-75 {
  opacity: 75%;
}

.opacity-100 {
  opacity: 100%;
}

.overflow-x-inherit {
  overflow-x: inherit !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.text-decoration-hide {
  text-decoration: none;
  color: #3167F6;
}
.text-decoration-hide:hover {
  color: #3167F6;
  text-decoration: none;
}

.d-inline-flex {
  display: inline-flex;
}

.invisible-scrollbar::-webkit-scrollbar {
  width: 0px !important;
  height: 0px !important;
}

.visible-collapse {
  visibility: collapse;
}

.dashed-hr {
  border: none;
  background: repeating-linear-gradient(to right, #E5E7F2, #E5E7F2 4px, transparent 4px, transparent 8px) top/100% 1px;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 2px;
  opacity: 1;
}

.gap-0 {
  gap: 0 !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

.gap-1 {
  gap: 0.4rem !important;
}

.m-1 {
  margin: 0.4rem !important;
}

.mt-1 {
  margin-top: 0.4rem !important;
}

.mr-1 {
  margin-right: 0.4rem !important;
}

.mb-1 {
  margin-bottom: 0.4rem !important;
}

.ml-1 {
  margin-left: 0.4rem !important;
}

.mx-1 {
  margin-left: 0.4rem !important;
  margin-right: 0.4rem !important;
}

.my-1 {
  margin-bottom: 0.4rem !important;
  margin-top: 0.4rem !important;
}

.gap-2 {
  gap: 0.8rem !important;
}

.m-2 {
  margin: 0.8rem !important;
}

.mt-2 {
  margin-top: 0.8rem !important;
}

.mr-2 {
  margin-right: 0.8rem !important;
}

.mb-2 {
  margin-bottom: 0.8rem !important;
}

.ml-2 {
  margin-left: 0.8rem !important;
}

.mx-2 {
  margin-left: 0.8rem !important;
  margin-right: 0.8rem !important;
}

.my-2 {
  margin-bottom: 0.8rem !important;
  margin-top: 0.8rem !important;
}

.gap-3 {
  gap: 1.2rem !important;
}

.m-3 {
  margin: 1.2rem !important;
}

.mt-3 {
  margin-top: 1.2rem !important;
}

.mr-3 {
  margin-right: 1.2rem !important;
}

.mb-3 {
  margin-bottom: 1.2rem !important;
}

.ml-3 {
  margin-left: 1.2rem !important;
}

.mx-3 {
  margin-left: 1.2rem !important;
  margin-right: 1.2rem !important;
}

.my-3 {
  margin-bottom: 1.2rem !important;
  margin-top: 1.2rem !important;
}

.m-4 {
  margin: 1.6rem !important;
}

.gap-4 {
  gap: 1.6rem !important;
}

.mt-4 {
  margin-top: 1.6rem !important;
}

.mr-4 {
  margin-right: 1.6rem !important;
}

.mb-4 {
  margin-bottom: 1.6rem !important;
}

.ml-4 {
  margin-left: 1.6rem !important;
}

.mx-4 {
  margin-left: 1.6rem !important;
  margin-right: 1.6rem !important;
}

.my-4 {
  margin-bottom: 1.6rem !important;
  margin-top: 1.6rem !important;
}

.gap-5 {
  gap: 2rem !important;
}

.m-5 {
  margin: 2rem !important;
}

.mt-5 {
  margin-top: 2rem !important;
}

.mr-5 {
  margin-right: 2rem !important;
}

.mb-5 {
  margin-bottom: 2rem !important;
}

.ml-5 {
  margin-left: 2rem !important;
}

.-ml-5 {
  margin-left: -2rem !important;
}

.mx-5 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-5 {
  margin-bottom: 2rem !important;
  margin-top: 2rem !important;
}

.gap-6 {
  gap: 2.4rem !important;
}

.m-6 {
  margin: 2rem !important;
}

.mt-6 {
  margin-top: 2.4rem !important;
}

.mr-6 {
  margin-right: 2.4rem !important;
}

.mb-6 {
  margin-bottom: 2.4rem !important;
}

.ml-6 {
  margin-left: 2.4rem !important;
}

.mx-6 {
  margin-left: 2.4rem !important;
  margin-right: 2.4rem !important;
}

.my-6 {
  margin-bottom: 2.4rem !important;
  margin-top: 2.4rem !important;
}

.my-6r {
  margin-bottom: 0.6rem !important;
  margin-top: 0.6rem !important;
}

.gap-7 {
  gap: 3.2rem !important;
}

.m-7 {
  margin: 3.2rem !important;
}

.mt-7 {
  margin-top: 3.2rem !important;
}

@media (max-width: 400px) {
  .mt-sm-7 {
    margin-top: 1.6rem !important;
  }
}

.mr-7 {
  margin-right: 3.2rem !important;
}

.mb-7 {
  margin-bottom: 3.2rem !important;
}

.ml-7 {
  margin-left: 3.2rem !important;
}

.mx-7 {
  margin-left: 3.2rem !important;
  margin-right: 3.2rem !important;
}

.my-7 {
  margin-bottom: 3.2rem !important;
  margin-top: 3.2rem !important;
}

.gap-8 {
  gap: 4rem !important;
}

.m-8 {
  margin: 4rem !important;
}

.mt-8 {
  margin-top: 4rem !important;
}

.mt-min-8 {
  margin-top: -4rem !important;
}

.mr-8 {
  margin-right: 4rem !important;
}

.mb-8 {
  margin-bottom: 4rem !important;
}

.ml-8 {
  margin-left: 4rem !important;
}

.mx-8 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-8 {
  margin-bottom: 4rem !important;
  margin-top: 4rem !important;
}

.gap-9 {
  gap: 4.8rem !important;
}

.m-9 {
  margin: 4.8rem !important;
}

.mt-9 {
  margin-top: 4.8rem !important;
}

.mt-2p {
  margin-top: 0.2rem;
}

.mr-9 {
  margin-right: 4.8rem !important;
}

.mb-9 {
  margin-bottom: 4.8rem !important;
}

.ml-9 {
  margin-left: 4.8rem !important;
}

.mx-9 {
  margin-left: 4.8rem !important;
  margin-right: 4.8rem !important;
}

.my-9 {
  margin-bottom: 4.8rem !important;
  margin-top: 4.8rem !important;
}

.gap-10 {
  gap: 8rem !important;
}

.m-10 {
  margin: 8rem !important;
}

.mt-10 {
  margin-top: 8rem !important;
}

.mr-10 {
  margin-right: 8rem !important;
}

.mb-10 {
  margin-bottom: 8rem !important;
}

.ml-10 {
  margin-left: 8rem !important;
}

.mt-6r {
  margin-top: 0.6rem !important;
}

.ml-30 {
  margin-left: 30rem !important;
}

.mx-10 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.my-10 {
  margin-bottom: 8rem !important;
  margin-top: 8rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.py-0 {
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

.p-1 {
  padding: 0.4rem !important;
}

.pd-1 {
  padding: 0.2rem !important;
}

.pt-1 {
  padding-top: 0.4rem !important;
}

.pr-1 {
  padding-right: 0.4rem !important;
}

.pb-1 {
  padding-bottom: 0.4rem !important;
}

.pl-1 {
  padding-left: 0.4rem !important;
}

.px-1 {
  padding-left: 0.4rem !important;
  padding-right: 0.4rem !important;
}

.py-1 {
  padding-bottom: 0.4rem !important;
  padding-top: 0.4rem !important;
}

.pt-6r {
  padding-top: 0.6rem !important;
}

.p-2 {
  padding: 0.8rem !important;
}

.pt-2 {
  padding-top: 0.8rem !important;
}

.pr-2 {
  padding-right: 0.8rem !important;
}

.pb-2 {
  padding-bottom: 0.8rem !important;
}

.pl-2 {
  padding-left: 0.8rem !important;
}

.px-2 {
  padding-left: 0.8rem !important;
  padding-right: 0.8rem !important;
}

.py-2 {
  padding-bottom: 0.8rem !important;
  padding-top: 0.8rem !important;
}

.p-3 {
  padding: 1.2rem !important;
}

.pt-3 {
  padding-top: 1.2rem !important;
}

.pr-3 {
  padding-right: 1.2rem !important;
}

.pb-3 {
  padding-bottom: 1.2rem !important;
}

.pl-3 {
  padding-left: 1.2rem !important;
}

.px-3 {
  padding-left: 1.2rem !important;
  padding-right: 1.2rem !important;
}

.py-3 {
  padding-bottom: 1.2rem !important;
  padding-top: 1.2rem !important;
}

.p-4 {
  padding: 1.6rem !important;
}

.pt-4 {
  padding-top: 1.6rem !important;
}

.pr-4 {
  padding-right: 1.6rem !important;
}

.pb-4 {
  padding-bottom: 1.6rem !important;
}

.pl-4 {
  padding-left: 1.6rem !important;
}

.px-4 {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
}

.py-4 {
  padding-bottom: 1.6rem !important;
  padding-top: 1.6rem !important;
}

.p-5 {
  padding: 2rem !important;
}

.pt-5 {
  padding-top: 2rem !important;
}

.pr-5 {
  padding-right: 2rem !important;
}

.pb-5 {
  padding-bottom: 2rem !important;
}

.pl-5 {
  padding-left: 2rem !important;
}

.px-5 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-5 {
  padding-bottom: 2rem !important;
  padding-top: 2rem !important;
}

.p-6 {
  padding: 2.4rem !important;
}

.pt-6 {
  padding-top: 2.4rem !important;
}

.pr-6 {
  padding-right: 2.4rem !important;
}

.pb-6 {
  padding-bottom: 2.4rem !important;
}

.pl-6 {
  padding-left: 2.4rem !important;
}

.px-6 {
  padding-left: 2.4rem !important;
  padding-right: 2.4rem !important;
}

.py-6 {
  padding-bottom: 2.4rem !important;
  padding-top: 2.4rem !important;
}

.py-6r {
  padding-bottom: 0.6rem !important;
  padding-top: 0.6rem !important;
}

.p-7 {
  padding: 3.2rem !important;
}

.pt-7 {
  padding-top: 3.2rem !important;
}

.pr-7 {
  padding-right: 3.2rem !important;
}

.pb-7 {
  padding-bottom: 3.2rem !important;
}

.pl-7 {
  padding-left: 3.2rem !important;
}

.px-7 {
  padding-left: 3.2rem !important;
  padding-right: 3.2rem !important;
}

.px-7r {
  padding-left: 0.7rem !important;
  padding-right: 0.7rem !important;
}

.py-7 {
  padding-bottom: 3.2rem !important;
  padding-top: 3.2rem !important;
}

.p-8 {
  padding: 4rem !important;
}

.pt-8 {
  padding-top: 4rem !important;
}

.pr-8 {
  padding-right: 4rem !important;
}

.pb-8 {
  padding-bottom: 4rem !important;
}

.pl-8 {
  padding-left: 4rem !important;
}

.px-8 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-8 {
  padding-bottom: 4rem !important;
  padding-top: 4rem !important;
}

.p-9 {
  padding: 4.8rem !important;
}

.pt-9 {
  padding-top: 4.8rem !important;
}

.pr-9 {
  padding-right: 4.8rem !important;
}

.pb-9 {
  padding-bottom: 4.8rem !important;
}

.pl-9 {
  padding-left: 4.8rem !important;
}

.px-9 {
  padding-left: 4.8rem !important;
  padding-right: 4.8rem !important;
}

.py-9 {
  padding-bottom: 4.8rem !important;
  padding-top: 4.8rem !important;
}

.p-10 {
  padding: 8rem !important;
}

.pt-10 {
  padding-top: 8rem !important;
}

.pr-10 {
  padding-right: 8rem !important;
}

.pb-10 {
  padding-bottom: 8rem !important;
}

.pb-10r {
  padding-bottom: 10rem !important;
}

.pl-10 {
  padding-left: 8rem !important;
}

.pl-121 {
  padding-left: 12.1rem;
}

.pr-10px {
  padding-right: 1rem !important;
}

.pl-10px {
  padding-left: 1rem !important;
}

.pt-10px {
  padding-top: 1rem !important;
}

.pl-4r {
  padding-left: 4rem !important;
}

.px-10 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.py-10 {
  padding-bottom: 8rem !important;
  padding-top: 8rem !important;
}

.py-10px {
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.pr-36r {
  padding-right: 3.6rem;
}

.m-auto {
  margin: auto !important;
}

.mt-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto {
  margin-bottom: auto !important;
  margin-top: auto !important;
}

.px-7r {
  padding-right: 0.7rem !important;
  padding-left: 0.7rem !important;
}

.py-14r {
  padding-bottom: 1.4rem !important;
  padding-top: 1.4rem !important;
}

.px-16r {
  padding-left: 1.6rem !important;
  padding-right: 1.6rem !important;
}

.ml-28r {
  margin-left: 2.8rem !important;
}

.mt-28r {
  margin-top: 2.8rem !important;
}

@media (max-width: 575px) {
  .mr-xm-0 {
    margin-right: 0px !important;
  }
  .mt-xm-4 {
    margin-top: 24px;
  }
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }
  .mx-sm-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-sm-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .m-sm-1 {
    margin: 0.4rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.4rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.4rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.4rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.4rem !important;
  }
  .mx-sm-1 {
    margin-left: 0.4rem !important;
    margin-right: 0.4rem !important;
  }
  .my-sm-1 {
    margin-bottom: 0.4rem !important;
    margin-top: 0.4rem !important;
  }
  .m-sm-2 {
    margin: 0.8rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.8rem !important;
  }
  .mr-sm-2 {
    margin-right: 0.8rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.8rem !important;
  }
  .ml-sm-2 {
    margin-left: 0.8rem !important;
  }
  .mx-sm-2 {
    margin-left: 0.8rem !important;
    margin-right: 0.8rem !important;
  }
  .my-sm-2 {
    margin-bottom: 0.8rem !important;
    margin-top: 0.8rem !important;
  }
  .m-sm-3 {
    margin: 1.2rem !important;
  }
  .mt-sm-3 {
    margin-top: 1.2rem !important;
  }
  .mr-sm-3 {
    margin-right: 1.2rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1.2rem !important;
  }
  .ml-sm-3 {
    margin-left: 1.2rem !important;
  }
  .mx-sm-3 {
    margin-left: 1.2rem !important;
    margin-right: 1.2rem !important;
  }
  .my-sm-3 {
    margin-bottom: 1.2rem !important;
    margin-top: 1.2rem !important;
  }
  .m-sm-4 {
    margin: 1.6rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.6rem !important;
  }
  .mr-sm-4 {
    margin-right: 1.6rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.6rem !important;
  }
  .ml-sm-4 {
    margin-left: 1.6rem !important;
  }
  .mx-sm-4 {
    margin-left: 1.6rem !important;
    margin-right: 1.6rem !important;
  }
  .my-sm-4 {
    margin-bottom: 1.6rem !important;
    margin-top: 1.6rem !important;
  }
  .m-sm-5 {
    margin: 2rem !important;
  }
  .mt-sm-5 {
    margin-top: 2rem !important;
  }
  .mr-sm-5 {
    margin-right: 2rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 2rem !important;
  }
  .ml-sm-5 {
    margin-left: 2rem !important;
  }
  .mx-sm-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .my-sm-5 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
  }
  .m-sm-6 {
    margin: 2.4rem !important;
  }
  .mt-sm-6 {
    margin-top: 2.4rem !important;
  }
  .mr-sm-6 {
    margin-right: 2.4rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 2.4rem !important;
  }
  .ml-sm-6 {
    margin-left: 2.4rem !important;
  }
  .mx-sm-6 {
    margin-left: 2.4rem !important;
    margin-right: 2.4rem !important;
  }
  .my-sm-6 {
    margin-bottom: 2.4rem !important;
    margin-top: 2.4rem !important;
  }
  .m-sm-7 {
    margin: 3.2rem !important;
  }
  .mt-sm-7 {
    margin-top: 3.2rem !important;
  }
  .mr-sm-7 {
    margin-right: 3.2rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 3.2rem !important;
  }
  .ml-sm-7 {
    margin-left: 3.2rem !important;
  }
  .mx-sm-7 {
    margin-left: 3.2rem !important;
    margin-right: 3.2rem !important;
  }
  .my-sm-7 {
    margin-bottom: 3.2rem !important;
    margin-top: 3.2rem !important;
  }
  .m-sm-8 {
    margin: 4rem !important;
  }
  .mt-sm-8 {
    margin-top: 4rem !important;
  }
  .mr-sm-8 {
    margin-right: 4rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 4rem !important;
  }
  .ml-sm-8 {
    margin-left: 4rem !important;
  }
  .mx-sm-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-sm-8 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important;
  }
  .m-sm-9 {
    margin: 4.8rem !important;
  }
  .mt-sm-9 {
    margin-top: 4.8rem !important;
  }
  .mr-sm-9 {
    margin-right: 4.8rem !important;
  }
  .mb-sm-9 {
    margin-bottom: 4.8rem !important;
  }
  .ml-sm-9 {
    margin-left: 4.8rem !important;
  }
  .mx-sm-9 {
    margin-left: 4.8rem !important;
    margin-right: 4.8rem !important;
  }
  .my-sm-9 {
    margin-bottom: 4.8rem !important;
    margin-top: 4.8rem !important;
  }
  .m-sm-10 {
    margin: 8rem !important;
  }
  .mt-sm-10 {
    margin-top: 8rem !important;
  }
  .mr-sm-10 {
    margin-right: 8rem !important;
  }
  .mb-sm-10 {
    margin-bottom: 8rem !important;
  }
  .ml-sm-10 {
    margin-left: 8rem !important;
  }
  .mx-sm-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .my-sm-10 {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }
  .px-sm-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-sm-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .p-sm-1 {
    padding: 0.4rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.4rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.4rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.4rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.4rem !important;
  }
  .px-sm-1 {
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
  }
  .py-sm-1 {
    padding-bottom: 0.4rem !important;
    padding-top: 0.4rem !important;
  }
  .p-sm-2 {
    padding: 0.8rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.8rem !important;
  }
  .pr-sm-2 {
    padding-right: 0.8rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.8rem !important;
  }
  .pl-sm-2 {
    padding-left: 0.8rem !important;
  }
  .px-sm-2 {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
  .py-sm-2 {
    padding-bottom: 0.8rem !important;
    padding-top: 0.8rem !important;
  }
  .p-sm-3 {
    padding: 1.2rem !important;
  }
  .pt-sm-3 {
    padding-top: 1.2rem !important;
  }
  .pr-sm-3 {
    padding-right: 1.2rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1.2rem !important;
  }
  .pl-sm-3 {
    padding-left: 1.2rem !important;
  }
  .px-sm-3 {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }
  .py-sm-3 {
    padding-bottom: 1.2rem !important;
    padding-top: 1.2rem !important;
  }
  .p-sm-4 {
    padding: 1.6rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.6rem !important;
  }
  .pr-sm-4 {
    padding-right: 1.6rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.6rem !important;
  }
  .pl-sm-4 {
    padding-left: 1.6rem !important;
  }
  .px-sm-4 {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
  }
  .py-sm-4 {
    padding-bottom: 1.6rem !important;
    padding-top: 1.6rem !important;
  }
  .p-sm-5 {
    padding: 2rem !important;
  }
  .pt-sm-5 {
    padding-top: 2rem !important;
  }
  .pr-sm-5 {
    padding-right: 2rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 2rem !important;
  }
  .pl-sm-5 {
    padding-left: 2rem !important;
  }
  .px-sm-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-sm-5 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
  }
  .p-sm-6 {
    padding: 2.4rem !important;
  }
  .pt-sm-6 {
    padding-top: 2.4rem !important;
  }
  .pr-sm-6 {
    padding-right: 2.4rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 2.4rem !important;
  }
  .pl-sm-6 {
    padding-left: 2.4rem !important;
  }
  .px-sm-6 {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important;
  }
  .py-sm-6 {
    padding-bottom: 2.4rem !important;
    padding-top: 2.4rem !important;
  }
  .p-sm-7 {
    padding: 3.2rem !important;
  }
  .pt-sm-7 {
    padding-top: 3.2rem !important;
  }
  .pr-sm-7 {
    padding-right: 3.2rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 3.2rem !important;
  }
  .pl-sm-7 {
    padding-left: 3.2rem !important;
  }
  .px-sm-7 {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important;
  }
  .py-sm-7 {
    padding-bottom: 3.2rem !important;
    padding-top: 3.2rem !important;
  }
  .p-sm-8 {
    padding: 4rem !important;
  }
  .pt-sm-8 {
    padding-top: 4rem !important;
  }
  .pr-sm-8 {
    padding-right: 4rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 4rem !important;
  }
  .pl-sm-8 {
    padding-left: 4rem !important;
  }
  .px-sm-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-sm-8 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }
  .p-sm-9 {
    padding: 4.8rem !important;
  }
  .pt-sm-9 {
    padding-top: 4.8rem !important;
  }
  .pr-sm-9 {
    padding-right: 4.8rem !important;
  }
  .pb-sm-9 {
    padding-bottom: 4.8rem !important;
  }
  .pl-sm-9 {
    padding-left: 4.8rem !important;
  }
  .px-sm-9 {
    padding-left: 4.8rem !important;
    padding-right: 4.8rem !important;
  }
  .py-sm-9 {
    padding-bottom: 4.8rem !important;
    padding-top: 4.8rem !important;
  }
  .p-sm-10 {
    padding: 8rem !important;
  }
  .pt-sm-10 {
    padding-top: 8rem !important;
  }
  .pr-sm-10 {
    padding-right: 8rem !important;
  }
  .pb-sm-10 {
    padding-bottom: 8rem !important;
  }
  .pl-sm-10 {
    padding-left: 8rem !important;
  }
  .px-sm-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .py-sm-10 {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-sm-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }
  .mx-md-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-md-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .m-md-1 {
    margin: 0.4rem !important;
  }
  .mt-md-1 {
    margin-top: 0.4rem !important;
  }
  .mr-md-1 {
    margin-right: 0.4rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.4rem !important;
  }
  .ml-md-1 {
    margin-left: 0.4rem !important;
  }
  .mx-md-1 {
    margin-left: 0.4rem !important;
    margin-right: 0.4rem !important;
  }
  .my-md-1 {
    margin-bottom: 0.4rem !important;
    margin-top: 0.4rem !important;
  }
  .m-md-2 {
    margin: 0.8rem !important;
  }
  .mt-md-2 {
    margin-top: 0.8rem !important;
  }
  .mr-md-2 {
    margin-right: 0.8rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.8rem !important;
  }
  .ml-md-2 {
    margin-left: 0.8rem !important;
  }
  .mx-md-2 {
    margin-left: 0.8rem !important;
    margin-right: 0.8rem !important;
  }
  .my-md-2 {
    margin-bottom: 0.8rem !important;
    margin-top: 0.8rem !important;
  }
  .m-md-3 {
    margin: 1.2rem !important;
  }
  .mt-md-3 {
    margin-top: 1.2rem !important;
  }
  .mr-md-3 {
    margin-right: 1.2rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1.2rem !important;
  }
  .ml-md-3 {
    margin-left: 1.2rem !important;
  }
  .mx-md-3 {
    margin-left: 1.2rem !important;
    margin-right: 1.2rem !important;
  }
  .my-md-3 {
    margin-bottom: 1.2rem !important;
    margin-top: 1.2rem !important;
  }
  .m-md-4 {
    margin: 1.6rem !important;
  }
  .mt-md-4 {
    margin-top: 1.6rem !important;
  }
  .mr-md-4 {
    margin-right: 1.6rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.6rem !important;
  }
  .ml-md-4 {
    margin-left: 1.6rem !important;
  }
  .mx-md-4 {
    margin-left: 1.6rem !important;
    margin-right: 1.6rem !important;
  }
  .my-md-4 {
    margin-bottom: 1.6rem !important;
    margin-top: 1.6rem !important;
  }
  .m-md-5 {
    margin: 2rem !important;
  }
  .mt-md-5 {
    margin-top: 2rem !important;
  }
  .mr-md-5 {
    margin-right: 2rem !important;
  }
  .mb-md-5 {
    margin-bottom: 2rem !important;
  }
  .ml-md-5 {
    margin-left: 2rem !important;
  }
  .mx-md-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .my-md-5 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
  }
  .m-md-6 {
    margin: 2.4rem !important;
  }
  .mt-md-6 {
    margin-top: 2.4rem !important;
  }
  .mr-md-6 {
    margin-right: 2.4rem !important;
  }
  .mb-md-6 {
    margin-bottom: 2.4rem !important;
  }
  .ml-md-6 {
    margin-left: 2.4rem !important;
  }
  .mx-md-6 {
    margin-left: 2.4rem !important;
    margin-right: 2.4rem !important;
  }
  .my-md-6 {
    margin-bottom: 2.4rem !important;
    margin-top: 2.4rem !important;
  }
  .m-md-7 {
    margin: 3.2rem !important;
  }
  .mt-md-7 {
    margin-top: 3.2rem !important;
  }
  .mr-md-7 {
    margin-right: 3.2rem !important;
  }
  .mb-md-7 {
    margin-bottom: 3.2rem !important;
  }
  .ml-md-7 {
    margin-left: 3.2rem !important;
  }
  .mx-md-7 {
    margin-left: 3.2rem !important;
    margin-right: 3.2rem !important;
  }
  .my-md-7 {
    margin-bottom: 3.2rem !important;
    margin-top: 3.2rem !important;
  }
  .m-md-8 {
    margin: 4rem !important;
  }
  .mt-md-8 {
    margin-top: 4rem !important;
  }
  .mr-md-8 {
    margin-right: 4rem !important;
  }
  .mb-md-8 {
    margin-bottom: 4rem !important;
  }
  .ml-md-8 {
    margin-left: 4rem !important;
  }
  .mx-md-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-md-8 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important;
  }
  .m-md-9 {
    margin: 4.8rem !important;
  }
  .mt-md-9 {
    margin-top: 4.8rem !important;
  }
  .mr-md-9 {
    margin-right: 4.8rem !important;
  }
  .mb-md-9 {
    margin-bottom: 4.8rem !important;
  }
  .ml-md-9 {
    margin-left: 4.8rem !important;
  }
  .mx-md-9 {
    margin-left: 4.8rem !important;
    margin-right: 4.8rem !important;
  }
  .my-md-9 {
    margin-bottom: 4.8rem !important;
    margin-top: 4.8rem !important;
  }
  .m-md-10 {
    margin: 8rem !important;
  }
  .mt-md-10 {
    margin-top: 8rem !important;
  }
  .mr-md-10 {
    margin-right: 8rem !important;
  }
  .mb-md-10 {
    margin-bottom: 8rem !important;
  }
  .ml-md-10 {
    margin-left: 8rem !important;
  }
  .mx-md-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .my-md-10 {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }
  .px-md-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-md-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .p-md-1 {
    padding: 0.4rem !important;
  }
  .pt-md-1 {
    padding-top: 0.4rem !important;
  }
  .pr-md-1 {
    padding-right: 0.4rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.4rem !important;
  }
  .pl-md-1 {
    padding-left: 0.4rem !important;
  }
  .px-md-1 {
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
  }
  .py-md-1 {
    padding-bottom: 0.4rem !important;
    padding-top: 0.4rem !important;
  }
  .p-md-2 {
    padding: 0.8rem !important;
  }
  .pt-md-2 {
    padding-top: 0.8rem !important;
  }
  .pr-md-2 {
    padding-right: 0.8rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.8rem !important;
  }
  .pl-md-2 {
    padding-left: 0.8rem !important;
  }
  .px-md-2 {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
  .py-md-2 {
    padding-bottom: 0.8rem !important;
    padding-top: 0.8rem !important;
  }
  .p-md-3 {
    padding: 1.2rem !important;
  }
  .pt-md-3 {
    padding-top: 1.2rem !important;
  }
  .pr-md-3 {
    padding-right: 1.2rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1.2rem !important;
  }
  .pl-md-3 {
    padding-left: 1.2rem !important;
  }
  .px-md-3 {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }
  .py-md-3 {
    padding-bottom: 1.2rem !important;
    padding-top: 1.2rem !important;
  }
  .p-md-4 {
    padding: 1.6rem !important;
  }
  .pt-md-4 {
    padding-top: 1.6rem !important;
  }
  .pr-md-4 {
    padding-right: 1.6rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.6rem !important;
  }
  .pl-md-4 {
    padding-left: 1.6rem !important;
  }
  .px-md-4 {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
  }
  .py-md-4 {
    padding-bottom: 1.6rem !important;
    padding-top: 1.6rem !important;
  }
  .p-md-5 {
    padding: 2rem !important;
  }
  .pt-md-5 {
    padding-top: 2rem !important;
  }
  .pr-md-5 {
    padding-right: 2rem !important;
  }
  .pb-md-5 {
    padding-bottom: 2rem !important;
  }
  .pl-md-5 {
    padding-left: 2rem !important;
  }
  .px-md-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-md-5 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
  }
  .p-md-6 {
    padding: 2.4rem !important;
  }
  .pt-md-6 {
    padding-top: 2.4rem !important;
  }
  .pr-md-6 {
    padding-right: 2.4rem !important;
  }
  .pb-md-6 {
    padding-bottom: 2.4rem !important;
  }
  .pl-md-6 {
    padding-left: 2.4rem !important;
  }
  .px-md-6 {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important;
  }
  .py-md-6 {
    padding-bottom: 2.4rem !important;
    padding-top: 2.4rem !important;
  }
  .p-md-7 {
    padding: 3.2rem !important;
  }
  .pt-md-7 {
    padding-top: 3.2rem !important;
  }
  .pr-md-7 {
    padding-right: 3.2rem !important;
  }
  .pb-md-7 {
    padding-bottom: 3.2rem !important;
  }
  .pl-md-7 {
    padding-left: 3.2rem !important;
  }
  .px-md-7 {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important;
  }
  .py-md-7 {
    padding-bottom: 3.2rem !important;
    padding-top: 3.2rem !important;
  }
  .p-md-8 {
    padding: 4rem !important;
  }
  .pt-md-8 {
    padding-top: 4rem !important;
  }
  .pr-md-8 {
    padding-right: 4rem !important;
  }
  .pb-md-8 {
    padding-bottom: 4rem !important;
  }
  .pl-md-8 {
    padding-left: 4rem !important;
  }
  .px-md-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-md-8 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }
  .p-md-9 {
    padding: 4.8rem !important;
  }
  .pt-md-9 {
    padding-top: 4.8rem !important;
  }
  .pr-md-9 {
    padding-right: 4.8rem !important;
  }
  .pb-md-9 {
    padding-bottom: 4.8rem !important;
  }
  .pl-md-9 {
    padding-left: 4.8rem !important;
  }
  .px-md-9 {
    padding-left: 4.8rem !important;
    padding-right: 4.8rem !important;
  }
  .py-md-9 {
    padding-bottom: 4.8rem !important;
    padding-top: 4.8rem !important;
  }
  .p-md-10 {
    padding: 8rem !important;
  }
  .pt-md-10 {
    padding-top: 8rem !important;
  }
  .pr-md-10 {
    padding-right: 8rem !important;
  }
  .pb-md-10 {
    padding-bottom: 8rem !important;
  }
  .pl-md-10 {
    padding-left: 8rem !important;
  }
  .px-md-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .py-md-10 {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important;
  }
  .pr-md-10px {
    padding-right: 1rem !important;
  }
  .pl-md-10px {
    padding-left: 1rem !important;
  }
  .pr-md-36r {
    padding-right: 3.6rem;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-md-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }
  .mx-lg-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-lg-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .m-lg-1 {
    margin: 0.4rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.4rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.4rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.4rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.4rem !important;
  }
  .mx-lg-1 {
    margin-left: 0.4rem !important;
    margin-right: 0.4rem !important;
  }
  .my-lg-1 {
    margin-bottom: 0.4rem !important;
    margin-top: 0.4rem !important;
  }
  .m-lg-2 {
    margin: 0.8rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.8rem !important;
  }
  .mr-lg-2 {
    margin-right: 0.8rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.8rem !important;
  }
  .ml-lg-2 {
    margin-left: 0.8rem !important;
  }
  .mx-lg-2 {
    margin-left: 0.8rem !important;
    margin-right: 0.8rem !important;
  }
  .my-lg-2 {
    margin-bottom: 0.8rem !important;
    margin-top: 0.8rem !important;
  }
  .m-lg-3 {
    margin: 1.2rem !important;
  }
  .mt-lg-3 {
    margin-top: 1.2rem !important;
  }
  .mr-lg-3 {
    margin-right: 1.2rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1.2rem !important;
  }
  .ml-lg-3 {
    margin-left: 1.2rem !important;
  }
  .mx-lg-3 {
    margin-left: 1.2rem !important;
    margin-right: 1.2rem !important;
  }
  .my-lg-3 {
    margin-bottom: 1.2rem !important;
    margin-top: 1.2rem !important;
  }
  .m-lg-4 {
    margin: 1.6rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.6rem !important;
  }
  .mr-lg-4 {
    margin-right: 1.6rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.6rem !important;
  }
  .ml-lg-4 {
    margin-left: 1.6rem !important;
  }
  .mx-lg-4 {
    margin-left: 1.6rem !important;
    margin-right: 1.6rem !important;
  }
  .my-lg-4 {
    margin-bottom: 1.6rem !important;
    margin-top: 1.6rem !important;
  }
  .m-lg-5 {
    margin: 2rem !important;
  }
  .mt-lg-5 {
    margin-top: 2rem !important;
  }
  .mr-lg-5 {
    margin-right: 2rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 2rem !important;
  }
  .ml-lg-5 {
    margin-left: 2rem !important;
  }
  .mx-lg-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .my-lg-5 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
  }
  .m-lg-6 {
    margin: 2.4rem !important;
  }
  .mt-lg-6 {
    margin-top: 2.4rem !important;
  }
  .mr-lg-6 {
    margin-right: 2.4rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 2.4rem !important;
  }
  .ml-lg-6 {
    margin-left: 2.4rem !important;
  }
  .mx-lg-6 {
    margin-left: 2.4rem !important;
    margin-right: 2.4rem !important;
  }
  .my-lg-6 {
    margin-bottom: 2.4rem !important;
    margin-top: 2.4rem !important;
  }
  .m-lg-7 {
    margin: 3.2rem !important;
  }
  .mt-lg-7 {
    margin-top: 3.2rem !important;
  }
  .mr-lg-7 {
    margin-right: 3.2rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 3.2rem !important;
  }
  .ml-lg-7 {
    margin-left: 3.2rem !important;
  }
  .mx-lg-7 {
    margin-left: 3.2rem !important;
    margin-right: 3.2rem !important;
  }
  .my-lg-7 {
    margin-bottom: 3.2rem !important;
    margin-top: 3.2rem !important;
  }
  .m-lg-8 {
    margin: 4rem !important;
  }
  .mt-lg-8 {
    margin-top: 4rem !important;
  }
  .mr-lg-8 {
    margin-right: 4rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 4rem !important;
  }
  .ml-lg-8 {
    margin-left: 4rem !important;
  }
  .mx-lg-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-lg-8 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important;
  }
  .m-lg-9 {
    margin: 4.8rem !important;
  }
  .mt-lg-9 {
    margin-top: 4.8rem !important;
  }
  .mr-lg-9 {
    margin-right: 4.8rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 4.8rem !important;
  }
  .ml-lg-9 {
    margin-left: 4.8rem !important;
  }
  .mx-lg-9 {
    margin-left: 4.8rem !important;
    margin-right: 4.8rem !important;
  }
  .my-lg-9 {
    margin-bottom: 4.8rem !important;
    margin-top: 4.8rem !important;
  }
  .m-lg-10 {
    margin: 8rem !important;
  }
  .mt-lg-10 {
    margin-top: 8rem !important;
  }
  .mr-lg-10 {
    margin-right: 8rem !important;
  }
  .mb-lg-10 {
    margin-bottom: 8rem !important;
  }
  .ml-lg-10 {
    margin-left: 8rem !important;
  }
  .mx-lg-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .my-lg-10 {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }
  .px-lg-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-lg-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .p-lg-1 {
    padding: 0.4rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.4rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.4rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.4rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.4rem !important;
  }
  .px-lg-1 {
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
  }
  .py-lg-1 {
    padding-bottom: 0.4rem !important;
    padding-top: 0.4rem !important;
  }
  .p-lg-2 {
    padding: 0.8rem 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.8rem !important;
  }
  .pr-lg-2 {
    padding-right: 0.8rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.8rem !important;
  }
  .pl-lg-2 {
    padding-left: 0.8rem !important;
  }
  .px-lg-2 {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
  .py-lg-2 {
    padding-bottom: 0.8rem !important;
    padding-top: 0.8rem !important;
  }
  .p-lg-3 {
    padding: 1.2rem !important;
  }
  .pt-lg-3 {
    padding-top: 1.2rem !important;
  }
  .pr-lg-3 {
    padding-right: 1.2rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1.2rem !important;
  }
  .pl-lg-3 {
    padding-left: 1.2rem !important;
  }
  .px-lg-3 {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }
  .py-lg-3 {
    padding-bottom: 1.2rem !important;
    padding-top: 1.2rem !important;
  }
  .p-lg-4 {
    padding: 1.6rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.6rem !important;
  }
  .pr-lg-4 {
    padding-right: 1.6rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.6rem !important;
  }
  .pl-lg-4 {
    padding-left: 1.6rem !important;
  }
  .px-lg-4 {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
  }
  .py-lg-4 {
    padding-bottom: 1.6rem !important;
    padding-top: 1.6rem !important;
  }
  .p-lg-5 {
    padding: 2rem !important;
  }
  .pt-lg-5 {
    padding-top: 2rem !important;
  }
  .pr-lg-5 {
    padding-right: 2rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 2rem !important;
  }
  .pl-lg-5 {
    padding-left: 2rem !important;
  }
  .px-lg-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-lg-5 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
  }
  .p-lg-6 {
    padding: 2.4rem !important;
  }
  .pt-lg-6 {
    padding-top: 2.4rem !important;
  }
  .pr-lg-6 {
    padding-right: 2.4rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 2.4rem !important;
  }
  .pl-lg-6 {
    padding-left: 2.4rem !important;
  }
  .px-lg-6 {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important;
  }
  .py-lg-6 {
    padding-bottom: 2.4rem !important;
    padding-top: 2.4rem !important;
  }
  .p-lg-7 {
    padding: 3.2rem !important;
  }
  .pt-lg-7 {
    padding-top: 3.2rem !important;
  }
  .pr-lg-7 {
    padding-right: 3.2rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 3.2rem !important;
  }
  .pl-lg-7 {
    padding-left: 3.2rem !important;
  }
  .px-lg-7 {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important;
  }
  .py-lg-7 {
    padding-bottom: 3.2rem !important;
    padding-top: 3.2rem !important;
  }
  .p-lg-8 {
    padding: 4rem !important;
  }
  .pt-lg-8 {
    padding-top: 4rem !important;
  }
  .pr-lg-8 {
    padding-right: 4rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 4rem !important;
  }
  .pl-lg-8 {
    padding-left: 4rem !important;
  }
  .px-lg-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-lg-8 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }
  .p-lg-9 {
    padding: 4.8rem !important;
  }
  .pt-lg-9 {
    padding-top: 4.8rem !important;
  }
  .pr-lg-9 {
    padding-right: 4.8rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 4.8rem !important;
  }
  .pl-lg-9 {
    padding-left: 4.8rem !important;
  }
  .px-lg-9 {
    padding-left: 4.8rem !important;
    padding-right: 4.8rem !important;
  }
  .py-lg-9 {
    padding-bottom: 4.8rem !important;
    padding-top: 4.8rem !important;
  }
  .p-lg-10 {
    padding: 8rem !important;
  }
  .pt-lg-10 {
    padding-top: 8rem !important;
  }
  .pr-lg-10 {
    padding-right: 8rem !important;
  }
  .pb-lg-10 {
    padding-bottom: 8rem !important;
  }
  .pl-lg-10 {
    padding-left: 8rem !important;
  }
  .px-lg-10 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .py-lg-10 {
    padding-bottom: 8rem !important;
    padding-top: 8rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-lg-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }
  .mx-xl-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .my-xl-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .m-xl-1 {
    margin: 0.4rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.4rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.4rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.4rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.4rem !important;
  }
  .mx-xl-1 {
    margin-left: 0.4rem !important;
    margin-right: 0.4rem !important;
  }
  .my-xl-1 {
    margin-bottom: 0.4rem !important;
    margin-top: 0.4rem !important;
  }
  .m-xl-2 {
    margin: 0.8rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.8rem !important;
  }
  .mr-xl-2 {
    margin-right: 0.8rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.8rem !important;
  }
  .ml-xl-2 {
    margin-left: 0.8rem !important;
  }
  .mx-xl-2 {
    margin-left: 0.8rem !important;
    margin-right: 0.8rem !important;
  }
  .my-xl-2 {
    margin-bottom: 0.8rem !important;
    margin-top: 0.8rem !important;
  }
  .m-xl-3 {
    margin: 1.2rem !important;
  }
  .mt-xl-3 {
    margin-top: 1.2rem !important;
  }
  .mr-xl-3 {
    margin-right: 1.2rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1.2rem !important;
  }
  .ml-xl-3 {
    margin-left: 1.2rem !important;
  }
  .mx-xl-3 {
    margin-left: 1.2rem !important;
    margin-right: 1.2rem !important;
  }
  .my-xl-3 {
    margin-bottom: 1.2rem !important;
    margin-top: 1.2rem !important;
  }
  .m-xl-4 {
    margin: 1.6rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.6rem !important;
  }
  .mr-xl-4 {
    margin-right: 1.6rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.6rem !important;
  }
  .ml-xl-4 {
    margin-left: 1.6rem !important;
  }
  .mx-xl-4 {
    margin-left: 1.6rem !important;
    margin-right: 1.6rem !important;
  }
  .my-xl-4 {
    margin-bottom: 1.6rem !important;
    margin-top: 1.6rem !important;
  }
  .m-xl-5 {
    margin: 2rem !important;
  }
  .mt-xl-5 {
    margin-top: 2rem !important;
  }
  .mr-xl-5 {
    margin-right: 2rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 2rem !important;
  }
  .ml-xl-5 {
    margin-left: 2rem !important;
  }
  .mx-xl-5 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .my-xl-5 {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
  }
  .m-xl-6 {
    margin: 2.4rem !important;
  }
  .mt-xl-6 {
    margin-top: 2.4rem !important;
  }
  .mr-xl-6 {
    margin-right: 2.4rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 2.4rem !important;
  }
  .ml-xl-6 {
    margin-left: 2.4rem !important;
  }
  .mx-xl-6 {
    margin-left: 2.4rem !important;
    margin-right: 2.4rem !important;
  }
  .my-xl-6 {
    margin-bottom: 2.4rem !important;
    margin-top: 2.4rem !important;
  }
  .m-xl-7 {
    margin: 3.2rem !important;
  }
  .mt-xl-7 {
    margin-top: 3.2rem !important;
  }
  .mr-xl-7 {
    margin-right: 3.2rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 3.2rem !important;
  }
  .ml-xl-7 {
    margin-left: 3.2rem !important;
  }
  .mx-xl-7 {
    margin-left: 3.2rem !important;
    margin-right: 3.2rem !important;
  }
  .my-xl-7 {
    margin-bottom: 3.2rem !important;
    margin-top: 3.2rem !important;
  }
  .m-xl-8 {
    margin: 4rem !important;
  }
  .mt-xl-8 {
    margin-top: 4rem !important;
  }
  .mr-xl-8 {
    margin-right: 4rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 4rem !important;
  }
  .ml-xl-8 {
    margin-left: 4rem !important;
  }
  .mx-xl-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .my-xl-8 {
    margin-bottom: 4rem !important;
    margin-top: 4rem !important;
  }
  .m-xl-9 {
    margin: 4.8rem !important;
  }
  .mt-xl-59 {
    margin-top: 4.8rem !important;
  }
  .mr-xl-9 {
    margin-right: 4.8rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 4.8rem !important;
  }
  .ml-xl-9 {
    margin-left: 4.8rem !important;
  }
  .mx-xl-9 {
    margin-left: 4.8rem !important;
    margin-right: 4.8rem !important;
  }
  .my-xl-9 {
    margin-bottom: 4.8rem !important;
    margin-top: 4.8rem !important;
  }
  .m-xl-10 {
    margin: 8rem !important;
  }
  .mt-xl-10 {
    margin-top: 8rem !important;
  }
  .mr-xl-10 {
    margin-right: 8rem !important;
  }
  .mb-xl-10 {
    margin-bottom: 8rem !important;
  }
  .ml-xl-10 {
    margin-left: 8rem !important;
  }
  .mx-xl-10 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .my-xl-10 {
    margin-bottom: 8rem !important;
    margin-top: 8rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }
  .px-xl-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .py-xl-0 {
    padding-bottom: 0 !important;
    padding-top: 0 !important;
  }
  .p-xl-1 {
    padding: 0.4rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.4rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.4rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.4rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.4rem !important;
  }
  .px-xl-1 {
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
  }
  .py-xl-1 {
    padding-bottom: 0.4rem !important;
    padding-top: 0.4rem !important;
  }
  .p-xl-2 {
    padding: 0.8rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.8rem !important;
  }
  .pr-xl-2 {
    padding-right: 0.8rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.8rem !important;
  }
  .pl-xl-2 {
    padding-left: 0.8rem !important;
  }
  .px-xl-2 {
    padding-left: 0.8rem !important;
    padding-right: 0.8rem !important;
  }
  .py-xl-2 {
    padding-bottom: 0.8rem !important;
    padding-top: 0.8rem !important;
  }
  .p-xl-3 {
    padding: 1.2rem !important;
  }
  .pt-xl-3 {
    padding-top: 1.2rem !important;
  }
  .pr-xl-3 {
    padding-right: 1.2rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1.2rem !important;
  }
  .pl-xl-3 {
    padding-left: 1.2rem !important;
  }
  .px-xl-3 {
    padding-left: 1.2rem !important;
    padding-right: 1.2rem !important;
  }
  .py-xl-3 {
    padding-bottom: 1.2rem !important;
    padding-top: 1.2rem !important;
  }
  .p-xl-4 {
    padding: 1.6rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.6rem !important;
  }
  .pr-xl-4 {
    padding-right: 1.6rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.6rem !important;
  }
  .pl-xl-4 {
    padding-left: 1.6rem !important;
  }
  .px-xl-4 {
    padding-left: 1.6rem !important;
    padding-right: 1.6rem !important;
  }
  .py-xl-4 {
    padding-bottom: 1.6rem !important;
    padding-top: 1.6rem !important;
  }
  .p-xl-5 {
    padding: 2rem !important;
  }
  .pt-xl-5 {
    padding-top: 2rem !important;
  }
  .pr-xl-5 {
    padding-right: 2rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 2rem !important;
  }
  .pl-xl-5 {
    padding-left: 2rem !important;
  }
  .px-xl-5 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .py-xl-5 {
    padding-bottom: 2rem !important;
    padding-top: 2rem !important;
  }
  .p-xl-6 {
    padding: 2.4rem !important;
  }
  .pt-xl-6 {
    padding-top: 2.4rem !important;
  }
  .pr-xl-6 {
    padding-right: 2.4rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 2.4rem !important;
  }
  .pl-xl-6 {
    padding-left: 2.4rem !important;
  }
  .px-xl-6 {
    padding-left: 2.4rem !important;
    padding-right: 2.4rem !important;
  }
  .py-xl-6 {
    padding-bottom: 2.4rem !important;
    padding-top: 2.4rem !important;
  }
  .p-xl-7 {
    padding: 3.2rem !important;
  }
  .pt-xl-7 {
    padding-top: 3.2rem !important;
  }
  .pr-xl-7 {
    padding-right: 3.2rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 3.2rem !important;
  }
  .pl-xl-7 {
    padding-left: 3.2rem !important;
  }
  .px-xl-7 {
    padding-left: 3.2rem !important;
    padding-right: 3.2rem !important;
  }
  .py-xl-7 {
    padding-bottom: 3.2rem !important;
    padding-top: 3.2rem !important;
  }
  .p-xl-8 {
    padding: 4rem !important;
  }
  .pt-xl-8 {
    padding-top: 4rem !important;
  }
  .pr-xl-8 {
    padding-right: 4rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-8 {
    padding-left: 4rem !important;
  }
  .px-xl-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-xl-8 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }
  .p-xl-9 {
    padding: 4.8rem !important;
  }
  .pt-xl-9 {
    padding-top: 4.8rem !important;
  }
  .pr-xl-9 {
    padding-right: 4.8rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 4.8rem !important;
  }
  .pl-xl-9 {
    padding-left: 4.8rem !important;
  }
  .px-xl-9 {
    padding-left: 4.8rem !important;
    padding-right: 4.8rem !important;
  }
  .py-xl-9 {
    padding-bottom: 4.8rem !important;
    padding-top: 4.8rem !important;
  }
  .p-xl-10 {
    padding: 4rem !important;
  }
  .pt-xl-10 {
    padding-top: 4rem !important;
  }
  .pr-xl-10 {
    padding-right: 4rem !important;
  }
  .pb-xl-10 {
    padding-bottom: 4rem !important;
  }
  .pl-xl-10 {
    padding-left: 4rem !important;
  }
  .px-xl-10 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .py-xl-10 {
    padding-bottom: 4rem !important;
    padding-top: 4rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .my-xl-auto {
    margin-bottom: auto !important;
    margin-top: auto !important;
  }
}
.mb-6rem {
  margin-bottom: 6rem !important;
}

.mb-4rem {
  margin-bottom: 4rem;
}

.mb-08rem {
  margin-bottom: 0.8rem !important;
}

.mt-08rem {
  margin-top: 0.8rem;
}

.mb-144 {
  margin-bottom: 14.4rem;
}

.margin-t2 {
  margin-top: 0.2rem;
}

.margin-b2 {
  margin-bottom: 0.2rem;
}

.margin-x2 {
  margin-left: 0.2rem;
  margin-right: 0.2rem;
}

.margin-y2 {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.margin-y2 {
  margin-top: 0.2rem;
  margin-bottom: 0.2rem;
}

.title-class {
  margin: 4rem 1.6rem 1.6rem 1.6rem;
}

.pl-44 {
  padding-left: 4.4rem !important;
}

.pl-36 {
  padding-left: 3.6rem;
}

.pt-52 {
  padding-top: 5.2rem !important;
}

.pb-56 {
  padding-bottom: 5.6rem !important;
}
@media screen and (max-width: 768px) {
  .pb-56 {
    padding-bottom: 3.2rem !important;
  }
}

.pt-sm-2 {
  padding-top: 2px !important;
}

.p-sm-2 {
  padding: 2px !important;
}

.ml-14 {
  margin-left: 1.4rem;
}

.mt-14 {
  margin-top: 1.4rem;
}

.mb-sm-2 {
  margin-bottom: 2px !important;
}

.pr-28r {
  padding-right: 2.8rem !important;
}

.pt-6rem {
  padding-top: 6rem !important;
}

html {
  font-size: 62.5%;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-31 {
  width: 31% !important;
}

.w-35 {
  width: 35% !important;
}

.w-40 {
  width: 40% !important;
}

.w-48 {
  width: 48% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-65 {
  width: 65% !important;
}

.w-70 {
  width: 70% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-85 {
  width: 85% !important;
}

.w-90 {
  width: 90% !important;
}

.w-95 {
  width: 95% !important;
}

.mw-85 {
  min-width: 85% !important;
}

.w-100 {
  width: 100% !important;
}

.mxw-88r {
  max-width: 8.8rem !important;
}

.mxw-104r {
  max-width: 10.4rem !important;
}

.mxw-230r {
  max-width: 23rem !important;
}

.w-130 {
  width: 13rem;
}

.w-132r {
  width: 13.2rem;
}

.w-140 {
  width: 14rem;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  min-width: auto !important;
  max-width: 100% !important;
}

.mw-48r {
  max-width: 4.8rem !important;
}

.mw-80r {
  max-width: 8rem !important;
}

.mw-100r {
  max-width: 10rem !important;
}

.mw-120r {
  max-width: 12rem !important;
}

.mw-1040r {
  max-width: 104rem !important;
}

.mw-1024r {
  max-width: 102.4rem !important;
}

.mw-960r {
  max-width: 96rem !important;
}

.mw-720r {
  max-width: 72rem !important;
}

.mw-704r {
  max-width: 70.4rem !important;
}

.mw-640r {
  max-width: 64rem !important;
}

.mw-544r {
  max-width: 54.4rem !important;
}

.mw-480r {
  max-width: 48rem !important;
}

.mw-430r {
  max-width: 43rem !important;
}

.mw-492r {
  max-width: 49.2rem !important;
}

.mw-384r {
  max-width: 38.4rem !important;
}

.mw-360r {
  max-width: 36rem !important;
}

.mw-320r {
  max-width: 32rem !important;
}

.mw-256r {
  max-width: 29.2rem !important;
}

.mw-240r {
  max-width: 24rem !important;
}

.mw-192r {
  max-width: 19.2rem !important;
}

.mw-180r {
  max-width: 18rem !important;
}

.mw-184r {
  max-width: 18.4rem !important;
}

.mw-48r {
  min-width: 4.8rem !important;
}

.mxw-48r {
  max-width: 4.8rem !important;
}

.mw-150r {
  max-width: 15rem !important;
}

.mw-125r {
  max-width: 12.5rem !important;
}

.w-fit {
  width: -moz-fit-content;
  width: fit-content;
}

.w-fit-important {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.w-inherit {
  width: inherit !important;
}

.mw-348r {
  max-width: 34.8rem !important;
}

.mw-468r {
  max-width: 46.8rem !important;
}

.mxw-120r {
  max-width: 12rem !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mw-fit {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

.h-fit {
  height: -moz-fit-content;
  height: fit-content;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.mh-75r {
  min-height: 7.5rem !important;
}

.mxh-32r {
  max-height: 32rem !important;
}

.mxh-88r {
  max-height: 8.8rem !important;
}

.mxh-188r {
  max-height: 18.8rem;
}

.mxh-256r {
  max-height: 25.6rem;
}

.mxh-350r {
  max-height: 35rem;
}

.mxh-450r {
  max-height: 45rem;
}

.mxh-550r {
  max-height: 55rem;
}

.mxh-700r {
  max-height: 70rem;
}

.mxh-550r {
  max-height: 55rem;
}

.mh-140r {
  min-height: 14rem;
}

.mh-240r {
  min-height: 24rem;
}

.h-auto {
  height: auto !important;
}

.vh-100 {
  height: 100vh !important;
}

.h-exam {
  min-height: 94vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.h-0r {
  height: 0rem !important;
}

.h-4r {
  height: 0.4rem;
}

.h-08r {
  height: 0.8rem;
}

.h-1r {
  height: 1rem !important;
}

.h-12r {
  height: 1.2rem;
}

.h-16r {
  height: 1.6rem;
}

.h-18r {
  height: 1.8rem !important;
}

.h-20r {
  height: 2rem;
}

.h-29r {
  height: 2.9rem;
}

.h-32r {
  height: 3.2rem;
}

.h-36r {
  height: 3.6rem;
}

.h-40r {
  height: 4rem !important;
}

.h-44r {
  height: 4.4rem !important;
}

.h-48r {
  height: 4.8rem !important;
}

.h-50r {
  height: 5rem !important;
}

.h-52r {
  height: 5.2rem;
}

.h-56r {
  height: 5.6rem;
}

.h-64r {
  height: 6.4rem;
}

.h-72r {
  height: 7.2rem;
}

.h-80r {
  height: 8rem;
}

.h-100r {
  height: 10rem;
}

.h-116r {
  height: 116rem;
}

.h-130r {
  height: 13rem !important;
}

.h-140r {
  height: 14rem !important;
}

.h-195r {
  height: 19.5rem;
}

.h-450r {
  height: 45rem;
}

.h-500r {
  height: 50rem;
}

.h-350r {
  height: 35rem !important;
}

.h-335r {
  max-height: 33.5rem !important;
}

.w-19r {
  width: 19rem !important;
}

.w-200r {
  width: 20rem !important;
}

.w-8r {
  width: 0.8rem !important;
}

.w-12r {
  width: 1.2rem !important;
}

.w-16r {
  width: 1.6rem !important;
}

.w-22r {
  width: 22rem !important;
}

.w-24r {
  width: 24rem !important;
}

.w-25r {
  width: 25.6rem !important;
}

.w-32r {
  width: 3.2rem !important;
}

.w-20r {
  width: 2rem;
}

.w-30r {
  width: 3rem !important;
}

.w-40r {
  width: 4rem;
}

.w-48r {
  width: 4.8rem;
}

.w-56r {
  width: 5.6rem;
}

.w-64r {
  width: 6.4rem;
}

.w-72r {
  width: 7.2rem;
}

.w-80r {
  width: 8rem !important;
}

.w-90r {
  width: 9rem !important;
}

.w-120r {
  width: 12rem !important;
}

.mw-120r {
  min-width: 12rem !important;
}

.mw-64r {
  min-width: 6.4rem !important;
  max-width: 6.4rem !important;
}

.mxw-64r {
  max-width: 6.4rem !important;
}

.w-144r {
  width: 14.4rem !important;
}

.w-148r {
  width: 14.8rem !important;
}

.w-140r {
  width: 14rem !important;
}

.w-160r {
  width: 16rem !important;
}

.w-256r {
  width: 25.6rem;
}

.w-300r {
  width: 30rem;
}

.w-320r {
  width: 32rem;
}

.w-340r {
  width: 34rem !important;
}

.w-360r {
  width: 36rem !important;
}

.w-384r {
  width: 38.4rem;
}

.w-400r {
  width: 40rem !important;
}

.w-480r {
  width: 48rem;
}

.w-max {
  width: -moz-max-content;
  width: max-content;
}

.wh-12r {
  height: 1.2rem !important;
  width: 1.2rem;
}

.wh-16r {
  height: 1.6rem;
  width: 1.6rem;
}

.wh-18r {
  height: 1.8rem;
  width: 1.8rem;
}

.wh-20r {
  height: 2rem;
  width: 2rem;
}

.wh-24r {
  height: 2.4rem;
  width: 2.4rem;
}

.wh-30r {
  height: 3rem;
  width: 3rem;
}

.wh-32r {
  height: 3.2rem;
  width: 3.2rem;
}

.wh-40r {
  height: 4rem;
  width: 4rem;
}

.wh-48r {
  height: 4.8rem;
  width: 4.8rem;
}

.wh-56r {
  height: 5.6rem;
  width: 5.6rem;
}

.wh-60r {
  height: 6rem !important;
  width: 6rem;
}

.wh-64r {
  height: 6.4rem;
  width: 6.4rem;
}

.wh-72r {
  height: 7.2rem;
  width: 7.2rem;
}

.wh-80r {
  height: 8rem;
  width: 8rem;
}

.wh-96r {
  height: 9.6rem;
  width: 9.6rem;
}

.wh-128r {
  height: 12.8rem;
  width: 12.8rem;
}

.mw-radiobutton {
  max-width: 3.933333%;
}

.mw-checkbox {
  max-width: 2.933333%;
}

.w-850r {
  width: 85rem !important;
}

.border-radius-bottom-0 {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.mxw-800r {
  max-width: 80rem !important;
}

.wh-10r {
  height: calc(10rem / 10);
  width: calc(10rem / 10);
}

.mxh-10r {
  max-height: calc(10rem / 10);
}

.mxw-10r {
  max-width: calc(10rem / 10);
}

.mw-10r {
  min-width: calc(10rem / 10);
}

.wh-12r {
  height: calc(12rem / 10);
  width: calc(12rem / 10);
}

.mxh-12r {
  max-height: calc(12rem / 10);
}

.mxw-12r {
  max-width: calc(12rem / 10);
}

.mw-12r {
  min-width: calc(12rem / 10);
}

.wh-14r {
  height: calc(14rem / 10);
  width: calc(14rem / 10);
}

.mxh-14r {
  max-height: calc(14rem / 10);
}

.mxw-14r {
  max-width: calc(14rem / 10);
}

.mw-14r {
  min-width: calc(14rem / 10);
}

.wh-16r {
  height: calc(16rem / 10);
  width: calc(16rem / 10);
}

.mxh-16r {
  max-height: calc(16rem / 10);
}

.mxw-16r {
  max-width: calc(16rem / 10);
}

.mw-16r {
  min-width: calc(16rem / 10);
}

.wh-20r {
  height: calc(20rem / 10);
  width: calc(20rem / 10);
}

.mxh-20r {
  max-height: calc(20rem / 10);
}

.mxw-20r {
  max-width: calc(20rem / 10);
}

.mw-20r {
  min-width: calc(20rem / 10);
}

.wh-24r {
  height: calc(24rem / 10);
  width: calc(24rem / 10);
}

.mxh-24r {
  max-height: calc(24rem / 10);
}

.mxw-24r {
  max-width: calc(24rem / 10);
}

.mw-24r {
  min-width: calc(24rem / 10);
}

.wh-28r {
  height: calc(28rem / 10);
  width: calc(28rem / 10);
}

.mxh-28r {
  max-height: calc(28rem / 10);
}

.mxw-28r {
  max-width: calc(28rem / 10);
}

.mw-28r {
  min-width: calc(28rem / 10);
}

.wh-32r {
  height: calc(32rem / 10);
  width: calc(32rem / 10);
}

.mxh-32r {
  max-height: calc(32rem / 10);
}

.mxw-32r {
  max-width: calc(32rem / 10);
}

.mw-32r {
  min-width: calc(32rem / 10);
}

.wh-36r {
  height: calc(36rem / 10);
  width: calc(36rem / 10);
}

.mxh-36r {
  max-height: calc(36rem / 10);
}

.mxw-36r {
  max-width: calc(36rem / 10);
}

.mw-36r {
  min-width: calc(36rem / 10);
}

.wh-44r {
  height: calc(44rem / 10);
  width: calc(44rem / 10);
}

.mxh-44r {
  max-height: calc(44rem / 10);
}

.mxw-44r {
  max-width: calc(44rem / 10);
}

.mw-44r {
  min-width: calc(44rem / 10);
}

.wh-48r {
  height: calc(48rem / 10);
  width: calc(48rem / 10);
}

.mxh-48r {
  max-height: calc(48rem / 10);
}

.mxw-48r {
  max-width: calc(48rem / 10);
}

.mw-48r {
  min-width: calc(48rem / 10);
}

.wh-64r {
  height: calc(64rem / 10);
  width: calc(64rem / 10);
}

.mxh-64r {
  max-height: calc(64rem / 10);
}

.mxw-64r {
  max-width: calc(64rem / 10);
}

.mw-64r {
  min-width: calc(64rem / 10);
}

.wh-72r {
  height: calc(72rem / 10);
  width: calc(72rem / 10);
}

.mxh-72r {
  max-height: calc(72rem / 10);
}

.mxw-72r {
  max-width: calc(72rem / 10);
}

.mw-72r {
  min-width: calc(72rem / 10);
}

.wh-80r {
  height: calc(80rem / 10);
  width: calc(80rem / 10);
}

.mxh-80r {
  max-height: calc(80rem / 10);
}

.mxw-80r {
  max-width: calc(80rem / 10);
}

.mw-80r {
  min-width: calc(80rem / 10);
}

.wh-93r {
  height: calc(93rem / 10);
  width: calc(93rem / 10);
}

.mxh-93r {
  max-height: calc(93rem / 10);
}

.mxw-93r {
  max-width: calc(93rem / 10);
}

.mw-93r {
  min-width: calc(93rem / 10);
}

.wh-96r {
  height: calc(96rem / 10);
  width: calc(96rem / 10);
}

.mxh-96r {
  max-height: calc(96rem / 10);
}

.mxw-96r {
  max-width: calc(96rem / 10);
}

.mw-96r {
  min-width: calc(96rem / 10);
}

.wh-120r {
  height: calc(120rem / 10);
  width: calc(120rem / 10);
}

.mxh-120r {
  max-height: calc(120rem / 10);
}

.mxw-120r {
  max-width: calc(120rem / 10);
}

.mw-120r {
  min-width: calc(120rem / 10);
}

.wh-128r {
  height: calc(128rem / 10);
  width: calc(128rem / 10);
}

.mxh-128r {
  max-height: calc(128rem / 10);
}

.mxw-128r {
  max-width: calc(128rem / 10);
}

.mw-128r {
  min-width: calc(128rem / 10);
}

.wh-140r {
  height: calc(140rem / 10);
  width: calc(140rem / 10);
}

.mxh-140r {
  max-height: calc(140rem / 10);
}

.mxw-140r {
  max-width: calc(140rem / 10);
}

.mw-140r {
  min-width: calc(140rem / 10);
}

.wh-145r {
  height: calc(145rem / 10);
  width: calc(145rem / 10);
}

.mxh-145r {
  max-height: calc(145rem / 10);
}

.mxw-145r {
  max-width: calc(145rem / 10);
}

.mw-145r {
  min-width: calc(145rem / 10);
}

.wh-160r {
  height: calc(160rem / 10);
  width: calc(160rem / 10);
}

.mxh-160r {
  max-height: calc(160rem / 10);
}

.mxw-160r {
  max-width: calc(160rem / 10);
}

.mw-160r {
  min-width: calc(160rem / 10);
}

.wh-200r {
  height: calc(200rem / 10);
  width: calc(200rem / 10);
}

.mxh-200r {
  max-height: calc(200rem / 10);
}

.mxw-200r {
  max-width: calc(200rem / 10);
}

.mw-200r {
  min-width: calc(200rem / 10);
}

.wh-256r {
  height: calc(256rem / 10);
  width: calc(256rem / 10);
}

.mxh-256r {
  max-height: calc(256rem / 10);
}

.mxw-256r {
  max-width: calc(256rem / 10);
}

.mw-256r {
  min-width: calc(256rem / 10);
}

.wh-350r {
  height: calc(350rem / 10);
  width: calc(350rem / 10);
}

.mxh-350r {
  max-height: calc(350rem / 10);
}

.mxw-350r {
  max-width: calc(350rem / 10);
}

.mw-350r {
  min-width: calc(350rem / 10);
}

.wh-382r {
  height: calc(382rem / 10);
  width: calc(382rem / 10);
}

.mxh-382r {
  max-height: calc(382rem / 10);
}

.mxw-382r {
  max-width: calc(382rem / 10);
}

.mw-382r {
  min-width: calc(382rem / 10);
}

.wh-280r {
  height: calc(280rem / 10);
  width: calc(280rem / 10);
}

.mxh-280r {
  max-height: calc(280rem / 10);
}

.mxw-280r {
  max-width: calc(280rem / 10);
}

.mw-280r {
  min-width: calc(280rem / 10);
}

.wh-450r {
  height: calc(450rem / 10);
  width: calc(450rem / 10);
}

.mxh-450r {
  max-height: calc(450rem / 10);
}

.mxw-450r {
  max-width: calc(450rem / 10);
}

.mw-450r {
  min-width: calc(450rem / 10);
}

.wh-540r {
  height: calc(540rem / 10);
  width: calc(540rem / 10);
}

.mxh-540r {
  max-height: calc(540rem / 10);
}

.mxw-540r {
  max-width: calc(540rem / 10);
}

.mw-540r {
  min-width: calc(540rem / 10);
}

.wh-578r {
  height: calc(578rem / 10);
  width: calc(578rem / 10);
}

.mxh-578r {
  max-height: calc(578rem / 10);
}

.mxw-578r {
  max-width: calc(578rem / 10);
}

.mw-578r {
  min-width: calc(578rem / 10);
}

.wh-600r {
  height: calc(600rem / 10);
  width: calc(600rem / 10);
}

.mxh-600r {
  max-height: calc(600rem / 10);
}

.mxw-600r {
  max-width: calc(600rem / 10);
}

.mw-600r {
  min-width: calc(600rem / 10);
}

.wh-800r {
  height: calc(800rem / 10);
  width: calc(800rem / 10);
}

.mxh-800r {
  max-height: calc(800rem / 10);
}

.mxw-800r {
  max-width: calc(800rem / 10);
}

.mw-800r {
  min-width: calc(800rem / 10);
}

.border-radius-0 {
  border-radius: calc(0rem / 10) !important;
}

.border-radius-left-0 {
  border-top-left-radius: calc(0rem / 10) !important;
  border-bottom-left-radius: calc(0rem / 10) !important;
}

.border-radius-right-0 {
  border-top-right-radius: calc(0rem / 10) !important;
  border-bottom-right-radius: calc(0rem / 10) !important;
}

.border-radius-2 {
  border-radius: calc(2rem / 10) !important;
}

.border-radius-left-2 {
  border-top-left-radius: calc(2rem / 10) !important;
  border-bottom-left-radius: calc(2rem / 10) !important;
}

.border-radius-right-2 {
  border-top-right-radius: calc(2rem / 10) !important;
  border-bottom-right-radius: calc(2rem / 10) !important;
}

.border-radius-4 {
  border-radius: calc(4rem / 10) !important;
}

.border-radius-left-4 {
  border-top-left-radius: calc(4rem / 10) !important;
  border-bottom-left-radius: calc(4rem / 10) !important;
}

.border-radius-right-4 {
  border-top-right-radius: calc(4rem / 10) !important;
  border-bottom-right-radius: calc(4rem / 10) !important;
}

.border-radius-8 {
  border-radius: calc(8rem / 10) !important;
}

.border-radius-left-8 {
  border-top-left-radius: calc(8rem / 10) !important;
  border-bottom-left-radius: calc(8rem / 10) !important;
}

.border-radius-right-8 {
  border-top-right-radius: calc(8rem / 10) !important;
  border-bottom-right-radius: calc(8rem / 10) !important;
}

.border-radius-12 {
  border-radius: calc(12rem / 10) !important;
}

.border-radius-left-12 {
  border-top-left-radius: calc(12rem / 10) !important;
  border-bottom-left-radius: calc(12rem / 10) !important;
}

.border-radius-right-12 {
  border-top-right-radius: calc(12rem / 10) !important;
  border-bottom-right-radius: calc(12rem / 10) !important;
}

.border-radius-16 {
  border-radius: calc(16rem / 10) !important;
}

.border-radius-left-16 {
  border-top-left-radius: calc(16rem / 10) !important;
  border-bottom-left-radius: calc(16rem / 10) !important;
}

.border-radius-right-16 {
  border-top-right-radius: calc(16rem / 10) !important;
  border-bottom-right-radius: calc(16rem / 10) !important;
}

.border-radius-20 {
  border-radius: calc(20rem / 10) !important;
}

.border-radius-left-20 {
  border-top-left-radius: calc(20rem / 10) !important;
  border-bottom-left-radius: calc(20rem / 10) !important;
}

.border-radius-right-20 {
  border-top-right-radius: calc(20rem / 10) !important;
  border-bottom-right-radius: calc(20rem / 10) !important;
}

.border-radius-24 {
  border-radius: calc(24rem / 10) !important;
}

.border-radius-left-24 {
  border-top-left-radius: calc(24rem / 10) !important;
  border-bottom-left-radius: calc(24rem / 10) !important;
}

.border-radius-right-24 {
  border-top-right-radius: calc(24rem / 10) !important;
  border-bottom-right-radius: calc(24rem / 10) !important;
}

.border-radius-28 {
  border-radius: calc(28rem / 10) !important;
}

.border-radius-left-28 {
  border-top-left-radius: calc(28rem / 10) !important;
  border-bottom-left-radius: calc(28rem / 10) !important;
}

.border-radius-right-28 {
  border-top-right-radius: calc(28rem / 10) !important;
  border-bottom-right-radius: calc(28rem / 10) !important;
}

.border-radius-32 {
  border-radius: calc(32rem / 10) !important;
}

.border-radius-left-32 {
  border-top-left-radius: calc(32rem / 10) !important;
  border-bottom-left-radius: calc(32rem / 10) !important;
}

.border-radius-right-32 {
  border-top-right-radius: calc(32rem / 10) !important;
  border-bottom-right-radius: calc(32rem / 10) !important;
}

.border-radius-36 {
  border-radius: calc(36rem / 10) !important;
}

.border-radius-left-36 {
  border-top-left-radius: calc(36rem / 10) !important;
  border-bottom-left-radius: calc(36rem / 10) !important;
}

.border-radius-right-36 {
  border-top-right-radius: calc(36rem / 10) !important;
  border-bottom-right-radius: calc(36rem / 10) !important;
}

.border-radius-60 {
  border-radius: calc(60rem / 10) !important;
}

.border-radius-left-60 {
  border-top-left-radius: calc(60rem / 10) !important;
  border-bottom-left-radius: calc(60rem / 10) !important;
}

.border-radius-right-60 {
  border-top-right-radius: calc(60rem / 10) !important;
  border-bottom-right-radius: calc(60rem / 10) !important;
}

.mw-10 {
  min-width: 10%;
}

.mxw-10 {
  max-width: 10%;
}

.w-10 {
  width: 10% !important;
}

.mw-25 {
  min-width: 25%;
}

.mxw-25 {
  max-width: 25%;
}

.w-25 {
  width: 25% !important;
}

.mw-50 {
  min-width: 50%;
}

.mxw-50 {
  max-width: 50%;
}

.w-50 {
  width: 50% !important;
}

.mw-75 {
  min-width: 75%;
}

.mxw-75 {
  max-width: 75%;
}

.w-75 {
  width: 75% !important;
}

.mw-100 {
  min-width: 100%;
}

.mxw-100 {
  max-width: 100%;
}

.w-100 {
  width: 100% !important;
}

@media (min-width: 768px) {
  .w-md-auto {
    width: auto !important;
  }
}
@media (min-width: 992px) {
  .w-lg-auto {
    width: auto !important;
  }
}
.font-1 {
  font-size: calc(1rem / 10) !important;
}
.font-1 p {
  font-size: calc(1rem / 10) !important;
}

.font-2 {
  font-size: calc(2rem / 10) !important;
}
.font-2 p {
  font-size: calc(2rem / 10) !important;
}

.font-3 {
  font-size: calc(3rem / 10) !important;
}
.font-3 p {
  font-size: calc(3rem / 10) !important;
}

.font-4 {
  font-size: calc(4rem / 10) !important;
}
.font-4 p {
  font-size: calc(4rem / 10) !important;
}

.font-5 {
  font-size: calc(5rem / 10) !important;
}
.font-5 p {
  font-size: calc(5rem / 10) !important;
}

.font-6 {
  font-size: calc(6rem / 10) !important;
}
.font-6 p {
  font-size: calc(6rem / 10) !important;
}

.font-7 {
  font-size: calc(7rem / 10) !important;
}
.font-7 p {
  font-size: calc(7rem / 10) !important;
}

.font-8 {
  font-size: calc(8rem / 10) !important;
}
.font-8 p {
  font-size: calc(8rem / 10) !important;
}

.font-9 {
  font-size: calc(9rem / 10) !important;
}
.font-9 p {
  font-size: calc(9rem / 10) !important;
}

.font-10 {
  font-size: calc(10rem / 10) !important;
}
.font-10 p {
  font-size: calc(10rem / 10) !important;
}

.font-11 {
  font-size: calc(11rem / 10) !important;
}
.font-11 p {
  font-size: calc(11rem / 10) !important;
}

.font-12 {
  font-size: calc(12rem / 10) !important;
}
.font-12 p {
  font-size: calc(12rem / 10) !important;
}

.font-13 {
  font-size: calc(13rem / 10) !important;
}
.font-13 p {
  font-size: calc(13rem / 10) !important;
}

.font-14 {
  font-size: calc(14rem / 10) !important;
}
.font-14 p {
  font-size: calc(14rem / 10) !important;
}

.font-15 {
  font-size: calc(15rem / 10) !important;
}
.font-15 p {
  font-size: calc(15rem / 10) !important;
}

.font-16 {
  font-size: calc(16rem / 10) !important;
}
.font-16 p {
  font-size: calc(16rem / 10) !important;
}

.font-17 {
  font-size: calc(17rem / 10) !important;
}
.font-17 p {
  font-size: calc(17rem / 10) !important;
}

.font-18 {
  font-size: calc(18rem / 10) !important;
}
.font-18 p {
  font-size: calc(18rem / 10) !important;
}

.font-19 {
  font-size: calc(19rem / 10) !important;
}
.font-19 p {
  font-size: calc(19rem / 10) !important;
}

.font-20 {
  font-size: calc(20rem / 10) !important;
}
.font-20 p {
  font-size: calc(20rem / 10) !important;
}

.font-21 {
  font-size: calc(21rem / 10) !important;
}
.font-21 p {
  font-size: calc(21rem / 10) !important;
}

.font-22 {
  font-size: calc(22rem / 10) !important;
}
.font-22 p {
  font-size: calc(22rem / 10) !important;
}

.font-23 {
  font-size: calc(23rem / 10) !important;
}
.font-23 p {
  font-size: calc(23rem / 10) !important;
}

.font-24 {
  font-size: calc(24rem / 10) !important;
}
.font-24 p {
  font-size: calc(24rem / 10) !important;
}

.font-25 {
  font-size: calc(25rem / 10) !important;
}
.font-25 p {
  font-size: calc(25rem / 10) !important;
}

.font-26 {
  font-size: calc(26rem / 10) !important;
}
.font-26 p {
  font-size: calc(26rem / 10) !important;
}

.font-27 {
  font-size: calc(27rem / 10) !important;
}
.font-27 p {
  font-size: calc(27rem / 10) !important;
}

.font-28 {
  font-size: calc(28rem / 10) !important;
}
.font-28 p {
  font-size: calc(28rem / 10) !important;
}

.font-29 {
  font-size: calc(29rem / 10) !important;
}
.font-29 p {
  font-size: calc(29rem / 10) !important;
}

.font-30 {
  font-size: calc(30rem / 10) !important;
}
.font-30 p {
  font-size: calc(30rem / 10) !important;
}

.font-31 {
  font-size: calc(31rem / 10) !important;
}
.font-31 p {
  font-size: calc(31rem / 10) !important;
}

.font-32 {
  font-size: calc(32rem / 10) !important;
}
.font-32 p {
  font-size: calc(32rem / 10) !important;
}

.font-33 {
  font-size: calc(33rem / 10) !important;
}
.font-33 p {
  font-size: calc(33rem / 10) !important;
}

.font-34 {
  font-size: calc(34rem / 10) !important;
}
.font-34 p {
  font-size: calc(34rem / 10) !important;
}

.font-35 {
  font-size: calc(35rem / 10) !important;
}
.font-35 p {
  font-size: calc(35rem / 10) !important;
}

.font-36 {
  font-size: calc(36rem / 10) !important;
}
.font-36 p {
  font-size: calc(36rem / 10) !important;
}

.font-37 {
  font-size: calc(37rem / 10) !important;
}
.font-37 p {
  font-size: calc(37rem / 10) !important;
}

.font-38 {
  font-size: calc(38rem / 10) !important;
}
.font-38 p {
  font-size: calc(38rem / 10) !important;
}

.font-39 {
  font-size: calc(39rem / 10) !important;
}
.font-39 p {
  font-size: calc(39rem / 10) !important;
}

.font-40 {
  font-size: calc(40rem / 10) !important;
}
.font-40 p {
  font-size: calc(40rem / 10) !important;
}

.font-41 {
  font-size: calc(41rem / 10) !important;
}
.font-41 p {
  font-size: calc(41rem / 10) !important;
}

.font-42 {
  font-size: calc(42rem / 10) !important;
}
.font-42 p {
  font-size: calc(42rem / 10) !important;
}

.font-43 {
  font-size: calc(43rem / 10) !important;
}
.font-43 p {
  font-size: calc(43rem / 10) !important;
}

.font-44 {
  font-size: calc(44rem / 10) !important;
}
.font-44 p {
  font-size: calc(44rem / 10) !important;
}

.font-45 {
  font-size: calc(45rem / 10) !important;
}
.font-45 p {
  font-size: calc(45rem / 10) !important;
}

.font-46 {
  font-size: calc(46rem / 10) !important;
}
.font-46 p {
  font-size: calc(46rem / 10) !important;
}

.font-47 {
  font-size: calc(47rem / 10) !important;
}
.font-47 p {
  font-size: calc(47rem / 10) !important;
}

.font-48 {
  font-size: calc(48rem / 10) !important;
}
.font-48 p {
  font-size: calc(48rem / 10) !important;
}

.font-49 {
  font-size: calc(49rem / 10) !important;
}
.font-49 p {
  font-size: calc(49rem / 10) !important;
}

.font-50 {
  font-size: calc(50rem / 10) !important;
}
.font-50 p {
  font-size: calc(50rem / 10) !important;
}

.font-51 {
  font-size: calc(51rem / 10) !important;
}
.font-51 p {
  font-size: calc(51rem / 10) !important;
}

.font-52 {
  font-size: calc(52rem / 10) !important;
}
.font-52 p {
  font-size: calc(52rem / 10) !important;
}

.font-53 {
  font-size: calc(53rem / 10) !important;
}
.font-53 p {
  font-size: calc(53rem / 10) !important;
}

.font-54 {
  font-size: calc(54rem / 10) !important;
}
.font-54 p {
  font-size: calc(54rem / 10) !important;
}

.font-55 {
  font-size: calc(55rem / 10) !important;
}
.font-55 p {
  font-size: calc(55rem / 10) !important;
}

.font-56 {
  font-size: calc(56rem / 10) !important;
}
.font-56 p {
  font-size: calc(56rem / 10) !important;
}

.font-57 {
  font-size: calc(57rem / 10) !important;
}
.font-57 p {
  font-size: calc(57rem / 10) !important;
}

.font-58 {
  font-size: calc(58rem / 10) !important;
}
.font-58 p {
  font-size: calc(58rem / 10) !important;
}

.font-59 {
  font-size: calc(59rem / 10) !important;
}
.font-59 p {
  font-size: calc(59rem / 10) !important;
}

.font-60 {
  font-size: calc(60rem / 10) !important;
}
.font-60 p {
  font-size: calc(60rem / 10) !important;
}

.font-61 {
  font-size: calc(61rem / 10) !important;
}
.font-61 p {
  font-size: calc(61rem / 10) !important;
}

.font-62 {
  font-size: calc(62rem / 10) !important;
}
.font-62 p {
  font-size: calc(62rem / 10) !important;
}

.font-63 {
  font-size: calc(63rem / 10) !important;
}
.font-63 p {
  font-size: calc(63rem / 10) !important;
}

.font-64 {
  font-size: calc(64rem / 10) !important;
}
.font-64 p {
  font-size: calc(64rem / 10) !important;
}

.font-65 {
  font-size: calc(65rem / 10) !important;
}
.font-65 p {
  font-size: calc(65rem / 10) !important;
}

.font-66 {
  font-size: calc(66rem / 10) !important;
}
.font-66 p {
  font-size: calc(66rem / 10) !important;
}

.font-67 {
  font-size: calc(67rem / 10) !important;
}
.font-67 p {
  font-size: calc(67rem / 10) !important;
}

.font-68 {
  font-size: calc(68rem / 10) !important;
}
.font-68 p {
  font-size: calc(68rem / 10) !important;
}

.font-69 {
  font-size: calc(69rem / 10) !important;
}
.font-69 p {
  font-size: calc(69rem / 10) !important;
}

.font-70 {
  font-size: calc(70rem / 10) !important;
}
.font-70 p {
  font-size: calc(70rem / 10) !important;
}

.font-71 {
  font-size: calc(71rem / 10) !important;
}
.font-71 p {
  font-size: calc(71rem / 10) !important;
}

.font-72 {
  font-size: calc(72rem / 10) !important;
}
.font-72 p {
  font-size: calc(72rem / 10) !important;
}

.font-73 {
  font-size: calc(73rem / 10) !important;
}
.font-73 p {
  font-size: calc(73rem / 10) !important;
}

.font-74 {
  font-size: calc(74rem / 10) !important;
}
.font-74 p {
  font-size: calc(74rem / 10) !important;
}

.font-75 {
  font-size: calc(75rem / 10) !important;
}
.font-75 p {
  font-size: calc(75rem / 10) !important;
}

.font-76 {
  font-size: calc(76rem / 10) !important;
}
.font-76 p {
  font-size: calc(76rem / 10) !important;
}

.font-77 {
  font-size: calc(77rem / 10) !important;
}
.font-77 p {
  font-size: calc(77rem / 10) !important;
}

.font-78 {
  font-size: calc(78rem / 10) !important;
}
.font-78 p {
  font-size: calc(78rem / 10) !important;
}

.font-79 {
  font-size: calc(79rem / 10) !important;
}
.font-79 p {
  font-size: calc(79rem / 10) !important;
}

.font-80 {
  font-size: calc(80rem / 10) !important;
}
.font-80 p {
  font-size: calc(80rem / 10) !important;
}

.font-81 {
  font-size: calc(81rem / 10) !important;
}
.font-81 p {
  font-size: calc(81rem / 10) !important;
}

.font-82 {
  font-size: calc(82rem / 10) !important;
}
.font-82 p {
  font-size: calc(82rem / 10) !important;
}

.font-83 {
  font-size: calc(83rem / 10) !important;
}
.font-83 p {
  font-size: calc(83rem / 10) !important;
}

.font-84 {
  font-size: calc(84rem / 10) !important;
}
.font-84 p {
  font-size: calc(84rem / 10) !important;
}

.font-85 {
  font-size: calc(85rem / 10) !important;
}
.font-85 p {
  font-size: calc(85rem / 10) !important;
}

.font-86 {
  font-size: calc(86rem / 10) !important;
}
.font-86 p {
  font-size: calc(86rem / 10) !important;
}

.font-87 {
  font-size: calc(87rem / 10) !important;
}
.font-87 p {
  font-size: calc(87rem / 10) !important;
}

.font-88 {
  font-size: calc(88rem / 10) !important;
}
.font-88 p {
  font-size: calc(88rem / 10) !important;
}

.font-89 {
  font-size: calc(89rem / 10) !important;
}
.font-89 p {
  font-size: calc(89rem / 10) !important;
}

.font-90 {
  font-size: calc(90rem / 10) !important;
}
.font-90 p {
  font-size: calc(90rem / 10) !important;
}

.font-91 {
  font-size: calc(91rem / 10) !important;
}
.font-91 p {
  font-size: calc(91rem / 10) !important;
}

.font-92 {
  font-size: calc(92rem / 10) !important;
}
.font-92 p {
  font-size: calc(92rem / 10) !important;
}

.font-93 {
  font-size: calc(93rem / 10) !important;
}
.font-93 p {
  font-size: calc(93rem / 10) !important;
}

.font-94 {
  font-size: calc(94rem / 10) !important;
}
.font-94 p {
  font-size: calc(94rem / 10) !important;
}

.font-95 {
  font-size: calc(95rem / 10) !important;
}
.font-95 p {
  font-size: calc(95rem / 10) !important;
}

.font-96 {
  font-size: calc(96rem / 10) !important;
}
.font-96 p {
  font-size: calc(96rem / 10) !important;
}

.font-97 {
  font-size: calc(97rem / 10) !important;
}
.font-97 p {
  font-size: calc(97rem / 10) !important;
}

.font-98 {
  font-size: calc(98rem / 10) !important;
}
.font-98 p {
  font-size: calc(98rem / 10) !important;
}

.font-99 {
  font-size: calc(99rem / 10) !important;
}
.font-99 p {
  font-size: calc(99rem / 10) !important;
}

.font-100 {
  font-size: calc(100rem / 10) !important;
}
.font-100 p {
  font-size: calc(100rem / 10) !important;
}

.line-h1 {
  line-height: calc(1rem / 10);
}

.line-h2 {
  line-height: calc(2rem / 10);
}

.line-h3 {
  line-height: calc(3rem / 10);
}

.line-h4 {
  line-height: calc(4rem / 10);
}

.line-h5 {
  line-height: calc(5rem / 10);
}

.line-h6 {
  line-height: calc(6rem / 10);
}

.line-h7 {
  line-height: calc(7rem / 10);
}

.line-h8 {
  line-height: calc(8rem / 10);
}

.line-h9 {
  line-height: calc(9rem / 10);
}

.line-h10 {
  line-height: calc(10rem / 10);
}

.line-h11 {
  line-height: calc(11rem / 10);
}

.line-h12 {
  line-height: calc(12rem / 10);
}

.line-h13 {
  line-height: calc(13rem / 10);
}

.line-h14 {
  line-height: calc(14rem / 10);
}

.line-h15 {
  line-height: calc(15rem / 10);
}

.line-h16 {
  line-height: calc(16rem / 10);
}

.line-h17 {
  line-height: calc(17rem / 10);
}

.line-h18 {
  line-height: calc(18rem / 10);
}

.line-h19 {
  line-height: calc(19rem / 10);
}

.line-h20 {
  line-height: calc(20rem / 10);
}

.line-h21 {
  line-height: calc(21rem / 10);
}

.line-h22 {
  line-height: calc(22rem / 10);
}

.line-h23 {
  line-height: calc(23rem / 10);
}

.line-h24 {
  line-height: calc(24rem / 10);
}

.line-h25 {
  line-height: calc(25rem / 10);
}

.line-h26 {
  line-height: calc(26rem / 10);
}

.line-h27 {
  line-height: calc(27rem / 10);
}

.line-h28 {
  line-height: calc(28rem / 10);
}

.line-h29 {
  line-height: calc(29rem / 10);
}

.line-h30 {
  line-height: calc(30rem / 10);
}

.line-h31 {
  line-height: calc(31rem / 10);
}

.line-h32 {
  line-height: calc(32rem / 10);
}

.line-h33 {
  line-height: calc(33rem / 10);
}

.line-h34 {
  line-height: calc(34rem / 10);
}

.line-h35 {
  line-height: calc(35rem / 10);
}

.line-h36 {
  line-height: calc(36rem / 10);
}

.line-h37 {
  line-height: calc(37rem / 10);
}

.line-h38 {
  line-height: calc(38rem / 10);
}

.line-h39 {
  line-height: calc(39rem / 10);
}

.line-h40 {
  line-height: calc(40rem / 10);
}

.line-h41 {
  line-height: calc(41rem / 10);
}

.line-h42 {
  line-height: calc(42rem / 10);
}

.line-h43 {
  line-height: calc(43rem / 10);
}

.line-h44 {
  line-height: calc(44rem / 10);
}

.line-h45 {
  line-height: calc(45rem / 10);
}

.line-h46 {
  line-height: calc(46rem / 10);
}

.line-h47 {
  line-height: calc(47rem / 10);
}

.line-h48 {
  line-height: calc(48rem / 10);
}

.line-h49 {
  line-height: calc(49rem / 10);
}

.line-h50 {
  line-height: calc(50rem / 10);
}

.line-h51 {
  line-height: calc(51rem / 10);
}

.line-h52 {
  line-height: calc(52rem / 10);
}

.line-h53 {
  line-height: calc(53rem / 10);
}

.line-h54 {
  line-height: calc(54rem / 10);
}

.line-h55 {
  line-height: calc(55rem / 10);
}

.line-h56 {
  line-height: calc(56rem / 10);
}

.line-h57 {
  line-height: calc(57rem / 10);
}

.line-h58 {
  line-height: calc(58rem / 10);
}

.line-h59 {
  line-height: calc(59rem / 10);
}

.line-h60 {
  line-height: calc(60rem / 10);
}

.line-h61 {
  line-height: calc(61rem / 10);
}

.line-h62 {
  line-height: calc(62rem / 10);
}

.line-h63 {
  line-height: calc(63rem / 10);
}

.line-h64 {
  line-height: calc(64rem / 10);
}

.line-h65 {
  line-height: calc(65rem / 10);
}

.line-h66 {
  line-height: calc(66rem / 10);
}

.line-h67 {
  line-height: calc(67rem / 10);
}

.line-h68 {
  line-height: calc(68rem / 10);
}

.line-h69 {
  line-height: calc(69rem / 10);
}

.line-h70 {
  line-height: calc(70rem / 10);
}

.line-h71 {
  line-height: calc(71rem / 10);
}

.line-h72 {
  line-height: calc(72rem / 10);
}

.line-h73 {
  line-height: calc(73rem / 10);
}

.line-h74 {
  line-height: calc(74rem / 10);
}

.line-h75 {
  line-height: calc(75rem / 10);
}

.line-h76 {
  line-height: calc(76rem / 10);
}

.line-h77 {
  line-height: calc(77rem / 10);
}

.line-h78 {
  line-height: calc(78rem / 10);
}

.line-h79 {
  line-height: calc(79rem / 10);
}

.line-h80 {
  line-height: calc(80rem / 10);
}

.line-h81 {
  line-height: calc(81rem / 10);
}

.line-h82 {
  line-height: calc(82rem / 10);
}

.line-h83 {
  line-height: calc(83rem / 10);
}

.line-h84 {
  line-height: calc(84rem / 10);
}

.line-h85 {
  line-height: calc(85rem / 10);
}

.line-h86 {
  line-height: calc(86rem / 10);
}

.line-h87 {
  line-height: calc(87rem / 10);
}

.line-h88 {
  line-height: calc(88rem / 10);
}

.line-h89 {
  line-height: calc(89rem / 10);
}

.line-h90 {
  line-height: calc(90rem / 10);
}

.line-h91 {
  line-height: calc(91rem / 10);
}

.line-h92 {
  line-height: calc(92rem / 10);
}

.line-h93 {
  line-height: calc(93rem / 10);
}

.line-h94 {
  line-height: calc(94rem / 10);
}

.line-h95 {
  line-height: calc(95rem / 10);
}

.line-h96 {
  line-height: calc(96rem / 10);
}

.line-h97 {
  line-height: calc(97rem / 10);
}

.line-h98 {
  line-height: calc(98rem / 10);
}

.line-h99 {
  line-height: calc(99rem / 10);
}

.line-h100 {
  line-height: calc(100rem / 10);
}

.line-h101 {
  line-height: calc(101rem / 10);
}

.line-h102 {
  line-height: calc(102rem / 10);
}

.line-h103 {
  line-height: calc(103rem / 10);
}

.line-h104 {
  line-height: calc(104rem / 10);
}

.line-h105 {
  line-height: calc(105rem / 10);
}

.line-h106 {
  line-height: calc(106rem / 10);
}

.line-h107 {
  line-height: calc(107rem / 10);
}

.line-h108 {
  line-height: calc(108rem / 10);
}

.line-h109 {
  line-height: calc(109rem / 10);
}

.line-h110 {
  line-height: calc(110rem / 10);
}

.line-h111 {
  line-height: calc(111rem / 10);
}

.line-h112 {
  line-height: calc(112rem / 10);
}

.line-h113 {
  line-height: calc(113rem / 10);
}

.line-h114 {
  line-height: calc(114rem / 10);
}

.line-h115 {
  line-height: calc(115rem / 10);
}

.line-h116 {
  line-height: calc(116rem / 10);
}

.line-h117 {
  line-height: calc(117rem / 10);
}

.line-h118 {
  line-height: calc(118rem / 10);
}

.line-h119 {
  line-height: calc(119rem / 10);
}

.line-h120 {
  line-height: calc(120rem / 10);
}

.line-h121 {
  line-height: calc(121rem / 10);
}

.line-h122 {
  line-height: calc(122rem / 10);
}

.line-h123 {
  line-height: calc(123rem / 10);
}

.line-h124 {
  line-height: calc(124rem / 10);
}

.line-h125 {
  line-height: calc(125rem / 10);
}

.line-h126 {
  line-height: calc(126rem / 10);
}

.line-h127 {
  line-height: calc(127rem / 10);
}

.line-h128 {
  line-height: calc(128rem / 10);
}

.line-h129 {
  line-height: calc(129rem / 10);
}

.line-h130 {
  line-height: calc(130rem / 10);
}

.line-h131 {
  line-height: calc(131rem / 10);
}

.line-h132 {
  line-height: calc(132rem / 10);
}

.line-h133 {
  line-height: calc(133rem / 10);
}

.line-h134 {
  line-height: calc(134rem / 10);
}

.line-h135 {
  line-height: calc(135rem / 10);
}

.line-h136 {
  line-height: calc(136rem / 10);
}

.line-h137 {
  line-height: calc(137rem / 10);
}

.line-h138 {
  line-height: calc(138rem / 10);
}

.line-h139 {
  line-height: calc(139rem / 10);
}

.line-h140 {
  line-height: calc(140rem / 10);
}

.line-h141 {
  line-height: calc(141rem / 10);
}

.line-h142 {
  line-height: calc(142rem / 10);
}

.line-h143 {
  line-height: calc(143rem / 10);
}

.line-h144 {
  line-height: calc(144rem / 10);
}

.line-h145 {
  line-height: calc(145rem / 10);
}

.line-h146 {
  line-height: calc(146rem / 10);
}

.line-h147 {
  line-height: calc(147rem / 10);
}

.line-h148 {
  line-height: calc(148rem / 10);
}

.line-h149 {
  line-height: calc(149rem / 10);
}

.line-h150 {
  line-height: calc(150rem / 10);
}

.font-w100 {
  font-weight: 100 !important;
  font-style: normal;
}

.font-w200 {
  font-weight: 200 !important;
  font-style: normal;
}

.font-w300 {
  font-weight: 300 !important;
  font-style: normal;
}

.font-w400 {
  font-weight: 400 !important;
  font-style: normal;
}

.font-w500 {
  font-weight: 500 !important;
  font-style: normal;
}

.font-w600 {
  font-weight: 600 !important;
  font-style: normal;
}

.font-w700 {
  font-weight: 700 !important;
  font-style: normal;
}

.font-w800 {
  font-weight: 800 !important;
  font-style: normal;
}

.font-w900 {
  font-weight: 900 !important;
  font-style: normal;
}

.font-wnormal {
  font-weight: normal !important;
  font-style: normal;
}

.font-wbold {
  font-weight: bold !important;
  font-style: normal;
}

.text-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-ellipsis.max-width-75 {
  max-width: 75%;
}
.text-ellipsis.max-width-70 {
  max-width: 70%;
}
.text-ellipsis.max-width-50 {
  max-width: 50%;
}

.rotate-0 {
  transform: rotate(0deg);
}
.rotate-15 {
  transform: rotate(15deg);
}
.rotate-45 {
  transform: rotate(45deg);
}
.rotate-90 {
  transform: rotate(90deg);
}
.rotate-180 {
  transform: rotate(180deg);
}
.rotate-270 {
  transform: rotate(270deg);
}

.chevron-up:not(.collapsed) {
  transition: all 0.3s ease;
  transform: rotate(180deg);
}

.x-enter {
  opacity: 0;
}

.x-enter-active {
  transition: opacity 0.3s ease-out;
}

.x-enter-to {
  opacity: 1;
}

.x-leave {
  opacity: 1;
}

.x-leave-active {
  transition: opacity 0.3s ease-in;
}

.x-leave-to {
  opacity: 0;
}

.shadow-0 {
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.2) !important;
}

.shadow-1 {
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24) !important;
}

.shadow-2 {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12) !important;
}

.shadow-3 {
  box-shadow: 0px 10px 20px rgba(65, 51, 104, 0.15), 0px 3px 6px rgba(65, 51, 104, 0.1) !important;
}

.shadow-4 {
  box-shadow: 0px 15px 25px rgba(65, 51, 104, 0.15), 0px 5px 10px rgba(65, 51, 104, 0.05) !important;
}

.shadow-5 {
  box-shadow: 0px 20px 40px rgba(65, 51, 104, 0.2) !important;
}

.shadow-05 {
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08) !important;
}

.shadow-active {
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08) !important;
}

.shadow-click {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2) !important;
}

.shadow-avatar {
  box-shadow: inset 0px 2px 4px rgba(65, 51, 104, 0.2) !important;
}

.shadow-none {
  box-shadow: unset !important;
}

.shadow-left {
  box-shadow: inset 0px 0px 0px 0px rgb(229, 231, 242), inset 2px 0px 0px 0px rgb(229, 231, 242) !important;
}

.shadow-right {
  box-shadow: inset -2px 0px 0px 0px rgb(229, 231, 242), inset 0px 0px 0px 0px rgb(229, 231, 242) !important;
}

.shadow-parent .group-column {
  display: flex;
  gap: 4rem;
}
.shadow-parent .group-column .text-shadow {
  font-weight: 600;
  color: #131315;
  text-align: center;
}
.shadow-parent .group-column .card-shadow {
  width: 9.6rem;
  height: 9.6rem;
}

.left-0 {
  left: calc(0rem / 10);
}

.left-40 {
  left: calc(40rem / 10);
}

.left-48 {
  left: calc(48rem / 10);
}

.left-60 {
  left: calc(60rem / 10);
}

.left-90 {
  left: calc(90rem / 10);
}

.left-96 {
  left: calc(96rem / 10);
}

.left-130 {
  left: calc(130rem / 10);
}

.left-160 {
  left: calc(160rem / 10);
}

.left-190 {
  left: calc(190rem / 10);
}

.left-192 {
  left: calc(192rem / 10);
}

.left-210 {
  left: calc(210rem / 10);
}

.left-240 {
  left: calc(240rem / 10);
}

.left-256 {
  left: calc(256rem / 10);
}

.left-264 {
  left: calc(264rem / 10);
}

.left-280 {
  left: calc(280rem / 10);
}

.left-300 {
  left: calc(300rem / 10);
}

.left-312 {
  left: calc(312rem / 10);
}

.left-320 {
  left: calc(320rem / 10);
}

.left-330 {
  left: calc(330rem / 10);
}

.top-0 {
  top: calc(0rem / 10);
}

.top-28 {
  top: calc(28rem / 10);
}

.top-29 {
  top: calc(29rem / 10);
}

.top-30 {
  top: calc(30rem / 10);
}

.top-32 {
  top: calc(32rem / 10);
}

.top-33 {
  top: calc(33rem / 10);
}

.top-36 {
  top: calc(36rem / 10);
}

.top-44 {
  top: calc(44rem / 10);
}

.top-46 {
  top: calc(46rem / 10);
}

.top-48 {
  top: calc(48rem / 10);
}

.z-index-3 {
  z-index: 3;
}

.container {
  background: transparent;
  max-width: 80rem;
  padding: 9rem 4rem 4rem 4rem;
}
@media screen and (max-width: 768px) {
  .container {
    padding: 6rem 2rem 2rem 2rem;
  }
}

.remove-iconmoon i {
  font-family: unset !important;
  font-style: italic;
}
.remove-iconmoon ul {
  padding-inline-start: 16px;
}

.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  max-width: 104rem;
  padding: 12rem 4rem 8rem 4rem;
}
@media screen and (max-width: 768px) {
  .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    padding: 6rem 0rem 2rem 0rem;
  }
  .container-fluid .cont-mv, .container-sm .cont-mv, .container-md .cont-mv, .container-lg .cont-mv, .container-xl .cont-mv, .container-xxl .cont-mv {
    padding: 2rem 2rem 2rem 2rem;
  }
}

.container-full {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.container-exam {
  display: flex;
  padding: 4rem 0;
}

.container-center {
  width: 100vw;
  height: 100vh;
  display: grid;
  place-items: center;
}

.container-exam-course {
  display: flex;
  padding: 4rem 0;
  justify-content: center;
}

.drawer-skeleton {
  display: block;
}
@media screen and (max-width: 768px) {
  .drawer-skeleton {
    display: none !important;
  }
}

.container-medium.reportbook {
  max-width: 80rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
  max-width: 90rem !important;
}
.container-medium.reportbook.active {
  margin-left: 32.6rem;
  padding: 8.4rem 4rem 4rem 14rem;
}

.container-medium-reportbook {
  max-width: 80rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-medium-reportbook.small-drawer {
  margin-left: 28.3rem !important;
}
.container-medium-reportbook.active {
  margin-left: 42.3rem !important;
  padding: 8.4rem 4rem 4rem 4rem;
}

.container-medium-project {
  max-width: 80rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-medium-project.small-drawer {
  margin-left: 28.3rem !important;
}
.container-medium-project.active {
  margin-left: 41rem !important;
  padding: 8.4rem 4rem 4rem 4rem;
}

.container-medium-tuition {
  max-width: 80rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .container-medium-tuition {
    padding: 8.4rem 1.6rem 4rem 1.6rem;
  }
}
.container-medium-tuition.small-drawer {
  margin-left: 28.3rem !important;
}
@media screen and (max-width: 992px) {
  .container-medium-tuition.small-drawer {
    margin-left: auto !important;
  }
}
.container-medium-tuition.active {
  margin-left: 41.1rem !important;
  padding: 8.4rem 4rem 4rem 4rem;
}
@media screen and (max-width: 992px) {
  .container-medium-tuition.active {
    margin-left: auto !important;
  }
}

.container-large-reportbook {
  max-width: 104rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-large-reportbook.active {
  margin-left: clamp(36rem, 25%, 48rem);
}

.container-large-absence {
  max-width: 136.6rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-large-absence.active {
  padding: 8.4rem 4rem 4rem 4rem;
}

.container-medium {
  max-width: 80rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-medium.small-drawer.active {
  margin-left: clamp(32rem, 32%, 48rem);
}
.container-medium.active {
  margin-left: clamp(32rem, 32%, 48rem);
  padding: 8.4rem 4rem 4rem 4rem;
}

.container-large {
  max-width: 104rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-large.active {
  margin-left: clamp(32rem, 25%, 40rem);
}

.container-large-left {
  max-width: 104rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-large-left.active {
  margin-left: 32rem;
}

.container-medium-left {
  max-width: 80rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-medium-left.active {
  margin-left: 32rem;
}

.container-large.reportbook {
  max-width: 104rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-large.reportbook.active {
  margin-left: clamp(32.6rem, 20%, 48rem);
}

.container-fullscreen {
  max-width: 100vw;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-fullscreen.active {
  margin-left: 32rem;
}

.container-dashboard {
  max-width: 100vw;
  background: #FFFFFF;
  padding: 0;
  margin: auto;
  height: 100vh;
  background: url("/assets/images/home/dashboard/default-background.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.container-dashboard.active {
  margin-left: 26rem;
}

.container-print {
  padding: 2.4rem;
}

.grid-header {
  grid-area: header;
  display: flex;
  max-width: 100vw;
  background: #FFFFFF;
  padding: 0.8rem 1.6rem;
  max-height: 4rem;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.2);
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.grid-header.active {
  margin-left: clamp(36rem, 25%, 48rem);
  width: calc(100vw - clamp(36rem, 25%, 48rem));
}
.grid-header.active .header-item a.header-item-breadcrumb:last-child {
  width: 17rem !important;
}
.grid-header.active .header-item a.header-item-breadcrumb:not(a.header-item-breadcrumb:nth-child(1)) {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}
.grid-header .header-item:nth-child(1) {
  margin-right: 1.2rem;
  align-items: baseline;
}
.grid-header .header-item {
  display: flex;
  align-items: flex-end;
}
.grid-header .header-item .header-item-dropdown .btn:focus {
  box-shadow: none;
}
.grid-header .header-item .header-item-breadcrumb.active {
  color: #24292E !important;
  cursor: text;
}
.grid-header .header-item .header-item-breadcrumb {
  padding: 0.4rem;
}
.grid-header .header-item .header-item-breadcrumb + .header-item-breadcrumb {
  margin-left: 0.4rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #878AA6;
}
@media screen and (max-width: 768px) {
  .grid-header #responsive-dropdown {
    display: none;
  }
  .grid-header .header-item-dropdown button {
    margin-left: 0;
  }
  .grid-header .header-item-dropdown button #header-icon-dropdown {
    display: block;
  }
  .grid-header .header-item-dropdown button img {
    display: none;
  }
}

.grid-main {
  grid-area: main;
  width: 100%;
  max-width: 80rem;
  background: #FFFFFF;
  padding: 4rem;
  margin: auto;
  background: #F8F8FC;
}
.grid-main .section-user {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.grid-main .card-school-information .school-name {
  font-size: 3.3rem;
  font-weight: bold;
  color: #413368;
  text-align: center;
  line-height: 3.6rem;
  word-break: break-word;
}
@media screen and (max-width: 768px) {
  .grid-main {
    width: 100vw;
    padding: 1.6rem;
  }
  .grid-main .section-user {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .grid-main .section-user p {
    margin-top: 0.8rem;
  }
  .grid-main .card-school-information .school-name {
    font-weight: 700;
    font-size: 2.5rem;
    padding: 0 2.4rem;
    word-break: break-word;
  }
  .grid-main .panel-group-grid {
    grid-template-columns: repeat(auto-fit, minmax(328px, 1fr));
  }
}
@media screen and (max-width: 575.98px) and (min-width: 361px) {
  .grid-main {
    width: 100vw;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .grid-main {
    width: 100vw;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .grid-main {
    width: 100vw;
  }
}

.grid-footer {
  grid-area: sidebar;
}

.container-medium-grid {
  display: grid;
  grid-template-columns: auto 80rem auto;
  grid-template-rows: 4rem auto;
  grid-template-areas: "header header header" ". main .";
  background: #F8F8FC;
}
@media screen and (max-width: 768px) {
  .container-medium-grid {
    grid-template-columns: auto;
  }
}
@media screen and (max-width: 575.98px) and (min-width: 361px) {
  .container-medium-grid {
    grid-template-columns: auto;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .container-medium-grid {
    grid-template-columns: auto;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container-medium-grid {
    grid-template-columns: auto;
  }
}

.container.position-relative > .btn-primary.position-sticky {
  bottom: 24px;
}

.container-document {
  height: 100vh;
}

.show-on-mobile-container {
  display: none;
}
@media screen and (max-width: 768px) {
  .show-on-mobile-container {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .hide-on-mobile-container {
    display: none;
  }
}

.container-why-kejar {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(324px, 1fr));
  grid-gap: 40px 32px;
  margin-top: 1.8rem;
}

.platform-landingpage {
  padding-top: 9.6rem;
}
.platform-landingpage .container-platform {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(380px, 1fr));
  grid-gap: 48px 20px;
  padding: 4rem;
  margin-top: 0.8rem;
}
.platform-landingpage .container-platform .card-platform {
  display: flex;
  flex-direction: column;
  max-width: 41.3rem;
  height: 52rem;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  background: #FFFFFF;
}
.platform-landingpage .container-platform .card-platform .card-platform-body {
  padding: 2rem 2.4rem;
}

.container-extra-medium {
  max-width: 96rem;
  background: #FFFFFF;
  padding: 8.4rem 4rem 4rem 4rem;
  margin: auto;
}
.container-extra-medium.active {
  margin-left: clamp(32rem, 25%, 48rem);
}
@media screen and (max-width: 768px) {
  .container-extra-medium {
    padding: 6.2rem 1.6rem 4rem 1.6rem;
  }
}
@media screen and (max-width: 1920px) and (min-width: 1380px) {
  .container-extra-medium.active {
    margin-left: clamp(32rem, 27%, 48rem);
  }
}

.container-content-medium {
  max-width: 72rem;
}

.container-content-extra-medium {
  max-width: 88rem;
}

.container-content-large {
  max-width: 96rem;
}

.flex-auto {
  flex: auto;
}

.item-screen-center {
  position: absolute;
  top: 45%;
  left: 50%;
  width: -moz-fit-content;
  width: fit-content;
  transform: translate(-50%, -50%);
}

.head-content-deed {
  display: flex;
  justify-content: space-between;
}

.grid-column-auto-3 {
  grid-template-columns: auto auto auto;
}

.grid-gap-2 {
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
  row-gap: 0.8rem;
}

.container-dashboard-grid {
  display: grid;
  grid-template-columns: 1fr minmax(50rem, 71.2rem) 1fr;
  grid-template-rows: 4rem auto;
  grid-template-areas: ". header ." "left-main center-main right-main";
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  background: #F8F8FC;
  padding: 0 2.8rem;
}
.container-dashboard-grid .grid-left-main {
  grid-area: left-main;
  width: 100%;
  position: sticky;
  height: calc(100vh - 4rem);
  top: 4rem;
}
.container-dashboard-grid .grid-center-main {
  grid-area: center-main;
  max-width: 71.2rem;
}
.container-dashboard-grid .grid-right-main {
  grid-area: right-main;
  width: 100%;
  position: sticky;
  height: calc(100vh - 4rem);
  top: 4rem;
}
.container-dashboard-grid .scrollable-main {
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
  padding-right: 0.8rem;
  padding-left: 1.2rem;
  padding-top: 4rem;
  will-change: transform;
}
.container-dashboard-grid .scrollable-main .card-school-information {
  text-align: center;
}
.container-dashboard-grid .scrollable-main .card-school-information .school-name {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 600;
  color: #413368;
  word-break: break-word;
}
.container-dashboard-grid .scrollable-main:hover::-webkit-scrollbar-thumb {
  background-color: #E5E7F2;
}
.container-dashboard-grid .scrollable-main::-webkit-scrollbar {
  width: 0.4rem;
  height: 0.4rem;
}
.container-dashboard-grid .scrollable-main::-webkit-scrollbar-track {
  background-color: #F8F8FC;
  border-radius: 0.2rem;
  margin-top: 0.8rem;
}
.container-dashboard-grid .scrollable-main::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #F8F8FC;
  -webkit-transition: background-color 0.3s ease, transform 0.3s ease;
  transition: background-color 0.3s ease, transform 0.3s ease;
}
.container-dashboard-grid .scrollable-main::-moz-scrollbars-horizontal {
  height: 100px;
  width: 100px;
}

@media screen and (max-width: 992px) {
  .container-dashboard-grid {
    grid-template-columns: auto;
    display: block;
    padding: 8rem 4rem;
  }
  .container-dashboard-grid .grid-center-main {
    max-width: unset;
  }
  .container-dashboard-grid .scrollable-main {
    overflow-y: unset;
    max-height: unset;
    padding: unset;
  }
  .container-dashboard-grid .grid-left-main,
  .container-dashboard-grid .grid-center-main,
  .container-dashboard-grid .grid-right-main {
    position: unset;
    height: unset;
  }
}
@media screen and (max-width: 768px) {
  .container-dashboard-grid {
    padding: 6.4rem 1.6rem;
  }
}
.container-landingpage .body-landingpage {
  position: absolute;
  top: 2.4rem;
  left: 7.5rem;
}
.container-landingpage .body-landingpage .content-kejar {
  margin-top: 16rem;
}
.container-landingpage .body-landingpage .content-landingpage {
  margin-top: 8.8rem;
  display: flex;
}
.container-landingpage .body-landingpage .content-landingpage .form-login {
  margin-left: 7.4rem;
}
.container-landingpage .body-landingpage .content-landingpage .introduction-text {
  max-width: 63.7rem;
}
.container-landingpage .platform-landingpage .platform-description {
  max-width: 67.2rem;
  color: #6B7280;
}
.container-landingpage .footer-landingpage {
  background: #102A43;
  padding: 4.8rem 7.5rem;
  color: #9CA3AF;
  justify-content: space-between;
  margin-top: 7.2rem;
}
.container-landingpage .footer-landingpage .sosmed-group {
  display: flex;
}
.container-landingpage .footer-landingpage .sosmed-group .sosmed-icon + .sosmed-icon {
  margin-left: 2.4rem;
}

.payment-landingpage {
  margin-top: 5.4rem;
}

.sipplah-group {
  display: flex;
  margin-top: 1.6rem;
}
.sipplah-group .sipplah-icon + .sipplah-icon {
  margin-left: 5rem;
}

.bg-change-password {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  background: url("/assets/images/home/landingpagenew.jpg") no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .bg-change-password {
    background-position: top center;
  }
}
.bg-change-password .card-384 {
  position: absolute;
  margin: auto;
  top: 8.1rem;
  width: 44.8rem;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.bg-change-password .container-center {
  background-color: black;
  opacity: 0.2;
}

.bg-lego {
  width: 100vw;
  height: 100vh;
  background: url("/assets/images/home/background.jpg") no-repeat top center;
  background-size: cover;
}
@media screen and (max-width: 768px) {
  .bg-lego {
    height: 50vh;
    background-position: top center;
  }
}

.bg-lego-landingpage.mobile {
  display: none;
}

.bg-lego-landingpage.tablet {
  display: none;
}

.bg-lego-landingpage {
  width: 98.7vw;
  height: 100%;
  background-size: cover;
  background-position: top center;
}

@media screen and (max-width: 768px) {
  .bg-lego-mobile {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100vw;
    height: 50vh;
    background-color: #98D3E0;
    z-index: -100 !important;
  }
}

.bg-blue-layout {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  background-color: #EAF4FF !important;
  z-index: -1 !important;
  overflow-y: auto !important;
}

.bg-blue-tp {
  background: #F7FAFF;
}

.bg-grey {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  background: #C3C2D7 !important;
  z-index: -1 !important;
  overflow-y: auto !important;
}

.bg-grey-10 {
  background: #C3C2D7;
}

.bg-grey-15 {
  background: #F6F6FC;
}

.active-bg-white-1:active {
  background-color: #FDFDFF;
}

.bg-white-2 {
  background-color: #F8F8FC !important;
}

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

p {
  margin-top: 0;
  margin-bottom: 0;
}

.drawer-exam::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.drawer-exam::-webkit-scrollbar-track {
  background-color: #EFF0F9;
  border-radius: 2px;
}

.drawer-exam::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #C3C2D7;
}

.drawer-exam::-moz-scrollbars-horizontal {
  height: 2px;
  width: 2px;
}

.drawer-exam::-moz-scrollbars-vertical {
  height: 2px;
  width: 2px;
}

.drawer-exam-row::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.drawer-exam-row::-webkit-scrollbar-track {
  background-color: #EFF0F9;
  border-radius: 2px;
}

.drawer-exam-row::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #C3C2D7;
}

.drawer-exam-row::-moz-scrollbars-horizontal {
  height: 2px;
  width: 2px;
}

.drawer-exam-row::-moz-scrollbars-vertical {
  height: 2px;
  width: 2px;
}

.drawer-exam {
  min-width: 25.6rem;
  padding: 1.8rem 2.4rem 1.8rem 2.4rem;
  height: calc(100vh - 40px);
  max-height: 100vh;
  overflow: auto;
  scrollbar-width: 2px;
  border-right: 4px solid #EFF0F9;
  z-index: 1;
  background: #EFF0F9;
}

.drawer-exam-title {
  padding-top: 20px;
}

.drawer-exam-title-row {
  padding-left: 32px;
  padding-top: 20px;
}

.drawer-exam-row {
  min-width: 25.6rem;
  padding: 1.8rem 0 1.8rem 0;
  height: calc(100vh - 40px);
  max-height: 100vh;
  overflow: auto;
  display: block;
  border-right: 4px solid #EFF0F9;
  scrollbar-width: 2px;
  z-index: 1;
  background: #EFF0F9;
}
.drawer-exam-row #close {
  margin-right: 0.8rem;
  margin-top: 0.2rem;
}
.drawer-exam-row #close:hover {
  background-color: #C3C2D7;
}
.drawer-exam-row i:before {
  color: #000000;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .drawer-exam-row {
    display: none;
  }
  .drawer-exam-row #close {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .drawer-exam-row {
    display: none;
  }
  .drawer-exam-row #close {
    display: block;
  }
}
@media screen and (max-width: 1200px) {
  .drawer-exam-row {
    display: none;
  }
  .drawer-exam-row #close {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .drawer-exam-row {
    display: block;
  }
  .drawer-exam-row #close {
    display: none;
  }
}

.list-number {
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 4px;
  text-align: center;
  padding-top: 7px;
  background: #F6F6FC;
}

.list-number-row {
  width: 100%;
  height: 4.8rem;
  text-align: left;
  padding: 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list-number-row div {
  font-weight: 400;
}
.list-number-row div i {
  font-size: 22px;
}

.list-number-row.active {
  background: #FFFFFF;
  padding: 0 2rem !important;
  font-weight: 800 !important;
  border-radius: 8px;
}
.list-number-row.active div {
  font-weight: 800;
}

.list-number.active {
  color: #131315 !important;
  font-weight: 800;
  background: #FFFFFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}

.list-number.selected {
  background-color: #F0FFF4;
  color: #131315;
  font-weight: normal;
  border: 2px solid #A0F0BC;
}

.container-list-number {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(48px, 1fr));
  grid-gap: 20px 12px;
  margin-top: 1.8rem;
}

.container-list-number-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(208px, 1fr));
  grid-gap: 0 12px;
  margin-top: 2rem;
  padding: 0px 1.6rem;
}

.content-exam {
  padding: 4rem;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.content-exam-course {
  width: 104rem;
  padding: 4rem;
  display: flex;
  flex-direction: column;
}

.close-assessment-drawer {
  display: none;
}

.question-alert {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 4px;
  padding: 18px 20px;
  background: #F8F8FC;
  border: 2px solid #E5E7F2;
}

@media screen and (max-width: 768px) {
  .choice-option {
    max-width: 28rem;
    word-break: break-all;
  }
  .close-assessment-drawer {
    display: block;
  }
  .nav-name {
    white-space: nowrap;
    width: 120px;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .assesment-btn-question {
    display: flex !important;
  }
  .drawer-exam {
    position: absolute;
    background: white;
  }
  .drawer-exam-row {
    position: absolute;
    background: #EFF0F9;
  }
  .content-exam {
    padding: 2rem;
  }
  .assesment-btn-next {
    padding: 1.6rem 1rem !important;
  }
  .assesment-btn-before {
    padding: 0.8rem 1rem !important;
  }
}
@media screen and (max-width: 1200px) and (min-width: 769px) {
  .close-assessment-drawer {
    display: block;
  }
  .assesment-btn-question {
    display: flex !important;
  }
  .drawer-exam {
    position: absolute;
    background: white;
  }
  .drawer-exam-row {
    position: absolute;
    background: #EFF0F9;
  }
}
.primary-school-exam {
  min-height: 100vh;
  padding: 0;
  /* Timer Stick */
}
.primary-school-exam * {
  font-family: "Quicksand", sans-serif !important;
}
.primary-school-exam .timer-stick {
  background: #EBF1F6;
  display: block;
  height: 12px;
  width: 81.4%;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 10;
  box-shadow: inset 0px 0px 10px 0.2px rgba(0, 0, 0, 0.05);
}
.primary-school-exam .timer-stick .timer-length {
  background: #BDF189;
  width: 100%;
  display: block;
  height: inherit;
}
.primary-school-exam .header-matrikulasi-exam {
  display: flex;
  justify-content: space-between;
  padding: 2rem 1.6rem 0 1.6rem;
}
.primary-school-exam .header-matrikulasi-description {
  margin-bottom: 12rem;
  padding: 0.8rem 1.6rem 0 1.6rem;
  font-weight: normal;
  font-size: 15px;
  line-height: 24px;
  color: #131315;
}
.primary-school-exam .information-alert {
  display: flex;
  align-items: center;
  justify-content: center;
}
.primary-school-exam .body-exam-matrikulasi {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 1.6rem 0 1.6rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question p {
  font-size: 2rem;
  margin-bottom: 0;
  line-height: 3.6rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pilihan-ganda {
  width: unset;
  margin-bottom: 3.4rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.isian {
  width: 30rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.isian .answer-isian input {
  max-width: 10rem;
  height: 5rem;
  padding: 0 1.6rem;
  color: #3E1583;
  border: 2px solid #E5E7F2;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 4.8rem;
  text-align: center;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.bersusun {
  display: flex;
  flex-direction: column;
  width: unset;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.bersusun .question-stack {
  align-items: flex-end !important;
  margin-right: 1rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.bersusun .font-36 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 2.1rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.bersusun .font-36 .simbol {
  margin-bottom: 3px;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.bersusun .line-grey {
  height: 2px;
  background: #4C516D;
  width: 8.5rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.bersusun .answer-isian {
  margin-left: 1.2rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.bersusun .answer-isian input {
  max-width: 10rem;
  height: 5rem;
  padding: 0 1.6rem;
  color: #3E1583;
  border: 2px solid #E5E7F2;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 4.8rem;
  text-align: center;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pecahan {
  width: 36rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pecahan .line-grey {
  height: 2px;
  background: #4C516D;
  width: 5.2rem;
  margin: 0.8rem 0 0.8rem 1.2rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pecahan .answer-isian {
  margin-left: 1.2rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pecahan .answer-isian input {
  max-width: 5.2rem;
  height: 5rem;
  color: #3E1583;
  border: 2px solid #E5E7F2;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 4.8rem;
  text-align: center;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pembagian {
  width: 36rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pembagian .line-pembagian {
  position: relative;
  display: inline-block;
  padding: 0.2rem 0rem 0.2rem 1.5rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pembagian .line-pembagian .font-36 {
  min-width: 58px;
  align-items: center;
  text-align: center;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pembagian .line-pembagian::before {
  position: absolute;
  content: "";
  width: 8rem;
  height: 4.4rem;
  top: 0;
  left: 0;
  border-radius: 0;
  border-width: 2px 0px 0px 2px;
  border-style: solid none none solid;
  border-color: #4C516D;
  -webkit-transform: skew(-15.92deg);
  -moz-transform: skew(-15.92deg);
  -o-transform: skew(-15.92deg);
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pembagian .answer-isian {
  margin-left: 1.2rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.pembagian .answer-isian input {
  max-width: 7rem;
  height: 5rem;
  color: #3E1583;
  border: 2px solid #E5E7F2;
  box-sizing: border-box;
  border-radius: 4px;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 4.8rem;
  text-align: center;
}
.primary-school-exam .body-exam-matrikulasi .line-answer {
  height: 0.4rem;
  background: #EAF4FF;
  width: 100%;
  margin-top: 4rem;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-answer {
  display: grid;
  grid-template-columns: repeat(2, minmax(122px, 1fr));
  grid-gap: 24px 12px;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-answer .matrikulasi-answer {
  cursor: pointer;
}
.primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-answer .matrikulasi-answer .font-19 p {
  margin-bottom: 0 !important;
  font-size: 2rem;
  line-height: 3.6rem;
}
.primary-school-exam .body-exam-matrikulasi .btn-next-answer-matrikulasi {
  display: flex;
  background: #DCDEED;
  border-radius: 5px;
  padding: 1.4rem 2rem;
  margin-top: 4rem;
  align-items: center;
  cursor: pointer;
}
.primary-school-exam .body-exam-matrikulasi .btn-next-answer-matrikulasi.isian {
  background: #F9F6FC;
}

.container.stage-matrikulasi *,
.container.round-matrikulasi *,
.container.onboarding-matrikulasi * {
  font-family: "Quicksand", sans-serif !important;
}

.exam {
  padding: 0 1.5rem !important;
  /* Timer Stick */
  /* Exam Navbar */
  /* Link Logout */
  /* Command Text */
  /* Notification */
  /* Question */
  /* Answer Input */
  /* Next Button */
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.exam .timer-stick {
  background: #EBF1F6;
  display: block;
  height: 12px;
  width: 81.4%;
  margin: 0 auto;
  left: 0;
  right: 0;
  position: fixed;
  z-index: 10;
  box-shadow: inset 0px 0px 10px 0.2px rgba(0, 0, 0, 0.05);
}
.exam .timer-stick .timer-length {
  background: #BDF189;
  width: 100%;
  display: block;
  height: inherit;
}
.exam .exam-navbar {
  margin-top: 44px;
}
.exam .exam-navbar .question-amount {
  font-size: 15px;
  color: #7c92a7 !important;
}
.exam .exam-navbar .question-amount .active {
  color: #202020;
  font-weight: bold;
}
.exam .exam-navbar .link-logout a {
  color: #334E68;
  font-size: 15px;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.exam .exam-navbar .link-logout a i {
  margin-right: 5px;
}
.exam .command {
  margin-top: 8px;
  font-size: 15px;
  color: #202020;
}
.exam .notification {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: -5rem;
  font-weight: bold;
  text-align: center;
  font-size: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.exam .notification .notification-text {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 700;
}
.exam .notification .notification-text i:before {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 700;
  font-size: 15px;
}
@media screen and (max-width: 72rem) {
  .exam .notification .notification-text {
    font-size: 1.7rem;
    line-height: 2rem;
    font-weight: 700;
  }
}
.exam .notification-success,
.exam .notification-failed {
  display: none;
}
.exam .notification-success,
.exam .notification-success i::before {
  color: #4DC978;
}
.exam .notification-failed,
.exam .notification-failed i::before {
  color: #FF4343;
}
.exam .question {
  margin: 0px auto;
  margin-top: 81px;
}
.exam .question .question-text {
  text-align: center;
  font-size: 60px;
  line-height: initial;
  color: #202020;
}
.exam .answer {
  margin-top: 32px;
  display: block;
}
.exam .answer .answer-input {
  border: 0px;
  border-bottom: 4px solid #A6D1FF;
  font-size: 60px;
  color: #334E68;
  padding: 8px 0px;
  width: 100%;
  text-align: center;
  outline: none;
  line-height: 20px;
}
.exam .next-button {
  margin: 5.6rem auto;
  padding: 12px 16px;
  font-size: 17px;
  text-align: center;
}
.exam .next-button .btn-next {
  background: #F9F6FC;
  border-radius: 0px;
  color: #7233DA;
  padding: 20px 24px;
  font-size: 25px;
  font-weight: bold;
}
.exam .next-button .btn-next i::before {
  color: #7233DA;
  font-size: 25px;
}
@media screen and (max-width: 1200px) {
  .exam .question .question-text {
    font-size: 48px;
  }
  .exam .answer .answer-input {
    font-size: 48px;
  }
  .exam .next-button .btn-next {
    padding: 16px 20px;
  }
  .exam .next-button .btn-next {
    font-size: 19px;
  }
  .exam .timer-stick {
    width: 100%;
  }
  .exam .next-button .btn-next i::before {
    color: #7233DA;
    font-size: 19px;
  }
}
@media screen and (max-width: 768px) {
  .exam {
    /* Question */
    /* Answer Input */
  }
  .exam .exam-navbar {
    margin-top: 20px;
  }
  .exam .question .question-text {
    font-size: 36px;
  }
  .exam .answer .answer-input {
    font-size: 36px !important;
  }
  .exam .timer-stick {
    width: 100%;
  }
  .exam .next-button {
    margin: 4rem auto;
  }
  .exam .next-button .btn-next {
    padding: 12px 16px;
  }
  .exam .next-button .btn-next {
    font-size: 17px;
  }
  .exam .next-button .btn-next i::before {
    color: #7233DA;
    font-size: 17px;
  }
}
.exam .question-item {
  display: none;
}
.exam .question-item:first-child {
  display: block;
}
.exam .btn-next-disabled {
  background: #EBF1F6 !important;
  color: #7233DA !important;
  pointer-events: none;
}
.exam input::-webkit-outer-spin-button,
.exam input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.exam input[type=number] {
  -moz-appearance: textfield;
}
.exam input::-webkit-outer-spin-button,
.exam input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.exam input[type=number] {
  -moz-appearance: textfield;
}
.exam input::-webkit-outer-spin-button,
.exam input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.exam input[type=number] {
  -moz-appearance: textfield;
}
.exam input::-webkit-outer-spin-button,
.exam input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.exam input[type=number] {
  -moz-appearance: textfield;
}
.exam .menulis-efektif .question {
  margin-top: 6.4rem !important;
}
.exam .menulis-efektif .question .question-text {
  font-size: 2rem !important;
  font-weight: 500 !important;
  line-height: 180% !important;
  text-align: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.exam .menulis-efektif .answer {
  margin-top: 2.4rem !important;
}
.exam .menulis-efektif .answer .answer-input {
  height: 14.8rem !important;
  width: 100% !important;
  font-size: 2rem !important;
  padding: 1.2rem 1.6rem !important;
  box-shadow: inset 0px 1.5px 2px rgba(0, 0, 0, 0.1), inset 0px 2px 0px rgba(255, 255, 255, 0.15) !important;
  border-radius: 0.4rem !important;
  resize: none !important;
  background: #F4F8FF;
  border: 0 !important;
  line-height: 180% !important;
  text-align: left;
  outline: none !important;
  color: #131315 !important;
}
.exam .menulis-efektif .answer .answer-input.benar {
  background: #F8FCF7;
}
.exam .menulis-efektif .answer .answer-input.salah {
  background: #FFF8F8;
}
.exam .menulis-efektif .exam-button {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin: 5.6rem auto;
}
.exam .menulis-efektif .exam-button .answer-status {
  font-weight: bold;
  line-height: 112%;
  font-size: 2.5rem;
  display: flex;
  align-items: center;
}
.exam .menulis-efektif .exam-button .answer-status i {
  margin-right: 0.8rem;
}
.exam .menulis-efektif .exam-button .answer-status i::before {
  font-size: 2.5rem;
}
.exam .menulis-efektif .exam-button .answer-status.benar {
  color: #19CE58;
}
.exam .menulis-efektif .exam-button .answer-status.benar i::before {
  color: #19CE58;
}
.exam .menulis-efektif .exam-button .answer-status.salah {
  color: #FF6666;
}
.exam .menulis-efektif .exam-button .answer-status.salah i::before {
  color: #FF6666;
}
.exam .menulis-efektif .exam-button .btn {
  display: none;
  background: #F13392;
  padding: 2rem 2.4rem !important;
  font-size: 2.5rem !important;
  border: none !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center !important;
  line-height: 112%;
}
.exam .menulis-efektif .exam-button .btn i {
  margin-left: 1.6rem !important;
}
.exam .menulis-efektif .exam-button .btn i::before {
  font-size: 2.5rem !important;
  color: #FFFFFF !important;
}
.exam .menulis-efektif .exam-button .btn:disabled {
  background: #E5E7F2 !important;
}
.exam .menulis-efektif .exam-button .btn:hover {
  background: #FF58AC;
}
.exam .menulis-efektif .pembahasan {
  display: none;
  margin-bottom: 5.6rem;
}
.exam .menulis-efektif .pembahasan h5, .exam .menulis-efektif .pembahasan .h5 {
  display: block;
  font-weight: bold;
  font-size: 2rem;
  line-height: 180%;
  color: #4C516D;
}
.exam .menulis-efektif .pembahasan .explanation-text {
  font-size: 2rem;
  font-weight: normal;
  line-height: 180%;
  color: #131315;
}
.exam .menulis-efektif .pembahasan .explanation-text ul {
  padding: 0px;
  list-style: none;
}
.exam .menulis-efektif .pembahasan .explanation-text ul li:before {
  content: "- ";
}
.exam .menulis-efektif .pembahasan .alternative-answers {
  margin-top: 2.4rem;
  position: relative;
  font-size: 2rem;
  line-height: 180%;
}
.exam .menulis-efektif .pembahasan .alternative-answers ul {
  padding: 0px;
  list-style: none;
}
.exam .menulis-efektif .pembahasan .alternative-answers ul li {
  padding-left: 2rem;
  margin: 1.2rem;
}
.exam .menulis-efektif .pembahasan .alternative-answers ul li i {
  position: absolute;
  left: 0;
  line-height: 180%;
}
.exam .menulis-efektif .pembahasan .alternative-answers ul li i::before {
  font-size: 2.5rem;
  color: #19CE58;
}
@media screen and (max-width: 768px) {
  .exam .menulis-efektif .question {
    margin-top: 4.4rem !important;
  }
  .exam .menulis-efektif .question .question-text {
    font-size: 1.5rem !important;
    line-height: 200% !important;
  }
  .exam .menulis-efektif .answer .answer-input {
    font-size: 1.5rem !important;
    line-height: 200% !important;
  }
  .exam .menulis-efektif .exam-button {
    margin-top: 4rem;
    margin-bottom: 2.4rem;
  }
  .exam .menulis-efektif .exam-button .answer-status {
    font-size: 1.7rem;
    line-height: 118%;
  }
  .exam .menulis-efektif .exam-button .answer-status i::before {
    line-height: 118%;
    font-size: 1.7rem;
  }
  .exam .menulis-efektif .exam-button .btn {
    font-size: 1.9rem !important;
    padding: 1.6rem 2rem !important;
  }
  .exam .menulis-efektif .exam-button .btn i::before {
    font-size: 1.9rem !important;
  }
  .exam .menulis-efektif .pembahasan {
    margin-bottom: 4rem;
  }
  .exam .menulis-efektif .pembahasan h5, .exam .menulis-efektif .pembahasan .h5 {
    font-size: 1.7rem;
    line-height: 141%;
  }
  .exam .menulis-efektif .pembahasan pre {
    font-size: 1.7rem;
    line-height: 141%;
  }
  .exam .menulis-efektif .pembahasan .alternative-answers {
    font-size: 1.7rem;
    line-height: 141%;
  }
  .exam .menulis-efektif .pembahasan .alternative-answers ul li {
    line-height: 141%;
    padding-left: 1.5rem;
  }
  .exam .menulis-efektif .pembahasan .alternative-answers ul li i {
    line-height: 141%;
  }
  .exam .menulis-efektif .pembahasan .alternative-answers ul li i::before {
    font-size: 1.7rem !important;
  }
}

.toeic-notification {
  position: relative !important;
  margin-top: 6.4rem !important;
}

.toeic-description {
  background: #F4F8FF;
  padding: 2.4rem 3.2rem;
  margin-top: 6.4rem;
}
.toeic-description .toeic-description-text {
  font-size: 2.2rem !important;
  text-align: center;
  font-weight: normal !important;
}
@media screen and (max-width: 768px) {
  .toeic-description {
    margin-top: 6rem;
  }
  .toeic-description .toeic-description-text {
    font-size: 1.7rem !important;
  }
}

.toeic-question {
  margin-top: 3.2rem !important;
}
.toeic-question .question-text {
  font-size: 2.4rem !important;
  text-align: left !important;
  font-weight: 500 !important;
}
@media screen and (max-width: 768px) {
  .toeic-question .question-text {
    font-size: 1.7rem !important;
  }
}

.question-group {
  display: none;
}
.question-group * {
  color: #131315;
}
.question-group .image {
  position: relative;
}
.question-group .image.image_resized,
.question-group .image {
  max-width: 100%;
  display: inline-block;
  box-sizing: border-box;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}
.question-group .image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 50px;
}
.question-group .image-style-align-right {
  float: right !important;
}
.question-group .image-style-align-left {
  float: left !important;
}
.question-group .image-style-align-center {
  margin: auto !important;
}

.question-group:nth-child(1) {
  display: block;
}

._soal_cerita_direction {
  color: #202020;
  margin-top: 0.8rem;
}

._melengkapi_tabel_direction {
  margin-top: 3.2rem;
  color: #131315;
  margin-bottom: 2.4rem;
}

._melengkapi_tabel_question {
  margin-bottom: 6rem;
}

._benar_salah {
  box-shadow: 0px -2px 0px #EBF1F6, inset 0px -2px 0px #EBF1F6;
  padding: 1.6rem 0rem;
}

._benar_salah ._benar_salah_options input[type=radio] {
  transform: scale(1.2);
  cursor: pointer;
  margin-right: 0.8rem;
}

._benar_salah ._benar_salah_options input[type=radio] ~ label {
  color: #7C92A7;
  cursor: pointer;
}

._benar_salah ._benar_salah_options input[type=radio]:checked ~ label {
  color: #131315 !important;
}

._benar_salah p,
._benar_salah label {
  font-weight: normal !important;
  margin: 0px !important;
}

._benar_salah_question {
  width: 72.8rem;
  padding-right: 1.6rem;
}

._benar_salah_direction {
  margin-top: 3.2rem;
}

._benar_salah_question p {
  color: #131315 !important;
}

._benar_salah_options {
  display: flex;
  justify-content: space-between;
}

._benar_salah_options div {
  width: 10rem;
}

._ya_tidak_options input ~ label i::before {
  color: #7C92A7;
  position: absolute;
  margin-left: -2rem;
  margin-top: 0px;
  font-size: 1.6rem;
}

._ya_tidak_options input:checked ~ label i::before {
  color: #3167F6;
  font-size: 1.6rem;
  margin-top: 0px;
}

._ya_tidak_direction {
  margin-top: 3.2rem;
  color: #131315;
  margin-bottom: 2.4rem;
}

._benar_salah_answer,
._ya_tidak_answer {
  margin-bottom: 6rem;
}

.ur-question {
  margin-top: 3.2rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.es-question {
  margin-top: 3.2rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.es-answer {
  margin-bottom: 6rem;
}

.ur-answer {
  margin-bottom: 6rem;
}
.ur-answer div {
  margin-bottom: 1.6rem;
}
.ur-answer input {
  text-align: right;
  width: 6.4rem !important;
}
.ur-answer p {
  margin-left: 1.6rem !important;
  margin-bottom: 0 !important;
}

._memasangkan_direction {
  color: #131315;
}

._memasangkan_question {
  margin-top: 3.2rem;
  margin-bottom: 5rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._memasangkan_question * {
  color: #131315;
}

._memasangkan_pertanyaan {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
._memasangkan_pertanyaan div:nth-child(1) {
  min-width: 6.4rem !important;
  max-width: 6.4rem !important;
  text-align: right;
  padding: 1rem 1.6rem;
  box-sizing: border-box;
}
._memasangkan_pertanyaan div:nth-child(2) {
  padding: 1rem 1.6rem;
  box-sizing: border-box;
}
._memasangkan_pertanyaan p {
  display: block;
  margin-bottom: 0px !important;
}

._memasangkan_jawaban {
  margin-bottom: 1.6rem;
}
._memasangkan_jawaban div {
  box-sizing: border-box;
  padding: 1rem 1.6rem;
}

._memasangkan_answer {
  margin-bottom: 6rem;
}
._memasangkan_answer div p {
  margin-bottom: 0 !important;
}
._memasangkan_answer input {
  text-align: right;
  width: 6.4rem !important;
}
._memasangkan_answer * {
  color: #131315;
}

.check-btn-group {
  width: 100%;
  margin-bottom: 8rem;
}
.check-btn-group .check-btn {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  width: 16rem;
  height: 4.4rem;
  padding: 1.2rem 1.6rem;
  color: #FFFFFF;
  background-color: #E5E7F2;
  text-transform: uppercase;
  border-radius: 0;
}
.check-btn-group .check-btn i:before {
  color: #FFFFFF;
}
.check-btn-group .check-btn.active {
  background-color: #F13392;
}

.question-group {
  display: none;
}

.question-group:nth-child(1) {
  display: block;
}

._soal_cerita_direction {
  margin-top: 0.8rem;
  color: #202020;
}

._esai_direction {
  color: #131315;
  margin-bottom: 2.4rem;
}

._ya_tidak {
  box-shadow: 0px -2px 0px #EBF1F6, inset 0px -2px 0px #EBF1F6;
  padding: 1.6rem 0rem;
}

._ya_tidak ._ya_tidak_options input[type=radio] {
  transform: scale(1.2);
  cursor: pointer;
  margin-right: 0.8rem;
}

._ya_tidak ._ya_tidak_options input[type=radio] ~ label {
  color: #7C92A7;
  cursor: pointer;
}

._ya_tidak ._ya_tidak_options input[type=radio]:checked ~ label {
  color: #131315 !important;
}

._ya_tidak p,
._ya_tidak label {
  font-weight: normal !important;
  margin: 0px !important;
}

._ya_tidak_question {
  width: 72.8rem;
  padding-right: 1.6rem;
}

._ya_tidak_question * {
  color: #131315 !important;
}

._ya_tidak_options {
  display: flex;
  justify-content: space-between;
}

._ya_tidak_options div {
  width: 10rem;
}

._pilihan_ganda_direction {
  color: #131315;
  margin: 0.8rem 0rem;
}

._pilihan_ganda_question {
  margin-top: 3.2rem;
}
._pilihan_ganda_question *,
._pilihan_ganda_question p {
  color: #131315;
}

._pilihan_ganda_answer {
  margin-bottom: 6rem;
}
._pilihan_ganda_answer ._pilihan_ganda_radio_answer {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: block;
  position: relative;
  padding-left: 3.5rem;
  margin-bottom: 1.6rem;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
._pilihan_ganda_answer ._pilihan_ganda_radio_answer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
._pilihan_ganda_answer ._pilihan_ganda_radio_answer span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2.2rem;
}
._pilihan_ganda_answer ._pilihan_ganda_radio_answer span:before {
  color: #3167F6;
}

._mengurutkan_question * {
  color: #131315;
}

._mengurutkan_question {
  margin-top: 3.2rem;
}

._mengurutkan_input {
  outline: none !important;
  border: 2px solid #E5E7F2;
  padding: 1rem 1.6rem;
  font-size: 15px;
  text-align: right !important;
}

._mengurutkan_question_text {
  margin-bottom: 0px !important;
}

._melengkapi_tabel_direction {
  margin-top: 3.2rem;
  color: #131315;
  margin-bottom: 2.4rem;
}

._merinci_direction {
  margin-top: 3.2rem;
  color: #131315;
  margin-bottom: 2.4rem;
}

._melengkapi_tabel_tabel {
  width: 100%;
}

._melengkapi_tabel_tabel thead {
  background: #F4F6F9;
}

._melengkapi_tabel_tabel thead th {
  padding: 1rem 1.6rem;
  padding-left: 3.2rem;
}

._melengkapi_tabel_tabel thead th:nth-child(1) {
  padding-left: 1.6rem;
}

._melengkapi_tabel_tabel tr td,
._melengkapi_tabel_session tr td {
  min-width: 16rem;
  max-width: 32rem;
  padding: 0.8rem 0rem 0.8rem 1.6rem;
}
._melengkapi_tabel_tabel tr td p,
._melengkapi_tabel_session tr td p {
  margin-bottom: 0px;
}

._melengkapi_tabel_tabel tr:nth-child(1) td {
  padding-top: 1.6rem;
}

._melengkapi_tabel_tabel tr:nth-last-child(1) td {
  padding-bottom: 1.6rem;
}

._esai_direction {
  color: #131315;
  margin-bottom: 2.4rem;
}

._question_button {
  margin: 5.6rem 0rem;
  padding: 1.2rem 1.6rem;
  display: flex;
  cursor: pointer;
  -moz-column-gap: 1.1rem;
       column-gap: 1.1rem;
  align-items: center;
  border: none;
  background: #F13392;
  color: white;
  font-size: 1.5rem;
}

._question_button:disabled {
  background: #E5E7F2;
  pointer-events: none;
}

._question_button i::before {
  color: white;
  font-size: 1.5rem;
}

._mengurutkan_answer {
  margin-bottom: 6rem;
}
._mengurutkan_answer div {
  margin-bottom: 1.6rem;
}
._mengurutkan_answer input {
  text-align: center;
  width: 6.4rem !important;
}
._mengurutkan_answer p {
  margin-left: 1.6rem !important;
  margin-bottom: 0 !important;
  color: #131315;
}

._merinci_input {
  padding: 1rem 1.2rem;
  margin: 1.6rem 0rem;
  width: 43.2rem;
  display: block;
  border: 2px solid #EBF1F6;
  outline: none;
}

._merinci_input_group {
  margin-bottom: 6rem;
}

._merinci_input:focus,
._merinci_input:active {
  border: 2px solid #A6D1FF;
}

._esai_question * {
  color: #131315;
  margin-top: 3rem;
}

.esai_answer {
  margin-bottom: 6rem;
}

._esai_input {
  padding: 1rem 1.2rem;
  margin: 1.6rem 0rem;
  width: 43.2rem;
  display: block;
  border: 2px solid #EBF1F6;
  outline: none;
}

._esai_input:focus,
._esai_input:active {
  border: 2px solid #A6D1FF;
}

._isian_bahasa_direction {
  margin-top: 3rem;
}

._isian_bahasa_group {
  margin-bottom: 6rem;
}

._isian_bahasa_textarea {
  padding: 1rem 1.2rem;
  margin: 1.6rem 0rem;
  width: 100%;
  display: block;
  border: 2px solid #EBF1F6;
  outline: none;
  resize: none;
  overflow: hidden;
  min-height: 6.8rem;
}

._isian_bahasa_textarea:focus,
._isian_bahasa_textarea:active {
  border: 2px solid #A6D1FF;
}

._isian_bahasa_textarea[placeholder]:empty::before {
  content: attr(placeholder);
  color: #7C92A7;
}

._isian_bahasa_textarea[placeholder]:empty:focus::before {
  content: "";
}

@media screen and (max-width: 768px) {
  ._benar_salah_options {
    width: 100%;
    justify-content: flex-start;
    padding-top: 1.6rem;
  }
  ._ya_tidak_options {
    width: 100%;
    justify-content: flex-start;
    padding-top: 1.6rem;
  }
  ._mengurutkan_input {
    width: 100%;
  }
  ._merinci_input {
    width: 100%;
  }
  ._esai_input {
    width: 100%;
  }
  ._isian_bahasa_textarea {
    width: 100%;
  }
}
._benar_salah_session {
  display: none;
}
._benar_salah_session p {
  margin: 0rem !important;
}
._benar_salah_session ._benar_salah_right_answers_item {
  box-shadow: inset 0px -2px 0px #EBF1F6;
  padding: 1rem 0rem;
}
._benar_salah_session ._benar_salah_right_answers_item ._benar_salah_options_right_answer {
  margin-left: 1.6rem;
  min-width: 8rem;
}
._benar_salah_session ._benar_salah_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}

._ya_tidak_session {
  display: none;
}
._ya_tidak_session p {
  margin: 0rem !important;
}
._ya_tidak_session ._ya_tidak_right_answers_item {
  box-shadow: inset 0px -2px 0px #EBF1F6;
  padding: 1rem 0rem;
}
._ya_tidak_session ._ya_tidak_right_answers_item ._ya_tidak_options_right_answer {
  margin-left: 1.6rem;
  min-width: 8rem;
}
._ya_tidak_session ._ya_tidak_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}

._isian_matematika_direction {
  margin-top: 3rem;
}

._isian_matematika_question {
  margin-bottom: 6rem;
}

._isian_matematika_question,
._isian_matematika_direction {
  vertical-align: middle;
}
._isian_matematika_question *,
._isian_matematika_direction * {
  color: #131315 !important;
}
._isian_matematika_question .image.image_resized,
._isian_matematika_direction .image.image_resized {
  display: inline-block !important;
}

._isian_matematika_input,
._isian_matematika_input_session {
  width: 3.7em;
  padding: 1rem 1.2rem;
  margin: 3px auto;
  border: 2px solid #EBF1F6;
  outline: none;
  text-align: center;
}
._isian_matematika_input:disabled,
._isian_matematika_input_session:disabled {
  background: white;
  pointer-events: none;
}

._melengkapi_tabel_input {
  padding: 1rem 1.2rem;
  margin: 3px auto;
  width: 100%;
  border: 2px solid #EBF1F6;
  outline: none;
}
._melengkapi_tabel_input:disabled {
  pointer-events: none;
}

._isian_matematika_input:focus,
._isian_matematika_input:active,
._isian_matematika_input_session:focus,
._isian_matematika_input_session:active {
  border: 2px solid #A6D1FF;
}

._isian_matematika_question_text {
  margin: auto 1.6rem;
  padding: 1rem 0px;
  color: #131315;
  display: inline;
}
._isian_matematika_question_text * {
  display: inline !important;
}
._isian_matematika_question_text p {
  display: inline;
  padding: 0px;
  margin: 0px;
}

._isian_matematika_session {
  display: none;
  padding-bottom: 3rem;
}
._isian_matematika_session p {
  margin: 0rem !important;
}
._isian_matematika_session ._isian_matematika_right_answers_item {
  box-shadow: inset 0px -2px 0px #EBF1F6;
  padding: 1rem 0rem;
}
._isian_matematika_session ._isian_matematika_right_answers_item ._isian_matematika_options_right_answer {
  margin-left: 1.6rem;
  min-width: 8rem;
}
._isian_matematika_session ._isian_matematika_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}

._pilihan_ganda_session {
  display: none;
  padding-bottom: 3rem;
}
._pilihan_ganda_session p {
  margin: 0rem !important;
}
._pilihan_ganda_session ._pilihan_ganda_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}

._mengurutkan_session {
  display: none;
  padding-bottom: 3rem;
}
._mengurutkan_session p {
  margin: 0rem !important;
}
._mengurutkan_session ._mengurutkan_answers ._mengurutkan_answer_item {
  box-shadow: inset 0px -2px 0px #EBF1F6;
}
._mengurutkan_session ._mengurutkan_answers ._mengurutkan_answer_item div {
  padding: 1rem 0rem;
}
._mengurutkan_session ._mengurutkan_answers ._mengurutkan_answer_item div * {
  color: #131315;
}
._mengurutkan_session ._mengurutkan_answers ._mengurutkan_answer_item div:nth-child(1) {
  min-width: 5.6rem !important;
  max-width: 5.6rem !important;
  text-align: center;
}
._mengurutkan_session ._mengurutkan_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}
._mengurutkan_session ._mengurutkan_explanation * {
  color: #131315;
}

._question_button {
  margin: 5.6rem 0rem;
  padding: 1.2rem 1.6rem;
  display: flex;
  cursor: pointer;
  -moz-column-gap: 1.1rem;
       column-gap: 1.1rem;
  align-items: center;
  border: none;
  background: #F13392;
  color: white;
  font-size: 1.5rem;
}

._question_button:disabled {
  background: #E5E7F2;
  pointer-events: none;
}

._question_button i::before {
  color: #FFFFFF;
  font-size: 1.5rem;
}

._memasangkan_jawaban_key {
  border: 2px solid #E5E7F2;
  outline: none;
  padding: 1rem 1.2rem;
}

._memasangkan_session {
  display: none;
  padding-bottom: 3rem;
}
._memasangkan_session p {
  margin: 0rem !important;
}
._memasangkan_session ._memasangkan_jawaban_benar table tr td {
  padding: 1rem 0rem;
  box-shadow: inset 0px -2px 0px #EBF1F6;
}
._memasangkan_session ._memasangkan_jawaban_benar table tr td * {
  color: #131315;
}
._memasangkan_session ._memasangkan_jawaban_benar table tr td:nth-child(2) {
  width: 5.2rem;
}
._memasangkan_session ._memasangkan_jawaban_benar table tr td:nth-child(2) i::before {
  font-size: 2rem;
}
._memasangkan_session ._memasangkan_jawaban_benar table tr td:first-child, ._memasangkan_session ._memasangkan_jawaban_benar table tr td:last-child {
  width: 45.4rem;
}
._memasangkan_session ._memasangkan_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}
._memasangkan_session ._memasangkan_explanation * {
  color: #131315;
}

._melengkapi_tabel_input:focus,
._melengkapi_tabel_input:active {
  border: 2px solid #A6D1FF;
}

._melengkapi_tabel_session {
  display: none;
  padding-bottom: 3rem;
}
._melengkapi_tabel_session p {
  margin: 0rem !important;
}
._melengkapi_tabel_session ._melengkapi_tabel_table_session {
  width: auto;
}
._melengkapi_tabel_session ._melengkapi_tabel_table_session thead {
  background: #F8F8FC;
}
._melengkapi_tabel_session ._melengkapi_tabel_table_session thead th {
  padding: 1rem 0.8rem;
  max-width: 16.2rem;
  min-width: 16.2rem;
  border: solid 2px #EBF1F6;
}
._melengkapi_tabel_session ._melengkapi_tabel_table_session tbody td {
  padding: 1rem 0.8rem;
  border: solid 2px #EBF1F6;
}
._melengkapi_tabel_session ._melengkapi_tabel_table_session tbody ._melengkapi_tabel_td_question {
  background: #FFFFFF;
}
._melengkapi_tabel_session ._melengkapi_tabel_table_session tbody ._melengkapi_tabel_td_answer {
  background: #F6F6FC;
}
._melengkapi_tabel_session ._melengkapi_tabel_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}

._merinci_session {
  display: none;
  padding-bottom: 3rem;
}
._merinci_session p {
  margin: 0rem !important;
}
._merinci_session ._merinci_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}

._esai_session {
  display: none;
  padding-bottom: 3rem;
}
._esai_session p {
  margin: 0rem !important;
}
._esai_session ._esai_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}

._isian_bahasa_session {
  display: none;
  padding-bottom: 3rem;
}
._isian_bahasa_session p {
  margin-bottom: 0px;
}
._isian_bahasa_session ._isian_bahasa_right_answers table tr td {
  vertical-align: top;
  padding: 0.8rem;
}
._isian_bahasa_session ._isian_bahasa_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}
._isian_bahasa_session ._isian_bahasa_explanation p {
  color: #131315;
}

.md-question {
  margin-top: 3.2rem;
}

.md-answer {
  margin-bottom: 6rem;
}
.md-answer .md-checkbox-answer {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: block;
  position: relative;
  padding-left: 3.5rem;
  margin-bottom: 2.4rem;
  font-weight: normal;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.md-answer .md-checkbox-answer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.md-answer .md-checkbox-answer i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 2.2rem;
}
.md-answer .md-checkbox-answer i:before {
  color: #3167F6;
}

.check-btn-group {
  width: 100%;
  margin-bottom: 8rem;
}
.check-btn-group .check-btn {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  width: 16rem;
  height: 4.4rem;
  padding: 1.2rem 1.6rem;
  color: #FFFFFF;
  background-color: #E5E7F2;
  text-transform: uppercase;
  border-radius: 0;
}
.check-btn-group .check-btn i:before {
  color: #FFFFFF;
}
.check-btn-group .check-btn.active {
  background-color: #F13392;
}

._menceklis_direction {
  margin-top: 3.2rem;
  color: #131315;
  margin-bottom: 2.4rem;
}

._menceklis_question {
  margin-top: 3.2rem;
  margin-bottom: 2.4rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
._menceklis_question * {
  color: #131315 !important;
}

._menceklis_session {
  display: none;
  padding-bottom: 3rem;
}
._menceklis_session p {
  margin: 0rem !important;
}
._menceklis_session ._menceklis_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}

._rumpang_direction {
  margin-top: 0.8rem;
}

._rumpang_question {
  margin-top: 3.2rem;
}
._rumpang_question p {
  display: inline;
}

.rmpg-question-answer {
  margin-bottom: 6rem;
  width: 100%;
}
.rmpg-question-answer .question-group {
  margin-right: 1.6rem;
  line-height: 4.4rem;
  display: inline;
}
.rmpg-question-answer .question-group i {
  font-family: "Inter", sans-serif !important;
  font-size: 1.5rem !important;
  font-style: italic !important;
}
.rmpg-question-answer .dropdown {
  margin-right: 1.6rem;
  margin-left: 1.6rem;
  margin-bottom: 1.6rem;
  min-width: 19.2rem;
  display: inline-block;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.rmpg-question-answer .dropdown .btn-select {
  display: inline-block;
  min-height: 4.4rem;
  width: 100%;
  border: 0.2rem solid #E5E7F2;
  border-radius: 0;
  color: #878AA6;
  background-color: transparent;
  text-align: left;
  padding: 0 1.6rem;
}
.rmpg-question-answer .dropdown .btn-select span {
  color: #131315;
  white-space: pre-wrap;
}
.rmpg-question-answer .dropdown .btn-select i {
  font-size: 2.2rem;
}
.rmpg-question-answer .dropdown .btn-select i:before {
  color: #3167F6;
}
.rmpg-question-answer .dropdown .btn-select::after {
  display: none;
}
.rmpg-question-answer .dropdown .btn-select:focus {
  outline: 0;
}
.rmpg-question-answer .dropdown .dropdown-menu {
  border: 0;
  border-radius: 0;
  background-color: #FFFFFF;
  padding: 0;
  width: 100%;
  transform: translate3d(0rem, 5rem, 0rem) !important;
}
.rmpg-question-answer .dropdown .dropdown-menu .dropdown-item {
  min-height: 5.6rem;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #4C516D;
  padding: 1.8rem 2rem;
  white-space: pre-wrap;
}
.rmpg-question-answer .dropdown .dropdown-menu .dropdown-item:hover {
  color: #7233DA;
  background-color: #F4F8FF;
}

._rumpang_session {
  display: none;
}
._rumpang_session p {
  margin: 0rem !important;
}
._rumpang_session ._rumpang_explanation {
  margin-top: 2.4rem;
  margin-bottom: 4rem;
}

.d-grid {
  display: grid !important;
}

.column-gap-10r {
  -moz-column-gap: 10rem;
       column-gap: 10rem;
}

.column-2 {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.grid-flow-column {
  grid-auto-flow: column;
}

.grid-auto-column-max {
  grid-auto-columns: max-content;
}

.grid-row-10-auto {
  grid-template-rows: repeat(10, auto);
}

@media screen and (min-width: 769px) {
  .primary-school-exam .header-matrikulasi-exam {
    padding: 6rem 4rem 0 4rem !important;
  }
  .primary-school-exam .header-matrikulasi-description {
    padding: 0.8rem 4rem 0 4rem !important;
  }
  .primary-school-exam .body-exam-matrikulasi {
    padding: 0 4rem 0 4rem !important;
  }
  .primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question p {
    font-size: 2.8rem !important;
  }
  .primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.isian {
    flex-wrap: nowrap !important;
  }
  .primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-question.isian .answer-isian input {
    font-size: 3.6rem !important;
  }
  .primary-school-exam .body-exam-matrikulasi .line-answer {
    margin-top: 8.4rem !important;
  }
  .primary-school-exam .body-exam-matrikulasi .exam-matrikulasi-answer .matrikulasi-answer .font-19 p {
    font-size: 2.5rem !important;
  }
  .primary-school-exam .d-md-grid {
    display: grid !important;
  }
}
.container-mini-assessment {
  min-height: 93dvh;
  width: 100%;
  margin-top: 40px;
}
.container-mini-assessment .pdf iframe, .container-mini-assessment .pdf object, .container-mini-assessment .pdf .pdf-mini-assessment {
  overflow-y: auto;
  height: 94dvh;
  width: 100%;
  border-right: 1px solid #E5E7F2;
}
.container-mini-assessment .answers {
  margin-top: 40px;
}
.container-mini-assessment .answers .pts-number {
  font-size: 1.7rem;
  font-weight: 600;
  color: #131315;
  width: 2.3rem;
  height: auto;
  align-items: center;
  justify-content: start;
  display: flex;
}
.container-mini-assessment .answers .flex-answers {
  min-width: 45%;
}
.container-mini-assessment .answers .flex-answers .status-answer {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 992px) {
  .container-mini-assessment {
    min-height: 100vh;
    width: auto;
  }
  .container-mini-assessment .pdf iframe, .container-mini-assessment .pdf object, .container-mini-assessment .pdf .pdf-mini-assessment {
    overflow-y: auto;
    height: 49.5rem;
    width: 100%;
    border-right: none;
  }
  .container-mini-assessment .answers {
    margin-top: 40px;
  }
}
@media screen and (max-width: 768px) {
  .container-mini-assessment .pdf iframe, .container-mini-assessment .pdf object, .container-mini-assessment .pdf .pdf-mini-assessment {
    overflow-y: auto;
    height: 100dvh;
    width: 100%;
    border-right: none;
  }
}

.screenshot-block {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #131315;
  z-index: 9999;
  pointer-events: none; /* Hindari gangguan interaksi */
}

#create-soal-cerita-question-modal .modal-dialog, #question-type .modal-dialog {
  max-width: 56.8rem;
}
#create-soal-cerita-question-modal .modal-content, #question-type .modal-content {
  margin: auto auto;
  max-width: 56.8rem;
}
#create-soal-cerita-question-modal h6:nth-child(1), #create-soal-cerita-question-modal .h6:nth-child(1), #question-type h6:nth-child(1), #question-type .h6:nth-child(1) {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: #4C516D;
  margin-bottom: 3.2rem;
}
#create-soal-cerita-question-modal .card, #question-type .card {
  text-decoration: none;
  display: block;
  margin: 1.6rem 2rem;
  border: none;
  background: #F7FAFF;
}
@media screen and (min-width: 768px) {
  #create-soal-cerita-question-modal .card:nth-child(1), #question-type .card:nth-child(1) {
    margin-left: 1.4rem;
  }
  #create-soal-cerita-question-modal .card:nth-last-child(1), #question-type .card:nth-last-child(1) {
    margin-right: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  #create-soal-cerita-question-modal .card, #question-type .card {
    margin-left: 0rem;
    margin-right: 0rem;
  }
}
#create-soal-cerita-question-modal .card:hover, #question-type .card:hover {
  background: #F9F6FC;
}
#create-soal-cerita-question-modal .card .card-body, #question-type .card .card-body {
  text-align: center;
}
#create-soal-cerita-question-modal .card .card-body i::before, #question-type .card .card-body i::before {
  font-size: 2rem;
  color: #131315;
}
#create-soal-cerita-question-modal .card .card-body h6, #create-soal-cerita-question-modal .card .card-body .h6, #question-type .card .card-body h6, #question-type .card .card-body .h6 {
  -webkit-hyphens: manual !important;
  hyphens: auto !important;
  color: #4C516D;
  margin-top: 0.5rem;
}

.table-questions .card {
  margin-bottom: 1.6rem;
  border-radius: 0px;
  border: 2px solid #E5E7F2;
}
.table-questions .card:hover .card-header div:nth-child(2) {
  display: flex;
}
.table-questions .card .card-body {
  color: #131315;
}
.table-questions .card-header {
  background: #FFFFFF;
  padding: 1.4rem 1.6rem;
  border-bottom: 2px solid #E5E7F2;
  display: flex;
  justify-content: space-between;
}
.table-questions .card-header div:nth-child(1) {
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  display: flex;
  align-items: center;
  height: 2.3rem;
}
.table-questions .card-header div:nth-child(1) h5, .table-questions .card-header div:nth-child(1) .h5 {
  display: inline;
}
.table-questions .card-header div:nth-child(1) h5:nth-child(1), .table-questions .card-header div:nth-child(1) .h5:nth-child(1) {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.table-questions .card-header div:nth-child(1) h5:nth-last-child(1), .table-questions .card-header div:nth-child(1) .h5:nth-last-child(1) {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
}
.table-questions .card-header div:nth-child(1) i:not(.kejar-dot) {
  font-size: 2rem;
}
.table-questions .card-header div:nth-child(1) i:not(.kejar-dot)::before {
  color: #131315;
}
.table-questions .card-header div:nth-child(2) {
  display: none;
}
.table-questions .card-header div:nth-child(2) button {
  line-height: normal;
  background: none !important;
  border: none;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
  color: #3167F6;
  font-size: 1.3rem;
}
.table-questions .card-header div:nth-child(2) button i::before {
  color: #3167F6;
  font-size: 1.5rem;
}
.table-questions .answer-text {
  margin-top: 2.4rem;
}
.table-questions .explanation-group {
  margin-top: 2.4rem;
}
.table-questions .explanation-group .explanation-text {
  margin-top: 0.8rem;
}
.table-questions .type-pilihan-ganda .question-answer-table, .table-questions .type-menceklis-daftar .question-answer-table {
  margin-top: 2.4rem;
}
.table-questions .type-pilihan-ganda .question-answer-table tr, .table-questions .type-menceklis-daftar .question-answer-table tr {
  cursor: auto !important;
  width: 100%;
}
.table-questions .type-pilihan-ganda .question-answer-table tr td, .table-questions .type-menceklis-daftar .question-answer-table tr td {
  vertical-align: top;
}
.table-questions .type-pilihan-ganda .question-answer-table tr td:nth-child(1) i, .table-questions .type-menceklis-daftar .question-answer-table tr td:nth-child(1) i {
  font-size: 1.8rem;
  top: 0.35rem;
}
.table-questions .type-pilihan-ganda .question-answer-table tr td:nth-child(2), .table-questions .type-menceklis-daftar .question-answer-table tr td:nth-child(2) {
  box-sizing: border-box;
  padding-left: 1.6rem;
}
.table-questions .type-benar-salah .question-answer-table, .table-questions .type-ya-tidak .question-answer-table {
  margin-top: 2.4rem;
}
.table-questions .type-benar-salah .question-answer-table tr, .table-questions .type-ya-tidak .question-answer-table tr {
  border: 2px solid #E5E7F2;
  border-left: none;
  border-right: none;
  width: 100%;
}
.table-questions .type-benar-salah .question-answer-table tr td, .table-questions .type-ya-tidak .question-answer-table tr td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
}
.table-questions .type-benar-salah .question-answer-table tr td:nth-child(1), .table-questions .type-ya-tidak .question-answer-table tr td:nth-child(1) {
  max-width: 52.2rem;
}
.table-questions .type-benar-salah .question-answer-table tr td:nth-child(2), .table-questions .type-ya-tidak .question-answer-table tr td:nth-child(2) {
  min-width: 9.6rem;
  box-sizing: border-box;
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}
.table-questions .type-benar-salah .question-answer-table-result, .table-questions .type-ya-tidak .question-answer-table-result {
  margin-top: 2.4rem;
}
.table-questions .type-benar-salah .question-answer-table-result tr, .table-questions .type-ya-tidak .question-answer-table-result tr {
  border: 2px solid #E5E7F2;
  border-left: none;
  border-right: none;
  width: 100%;
}
.table-questions .type-benar-salah .question-answer-table-result tr td, .table-questions .type-benar-salah .question-answer-table-result tr th, .table-questions .type-ya-tidak .question-answer-table-result tr td, .table-questions .type-ya-tidak .question-answer-table-result tr th {
  padding-top: 1rem;
  padding-bottom: 1rem;
  width: 100%;
}
.table-questions .type-mengurutkan .question-answer-table, .table-questions .type-isian-bahasa .question-answer-table {
  margin-top: 2.4rem;
}
.table-questions .type-mengurutkan .question-answer-table tr, .table-questions .type-isian-bahasa .question-answer-table tr {
  cursor: auto !important;
  border: 2px solid #E5E7F2;
  border-left: none;
  border-right: none;
  width: 100%;
}
.table-questions .type-mengurutkan .question-answer-table tr td, .table-questions .type-isian-bahasa .question-answer-table tr td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: top;
}
.table-questions .type-mengurutkan .question-answer-table tr td:nth-child(1), .table-questions .type-isian-bahasa .question-answer-table tr td:nth-child(1) {
  min-width: 5.6rem;
  text-align: center;
}
.table-questions .type-mengurutkan .question-answer-table tr td:nth-child(2), .table-questions .type-isian-bahasa .question-answer-table tr td:nth-child(2) {
  width: 100%;
}
.table-questions .type-memasangkan .question-answer-table {
  margin-top: 2.4rem;
  width: 100%;
}
.table-questions .type-memasangkan .question-answer-table tr {
  cursor: auto;
  border: 2px solid #E5E7F2;
  border-left: none;
  border-right: none;
  width: 100%;
}
.table-questions .type-memasangkan .question-answer-table tr td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  box-sizing: border-box;
  vertical-align: middle;
}
.table-questions .type-memasangkan .question-answer-table tr td:nth-child(1), .table-questions .type-memasangkan .question-answer-table tr td:nth-child(3) {
  max-width: 29.8rem;
}
.table-questions .type-memasangkan .question-answer-table tr td:nth-child(2) {
  text-align: center;
  width: 5.2rem;
}
.table-questions .type-memasangkan .question-answer-table tr td:nth-child(2) i::before {
  font-size: 2.2rem;
}
.table-questions .type-memasangkan .question-answer-table tr td:nth-child(3) {
  padding-left: 1rem;
}
.table-questions .type-merinci .question-answer-table {
  margin-top: 2.4rem;
  width: 100%;
}
.table-questions .type-merinci .question-answer-table tr {
  border: 2px solid #E5E7F2;
  border-left: none;
  border-right: none;
}
.table-questions .type-merinci .question-answer-table tr td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  box-sizing: border-box;
  vertical-align: middle;
}
.table-questions .type-essai .answer-group {
  margin: 2.4rem 0rem;
}
.table-questions .type-isian-matematika .answer-group, .table-questions .type-isian-angka .answer-group {
  margin: 2.4rem 0rem;
  line-height: 5.5rem;
}
.table-questions .type-isian-matematika .answer-group *, .table-questions .type-isian-angka .answer-group * {
  display: inline;
}
.table-questions .type-isian-matematika .answer-group .input-styled, .table-questions .type-isian-angka .answer-group .input-styled {
  display: inline;
  padding: 1rem 1.2rem;
  border-radius: 0%;
  text-align: center;
  border: 2px solid #E5E7F2;
  background: #FFFFFF;
  color: #131315;
}
.table-questions .type-isian-matematika .answer-group .input-styled *, .table-questions .type-isian-angka .answer-group .input-styled * {
  display: inline;
  line-height: normal;
}
.table-questions .type-isian-matematika .image_resized, .table-questions .type-isian-angka .image_resized {
  display: inline-block;
}
.table-questions .type-teks-rumpang .question-answer-group .text-group {
  color: #131315 !important;
  line-height: 4.4rem;
  display: inline;
}
.table-questions .type-teks-rumpang .question-answer-group .answer-box {
  margin: 0.8rem 1.6rem 0.8rem 0;
  padding: 1rem 1.2rem;
  border: 0.2rem solid #E5E7F2;
  display: inline-block;
}
.table-questions .type-teks-rumpang .question-answer-group .answer-box.active {
  border: 0.2rem solid #4C516D;
}
.table-questions .type-teks-rumpang .question-answer-group .answer-box * {
  color: #131315 !important;
  background-color: transparent !important;
  font-family: "Inter", sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  text-decoration: none !important;
  line-height: 2.5rem !important;
  font-size: 1.5rem !important;
}
.table-questions .type-teks-rumpang .question-answer-group .answer-box .text-group {
  margin: 0 !important;
  line-height: 1rem !important;
}
.table-questions .type-teks-rumpang .question-answer-group p {
  display: inline-block;
  margin-right: 1.6rem;
}
.table-questions .type-melengkapi-tabel .table-responsive-md {
  margin-top: 1.2rem;
}
.table-questions .type-melengkapi-tabel .table-responsive::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-questions .type-melengkapi-tabel .table-responsive::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-questions .type-melengkapi-tabel .table-responsive::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-questions .type-melengkapi-tabel table th {
  border: 0.2rem solid #E5E7F2;
  padding: 1rem, 8rem;
  background: #EFF0F9 !important;
  font-weight: bold;
}
.table-questions .type-melengkapi-tabel table tr td {
  min-width: 22.7rem !important;
  max-width: 22.7rem;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 1rem, 8rem;
}
.table-questions .type-melengkapi-tabel table tr td p {
  margin-bottom: 0px;
}
.table-questions .type-melengkapi-tabel table tr .melengkapi-table-unfilled {
  background: #F8F8FC !important;
}
.table-questions .type-melengkapi-tabel table tr .melengkapi-table-filled {
  background: #FFFFFF !important;
}

.editor-display i {
  font-family: "Open Sans", sans-serif !important;
  font-style: italic !important;
  line-height: 1.5rem !important;
}
.editor-display .image-style-align-left {
  float: left;
  margin-right: 3rem;
}
.editor-display .image-style-align-right {
  float: right;
  margin-left: 3rem;
}
.editor-display .image {
  position: relative;
  clear: both;
  text-align: center;
  margin: 1em auto;
}
.editor-display .image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}
.editor-display .image.image_resized img {
  width: 100%;
  height: auto;
}
.editor-display .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}
.editor-display img {
  width: 100%;
}
.editor-display ul li:before {
  display: none;
}
.editor-display::after {
  content: "";
  display: block;
  clear: both;
}

.text-capitalize {
  text-transform: capitalize;
}

.benar-salah-input-table {
  width: 100%;
}
.benar-salah-input-table tr td {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.benar-salah-input-table tr td:nth-child(1) {
  width: 48.8rem !important;
  padding-right: 8px;
}
.benar-salah-input-table tr td:nth-child(1) .ck-editor {
  box-sizing: border-box;
}
.benar-salah-input-table tr td:nth-child(1) .ck-editor__main {
  box-sizing: border-box;
  min-height: 4.6rem !important;
}
.benar-salah-input-table tr td:nth-child(1) .ck-editor__main .ck-content {
  padding: 0px 1, 8rem !important;
  box-sizing: border-box;
}
.benar-salah-input-table tr td:nth-child(1) .ck-editor__main .ck-content p {
  line-height: normal;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.benar-salah-input-table tr td:nth-child(2) {
  width: 11.6rem !important;
  display: flex;
}
.benar-salah-input-table tr td:nth-child(2) .custom-dropdown button {
  background: #FFFFFF;
  border-radius: 0px;
  color: #131315;
  border: 2px solid #EBF1F6;
  box-shadow: none !important;
  min-height: 5rem;
  width: 11.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
  padding: 1rem 1.6rem;
  box-sizing: border-box;
  line-height: normal;
  height: 100%;
}
.benar-salah-input-table tr td:nth-child(2) .custom-dropdown button i {
  line-height: normal;
}
.benar-salah-input-table tr td:nth-child(2) .custom-dropdown button::after {
  content: "";
  display: none;
}
.benar-salah-input-table tr td:nth-child(2) .custom-dropdown button:focus {
  background: white;
  border: 2px solid #D9EBFF;
}
.benar-salah-input-table tr td:nth-child(2) .custom-dropdown .dropdown-menu {
  border: none;
  border-radius: 0px;
  margin-top: 4px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.15);
  padding: 0px;
}
.benar-salah-input-table tr td:nth-child(2) .custom-dropdown .dropdown-item {
  padding: 1.8rem 2rem;
  font-size: 1.5rem;
  line-height: normal;
}
.benar-salah-input-table tr td:nth-child(2) .custom-dropdown .dropdown-item:hover {
  background: #F4F8FF;
}
.benar-salah-input-table tr td:nth-child(2) .custom-dropdown .dropdown-item:focus {
  color: #131315;
}
.benar-salah-input-table tr td:nth-child(2) .custom-dropdown .dropdown-item.active {
  background: #F6F6FC !important;
  color: #131315;
}
.benar-salah-input-table tr td:nth-child(2) .remove-btn {
  outline: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.benar-salah-input-table tr td:nth-child(2) i::before {
  color: #131315;
  font-size: 2rem;
}

.ya-tidak-input-table textarea {
  max-height: 4.4rem;
  overflow: hidden;
  resize: none;
}

.add-btn {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  text-decoration: none !important;
  margin: 1.6rem auto;
  display: inline-flex;
  align-items: center;
}
.add-btn i::before {
  color: #3167F6;
  font-size: 1.5rem;
  margin-right: 0.7rem;
}

.ck-content {
  word-break: break-all;
}

._isian_matematika_input_answer {
  height: 4.4rem;
  overflow: hidden;
  resize: none;
  line-height: normal;
}

.melengkapi-tabel-input-table textarea {
  height: 4.4rem !important;
  line-height: 2.2rem;
  overflow: hidden;
  resize: none;
}
.melengkapi-tabel-input-table tr td {
  width: 22.7rem;
  min-width: 22.7rem !important;
}

.mengurutkan-input-table tr:first-child .dropdown-item:first-child {
  display: none !important;
}
.mengurutkan-input-table tr:last-child .dropdown-item:last-child {
  display: none !important;
}

.modal-header {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  padding-bottom: 1rem !important;
}

.image {
  position: relative;
}

.image.image_resized {
  max-width: 100%;
  display: block;
  box-sizing: border-box;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
}

.image img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  min-width: 50px;
  height: auto;
}

.image-style-align-right {
  float: right !important;
}

.image-style-align-left {
  float: left !important;
}

.image-style-align-center {
  margin: auto !important;
}

pre {
  white-space: pre-wrap !important;
}

.content-with-sidebar {
  display: flex;
  margin-top: 4rem;
}

.container-with-sidebar {
  width: calc(100% - 25.6rem);
  box-sizing: border-box;
  padding: 4rem;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .container-with-sidebar {
    width: 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .container-with-sidebar {
    padding: 2rem;
  }
}

.sidebar-button {
  margin-bottom: 4rem;
  display: none;
}
@media screen and (max-width: 992px) {
  .sidebar-button {
    display: block;
  }
}

.sidebar {
  position: sticky;
  min-width: 25.6rem;
  background: #EFF0F9;
  box-sizing: border-box;
  display: block;
  padding: 1.6rem;
  top: 4rem;
  height: calc(100vh - 4rem);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.sidebar .btn-sidebar-close {
  display: block;
}
@media screen and (max-width: 768px) {
  .sidebar {
    position: fixed;
    z-index: 100;
    left: -25.6rem;
  }
  .sidebar .btn-sidebar-close {
    display: block;
  }
}
.sidebar .sidebar.counselor {
  width: 30%;
}
@media screen and (max-width: 992px) {
  .sidebar {
    position: fixed;
    left: -25.6rem;
    z-index: 100;
  }
  .sidebar .btn-sidebar-close {
    display: block;
  }
}

.sidebar.homeroom-teacher {
  width: 30%;
}

.sidebar-header {
  padding: 1.2rem;
  padding-top: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.sidebar-header-action {
  margin: 0;
  padding: 0;
  line-height: 2rem;
}

.sidebar-header-action i::before {
  font-size: 2rem;
  line-height: 2rem;
}

.sidebar-content {
  overflow-y: scroll;
  height: calc(100vh - 13rem);
  padding-bottom: 100px;
}

.custom-scroll::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background: #C3C2D7;
  border-radius: 1.6rem;
}

.sidebar-menu-title {
  padding: 2.4rem 1.6rem 1.2rem 1.6rem;
  margin-bottom: 0.4rem;
  font-weight: 600;
}

.sidebar-menu-item {
  display: block;
  padding: 1rem 1.2rem;
  margin-bottom: 0.4rem;
  font-size: 1.5rem;
  color: #131315;
  text-decoration: none !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
}

.sidebar-menu-item.active {
  background: #FFFFFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.8rem;
  font-weight: bold;
}

.button-flex-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.button-flex-group-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
.button-flex-group-right span {
  display: inline;
}
@media screen and (max-width: 768px) {
  .button-flex-group-right span {
    display: none;
  }
}

.btn-kejar-shift {
  background: #EFF0F9;
  color: #4C516D;
  border: none;
  padding: 1rem 1.6rem;
  display: inline-flex;
  align-items: center;
  gap: 1.05rem;
  border-radius: 0.4rem;
  text-decoration: none !important;
}
.btn-kejar-shift:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  /* shadow-2 */
  color: #4C516D;
}
.btn-kejar-shift:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  /* inner */
}
.btn-kejar-shift.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.btn-kejar-shift.disabled:hover {
  box-shadow: none;
}

.btn-kejar-neutral {
  background: #F8F8FC;
  color: #4C516D;
  outline: none;
  border: none;
  padding: 1rem 1.6rem;
  display: inline-flex;
  align-items: center;
  gap: 1.05rem;
  border-radius: 0.4rem;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  text-decoration: none !important;
}
.btn-kejar-neutral:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  /* shadow-2 */
  color: #4C516D;
}
.btn-kejar-neutral:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  /* inner */
}
.btn-kejar-neutral.disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.btn-kejar-neutral.disabled:hover {
  box-shadow: none;
}

.blank-message {
  text-align: center;
}

.blank-message p {
  text-align: center;
  color: #5A5F79;
  /* grey-4 */
  font-size: 1.3rem;
  margin: 0 !important;
}

.blank-message img {
  width: 19.2rem;
}

.blank-message-onboarding {
  text-align: center;
}
.blank-message-onboarding p {
  color: #5A5F79;
  font-size: 1.3rem;
  margin-top: 2.4rem;
}
.blank-message-onboarding img {
  width: 20.7rem;
}

.btn-kejar-light {
  background: #EFF0F9;
  /* blue-tp */
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  /* shadow-1 */
  border-radius: 4px;
  color: #3167F6;
  /* blue */
  font-weight: 600;
  border: none;
  padding: 1rem 1.6rem;
  margin: 5rem auto 0 auto;
  outline: none !important;
  text-decoration: none !important;
  display: inline-block;
  font-size: 1.5rem;
}

.btn-kejar-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  /* shadow-2 */
}

.btn-kejar-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  /* inner */
}

.alert-kejar {
  background: #F8F8FC;
  /* white-2 */
  border: solid 2px #E5E7F2;
  /* grey-13 */
  padding: 1.6rem 5.6rem;
  position: relative;
  border-radius: 0.4rem;
}
.alert-kejar .alert-card-icon {
  position: absolute;
  left: 1.8rem;
}
.alert-kejar .alert-card-close a {
  text-decoration: none !important;
}
.alert-kejar .alert-card-icon i::before {
  color: #4C516D;
  /* grey-3 */
  font-size: 2rem;
}
.alert-kejar .alert-card-message {
  color: #4C516D;
  font-size: 1.5rem;
  margin: 0;
}
.alert-kejar .alert-card-close {
  position: absolute;
  right: 1.8rem;
  top: 1.9rem;
}
.alert-kejar .alert-card-close i::before {
  color: #878AA6;
  /* grey-6 */
  font-size: 2rem;
}
.alert-kejar .alert-not-mobile {
  display: block;
}
.alert-kejar .alert-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .alert-kejar .alert-mobile {
    display: block;
  }
  .alert-kejar .alert-not-mobile {
    display: none;
  }
}

.alert-kejar-no-close {
  padding-right: 1.6rem;
}

.score-list {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .score-list table {
    width: 100% !important;
  }
  .score-list table thead {
    display: none;
  }
  .score-list table tr td {
    display: none;
  }
  .score-list table tr td:first-child {
    display: block;
  }
}

a.link-open {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
  text-decoration: none !important;
  color: #131315;
  gap: 2rem;
}
a.link-open img, a.link-open svg {
  opacity: 0;
}
a.link-open:hover {
  color: #7233DA;
  /* purple */
}
a.link-open:hover img, a.link-open:hover svg {
  opacity: 1;
}

.table-kejar {
  width: auto;
  box-sizing: border-box;
}
.table-kejar thead tr th {
  box-sizing: border-box;
  background: #EFF0F9;
  /* grey-14 */
  vertical-align: middle;
  padding: 1.2rem;
  border: 2px solid #e5e7f2;
}
.table-kejar .col-score {
  width: 4rem !important;
}
.table-kejar tbody tr td {
  box-sizing: border-box;
  padding: 1.2rem;
  border: 2px solid #e5e7f2;
}

.sidebar-round .sidebar {
  max-width: 30rem;
}
@media screen and (max-width: 768px) {
  .sidebar-round .sidebar {
    width: 30rem;
    left: -30rem;
  }
}
.sidebar-round .container-with-sidebar {
  width: calc(100% - 36rem);
  padding-left: 10.5rem;
  padding-right: 10.5rem;
}
@media screen and (max-width: 768px) {
  .sidebar-round .container-with-sidebar {
    padding: 2rem;
    width: 100%;
  }
}

.dot-svg {
  width: 0.5rem;
  margin: auto 1rem;
}

.kejar-question-list-group .kejar-question-list-title {
  margin-bottom: 1.6rem;
}

.kejar-desc-group {
  margin-bottom: 4rem;
}
.kejar-desc-group .kejar-desc {
  margin-bottom: 2.4rem;
}
.kejar-desc-group .kejar-desc h5, .kejar-desc-group .kejar-desc .h5 {
  margin-bottom: 0.4rem;
}
.kejar-desc-group .kejar-desc-box {
  padding: 1.6rem 2rem;
  background: #fffdf5;
  /* yellow-tp-2 */
  border: 2px solid #fff8db;
  /* yellow-5 */
  border-radius: 0.4rem;
}

.src-card {
  margin-top: 4rem;
}

.src-header {
  padding: 1.4rem 1.6rem;
  background: #f6f6fc;
  border-radius: 4px 4px 0px 0px;
}

.src-group .src-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.6rem 1.4rem;
  background: #fbfbff;
}

.src-group .src-item .src-date p {
  color: #4c516d;
}

.src-group .src-item .src-score {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}

.src-group .src-item .src-score .stars-group {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.src-nodata h5, .src-nodata .h5 {
  color: #878aa6;
  font-weight: normal;
}

.kqc {
  border: 2px solid #e5e7f2;
  margin-bottom: 1.6rem;
}

.kqc-header {
  background: #d3eac8;
  padding: 1.4rem 2.4rem 1.4rem 1.6rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.kqc-body {
  padding: 1.6rem;
  background: white;
  box-sizing: border-box;
}

.kqc-question-text {
  margin-bottom: 2.4rem;
}

.kqc-answer-list-type-one .kqc-answer-item {
  display: flex;
  gap: 1.6rem;
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
  box-sizing: border-box;
  border-bottom: 2px solid #e5e7f2;
}

.kqc-answer-list-type-one .kqc-answer-item:first-child,
.kqc-answer-list-type-three .kqc-answer-item:first-child {
  border-top: 2px solid #e5e7f2;
}

.kqc-answer-list-type-two .kqc-answer-item {
  display: flex;
  gap: 1.6rem;
  padding: 0.6rem 0rem;
  box-sizing: border-box;
}

.kqc-answer-list-type-three .kqc-answer-item {
  display: flex;
  gap: 1.6rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  box-sizing: border-box;
  border-bottom: 2px solid #e5e7f2;
}

.kqc-answer-list-type-three .kqc-answer-item div:first-child {
  width: 59.2rem;
}

.kqc-answer-list-type-three .kqc-answer-item div:last-child {
  width: 8rem;
}

.kqc-footer {
  padding: 1.6rem;
  padding-top: 0.8rem;
  padding-bottom: 2.4rem;
}

.kqc-footer-title {
  margin-bottom: 0.4rem;
}

.nobreak {
  white-space: nowrap;
}

.class-list {
  margin-top: 5.6rem;
  margin-bottom: 8rem;
  display: none;
}
@media screen and (max-width: 992px) {
  .class-list {
    display: block;
  }
}
.class-list .class-list-title {
  font-size: 1.3rem;
  color: #131315;
  font-weight: 600;
  line-height: 1.6rem;
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
}
.class-list .class-list-item a {
  padding: 1.4rem 1.6rem;
  background: #F6F6FC;
  display: flex;
  align-items: center;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 2rem;
  color: #131315;
  text-decoration: none !important;
  margin-bottom: 1.6rem;
}
.class-list .class-list-item a img {
  width: 2rem;
  height: 2rem;
  margin-right: 1.6rem;
}

.sidebar-shown {
  left: 0 !important;
}

@media screen and (max-width: 768px) {
  .breadhide,
  .content-with-sidebar .breadcrumb {
    display: none;
  }
}

.rombel-title {
  margin-bottom: 0.8rem;
  font-weight: 700;
  font-size: 1.9rem;
}

.kqc-answer-list-type-four {
  margin: 2.4rem 0rem;
  line-height: 5.5rem;
}
.kqc-answer-list-type-four * {
  display: inline;
  vertical-align: middle;
}
.kqc-answer-list-type-four .input-styled {
  display: inline;
  padding: 1rem 1.2rem;
  border-radius: 0%;
  text-align: center;
  border: 2px solid #E5E7F2;
  background: #FFFFFF;
  color: #131315;
  margin: 0px 5px;
}
.kqc-answer-list-type-four .input-styled:first-child {
  margin-left: 10px;
}
.kqc-answer-list-type-four .input-styled:first-child {
  margin-left: 10px;
}
.kqc-answer-list-type-four .input-styled:last-child {
  margin-right: 10px;
}
.kqc-answer-list-type-four .input-styled * {
  display: inline;
  line-height: normal;
}

.kqc-answer-list-type-five table th {
  border: 1px solid #ebf1f6;
  padding: 1rem, 8rem;
  background: #F8F8FC !important;
  font-weight: bold;
}
.kqc-answer-list-type-five table tr td {
  min-width: 22.7rem !important;
  max-width: 22.7rem;
  border: 1px solid #ebf1f6 !important;
  padding: 1rem, 8rem;
}
.kqc-answer-list-type-five table tr td p {
  margin-bottom: 0px;
}
.kqc-answer-list-type-five table tr .melengkapi-table-unfilled {
  background: #F6F6FC !important;
}
.kqc-answer-list-type-five table tr .melengkapi-table-filled {
  background: #FFFFFF !important;
}

.kqc-answer-list-type-six {
  margin-top: 2.4rem;
}
.kqc-answer-list-type-six tr {
  cursor: auto !important;
  border: 2px solid #E5E7F2;
  border-left: none;
  border-right: none;
  width: 100%;
}
.kqc-answer-list-type-six tr td {
  padding-top: 1rem;
  padding-bottom: 1rem;
  vertical-align: top;
}
.kqc-answer-list-type-six tr td:nth-child(1) {
  min-width: 5.6rem;
  text-align: center;
}
.kqc-answer-list-type-six tr td:nth-child(2) {
  width: 100%;
}

.sidebar-topic {
  position: sticky;
  min-width: 25.6rem;
  background: #EFF0F9;
  box-sizing: border-box;
  display: block;
  top: 4rem;
  height: calc(100vh - 4rem);
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.sidebar-topic .btn-sidebar-close {
  display: none;
}
@media screen and (max-width: 768px) {
  .sidebar-topic {
    position: fixed;
    z-index: 100;
    left: -25.6rem;
  }
  .sidebar-topic .btn-sidebar-close {
    display: block;
  }
}
@media screen and (max-width: 992px) {
  .sidebar-topic {
    position: fixed;
    left: -25.6rem;
    z-index: 100;
  }
  .sidebar-topic .btn-sidebar-close {
    display: block;
  }
}
.sidebar-topic .sidebar-bottom {
  position: absolute;
  padding-top: 20px;
  bottom: 0px;
  width: 100%;
  padding-bottom: 20px;
  padding-left: 15px;
  background-color: #F6F6FC;
}
.sidebar-topic .sidebar-menu-item.active {
  background: #FFFFFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.8rem;
  font-weight: bold;
  padding-bottom: 10px !important;
}

.order-top-panel {
  height: 4.8rem;
}

.sub-topic .sub-topic-title {
  padding-top: 1.2rem !important;
  padding-bottom: 1.2rem !important;
}
.sub-topic .sub-topic-title:hover {
  background: #EFF0F9;
}
.sub-topic .sub-topic-title:hover .sub-topic-more {
  display: inline-block;
}
.sub-topic .topic-activity {
  padding-top: 1.4rem !important;
  padding-bottom: 1.4rem !important;
}
.sub-topic .topic-activity:hover {
  background: #F6F6FC;
}
.sub-topic .topic-activity:hover .topic-activity-more {
  display: inline-block;
}
.sub-topic .topic-activity .icon-circle-active {
  background-color: #318CF6;
  width: 35px;
  height: 35px;
  padding-top: 8.5px;
  border-radius: 50%;
}
.sub-topic .topic-activity .icon-circle-active .svg {
  margin-top: -3.8px !important;
  margin: auto;
}
.sub-topic .topic-activity .icon-circle-draft {
  background-color: #BCBBD0;
  width: 35px;
  height: 35px;
  padding-top: 8.5px;
  border-radius: 50%;
}
.sub-topic .topic-activity .icon-circle-draft .svg {
  margin-top: -3.8px !important;
  margin: auto;
}
.sub-topic .topic-activity-more {
  display: none;
}
.sub-topic .sub-topic-more {
  display: none;
}
.sub-topic .dropdown-more-submateri {
  min-width: 220px;
  z-index: 99999;
  position: absolute;
  left: -5px !important;
  top: 10px !important;
  width: 256px !important;
}
.sub-topic .dropdown-more-activity {
  min-width: 220px;
  left: -230px !important;
  z-index: 99999;
  position: absolute;
  top: 10px !important;
  width: 256px !important;
}

.icon-title .icon-circle-active {
  background-color: #9CCBFE;
  width: 35px;
  height: 35px;
  padding-top: 8.5px;
  border-radius: 50%;
}
.icon-title .icon-circle-active .svg {
  margin-top: -6.5px !important;
  margin: auto;
}
.icon-title .icon-circle-draft {
  background-color: #BCBBD0;
  width: 35px;
  height: 35px;
  padding-top: 8.5px;
  border-radius: 50%;
}
.icon-title .icon-circle-draft .svg {
  margin-top: -6.5px !important;
  margin: auto;
}

.list-course-topic {
  cursor: pointer;
}
.list-course-topic .menu-more {
  display: none !important;
}
.list-course-topic:hover span strong {
  color: #582CA0;
  text-decoration: underline;
}
.list-course-topic:hover .menu-more {
  display: inline-block !important;
}

.br-skeleton-1 {
  border-radius: 0.25rem;
}

.lesson-activity-list ol {
  padding-left: 1.6rem;
}
.lesson-activity-list ul {
  padding-left: 1.6rem;
}

.sub-topic .topic-activity:hover .btn-medium-primary-plain,
.div-more:hover {
  background: #F6F6FC;
}

.td-teacher-notes:hover {
  background: #F6F6FC;
  color: #3E1583;
}

.border-top-2 {
  border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.h-9rem {
  height: 8.75rem;
}

.cursor-auto {
  cursor: auto !important;
}

.spinner-loading {
  border-bottom: 0.83px solid currentColor !important;
  border-top: 0.83px solid currentColor !important;
  border-left: 0.83px solid currentColor !important;
}

.textarea-description-presence {
  font-size: 15px;
}

.block-input {
  height: 100%;
  background: #F7FAFF;
}
.block-input .input-on-table {
  background: #F7FAFF;
}

.input-on-table {
  border: 0;
}
.input-on-table.hover-input:hover {
  background: #F6F6FC;
}

.input-on-table:focus {
  outline: none;
}

.input-on-table::-webkit-outer-spin-button,
.input-on-table::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

select.select-teaching-journal {
  display: block;
  width: 100%;
  height: 4rem;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #131315;
  padding: 0.5rem 1.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 0.2rem solid #E5E7F2;
  outline: none;
}
select.select-teaching-journal:focus {
  border: #9CCBFE !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(49, 103, 246, 0.25) !important;
}

select.select-teaching-journal-empty {
  color: #878AA6;
}

select.select-teaching-journal option {
  color: #131315;
}

select.select-teaching-journal option:first-child {
  color: #878AA6;
  display: none;
}

.form-input {
  display: block;
  width: 100%;
  height: 4.4rem;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #131315;
  padding: 0.5rem 1.6rem !important;
  border-radius: 0.4rem;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 0.2rem solid #E5E7F2;
  outline: none;
}
.form-input:focus {
  border: #9CCBFE !important;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(49, 103, 246, 0.25) !important;
}

.dropdown-status-gradebook {
  min-width: 0px;
  z-index: 99999;
  position: absolute;
  left: -5px !important;
  top: 10px !important;
  width: 100px !important;
}

.resize-none {
  resize: none;
}

.vertical-align-center {
  vertical-align: middle !important;
}

textarea.textarea-general {
  resize: none;
  font-size: 17px;
  border: 2px solid #E5E7F2;
  height: 224px !important;
  max-width: 960px;
}
textarea.textarea-general::-moz-placeholder {
  color: #9D9FBC;
}
textarea.textarea-general::placeholder {
  color: #9D9FBC;
}
input.placeholder-grey-7::-moz-placeholder {
  color: #9D9FBC;
}
input.placeholder-grey-7::placeholder {
  color: #9D9FBC;
}

.h-44rem {
  height: 44rem;
}

.max-h-44rem {
  max-height: 44rem;
}

.btn-date {
  max-height: 4rem;
}

.search-character-journal {
  min-width: 17.8rem;
}

.btn-attitude-item {
  min-width: 14.1rem;
}

.btn-character-journal {
  min-width: 18.7rem;
}

.hover-text-blue:hover {
  color: #3167F6 !important;
  background-color: #F6F6FC !important;
}

.input-group-with-point {
  display: flex !important;
}
@media screen and (max-width: 768px) {
  .input-group-with-point {
    flex-wrap: wrap;
  }
  .input-group-with-point input {
    width: 44.4rem;
    margin-right: 0rem;
    margin-bottom: 0.8rem;
  }
  .input-group-with-point .input-disabled-grey-11 {
    width: 44.4rem;
    margin-right: 0rem;
    margin-bottom: 0.8rem;
  }
}
.input-group-with-point input {
  width: 44.4rem;
  margin-right: 0.8rem;
}
.input-group-with-point .input-disabled-grey-11 {
  width: 44.4rem;
  margin-right: 0.8rem;
}
.input-group-with-point .point {
  width: 16rem;
}

.input-disabled-grey-11 {
  height: 4.4rem;
  width: 44.4rem;
  background: #DCDEED;
  border: 0.2rem solid #E5E7F2;
  border-radius: 0.4rem;
  padding: 0.8rem 1.7rem;
  cursor: not-allowed;
}

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

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

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

.max-w-none {
  max-width: none !important;
}

.max-w-100 {
  max-width: 100% !important;
}

.max-h-90 {
  max-height: 90px !important;
}

.max-h-26rem {
  max-height: 26rem;
}

.overflow-y-scroll {
  overflow-y: scroll;
}

.btn-medium-primary-light.grey-3 svg path {
  fill: #4C516D;
}
.btn-medium-primary-light.grey-3:hover {
  color: #686C8A;
}
.btn-medium-primary-light.grey-3:hover svg path {
  fill: #4C516D;
}
.btn-medium-primary-light.grey-3:hover span {
  color: #686C8A;
}

.strip {
  padding-left: 8px;
  margin-top: -4px;
}

.amount-danger {
  background-color: #FFE1E1;
  height: 44px;
  padding: 12PX 8px;
  width: auto;
  border-radius: 4px;
}

.amount-default {
  background-color: #D9EBFF;
  height: 44px;
  padding: 12PX 8px;
  width: auto;
  border-radius: 4px;
}

.btn-typo {
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.15px;
}

.line-height-8 {
  line-height: 4rem;
}

.size-pict-1 {
  width: 6rem;
  height: 6rem;
}

.size-pict-2 {
  width: 3.2rem;
  height: 3.2rem;
}

.unchecked-group-background {
  background-color: #F8F8FC;
}

.preview-image {
  width: 264px;
  height: 320px;
}

.preview-proof-image {
  width: 264px;
  height: 320px;
}

.literasi-exam .unit-group {
  display: none;
}
.literasi-exam .unit-group:nth-child(1) {
  display: block;
}
.literasi-exam .question-amount h1, .literasi-exam .question-amount .h1 {
  font-size: 3.3rem;
  line-height: 3.6rem;
  font-weight: 700;
  color: #131315;
}
.literasi-exam .wacana {
  margin-top: 3.2rem;
}
.literasi-exam .question-list {
  margin-top: 5.6rem;
}
.literasi-exam .question-list h5, .literasi-exam .question-list .h5 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #131315;
}
.literasi-exam .question-list .question-group {
  display: block;
}

.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 1.6rem;
  background-color: #131315;
  min-height: 4rem;
}

.navbar-assesment {
  padding: 0 3.2rem;
}

.assesment-picture {
  width: 3.2rem;
  height: 3.2rem;
}

.navbar-brand {
  display: flex;
  align-items: center;
  font-size: 1.3rem !important;
  line-height: 1.6rem !important;
  color: #FFFFFF !important;
  padding: 0 !important;
  cursor: pointer;
}
.navbar-brand img {
  width: 4rem;
  height: 4rem;
  margin-right: 0.8rem;
}

.navbar-nav .nav-link {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .navbar-nav .nav-link {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}
.navbar-nav .nav-link:hover {
  color: #F6F6FC !important;
}
.navbar-nav .dropdown-menu {
  color: #4C516D;
  border-radius: 8px;
}
.navbar-nav .dropdown-menu .dropdown-item {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 1rem 1.2rem;
}
.navbar-nav .dropdown-menu .dropdown-item i:before {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
}

.nav-tab-kejar .nav-item .nav-link {
  color: #131315 !important;
  padding-bottom: 10px;
  box-shadow: inset 0px -2px 0px #EBF1F6;
  font-style: normal;
  font-weight: normal;
  font-size: 17px;
  line-height: 20px;
}
.nav-tab-kejar .nav-item .nav-link.active {
  color: #3167F6 !important;
  box-shadow: inset 0px -2px 0px #3167F6;
  padding-bottom: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 20px;
}

.nav-tab-kejar-small {
  position: relative;
}
.nav-tab-kejar-small:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-bottom: 2.5px solid #E5E7F2;
  z-index: 0;
}
.nav-tab-kejar-small .nav-item {
  display: inline-block;
  margin-bottom: -1px;
}
.nav-tab-kejar-small .nav-item .nav-link {
  color: #4C516D;
  background-color: transparent;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  padding: 12px 16px;
  position: relative;
  margin-bottom: -3.5px;
}
.nav-tab-kejar-small .nav-item .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tab-kejar-small .nav-item .nav-link.active, .nav-item.show .nav-tab-kejar-small .nav-item .nav-link {
  color: #3167F6 !important;
  box-shadow: inset 0px -2px 0px #3167F6;
  font-style: normal;
  font-weight: 600;
  font-size: 15px;
  padding: 12px 16px;
  line-height: 20px;
}

.header-new {
  display: flex;
  max-width: 100vw;
  background: #FFFFFF;
  padding: 0.8rem 1.6rem;
  max-height: 4.4rem;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.2);
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.header-new.active {
  margin-left: clamp(22.4rem, 32%, 32rem);
  width: calc(100vw - clamp(22.4rem, 32%, 32rem));
}
.header-new.active .header-item #activity-breadcrumb {
  width: 17rem !important;
}
.header-new.active .header-item a.header-item-breadcrumb:not(a.header-item-breadcrumb:nth-child(1)) {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 24rem;
  overflow: hidden;
}
.header-new .header-item:nth-child(1) {
  margin-right: 1.2rem;
  align-items: baseline;
}
.header-new .header-item {
  display: flex;
  align-items: flex-end;
}
.header-new .header-item .header-item-breadcrumb.active {
  color: #24292E !important;
  cursor: text;
}
.header-new .header-item .header-item-breadcrumb {
  padding: 0.4rem;
}
.header-new .header-item .header-item-breadcrumb + .header-item-breadcrumb {
  margin-left: 0.4rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #878AA6;
}
@media screen and (min-width: 992px) {
  .header-new #timer {
    margin-left: -19rem;
  }
}

.header-new.reportbook {
  display: flex;
  max-width: 100vw;
  background: #FFFFFF;
  padding: 0.8rem 1.6rem;
  max-height: 4.4rem;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.2);
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.header-new.reportbook.active {
  margin-left: clamp(32.6rem, 20%, 48rem);
  width: calc(100vw - clamp(32.6rem, 20%, 48rem));
}
.header-new.reportbook.active .header-item a.header-item-breadcrumb:not(a.header-item-breadcrumb:nth-child(1)) {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}
.header-new.reportbook .header-item:nth-child(1) {
  margin-right: 1.2rem;
  align-items: baseline;
}
.header-new.reportbook .header-item {
  display: flex;
  align-items: flex-end;
}
.header-new.reportbook .header-item .header-item-breadcrumb.active {
  color: #24292E !important;
  cursor: text;
}
.header-new.reportbook .header-item .header-item-breadcrumb {
  padding: 0.4rem;
}
.header-new.reportbook .header-item .header-item-breadcrumb + .header-item-breadcrumb {
  margin-left: 0.4rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #878AA6;
}

.header-new.small-reportbook {
  display: flex;
  max-width: 100vw;
  background: #FFFFFF;
  padding: 0.8rem 1.6rem;
  max-height: 4.4rem;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.2);
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.header-new.small-reportbook.active {
  margin-left: clamp(28rem, 20%, 48rem);
  width: calc(100vw - clamp(28rem, 20%, 48rem));
}
.header-new.small-reportbook.active .header-item a.header-item-breadcrumb:not(a.header-item-breadcrumb:nth-child(1)) {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
}
.header-new.small-reportbook .header-item:nth-child(1) {
  margin-right: 1.2rem;
  align-items: baseline;
}
.header-new.small-reportbook .header-item {
  display: flex;
  align-items: flex-end;
}
.header-new.small-reportbook .header-item .header-item-breadcrumb.active {
  color: #24292E !important;
  cursor: text;
}
.header-new.small-reportbook .header-item .header-item-breadcrumb {
  padding: 0.4rem;
}
.header-new.small-reportbook .header-item .header-item-breadcrumb + .header-item-breadcrumb {
  margin-left: 0.4rem;
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #878AA6;
}

.header-item-dropdown {
  align-self: baseline;
}
.header-item-dropdown button {
  display: flex;
}
.header-item-dropdown button::after {
  border: none;
}
.header-item-dropdown button img {
  height: 2.4rem;
  width: 2.4rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}

.header-item-button-group {
  display: flex;
  align-items: center;
}
.header-item-button-group .header-item-button {
  display: flex;
  width: 12.9rem;
}
.header-item-button-group .header-item-button + .header-item-button {
  margin-left: 0.8rem;
}

#responsive-dropdown {
  display: none;
}

.is-disabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.nav-container-scrollable {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
  box-shadow: inset 0px -2px 0px 0px #E5E7F2;
}
.nav-container-scrollable button {
  background-color: transparent;
}
.nav-container-scrollable .nav {
  flex-grow: 1;
  flex-wrap: nowrap;
  gap: 0.8rem;
  overflow-x: auto;
  scroll-behavior: smooth;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.nav-container-scrollable .nav .nav-item .nav-link {
  color: #4C516D;
  padding: 1.2rem 1.6rem;
  font-size: 1.5rem;
  font-weight: 400;
  text-wrap: nowrap;
  cursor: pointer;
}
.nav-container-scrollable .nav .nav-item .nav-link.active {
  box-shadow: inset 0px -2px 0px 0px #3167F6;
  color: #3167F6;
  font-weight: 600;
}
.nav-container-scrollable .nav::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera */
}

.nav-item:focus-visible, .nav-link:focus-visible {
  outline: none;
}

.alert-danger {
  font-size: 1.5rem;
  color: darkred;
  background-color: #FFF8F8 !important;
  width: 100%;
  border: 2px solid #FFECEC;
  border-radius: 0.4rem;
}

.alert-info-purple {
  font-size: 1.5rem;
  color: #7233DA;
  background-color: #FBF9FF !important;
  border: 2px solid #F3EFF9;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.6rem 2rem;
}
.alert-info-purple p.add-text {
  display: none;
}
.alert-info-purple i.kejar-info::before {
  color: #7233DA;
}
@media (max-width: 27.8rem) {
  .alert-info-purple {
    height: 12rem;
  }
  .alert-info-purple p.full-text {
    display: none;
  }
  .alert-info-purple p.add-text {
    display: block;
  }
}

.alert-info-white {
  font-size: 1.5rem;
  color: #4C516D;
  background-color: #FFFFFF !important;
  border: 2px solid rgb(194, 196, 202);
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.6rem 2rem;
  align-items: center;
}
.alert-info-white p.add-text {
  display: none;
}
.alert-info-white i.kejar-info::before {
  color: #4C516D;
}
@media (max-width: 27.8rem) {
  .alert-info-white {
    height: 12rem;
  }
  .alert-info-white p.full-text {
    display: none;
  }
  .alert-info-white p.add-text {
    display: block;
  }
}

.alert-info-white-2 {
  font-size: 1.5rem;
  color: #4C516D;
  background-color: #F8F8FC !important;
  border: 2px solid #E5E7F2;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.8rem 2rem;
  align-items: center;
}
.alert-info-white-2 p.add-text {
  display: none;
}
.alert-info-white-2 i.kejar-info::before {
  color: #4C516D;
}
@media (max-width: 27.8rem) {
  .alert-info-white-2 {
    height: 12rem;
  }
  .alert-info-white-2 p.full-text {
    display: none;
  }
  .alert-info-white-2 p.add-text {
    display: block;
  }
}

.alert-info-primary {
  font-size: 1.5rem;
  color: #032BBC;
  background-color: #F4F8FF !important;
  border: 2px solid #CDE5FF;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.6rem 2rem;
  align-items: center;
}
.alert-info-primary p.add-text {
  display: none;
}
.alert-info-primary i.kejar-info::before {
  color: #4C516D;
}
@media (max-width: 27.8rem) {
  .alert-info-primary {
    height: 12rem;
  }
  .alert-info-primary p.full-text {
    display: none;
  }
  .alert-info-primary p.add-text {
    display: block;
  }
}

.info-box-accent-1 {
  font-size: 1.5rem;
  color: #BF0067;
  background-color: #FFF6FA !important;
  border: 2px solid #FFEDF4;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.6rem 2rem;
}
.info-box-accent-1 p.add-text {
  display: none;
}
.info-box-accent-1 i.kejar-info::before {
  color: #BF0067;
}
@media (max-width: 27.8rem) {
  .info-box-accent-1 p.full-text {
    display: none;
  }
  .info-box-accent-1 p.add-text {
    display: block;
  }
}

.information-alert {
  padding: 1.33rem 1.73rem !important;
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem !important;
  line-height: 1.6rem;
  color: #131315;
  background-color: #F9F6FC;
}
.information-alert i {
  font-family: Arial, Helvetica, sans-serif !important;
  display: inline-block;
  min-width: 1.4rem;
  margin-right: 1.3rem;
  height: 1.4rem;
  border: 0.13rem solid #7233DA;
  border-radius: 50%;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4rem;
  text-align: center;
  color: #7233DA;
}
.information-alert p {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem !important;
  line-height: 1.6rem;
  color: #131315;
}
.information-alert .add-text {
  display: none;
}
@media screen and (max-width: 768px) {
  .information-alert:not(:first-line) {
    padding-left: 3rem;
  }
  .information-alert .full-text {
    display: none;
  }
  .information-alert .add-text {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }
}

.fade-display:not(.show) {
  opacity: 0;
  display: none;
}

.info-box-primary {
  font-size: 1.5rem;
  color: #1F50CF !important;
  background-color: #F7FAFF !important;
  border: 0.1rem solid #D9EBFF;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.1rem 1.9rem;
  align-items: flex-start;
  display: flex;
}
.info-box-primary .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.info-box-primary.mobile {
  flex-direction: column;
  max-width: 32.8rem;
}
.info-box-primary.mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.info-box-primary i.kejar-info::before {
  color: #1F50CF;
}
.info-box-primary .link-text {
  color: #3167F6;
}
.info-box-primary .link-text:hover {
  color: #318CF6;
}
.info-box-primary .link-text:active {
  color: #1F50CF;
}
.info-box-primary .button-info-box {
  display: flex;
  justify-content: flex-end;
}
.info-box-primary .button-info-box .button-text {
  line-height: 2rem;
  padding: 0.8rem 1.6rem;
  border: 0.2rem solid #F3EFF9;
  border-radius: 0.4rem;
  cursor: pointer;
}
.info-box-primary .button-info-box .button-text:hover {
  background-color: #F9F6FC;
}
.info-box-primary .button-info-box .button-text.button-blue {
  color: #3167F6;
}
.info-box-primary .button-info-box .button-text.button-blue:hover {
  color: #318CF6;
}
.info-box-primary .button-info-box .button-text.button-blue:active {
  color: #1F50CF;
}

.info-box-danger {
  font-size: 1.5rem;
  color: #DF1212 !important;
  background-color: #FFF8F8 !important;
  border: 0.1rem solid #FFE1E1;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.1rem 1.9rem;
  align-items: flex-start;
  display: flex;
}
.info-box-danger .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.info-box-danger.mobile {
  flex-direction: column;
  max-width: 32.8rem;
}
.info-box-danger.mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.info-box-danger i.kejar-info::before {
  color: #DF1212;
}
.info-box-danger .link-text {
  color: #3167F6;
}
.info-box-danger .link-text:hover {
  color: #318CF6;
}
.info-box-danger .link-text:active {
  color: #1F50CF;
}
.info-box-danger .button-info-box {
  display: flex;
  justify-content: flex-end;
}
.info-box-danger .button-info-box .button-text {
  line-height: 2rem;
  padding: 0.8rem 1.6rem;
  border: 0.2rem solid #F3EFF9;
  border-radius: 0.4rem;
  cursor: pointer;
}
.info-box-danger .button-info-box .button-text:hover {
  background-color: #F9F6FC;
}
.info-box-danger .button-info-box .button-text.button-blue {
  color: #3167F6;
}
.info-box-danger .button-info-box .button-text.button-blue:hover {
  color: #318CF6;
}
.info-box-danger .button-info-box .button-text.button-blue:active {
  color: #1F50CF;
}

.info-box-warning {
  font-size: 1.5rem;
  color: #BF5E18 !important;
  background-color: #FFFCF0 !important;
  border: 0.1rem solid #FEF2CA;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.1rem 1.9rem;
  align-items: flex-start;
  display: flex;
}
.info-box-warning .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.info-box-warning.mobile {
  flex-direction: column;
  max-width: 32.8rem;
}
.info-box-warning.mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.info-box-warning i.kejar-info::before {
  color: #BF5E18;
}
.info-box-warning .link-text {
  color: #3167F6;
}
.info-box-warning .link-text:hover {
  color: #318CF6;
}
.info-box-warning .link-text:active {
  color: #1F50CF;
}
.info-box-warning .button-info-box {
  display: flex;
  justify-content: flex-end;
}
.info-box-warning .button-info-box .button-text {
  line-height: 2rem;
  padding: 0.8rem 1.6rem;
  border: 0.2rem solid #F3EFF9;
  border-radius: 0.4rem;
  cursor: pointer;
}
.info-box-warning .button-info-box .button-text:hover {
  background-color: #F9F6FC;
}
.info-box-warning .button-info-box .button-text.button-blue {
  color: #3167F6;
}
.info-box-warning .button-info-box .button-text.button-blue:hover {
  color: #318CF6;
}
.info-box-warning .button-info-box .button-text.button-blue:active {
  color: #1F50CF;
}

.info-box-success {
  font-size: 1.5rem;
  color: #1E9235 !important;
  background-color: #F8FCF7 !important;
  border: 0.1rem solid #D4EFD2;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.1rem 1.9rem;
  align-items: flex-start;
  display: flex;
}
.info-box-success .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.info-box-success.mobile {
  flex-direction: column;
  max-width: 32.8rem;
}
.info-box-success.mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.info-box-success i.kejar-info::before {
  color: #1E9235;
}
.info-box-success .link-text {
  color: #3167F6;
}
.info-box-success .link-text:hover {
  color: #318CF6;
}
.info-box-success .link-text:active {
  color: #1F50CF;
}
.info-box-success .button-info-box {
  display: flex;
  justify-content: flex-end;
}
.info-box-success .button-info-box .button-text {
  line-height: 2rem;
  padding: 0.8rem 1.6rem;
  border: 0.2rem solid #F3EFF9;
  border-radius: 0.4rem;
  cursor: pointer;
}
.info-box-success .button-info-box .button-text:hover {
  background-color: #F9F6FC;
}
.info-box-success .button-info-box .button-text.button-blue {
  color: #3167F6;
}
.info-box-success .button-info-box .button-text.button-blue:hover {
  color: #318CF6;
}
.info-box-success .button-info-box .button-text.button-blue:active {
  color: #1F50CF;
}

.info-box-red-tp {
  font-size: 1.5rem;
  color: #BB0000 !important;
  background-color: #FFF8F8 !important;
  border: 0.1rem solid #FFECEC;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.1rem 1.9rem;
  align-items: flex-start;
  display: flex;
}
.info-box-red-tp .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.info-box-red-tp.mobile {
  flex-direction: column;
  max-width: 32.8rem;
}
.info-box-red-tp.mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.info-box-red-tp i.kejar-info::before {
  color: #BB0000;
}
.info-box-red-tp .link-text {
  color: #3167F6;
}
.info-box-red-tp .link-text:hover {
  color: #318CF6;
}
.info-box-red-tp .link-text:active {
  color: #1F50CF;
}
.info-box-red-tp .button-info-box {
  display: flex;
  justify-content: flex-end;
}
.info-box-red-tp .button-info-box .button-text {
  line-height: 2rem;
  padding: 0.8rem 1.6rem;
  border: 0.2rem solid #F3EFF9;
  border-radius: 0.4rem;
  cursor: pointer;
}
.info-box-red-tp .button-info-box .button-text:hover {
  background-color: #F9F6FC;
}
.info-box-red-tp .button-info-box .button-text.button-blue {
  color: #3167F6;
}
.info-box-red-tp .button-info-box .button-text.button-blue:hover {
  color: #318CF6;
}
.info-box-red-tp .button-info-box .button-text.button-blue:active {
  color: #1F50CF;
}

.info-box-neutral {
  font-size: 1.5rem;
  color: #4C516D !important;
  background-color: #F8F8FC !important;
  border: 0.1rem solid #E5E7F2;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.1rem 1.9rem;
  align-items: flex-start;
  display: flex;
}
.info-box-neutral .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.info-box-neutral.mobile {
  flex-direction: column;
  max-width: 32.8rem;
}
.info-box-neutral.mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.info-box-neutral i.kejar-info::before {
  color: #4C516D;
}
.info-box-neutral .link-text {
  color: #3167F6;
}
.info-box-neutral .link-text:hover {
  color: #318CF6;
}
.info-box-neutral .link-text:active {
  color: #1F50CF;
}
.info-box-neutral .button-info-box {
  display: flex;
  justify-content: flex-end;
}
.info-box-neutral .button-info-box .button-text {
  line-height: 2rem;
  padding: 0.8rem 1.6rem;
  border: 0.2rem solid #F3EFF9;
  border-radius: 0.4rem;
  cursor: pointer;
}
.info-box-neutral .button-info-box .button-text:hover {
  background-color: #F9F6FC;
}
.info-box-neutral .button-info-box .button-text.button-blue {
  color: #3167F6;
}
.info-box-neutral .button-info-box .button-text.button-blue:hover {
  color: #318CF6;
}
.info-box-neutral .button-info-box .button-text.button-blue:active {
  color: #1F50CF;
}

.info-box-accent-1 {
  font-size: 1.5rem;
  color: #E80B81 !important;
  background-color: #FFF6FA !important;
  border: 0.1rem solid #FFE0EB;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.1rem 1.9rem;
  align-items: flex-start;
  display: flex;
}
.info-box-accent-1 .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.info-box-accent-1.mobile {
  flex-direction: column;
  max-width: 32.8rem;
}
.info-box-accent-1.mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.info-box-accent-1 i.kejar-info::before {
  color: #E80B81;
}
.info-box-accent-1 .link-text {
  color: #3167F6;
}
.info-box-accent-1 .link-text:hover {
  color: #318CF6;
}
.info-box-accent-1 .link-text:active {
  color: #1F50CF;
}
.info-box-accent-1 .button-info-box {
  display: flex;
  justify-content: flex-end;
}
.info-box-accent-1 .button-info-box .button-text {
  line-height: 2rem;
  padding: 0.8rem 1.6rem;
  border: 0.2rem solid #F3EFF9;
  border-radius: 0.4rem;
  cursor: pointer;
}
.info-box-accent-1 .button-info-box .button-text:hover {
  background-color: #F9F6FC;
}
.info-box-accent-1 .button-info-box .button-text.button-blue {
  color: #3167F6;
}
.info-box-accent-1 .button-info-box .button-text.button-blue:hover {
  color: #318CF6;
}
.info-box-accent-1 .button-info-box .button-text.button-blue:active {
  color: #1F50CF;
}

.info-box-accent-2 {
  font-size: 1.5rem;
  color: #5616C0 !important;
  background-color: #F9F6FC !important;
  border: 0.1rem solid #E2D8F3;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.1rem 1.9rem;
  align-items: flex-start;
  display: flex;
}
.info-box-accent-2 .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.info-box-accent-2.mobile {
  flex-direction: column;
  max-width: 32.8rem;
}
.info-box-accent-2.mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.info-box-accent-2 i.kejar-info::before {
  color: #5616C0;
}
.info-box-accent-2 .link-text {
  color: #3167F6;
}
.info-box-accent-2 .link-text:hover {
  color: #318CF6;
}
.info-box-accent-2 .link-text:active {
  color: #1F50CF;
}
.info-box-accent-2 .button-info-box {
  display: flex;
  justify-content: flex-end;
}
.info-box-accent-2 .button-info-box .button-text {
  line-height: 2rem;
  padding: 0.8rem 1.6rem;
  border: 0.2rem solid #F3EFF9;
  border-radius: 0.4rem;
  cursor: pointer;
}
.info-box-accent-2 .button-info-box .button-text:hover {
  background-color: #F9F6FC;
}
.info-box-accent-2 .button-info-box .button-text.button-blue {
  color: #3167F6;
}
.info-box-accent-2 .button-info-box .button-text.button-blue:hover {
  color: #318CF6;
}
.info-box-accent-2 .button-info-box .button-text.button-blue:active {
  color: #1F50CF;
}

.info-box-light {
  font-size: 1.5rem;
  color: #131315 !important;
  background-color: #FBF9FF !important;
  border: 0.1rem solid #E5E7F2;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.1rem 1.9rem;
  align-items: flex-start;
  display: flex;
}
.info-box-light .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.info-box-light.mobile {
  flex-direction: column;
  max-width: 32.8rem;
}
.info-box-light.mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.info-box-light i.kejar-info::before {
  color: #131315;
}
.info-box-light .link-text {
  color: #3167F6;
}
.info-box-light .link-text:hover {
  color: #318CF6;
}
.info-box-light .link-text:active {
  color: #1F50CF;
}
.info-box-light .button-info-box {
  display: flex;
  justify-content: flex-end;
}
.info-box-light .button-info-box .button-text {
  line-height: 2rem;
  padding: 0.8rem 1.6rem;
  border: 0.2rem solid #F3EFF9;
  border-radius: 0.4rem;
  cursor: pointer;
}
.info-box-light .button-info-box .button-text:hover {
  background-color: #F9F6FC;
}
.info-box-light .button-info-box .button-text.button-blue {
  color: #3167F6;
}
.info-box-light .button-info-box .button-text.button-blue:hover {
  color: #318CF6;
}
.info-box-light .button-info-box .button-text.button-blue:active {
  color: #1F50CF;
}

.info-box-indigo {
  font-size: 1.5rem;
  color: #3E1583 !important;
  background-color: #F9F8FC !important;
  border: 0.1rem solid #D8DDFD;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.1rem 1.9rem;
  align-items: flex-start;
  display: flex;
}
.info-box-indigo .text {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.4rem;
}
.info-box-indigo.mobile {
  flex-direction: column;
  max-width: 32.8rem;
}
.info-box-indigo.mobile .header {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.8rem;
}
.info-box-indigo i.kejar-info::before {
  color: #3E1583;
}
.info-box-indigo .link-text {
  color: #3167F6;
}
.info-box-indigo .link-text:hover {
  color: #318CF6;
}
.info-box-indigo .link-text:active {
  color: #1F50CF;
}
.info-box-indigo .button-info-box {
  display: flex;
  justify-content: flex-end;
}
.info-box-indigo .button-info-box .button-text {
  line-height: 2rem;
  padding: 0.8rem 1.6rem;
  border: 0.2rem solid #F3EFF9;
  border-radius: 0.4rem;
  cursor: pointer;
}
.info-box-indigo .button-info-box .button-text:hover {
  background-color: #F9F6FC;
}
.info-box-indigo .button-info-box .button-text.button-blue {
  color: #3167F6;
}
.info-box-indigo .button-info-box .button-text.button-blue:hover {
  color: #318CF6;
}
.info-box-indigo .button-info-box .button-text.button-blue:active {
  color: #1F50CF;
}

.info-box-group {
  display: flex;
  max-height: 8.8rem;
}
.info-box-group .info-box-danger {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.info-box-group .info-box-button {
  display: flex;
  flex-direction: column;
  max-height: 8.8rem;
}
.info-box-group .info-box-button .info-box-button-item:nth-of-type(1) {
  width: 12rem;
  background-color: #FFF8F8;
  border: 0.2rem solid #FFECEC;
  border-left: unset;
  border-top-right-radius: 0.4rem;
  font-size: 1.5rem;
  height: 4.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-box-group .info-box-button .info-box-button-item:nth-of-type(2) {
  width: 12rem;
  background-color: #FFF8F8;
  border: 0.2rem solid #FFECEC;
  border-left: unset;
  border-top: unset;
  border-bottom-right-radius: 0.4rem;
  color: #4C516D;
  height: 4.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .info-box-group {
    flex-direction: column;
    max-height: none;
  }
  .info-box-group .info-box-danger {
    border-bottom: 0rem !important;
    border-radius: 0.4rem 0.4rem 0rem 0rem !important;
  }
  .info-box-group .info-box-button {
    width: 100%;
  }
  .info-box-group .info-box-button .info-box-button-item:nth-of-type(1) {
    width: 100%;
    border-radius: 0;
    border: 0.2rem solid #FFECEC;
  }
  .info-box-group .info-box-button .info-box-button-item:nth-of-type(2) {
    width: 100%;
    border: 0.2rem solid #FFECEC;
    border-top: unset;
    border-radius: 0rem 0rem 0.4rem 0.4rem !important;
  }
}

.comment-box {
  width: 100%;
  padding: 2rem 2.4rem;
  background: #F8F8FC;
  border-radius: 4px;
}

.material-box {
  max-width: 100%;
  padding: 1.6rem 2rem;
  background: #FFFDF5;
  border: 0.2rem solid #FFF6D8;
  border-radius: 0.4rem;
}
.material-box ol {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: normal;
  padding-left: 3rem;
}
.material-box ol li .material-box-text {
  margin-left: 1.6rem;
}
.material-box ol li + li {
  margin-top: 0.4rem;
}

.setting-box {
  max-width: 100%;
}
.setting-box .setting-box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.setting-box .setting-box-header .setting-box-header-edit {
  display: flex;
}
.setting-box .setting-box-body {
  display: flex;
  padding: 1.6rem 2rem;
  background: #F8F8FC;
  margin-top: 1.6rem;
  border-radius: 0.4rem;
}
.setting-box.mobile {
  width: 100%;
  max-width: 32.8rem;
}
.setting-box.mobile .setting-box-body {
  flex-direction: column;
}
.setting-box.mobile .setting-box-body .setting-box-item + .setting-box-item {
  margin-top: 2.4rem;
}

.description-box {
  width: 100%;
  max-width: 96rem;
  border: 2px solid #E5E7F2;
  border-radius: 8px;
  padding: 1.6rem;
}
.description-box .description-box-body {
  display: flex;
  background: #FFFFFF;
  border-radius: 0.8rem;
}
.description-box .description-box-body .description-box-item:not(:last-child) {
  padding-right: 1.6rem;
}
.description-box .description-box-body .description-box-item .text-label {
  margin-bottom: 0.2rem;
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 600;
}
.description-box .description-box-body .description-box-item .text-content {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
}
.description-box .description-box-body .description-box-item .text-small-content {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 400;
}
.description-box .description-box-body .description-box-item + .description-box-item {
  border-left: 1px solid #E5E7F2;
  padding-left: 1.6rem;
}
.description-box hr {
  margin: 0;
  color: #E5E7F2 !important;
  opacity: 1;
}

.description-box-print {
  width: 100%;
  border: 1px solid #9D9FBC;
}
.description-box-print .description-box-body {
  display: flex;
  padding: 0.8rem 1rem;
  background: #FFFFFF;
}
.description-box-print .description-box-body .description-box-item {
  flex: 1;
}
.description-box-print .description-box-body .description-box-item + .description-box-item {
  border-left: 1px solid #9D9FBC;
  padding-left: 1rem;
}

.working-time-box {
  display: flex;
}

.audio-box {
  max-width: 46.8rem;
  background: #F8F8FC;
  border: 0.1rem solid #E5E7F2;
  padding: 1.6rem;
  border-radius: 0.8rem;
}

.signature-box {
  max-width: 46.8rem;
  background: #FDFDFF;
  border: 0.2rem solid #E5E7F2;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  height: 100%;
}
.signature-box .signature-box-button {
  font-style: normal;
  font-weight: 600;
  font-size: 1.5rem;
  max-width: 14rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  background: #F7FAFF;
  border-radius: 0.4rem;
  padding: 1rem 1.6rem;
  color: #3167F6;
  margin: 0.8rem 0;
}
.signature-box .signature-box-description {
  display: flex;
  align-items: center;
  margin: 0.8rem 0;
}
.signature-box .signature-box-description .paragraph {
  margin-left: 1.6rem;
}

.box-shadow-none {
  box-shadow: unset !important;
}

.border-width-4 {
  border-width: 4px;
}

.border-bottom-grey-13 {
  border-bottom: 1px solid #E5E7F2;
}

.border-left-grey-13 {
  border-left: 1px solid #E5E7F2;
}

.border-small-left-grey-13 {
  border-left: 1px solid #E5E7F2;
}

@media screen and (min-width: 768px) {
  .border-left-md-grey-13 {
    border-left: 1px solid #E5E7F2;
  }
}

.border-left-0 {
  border-left: none !important;
}

.border-right-0 {
  border-right: none !important;
}

.border-red-4 {
  border-color: #FFE1E1 !important;
}

.info-box-neutral .text-box {
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
}

.info-box-purple {
  font-size: 1.5rem;
  color: #582CA0 !important;
  background-color: #FBF9FF !important;
  border: 0.2rem solid #F3EFF9 !important;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.6rem 2rem;
  align-items: flex-start;
  display: flex;
}

.info-box-purple-2 {
  font-size: 1.5rem;
  background-color: #FBF9FF !important;
  border: 0.2rem solid #F3EFF9 !important;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.6rem 2rem;
}

.box-time {
  border: 0.2rem solid #F3EFF9 !important;
  border-radius: 0.4rem;
  height: 4rem;
}

.material-box-purple {
  max-width: 100%;
  padding: 1.6rem 2rem;
  background-color: #FBF9FF !important;
  border: 0.2rem solid #F3EFF9 !important;
  border-radius: 0.4rem;
}
.material-box-purple ol {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: normal;
  padding-left: 3rem;
}
.material-box-purple ol li .material-box-text {
  margin-left: 1.6rem;
}
.material-box-purple ol li + li {
  margin-top: 0.4rem;
}

.instruction-box {
  max-width: 100%;
  padding: 3.2rem;
  background-color: #F9F6FC;
  border: 0.1rem solid #E2D8F3;
  border-radius: 0.4rem;
}
.instruction-box.closed {
  padding: 1.4rem 3.2rem;
}
.instruction-box ol {
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: normal;
  padding-left: 3rem;
}
.instruction-box ol li .instruction-box-text {
  margin-left: 1.6rem;
}
.instruction-box ol li + li {
  margin-top: 0.4rem;
}
.instruction-box .instruction-box-button {
  padding: 1.2rem 1.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: 1px solid #E2D8F3;
  color: #4C516D;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}

.finace-information-box {
  max-width: 100%;
  padding: 2rem 2rem 2.4rem 2rem;
  border: 0.2rem solid #E5E7F2;
  border-radius: 0.8rem;
}

.finace-information-box-2 {
  font-size: 1.5rem;
  color: #313548 !important;
  background-color: #F8F8FC !important;
  border: 0.1rem solid #E5E7F2;
  width: 100%;
  border-radius: 0.4rem;
  padding: 1.6rem 2rem;
}

.exercise-off-boarding-result-box {
  border-radius: 0.8rem;
  background: #F8F8FC !important;
  width: 100%;
}

.exercise-topic-box {
  padding: 14px 20px;
  border-radius: 4px;
  width: 100%;
  background: #F8F8FC;
}

.container-signature {
  display: flex;
  gap: 5.6rem;
  padding: 1.2rem 1.6rem;
}
.container-signature .signature-box-new {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  flex: 1;
  max-width: 32.4rem;
}
.container-signature .signature-box-new .signature-header .caption-top {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.container-signature .signature-box-new .signature-header .caption-top .signature-spacer-line {
  flex-grow: 1;
  height: 0.2rem;
  background: #E5E7F2;
}
.container-signature .signature-box-new .signature-header .caption-bottom {
  font-weight: 600;
}
.container-signature .signature-box-new .signature-body {
  display: flex;
  align-items: center;
  min-height: 11.5rem;
}
.container-signature .signature-box-new .signature-body .caption-body {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 400;
  margin-left: 0.8rem;
  color: #4C516D;
}
.container-signature .signature-box-new .signature-footer .signature-spacer-line {
  height: 0.2rem;
  background: #E5E7F2;
  margin-bottom: 0.4rem;
}

.badge-small-primary {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 9px;
  background: #F7FAFF;
  font-size: 1.1rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #1F50CF !important;
  cursor: pointer;
  border: 1px solid #D9EBFF;
}

.badge-small-accent-2 {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 9px;
  background: #F9F6FC;
  font-size: 1.1rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #582CA0 !important;
  cursor: pointer;
  border: 1px solid #E2D8F3;
}

.badge-small-warning {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 9px;
  background: #FFFCF0;
  font-size: 1.1rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #A34F12 !important;
  cursor: pointer;
  border: 1px solid #FBDE9B;
}

.badge-small-success {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 9px;
  background: #F8FCF7;
  font-size: 1.1rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #1E9235 !important;
  cursor: pointer;
  border: 1px solid #D4EFD2;
}

.badge-small-danger {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 9px;
  background: #FFF8F8;
  font-size: 1.1rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #FF4343 !important;
  cursor: pointer;
  border: 1px solid #FFE1E1;
}

.badge-small-accent-1 {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 9px;
  background: #FFF6FA;
  font-size: 1.1rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #E80B81 !important;
  cursor: pointer;
  border: 1px solid #FFE0EB;
}

.badge-small-neutral {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 9px;
  background: #F8F8FC;
  font-size: 1.1rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #4C516D !important;
  cursor: pointer;
  border: 1px solid #C3C2D7;
}

.badge-medium-primary {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 8px;
  background: #F7FAFF;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #1F50CF !important;
  cursor: pointer;
  border: 1px solid #D9EBFF;
}

.badge-medium-accent-2 {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 8px;
  background: #F9F6FC;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #582CA0 !important;
  cursor: pointer;
  border: 1px solid #E2D8F3;
}

.badge-medium-warning {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 8px;
  background: #FFFCF0;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #A34F12 !important;
  cursor: pointer;
  border: 1px solid #FBDE9B;
}

.badge-medium-success {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 8px;
  background: #F8FCF7;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #1E9235 !important;
  cursor: pointer;
  border: 1px solid #D4EFD2;
}

.badge-medium-danger {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 8px;
  background: #FFF8F8;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #FF4343 !important;
  cursor: pointer;
  border: 1px solid #FFE1E1;
}

.badge-medium-accent-1 {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 8px;
  background: #FFF6FA;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #E80B81 !important;
  cursor: pointer;
  border: 1px solid #FFE0EB;
}

.badge-medium-neutral {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 0.4rem;
  padding: 4px 8px;
  background: #F8F8FC;
  font-size: 1.3rem;
  font-style: italic;
  font-weight: 600;
  line-height: 1.2rem;
  color: #4C516D !important;
  cursor: pointer;
  border: 1px solid #C3C2D7;
}

.badge-default-neutral-small {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 4px 7px;
  font-size: 1rem;
  background: #EFF0F9;
  font-weight: 600;
  line-height: 1.2rem;
  color: #4C516D !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-danger-small {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 4px 7px;
  font-size: 1rem;
  background: #FFECEC;
  font-weight: 600;
  line-height: 1.2rem;
  color: #FF4343 !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-warning-small {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 4px 7px;
  font-size: 1rem;
  background: #FFF6D8;
  font-weight: 600;
  line-height: 1.2rem;
  color: #BF5E18 !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-success-small {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 4px 7px;
  font-size: 1rem;
  background: #E9F9ED;
  font-weight: 600;
  line-height: 1.2rem;
  color: #1E9235 !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-primary-small {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 4px 7px;
  font-size: 1rem;
  background: #EAF4FF;
  font-weight: 600;
  line-height: 1.2rem;
  color: #1F50CF !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-purple-small {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 4px 7px;
  font-size: 1rem;
  background: #F3EFF9;
  font-weight: 600;
  line-height: 1.2rem;
  color: #5616C0 !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-magenta-small {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 4px 7px;
  font-size: 1rem;
  background: #FFEDF4;
  font-weight: 600;
  line-height: 1.2rem;
  color: #E80B81 !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-rounded-success-small {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 1.2rem 1.6rem;
  font-size: 1.5rem;
  background: #E9F9ED;
  font-weight: 600;
  line-height: 1.2rem;
  color: #131315 !important;
  cursor: pointer;
  text-transform: unset;
}

.badge-rounded-danger-small {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 1.2rem 1.6rem;
  font-size: 1.5rem;
  background: #FFECEC;
  font-weight: 600;
  line-height: 1.2rem;
  color: #131315 !important;
  cursor: pointer;
  text-transform: unset;
}

.badge-rounded-warning-small {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 1.2rem 1.6rem;
  font-size: 1.5rem;
  background: #FFF6D8;
  font-weight: 600;
  line-height: 1.2rem;
  color: #131315 !important;
  cursor: pointer;
  text-transform: unset;
}

.badge-default-neutral-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 6px 10px;
  font-size: 13px;
  background: #EFF0F9;
  font-weight: 600;
  line-height: 1.6rem;
  color: #4C516D !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-danger-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 6px 10px;
  font-size: 13px;
  background: #FFECEC;
  font-weight: 600;
  line-height: 1.6rem;
  color: #FF4343 !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-warning-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 6px 10px;
  font-size: 13px;
  background: #FFF6D8;
  font-weight: 600;
  line-height: 1.6rem;
  color: #BF5E18 !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-success-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 6px 10px;
  font-size: 13px;
  background: #E9F9ED;
  font-weight: 600;
  line-height: 1.6rem;
  color: #1E9235 !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-primary-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 6px 10px;
  font-size: 13px;
  background: #EAF4FF;
  font-weight: 600;
  line-height: 1.6rem;
  color: #1F50CF !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-purple-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 6px 10px;
  font-size: 13px;
  background: #F3EFF9;
  font-weight: 600;
  line-height: 1.6rem;
  color: #5616C0 !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-default-magenta-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 2px;
  padding: 6px 10px;
  font-size: 13px;
  background: #FFEDF4;
  font-weight: 600;
  line-height: 1.6rem;
  color: #E80B81 !important;
  cursor: pointer;
  text-transform: uppercase;
}

.badge-rounded-success-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 1.2rem 1.6rem;
  font-size: 1.5rem;
  background: #E9F9ED;
  font-weight: 600;
  line-height: 1.6rem;
  color: #131315 !important;
  cursor: pointer;
  text-transform: unset;
}

.badge-rounded-danger-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 1.2rem 1.6rem;
  font-size: 1.5rem;
  background: #FFECEC;
  font-weight: 600;
  line-height: 1.6rem;
  color: #131315 !important;
  cursor: pointer;
  text-transform: unset;
}

.badge-rounded-warning-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 20px;
  padding: 1.2rem 1.6rem;
  font-size: 1.5rem;
  background: #FFF6D8;
  font-weight: 600;
  line-height: 1.6rem;
  color: #131315 !important;
  cursor: pointer;
  text-transform: unset;
}

.badge-selection-neutral-medium {
  width: -moz-fit-content;
  width: fit-content;
  height: 2.8rem;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  background: #F6F6FC;
  border-radius: 4px;
  padding: 6px 8px 6px 10px;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.6rem;
}

.badge-undone {
  padding: 0.6rem 0.8rem;
  color: #FF6666 !important;
  background-color: #FFF8F8 !important;
  border-radius: 16px;
  border: 1px solid #FF6666;
}

.badge-done {
  padding: 0.6rem 0.8rem;
  color: #0B6C1E !important;
  background-color: #F8FCF7 !important;
  border-radius: 16px;
  border: 1px solid #5ED980;
}

.badge-number {
  /* Ellipse 277 */
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  padding-top: 1px;
  font-style: normal;
  font-weight: 700;
  font-size: 13px;
  line-height: 16px;
  /* purple/purple-5 */
  background: #F3EFF9;
}

.badge-role {
  font-size: 1rem;
  line-height: 1.2rem;
  color: #313548;
  padding: 0.4rem 0.7rem;
  text-transform: uppercase;
  font-weight: 600;
  border-radius: 0.2rem;
  white-space: nowrap;
}

.rounded-circle-number {
  border-radius: 50% !important;
  width: 24px;
  height: 24px;
}

*:disabled {
  cursor: not-allowed;
}

a.cell-hover {
  color: inherit;
  cursor: pointer;
}
a.cell-hover:hover {
  text-decoration: none !important;
  color: #3E1583;
}
a.cell-hover:hover .hover-hidden-icon {
  display: initial !important;
}

.btn-logout {
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #FFFFFF !important;
  border-radius: 0;
}
.btn-logout:hover {
  color: #FF6666 !important;
  text-decoration: none;
}

.btn-danger {
  background-color: #FF6666;
  padding: 1rem 1.2rem !important;
  border: none !important;
  border-radius: 0.4rem !important;
}

.btn-primary {
  padding: 1rem 1.2rem !important;
  border: none !important;
  border-radius: 0.4rem !important;
}
.btn-primary:hover {
  background-color: #318CF6;
  color: #FFFFFF;
}

.btn-primary-disable {
  padding: 1rem 1.2rem !important;
  border: none !important;
  border-radius: 0.4rem !important;
  background-color: #DCDEED;
  color: #FFFFFF;
}

.btn-white {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 10px 16px;
  background: #FFFFFF;
  border: unset;
}

.btn-total {
  background-color: #E9F2FF;
  cursor: pointer;
}
.btn-total:hover {
  background-color: #F8F8FC;
}

.btn-reset-score {
  padding: 1rem 1.2rem !important;
  border: none !important;
  border-radius: 0.4rem !important;
}
.btn-reset-score:hover {
  background-color: #4C516D;
  color: #FFFFFF;
}

.btn-blue-tp {
  padding: 1rem 1.2rem;
  border: none !important;
  border-radius: 0.4rem !important;
  background-color: #F7FAFF;
  color: #3167F6;
  box-shadow: 0px 2px 2px 0px #C3C2D7;
}
.btn-blue-tp:hover {
  color: #3167F6;
}
.btn-blue-tp.padding-top-buttom-1rem {
  height: 40px;
  width: 141px;
  padding: 1rem 1.6rem 1rem 1.6rem !important;
}

.btn-skip {
  background-color: #F4F8FF !important;
  color: #3167F6 !important;
  border: 0;
}
.btn-skip:hover {
  background: #318CF6;
}

.btn-package {
  background-color: #F6F6FC;
  margin-bottom: 1.6rem;
  padding: 1.4rem 1.6rem;
  width: 100%;
  color: #131315;
  border-radius: 4px;
  cursor: pointer;
}
.btn-package a {
  text-decoration: none;
}
.btn-package:hover {
  background-color: #F7FAFF;
  color: #7233DA;
}
.btn-package:hover a {
  color: #7233DA;
}

.btn-package.course-topic:nth-child(1) {
  margin-top: 4rem;
}

.btn-accordion {
  background-color: #F8F8FC;
  display: flex;
  flex-direction: column !important;
  width: 100%;
  padding: 1.6rem 2.4rem;
}
.btn-accordion:hover {
  background: #F6F6FC;
}

.btn-accordion-disabled {
  background-color: #F6F6FC;
  display: flex;
  flex-direction: column !important;
  width: 100%;
  font-weight: normal !important;
  color: #878AA6;
  padding: 1.6rem 2.4rem;
}

.btn-accordion-item {
  background-color: #F8F8FC;
  display: flex;
  flex-direction: row;
  align-items: center !important;
  width: 100%;
  padding-bottom: 1.4rem;
  padding-top: 1.4rem;
  padding-left: 4.2rem;
  padding-right: 1.6rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  text-align: start;
}
.btn-accordion-item:hover {
  background: #C3C2D7;
}

.btn-delete-answer {
  display: inline-block;
  border: 0;
  background-color: transparent;
  width: 4rem;
  height: 4rem;
  font-size: 1.8rem;
}

.btn-modul {
  text-align: left;
}
.btn-modul:hover {
  color: #3E1583;
}

.btn-login {
  background: #DB2777;
  padding: 0.8rem 1.6rem;
  height: 4rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
  display: block;
  width: 100%;
  font-weight: 500;
  border-radius: 6px;
  text-transform: uppercase;
  margin-bottom: 2.4rem;
}
.btn-login:hover {
  background: #FF58AC;
  color: #FFFFFF;
}

.btn-back {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #4C516D !important;
  padding: 1rem 0;
}
.btn-back:hover {
  color: #318CF6 !important;
  text-decoration: none;
}
.btn-back:hover i:before {
  color: #318CF6 !important;
}
.btn-back i {
  margin-right: 0.8rem;
  line-height: 2rem;
  font-size: 2rem;
  top: 0.3rem;
}
.btn-back i:before {
  color: #4C516D;
}

.upload-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.6rem;
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .upload-buttons {
    flex-wrap: wrap;
  }
}

.btn-upload {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #3167F6;
  text-align: left;
  width: 100%;
  height: 4.8rem;
  display: flex;
  align-items: center;
  border: 0.2rem solid #E5E7F2;
  box-sizing: border-box;
  background: #FFFFFF;
  padding: 1.4rem 1.6rem;
  border-radius: 4px;
}
.btn-upload i {
  margin-right: 1.6rem;
  font-size: 2rem;
  line-height: 2rem;
}
.btn-upload i:before {
  color: #3167F6;
}
.btn-upload:hover {
  color: #318CF6 !important;
  text-decoration: none;
  background-color: #F6F6FC;
}
.btn-upload:hover i:before {
  color: #318CF6;
}

.btn-block {
  display: block !important;
  width: 100% !important;
}

.btn-block-plain {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  font-size: 14.8px;
  color: #3167F6;
  text-align: left;
  width: 100%;
  height: 4.8rem;
  display: flex;
  align-items: center;
  border: 0.2rem solid #E5E7F2;
  box-sizing: border-box;
  background: #FFFFFF;
  padding: 1.4rem 1.2rem;
  margin-bottom: 1.6rem;
  border-radius: 4px;
}
.btn-block-plain i {
  margin-right: 1.6rem;
  font-size: 2rem;
  line-height: 2rem;
}
.btn-block-plain i:before {
  color: #3167F6;
}
.btn-block-plain:hover {
  color: #318CF6 !important;
  text-decoration: none;
}
.btn-block-plain:hover i:before {
  color: #318CF6;
}

.stage-order-buttons {
  display: none;
  grid-template-columns: auto auto;
  grid-gap: 0.8rem;
}

.round-order-buttons {
  grid-template-columns: auto auto;
  grid-gap: 0.8rem;
}

.btn-icon {
  width: 2rem;
  height: 2rem;
  border: none;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent;
  vertical-align: center;
}
.btn-icon i {
  top: 0 !important;
  left: 0 !important;
}
.btn-icon.order-status {
  display: block;
}
.btn-icon.order-status i.kejar-belum-mengerjakan1::before {
  color: #FF6666;
}
.btn-icon.order-status i.kejar-sudah-dikerjakan::before {
  color: #5ED980;
}
.btn-icon.sort-up, .btn-icon.sort-down {
  cursor: pointer;
  display: none;
}

.btn-add {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #3167F6;
  text-align: left;
  width: 100%;
  height: 4rem;
  display: flex;
  align-items: center;
  border: 0.2rem solid #F7FAFF;
  box-sizing: border-box;
  background: #FFFFFF;
  outline: none;
  padding: 0.5rem 1.2rem;
  margin: 0;
}
.btn-add i {
  margin-right: 1.6rem;
  font-size: 2rem;
  line-height: 2rem;
}
.btn-add i:before {
  color: #3167F6;
}
.btn-add:hover {
  color: #318CF6 !important;
  text-decoration: none;
}
.btn-add:hover i:before {
  color: #318CF6;
}

.btn-add-course {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #3167F6;
  text-align: left;
  width: 100%;
  display: flex;
  align-items: center;
  border: none;
  box-sizing: border-box;
  background: #FFFFFF;
  outline: none;
  margin: 0;
}
.btn-add-course i {
  margin-right: 1.6rem;
  font-size: 2rem;
  line-height: 2rem;
}
.btn-add-course i:before {
  color: #3167F6;
}
.btn-add-course:hover {
  color: #318CF6 !important;
  text-decoration: none;
}
.btn-add-course:hover i:before {
  color: #318CF6;
}

.btn-add-course.bordered {
  border: 2px solid #E5E7F2;
}

.button-input {
  height: 44px;
  padding: 10px 16px;
}
.button-input::-moz-placeholder {
  color: #9D9FBC;
  font-size: 15px;
  line-height: 24px;
}
.button-input::placeholder {
  color: #9D9FBC;
  font-size: 15px;
  line-height: 24px;
}

.selected-week {
  background: #E5E7F2 !important;
  color: #131315;
  font-weight: bold;
  font-size: 15px;
}

.btn-revise {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #3167F6;
  text-align: left;
  display: flex;
  align-items: center;
  border: none;
  box-sizing: border-box;
  background: #F7FAFF;
  outline: none;
  padding: 1rem 1.2rem !important;
  margin: 0;
}
.btn-revise:hover {
  color: #318CF6;
}

.btn-flat {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #3167F6;
  text-align: left;
  display: flex;
  align-items: center;
  border: none;
  box-sizing: border-box;
  background: #F7FAFF;
  outline: none;
  margin: 0;
}
.btn-flat:hover {
  color: #318CF6;
}

.btn-export {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #3167F6;
  background-color: transparent;
  text-align: left;
  display: flex;
  align-items: center;
  border: none;
  box-sizing: border-box;
  outline: none;
  padding: 1rem 1.2rem !important;
  margin: 0;
}
.btn-export i:before {
  color: #3167F6;
}
.btn-export:hover {
  color: #318CF6;
}
.btn-export:hover i:before {
  color: #318CF6;
}

.btn-publish {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #FFFFFF;
  text-align: left;
  display: flex;
  align-items: center;
  border: none;
  box-sizing: border-box;
  background: #3167F6;
  outline: none;
  padding: 1rem 1.2rem !important;
  margin: 0;
}
.btn-publish:hover {
  background-color: #318CF6;
  color: #FFFFFF;
}

.btn-select-week {
  width: 6.4rem;
  height: 4.4rem;
  border: none;
  background: #F6F6FC;
  text-align: center;
}
.btn-select-week.full {
  background: #DCDEED;
  color: #878AA6;
}
.btn-select-week:hover {
  background: #C3C2D7;
}

.btn-select-week:focus {
  outline: none;
}

.play-button {
  display: flex;
  justify-content: flex-end;
}
.play-button .btn-next {
  display: inline-block;
  width: 7.5rem !important;
  height: 2rem;
  padding: 0.2rem 0.6rem !important;
  font-style: normal;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  text-align: center;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF;
  background: #7233DA;
}
.play-button .btn-next i {
  display: block !important;
  margin-left: 0.5rem !important;
  margin-top: -0.6rem !important;
}
.play-button .btn-next i:before {
  color: #FFFFFF;
  font-size: 2rem;
}
.play-button .btn-next:hover {
  background: #986CE0;
}

.btn-group-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn-group-between .btn-page-management {
  text-align: right;
  width: 30rem;
  height: 3.5rem;
  line-height: 3.5rem;
}
.btn-group-between .btn-page-management a {
  display: inline-block;
  width: 14rem;
  height: 100%;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  text-decoration: none;
  line-height: 2rem;
  color: #BCBBD0;
}
.btn-group-between .btn-page-management a i:before {
  color: #BCBBD0;
}
.btn-group-between .btn-page-management a:hover {
  text-decoration: none;
  color: #BCBBD0;
}
.btn-group-between .btn-page-management a:hover i:before {
  color: #BCBBD0;
}
.btn-group-between .btn-page-management a.active {
  color: #4C516D;
}
.btn-group-between .btn-page-management a.active i:before {
  color: #4C516D;
}
.btn-group-between .btn-page-management a.active:hover {
  color: #318CF6;
}
.btn-group-between .btn-page-management a.active:hover i:before {
  color: #318CF6;
}

.pts-btn-next {
  display: flex;
  flex-direction: row;
  padding: 1.6rem 2rem !important;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF;
  background: #7233DA;
}
.pts-btn-next i {
  display: block !important;
  font-size: 2.6rem !important;
  margin-top: 0.2rem !important;
}
.pts-btn-next i:before {
  color: #FFFFFF;
  font-size: 2.4rem;
}
.pts-btn-next:hover {
  background: #986CE0;
}

.save-answer i:before {
  color: #5ED980;
  font-size: 2.2rem;
}

.assesment-btn-exit {
  display: flex;
  align-items: center;
}
.assesment-btn-exit .kejar-exit {
  color: #ffffff;
}
@media screen and (max-width: 576px) {
  .assesment-btn-exit {
    display: none;
  }
}

.assesment-timer {
  display: flex;
  align-items: center;
}

.assesment-timer-dropdown {
  display: none;
}
@media screen and (max-width: 400px) {
  .assesment-timer-dropdown {
    display: flex;
  }
}

.assesment-btn-question {
  display: none;
  flex-direction: row;
  height: 3.2rem;
  width: 18.2rem;
  padding: 0.8rem 1.2rem !important;
  margin-bottom: 1.6rem;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  border-radius: 0;
  color: #4C516D;
  background: #F6F6FC;
}
.assesment-btn-question h5, .assesment-btn-question .h5 {
  padding-left: 8px;
  font-size: 1.3rem;
}
.assesment-btn-question i {
  display: block !important;
  font-size: 1.6rem !important;
}
.assesment-btn-question i:before {
  color: #4C516D;
  font-size: 1.4rem;
}
.assesment-btn-question:hover {
  background: #C3C2D7;
}

.assesment-btn-next {
  display: flex;
  flex-direction: row;
  height: 3.6rem;
  padding: 1.6rem 2rem;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  border-radius: 0;
  border-width: 0;
  color: #FFFFFF;
  background: #5ED980;
}
.assesment-btn-next i {
  display: block !important;
  font-size: 1.6rem !important;
  margin-top: 0.2rem !important;
}
.assesment-btn-next i:before {
  color: #FFFFFF;
  font-size: 2rem;
}
.assesment-btn-next:hover {
  background: #0B6C1E;
  color: #FFFFFF;
}
.assesment-btn-next:hover i:before {
  color: #FFFFFF;
}
.assesment-btn-next.disabled {
  background: #DBE4EC;
  color: #FFFFFF;
}
.assesment-btn-next.disabled i:before {
  color: #FFFFFF;
}
.assesment-btn-next.disabled:hover {
  background: #DBE4EC;
  color: #FFFFFF;
}

.assesment-btn-before {
  display: flex;
  flex-direction: row;
  height: 3.6rem;
  padding: 0.8rem 1.6rem;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  border-width: 0;
  border-radius: 0;
  color: #19CE58;
  background: #E9F9ED;
}
.assesment-btn-before i {
  display: block !important;
  margin-top: 0.2rem !important;
}
.assesment-btn-before i:before {
  color: #19CE58;
  font-size: 2rem;
}
.assesment-btn-before:hover {
  color: #FFFFFF;
  background: #19CE58;
}
.assesment-btn-before:hover i:before {
  color: #FFFFFF;
}
.assesment-btn-before.disabled {
  background: #DBE4EC;
  color: #FFFFFF;
}
.assesment-btn-before.disabled i:before {
  color: #FFFFFF;
}
.assesment-btn-before.disabled:hover {
  background: #DBE4EC;
  color: #FFFFFF;
}

.pts-btn-pdf {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding: 1.4rem 2rem !important;
  color: #3167F6;
  background: #F4F8FF;
}
.pts-btn-pdf i {
  display: block !important;
  font-size: 1.6rem !important;
  margin-top: 0.2rem !important;
}
.pts-btn-pdf i:before {
  color: #3167F6;
  font-size: 1.6rem;
}
.pts-btn-pdf:hover {
  background: #F7FAFF;
}

.pts-number {
  align-items: center;
  display: flex;
  height: 3.2rem;
  justify-content: flex-end;
  width: 3.2rem;
  font-weight: 700;
}

.pts-choice {
  display: flex;
  width: 3.2rem;
  align-items: center;
  margin-left: 2rem;
  cursor: pointer;
  justify-content: center;
  height: 3.2rem;
  color: #878AA6;
  border: 2px solid #878AA6;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.pts-choice.active {
  background-color: #4C516D;
  border: 2px solid #4C516D;
  color: #FFFFFF;
  transition: background-color 0.2s, color 0.2s;
}

.pts-choice-check {
  display: flex;
  width: 6.8rem;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  height: 3.2rem;
  color: #4C516D !important;
}

.assessment-choice {
  display: flex;
  width: 2rem;
  align-items: center;
  margin-left: 2rem;
  cursor: pointer;
  font-size: 15px;
  justify-content: center;
  height: 2rem;
  color: #4C516D;
  border: 2px solid #4C516D;
  border-radius: 50%;
  transition: background-color 0.2s, color 0.2s;
}
.assessment-choice.active {
  background-color: #4C516D;
  border: 2px solid #4C516D;
  color: #FFFFFF;
  transition: background-color 0.2s, color 0.2s;
}

.assessment-choice-check {
  display: flex;
  width: 6.8rem;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  height: 3.2rem;
  color: #4C516D !important;
}

#logout .btn-logout:hover {
  color: #FFFFFF !important;
}

.btn-ma-view-as {
  background-color: #F4F8FF;
  height: 144px;
  width: 144px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-width: 0;
  border-radius: 1.6rem;
}
.btn-ma-view-as .icon {
  text-align: center;
  width: 48px;
  height: 48px;
  background-color: #F7FAFF;
  font-size: 40px;
  padding-top: 8px;
  margin-top: 3.2rem;
  color: #fff;
  border-radius: 50%;
}
.btn-ma-view-as .caption {
  margin-top: 0.8rem;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  color: #131315;
}

.group-card-journal {
  display: flex;
  flex-wrap: wrap;
}
.group-card-journal .journal-card {
  background-color: #FFFFFF;
  max-width: 16.8rem;
  height: 14.8rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 2.6rem;
  padding-bottom: 2.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 8px;
  margin-top: 1.6rem;
  margin-right: 1.2rem;
  text-decoration: none;
}
.group-card-journal .journal-card:hover {
  background: #F4F8FF;
}
.group-card-journal .journal-card:active {
  background: #FFFFFF;
}
.group-card-journal .journal-card .icon-status {
  position: absolute;
  right: 12px;
  top: 12px;
}
.group-card-journal .journal-card .icon {
  text-align: center;
  width: 48px;
  height: 48px;
  background-color: #F7FAFF;
  font-size: 40px;
  padding-top: 8px;
  color: #fff;
  border-radius: 50%;
}
.group-card-journal .journal-card .caption {
  margin-top: 0.8rem;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  color: #131315;
}
@media screen and (max-width: 768px) {
  .group-card-journal .journal-card {
    max-width: 16.8rem;
    min-width: 15rem;
  }
}

.remove-btn {
  display: inline-block;
  border: 0;
  height: 4rem;
  font-size: 2rem;
  text-align: center;
  background-color: transparent;
}
.remove-btn:focus {
  outline: 0;
}

.button-option-modal {
  height: 14.4rem;
  width: 14.4rem;
  border-radius: 16px;
  background: #F4F8FF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
}
.button-option-modal:hover {
  background: #EAF4FF;
}
.button-option-modal:hover .rounded-bg-icon {
  background: #D9EBFF;
}
.button-option-modal:active {
  background: #F4F8FF;
  box-shadow: 0px 1px 3px 0px rgba(65, 51, 104, 0.2) inset, 0px -2px 0px 0px rgba(255, 255, 255, 0.15) inset;
}
.button-option-modal:active .rounded-bg-icon {
  background: #EAF4FF;
}
.button-option-modal .rounded-bg-icon {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #EAF4FF;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-giant-primary-bold {
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 28px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 12px 32px;
  background: #3167F6;
  color: #ffffff;
  cursor: pointer;
}

.btn-small-primary-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 8px 12px;
  background: #3167F6;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-small-primary-bold svg path {
  fill: #FFFFFF;
}
.btn-small-primary-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #1888FF;
  color: #FFFFFF;
}
.btn-small-primary-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-small-primary-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #0132E1;
  color: #FFFFFF;
}
.btn-small-primary-bold:focus {
  outline: unset;
}
.btn-small-primary-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-primary-bold:disabled svg path {
  fill: #ffffff;
}

.btn-small-primary-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 8px 12px;
  background: #E9F2FF;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-small-primary-light svg path {
  fill: #3167F6;
}
.btn-small-primary-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #E9F2FF;
  color: #1888FF;
}
.btn-small-primary-light:hover svg path {
  fill: #1888FF;
}
.btn-small-primary-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #E9F2FF;
  color: #0132E1;
}
.btn-small-primary-light:focus {
  outline: unset;
}
.btn-small-primary-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-primary-light:disabled svg path {
  fill: #ffffff;
}

.btn-small-primary-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 8px 12px;
  background: #FFFFFF;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-small-primary-plain svg path {
  fill: #3167F6;
}
.btn-small-primary-plain:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #1888FF;
}
.btn-small-primary-plain:hover svg path {
  fill: #1888FF;
}
.btn-small-primary-plain:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #0132E1;
}
.btn-small-primary-plain:focus {
  outline: unset;
}
.btn-small-primary-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-primary-plain:disabled svg path {
  fill: #ffffff;
}

.btn-small-primary-link {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 8px 12px;
  background: #ffffff;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-small-primary-link svg path {
  fill: #3167F6;
}
.btn-small-primary-link:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #1888FF;
}
.btn-small-primary-link:hover svg path {
  fill: #1888FF;
}
.btn-small-primary-link:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #0132E1;
}
.btn-small-primary-link:focus {
  outline: unset;
}
.btn-small-primary-link:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-primary-link:disabled svg path {
  fill: #ffffff;
}

.btn-medium-primary-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 10px 16px;
  background: #3167F6;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-medium-primary-bold svg path {
  fill: #FFFFFF;
}
.btn-medium-primary-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #1888FF;
  color: #FFFFFF;
}
.btn-medium-primary-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-medium-primary-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #0132E1;
  color: #FFFFFF;
}
.btn-medium-primary-bold:focus {
  outline: unset;
}
.btn-medium-primary-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-primary-bold:disabled svg path {
  fill: #ffffff;
}

.btn-medium-primary-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 10px 16px;
  background: #E9F2FF;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-medium-primary-light svg path {
  fill: #3167F6;
}
.btn-medium-primary-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #E9F2FF;
  color: #1888FF;
}
.btn-medium-primary-light:hover svg path {
  fill: #1888FF;
}
.btn-medium-primary-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #E9F2FF;
  color: #0132E1;
}
.btn-medium-primary-light:focus {
  outline: unset;
}
.btn-medium-primary-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-primary-light:disabled svg path {
  fill: #ffffff;
}

.btn-medium-primary-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 10px 16px;
  background: #FFFFFF;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-medium-primary-plain svg path {
  fill: #3167F6;
}
.btn-medium-primary-plain:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #1888FF;
}
.btn-medium-primary-plain:hover svg path {
  fill: #1888FF;
}
.btn-medium-primary-plain:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #0132E1;
}
.btn-medium-primary-plain:focus {
  outline: unset;
}
.btn-medium-primary-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-primary-plain:disabled svg path {
  fill: #ffffff;
}

.btn-medium-primary-link {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 10px 16px;
  background: #ffffff;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-medium-primary-link svg path {
  fill: #3167F6;
}
.btn-medium-primary-link:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #1888FF;
}
.btn-medium-primary-link:hover svg path {
  fill: #1888FF;
}
.btn-medium-primary-link:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #0132E1;
}
.btn-medium-primary-link:focus {
  outline: unset;
}
.btn-medium-primary-link:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-primary-link:disabled svg path {
  fill: #ffffff;
}

.btn-large-primary-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 12px 18px;
  background: #3167F6;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-large-primary-bold svg path {
  fill: #FFFFFF;
}
.btn-large-primary-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #1888FF;
  color: #FFFFFF;
}
.btn-large-primary-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-large-primary-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #0132E1;
  color: #FFFFFF;
}
.btn-large-primary-bold:focus {
  outline: unset;
}
.btn-large-primary-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-primary-bold:disabled svg path {
  fill: #ffffff;
}

.btn-large-primary-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 12px 18px;
  background: #E9F2FF;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-large-primary-light svg path {
  fill: #3167F6;
}
.btn-large-primary-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #E9F2FF;
  color: #1888FF;
}
.btn-large-primary-light:hover svg path {
  fill: #1888FF;
}
.btn-large-primary-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #E9F2FF;
  color: #0132E1;
}
.btn-large-primary-light:focus {
  outline: unset;
}
.btn-large-primary-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-primary-light:disabled svg path {
  fill: #ffffff;
}

.btn-large-primary-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 12px 18px;
  background: #FFFFFF;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-large-primary-plain svg path {
  fill: #3167F6;
}
.btn-large-primary-plain:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #1888FF;
}
.btn-large-primary-plain:hover svg path {
  fill: #1888FF;
}
.btn-large-primary-plain:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #0132E1;
}
.btn-large-primary-plain:focus {
  outline: unset;
}
.btn-large-primary-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-primary-plain:disabled svg path {
  fill: #ffffff;
}

.btn-large-primary-link {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 12px 18px;
  background: #ffffff;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-large-primary-link svg path {
  fill: #3167F6;
}
.btn-large-primary-link:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #1888FF;
}
.btn-large-primary-link:hover svg path {
  fill: #1888FF;
}
.btn-large-primary-link:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #0132E1;
}
.btn-large-primary-link:focus {
  outline: unset;
}
.btn-large-primary-link:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-primary-link:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-primary-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 14px 20px;
  background: #3167F6;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-primary-bold svg path {
  fill: #FFFFFF;
}
.btn-extra-large-primary-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #1888FF;
  color: #FFFFFF;
}
.btn-extra-large-primary-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-extra-large-primary-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #0132E1;
  color: #FFFFFF;
}
.btn-extra-large-primary-bold:focus {
  outline: unset;
}
.btn-extra-large-primary-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-primary-bold:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-primary-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 14px 20px;
  background: #E9F2FF;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-primary-light svg path {
  fill: #3167F6;
}
.btn-extra-large-primary-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #E9F2FF;
  color: #1888FF;
}
.btn-extra-large-primary-light:hover svg path {
  fill: #1888FF;
}
.btn-extra-large-primary-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #E9F2FF;
  color: #0132E1;
}
.btn-extra-large-primary-light:focus {
  outline: unset;
}
.btn-extra-large-primary-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-primary-light:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-primary-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 14px 20px;
  background: #FFFFFF;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-primary-plain svg path {
  fill: #3167F6;
}
.btn-extra-large-primary-plain:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #1888FF;
}
.btn-extra-large-primary-plain:hover svg path {
  fill: #1888FF;
}
.btn-extra-large-primary-plain:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #0132E1;
}
.btn-extra-large-primary-plain:focus {
  outline: unset;
}
.btn-extra-large-primary-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-primary-plain:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-primary-link {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 14px 20px;
  background: #ffffff;
  color: #3167F6;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-primary-link svg path {
  fill: #3167F6;
}
.btn-extra-large-primary-link:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #1888FF;
}
.btn-extra-large-primary-link:hover svg path {
  fill: #1888FF;
}
.btn-extra-large-primary-link:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #0132E1;
}
.btn-extra-large-primary-link:focus {
  outline: unset;
}
.btn-extra-large-primary-link:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-primary-link:disabled svg path {
  fill: #ffffff;
}

.btn-small-danger-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 8px 12px;
  background: #FF4343;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-small-danger-bold svg path {
  fill: #FFFFFF;
}
.btn-small-danger-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FF6666;
  color: #FFFFFF;
}
.btn-small-danger-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-small-danger-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #DD1F1F;
  color: #FFFFFF;
}
.btn-small-danger-bold:focus {
  outline: unset;
}
.btn-small-danger-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-danger-bold:disabled svg path {
  fill: #ffffff;
}

.btn-small-danger-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 8px 12px;
  background: #FFFFFF;
  color: #878AA6;
  cursor: pointer;
  border: unset;
}
.btn-small-danger-plain svg path {
  fill: #878AA6;
}
.btn-small-danger-plain:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #FF4343;
}
.btn-small-danger-plain:hover svg path {
  fill: #FF4343;
}
.btn-small-danger-plain:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #DD1F1F;
}
.btn-small-danger-plain:focus {
  outline: unset;
}
.btn-small-danger-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-danger-plain:disabled svg path {
  fill: #ffffff;
}

.btn-small-danger-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 8px 12px;
  background: #FFF4F4;
  color: #FF4343;
  cursor: pointer;
  border: unset;
}
.btn-small-danger-light svg path {
  fill: #FF4343;
}
.btn-small-danger-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FFF4F4;
  color: #FF6666;
}
.btn-small-danger-light:hover svg path {
  fill: #FF6666;
}
.btn-small-danger-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #FFF4F4;
  color: #DD1F1F;
}
.btn-small-danger-light:focus {
  outline: unset;
}
.btn-small-danger-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-danger-light:disabled svg path {
  fill: #ffffff;
}

.btn-medium-danger-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 10px 16px;
  background: #FF4343;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-medium-danger-bold svg path {
  fill: #FFFFFF;
}
.btn-medium-danger-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FF6666;
  color: #FFFFFF;
}
.btn-medium-danger-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-medium-danger-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #DD1F1F;
  color: #FFFFFF;
}
.btn-medium-danger-bold:focus {
  outline: unset;
}
.btn-medium-danger-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-danger-bold:disabled svg path {
  fill: #ffffff;
}

.btn-medium-danger-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 10px 16px;
  background: #FFFFFF;
  color: #878AA6;
  cursor: pointer;
  border: unset;
}
.btn-medium-danger-plain svg path {
  fill: #878AA6;
}
.btn-medium-danger-plain:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #FF4343;
}
.btn-medium-danger-plain:hover svg path {
  fill: #FF4343;
}
.btn-medium-danger-plain:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #DD1F1F;
}
.btn-medium-danger-plain:focus {
  outline: unset;
}
.btn-medium-danger-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-danger-plain:disabled svg path {
  fill: #ffffff;
}

.btn-medium-danger-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 10px 16px;
  background: #FFF4F4;
  color: #FF4343;
  cursor: pointer;
  border: unset;
}
.btn-medium-danger-light svg path {
  fill: #FF4343;
}
.btn-medium-danger-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FFF4F4;
  color: #FF6666;
}
.btn-medium-danger-light:hover svg path {
  fill: #FF6666;
}
.btn-medium-danger-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #FFF4F4;
  color: #DD1F1F;
}
.btn-medium-danger-light:focus {
  outline: unset;
}
.btn-medium-danger-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-danger-light:disabled svg path {
  fill: #ffffff;
}

.btn-large-danger-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 12px 18px;
  background: #FF4343;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-large-danger-bold svg path {
  fill: #FFFFFF;
}
.btn-large-danger-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FF6666;
  color: #FFFFFF;
}
.btn-large-danger-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-large-danger-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #DD1F1F;
  color: #FFFFFF;
}
.btn-large-danger-bold:focus {
  outline: unset;
}
.btn-large-danger-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-danger-bold:disabled svg path {
  fill: #ffffff;
}

.btn-large-danger-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 12px 18px;
  background: #FFFFFF;
  color: #878AA6;
  cursor: pointer;
  border: unset;
}
.btn-large-danger-plain svg path {
  fill: #878AA6;
}
.btn-large-danger-plain:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #FF4343;
}
.btn-large-danger-plain:hover svg path {
  fill: #FF4343;
}
.btn-large-danger-plain:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #DD1F1F;
}
.btn-large-danger-plain:focus {
  outline: unset;
}
.btn-large-danger-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-danger-plain:disabled svg path {
  fill: #ffffff;
}

.btn-large-danger-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 12px 18px;
  background: #FFF4F4;
  color: #FF4343;
  cursor: pointer;
  border: unset;
}
.btn-large-danger-light svg path {
  fill: #FF4343;
}
.btn-large-danger-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FFF4F4;
  color: #FF6666;
}
.btn-large-danger-light:hover svg path {
  fill: #FF6666;
}
.btn-large-danger-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #FFF4F4;
  color: #DD1F1F;
}
.btn-large-danger-light:focus {
  outline: unset;
}
.btn-large-danger-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-danger-light:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-danger-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 14px 20px;
  background: #FF4343;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-danger-bold svg path {
  fill: #FFFFFF;
}
.btn-extra-large-danger-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FF6666;
  color: #FFFFFF;
}
.btn-extra-large-danger-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-extra-large-danger-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #DD1F1F;
  color: #FFFFFF;
}
.btn-extra-large-danger-bold:focus {
  outline: unset;
}
.btn-extra-large-danger-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-danger-bold:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-danger-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: unset;
  padding: 14px 20px;
  background: #FFFFFF;
  color: #878AA6;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-danger-plain svg path {
  fill: #878AA6;
}
.btn-extra-large-danger-plain:hover {
  box-shadow: unset;
  background: #ffffff;
  color: #FF4343;
}
.btn-extra-large-danger-plain:hover svg path {
  fill: #FF4343;
}
.btn-extra-large-danger-plain:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #ffffff;
  color: #DD1F1F;
}
.btn-extra-large-danger-plain:focus {
  outline: unset;
}
.btn-extra-large-danger-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-danger-plain:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-danger-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 14px 20px;
  background: #FFF4F4;
  color: #FF4343;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-danger-light svg path {
  fill: #FF4343;
}
.btn-extra-large-danger-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FFF4F4;
  color: #FF6666;
}
.btn-extra-large-danger-light:hover svg path {
  fill: #FF6666;
}
.btn-extra-large-danger-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #FFF4F4;
  color: #DD1F1F;
}
.btn-extra-large-danger-light:focus {
  outline: unset;
}
.btn-extra-large-danger-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-danger-light:disabled svg path {
  fill: #ffffff;
}

.btn-small-neutral-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 8px 12px;
  background: #ffffff;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: unset;
}
.btn-small-neutral-plain svg path {
  fill: #4C516D;
}
.btn-small-neutral-plain:hover {
  box-shadow: unset;
  color: #3167F6;
  text-decoration: none;
}
.btn-small-neutral-plain:hover svg path {
  fill: #3167F6;
}
.btn-small-neutral-plain:active {
  box-shadow: unset;
  color: #0132E1;
}
.btn-small-neutral-plain:active svg path {
  fill: #0132E1;
}
.btn-small-neutral-plain:focus {
  outline: unset;
}
.btn-small-neutral-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-neutral-plain:disabled svg path {
  fill: #ffffff;
}

.btn-small-neutral-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 8px 12px;
  background: #F8F8FC;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
}
.btn-small-neutral-light svg path {
  fill: #4C516D;
}
.btn-small-neutral-light:hover {
  box-shadow: unset;
  color: #4C516D;
  text-decoration: none;
}
.btn-small-neutral-light:hover svg path {
  fill: #4C516D;
}
.btn-small-neutral-light:active {
  box-shadow: unset;
  color: #4C516D;
}
.btn-small-neutral-light:active svg path {
  fill: #4C516D;
}
.btn-small-neutral-light:focus {
  outline: unset;
}
.btn-small-neutral-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-neutral-light:disabled svg path {
  fill: #ffffff;
}

.btn-small-neutral-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 8px 12px;
  background: #F6F6FC;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: unset;
}
.btn-small-neutral-bold svg path {
  fill: #4C516D;
}
.btn-small-neutral-bold:hover {
  box-shadow: unset;
  color: #4C516D;
  text-decoration: none;
}
.btn-small-neutral-bold:hover svg path {
  fill: #4C516D;
}
.btn-small-neutral-bold:active {
  box-shadow: unset;
  color: #4C516D;
}
.btn-small-neutral-bold:active svg path {
  fill: #4C516D;
}
.btn-small-neutral-bold:focus {
  outline: unset;
}
.btn-small-neutral-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-neutral-bold:disabled svg path {
  fill: #ffffff;
}

.btn-medium-neutral-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 10px 16px;
  background: #ffffff;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: unset;
}
.btn-medium-neutral-plain svg path {
  fill: #4C516D;
}
.btn-medium-neutral-plain:hover {
  box-shadow: unset;
  color: #3167F6;
  text-decoration: none;
}
.btn-medium-neutral-plain:hover svg path {
  fill: #3167F6;
}
.btn-medium-neutral-plain:active {
  box-shadow: unset;
  color: #0132E1;
}
.btn-medium-neutral-plain:active svg path {
  fill: #0132E1;
}
.btn-medium-neutral-plain:focus {
  outline: unset;
}
.btn-medium-neutral-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-neutral-plain:disabled svg path {
  fill: #ffffff;
}

.btn-medium-neutral-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 10px 16px;
  background: #F8F8FC;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
}
.btn-medium-neutral-light svg path {
  fill: #4C516D;
}
.btn-medium-neutral-light:hover {
  box-shadow: unset;
  color: #4C516D;
  text-decoration: none;
}
.btn-medium-neutral-light:hover svg path {
  fill: #4C516D;
}
.btn-medium-neutral-light:active {
  box-shadow: unset;
  color: #4C516D;
}
.btn-medium-neutral-light:active svg path {
  fill: #4C516D;
}
.btn-medium-neutral-light:focus {
  outline: unset;
}
.btn-medium-neutral-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-neutral-light:disabled svg path {
  fill: #ffffff;
}

.btn-medium-neutral-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 10px 16px;
  background: #F6F6FC;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: unset;
}
.btn-medium-neutral-bold svg path {
  fill: #4C516D;
}
.btn-medium-neutral-bold:hover {
  box-shadow: unset;
  color: #4C516D;
  text-decoration: none;
}
.btn-medium-neutral-bold:hover svg path {
  fill: #4C516D;
}
.btn-medium-neutral-bold:active {
  box-shadow: unset;
  color: #4C516D;
}
.btn-medium-neutral-bold:active svg path {
  fill: #4C516D;
}
.btn-medium-neutral-bold:focus {
  outline: unset;
}
.btn-medium-neutral-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-neutral-bold:disabled svg path {
  fill: #ffffff;
}

.btn-large-neutral-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 12px 18px;
  background: #ffffff;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: unset;
}
.btn-large-neutral-plain svg path {
  fill: #4C516D;
}
.btn-large-neutral-plain:hover {
  box-shadow: unset;
  color: #3167F6;
  text-decoration: none;
}
.btn-large-neutral-plain:hover svg path {
  fill: #3167F6;
}
.btn-large-neutral-plain:active {
  box-shadow: unset;
  color: #0132E1;
}
.btn-large-neutral-plain:active svg path {
  fill: #0132E1;
}
.btn-large-neutral-plain:focus {
  outline: unset;
}
.btn-large-neutral-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-neutral-plain:disabled svg path {
  fill: #ffffff;
}

.btn-large-neutral-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 12px 18px;
  background: #F8F8FC;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
}
.btn-large-neutral-light svg path {
  fill: #4C516D;
}
.btn-large-neutral-light:hover {
  box-shadow: unset;
  color: #4C516D;
  text-decoration: none;
}
.btn-large-neutral-light:hover svg path {
  fill: #4C516D;
}
.btn-large-neutral-light:active {
  box-shadow: unset;
  color: #4C516D;
}
.btn-large-neutral-light:active svg path {
  fill: #4C516D;
}
.btn-large-neutral-light:focus {
  outline: unset;
}
.btn-large-neutral-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-neutral-light:disabled svg path {
  fill: #ffffff;
}

.btn-large-neutral-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 12px 18px;
  background: #F6F6FC;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: unset;
}
.btn-large-neutral-bold svg path {
  fill: #4C516D;
}
.btn-large-neutral-bold:hover {
  box-shadow: unset;
  color: #4C516D;
  text-decoration: none;
}
.btn-large-neutral-bold:hover svg path {
  fill: #4C516D;
}
.btn-large-neutral-bold:active {
  box-shadow: unset;
  color: #4C516D;
}
.btn-large-neutral-bold:active svg path {
  fill: #4C516D;
}
.btn-large-neutral-bold:focus {
  outline: unset;
}
.btn-large-neutral-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-neutral-bold:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-neutral-plain {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 14px 20px;
  background: #ffffff;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: unset;
}
.btn-extra-large-neutral-plain svg path {
  fill: #4C516D;
}
.btn-extra-large-neutral-plain:hover {
  box-shadow: unset;
  color: #3167F6;
  text-decoration: none;
}
.btn-extra-large-neutral-plain:hover svg path {
  fill: #3167F6;
}
.btn-extra-large-neutral-plain:active {
  box-shadow: unset;
  color: #0132E1;
}
.btn-extra-large-neutral-plain:active svg path {
  fill: #0132E1;
}
.btn-extra-large-neutral-plain:focus {
  outline: unset;
}
.btn-extra-large-neutral-plain:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-neutral-plain:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-neutral-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 14px 20px;
  background: #F8F8FC;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
}
.btn-extra-large-neutral-light svg path {
  fill: #4C516D;
}
.btn-extra-large-neutral-light:hover {
  box-shadow: unset;
  color: #4C516D;
  text-decoration: none;
}
.btn-extra-large-neutral-light:hover svg path {
  fill: #4C516D;
}
.btn-extra-large-neutral-light:active {
  box-shadow: unset;
  color: #4C516D;
}
.btn-extra-large-neutral-light:active svg path {
  fill: #4C516D;
}
.btn-extra-large-neutral-light:focus {
  outline: unset;
}
.btn-extra-large-neutral-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-neutral-light:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-neutral-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  padding: 14px 20px;
  background: #F6F6FC;
  color: #4C516D;
  cursor: pointer;
  border: unset;
  box-shadow: unset;
}
.btn-extra-large-neutral-bold svg path {
  fill: #4C516D;
}
.btn-extra-large-neutral-bold:hover {
  box-shadow: unset;
  color: #4C516D;
  text-decoration: none;
}
.btn-extra-large-neutral-bold:hover svg path {
  fill: #4C516D;
}
.btn-extra-large-neutral-bold:active {
  box-shadow: unset;
  color: #4C516D;
}
.btn-extra-large-neutral-bold:active svg path {
  fill: #4C516D;
}
.btn-extra-large-neutral-bold:focus {
  outline: unset;
}
.btn-extra-large-neutral-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-neutral-bold:disabled svg path {
  fill: #ffffff;
}

.btn-small-accent-2-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 8px 12px;
  background: #7233DA;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-small-accent-2-bold svg path {
  fill: #FFFFFF;
}
.btn-small-accent-2-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #986CE0;
  color: #FFFFFF;
}
.btn-small-accent-2-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-small-accent-2-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #5616C0;
  color: #FFFFFF;
}
.btn-small-accent-2-bold:focus {
  outline: unset;
}
.btn-small-accent-2-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-accent-2-bold:disabled svg path {
  fill: #ffffff;
}

.btn-small-accent-2-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 8px 12px;
  background: #F7F4FB;
  color: #7233DA;
  cursor: pointer;
  border: unset;
}
.btn-small-accent-2-light svg path {
  fill: #7233DA;
}
.btn-small-accent-2-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #F7F4FB;
  color: #986CE0;
}
.btn-small-accent-2-light:hover svg path {
  fill: #986CE0;
}
.btn-small-accent-2-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #F7F4FB;
  color: #5616C0;
}
.btn-small-accent-2-light:focus {
  outline: unset;
}
.btn-small-accent-2-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-accent-2-light:disabled svg path {
  fill: #ffffff;
}

.btn-medium-accent-2-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 10px 16px;
  background: #7233DA;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-medium-accent-2-bold svg path {
  fill: #FFFFFF;
}
.btn-medium-accent-2-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #986CE0;
  color: #FFFFFF;
}
.btn-medium-accent-2-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-medium-accent-2-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #5616C0;
  color: #FFFFFF;
}
.btn-medium-accent-2-bold:focus {
  outline: unset;
}
.btn-medium-accent-2-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-accent-2-bold:disabled svg path {
  fill: #ffffff;
}

.btn-medium-accent-2-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 10px 16px;
  background: #F7F4FB;
  color: #7233DA;
  cursor: pointer;
  border: unset;
}
.btn-medium-accent-2-light svg path {
  fill: #7233DA;
}
.btn-medium-accent-2-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #F7F4FB;
  color: #986CE0;
}
.btn-medium-accent-2-light:hover svg path {
  fill: #986CE0;
}
.btn-medium-accent-2-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #F7F4FB;
  color: #5616C0;
}
.btn-medium-accent-2-light:focus {
  outline: unset;
}
.btn-medium-accent-2-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-accent-2-light:disabled svg path {
  fill: #ffffff;
}

.btn-large-accent-2-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 12px 18px;
  background: #7233DA;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-large-accent-2-bold svg path {
  fill: #FFFFFF;
}
.btn-large-accent-2-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #986CE0;
  color: #FFFFFF;
}
.btn-large-accent-2-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-large-accent-2-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #5616C0;
  color: #FFFFFF;
}
.btn-large-accent-2-bold:focus {
  outline: unset;
}
.btn-large-accent-2-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-accent-2-bold:disabled svg path {
  fill: #ffffff;
}

.btn-large-accent-2-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 12px 18px;
  background: #F7F4FB;
  color: #7233DA;
  cursor: pointer;
  border: unset;
}
.btn-large-accent-2-light svg path {
  fill: #7233DA;
}
.btn-large-accent-2-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #F7F4FB;
  color: #986CE0;
}
.btn-large-accent-2-light:hover svg path {
  fill: #986CE0;
}
.btn-large-accent-2-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #F7F4FB;
  color: #5616C0;
}
.btn-large-accent-2-light:focus {
  outline: unset;
}
.btn-large-accent-2-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-accent-2-light:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-accent-2-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 14px 20px;
  background: #7233DA;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-accent-2-bold svg path {
  fill: #FFFFFF;
}
.btn-extra-large-accent-2-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #986CE0;
  color: #FFFFFF;
}
.btn-extra-large-accent-2-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-extra-large-accent-2-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #5616C0;
  color: #FFFFFF;
}
.btn-extra-large-accent-2-bold:focus {
  outline: unset;
}
.btn-extra-large-accent-2-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-accent-2-bold:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-accent-2-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 14px 20px;
  background: #F7F4FB;
  color: #7233DA;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-accent-2-light svg path {
  fill: #7233DA;
}
.btn-extra-large-accent-2-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #F7F4FB;
  color: #986CE0;
}
.btn-extra-large-accent-2-light:hover svg path {
  fill: #986CE0;
}
.btn-extra-large-accent-2-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #F7F4FB;
  color: #5616C0;
}
.btn-extra-large-accent-2-light:focus {
  outline: unset;
}
.btn-extra-large-accent-2-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-accent-2-light:disabled svg path {
  fill: #ffffff;
}

.btn-small-success-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 8px 12px;
  background: #4DC978;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-small-success-bold svg path {
  fill: #FFFFFF;
}
.btn-small-success-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #70DB95;
  color: #FFFFFF;
}
.btn-small-success-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-small-success-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #00AC5A;
  color: #FFFFFF;
}
.btn-small-success-bold:focus {
  outline: unset;
}
.btn-small-success-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-success-bold:disabled svg path {
  fill: #ffffff;
}

.btn-small-success-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 8px 12px;
  background: #E9F2FF;
  color: #19CE58;
  cursor: pointer;
  border: unset;
}
.btn-small-success-light svg path {
  fill: #19CE58;
}
.btn-small-success-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #F0FFF4;
  color: #4DC978;
}
.btn-small-success-light:hover svg path {
  fill: #4DC978;
}
.btn-small-success-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #F0FFF4;
  color: #00AC5A;
}
.btn-small-success-light:focus {
  outline: unset;
}
.btn-small-success-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-success-light:disabled svg path {
  fill: #ffffff;
}

.btn-medium-success-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 10px 16px;
  background: #4DC978;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-medium-success-bold svg path {
  fill: #FFFFFF;
}
.btn-medium-success-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #70DB95;
  color: #FFFFFF;
}
.btn-medium-success-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-medium-success-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #00AC5A;
  color: #FFFFFF;
}
.btn-medium-success-bold:focus {
  outline: unset;
}
.btn-medium-success-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-success-bold:disabled svg path {
  fill: #ffffff;
}

.btn-medium-success-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 10px 16px;
  background: #E9F2FF;
  color: #19CE58;
  cursor: pointer;
  border: unset;
}
.btn-medium-success-light svg path {
  fill: #19CE58;
}
.btn-medium-success-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #F0FFF4;
  color: #4DC978;
}
.btn-medium-success-light:hover svg path {
  fill: #4DC978;
}
.btn-medium-success-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #F0FFF4;
  color: #00AC5A;
}
.btn-medium-success-light:focus {
  outline: unset;
}
.btn-medium-success-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-success-light:disabled svg path {
  fill: #ffffff;
}

.btn-large-success-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 12px 18px;
  background: #4DC978;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-large-success-bold svg path {
  fill: #FFFFFF;
}
.btn-large-success-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #70DB95;
  color: #FFFFFF;
}
.btn-large-success-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-large-success-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #00AC5A;
  color: #FFFFFF;
}
.btn-large-success-bold:focus {
  outline: unset;
}
.btn-large-success-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-success-bold:disabled svg path {
  fill: #ffffff;
}

.btn-large-success-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 12px 18px;
  background: #E9F2FF;
  color: #19CE58;
  cursor: pointer;
  border: unset;
}
.btn-large-success-light svg path {
  fill: #19CE58;
}
.btn-large-success-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #F0FFF4;
  color: #4DC978;
}
.btn-large-success-light:hover svg path {
  fill: #4DC978;
}
.btn-large-success-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #F0FFF4;
  color: #00AC5A;
}
.btn-large-success-light:focus {
  outline: unset;
}
.btn-large-success-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-success-light:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-success-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 14px 20px;
  background: #4DC978;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-success-bold svg path {
  fill: #FFFFFF;
}
.btn-extra-large-success-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #70DB95;
  color: #FFFFFF;
}
.btn-extra-large-success-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-extra-large-success-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #00AC5A;
  color: #FFFFFF;
}
.btn-extra-large-success-bold:focus {
  outline: unset;
}
.btn-extra-large-success-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-success-bold:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-success-light {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 14px 20px;
  background: #E9F2FF;
  color: #19CE58;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-success-light svg path {
  fill: #19CE58;
}
.btn-extra-large-success-light:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #F0FFF4;
  color: #4DC978;
}
.btn-extra-large-success-light:hover svg path {
  fill: #4DC978;
}
.btn-extra-large-success-light:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #F0FFF4;
  color: #00AC5A;
}
.btn-extra-large-success-light:focus {
  outline: unset;
}
.btn-extra-large-success-light:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-success-light:disabled svg path {
  fill: #ffffff;
}

.btn-small-accent-1-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 8px 12px;
  background: #F13392;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-small-accent-1-bold svg path {
  fill: #FFFFFF;
}
.btn-small-accent-1-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FF58AC;
  color: #FFFFFF;
}
.btn-small-accent-1-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-small-accent-1-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #E9007C;
  color: #FFFFFF;
}
.btn-small-accent-1-bold:focus {
  outline: unset;
}
.btn-small-accent-1-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-small-accent-1-bold:disabled svg path {
  fill: #ffffff;
}

.btn-medium-accent-1-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 10px 16px;
  background: #F13392;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-medium-accent-1-bold svg path {
  fill: #FFFFFF;
}
.btn-medium-accent-1-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FF58AC;
  color: #FFFFFF;
}
.btn-medium-accent-1-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-medium-accent-1-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #E9007C;
  color: #FFFFFF;
}
.btn-medium-accent-1-bold:focus {
  outline: unset;
}
.btn-medium-accent-1-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-medium-accent-1-bold:disabled svg path {
  fill: #ffffff;
}

.btn-large-accent-1-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 12px 18px;
  background: #F13392;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-large-accent-1-bold svg path {
  fill: #FFFFFF;
}
.btn-large-accent-1-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FF58AC;
  color: #FFFFFF;
}
.btn-large-accent-1-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-large-accent-1-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #E9007C;
  color: #FFFFFF;
}
.btn-large-accent-1-bold:focus {
  outline: unset;
}
.btn-large-accent-1-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-large-accent-1-bold:disabled svg path {
  fill: #ffffff;
}

.btn-extra-large-accent-1-bold {
  width: -moz-fit-content;
  width: fit-content;
  font-weight: 500;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 4px;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 14px 20px;
  background: #F13392;
  color: #FFFFFF;
  cursor: pointer;
  border: unset;
}
.btn-extra-large-accent-1-bold svg path {
  fill: #FFFFFF;
}
.btn-extra-large-accent-1-bold:hover {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FF58AC;
  color: #FFFFFF;
}
.btn-extra-large-accent-1-bold:hover svg path {
  fill: #FFFFFF;
}
.btn-extra-large-accent-1-bold:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  background: #E9007C;
  color: #FFFFFF;
}
.btn-extra-large-accent-1-bold:focus {
  outline: unset;
}
.btn-extra-large-accent-1-bold:disabled {
  background: #DCDEED;
  cursor: not-allowed;
  box-shadow: unset;
  color: #FFFFFF;
}
.btn-extra-large-accent-1-bold:disabled svg path {
  fill: #ffffff;
}

.btn-choice-activity {
  width: 9.6rem;
  height: 7.6rem;
  border-radius: 0.8rem;
  border: 2px solid #E5E7F2;
  background: #ffffff;
  color: #4C516D;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem 0.8rem;
}
.btn-choice-activity:focus {
  outline: unset;
}

.btn-choice-activity.active {
  width: 9.6rem;
  height: 7.6rem;
  border-radius: 0.8rem;
  border: 2px solid #E5E7F2;
  background: #E9F2FF;
  color: #4C516D;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.button-bar {
  padding: 2rem;
  background: #F6F6FC;
  position: sticky;
  bottom: 0;
}

.btn-sticky-primary {
  padding: 1rem 1.2rem !important;
  border: none !important;
  border-radius: 0.4rem !important;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #FFFFFF;
  background-color: #3167F6;
}
.btn-sticky-primary div {
  display: flex;
}
@media screen and (max-width: 768px) {
  .btn-sticky-primary div div.text-sticky {
    margin-right: 10px !important;
    flex: wrap !important;
  }
}
@media (min-width: 768px) {
  .btn-sticky-primary div div.text-sticky {
    margin-right: 276px !important;
  }
}

.button-more-dashboard {
  display: flex;
  align-items: baseline;
  margin-top: 2rem;
}

.btn-grey {
  padding: 0.9rem 1.5rem !important;
  background-color: #EFF0F9;
  color: #4C516D;
  border: 0.1rem solid transparent;
  border-radius: 0.4rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  letter-spacing: 0.01em;
}
.btn-grey:hover {
  color: #686C8A;
}
.btn-grey:active {
  color: #313548;
}
.btn-grey:focus {
  outline: unset;
}
.btn-grey.btn-w-40 {
  padding: 0.8rem 1.5rem !important;
}

.btn-select-meb {
  /* Auto layout */
  display: block !important;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px;
  gap: 4px;
  width: 67px;
  height: 44px;
  /* neutral/white-2 */
  background: #F8F8FC;
  border-radius: 4px;
  /* Inside auto layout */
  flex: none;
  order: 2;
  flex-grow: 1;
}
.btn-select-meb.active {
  /* Auto layout */
  display: block !important;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px;
  gap: 4px;
  width: 67px;
  height: 44px;
  /* neutral/grey-13 */
  background: #E5E7F2;
  border-radius: 4px;
  /* Inside auto layout */
  flex: none;
  order: 2;
  flex-grow: 1;
  color: #878AA6;
}
.btn-select-meb-disabled {
  cursor: not-allowed !important;
  /* Auto layout */
  display: block !important;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px;
  gap: 4px;
  width: 67px;
  height: 44px;
  /* neutral/grey-13 */
  background: #E5E7F2;
  color: #878AA6;
  border-radius: 4px;
  /* Inside auto layout */
  flex: none;
  order: 2;
  flex-grow: 1;
}

.btn-primary-bold-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #3167F6;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-primary-bold-small:hover {
  background: #318CF6;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
  text-decoration: none;
}
.btn-primary-bold-small:active {
  background: #1F50CF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  border: unset;
}
.btn-primary-bold-small.disabled {
  background: #DCDEED;
  cursor: not-allowed;
}
.btn-primary-bold-small.disabled:hover {
  background: #DCDEED;
  box-shadow: unset;
}
.btn-primary-bold-small.disabled:focus {
  background: #DCDEED;
  box-shadow: unset;
  border: unset;
}
.btn-primary-bold-small.disabled:active {
  background: #DCDEED;
  box-shadow: unset;
}
.btn-primary-bold-small svg {
  width: 1.6rem;
  height: 1.6rem;
}
@media screen and (max-width: 768px) {
  .btn-primary-bold-small .button-text-mobile {
    display: none;
  }
}

.btn-primary-bold-medium {
  padding: 1.2rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #3167F6;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-primary-bold-medium:hover {
  background: #318CF6;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
  text-decoration: none;
}
.btn-primary-bold-medium:active {
  background: #1F50CF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  border: unset;
}
.btn-primary-bold-medium.disabled {
  background: #DCDEED;
  cursor: not-allowed;
}
.btn-primary-bold-medium.disabled:hover {
  background: #DCDEED;
  box-shadow: unset;
}
.btn-primary-bold-medium.disabled:focus {
  background: #DCDEED;
  box-shadow: unset;
  border: unset;
}
.btn-primary-bold-medium.disabled:active {
  background: #DCDEED;
  box-shadow: unset;
}
.btn-primary-bold-medium svg {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .btn-primary-bold-medium .button-text-mobile {
    display: none;
  }
}

.btn-primary-bold-large {
  padding: 1.4rem 2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #3167F6;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-primary-bold-large:hover {
  background: #318CF6;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
  text-decoration: none;
}
.btn-primary-bold-large:active {
  background: #1F50CF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  border: unset;
}
.btn-primary-bold-large.disabled {
  background: #DCDEED;
  cursor: not-allowed;
}
.btn-primary-bold-large.disabled:hover {
  background: #DCDEED;
  box-shadow: unset;
}
.btn-primary-bold-large.disabled:focus {
  background: #DCDEED;
  box-shadow: unset;
  border: unset;
}
.btn-primary-bold-large.disabled:active {
  background: #DCDEED;
  box-shadow: unset;
}
.btn-primary-bold-large svg {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .btn-primary-bold-large .button-text-mobile {
    display: none;
  }
}

.btn-primary-bold-extra-large {
  padding: 1.8rem 2.4rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #3167F6;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.9rem;
  line-height: 2.4rem;
}
.btn-primary-bold-extra-large:hover {
  background: #318CF6;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
  text-decoration: none;
}
.btn-primary-bold-extra-large:active {
  background: #1F50CF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  border: unset;
}
.btn-primary-bold-extra-large.disabled {
  background: #DCDEED;
  cursor: not-allowed;
}
.btn-primary-bold-extra-large.disabled:hover {
  background: #DCDEED;
  box-shadow: unset;
}
.btn-primary-bold-extra-large.disabled:focus {
  background: #DCDEED;
  box-shadow: unset;
  border: unset;
}
.btn-primary-bold-extra-large.disabled:active {
  background: #DCDEED;
  box-shadow: unset;
}
.btn-primary-bold-extra-large svg {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 768px) {
  .btn-primary-bold-extra-large .button-text-mobile {
    display: none;
  }
}

.btn-primary-light-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F7FAFF;
  border: unset;
  color: #3167F6;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-primary-light-small:hover {
  background: #F7FAFF;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #318CF6;
}
.btn-primary-light-small:active {
  background: #F7FAFF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #1F50CF;
  border: unset;
}
.btn-primary-light-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-primary-light-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-light-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-primary-light-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-light-small svg {
  width: 1.6rem;
  height: 1.6rem;
}
@media screen and (max-width: 768px) {
  .btn-primary-light-small .button-text-mobile {
    display: none;
  }
}

.btn-primary-light-medium {
  padding: 1.2rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F7FAFF;
  border: unset;
  color: #3167F6;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-primary-light-medium:hover {
  background: #F7FAFF;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #318CF6;
}
.btn-primary-light-medium:active {
  background: #F7FAFF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #1F50CF;
  border: unset;
}
.btn-primary-light-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-primary-light-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-light-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-primary-light-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-light-medium svg {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .btn-primary-light-medium .button-text-mobile {
    display: none;
  }
}

.btn-primary-light-large {
  padding: 1.4rem 2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F7FAFF;
  border: unset;
  color: #3167F6;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-primary-light-large:hover {
  background: #F7FAFF;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #318CF6;
}
.btn-primary-light-large:active {
  background: #F7FAFF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #1F50CF;
  border: unset;
}
.btn-primary-light-large.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-primary-light-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-light-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-primary-light-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-light-large svg {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .btn-primary-light-large .button-text-mobile {
    display: none;
  }
}

.btn-primary-light-extra-large {
  padding: 1.8rem 2.4rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F7FAFF;
  border: unset;
  color: #3167F6;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.9rem;
  line-height: 2.4rem;
}
.btn-primary-light-extra-large:hover {
  background: #F7FAFF;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #318CF6;
}
.btn-primary-light-extra-large:active {
  background: #F7FAFF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #1F50CF;
  border: unset;
}
.btn-primary-light-extra-large.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-primary-light-extra-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-light-extra-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-primary-light-extra-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-light-extra-large svg {
  width: 2.4rem;
  height: 2.4rem;
}
@media screen and (max-width: 768px) {
  .btn-primary-light-extra-large .button-text-mobile {
    display: none;
  }
}

.btn-primary-plain-small {
  padding: 0.8rem 1.2rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: unset;
  color: #3167F6;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-primary-plain-small:hover {
  color: #318CF6;
}
.btn-primary-plain-small:active {
  color: #1F50CF;
  border: unset;
}
.btn-primary-plain-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-primary-plain-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-plain-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-primary-plain-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-plain-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-primary-plain-medium {
  padding: 1.2rem 1.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: unset;
  color: #3167F6;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-primary-plain-medium:hover {
  color: #318CF6;
}
.btn-primary-plain-medium:active {
  color: #1F50CF;
  border: unset;
}
.btn-primary-plain-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-primary-plain-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-plain-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-primary-plain-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-plain-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-primary-plain-large {
  padding: 1.4rem 2rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: unset;
  color: #3167F6;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-primary-plain-large:hover {
  color: #318CF6;
}
.btn-primary-plain-large:active {
  color: #1F50CF;
  border: unset;
}
.btn-primary-plain-large.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-primary-plain-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-plain-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-primary-plain-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-plain-large svg {
  width: 2rem;
  height: 2rem;
}

.btn-primary-outline-small {
  padding: 0.8rem 1.2rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: 1px solid #E5E7F2;
  color: #3167F6;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-primary-outline-small:hover {
  color: #318CF6;
}
.btn-primary-outline-small:hover svg path {
  fill: #318CF6;
}
.btn-primary-outline-small:active {
  color: #1F50CF;
}
.btn-primary-outline-small:active svg path {
  fill: #1F50CF;
}
.btn-primary-outline-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-primary-outline-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-outline-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-primary-outline-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-outline-small.active {
  border-radius: 4px;
  background: #CFC1E5;
  border: 0;
  box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 3px 0px rgba(65, 51, 104, 0.2) inset;
  color: var(--neutral-black-1, #131315);
  font-family: Inter;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.btn-primary-outline-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-primary-outline-medium {
  padding: 1.2rem 1.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: 1px solid #E5E7F2;
  color: #3167F6;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-primary-outline-medium:hover {
  color: #318CF6;
}
.btn-primary-outline-medium:hover svg path {
  fill: #318CF6;
}
.btn-primary-outline-medium:active {
  color: #1F50CF;
}
.btn-primary-outline-medium:active svg path {
  fill: #1F50CF;
}
.btn-primary-outline-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-primary-outline-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-outline-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-primary-outline-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-outline-medium.active {
  border-radius: 4px;
  background: #CFC1E5;
  border: 0;
  box-shadow: 0px -2px 0px 0px rgba(255, 255, 255, 0.15) inset, 0px 1px 3px 0px rgba(65, 51, 104, 0.2) inset;
  color: var(--neutral-black-1, #131315);
  font-family: Inter;
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.btn-primary-outline-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-primary-link-medium {
  padding: 0rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: unset;
  color: #3167F6;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-primary-link-medium:hover {
  color: #318CF6;
}
.btn-primary-link-medium:active {
  color: #1F50CF;
}
.btn-primary-link-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-primary-link-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-link-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-primary-link-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-primary-link-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-secondary-bold-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #EFF0F9;
  border: unset;
  color: #4C516D;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-secondary-bold-small:hover {
  background: #F6F6FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #686C8A;
}
.btn-secondary-bold-small:active {
  background: #F6F6FC;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #313548;
  border: unset;
}
.btn-secondary-bold-small.disabled {
  color: #FFFFFF;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-secondary-bold-small.disabled:hover {
  box-shadow: unset;
}
.btn-secondary-bold-small.disabled:focus {
  box-shadow: unset;
  border: unset;
}
.btn-secondary-bold-small.disabled:active {
  box-shadow: unset;
}
.btn-secondary-bold-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-secondary-bold-medium {
  padding: 1.2rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #EFF0F9;
  border: unset;
  color: #4C516D;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-secondary-bold-medium:hover {
  background: #F6F6FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #686C8A;
}
.btn-secondary-bold-medium:active {
  background: #F6F6FC;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #313548;
  border: unset;
}
.btn-secondary-bold-medium.disabled {
  color: #FFFFFF;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-secondary-bold-medium.disabled:hover {
  box-shadow: unset;
}
.btn-secondary-bold-medium.disabled:focus {
  box-shadow: unset;
  border: unset;
}
.btn-secondary-bold-medium.disabled:active {
  box-shadow: unset;
}
.btn-secondary-bold-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-secondary-bold-large {
  padding: 1.4rem 2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #EFF0F9;
  border: unset;
  color: #4C516D;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-secondary-bold-large:hover {
  background: #F6F6FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #686C8A;
}
.btn-secondary-bold-large:active {
  background: #F6F6FC;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #313548;
  border: unset;
}
.btn-secondary-bold-large.disabled {
  color: #FFFFFF;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-secondary-bold-large.disabled:hover {
  box-shadow: unset;
}
.btn-secondary-bold-large.disabled:focus {
  box-shadow: unset;
  border: unset;
}
.btn-secondary-bold-large.disabled:active {
  box-shadow: unset;
}
.btn-secondary-bold-large svg {
  width: 2rem;
  height: 2rem;
}

.btn-neutral-plain-medium {
  padding: 1rem 1.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: unset;
  color: #4C516D;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-neutral-plain-medium:hover {
  color: #686C8A;
}
.btn-neutral-plain-medium:focus {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  border: 2px solid #4C516D;
}
.btn-neutral-plain-medium:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #313548;
  border: unset;
}
.btn-neutral-plain-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-neutral-plain-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-neutral-plain-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-neutral-plain-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-neutral-plain-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-neutral-link-medium {
  padding: 0rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: unset;
  color: #4C516D;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-neutral-link-medium:hover {
  color: #686C8A;
}
.btn-neutral-link-medium:focus {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  border: 2px solid #4C516D;
}
.btn-neutral-link-medium:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #313548;
  border: unset;
}
.btn-neutral-link-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-neutral-link-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-neutral-link-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-neutral-link-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-neutral-link-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-purple-bold-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #7233DA;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-purple-bold-small:hover {
  background: #986CE0;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
}
.btn-purple-bold-small:active {
  background: #5616C0;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-purple-bold-small.disabled {
  background: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-purple-bold-small.disabled:hover {
  box-shadow: unset;
}
.btn-purple-bold-small.disabled:focus {
  box-shadow: unset;
  border: unset;
}
.btn-purple-bold-small.disabled:active {
  box-shadow: unset;
}
.btn-purple-bold-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-purple-bold-medium {
  padding: 1.2rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #7233DA;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-purple-bold-medium:hover {
  background: #986CE0;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
}
.btn-purple-bold-medium:active {
  background: #5616C0;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-purple-bold-medium.disabled {
  background: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-purple-bold-medium.disabled:hover {
  box-shadow: unset;
}
.btn-purple-bold-medium.disabled:focus {
  box-shadow: unset;
  border: unset;
}
.btn-purple-bold-medium.disabled:active {
  box-shadow: unset;
}
.btn-purple-bold-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-purple-bold-large {
  padding: 1.4rem 2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #7233DA;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-purple-bold-large:hover {
  background: #986CE0;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
}
.btn-purple-bold-large:active {
  background: #5616C0;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-purple-bold-large.disabled {
  background: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-purple-bold-large.disabled:hover {
  box-shadow: unset;
}
.btn-purple-bold-large.disabled:focus {
  box-shadow: unset;
  border: unset;
}
.btn-purple-bold-large.disabled:active {
  box-shadow: unset;
}
.btn-purple-bold-large svg {
  width: 2rem;
  height: 2rem;
}

.btn-purple-light-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F9F6FC;
  border: unset;
  color: #7233DA;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-purple-light-small:hover {
  background: #F9F6FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #7233DA;
}
.btn-purple-light-small:active {
  background: #F9F6FC;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #5616C0;
  border: unset;
}
.btn-purple-light-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-purple-light-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-purple-light-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-purple-light-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-purple-light-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-purple-light-medium {
  padding: 1.2rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F9F6FC;
  border: unset;
  color: #7233DA;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-purple-light-medium:hover {
  background: #F9F6FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #7233DA;
}
.btn-purple-light-medium:active {
  background: #F9F6FC;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #5616C0;
  border: unset;
}
.btn-purple-light-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-purple-light-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-purple-light-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-purple-light-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-purple-light-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-purple-light-large {
  padding: 1.4rem 2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F9F6FC;
  border: unset;
  color: #7233DA;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-purple-light-large:hover {
  background: #F9F6FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #7233DA;
}
.btn-purple-light-large:active {
  background: #F9F6FC;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #5616C0;
  border: unset;
}
.btn-purple-light-large.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-purple-light-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-purple-light-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-purple-light-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-purple-light-large svg {
  width: 2rem;
  height: 2rem;
}

.btn-purple-outline-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: unset;
  border: 1px solid #E2D8F3;
  color: #4C516D;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-purple-outline-small:hover {
  color: #686C8A;
}
.btn-purple-outline-small:active {
  color: #313548;
}
.btn-purple-outline-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-purple-outline-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-purple-outline-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-purple-outline-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-purple-outline-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-purple-outline-medium {
  padding: 1.2rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: unset;
  border: 1px solid #E2D8F3;
  color: #4C516D;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-purple-outline-medium:hover {
  color: #686C8A;
}
.btn-purple-outline-medium:active {
  color: #313548;
}
.btn-purple-outline-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-purple-outline-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-purple-outline-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-purple-outline-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-purple-outline-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-accent-1-bold-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F13392;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.6rem;
}
.btn-accent-1-bold-small:hover {
  background: #FF58AC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
}
.btn-accent-1-bold-small:focus {
  background: #FF58AC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  border: 2px solid #E80B81;
}
.btn-accent-1-bold-small:active {
  background: #E80B81;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-accent-1-bold-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-accent-1-bold-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-accent-1-bold-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-accent-1-bold-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-accent-1-bold-small svg {
  width: 1.6rem;
  height: 1.6rem;
}

.btn-accent-1-bold-medium {
  padding: 1rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F13392;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-accent-1-bold-medium:hover {
  background: #FF58AC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
}
.btn-accent-1-bold-medium:focus {
  background: #FF58AC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  border: 2px solid #E80B81;
}
.btn-accent-1-bold-medium:active {
  background: #E80B81;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-accent-1-bold-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-accent-1-bold-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-accent-1-bold-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-accent-1-bold-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-accent-1-bold-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-accent-1-bold-large {
  padding: 1.2rem 1.8rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F13392;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-accent-1-bold-large:hover {
  background: #FF58AC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
}
.btn-accent-1-bold-large:focus {
  background: #FF58AC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  border: 2px solid #E80B81;
}
.btn-accent-1-bold-large:active {
  background: #E80B81;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-accent-1-bold-large.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-accent-1-bold-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-accent-1-bold-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-accent-1-bold-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-accent-1-bold-large svg {
  width: 2rem;
  height: 2rem;
}

.btn-accent-1-bold-extra-large {
  padding: 1.8rem 2.4rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F13392;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.9rem;
  line-height: 2.4rem;
}
.btn-accent-1-bold-extra-large:hover {
  background: #FF58AC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FFFFFF;
}
.btn-accent-1-bold-extra-large:focus {
  background: #FF58AC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  border: 2px solid #E80B81;
}
.btn-accent-1-bold-extra-large:active {
  background: #E80B81;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-accent-1-bold-extra-large.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-accent-1-bold-extra-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-accent-1-bold-extra-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-accent-1-bold-extra-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-accent-1-bold-extra-large svg {
  width: 2.4rem;
  height: 2.4rem;
}

.btn-danger-bold-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #FF4343;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-danger-bold-small:hover {
  background: #FF6666;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.btn-danger-bold-small:active {
  background: #DF1212;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-danger-bold-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-bold-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-bold-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-bold-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-bold-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-danger-bold-medium {
  padding: 1.2rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #FF4343;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-danger-bold-medium:hover {
  background: #FF6666;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.btn-danger-bold-medium:active {
  background: #DF1212;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-danger-bold-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-bold-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-bold-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-bold-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-bold-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-danger-bold-large {
  padding: 1.4rem 2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #FF4343;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-danger-bold-large:hover {
  background: #FF6666;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.btn-danger-bold-large:active {
  background: #DF1212;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-danger-bold-large.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-bold-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-bold-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-bold-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-bold-large svg {
  width: 2rem;
  height: 2rem;
}

.btn-danger-light-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #FFF8F8;
  border: unset;
  color: #FF4343;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-danger-light-small:hover {
  background: #FFF8F8;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FF6666;
}
.btn-danger-light-small:focus {
  background: #FFF8F8;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FF6666;
}
.btn-danger-light-small:active {
  background: #FFF8F8;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #DF1212;
  border: unset;
}
.btn-danger-light-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-light-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-light-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-light-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-light-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-danger-light-medium {
  padding: 1.2rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #FFF8F8;
  border: unset;
  color: #FF4343;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-danger-light-medium:hover {
  background: #FFF8F8;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FF6666;
}
.btn-danger-light-medium:focus {
  background: #FFF8F8;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FF6666;
}
.btn-danger-light-medium:active {
  background: #FFF8F8;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #DF1212;
  border: unset;
}
.btn-danger-light-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-light-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-light-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-light-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-light-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-danger-light-large {
  padding: 1.4rem 2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #FFF8F8;
  border: unset;
  color: #FF4343;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-danger-light-large:hover {
  background: #FFF8F8;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FF6666;
}
.btn-danger-light-large:focus {
  background: #FFF8F8;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #FF6666;
}
.btn-danger-light-large:active {
  background: #FFF8F8;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #DF1212;
  border: unset;
}
.btn-danger-light-large.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-light-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-light-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-light-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-light-large svg {
  width: 2rem;
  height: 2rem;
}

.btn-danger-plain-small {
  padding: 0.8rem 1.2rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: unset;
  color: #878AA6;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-danger-plain-small:hover {
  color: #FF6666;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.btn-danger-plain-small:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #DF1212;
  border: unset;
}
.btn-danger-plain-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-plain-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-plain-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-plain-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-plain-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-danger-plain-medium {
  padding: 1.2rem 1.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: unset;
  color: #878AA6;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-danger-plain-medium:hover {
  color: #FF6666;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.btn-danger-plain-medium:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #DF1212;
  border: unset;
}
.btn-danger-plain-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-plain-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-plain-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-plain-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-plain-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-danger-plain-large {
  padding: 1.4rem 2rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  border: unset;
  color: #878AA6;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-danger-plain-large:hover {
  color: #FF6666;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.btn-danger-plain-large:active {
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #DF1212;
  border: unset;
}
.btn-danger-plain-large.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-plain-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-plain-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-plain-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-plain-large svg {
  width: 2rem;
  height: 2rem;
}

.btn-danger-outline-small {
  padding: 0.8rem 1.2rem;
  border-radius: 0.4rem;
  background: unset;
  border: 1px solid #FFE1E1;
  color: #4C516D;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-danger-outline-small:hover {
  color: #686C8A;
}
.btn-danger-outline-small:active {
  color: #313548;
}
.btn-danger-outline-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-outline-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-outline-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-outline-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-outline-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-danger-outline-medium {
  padding: 1.2rem 1.6rem;
  border-radius: 0.4rem;
  background: unset;
  border: 1px solid #FFE1E1;
  color: #4C516D;
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-danger-outline-medium:hover {
  color: #686C8A;
}
.btn-danger-outline-medium:active {
  color: #313548;
}
.btn-danger-outline-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-danger-outline-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-outline-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-danger-outline-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-danger-outline-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-success-bold-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #19CE58;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-success-bold-small:hover {
  background: #5ED980;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.btn-success-bold-small:active {
  background: #1E9235;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-success-bold-small.disabled {
  background: #DCDEED;
  color: #FFFFFF;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-success-bold-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-bold-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-success-bold-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-bold-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-success-bold-medium {
  padding: 1.2rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #19CE58;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-success-bold-medium:hover {
  background: #5ED980;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.btn-success-bold-medium:active {
  background: #1E9235;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-success-bold-medium.disabled {
  background: #DCDEED;
  color: #FFFFFF;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-success-bold-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-bold-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-success-bold-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-bold-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-success-bold-large {
  padding: 1.4rem 2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #19CE58;
  border: unset;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-success-bold-large:hover {
  background: #5ED980;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.btn-success-bold-large:active {
  background: #1E9235;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #FFFFFF;
  border: unset;
}
.btn-success-bold-large.disabled {
  background: #DCDEED;
  color: #FFFFFF;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-success-bold-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-bold-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-success-bold-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-bold-large svg {
  width: 2rem;
  height: 2rem;
}

.btn-success-light-small {
  padding: 0.8rem 1.2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F8FCF7;
  border: unset;
  color: #19CE58;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-success-light-small:hover {
  background: #F8FCF7;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #5ED980;
}
.btn-success-light-small:active {
  background: #F8FCF7;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #1E9235;
  border: unset;
}
.btn-success-light-small.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-success-light-small.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-light-small.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-success-light-small.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-light-small svg {
  width: 2rem;
  height: 2rem;
}

.btn-success-light-medium {
  padding: 1.2rem 1.6rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F8FCF7;
  border: unset;
  color: #19CE58;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2rem;
}
.btn-success-light-medium:hover {
  background: #F8FCF7;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #5ED980;
}
.btn-success-light-medium:active {
  background: #F8FCF7;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #1E9235;
  border: unset;
}
.btn-success-light-medium.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-success-light-medium.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-light-medium.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-success-light-medium.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-light-medium svg {
  width: 2rem;
  height: 2rem;
}

.btn-success-light-large {
  padding: 1.4rem 2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  background: #F8FCF7;
  border: unset;
  color: #19CE58;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
}
.btn-success-light-large:hover {
  background: #F8FCF7;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  color: #5ED980;
}
.btn-success-light-large:active {
  background: #F8FCF7;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  color: #1E9235;
  border: unset;
}
.btn-success-light-large.disabled {
  background: #FFFFFF;
  color: #DCDEED;
  box-shadow: unset;
  cursor: not-allowed;
}
.btn-success-light-large.disabled:hover {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-light-large.disabled:focus {
  background: #FFFFFF;
  box-shadow: unset;
  border: unset;
}
.btn-success-light-large.disabled:active {
  background: #FFFFFF;
  box-shadow: unset;
}
.btn-success-light-large svg {
  width: 2rem;
  height: 2rem;
}

input[type=checkbox].meb-checkbox-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.meb-checkbox {
  cursor: pointer;
  align-items: center;
  text-align: center;
}
.meb-checkbox .meb-checkbox-label {
  margin: 0;
  cursor: pointer;
  display: block !important;
  padding: 1rem 1.6rem;
  width: 5.2rem;
  height: 4.4rem;
  background: #EFF0F9;
  border-radius: 4px;
}
.meb-checkbox .meb-checkbox-label::before {
  display: none;
}
.meb-checkbox .meb-checkbox-label::after {
  display: none;
}
.meb-checkbox .meb-checkbox-input:checked ~ .meb-checkbox-label {
  cursor: pointer;
  display: block !important;
  padding: 1rem 1.6rem;
  width: 5.2rem;
  height: 4.4rem;
  background: #C3C2D7;
  border-radius: 4px;
}
.meb-checkbox .meb-checkbox-input:checked ~ .meb-checkbox-label span {
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.4rem;
}
.meb-checkbox .meb-checkbox-input:disabled ~ .meb-checkbox-label {
  cursor: not-allowed;
  display: block !important;
  padding: 1rem 1.6rem;
  width: 5.2rem;
  height: 4.4rem;
  background: #F8F8FC;
  border-radius: 4px;
}
.meb-checkbox .meb-checkbox-input:disabled ~ .meb-checkbox-label span {
  color: #9D9FBC;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.4rem;
}

.btn-prevnext-group-user-guide {
  display: flex;
  position: fixed;
  bottom: 5rem;
  justify-content: space-between;
  left: 5rem;
  width: 92.5%;
  right: 5rem;
}
@media screen and (max-width: 768px) {
  .btn-prevnext-group-user-guide {
    display: none;
  }
}

.btn-circle-user-guide {
  width: 3.2rem;
  height: 3.2rem;
  background-color: #3E1583;
  color: #FBDE98;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 1.5rem;
}

.btn-link {
  font-weight: 400;
  color: #3167F6;
  text-decoration: none;
  cursor: pointer;
}
.btn-link:hover {
  text-decoration: none;
  color: #318CF6 !important;
}
.btn-link:hover svg path {
  fill: #318CF6;
}
.btn-link:focus {
  text-decoration: none;
}
.btn-link:active {
  text-decoration: none;
  color: #1F50CF;
}
.btn-link:active svg path {
  fill: #1F50CF;
}

.btn-primary-light-medium:focus {
  border: 0px;
}

.storybook-button {
  font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  border: 0;
  border-radius: 3em;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
}

.storybook-button--primary {
  color: white;
  background-color: #fd1e1e;
}

.storybook-button--secondary {
  color: #333;
  background-color: transparent;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
}

.storybook-button--small {
  font-size: 12px;
  padding: 10px 16px;
}

.storybook-button--medium {
  font-size: 14px;
  padding: 11px 20px;
}

.storybook-button--large {
  font-size: 16px;
  padding: 12px 24px;
}

.btn-modal-count:focus {
  box-shadow: unset;
}

.browse-button {
  height: 4.4rem;
  display: flex;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
}

.btn-plain-block {
  width: 100%;
  padding: 14px 20px 14px 20px;
  border-radius: 4px;
  background-color: #FFFFFF;
  border: 0.2rem solid #E5E7F2;
  display: flex;
  color: #3167F6;
  cursor: pointer;
}
.btn-plain-block:hover {
  background-color: #F8F8FC !important;
}

.card-384 {
  display: block;
  background: #FFFFFF;
  width: 38.4rem;
  padding: 3.2rem;
}
@media screen and (max-width: 38.4rem) {
  .card-384 {
    width: 100%;
  }
}

.card-school-information {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #EFF0F9;
  border-radius: 1.6rem;
  padding: 3.2rem 0;
  margin-top: 3.2rem;
}

.card-cs {
  padding: 2.4rem 0;
}

.form-login-landingpage {
  display: block;
  background: #FFFFFF;
  width: 44.8rem;
  max-height: 40.4rem;
  padding: 3.2rem 4rem;
  border-radius: 8px;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1), 0px 4px 6px -2px rgba(0, 0, 0, 0.05);
}
@media screen and (max-width: 38.4rem) {
  .form-login-landingpage {
    width: 100%;
  }
}

.card.signature {
  width: 43.6rem;
  padding: 1.6rem 2.4rem;
  background: #F8F8FC;
  border-radius: 0.8rem;
  border: unset;
}

.card.card-activity {
  border: 2px solid rgba(0, 0, 0, 0.089);
  border-radius: 4px;
}

.card.signature + .card.signature {
  margin-left: 2.4rem;
}

.card-result-group {
  display: flex;
  justify-content: space-between;
  padding: 1.6rem 0.8rem;
  background: #FFFFFF;
  box-shadow: inset 0px -2px 0px #EBF1F6;
}
.card-result-group :first-child() {
  margin-top: 1.6rem;
}

.card-mapel-assessment {
  background: #F6F6FC;
  min-height: 4.8rem;
  padding: 1.4rem 1.6rem;
  border-radius: 4px;
}

.card-mapel-assessment + .card-mapel-assessment {
  margin-top: 16px !important;
}

.card-mapel-assessment.done {
  background: #FBFBFF;
  padding: 1.4rem 1.6rem;
  color: #878AA6;
}
.card-mapel-assessment.done .icon {
  display: none;
}

.card-mapel-assessment.over {
  background: #F4F6F9;
  padding: 1.4rem 1.6rem;
  color: #202020;
}

.card-img-top {
  border-top-left-radius: calc(1rem - 1px) !important;
  border-top-right-radius: calc(1rem - 1px) !important;
}

.card-result-question-mobile {
  background: #FDFDFF;
  padding: 10px 24px 14px;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 4px;
}

.card-pts {
  padding: 1.4rem 1.6rem;
  background-color: white;
  box-shadow: 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 4px;
}

.card-pts:nth-child(1) {
  margin-top: 2.4rem;
}

.card-pts + .card-pts {
  margin-top: 1.6rem;
}

.card-pts:hover {
  cursor: pointer;
  background-color: #F8F8FC;
}
.card-pts:hover.hover-card {
  color: #413368;
  background-color: #FFFFFF;
}
.card-pts:hover.no-hover-card-background {
  background-color: #FFFFFF;
}
.card-pts:hover h4.hover-card-payment, .card-pts:hover .hover-card-payment.h4 {
  color: #413368;
}

.card-deck .card {
  border: unset !important;
}

.row.dashboard {
  margin-left: 0rem;
  box-sizing: border-box;
  width: 100%;
  align-items: center;
}
.row.dashboard .col-12:first-child {
  margin-top: 0;
}
.row.dashboard .content-header {
  margin-top: 0;
}
.row.dashboard .content-header:not(:first-child) {
  margin-top: 6.4rem;
}
.row.dashboard .content-header .content-title {
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 28px;
  color: #131315;
}
.row.dashboard .content-body-fitur {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-gap: 2.4rem 2.4rem;
  margin-top: 2.4rem;
}
.row.dashboard .content-body-fitur .card-fitur {
  width: 30.4rem;
  height: 19.6rem;
  border-radius: 0.8rem;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #FFFFFF;
  text-decoration: none;
}
.row.dashboard .content-body-fitur .card-fitur .card-fitur-text {
  padding: 1.6rem 2.4rem;
}
@media screen and (max-width: 38.4rem) {
  .row.dashboard .content-body .content-body {
    padding: 0rem 4rem;
  }
}
@media screen and (max-width: 76.8rem) {
  .row.dashboard .content-body .content-body {
    padding: 0rem 4rem;
  }
}
.row.dashboard .content-body .card-deck {
  justify-content: flex-start;
  display: flex;
  flex-basis: 33rem;
  flex-flow: row wrap;
}
.row.dashboard .content-body .card-deck .card + .card {
  margin-left: 2.4rem;
}
.row.dashboard .content-body .card-deck .card {
  border: 0rem;
  border-radius: 8px;
  text-decoration: none;
  text-align: left;
  color: #000000;
  margin-top: 2.4rem;
  margin-right: 0 !important;
  max-width: 30.4rem;
  min-width: 30.4rem;
  box-shadow: 0px 2px 4px 0px rgba(65, 51, 104, 0.12), 0px 3px 6px 0px rgba(65, 51, 104, 0.15);
}
.row.dashboard .content-body .card-deck .card .card-body {
  padding: 1.6rem 2.4rem;
}
.row.dashboard .content-body .card-deck .card .card-body .card-img,
.row.dashboard .content-body .card-deck .card .card-body .card-img-top {
  border-radius: 0;
}
.row.dashboard .content-body .card-deck .card .card-body .card-title {
  font-style: normal;
  font-weight: 600;
  font-size: 17px;
  line-height: 20px;
  margin-bottom: 0 !important;
}
.row.dashboard .content-body .card-deck .card .card-body .card-text {
  margin-top: 10px;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2.4rem;
}
@media screen and (max-width: 38.4rem) {
  .row.dashboard .content-body .card-deck {
    justify-content: center;
  }
}

.container {
  width: 100%;
}

.card-result {
  background: #FFFFFF;
  min-width: 50.4rem;
}
.card-result a {
  text-decoration: none !important;
}
@media screen and (max-width: 38.4rem) {
  .card-result {
    min-width: 100%;
  }
}
.card-result .card-header {
  border: 0;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-top: 20px;
}
.card-result .card-header .close-icon {
  font-size: 4rem;
}
.card-result .card-header .close-icon:before {
  color: #4C516D;
}
.card-result .card-body {
  padding: 4rem 3.2rem;
  padding-top: 2rem;
}
.card-result .card-body .score-result {
  text-align: center;
}
.card-result .card-body .side-stars {
  font-size: 8rem;
  color: #FFC700;
}
.card-result .card-body .middle-star {
  font-size: 12rem;
  color: #FFC700;
}
.card-result .card-body .middle-star-border {
  font-size: 12rem;
  color: #EBF1F6 !important;
}
.card-result .card-body .side-stars-border {
  font-size: 8rem;
  color: #EBF1F6 !important;
}
.card-result .card-body .score-title {
  font-size: 2.5rem;
  line-height: 3.2rem;
  font-weight: 700;
  margin-top: 2rem;
  color: #000000;
}
.card-result .card-body .score-description {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #000000;
}
.card-result .card-body .btn-restart {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 700;
  background: #F9F6FC;
  color: #7233DA;
  padding: 1.2rem 1.6rem;
  box-sizing: border-box;
}
.card-result .card-body .btn-restart:hover {
  color: #986CE0;
  background: #F9F6FC;
}
.card-result .card-body .btn-next {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 700;
  background: #7233DA;
  padding: 1.2rem 1.6rem;
  box-sizing: border-box;
  color: #FFFFFF;
  border: 0;
  display: flex !important;
  align-items: center;
  justify-content: center;
}
.card-result .card-body .btn-next i:before {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 700;
  margin-left: 0.4rem;
  color: #FFFFFF;
}
.card-result .card-body .btn-next:hover {
  color: #FFFFFF;
  background: #986CE0;
}
.card-result .card-body .btn-retry {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 700;
  border: 0 !important;
  background: #7233DA;
  color: #FFFFFF;
  padding: 1.2rem 1.6rem;
}
.card-result .card-body .btn-retry:hover {
  background: #986CE0;
}
.card-result .res-container {
  display: flex;
  justify-content: center;
}
.card-result .res-container .btn {
  display: block;
  border-radius: 0;
  margin: 0px 5px;
}
@media screen and (max-width: 38.4rem) {
  .card-result .res-container .btn {
    display: block;
    margin: 5px 0px;
    width: 100%;
  }
}
.card-result .kejar-arsip-asesmen-bold:before {
  color: #FFC700;
}

.card-note {
  display: flex;
  width: 100%;
  flex-direction: row;
  padding: 16px 10px !important;
  background: #F4F8FF;
}

.answer-note {
  width: 100%;
  padding: 16px 20px !important;
  background: #F8F8FC;
  border-radius: 4px;
}

.card-result-literasi {
  position: relative;
}
.card-result-literasi .close-button {
  position: absolute;
  right: 2rem;
  top: 2rem;
}
.card-result-literasi .close-button i::before {
  font-size: 3rem;
}
.card-result-literasi .card-body {
  padding-top: 5rem;
}
.card-result-literasi .kejar-sudah-dikerjakan-outline::before {
  font-size: 10rem;
  color: #FFC700;
}
.card-result-literasi .score-description {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: block;
  color: #000000 !important;
  margin-top: 0.8rem;
}

.card-student-group {
  height: 4.8rem;
  display: block;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #FDFDFF;
  border-radius: 4px;
  box-shadow: 1px 1px 1px 1px #cccccc;
}
.card-student-group:hover {
  background-color: #F7FAFF;
}
.card-student-group:hover a {
  color: #7233DA;
}
.card-student-group:hover .star-item {
  display: none;
}
.card-student-group:hover .stage-order-buttons,
.card-student-group:hover .round-order-buttons {
  display: grid;
}
.card-student-group:hover .btn-icon.order-status {
  display: none;
}
.card-student-group:hover .btn-icon.sort-up, .card-student-group:hover .btn-icon.sort-down {
  display: block;
}
.card-student-group:hover .play-button {
  display: flex;
  justify-content: flex-end;
}
.card-student-group:hover .play-button .btn-next {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF !important;
  padding: 1.6rem 2rem;
  background: #7233DA;
}
.card-student-group:hover .play-button .btn-next i {
  margin-left: 1rem;
}
.card-student-group:hover .play-button .btn-next i:before {
  color: #FFFFFF !important;
  font-size: 2rem;
}
.card-student-group:hover .play-button .btn-next i:hover {
  color: #FFFFFF !important;
}
.card-student-group:hover .play-button .btn-next:hover {
  background: #986CE0 !important;
}
.card-student-group a {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important;
}
.card-student-group a:hover {
  color: #7233DA;
  text-decoration: none;
}
.card-student-group i {
  padding: 0 !important;
  margin-right: 0.8rem !important;
  line-height: normal;
  font-size: 2rem;
  top: 0.3rem;
  left: 0.2rem;
}
.card-student-group i ::before {
  color: #131315;
}
.card-student-group i:hover {
  color: #7233DA;
}
@media screen and (max-width: 768px) {
  .card-student-group {
    padding: 3rem 1.6rem !important;
  }
}

.card-subject {
  min-height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #EFF0F9;
  border-radius: 4px;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.card-subject:hover {
  background-color: #F7FAFF;
}
.card-subject:hover a {
  color: #7233DA;
}
.card-subject:hover .star-item {
  display: none;
}
.card-subject:hover .stage-order-buttons,
.card-subject:hover .round-order-buttons {
  display: grid;
}
.card-subject:hover .btn-icon.order-status {
  display: none;
}
.card-subject:hover .btn-icon.sort-up, .card-subject:hover .btn-icon.sort-down {
  display: block;
}
.card-subject:hover .play-button {
  display: flex;
  justify-content: flex-end;
}
.card-subject:hover .play-button .btn-next {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF !important;
  padding: 1.6rem 2rem;
  background: #7233DA;
}
.card-subject:hover .play-button .btn-next i {
  margin-left: 1rem;
}
.card-subject:hover .play-button .btn-next i:before {
  color: #FFFFFF !important;
  font-size: 2rem;
}
.card-subject:hover .play-button .btn-next i:hover {
  color: #FFFFFF !important;
}
.card-subject:hover .play-button .btn-next:hover {
  background: #986CE0 !important;
}
.card-subject a {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important;
}
.card-subject a:hover {
  color: #7233DA;
  text-decoration: none;
}
.card-subject i {
  padding: 0 !important;
  margin-right: 0.8rem !important;
  line-height: normal;
  font-size: 2rem;
  top: 0.3rem;
  left: 0.2rem;
}
.card-subject i ::before {
  color: #131315;
}
.card-subject i:hover {
  color: #7233DA;
}
@media screen and (max-width: 768px) {
  .card-subject {
    padding: 3rem 1.6rem !important;
  }
}

.card-score {
  border: 2px solid #334E68;
  width: 164px;
  box-sizing: border-box;
}
.card-score .header-score {
  height: 32px;
  border-radius: 0px;
  border-bottom: 2px solid #334E68;
  text-align: center;
  padding-top: 0.2rem;
}
.card-score .body-score {
  height: 56px;
  border-radius: 0px;
  text-align: center;
  padding-top: 0.8rem;
}

.linkquest-text {
  text-decoration: none !important;
  color: #318CF6;
}
.linkquest-text:hover {
  color: #986CE0;
  text-decoration: underline !important;
}

.desc-unclick {
  position: relative;
  right: 4rem;
}

.desc-click {
  transition: 0.5s ease;
  opacity: 0;
  top: 0%;
  left: 0%;
  text-align: center;
}

.linkquest-open:hover .desc-click {
  opacity: 1;
}

.linkquest-open:hover .desc-unclick {
  position: relative;
  right: 0rem;
}

.desc-clicked {
  padding-left: 1rem;
  padding-right: 1rem;
}

.card-people {
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
  background-color: #F4F6F9;
  border: none;
  border-radius: 0 !important;
  padding: 0 1em 0 1em;
}

.mini-logo {
  width: 2%;
  height: 2%;
}

.card-topic .btn-more {
  display: none;
  transition: 0s;
}
.card-topic .link a {
  text-decoration: none;
  color: #131315;
}
.card-topic .icon-right {
  display: none;
}

.card-topic:hover .btn-more {
  display: inline-block !important;
  padding-right: 0px !important;
}
.card-topic:hover .link a {
  color: #7233DA;
}
.card-topic:hover .icon-right {
  display: inline-block !important;
}

.card-light {
  background: #F8F8FC;
  color: #131315;
  border: 2px solid #E5E7F2;
  border-radius: 4px;
  padding: 2rem;
}
.card-light .avatar-profile-payment {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-light .avatar-profile-payment .avatar-group-profile-payment {
  position: relative;
  background: #C0C9FD;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 300px;
  width: 125px;
  height: 125px;
}
.card-light .avatar-profile-payment .avatar-group-profile-payment .profile-pict-profile-payment {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 300px;
}
.card-light .icon-card {
  display: flex;
  justify-content: center;
}
.card-light .icon-student-payment {
  background: #FFFFFF !important;
  width: 44px;
  height: 44px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 2.2rem;
}

.card-course {
  background: #FDFDFF;
  color: #131315;
  border: 2px solid #E5E7F2;
  border-radius: 5px;
  padding: 2rem;
}
.card-course.h-44r {
  height: 4.4rem !important;
}
.card-course.assessment-record {
  padding: 1rem 1.6rem !important;
}

.card-course.hover:hover {
  background: #F8F8FC;
}

.card-setting {
  height: 8rem;
  padding: 1.6rem 2rem;
  background: #F8F8FC;
  border-radius: 0.4rem;
}

.card-normal {
  border: 2px solid #E5E7F2;
  border-radius: 5px;
  padding: 1.6rem;
}
.card-normal.padding-6 {
  padding: 0.6rem !important;
}

.card-normal-md {
  border: 2px solid #E5E7F2;
  border-radius: 5px;
  padding: 1.6rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.logo-container {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .logo-container {
    display: block;
  }
}

.box-point {
  width: 15.9rem;
  padding: 1.2rem;
  border: 2px solid #E5E7F2;
  border-radius: 0.8rem;
  display: flex;
}
.box-point #total-point {
  color: #3E1583 !important;
}
@media screen and (max-width: 768px) {
  .box-point {
    margin-top: 2.4rem;
  }
}

.box-logo {
  border: 2px solid #E5E7F2;
  border-radius: 0.4rem;
  padding: 2.4rem;
  display: flex;
  width: 22.4rem;
}
.box-logo.point {
  width: 15.9rem;
  padding: 1.2rem;
}
.box-logo.point #total-point {
  color: #3E1583 !important;
}
.box-logo.border-radius-8 {
  border-radius: 0.8rem;
}
@media screen and (max-width: 768px) {
  .box-logo {
    width: 100% !important;
    margin-bottom: 2.4rem;
  }
  .box-logo.point {
    width: 15.9rem;
  }
}
.box-logo .box-description .box-text {
  height: 3.2rem;
  width: 17rem;
}
@media screen and (max-width: 768px) {
  .box-logo .box-description .box-text {
    height: 0 !important;
    width: 100% !important;
  }
}

.box-logo-hovered:hover {
  background-color: #F8F8FC;
}
.box-logo-hovered:hover .update-habituation {
  color: #3E1583;
}
.box-logo-hovered:hover .box-btn {
  background-color: #F8F8FC;
}

.box-logo-icon {
  height: 4.8rem;
  width: 4.8rem;
  border-radius: 0.8rem;
  margin-right: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.box-logo-icon.rounded-logo {
  border-radius: 2.2rem;
}

.content-empty {
  margin-top: 4rem;
}
.content-empty p {
  text-align: center;
  color: #5A5F79;
  margin-bottom: 4rem;
}

.content-header-description {
  margin-top: 4rem;
}
.content-header-description h5, .content-header-description .h5 {
  font-size: 1.5rem !important;
  color: #131315;
  margin-bottom: 0.4rem;
}
.content-header-description p {
  font-size: 1.5rem;
}

.question-type {
  background: #F7FAFF;
  color: #4C516D;
  text-decoration: none;
}
.question-type:hover {
  text-decoration: none;
  color: #24292E;
}
@media screen and (min-width: 992px) {
  .question-type {
    max-width: 12.3rem;
  }
}

.preview-question {
  min-height: 100px;
  background: #F8F8FC;
}

.card-title-score {
  width: 159px;
  height: 92px;
  background-color: #FDFDFF;
  border: 2px solid #E5E7F2;
  border-radius: 8px;
}

.card-reading-question {
  border: 2px solid #E5E7F2;
  border-radius: 4px;
  padding: 1rem 1.6rem;
}

.icon-caption {
  display: flex;
}
.icon-caption .caption {
  display: flex;
}
.icon-caption .icon {
  margin-top: -3px;
  margin-left: 4px;
}
.icon-caption .info {
  margin-top: -1.7px;
}

.card-body-question {
  padding-right: 15px;
  display: flex;
}
@media screen and (max-width: 992px) {
  .card-body-question {
    display: block;
  }
}
.card-body-question .question {
  padding-left: 32px;
  padding-top: 15px;
  padding-bottom: 15px;
}
.card-body-question .question i {
  font-family: inherit !important;
  font-style: italic;
}
.card-body-question .information {
  padding: 20px;
  border-left: 2px solid #E5E7F2;
  padding-top: 15px;
  background-color: #F8F8FC;
}
@media screen and (max-width: 992px) {
  .card-body-question .information {
    margin-left: 13px;
    border-left: none;
  }
}
.card-body-question .information .info-detail {
  border-radius: 4px;
}

.card-footer-question {
  border-top: 2px solid #E5E7F2;
  padding: 0rem 1.6rem;
}

.card-status {
  width: 5rem;
  border: none;
  text-align: center;
}
.card-status .card-body-status {
  height: 5rem;
  background: #F6F6FC;
}

.border-radius-5 {
  border-radius: 5rem !important;
}

.card-frame {
  background: #F9F6FC;
  border-radius: 6px;
  padding: 16px 16px 32px;
}

.card.card-hovered {
  border: 2px solid #E5E7F2 !important;
}
.card.card-hovered a {
  color: #3167F6;
}
.card.card-hovered:hover {
  background-color: #F8F8FC;
}
.card.card-hovered:hover a {
  color: #318CF6;
}
.card.card-hovered:active {
  background-color: #FFFFFF;
}
.card.card-hovered:active a {
  color: #1F50CF;
}

.palettes-color .col {
  width: 16rem;
  height: 12.8rem;
  border-radius: 4px;
}
.palettes-color .col .color {
  height: 8rem;
  border-radius: 4px;
}

.design-card {
  border: 0.1rem solid #DCDEED;
  border-radius: 0.8rem;
}
.design-card .docblock-source {
  border: none;
  border-top: 0.1rem solid #DCDEED;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.design-card .design-card-body {
  padding: 2.4rem;
}

.short-code {
  margin: 0 0.8rem !important;
  color: #F97060;
  font-size: 14px;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.design-code-ckeditor .token,
.design-code-ckeditor .language-html {
  font-size: 1.4rem;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.card-container-storybook {
  position: absolute;
  left: 0;
  width: calc(100vw - 15px) !important;
}
.card-container-storybook .rectangle {
  position: relative;
}
.card-container-storybook .rectangle::before, .card-container-storybook .rectangle::after {
  content: "40px";
  position: absolute;
  top: 50%;
}
.card-container-storybook .rectangle::before {
  left: 3px;
}
.card-container-storybook .rectangle::after {
  right: 3px;
}

.swiper {
  width: 100%;
  height: 21.6rem;
  border-radius: 1.6rem;
}

.container-dashboard-grid .swiper {
  height: 20.6rem !important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.swiper-slide img.desktop {
  display: block;
}
.swiper-slide img.mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .swiper-slide img.desktop {
    display: none;
  }
  .swiper-slide img.mobile {
    display: block;
  }
}

.card-my-chart {
  border: 1px solid #EFF0F9;
  border-radius: 0.8rem;
  background: #FDFDFF;
  padding-right: 5.7rem;
  padding-left: 1.8rem;
  padding-bottom: 2.4rem;
}
.card-my-chart.chart-score {
  padding-bottom: 7.9rem !important;
}
.card-my-chart.border-bold {
  border: 2px solid #E5E7F2;
}
.card-my-chart.card-chart-summary-akm {
  padding-bottom: 20rem !important;
}
.card-my-chart.card-chart-summary {
  padding-bottom: 8rem !important;
}
.card-my-chart.card-diagnostic-report {
  padding-bottom: 14rem !important;
}
.card-my-chart.card-proficiency-report {
  padding-bottom: 9rem !important;
}
.card-my-chart.card-chart-summary-akm-proficiency {
  padding-bottom: 10.4rem !important;
}

.custom-legend {
  position: absolute;
  right: 7.3rem;
}
.custom-legend ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.custom-legend ul li {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-direction: row;
  padding-left: 2.5rem;
  padding-top: 2.4rem;
}
.custom-legend ul li span {
  display: inline-block;
  height: 1.6rem;
  width: 1.6rem;
  margin-right: 0.4rem;
  border-radius: 0.5rem;
}
.custom-legend ul li p {
  color: #4C516D;
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin: 0;
  padding: 0;
}
.custom-legend ul li.active p {
  text-decoration: line-through;
  margin: 0;
  padding: 0;
}
.custom-legend.custom-legend-summary-akm {
  left: 2rem !important;
}
.custom-legend.custom-legend-summary-akm ul {
  display: block !important;
}
.custom-legend.custom-legend-summary-akm ul li {
  cursor: auto !important;
}
.custom-legend.custom-legend-summary {
  left: 2rem !important;
}
.custom-legend.custom-legend-summary ul {
  width: 100%;
  display: flex !important;
  justify-content: space-between !important;
}
.custom-legend.custom-legend-summary ul li {
  cursor: auto !important;
  float: center !important;
}
.custom-legend.custom-legend-summary-mb {
  left: 2rem !important; /* Chrome, Safari, Opera */
  -moz-column-count: 2; /* Firefox */
  column-count: 2;
}
.custom-legend.custom-legend-summary-mb ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
}
.custom-legend.custom-legend-summary-mb ul li {
  cursor: auto !important;
  float: center !important;
}
@media screen and (max-width: 768px) {
  .custom-legend.custom-legend-summary-mb {
    bottom: 1.6rem;
    -moz-column-count: unset;
         column-count: unset;
  }
  .custom-legend.custom-legend-summary-mb ul {
    flex-direction: row;
    justify-content: unset;
  }
}

.custom-legend-lg {
  position: absolute;
  right: 20rem;
}
.custom-legend-lg ul {
  display: flex;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
.custom-legend-lg ul li {
  display: flex;
  align-items: center;
  cursor: pointer;
  flex-direction: row;
  padding-left: 2.5rem;
  padding-top: 2.4rem;
}
.custom-legend-lg ul li span {
  display: inline-block;
  height: 1.6rem;
  width: 1.6rem;
  margin-right: 0.4rem;
  border-radius: 0.5rem;
}
.custom-legend-lg ul li p {
  color: #4C516D;
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin: 0;
  padding: 0;
}
.custom-legend-lg ul li.active p {
  text-decoration: line-through;
  margin: 0;
  padding: 0;
}

.progress-circle {
  width: 20rem;
  height: 20rem;
  background: none;
  position: relative;
}
.progress-circle::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 1.5rem solid #eee;
  position: absolute;
  top: 0;
  left: 0;
}
.progress-circle > span {
  width: 50%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 1;
}
.progress-circle .progress-left {
  left: 0;
}
.progress-circle .progress-bar {
  width: 100%;
  height: 100%;
  background: none;
  border-width: 1.5rem;
  border-style: solid;
  position: absolute;
  top: 0;
}
.progress-circle .progress-bar.border-indigo-2 {
  border-color: #6E7AF1;
}
.progress-circle .progress-bar.border-green-2 {
  border-color: #5ED980;
}
.progress-circle .progress-bar.border-magenta-2 {
  border-color: #FF58AC;
}
.progress-circle .progress-bar.border-yellow-2 {
  border-color: #FFDD72;
}
.progress-circle .progress-left .progress-bar {
  left: 100%;
  border-top-right-radius: 11rem;
  border-bottom-right-radius: 11rem;
  border-left: 0;
  transform-origin: center left;
}
.progress-circle .progress-right {
  right: 0;
}
.progress-circle .progress-right .progress-bar {
  left: -100%;
  border-top-left-radius: 11rem;
  border-bottom-left-radius: 11rem;
  border-right: 0;
  transform-origin: center right;
}
.progress-circle .progress-value {
  position: absolute;
  top: 0;
  left: 0;
}

.dropdown-menu::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dropdown-menu::-webkit-scrollbar-track {
  background-color: #EFF0F9;
  border-radius: 2px;
}

.dropdown-menu::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #C3C2D7;
}

.dropdown-menu::-moz-scrollbars-horizontal {
  height: 2px;
  width: 2px;
}

.dropdown-menu-rtl {
  right: 0px !important;
  left: unset !important;
  transform: translate3d(0px, 35px, 0px) !important;
}

.class-dropdown {
  position: relative;
}
.class-dropdown span {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 2.8rem;
}
.class-dropdown button {
  cursor: pointer;
  display: inline-block;
  border: 0;
  font-style: normal;
  font-weight: bold;
  font-size: 2.5rem;
  line-height: 2.8rem;
  padding: 0;
  background-color: transparent;
  color: #131315;
}
.class-dropdown button.dropdown-toggle::after {
  display: none;
}
.class-dropdown button i {
  font-size: 1.4rem;
  font-weight: bold;
}
.class-dropdown button i:before {
  color: #131315;
}
.class-dropdown .dropdown-menu {
  border: 0.2rem solid #E5E7F2 !important;
  border-radius: 0.4rem;
  color: #313548;
  min-width: 25.5rem;
  z-index: 1 !important;
}
.class-dropdown .dropdown-menu a {
  font-size: 1.5rem;
  line-height: 3rem;
}
.class-dropdown .dropdown-menu a:hover {
  color: #7233DA;
  background: #EAF4FF;
}

#navbarSupportedContent .profile-pict {
  width: 3.2rem;
  height: 3.2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
#navbarSupportedContent .nav-item .nav-link {
  line-height: 2;
}
#navbarSupportedContent .nav-item .nav-link i {
  font-size: 2rem;
  top: 0.35rem;
}
#navbarSupportedContent .dropdown-menu {
  border: 0.2rem solid #E5E7F2 !important;
  border-radius: 0.4rem;
  color: #313548;
  min-width: 25.5rem;
  z-index: 1 !important;
}
#navbarSupportedContent .dropdown-menu a {
  font-size: 1.5rem;
  line-height: 3rem;
}
#navbarSupportedContent .dropdown-menu a i {
  top: 0.35rem;
  margin-right: 0.4rem;
}
#navbarSupportedContent .dropdown-menu a i:before {
  font-size: 2rem !important;
}
#navbarSupportedContent .dropdown-menu a:hover {
  color: #7233DA;
  background: #EAF4FF;
}
#navbarSupportedContent .dropdown-menu a:hover i:before {
  color: #7233DA;
}
#navbarSupportedContent .nav-link i:before {
  color: #FFFFFF;
}
#navbarSupportedContent .dropdown-toggle::after {
  display: none;
}

#rombelDropdown .dropdown-menu {
  max-height: 385px;
  overflow: auto;
  z-index: 99 !important;
}

.dropdown-menu-right {
  top: -40px !important;
  left: -15px !important;
}
.dropdown-menu-right.dropdown-menu-filter {
  left: 0px !important;
  top: 0px !important;
}

.dropdown-menu-right-bottom {
  top: 0px !important;
  transform: translate3d(-155px, 24px, 0px) !important;
}
@media screen and (max-width: 500px) {
  .dropdown-menu-right-bottom {
    transform: translate3d(-215px, 24px, 0px) !important;
  }
}
.dropdown-menu-right-bottom.dropdown-menu-assessment {
  transform: translate3d(-220px, 24px, 0px) !important;
}

.dropdown-menu#question-teacher {
  min-width: 25.6rem;
  padding: 0;
  border-radius: 0.4rem;
  box-shadow: 0px 10px 20px rgba(65, 51, 104, 0.15), 0px 3px 6px rgba(65, 51, 104, 0.1);
}

.dropdown-item.question {
  height: 4.8rem;
  align-items: center;
  padding: 1.6rem 2rem;
}

.dropdown-header-right {
  left: -80px;
}

.dropdown-item-bottom {
  transform: translate3d(5px, 20px, 0px) !important;
}

.dropdown-menu.show .dropdown-menu-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.dropdown-menu.show .dropdown-menu-body::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 2px;
}

.dropdown-menu.show .dropdown-menu-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #DCDEED;
}

.dropdown-menu.show .dropdown-menu-body::-moz-scrollbars-horizontal {
  height: 2px;
  width: 2px;
}

.dropdown-filter .dropdown-menu.show {
  padding: 0;
  width: 25.5rem;
  border-radius: 0.4rem;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 4px 4px 4px 0;
}
.dropdown-filter .dropdown-menu.show .dropdown-menu-body {
  max-height: 22rem;
  overflow: auto;
}
.dropdown-filter .dropdown-menu.show .dropdown-item + .dropdown-item {
  margin-top: 0.8rem;
}
.dropdown-filter .dropdown-menu.show .dropdown-item {
  display: flex;
  align-items: center;
  height: 4rem;
  padding: 1rem 1.4rem;
}
.dropdown-filter .dropdown-menu.show .dropdown-item:hover {
  background: #F6F6FC;
}

.dropdown-item:active {
  color: #131315;
  background: #E5E7F2;
}

.dropdown-filter-invoice .dropdown-menu.show {
  padding: 0;
  width: 32rem;
  border-radius: 0.4rem;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  padding: 4px 4px 4px 0;
}
.dropdown-filter-invoice .dropdown-menu.show .dropdown-menu-body {
  max-height: 22rem;
  overflow: auto;
}
.dropdown-filter-invoice .dropdown-menu.show .dropdown-item + .dropdown-item {
  margin-top: 0.8rem;
}
.dropdown-filter-invoice .dropdown-menu.show .dropdown-item {
  display: flex;
  align-items: center;
  height: 4rem;
  padding: 1rem 1rem;
  white-space: pre-wrap !important;
  max-width: 90%;
}
.dropdown-filter-invoice .dropdown-menu.show .dropdown-item.no-wrap {
  white-space: nowrap !important;
}
.dropdown-filter-invoice .dropdown-menu.show .dropdown-item:hover {
  background: #F6F6FC;
}

.dropdown-menu.show {
  padding: 0;
  width: 32rem;
  border-radius: 0.4rem;
  box-shadow: 0px 10px 20px rgba(65, 51, 104, 0.15), 0px 3px 6px rgba(65, 51, 104, 0.1);
  padding: 0.4rem 0;
  border: 0;
  background-color: white;
}
@media screen and (max-width: 768px) {
  .dropdown-menu.show.dropdown-menu-transform {
    transform: translate3d(-150px, 24px, 0px) !important;
  }
}
.dropdown-menu.show.dropdown-menu-140px {
  width: 140px !important;
}
.dropdown-menu.show.dropdown-menu-12rem {
  width: 12rem;
}
.dropdown-menu.show.dropdown-menu-15rem {
  width: 15rem;
}
.dropdown-menu.show.dropdown-menu-20rem {
  width: 20.3rem;
}
.dropdown-menu.show.dropdown-menu-25rem {
  width: 25.6rem;
}
.dropdown-menu.show.dropdown-menu-32rem {
  width: 32rem;
}
.dropdown-menu.show .dropdown-menu-body {
  max-height: 22rem;
  overflow: auto;
}
.dropdown-menu.show .dropdown-item {
  display: flex;
  align-items: center;
  padding: 1.4rem 2rem;
  color: #131315;
}
.dropdown-menu.show .dropdown-item.item-grey-7 {
  color: #9D9FBC;
}
.dropdown-menu.show .dropdown-item:hover {
  background: #F6F6FC;
  color: #3E1583;
}
.dropdown-menu.show .dropdown-item:hover svg path, .dropdown-menu.show .dropdown-item:hover svg rect, .dropdown-menu.show .dropdown-item:hover svg circle {
  fill: #3E1583;
}
.dropdown-menu.show .dropdown-item:active {
  background: #EFF0F9;
  color: #413368;
}
.dropdown-menu.show .dropdown-item:active svg path, .dropdown-menu.show .dropdown-item:active svg rect, .dropdown-menu.show .dropdown-item:active svg circle {
  fill: #413368;
}
.dropdown-menu.show .dropdown-item.active {
  position: relative;
  background-color: #EFF0F9;
  color: #413368;
  font-weight: 600;
}
.dropdown-menu.show .dropdown-item.active.text-truncate {
  padding-right: 3.6rem;
}
.dropdown-menu.show .dropdown-item.active::after {
  position: absolute;
  content: "";
  width: 2rem;
  height: 2rem;
  right: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5256 4.76637C17.7697 5.01045 17.7697 5.40618 17.5256 5.65025L7.94227 15.2336C7.82336 15.3525 7.66154 15.4185 7.49338 15.4166C7.32523 15.4147 7.16492 15.3452 7.04868 15.2237L2.46534 10.432C2.22675 10.1826 2.23554 9.78692 2.48498 9.54833C2.73442 9.30973 3.13005 9.31852 3.36864 9.56797L7.51026 13.8978L16.6417 4.76637C16.8858 4.52229 17.2815 4.52229 17.5256 4.76637Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 2.3rem 2.4rem;
  z-index: 10;
}
.dropdown-menu.show .dropdown-item.item-red {
  color: #FF4343;
}
.dropdown-menu.show .dropdown-item.item-red:hover {
  color: #FF6666;
}
.dropdown-menu.show .dropdown-item.item-red:hover svg path, .dropdown-menu.show .dropdown-item.item-red:hover svg rect, .dropdown-menu.show .dropdown-item.item-red:hover svg circle {
  fill: #FF6666 !important;
}
.dropdown-menu.show .dropdown-item.item-red:active {
  color: #DF1212;
}
.dropdown-menu.show .dropdown-item.item-red:active svg path, .dropdown-menu.show .dropdown-item.item-red:active svg rect, .dropdown-menu.show .dropdown-item.item-red:active svg circle {
  fill: #DF1212 !important;
}
.dropdown-menu.show .dropdown-item.item-red.active {
  color: #BB0000;
}
.dropdown-menu.show .dropdown-item.item-blue {
  color: #3167F6;
}
.dropdown-menu.show .dropdown-item.item-blue:hover {
  color: #318CF6;
}
.dropdown-menu.show .dropdown-item.item-blue:hover svg path, .dropdown-menu.show .dropdown-item.item-blue:hover svg rect, .dropdown-menu.show .dropdown-item.item-blue:hover svg circle {
  fill: #318CF6;
}
.dropdown-menu.show .dropdown-item.item-blue:active {
  color: #1F50CF;
}
.dropdown-menu.show .dropdown-item.item-blue:active svg path, .dropdown-menu.show .dropdown-item.item-blue:active svg rect, .dropdown-menu.show .dropdown-item.item-blue:active svg circle {
  fill: #1F50CF;
}
.dropdown-menu.show .dropdown-item.item-blue.active {
  color: #1F50CF;
}

.dropdown-course {
  width: 100%;
  height: 4.8rem;
  font-size: 17px;
  font-weight: 600;
  line-height: 20px;
  border: 2px solid #FFFFFF;
  border-bottom: 2px solid #E5E7F2;
}

.dropdown-user-tags {
  max-height: 20rem;
  overflow-y: scroll;
}

.dropdown-menu-center {
  position: absolute !important;
  will-change: transform;
  left: 50% !important;
  top: 4rem !important;
  transform: translate(-50%) !important;
}

.dropdown-menu-user-guide {
  position: absolute !important;
  will-change: transform;
  left: 23% !important;
  top: 4rem !important;
  transform: translate(-50%) !important;
}
@media screen and (max-width: 768px) {
  .dropdown-menu-user-guide {
    left: 50% !important;
  }
}

.drawer-large::-webkit-scrollbar,
.drawer-small::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.drawer-large::-webkit-scrollbar-track,
.drawer-small::-webkit-scrollbar-track {
  background-color: #EFF0F9;
  border-radius: 2px;
}

.drawer-large::-webkit-scrollbar-thumb,
.drawer-small::-webkit-scrollbar-thumb {
  border-radius: 1.6rem;
  background-color: #C3C2D7;
  opacity: 0.4;
}

.drawer-large::-moz-scrollbars-horizontal,
.drawer-small::-moz-scrollbars-horizontal {
  height: 2px;
  width: 2px;
}

.drawer-large {
  width: clamp(25%, 36rem, 36rem);
  height: 100vh;
  background: #EFF0F9;
  padding: 0rem 0.8rem 0rem 1.6rem;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
}
.drawer-large .drawer-group .drawer-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EFF0F9;
  padding: 3.2rem 1.6rem 1.6rem 1.6rem;
  position: sticky;
  top: 0;
}
.drawer-large .drawer-group .drawer-title svg:hover {
  background: #F8F8FC;
  border-radius: 4px;
  cursor: pointer;
}
.drawer-large .drawer-group .drawer-spacer-first {
  height: 8px;
}
.drawer-large .drawer-group .drawer-title + .drawer-spacer-first {
  margin: 0.4rem 0;
}
.drawer-large .drawer-group .drawer-item + .drawer-item,
.drawer-large .drawer-group .drawer-item + .drawer-spacer {
  margin-top: 0.4rem;
}
.drawer-large .drawer-group .drawer-item {
  display: flex;
  align-items: center;
  border-radius: 0.8rem;
  padding: 1.4rem 1.6rem;
  cursor: pointer;
}
.drawer-large .drawer-group .drawer-item .h5-reg {
  flex-grow: 1;
}
.drawer-large .drawer-group .drawer-item .h5-reg + svg {
  max-width: 22.4rem;
}
.drawer-large .drawer-group .drawer-item :is(.h5-reg):has(+ svg) {
  max-width: 22.4rem;
}
.drawer-large .drawer-group .drawer-item:hover, .drawer-large .drawer-group .drawer-item:active {
  background: #E5E7F2;
}
.drawer-large .drawer-group .drawer-item:focus {
  background: #EFF0F9;
  border: 2px solid #C3C2D7;
}
.drawer-large .drawer-group .drawer-item.active {
  background: #FFFFFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.drawer-large .drawer-group .drawer-spacer {
  height: 1.6rem;
}
.drawer-large .drawer-group .drawer-spacer-line {
  height: 2px;
  background: #DCDEED;
  margin: 0.4rem 0;
}
.drawer-large .drawer-group .drawer-spacer + .drawer-sub-title {
  margin-top: 0.4rem;
}
.drawer-large .drawer-group .drawer-sub-title {
  padding: 2.4rem 1.6rem 1.6rem 1.6rem;
}

.drawer-small {
  width: clamp(17.5%, 25.6rem, 25.6rem);
  height: 100vh;
  background: #EFF0F9;
  padding: 0rem 0.8rem 0rem 1.6rem;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
}
.drawer-small .drawer-group .drawer-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EFF0F9;
  padding: 3.2rem 1.6rem 1.6rem 1.6rem;
  position: sticky;
  top: 0;
}
.drawer-small .drawer-group .drawer-title svg:hover {
  background: #F8F8FC;
  border-radius: 4px;
  cursor: pointer;
}
.drawer-small .drawer-group .drawer-spacer-first {
  height: 8px;
}
.drawer-small .drawer-group .drawer-title + .drawer-spacer-first {
  margin: 0.4rem 0;
}
.drawer-small .drawer-group :is(.drawer-item):has(+ .h5-reg, svg) {
  justify-content: space-between;
}
.drawer-small .drawer-group .drawer-item {
  display: flex;
  align-items: center;
  border-radius: 0.8rem;
  padding: 1.4rem 1.6rem;
  cursor: pointer;
}
.drawer-small .drawer-group .drawer-item .h5-reg {
  flex-grow: 1;
}
.drawer-small .drawer-group .drawer-item svg + .h5-reg {
  max-width: 15.7rem;
}
.drawer-small .drawer-group .drawer-item .h5-reg + svg {
  max-width: 15.7rem;
}
.drawer-small .drawer-group .drawer-item :is(.h5-reg):has(+ svg) {
  max-width: 12rem;
}
.drawer-small .drawer-group .drawer-item:hover, .drawer-small .drawer-group .drawer-item:active {
  background: #E5E7F2;
}
.drawer-small .drawer-group .drawer-item:focus {
  background: #EFF0F9;
  border: 2px solid #C3C2D7;
}
.drawer-small .drawer-group .drawer-item.active {
  background: #FFFFFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.drawer-small .drawer-group .drawer-item + .drawer-item,
.drawer-small .drawer-group .drawer-item + .drawer-spacer {
  margin-top: 0.4rem;
}
.drawer-small .drawer-group .drawer-spacer {
  height: 1.6rem;
}
.drawer-small .drawer-group .drawer-spacer-line {
  height: 2px;
  background: #DCDEED;
  margin: 0.4rem 0;
}
.drawer-small .drawer-group .drawer-spacer + .drawer-sub-title {
  margin-top: 0.4rem;
}
.drawer-small .drawer-group .drawer-sub-title {
  padding: 2.4rem 1.6rem 1.6rem 1.6rem;
}

input::-moz-placeholder {
  color: #BCBBD0;
  opacity: 1;
}

input::placeholder {
  color: #BCBBD0;
  opacity: 1;
}

input:-moz-placeholder {
  color: #BCBBD0;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #BCBBD0;
  opacity: 1;
}

form .textarea-field {
  resize: none;
  min-height: 9rem;
}
form .textarea-question,
form .textarea-answer {
  resize: none;
  height: 6rem;
}
form .textarea-question:focus,
form .textarea-answer:focus {
  outline: 0;
}
form .textarea-answer {
  margin-bottom: 1.6rem;
}
form label {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
}
form p {
  color: #4C516D;
  margin-bottom: 2.4rem;
}
form .form-control {
  display: block;
  width: 100%;
  height: 4rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  padding: 1rem 1.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 0.2rem solid #E5E7F2;
  outline: none !important;
}
form .form-control::-moz-placeholder {
  color: #9D9FBC;
  opacity: 1;
}
form .form-control::placeholder {
  color: #9D9FBC;
  opacity: 1;
}
form .form-control:active, form .form-control:focus, form .form-control:visited {
  border: 0.2rem solid #D9EBFF;
  box-shadow: none !important;
  color: #3E1583 !important;
}
form .form-control:disabled {
  background-color: #EFF0F9 !important;
}
form .form-control.read-only {
  background-color: #EFF0F9 !important;
  border-color: #E5E7F2;
}
form .form-control.selector {
  padding: 0rem 1.6rem !important;
}
form textarea.form-control {
  display: block;
  width: 100%;
  height: 12rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  padding: 1rem 1.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 0.2rem solid #E5E7F2;
}
form textarea.form-control::-moz-placeholder {
  color: #9D9FBC;
  opacity: 1;
}
form textarea.form-control::placeholder {
  color: #9D9FBC;
  opacity: 1;
}
form textarea.form-control:active, form textarea.form-control:focus {
  border: 0.2rem solid #D9EBFF;
  box-shadow: none;
}
form .form-control-with-icon {
  border: 2px solid #E5E7F2;
  display: flex;
  height: 40px;
  border-radius: 4px;
  padding: 0 16px;
}
form .form-control-with-icon .form-icon {
  display: flex;
  align-items: center;
}
form .form-control-with-icon input[type=text] {
  width: 100%;
  border: none;
  margin-left: 12px;
}
form .form-control-with-icon input[type=text]:focus {
  outline: 0;
}
form .form-control-with-icon input[type=text]::-moz-placeholder {
  color: #9D9FBC;
  opacity: 1;
}
form .form-control-with-icon input[type=text]::placeholder {
  color: #9D9FBC;
  opacity: 1;
}
form .form-control-with-icon:focus-within {
  border: 0.2rem solid #D9EBFF;
}
form textarea.placeholder-grey-7::-webkit-input-placeholder {
  color: #9D9FBC;
}
form textarea.placeholder-grey-7:-moz-input-placeholder {
  color: #9D9FBC;
}
form textarea.placeholder-grey-7:-ms-input-placeholder {
  color: #9D9FBC;
}

form-basic .textarea-field {
  resize: none;
  min-height: 9rem;
}
form-basic .textarea-question,
form-basic .textarea-answer {
  resize: none;
  height: 6rem;
}
form-basic .textarea-question:focus,
form-basic .textarea-answer:focus {
  outline: 0;
}
form-basic .textarea-answer {
  margin-bottom: 1.6rem;
}
form-basic label {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
form-basic p {
  color: #4C516D;
  margin-bottom: 2.4rem;
}
form-basic .form-control {
  display: block;
  width: 100%;
  height: 4rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  padding: 1rem 1.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 0.1rem solid #aaa;
  outline: none !important;
}
form-basic .form-control::-moz-placeholder {
  color: #9D9FBC;
  opacity: 1;
}
form-basic .form-control::placeholder {
  color: #9D9FBC;
  opacity: 1;
}
form-basic .form-control:active, form-basic .form-control:focus, form-basic .form-control:visited {
  border: 0.2rem solid #D9EBFF;
  box-shadow: none !important;
}
form-basic .form-control.read-only {
  background-color: #EFF0F9;
  border-color: #E5E7F2;
}
form-basic textarea.form-control {
  display: block;
  width: 100%;
  height: 12rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  padding: 1rem 1.6rem;
  border-radius: 0.4rem;
  background: #FFFFFF;
  box-sizing: border-box;
  border: 0.2rem solid #E5E7F2;
}
form-basic textarea.form-control::-moz-placeholder {
  color: #9D9FBC;
  opacity: 1;
}
form-basic textarea.form-control::placeholder {
  color: #9D9FBC;
  opacity: 1;
}
form-basic textarea.form-control:active, form-basic textarea.form-control:focus {
  border: 0.2rem solid #D9EBFF;
  box-shadow: none;
}

.text-area-disabled {
  border: 2px solid #E5E7F2;
  border-radius: 4px;
  padding: 1rem 1.6rem;
  word-break: break-all;
}

.form-control.assignment {
  height: 4.4rem;
  padding: 1rem 1.6rem;
  font-size: 1.5rem;
  border: 2px solid #E5E7F2;
}

.form-control.assignment-link {
  height: 4.4rem;
  padding: 1rem 1.6rem;
  font-size: 1.5rem;
  border: 2px solid #E5E7F2;
  color: #3167F6;
}
.form-control.assignment-link:active, .form-control.assignment-link:focus {
  color: #000000;
}

.form-control.border-grey {
  height: 4.4rem;
  padding: 1rem 1.6rem;
  font-size: 1.5rem;
  border: 2px solid #E5E7F2;
}
.form-control.border-grey:active, .form-control.border-grey:focus {
  color: #000000;
}

.form-group {
  margin-bottom: 2.4rem;
}

.form-group-last {
  margin-bottom: 2.4rem !important;
}

.input-document {
  display: inline-block;
  width: 100%;
  border: 2px solid #E5E7F2;
  border-radius: 4px;
  padding: 1rem 1.6rem;
  box-sizing: border-box;
  height: 4.4rem;
}
.input-document::-moz-placeholder {
  color: #9D9FBC;
}
.input-document::placeholder {
  color: #9D9FBC;
}
.input-document:focus-visible {
  border: 2px solid #D9EBFF;
  outline: unset;
}

.input-token {
  width: 32rem;
  height: 4rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
  border: 0.2rem solid #E5E7F2;
  border-radius: 0.4rem;
  outline: none;
  color: #131315;
  padding: 1rem 1.6rem;
}
.input-token:not(:-moz-read-only):focus, .input-token:not(:-moz-read-only):visited {
  border: 0.2rem solid #D9EBFF;
  background-color: none;
  color: #131315;
}
.input-token:not(:read-only):focus, .input-token:not(:read-only):visited {
  border: 0.2rem solid #D9EBFF;
  background-color: none;
  color: #131315;
}
.input-token:not(:-moz-read-only):active, .input-token:not(:-moz-read-only):hover {
  color: #3E1583;
}
.input-token:not(:read-only):active, .input-token:not(:read-only):hover {
  color: #3E1583;
}
.input-token:not(:read-only):active::-moz-placeholder, .input-token:not(:read-only):hover::-moz-placeholder {
  color: #3E1583;
}
.input-token:not(:-moz-read-only):active::placeholder, .input-token:not(:-moz-read-only):hover::placeholder {
  color: #3E1583;
}
.input-token:not(:read-only):active::placeholder, .input-token:not(:read-only):hover::placeholder {
  color: #3E1583;
}

.input-token::-moz-placeholder {
  color: #97A8BD;
}

.input-token::placeholder {
  color: #97A8BD;
}

.input-group-active-blue-4 .input-group-append {
  border-left: 2px solid #E5E7F2;
  border-bottom: 2px solid #E5E7F2;
  border-top: 2px solid #E5E7F2;
  border-right: 0px;
  border-radius: 4px;
  border-top-right-radius: 0px 0px;
  border-bottom-right-radius: 0px 0px;
}
.input-group-active-blue-4 .border-active-blue-4 {
  border-top: 0.2rem solid #D9EBFF;
  border-bottom: 0.2rem solid #D9EBFF;
  border-left: 0.2rem solid #D9EBFF;
  border-right: 0px;
  box-shadow: none !important;
}
.input-group-active-blue-4 input {
  border-right: 2px solid #E5E7F2;
  border-bottom: 2px solid #E5E7F2;
  border-top: 2px solid #E5E7F2;
  border-left: 0px;
  border-radius: 4px;
  border-top-left-radius: 0px 0px;
  border-bottom-left-radius: 0px 0px;
}
.input-group-active-blue-4 input:active, .input-group-active-blue-4 input:focus .input-group-active-blue-4 input + .input-group-append {
  border-top: 0.2rem solid #D9EBFF;
  border-bottom: 0.2rem solid #D9EBFF;
  border-right: 0.2rem solid #D9EBFF;
  border-left: 0px;
  box-shadow: none !important;
}

.input-active-blue-4:active, .input-active-blue-4:focus {
  border: 0.2rem solid #D9EBFF !important;
  box-shadow: none !important;
}

.input-group-h-4rem {
  max-height: 40px;
}
.input-group-h-4rem input {
  max-height: 40px;
}
.input-group-h-4rem .border-radius-grey-13-top-bottom {
  border-style: solid !important;
  border-color: #E5E7F2 !important;
  border-radius: 0px 0px 0px 0px !important;
}
.input-group-h-4rem .input-group-append-default {
  max-height: 40px;
}

.input-group-lefttext .form-control {
  width: auto !important;
  border-left: none !important;
}
.input-group-lefttext .form-control:active, .input-group-lefttext .form-control:focus {
  box-shadow: none;
}
.input-group-lefttext input:visited, .input-group-lefttext input:focus, .input-group-lefttext input:active {
  border: 0.2rem solid #E5E7F2 !important;
  border-left: none !important;
  box-shadow: none !important;
}
.input-group-lefttext .input-group-append {
  border: 0.2rem solid #E5E7F2;
  border-right: none !important;
  color: #131315 !important;
  padding: 0.6rem;
  padding-right: 0;
  margin-right: -1px;
  text-indent: 0px;
}

.input-group-lefttext .input-group-append i:before {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #4C516D;
}

input[type=number].hide-number-arrow::-webkit-outer-spin-button,
input[type=number].hide-number-arrow::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.input-group-password .form-control {
  width: auto !important;
  border-right: none !important;
}
.input-group-password .form-control:active, .input-group-password .form-control:focus {
  box-shadow: none;
}
.input-group-password input[type=password]:visited, .input-group-password input[type=password]:focus, .input-group-password input[type=password]:active {
  border: 0.2rem solid #E5E7F2;
  border-right: none;
  box-shadow: none;
}
.input-group-password input[type=password].wrong-input {
  border: 0.2rem solid #FFB9B9;
}
.input-group-password button {
  border: 0.1rem solid #aaa;
  border-left: none !important;
  color: #131315 !important;
  border-top-right-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}
.input-group-password button:hover, .input-group-password button:active, .input-group-password button:focus {
  background: none;
  border: 0.1rem solid #aaa;
  border-left: none;
  color: #4C516D;
  box-shadow: none;
}
.input-group-password button.wrong-input {
  border: 0.2rem solid #FFB9B9;
}

.input-group-lefttext.is-invalid input,
.input-group-lefttext.is-invalid .input-group-append {
  border: 2px solid #FF6666 !important;
}
.input-group-lefttext.is-invalid input:focus {
  border: 2px solid #FF6666 !important;
  border-left: none !important;
}
.input-group-lefttext.is-invalid input {
  border-left: none !important;
}
.input-group-lefttext.is-invalid .input-group-append {
  border-right: none !important;
}
.input-group-lefttext.is-invalid .invalid-feedback {
  display: block !important;
}

.form-control.is-invalid {
  background-image: none;
  border: 2px solid #FFB9B9 !important;
}

.form-control.is-warning {
  background-image: none;
  border: 2px solid #FFDD72 !important;
}

.input-active {
  border: 0.2rem solid #D9EBFF !important;
}

.customized-audio::-webkit-media-controls-panel {
  background-color: #E5E7F2;
  border-radius: 0.8rem;
}

.customized-audio::-webkit-media-controls-play-button {
  border: 2px solid #4C516D !important;
  border-radius: 100% !important;
  background-color: #E5E7F2;
}

.input-group-password .input-group-append i:before {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #4C516D;
}

.input-group-password.is-invalid input,
.input-group-password.is-invalid .input-group-append {
  border: 2px solid #FF6666 !important;
}
.input-group-password.is-invalid input:focus {
  border: 2px solid #FF6666 !important;
  border-right: none !important;
}
.input-group-password.is-invalid input {
  border-right: none !important;
}
.input-group-password.is-invalid .input-group-append {
  border-left: none !important;
}
.input-group-password.is-invalid .invalid-feedback {
  display: block !important;
}

input.input-alternative-answer {
  height: 6rem;
  width: 100%;
}

.input-file {
  cursor: default;
}

.inputgrow-field {
  width: auto;
  box-sizing: border-box;
  border-radius: 0rem;
  border: 0.2rem solid #E5E7F2;
  padding: 1rem 1.2rem 2.5rem 1.2rem;
  color: #131315;
  background-color: #FFFFFF !important;
}
.inputgrow-field:focus {
  border: 0.2rem solid #D9EBFF;
  outline: 0;
}
.inputgrow-field[contentEditable=true]:empty:not(:focus):before {
  cursor: text;
  content: attr(placeholder);
  pointer-events: none;
  color: #878AA6;
}

.form-group.ckeditor-list .ck-content {
  min-height: 9rem;
}

.ya-tidak-input-table {
  width: 100%;
}
.ya-tidak-input-table tr td {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
.ya-tidak-input-table tr td:nth-child(1) {
  width: 48.8rem !important;
  padding-right: 8px;
}
.ya-tidak-input-table tr td:nth-child(1) .ck-editor {
  box-sizing: border-box;
}
.ya-tidak-input-table tr td:nth-child(1) .ck-editor__main {
  box-sizing: border-box;
  min-height: 4.6rem !important;
}
.ya-tidak-input-table tr td:nth-child(1) .ck-editor__main .ck-content {
  padding: 0px 1, 8rem !important;
}
.ya-tidak-input-table tr td:nth-child(1) .ck-editor__main .ck-content p {
  line-height: normal;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.ya-tidak-input-table tr td:nth-child(1) .ck-editor__main .ck-content p.ck-placeholder {
  position: absolute;
}
.ya-tidak-input-table tr td:nth-child(2) {
  width: 11.6rem !important;
  display: flex;
}
.ya-tidak-input-table tr td:nth-child(2) .custom-dropdown button {
  background: #FFFFFF;
  border-radius: 0px;
  color: #131315;
  border: 2px solid #EBF1F6;
  box-shadow: none !important;
  min-height: 5rem;
  width: 11.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
  padding: 1rem 1.6rem;
  box-sizing: border-box;
  line-height: normal;
  height: 100%;
}
.ya-tidak-input-table tr td:nth-child(2) .custom-dropdown button i {
  line-height: normal;
}
.ya-tidak-input-table tr td:nth-child(2) .custom-dropdown button::after {
  content: "";
  display: none;
}
.ya-tidak-input-table tr td:nth-child(2) .custom-dropdown button:focus {
  background: white;
  border: 2px solid #D9EBFF;
}
.ya-tidak-input-table tr td:nth-child(2) .custom-dropdown .dropdown-menu {
  border: none;
  border-radius: 0px;
  margin-top: 4px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.15);
  padding: 0px;
}
.ya-tidak-input-table tr td:nth-child(2) .custom-dropdown .dropdown-item {
  padding: 1.8rem 2rem;
  font-size: 1.5rem;
  line-height: normal;
}
.ya-tidak-input-table tr td:nth-child(2) .custom-dropdown .dropdown-item:hover {
  background: #F4F8FF;
}
.ya-tidak-input-table tr td:nth-child(2) .custom-dropdown .dropdown-item:focus {
  color: #131315;
}
.ya-tidak-input-table tr td:nth-child(2) .custom-dropdown .dropdown-item.active {
  background: #F6F6FC !important;
  color: #131315;
}
.ya-tidak-input-table tr td:nth-child(2) .remove-btn {
  outline: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.ya-tidak-input-table tr td:nth-child(2) i::before {
  color: #131315;
  font-size: 2rem;
}

.isian-matematika-input-table, .persamaan-input-table {
  width: 100%;
}
.isian-matematika-input-table tr td, .persamaan-input-table tr td {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  vertical-align: top !important;
  box-sizing: border-box;
}
.isian-matematika-input-table tr td .ck-editor, .persamaan-input-table tr td .ck-editor {
  box-sizing: border-box;
}
.isian-matematika-input-table tr td .ck-editor__main, .persamaan-input-table tr td .ck-editor__main {
  box-sizing: border-box;
  min-height: 4rem !important;
}
.isian-matematika-input-table tr td .ck-editor__main .ck-content, .persamaan-input-table tr td .ck-editor__main .ck-content {
  padding: 0px 1, 8rem !important;
}
.isian-matematika-input-table tr td .ck-editor__main .ck-content p, .persamaan-input-table tr td .ck-editor__main .ck-content p {
  line-height: normal;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.isian-matematika-input-table tr td:nth-child(1), .isian-matematika-input-table tr td:nth-child(2), .isian-matematika-input-table tr td:nth-child(3), .persamaan-input-table tr td:nth-child(1), .persamaan-input-table tr td:nth-child(2), .persamaan-input-table tr td:nth-child(3) {
  padding-right: 8px;
  width: 19.9rem !important;
}
.isian-matematika-input-table tr td:nth-child(4), .persamaan-input-table tr td:nth-child(4) {
  width: 2rem;
}
.isian-matematika-input-table tr td:nth-child(4) .remove-btn, .persamaan-input-table tr td:nth-child(4) .remove-btn {
  margin-top: 1.2rem;
  outline: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.isian-matematika-input-table tr td:nth-child(4) i::before, .persamaan-input-table tr td:nth-child(4) i::before {
  color: #131315;
  font-size: 2rem;
}

.melengkapi-tabel-input-table {
  width: 100%;
  table-layout: fixed;
}
.melengkapi-tabel-input-table tr:nth-child(1) td input.form-control {
  background: #F8F8FC !important;
  font-weight: bold;
}
.melengkapi-tabel-input-table td {
  padding-top: 0.4rem;
  padding-bottom: 2.4rem;
  vertical-align: top !important;
  box-sizing: border-box;
  padding-right: 0.8rem;
}
.melengkapi-tabel-input-table td .input-valid {
  border-color: #5ED980 !important;
}
.melengkapi-tabel-input-table td .custom-dropdown button {
  background: #FFFFFF;
  border-radius: 0px;
  color: #131315;
  border: 2px solid #EBF1F6;
  box-shadow: none !important;
  min-height: 4.4rem;
  width: 100%;
  margin-bottom: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
  font-size: 1.5rem;
  padding: 1rem 1.6rem;
  box-sizing: border-box;
  line-height: normal;
  height: 100%;
}
.melengkapi-tabel-input-table td .custom-dropdown button i {
  line-height: normal;
}
.melengkapi-tabel-input-table td .custom-dropdown button::after {
  content: "";
  display: none;
}
.melengkapi-tabel-input-table td .custom-dropdown button:focus {
  background: white;
  border: 2px solid #D9EBFF;
}
.melengkapi-tabel-input-table td .custom-dropdown .dropdown-menu {
  border: none;
  border-radius: 0px;
  margin-top: 4px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1), 0px 10px 20px rgba(0, 0, 0, 0.15);
  padding: 0px;
}
.melengkapi-tabel-input-table td .custom-dropdown .dropdown-item {
  padding: 1.8rem 2rem;
  font-size: 1.5rem;
  line-height: normal;
}
.melengkapi-tabel-input-table td .custom-dropdown .dropdown-item:hover {
  background: #F4F8FF;
}
.melengkapi-tabel-input-table td .custom-dropdown .dropdown-item:focus {
  color: #131315;
}
.melengkapi-tabel-input-table td .custom-dropdown .dropdown-item.active {
  background: #F6F6FC !important;
  color: #131315;
}
.melengkapi-tabel-input-table td .ck-editor {
  box-sizing: border-box;
}
.melengkapi-tabel-input-table td .ck-editor__main {
  box-sizing: border-box;
  min-height: 4rem !important;
}
.melengkapi-tabel-input-table td .ck-editor__main .ck-content {
  padding: 0px 1, 8rem !important;
}
.melengkapi-tabel-input-table td .ck-editor__main .ck-content p {
  line-height: normal;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
.melengkapi-tabel-input-table td:nth-last-child(1) {
  width: 2rem !important;
}
.melengkapi-tabel-input-table td .remove-btn {
  margin-top: 1rem;
  outline: none;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
.melengkapi-tabel-input-table td .remove-btn i::before {
  color: #131315;
  font-size: 2rem;
}

.add-btn {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  text-decoration: none !important;
  margin: 1.6rem auto;
  display: inline-flex;
  align-items: center;
}
.add-btn i::before {
  color: #3167F6;
  font-size: 1.5rem;
  margin-right: 0.7rem;
}

.text-area-modal {
  min-height: 100px !important;
}

.error-input {
  animation: shake 0.2s ease-in-out 0s 2;
  box-shadow: 0 0 0.5em red;
}

.error-text-animate {
  animation: shake 0.2s ease-in-out 0s 2;
}

.warning-note:nth-child(2) {
  margin-top: -8rem;
}

@keyframes shake {
  0% {
    margin-left: 0rem;
  }
  25% {
    margin-left: 0.5rem;
  }
  75% {
    margin-left: -0.5rem;
  }
  100% {
    margin-left: 0rem;
  }
}
input[type=pin] {
  -webkit-text-security: disc;
}

.datepicker table {
  font-size: inherit !important;
}

.datepicker td,
.datepicker th {
  min-width: 28px !important;
  height: 25px !important;
}

.select2-results__option[aria-disabled=true] {
  display: none;
}

input.larger-checkbox {
  width: 23px;
  height: 23px;
}

.select2-selection--single {
  border: 2px solid #E5E7F2 !important;
}

.outline-none:focus {
  outline: none;
}

.checkbox-costume label {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
}
.checkbox-costume input {
  width: 13px;
  height: 18px;
  padding: 0;
  margin: 0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}
.checkbox-costume span {
  position: relative;
  top: -1px;
  right: -12px;
}

.search-no-decoration input[type=search]::-webkit-search-decoration,
.search-no-decoration input[type=search]::-webkit-search-cancel-button,
.search-no-decoration input[type=search]::-webkit-search-results-button,
.search-no-decoration input[type=search]::-webkit-search-results-decoration {
  display: none;
}

.custom-input-file {
  display: flex;
}

.custom-file-box {
  display: inline-block;
  width: 100%;
  border: 2px solid #E5E7F2;
  border-radius: 4px;
  padding: 1rem 1.6rem;
  box-sizing: border-box;
  min-height: 4.4rem;
}
.custom-file-box.active {
  background: #EFF0F9;
  color: #131315;
}
.custom-file-box.focus {
  color: #131315;
}

.custom-file-button {
  width: 10.4rem;
  height: 4.4rem;
  color: #3167F6;
  font-weight: normal;
  font-size: 15px;
  line-height: 20px;
  padding: 1.2rem;
  cursor: pointer;
}

.select-list-form-reportbook .radio-group {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 2rem;
  margin: 1rem 0;
  font-size: 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.select-list-form-reportbook .radio-group input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  width: 2rem;
  height: 2rem;
  z-index: 1;
}
.select-list-form-reportbook .radio-group input:checked ~ i:before {
  color: #4C516D;
}
.select-list-form-reportbook .radio-group input:not(:checked) ~ i:before {
  color: #7d8083;
}

.black-checkbox input[type=checkbox] {
  accent-color: #4C516D;
}

.black-radio + .black-radio {
  margin-top: 1.6rem;
}

.black-radio input[type=radio] {
  accent-color: #4C516D;
}
.black-radio.radio-xs input[type=radio] {
  width: 1.8rem;
  transform: scale(1.1) !important;
}
.black-radio.radio-sm input[type=radio] {
  width: 1.8rem;
  transform: scale(1.2) !important;
}
.black-radio.radio-md input[type=radio] {
  width: 1.8rem;
  transform: scale(1.4) !important;
}
.black-radio.radio-lg input[type=radio] {
  width: 1.8rem;
  transform: scale(1.8) !important;
}
.black-radio .subelement .description {
  border-radius: 0.4rem;
  background: #F8F8FC;
  padding: 1rem 1.2rem;
}

.radio-label {
  margin-top: 2.5px;
}

input:disabled {
  background-color: #FFFFFF !important;
  color: #E5E7F2;
  border: 0.6rem solid #E5E7F2;
  border-radius: 4px;
}

.input-no-focus:focus {
  outline: 0;
}

.label-input {
  padding: 0.6rem 0rem 0rem 1.2rem;
  border: 2px solid #E5E7F2 !important;
  border-right: 0px !important;
  border-radius: 0.25rem 0rem 0rem 0.25rem;
}

.label-rp {
  padding: 0.5rem 0rem 0rem 1.2rem !important;
}

.inputGroup label {
  background-color: #FFFFFF;
  padding: 1rem 1.6rem;
  margin-bottom: 1.2rem;
  border: 2px solid #EFF0F9;
  border-radius: 4px;
  color: #4C516D;
  line-height: 1.5;
  font-weight: 400;
  cursor: pointer;
}
.inputGroup label.w-58 {
  width: 5.8rem;
  padding: 1rem auto;
  text-align: center !important;
}
.inputGroup label:hover {
  background: #F6F6FC;
  color: #3E1583;
}
.inputGroup label:active {
  background: #EFF0F9;
}
.inputGroup input:checked ~ label {
  background: #EAF4FF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
  font-size: 1.5rem;
  font-weight: 600;
  border: 0px;
  height: 100%;
  max-height: 4.4rem;
  color: #24292E;
}
.inputGroup input:checked ~ label.btn-purple-5 {
  background: #F3EFF9 !important;
}
.inputGroup input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.inputGroup input:checked ~ label:after {
  background-color: #54E0C7;
  border-color: #54E0C7;
}
.inputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.progress.salat-zikir {
  background: #FFFFFF;
  border: 0.75px solid #D9EBFF;
  border-radius: 4px;
}
.progress.salat-zikir .progress-bar {
  background: #D9EBFF;
}
.progress.salat-zikir-dashboard {
  width: 6.4rem;
  height: 0.4rem;
  background: #FFFFFF;
  border: 0.75px solid #D9EBFF;
  border-radius: 4px;
}
.progress.salat-zikir-dashboard .progress-bar {
  background: #D9EBFF;
}

.checkbox-grey-3 {
  accent-color: #4C516D;
  width: 1.6rem;
  height: 1.6rem;
}

.input-group input.border-radius-grey-13 {
  border: 2px solid #E5E7F2 !important;
  border-radius: 4px !important;
}
.input-group input.border-radius-grey-13-right-top-bottom {
  border-right: 2px solid #E5E7F2 !important;
  border-bottom: 2px solid #E5E7F2 !important;
  border-top: 2px solid #E5E7F2 !important;
  border-left: 0px !important;
  border-radius: 4px !important;
  border-top-left-radius: 0px 0px !important;
  border-bottom-left-radius: 0px 0px !important;
}

.form-search .input-group:hover .input-search::-moz-placeholder, .form-search .input-group:focus .input-search::-moz-placeholder, .form-search .input-group:active .input-search::-moz-placeholder {
  color: #3E1583 !important;
}

.form-search .input-group:hover .input-search,
.form-search .input-group:hover .input-search::placeholder,
.form-search .input-group:hover .icon-search rect, .form-search .input-group:focus .input-search,
.form-search .input-group:focus .input-search::placeholder,
.form-search .input-group:focus .icon-search rect, .form-search .input-group:active .input-search,
.form-search .input-group:active .input-search::placeholder,
.form-search .input-group:active .icon-search rect {
  color: #3E1583 !important;
}

.input-search {
  font-size: 1.5rem;
  border-right: 2px solid #E5E7F2 !important;
  border-bottom: 2px solid #E5E7F2 !important;
  border-top: 2px solid #E5E7F2 !important;
  border-left: 0px !important;
  border-radius: 4px;
  border-top-left-radius: 0px 0px !important;
  border-bottom-left-radius: 0px 0px !important;
  height: 48px !important;
  padding: 1.6rem !important;
}
.input-search:active, .input-search:focus, .input-search:visited {
  border-right: 2px solid #E5E7F2 !important;
  border-bottom: 2px solid #E5E7F2 !important;
  border-top: 2px solid #E5E7F2 !important;
  border-left: 0px !important;
}
.input-search.no-border {
  border-radius: 8px;
  border: none !important;
  border-top-left-radius: 0px 0px !important;
  border-bottom-left-radius: 0px 0px !important;
}
.input-search.no-border:active, .input-search.no-border:focus, .input-search.no-border:visited {
  border: none !important;
  box-shadow: none !important;
}
.input-search.no-border-right {
  border-radius: 8px;
  border-right: none !important;
  border-top-left-radius: 0px 0px !important;
  border-bottom-left-radius: 0px 0px !important;
}
.input-search.no-border-right:active, .input-search.no-border-right:focus, .input-search.no-border-right:visited {
  box-shadow: none !important;
}
.input-search.input-rounded-right {
  border-radius: 0 8px 8px 0 !important;
}
.input-search.reset-rounded-right {
  border-radius: 0 0.8rem 0.8rem 0 !important;
}

.icon-search {
  padding-left: 1.6rem !important;
  background-color: #FFFFFF;
  border-left: 2px solid #E5E7F2 !important;
  border-bottom: 2px solid #E5E7F2 !important;
  border-top: 2px solid #E5E7F2 !important;
  border-right: 0px !important;
  border-radius: 4px;
  border-top-right-radius: 0px 0px;
  border-bottom-right-radius: 0px 0px;
  display: flex;
  align-items: center;
}
.icon-search.no-border {
  height: 48px !important;
  border-radius: 8px;
  border-top-right-radius: 0px 0px;
  border-bottom-right-radius: 0px 0px;
  border: none !important;
}

.form-control-default {
  width: 100%;
  height: 44px;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
  border: 0.2rem solid #E5E7F2;
  border-radius: 0.4rem;
  outline: none;
  color: #131315;
  padding: 1rem 1.6rem;
}
.form-control-default::-moz-placeholder {
  color: #9D9FBC;
}
.form-control-default::placeholder {
  color: #9D9FBC;
}
.form-control-default:not(:-moz-read-only):focus, .form-control-default:not(:-moz-read-only):visited {
  border: 0.2rem solid #D9EBFF;
  background-color: none;
  color: #131315;
}
.form-control-default:not(:read-only):focus, .form-control-default:not(:read-only):visited {
  border: 0.2rem solid #D9EBFF;
  background-color: none;
  color: #131315;
}
.form-control-default:not(:-moz-read-only):active, .form-control-default:not(:-moz-read-only):hover {
  color: #3E1583;
}
.form-control-default:not(:read-only):active, .form-control-default:not(:read-only):hover {
  color: #3E1583;
}
.form-control-default:not(:read-only):active::-moz-placeholder, .form-control-default:not(:read-only):hover::-moz-placeholder {
  color: #3E1583;
}
.form-control-default:not(:-moz-read-only):active::placeholder, .form-control-default:not(:-moz-read-only):hover::placeholder {
  color: #3E1583;
}
.form-control-default:not(:read-only):active::placeholder, .form-control-default:not(:read-only):hover::placeholder {
  color: #3E1583;
}
.form-control-default:-moz-read-only {
  background-color: #EFF0F9;
}
.form-control-default:read-only {
  background-color: #EFF0F9;
}
.form-control-default.state-alert {
  border: 0.2rem solid #FFE1E1;
}
.form-control-default.state-success {
  border: 0.2rem solid #5ED980;
}
.form-control-default:-webkit-autofill {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.form-default-with-icon {
  display: flex;
  border: 2px solid #E5E7F2;
  height: 4.4rem;
  border-radius: 4px;
  padding: 0 16px;
  background: #FFFFFF;
}
.form-default-with-icon.state-readonly {
  background-color: #EFF0F9;
}
.form-default-with-icon.state-alert {
  border: 2px solid #FFE1E1;
}
.form-default-with-icon input {
  width: 100%;
  border: none !important;
  color: #131315;
  padding: 0 !important;
}
.form-default-with-icon input::-moz-placeholder {
  color: #9D9FBC;
}
.form-default-with-icon input::placeholder {
  color: #9D9FBC;
}
.form-default-with-icon input:focus {
  outline: 0;
}
.form-default-with-icon input:-moz-read-only {
  background-color: #EFF0F9;
}
.form-default-with-icon input:read-only {
  background-color: #EFF0F9;
}
.form-default-with-icon input:-webkit-autofill {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.form-default-with-icon .icon-right {
  display: flex;
  align-items: center;
  margin-left: 12px;
}
.form-default-with-icon .icon-left {
  display: flex;
  align-items: center;
  margin-right: 12px;
}
.form-default-with-icon:not(.state-readonly):focus-within {
  border: 0.2rem solid #D9EBFF;
}
.form-default-with-icon:hover input {
  color: #3E1583;
}
.form-default-with-icon:hover input::-moz-placeholder {
  color: #3E1583;
}
.form-default-with-icon:hover input::placeholder {
  color: #3E1583;
}

.form-file {
  display: flex;
}
.form-file input[type=file] {
  width: 100%;
  height: 4.4rem;
  color: #131315;
  border: 2px solid #E5E7F2;
  border-radius: 4px;
  padding: 1rem 1.6rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
}
.form-file input[type=file]::file-selector-button {
  display: none;
}
.form-file input[type=file]:active, .form-file input[type=file]:focus, .form-file input[type=file]:visited {
  border: 0.2rem solid #D9EBFF;
}
.form-file input[type=file]:hover, .form-file input[type=file]:active {
  color: #3E1583;
}
.form-file input[type=file]:required, .form-file input[type=file].state-alert {
  border: 0.2rem solid #FFE1E1;
}
.form-file .btn-label-file {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: blue;
  margin-left: 0.8rem;
  margin-bottom: 0px;
  padding: 1.2rem 1.6rem;
  white-space: nowrap;
  cursor: pointer;
}

.form-image-file {
  display: flex;
  flex-direction: column;
}
.form-image-file input[type=file] {
  display: none;
}
.form-image-file .blank-card-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 180px;
  height: 180px;
  border-radius: 8px;
  background-color: #F6F6FC;
  cursor: pointer;
}
.form-image-file .blank-card-image .file-media {
  border-radius: 100px;
  background-color: #E5E7F2;
  padding: 12px;
  display: flex;
}
.form-image-file .blank-card-image .file-media .icon {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-image-file .card-image {
  width: 180px;
  height: 180px;
  cursor: pointer;
}
.form-image-file .card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
}

.form-control-textarea {
  width: 100%;
  color: #131315;
  border: 2px solid #E5E7F2;
  border-radius: 4px;
  padding: 1rem 1.6rem;
  outline: none;
}
.form-control-textarea.h-92 {
  height: 9.2rem;
}
.form-control-textarea.h-68 {
  height: 6.8rem;
}
.form-control-textarea.h-116 {
  height: 11.6rem;
}
.form-control-textarea.h-140 {
  height: 14rem;
}
.form-control-textarea.state-alert {
  border: 0.2rem solid #FFE1E1;
}
.form-control-textarea:not(:required):not(.state-alert):focus, .form-control-textarea:not(:required):not(.state-alert):visited {
  border: 0.2rem solid #D9EBFF;
  background-color: none;
  color: #131315;
}
.form-control-textarea:not(:required):not(.state-alert):active, .form-control-textarea:not(:required):not(.state-alert):hover {
  color: #3E1583;
}
.form-control-textarea:not(:required):not(.state-alert):active::-moz-placeholder, .form-control-textarea:not(:required):not(.state-alert):hover::-moz-placeholder {
  color: #3E1583;
}
.form-control-textarea:not(:required):not(.state-alert):active::placeholder, .form-control-textarea:not(:required):not(.state-alert):hover::placeholder {
  color: #3E1583;
}
.form-control-textarea:not(:required):not(.state-alert).no-hover:hover {
  color: #131315 !important;
}
.form-control-textarea:not(:required):not(.state-alert).no-hover:hover::-moz-placeholder {
  color: #9D9FBC !important;
}
.form-control-textarea:not(:required):not(.state-alert).no-hover:hover::placeholder {
  color: #9D9FBC !important;
}
.form-control-textarea::-moz-placeholder {
  color: #9D9FBC;
}
.form-control-textarea::placeholder {
  color: #9D9FBC;
}
.form-control-textarea::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}
.form-control-textarea::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 0.2rem;
}
.form-control-textarea::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #DCDEED;
}
.form-control-textarea::-moz-scrollbars-horizontal {
  height: 0.2rem;
  width: 0.2rem;
}
.form-control-textarea:-moz-read-only:focus {
  border: 2px solid #E5E7F2 !important;
}
.form-control-textarea:read-only:focus {
  border: 2px solid #E5E7F2 !important;
}
.form-control-textarea:active, .form-control-textarea:hover {
  color: #131315 !important;
}
.form-control-textarea:active::-moz-placeholder, .form-control-textarea:hover::-moz-placeholder {
  color: #131315 !important;
}
.form-control-textarea:active::placeholder, .form-control-textarea:hover::placeholder {
  color: #131315 !important;
}

.form-control-radio {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2rem;
  height: 2rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z' fill='%234C516D'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-color: #4C516D;
  -webkit-mask-size: cover;
  mask-size: cover;
}
.form-control-radio:not(.check-success):hover {
  background-color: #318CF6;
}
.form-control-radio:not(.check-success):active {
  background-color: #1F50CF;
}
.form-control-radio:checked {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z' fill='%234C516D'/%3E%3Cpath d='M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z' fill='%234C516D'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23Z' fill='%234C516D'/%3E%3Cpath d='M17 12C17 14.7614 14.7614 17 12 17C9.23858 17 7 14.7614 7 12C7 9.23858 9.23858 7 12 7C14.7614 7 17 9.23858 17 12Z' fill='%234C516D'/%3E%3C/svg%3E");
}
.form-control-radio.size-16 {
  width: 1.6rem;
  height: 1.6rem;
}
.form-control-radio.size-20 {
  width: 2rem;
  height: 2rem;
}
.form-control-radio.size-24 {
  width: 2.4rem;
  height: 2.4rem;
}
.form-control-radio.top-2 {
  position: relative;
  top: 0.2rem !important;
}
.form-control-radio.top-4 {
  position: relative;
  top: 0.4rem !important;
}
.form-control-radio.top-6 {
  position: relative;
  top: 0.6rem !important;
}
.form-control-radio.check-success:checked {
  background-color: #5ED980;
}

.form-control-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 2rem;
  height: 2rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='color%3Dgrey-3'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M17.312 1.93059C15.9685 1.74998 14.2479 1.74999 12.0572 1.75H11.9428C9.75212 1.74999 8.03144 1.74998 6.68803 1.93059C5.31137 2.11568 4.21911 2.50272 3.36091 3.36091C2.50271 4.21911 2.11568 5.31137 1.93059 6.68803C1.74998 8.03144 1.74999 9.75212 1.75 11.9428V12.0572C1.74999 14.2479 1.74998 15.9685 1.93059 17.312C2.11568 18.6886 2.50273 19.7809 3.36092 20.6391C4.21912 21.4973 5.31138 21.8843 6.68803 22.0694C8.03145 22.25 9.75212 22.25 11.9428 22.25H12.0572C14.2479 22.25 15.9685 22.25 17.312 22.0694C18.6886 21.8843 19.7809 21.4973 20.6392 20.6391C21.4973 19.7809 21.8843 18.6886 22.0694 17.312C22.25 15.9685 22.25 14.2479 22.25 12.0572V11.9428C22.25 9.75212 22.25 8.03145 22.0694 6.68803C21.8843 5.31138 21.4973 4.2191 20.6391 3.3609C19.7809 2.50271 18.6886 2.11568 17.312 1.93059ZM6.8879 3.41722C5.67758 3.57994 4.95462 3.88853 4.42157 4.42157C3.88853 4.95462 3.57994 5.67758 3.41722 6.8879C3.25159 8.1198 3.25 9.73963 3.25 12C3.25 14.2604 3.25159 15.8802 3.41722 17.1121C3.57994 18.3224 3.88854 19.0454 4.42158 19.5785C4.95463 20.1115 5.67758 20.4201 6.88789 20.5828C8.1198 20.7484 9.73963 20.75 12 20.75C14.2604 20.75 15.8802 20.7484 17.1121 20.5828C18.3224 20.4201 19.0454 20.1115 19.5785 19.5785C20.1115 19.0454 20.4201 18.3224 20.5828 17.1121C20.7484 15.8802 20.75 14.2604 20.75 12C20.75 9.73963 20.7484 8.1198 20.5828 6.88789C20.4201 5.67758 20.1115 4.95461 19.5785 4.42156C19.0454 3.88852 18.3224 3.57994 17.1121 3.41722C15.8802 3.25159 14.2604 3.25 12 3.25C9.73963 3.25 8.1198 3.25159 6.8879 3.41722Z' fill='%234C516D'/%3E%3C/g%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='color%3Dgrey-3'%3E%3Cpath id='Vector (Stroke)' fill-rule='evenodd' clip-rule='evenodd' d='M17.312 1.93059C15.9685 1.74998 14.2479 1.74999 12.0572 1.75H11.9428C9.75212 1.74999 8.03144 1.74998 6.68803 1.93059C5.31137 2.11568 4.21911 2.50272 3.36091 3.36091C2.50271 4.21911 2.11568 5.31137 1.93059 6.68803C1.74998 8.03144 1.74999 9.75212 1.75 11.9428V12.0572C1.74999 14.2479 1.74998 15.9685 1.93059 17.312C2.11568 18.6886 2.50273 19.7809 3.36092 20.6391C4.21912 21.4973 5.31138 21.8843 6.68803 22.0694C8.03145 22.25 9.75212 22.25 11.9428 22.25H12.0572C14.2479 22.25 15.9685 22.25 17.312 22.0694C18.6886 21.8843 19.7809 21.4973 20.6392 20.6391C21.4973 19.7809 21.8843 18.6886 22.0694 17.312C22.25 15.9685 22.25 14.2479 22.25 12.0572V11.9428C22.25 9.75212 22.25 8.03145 22.0694 6.68803C21.8843 5.31138 21.4973 4.2191 20.6391 3.3609C19.7809 2.50271 18.6886 2.11568 17.312 1.93059ZM6.8879 3.41722C5.67758 3.57994 4.95462 3.88853 4.42157 4.42157C3.88853 4.95462 3.57994 5.67758 3.41722 6.8879C3.25159 8.1198 3.25 9.73963 3.25 12C3.25 14.2604 3.25159 15.8802 3.41722 17.1121C3.57994 18.3224 3.88854 19.0454 4.42158 19.5785C4.95463 20.1115 5.67758 20.4201 6.88789 20.5828C8.1198 20.7484 9.73963 20.75 12 20.75C14.2604 20.75 15.8802 20.7484 17.1121 20.5828C18.3224 20.4201 19.0454 20.1115 19.5785 19.5785C20.1115 19.0454 20.4201 18.3224 20.5828 17.1121C20.7484 15.8802 20.75 14.2604 20.75 12C20.75 9.73963 20.7484 8.1198 20.5828 6.88789C20.4201 5.67758 20.1115 4.95461 19.5785 4.42156C19.0454 3.88852 18.3224 3.57994 17.1121 3.41722C15.8802 3.25159 14.2604 3.25 12 3.25C9.73963 3.25 8.1198 3.25159 6.8879 3.41722Z' fill='%234C516D'/%3E%3C/g%3E%3C/svg%3E");
  background-color: #4C516D;
  -webkit-mask-size: cover;
  mask-size: cover;
  cursor: pointer;
}
.form-control-checkbox:not(.check-success):hover {
  background-color: #318CF6;
}
.form-control-checkbox:not(.check-success):active {
  background-color: #1F50CF;
}
.form-control-checkbox:checked {
  -webkit-mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="color=grey-3"><path id="Vector" d="M11.6714 15.3161C13.5546 13.3012 15.3726 11.9343 17.6563 9.9986C18.3398 9.4192 18.4454 8.40361 17.9092 7.68408C17.3393 6.91936 16.2565 6.76651 15.5235 7.37446C13.4317 9.10951 11.8043 10.7801 10.2605 12.5657C10.1795 12.6594 10.139 12.7063 10.0969 12.7326C9.99034 12.7995 9.85712 12.8002 9.74982 12.7344C9.7075 12.7085 9.66692 12.6626 9.58577 12.5707L8.76315 11.6393C8.01257 10.7894 6.6663 10.8836 6.03962 11.8296C5.60107 12.4917 5.66606 13.3691 6.19729 13.9584L7.48725 15.3893C8.45209 16.4596 8.93451 16.9948 9.51366 17C10.0928 17.0052 10.619 16.4422 11.6714 15.3161Z" fill="%234C516D"/><path id="Vector (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M17.312 1.93059C15.9685 1.74998 14.2479 1.74999 12.0572 1.75H11.9428C9.75212 1.74999 8.03144 1.74998 6.68803 1.93059C5.31137 2.11568 4.21911 2.50272 3.36091 3.36091C2.50271 4.21911 2.11568 5.31137 1.93059 6.68803C1.74998 8.03144 1.74999 9.75212 1.75 11.9428V12.0572C1.74999 14.2479 1.74998 15.9685 1.93059 17.312C2.11568 18.6886 2.50273 19.7809 3.36092 20.6391C4.21912 21.4973 5.31138 21.8843 6.68803 22.0694C8.03145 22.25 9.75212 22.25 11.9428 22.25H12.0572C14.2479 22.25 15.9685 22.25 17.312 22.0694C18.6886 21.8843 19.7809 21.4973 20.6392 20.6391C21.4973 19.7809 21.8843 18.6886 22.0694 17.312C22.25 15.9685 22.25 14.2479 22.25 12.0572V11.9428C22.25 9.75212 22.25 8.03145 22.0694 6.68803C21.8843 5.31138 21.4973 4.2191 20.6391 3.3609C19.7809 2.50271 18.6886 2.11568 17.312 1.93059ZM6.8879 3.41722C5.67758 3.57994 4.95462 3.88853 4.42157 4.42157C3.88853 4.95462 3.57994 5.67758 3.41722 6.8879C3.25159 8.1198 3.25 9.73963 3.25 12C3.25 14.2604 3.25159 15.8802 3.41722 17.1121C3.57994 18.3224 3.88854 19.0454 4.42158 19.5785C4.95463 20.1115 5.67758 20.4201 6.88789 20.5828C8.1198 20.7484 9.73963 20.75 12 20.75C14.2604 20.75 15.8802 20.7484 17.1121 20.5828C18.3224 20.4201 19.0454 20.1115 19.5785 19.5785C20.1115 19.0454 20.4201 18.3224 20.5828 17.1121C20.7484 15.8802 20.75 14.2604 20.75 12C20.75 9.73963 20.7484 8.1198 20.5828 6.88789C20.4201 5.67758 20.1115 4.95461 19.5785 4.42156C19.0454 3.88852 18.3224 3.57994 17.1121 3.41722C15.8802 3.25159 14.2604 3.25 12 3.25C9.73963 3.25 8.1198 3.25159 6.8879 3.41722Z" fill="%234C516D"/></g></svg>');
  mask-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="color=grey-3"><path id="Vector" d="M11.6714 15.3161C13.5546 13.3012 15.3726 11.9343 17.6563 9.9986C18.3398 9.4192 18.4454 8.40361 17.9092 7.68408C17.3393 6.91936 16.2565 6.76651 15.5235 7.37446C13.4317 9.10951 11.8043 10.7801 10.2605 12.5657C10.1795 12.6594 10.139 12.7063 10.0969 12.7326C9.99034 12.7995 9.85712 12.8002 9.74982 12.7344C9.7075 12.7085 9.66692 12.6626 9.58577 12.5707L8.76315 11.6393C8.01257 10.7894 6.6663 10.8836 6.03962 11.8296C5.60107 12.4917 5.66606 13.3691 6.19729 13.9584L7.48725 15.3893C8.45209 16.4596 8.93451 16.9948 9.51366 17C10.0928 17.0052 10.619 16.4422 11.6714 15.3161Z" fill="%234C516D"/><path id="Vector (Stroke)" fill-rule="evenodd" clip-rule="evenodd" d="M17.312 1.93059C15.9685 1.74998 14.2479 1.74999 12.0572 1.75H11.9428C9.75212 1.74999 8.03144 1.74998 6.68803 1.93059C5.31137 2.11568 4.21911 2.50272 3.36091 3.36091C2.50271 4.21911 2.11568 5.31137 1.93059 6.68803C1.74998 8.03144 1.74999 9.75212 1.75 11.9428V12.0572C1.74999 14.2479 1.74998 15.9685 1.93059 17.312C2.11568 18.6886 2.50273 19.7809 3.36092 20.6391C4.21912 21.4973 5.31138 21.8843 6.68803 22.0694C8.03145 22.25 9.75212 22.25 11.9428 22.25H12.0572C14.2479 22.25 15.9685 22.25 17.312 22.0694C18.6886 21.8843 19.7809 21.4973 20.6392 20.6391C21.4973 19.7809 21.8843 18.6886 22.0694 17.312C22.25 15.9685 22.25 14.2479 22.25 12.0572V11.9428C22.25 9.75212 22.25 8.03145 22.0694 6.68803C21.8843 5.31138 21.4973 4.2191 20.6391 3.3609C19.7809 2.50271 18.6886 2.11568 17.312 1.93059ZM6.8879 3.41722C5.67758 3.57994 4.95462 3.88853 4.42157 4.42157C3.88853 4.95462 3.57994 5.67758 3.41722 6.8879C3.25159 8.1198 3.25 9.73963 3.25 12C3.25 14.2604 3.25159 15.8802 3.41722 17.1121C3.57994 18.3224 3.88854 19.0454 4.42158 19.5785C4.95463 20.1115 5.67758 20.4201 6.88789 20.5828C8.1198 20.7484 9.73963 20.75 12 20.75C14.2604 20.75 15.8802 20.7484 17.1121 20.5828C18.3224 20.4201 19.0454 20.1115 19.5785 19.5785C20.1115 19.0454 20.4201 18.3224 20.5828 17.1121C20.7484 15.8802 20.75 14.2604 20.75 12C20.75 9.73963 20.7484 8.1198 20.5828 6.88789C20.4201 5.67758 20.1115 4.95461 19.5785 4.42156C19.0454 3.88852 18.3224 3.57994 17.1121 3.41722C15.8802 3.25159 14.2604 3.25 12 3.25C9.73963 3.25 8.1198 3.25159 6.8879 3.41722Z" fill="%234C516D"/></g></svg>');
}
.form-control-checkbox:disabled {
  background-color: #4C516D !important;
  color: #E5E7F2;
  border: 2px solid #818181;
  border-radius: 4px;
  filter: none;
  opacity: 0.5;
  cursor: no-drop;
}
.form-control-checkbox.size-16 {
  width: 1.6rem;
  height: 1.6rem;
}
.form-control-checkbox.size-20 {
  width: 2rem;
  height: 2rem;
}
.form-control-checkbox.size-24 {
  width: 2.4rem;
  height: 2.4rem;
}
.form-control-checkbox.top-2 {
  position: relative;
  top: 0.2rem !important;
}
.form-control-checkbox.top-4 {
  position: relative;
  top: 0.4rem !important;
}
.form-control-checkbox.top-6 {
  position: relative;
  top: 0.6rem !important;
}
.form-control-checkbox.check-success:checked {
  background-color: #5ED980;
}

.form-integer {
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
}
.form-integer input[type=number] {
  width: 17px;
  text-align: center;
  font-weight: 700;
  border: none;
  color: #131315;
  padding: 0;
}
.form-integer input[type=number]:focus {
  outline: 0;
}
.form-integer input[type=number]::-webkit-outer-spin-button, .form-integer input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-integer .btn-minus {
  width: 2rem;
  height: 2rem;
  border: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12Z' fill='%234C516D'/%3E%3Cpath d='M7.75 11.25H11.25H12.75H16.25C16.6642 11.25 17 11.5858 17 12C17 12.4142 16.6642 12.75 16.25 12.75H12.75H11.25H7.75C7.33579 12.75 7 12.4142 7 12C7 11.5858 7.33579 11.25 7.75 11.25Z' fill='%234C516D'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12Z' fill='%234C516D'/%3E%3Cpath d='M7.75 11.25H11.25H12.75H16.25C16.6642 11.25 17 11.5858 17 12C17 12.4142 16.6642 12.75 16.25 12.75H12.75H11.25H7.75C7.33579 12.75 7 12.4142 7 12C7 11.5858 7.33579 11.25 7.75 11.25Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-color: #4C516D;
  -webkit-mask-size: cover;
  mask-size: cover;
  cursor: pointer;
}
.form-integer .btn-minus:not(.disabled):hover {
  background-color: #318CF6;
}
.form-integer .btn-minus:not(.disabled):active {
  background-color: #1F50CF;
}
.form-integer .btn-minus.disabled {
  background-color: #C3C2D7;
}
.form-integer .btn-plus {
  width: 2rem;
  height: 2rem;
  border: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 7.75C12.75 7.33579 12.4142 7 12 7C11.5858 7 11.25 7.33579 11.25 7.75V11.25H7.75C7.33579 11.25 7 11.5858 7 12C7 12.4142 7.33579 12.75 7.75 12.75H11.25V16.25C11.25 16.6642 11.5858 17 12 17C12.4142 17 12.75 16.6642 12.75 16.25V12.75H16.25C16.6642 12.75 17 12.4142 17 12C17 11.5858 16.6642 11.25 16.25 11.25H12.75V7.75Z' fill='%234C516D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12Z' fill='%234C516D'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.75 7.75C12.75 7.33579 12.4142 7 12 7C11.5858 7 11.25 7.33579 11.25 7.75V11.25H7.75C7.33579 11.25 7 11.5858 7 12C7 12.4142 7.33579 12.75 7.75 12.75H11.25V16.25C11.25 16.6642 11.5858 17 12 17C12.4142 17 12.75 16.6642 12.75 16.25V12.75H16.25C16.6642 12.75 17 12.4142 17 12C17 11.5858 16.6642 11.25 16.25 11.25H12.75V7.75Z' fill='%234C516D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1C5.92487 1 1 5.92487 1 12C1 18.0751 5.92487 23 12 23C18.0751 23 23 18.0751 23 12C23 5.92487 18.0751 1 12 1ZM2.5 12C2.5 6.75329 6.75329 2.5 12 2.5C17.2467 2.5 21.5 6.75329 21.5 12C21.5 17.2467 17.2467 21.5 12 21.5C6.75329 21.5 2.5 17.2467 2.5 12Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-color: #4C516D;
  -webkit-mask-size: cover;
  mask-size: cover;
  cursor: pointer;
}
.form-integer .btn-plus:not(.disabled):hover {
  background-color: #318CF6;
}
.form-integer .btn-plus:not(.disabled):active {
  background-color: #1F50CF;
}
.form-integer .btn-plus.disabled {
  background-color: #C3C2D7;
}

.form-integer-edit {
  display: inline-flex;
  align-items: center;
  justify-content: space-around !important;
  gap: 1.2rem;
  border: 2px solid #E5E7F2;
  border-radius: 4px;
  height: 4.4rem;
  padding: 0 16px;
}
.form-integer-edit input[type=number] {
  width: 40px !important;
  height: 40px !important;
  text-align: center;
  border: none !important;
  color: #131315 !important;
}
.form-integer-edit input[type=number]:focus {
  outline: 0;
}
.form-integer-edit input[type=number]::-webkit-outer-spin-button, .form-integer-edit input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-integer-edit .btn-minus {
  width: 2rem;
  height: 2rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 12C2.5 11.6548 2.75112 11.375 3.0609 11.375H16.5224C16.8322 11.375 17.0833 11.6548 17.0833 12C17.0833 12.3452 16.8322 12.625 16.5224 12.625H3.0609C2.75112 12.625 2.5 12.3452 2.5 12Z' fill='%234C516D'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.5 12C2.5 11.6548 2.75112 11.375 3.0609 11.375H16.5224C16.8322 11.375 17.0833 11.6548 17.0833 12C17.0833 12.3452 16.8322 12.625 16.5224 12.625H3.0609C2.75112 12.625 2.5 12.3452 2.5 12Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-color: #4C516D;
  -webkit-mask-size: cover;
  mask-size: cover;
  cursor: pointer;
}
.form-integer-edit .btn-minus.disabled {
  background-color: #C3C2D7;
  cursor: no-drop;
}
.form-integer-edit .btn-plus {
  width: 2rem;
  height: 2rem;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0002 4.70831C10.3453 4.70831 10.6252 4.98814 10.6252 5.33331V11.375H16.6668C17.012 11.375 17.2918 11.6548 17.2918 12C17.2918 12.3452 17.012 12.625 16.6668 12.625H10.6252V18.6666C10.6252 19.0118 10.3453 19.2916 10.0002 19.2916C9.65498 19.2916 9.37516 19.0118 9.37516 18.6666V12.625H3.3335C2.98832 12.625 2.7085 12.3452 2.7085 12C2.7085 11.6548 2.98832 11.375 3.3335 11.375H9.37516V5.33331C9.37516 4.98814 9.65498 4.70831 10.0002 4.70831Z' fill='%234C516D'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.0002 4.70831C10.3453 4.70831 10.6252 4.98814 10.6252 5.33331V11.375H16.6668C17.012 11.375 17.2918 11.6548 17.2918 12C17.2918 12.3452 17.012 12.625 16.6668 12.625H10.6252V18.6666C10.6252 19.0118 10.3453 19.2916 10.0002 19.2916C9.65498 19.2916 9.37516 19.0118 9.37516 18.6666V12.625H3.3335C2.98832 12.625 2.7085 12.3452 2.7085 12C2.7085 11.6548 2.98832 11.375 3.3335 11.375H9.37516V5.33331C9.37516 4.98814 9.65498 4.70831 10.0002 4.70831Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-color: #4C516D;
  -webkit-mask-size: cover;
  mask-size: cover;
  cursor: pointer;
}
.form-integer-edit .btn-plus.disabled {
  background-color: #C3C2D7;
  cursor: no-drop;
}

form.was-validated .form-control-default:required:invalid {
  border: 0.2rem solid #FFE1E1 !important;
}
form.was-validated .form-control-textarea:required:invalid {
  border: 0.2rem solid #FFE1E1;
}
form.was-validated select:required:invalid {
  border: 0.2rem solid #FFE1E1;
}
form.was-validated .form-default-with-icon:has(input:required:invalid) {
  border: 0.2rem solid #FFE1E1;
}
form.was-validated .form-default-with-icon:has(input:required:invalid) ~ .invalid-feedback {
  display: block;
}
form.was-validated .form-file input:required:invalid {
  border: 0.2rem solid #FFE1E1 !important;
}

.clockpicker-blue::-moz-placeholder {
  color: #3167F6;
}

.clockpicker-blue::placeholder {
  color: #3167F6;
}

.clockpicker-fixed-width {
  min-width: 3.6rem;
}

.color-select {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 100%;
}
.color-select .selected-color {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
  width: 100%;
  height: 44px;
  border: 0.2rem solid #E5E7F2;
  border-radius: 0.4rem;
  padding: 1rem 1.6rem;
  outline: none;
  color: #131315;
}
.color-select .selected-color::-moz-placeholder {
  color: #9D9FBC;
}
.color-select .selected-color::placeholder {
  color: #9D9FBC;
}
.color-select .selected-color:not(:-moz-read-only):focus, .color-select .selected-color:not(:-moz-read-only):visited {
  border: 0.2rem solid #D9EBFF;
  background-color: none;
  color: #131315;
}
.color-select .selected-color:not(:read-only):focus, .color-select .selected-color:not(:read-only):visited {
  border: 0.2rem solid #D9EBFF;
  background-color: none;
  color: #131315;
}
.color-select .selected-color:not(:-moz-read-only):active, .color-select .selected-color:not(:-moz-read-only):hover {
  color: #3E1583;
}
.color-select .selected-color:not(:read-only):active, .color-select .selected-color:not(:read-only):hover {
  color: #3E1583;
}
.color-select .selected-color:not(:read-only):active::-moz-placeholder, .color-select .selected-color:not(:read-only):hover::-moz-placeholder {
  color: #3E1583;
}
.color-select .selected-color:not(:-moz-read-only):active::placeholder, .color-select .selected-color:not(:-moz-read-only):hover::placeholder {
  color: #3E1583;
}
.color-select .selected-color:not(:read-only):active::placeholder, .color-select .selected-color:not(:read-only):hover::placeholder {
  color: #3E1583;
}
.color-select .selected-color:-webkit-autofill {
  background-color: #FFFFFF;
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.color-select .selected-color .color-box {
  width: 2rem;
  height: 2rem;
  border-radius: 0.1rem;
  border: 0;
}
.color-select .selected-color .color-label {
  font-size: 15px;
}
.color-select .color-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #FFFFFF;
  border: 0;
  border-radius: 0.4rem;
  padding: 1.6rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 999;
  width: 24rem;
}
.color-select .color-dropdown .option-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 8px;
}
.color-select .color-dropdown .option-container .color-option {
  width: 4.4rem;
  height: 2.4rem;
  border-radius: 0.1rem;
  display: inline-block;
  cursor: pointer;
  border: 0;
}

@font-face {
  font-family: "icomoon";
  src: url("/assets/fonts/icomoon2025/icomoon.eot?yy8z6m");
  src: url("/assets/fonts/icomoon2025/icomoon.eot?yy8z6m#iefix") format("embedded-opentype"), url("/assets/fonts/icomoon2025/icomoon.ttf?yy8z6m") format("truetype"), url("/assets/fonts/icomoon2025/icomoon.woff?yy8z6m") format("woff"), url("/assets/fonts/icomoon2025/icomoon.svg?yy8z6m#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
p i {
  font-family: "Inter", sans-serif !important;
  font-style: italic !important;
}

i,
.icomoon-liga {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Enable Ligatures ================ */
  letter-spacing: 0;
  -ms-font-feature-settings: "liga" 1;
  font-feature-settings: "liga";
  font-variant-ligatures: discretionary-ligatures;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.kejar-drag-vertical:before {
  content: "\e92e";
  color: #334e68;
}

.kejar-add {
  color: #334e68;
}
.kejar-add:before {
  content: "\e900";
}

.kejar-arrow-left {
  color: #334e68;
}
.kejar-arrow-left:before {
  content: "\e904";
}

.kejar-arrow-right {
  color: #334e68;
}
.kejar-arrow-right:before {
  content: "\e905";
}

.kejar-arsip-asesmen-bold {
  color: #334e68;
}
.kejar-arsip-asesmen-bold:before {
  content: "\e930";
}

.kejar-arsip-asesmen {
  color: #334e68;
}
.kejar-arsip-asesmen:before {
  content: "\e92f";
}

.kejar-back {
  color: #334e68;
}
.kejar-back:before {
  content: "\e906";
}

.kejar-belum-dikerjakan {
  color: #334e68;
}
.kejar-belum-dikerjakan:before {
  content: "\e92a";
}

.kejar-belum-mengerjakan-2 {
  color: #334e68;
}
.kejar-belum-mengerjakan-2 path:nth-child(2) {
  fill: white;
}
.kejar-belum-mengerjakan-2:before {
  content: "\e93e";
}

.kejar-benar-salah {
  color: #334e68;
}
.kejar-benar-salah:before {
  content: "\e938";
}

.kejar-bold {
  color: #334e68;
}
.kejar-bold:before {
  content: "\e907";
}

.kejar-bottom {
  color: #334e68;
}
.kejar-bottom:before {
  content: "\e903";
}

.kejar-bullet {
  color: #334e68;
}
.kejar-bullet:before {
  content: "\e908";
}

.kejar-check-box {
  color: #334e68;
}
.kejar-check-box:before {
  content: "\e909";
}

.kejar-checked-box {
  color: #334e68;
}
.kejar-checked-box:before {
  content: "\e90a";
}

.kejar-checklist {
  color: #334e68;
}
.kejar-checklist:before {
  content: "\e933";
}

.kejar-close {
  color: #334e68;
}
.kejar-close:before {
  content: "\e90c";
}

.kejar-dot {
  color: #334e68;
}
.kejar-dot:before {
  content: "\e90e";
}

.kejar-download {
  color: #334e68;
}
.kejar-download:before {
  content: "\e90f";
}

.kejar-drag-vertical {
  color: #334e68;
}
.kejar-drag-vertical:before {
  content: "\e910";
}

.kejar-dropdown {
  color: #334e68;
}
.kejar-dropdown:before {
  content: "\e90b";
}

.kejar-edit {
  color: #334e68;
}
.kejar-edit:before {
  content: "\e911";
}

.kejar-esai {
  color: #334e68;
}
.kejar-esai:before {
  content: "\e912";
}

.kejar-exit {
  color: #334e68;
}
.kejar-exit:before {
  content: "\e91c";
}

.kejar-forward {
  color: #334e68;
}
.kejar-forward:before {
  content: "\e920";
}

.kejar-guru {
  color: #334e68;
}
.kejar-guru:before {
  content: "\e913";
}

.kejar-hide-password {
  color: #334e68;
}
.kejar-hide-password:before {
  content: "\e914";
}

.kejar-info {
  color: #334e68;
}
.kejar-info:before {
  content: "\e915";
}

.kejar-link {
  color: #334e68;
}
.kejar-link:before {
  content: "\e91b";
}

.kejar-isian-bahasa {
  color: #334e68;
}
.kejar-isian-bahasa:before {
  content: "\e916";
}

.kejar-isian-matematika {
  color: #334e68;
}
.kejar-isian-matematika:before {
  content: "\e917";
}

.kejar-italic {
  color: #334e68;
}
.kejar-italic:before {
  content: "\e918";
}

.kejar-latihan-to-bold {
  color: #334e68;
}
.kejar-latihan-to-bold:before {
  content: "\e919";
}

.kejar-left {
  color: #334e68;
}
.kejar-left:before {
  content: "\e91a";
}

.kejar-mapel {
  color: #334e68;
}
.kejar-mapel:before {
  content: "\e91d";
}

.kejar-mencocokkan {
  color: #334e68;
}
.kejar-mencocokkan:before {
  content: "\e91e";
}

.kejar-mengurutkan-vertikal {
  color: #334e68;
}
.kejar-mengurutkan-vertikal:before {
  content: "\e91f";
}

.kejar-next {
  color: #334e68;
}
.kejar-next:before {
  content: "\e93d";
}

.kejar-number {
  color: #334e68;
}
.kejar-number:before {
  content: "\e936";
}

.kejar-open-book {
  color: #334e68;
}
.kejar-open-book:before {
  content: "\e921";
}

.kejar-paket-penilaian {
  color: #334e68;
}
.kejar-paket-penilaian:before {
  content: "\e922";
}

.kejar-pdf {
  color: #334e68;
}
.kejar-pdf:before {
  content: "\e924";
}

.kejar-photo {
  color: #334e68;
}
.kejar-photo:before {
  content: "\e925";
}

.kejar-pilih-centang {
  color: #334e68;
}
.kejar-pilih-centang:before {
  content: "\e927";
}

.kejar-pilihan-ganda {
  color: #334e68;
}
.kejar-pilihan-ganda:before {
  content: "\e926";
}

.kejar-play {
  color: #334e68;
}
.kejar-play:before {
  content: "\e928";
}

.kejar-radio-button {
  color: #334e68;
}
.kejar-radio-button:before {
  content: "\e929";
}

.kejar-reload {
  color: #334e68;
}
.kejar-reload:before {
  content: "\e92b";
}

.kejar-right {
  color: #334e68;
}
.kejar-right:before {
  content: "\e92c";
}

.kejar-rombel {
  color: #334e68;
}
.kejar-rombel:before {
  content: "\e92d";
}

.kejar-rumpang-pg {
  color: #334e68;
}
.kejar-rumpang-pg:before {
  content: "\e92e";
}

.kejar-show-password {
  color: #334e68;
}
.kejar-show-password:before {
  content: "\e932";
}

.kejar-show {
  color: #334e68;
}
.kejar-show:before {
  content: "\e931";
}

.kejar-soal-benar {
  color: #4DC978;
}
.kejar-soal-benar:before {
  content: "\e933";
}

.kejar-sudah-dikerjakan-outline {
  color: #334e68;
}
.kejar-sudah-dikerjakan-outline:before {
  content: "\e935";
}

.kejar-sudah-dikerjakan {
  color: #334e68;
}
.kejar-sudah-dikerjakan:before {
  content: "\e934";
}

.kejar-table {
  color: #334e68;
}
.kejar-table:before {
  content: "\e90d";
}

.kejar-teks-merinci {
  color: #334e68;
}
.kejar-teks-merinci:before {
  content: "\e936";
}

.kejar-top {
  color: #334e68;
}
.kejar-top:before {
  content: "\e937";
}

.kejar-underlined {
  color: #334e68;
}
.kejar-underlined:before {
  content: "\e939";
}

.kejar-upload {
  color: #334e68;
}
.kejar-upload:before {
  content: "\e93a";
}

.kejar-wali-kelas {
  color: #334e68;
}
.kejar-wali-kelas:before {
  content: "\e93b";
}

.kejar-ya-tidak {
  color: #334e68;
}
.kejar-ya-tidak:before {
  content: "\e938";
}

.hover-hidden-icon {
  display: none !important;
}

.hover-show-icon {
  cursor: pointer;
}
.hover-show-icon .icon {
  display: none;
}
.hover-show-icon:hover {
  color: #582CA0;
}
.hover-show-icon:hover .icon {
  display: inline-block;
}

.svg {
  width: 20px;
  height: 20px;
}

.svg-md {
  width: 34px;
  height: 36px;
}

.svg-assessment {
  background: url("/svg/assessment.svg");
  display: block;
}

.svg-assessment-group {
  background: url("/svg/assessment-group.svg");
  display: block;
}

.svg-assessment-shadow {
  background: url("/svg/assessment-shadow.svg");
  display: block;
}

.svg-analysis {
  background: url("/svg/analysis.svg");
  display: block;
}

.svg-back {
  background: url("/svg/back.svg");
  display: block;
}

.svg-chevron-right {
  background: url("/svg/chevron-right.svg");
  display: block;
}

.svg-check-circle {
  background: url("/svg/check-circle.svg");
  display: block;
}

.svg-done {
  background: url("/svg/done.svg");
  display: block;
}

.svg-log-out {
  background: url("/svg/log-out.svg");
  display: block;
}

.svg-info {
  background: url("/svg/info.svg");
  display: block;
}

.svg-arrow-right {
  background: url("/svg/arrow-right.svg");
  display: block;
}

.svg-arrow-left {
  background: url("/svg/arrow-left.svg");
  display: block;
}

.svg-activity-bank {
  background: url("/svg/activity-bank.svg");
  display: block;
}

.svg-add-variant {
  background: url("/svg/add-variant.svg");
  display: block;
}

.svg-add {
  background: url("/svg/add.svg");
  display: block;
}

.svg-alert {
  background: url("/svg/alert.svg");
  display: block;
}

.svg-arrow-down {
  background: url("/svg/arrow-down.svg");
  display: block;
}

.svg-arrow-up {
  background: url("/svg/arrow-up.svg");
  display: block;
}

.svg-avatar {
  background: url("/svg/avatar.svg");
  display: block;
}

.svg-blank-math {
  background: url("/svg/blank-math.svg");
  display: block;
}

.svg-blank-text {
  background: url("/svg/blank-text.svg");
  display: block;
}

.svg-bold {
  background: url("/svg/bold.svg");
  display: block;
}

.svg-bullet {
  background: url("/svg/bullet.svg");
  display: block;
}

.svg-caution {
  background: url("/svg/caution.svg");
  display: block;
}

.svg-check-box-off {
  background: url("/svg/check-box-off.svg");
  display: block;
}

.svg-check-box-on {
  background: url("/svg/check-box-on.svg");
  display: block;
}

.svg-check {
  background: url("/svg/check.svg");
  display: block;
}

.svg-checkbox-disabled {
  background: url("/svg/checkbox-disabled.svg");
  display: block;
}

.svg-checking-list {
  background: url("/svg/checking-list.svg");
  display: block;
}

.svg-chevron-down {
  background: url("/svg/chevron-down.svg");
  display: block;
}

.svg-chevron-down-small {
  background: url("/svg/chevron-down-small.svg");
  display: block;
}

.svg-chevron-up-small {
  background: url("/svg/chevron-up-small.svg");
  display: block;
}

.svg-chevron-up {
  background: url("/svg/chevron-up.svg");
  display: block;
}

.svg-close {
  background: url("/svg/close.svg");
  display: block;
}

.svg-close-text {
  background: url("/svg/close-text.svg");
  display: block;
}

.svg-combine {
  background: url("/svg/combine.svg");
  display: block;
}

.svg-competency {
  background: url("/svg/competency.svg");
  display: block;
}

.svg-completing-table {
  background: url("/svg/completing-table.svg");
  display: block;
}

.svg-correct {
  background: url("/svg/correct.svg");
  display: block;
}

.svg-course {
  background: url("/svg/course.svg");
  display: block;
}

.svg-date {
  background: url("/svg/date.svg");
  display: block;
}

.svg-delete {
  background: url("/svg/delete.svg");
  display: block;
}

.svg-detach-variant {
  background: url("/svg/detach-variant.svg");
  display: block;
}

.svg-dot {
  background: url("/svg/dot.svg");
  display: block;
}

.svg-download {
  background: url("/svg/download.svg");
  display: block;
}

.svg-due {
  background: url("/svg/due.svg");
  display: block;
}

.svg-duplicate-question {
  background: url("/svg/duplicate-question.svg");
  display: block;
}

.svg-duration {
  background: url("/svg/duration.svg");
  display: block;
}

.svg-edit {
  background: url("/svg/edit.svg");
  display: block;
}

.svg-essay {
  background: url("/svg/essay.svg");
  display: block;
}

.svg-exam-supervisor {
  background: url("/svg/exam-supervisor.svg");
  display: block;
}

.svg-example {
  background: url("/svg/example.svg");
  display: block;
}

.svg-exercise {
  background: url("/svg/exercise.svg");
  display: block;
}

.svg-first {
  background: url("/svg/first.svg");
  display: block;
}

.svg-forward {
  background: url("/svg/forward.svg");
  display: block;
}

.svg-gradebook {
  background: url("/svg/gradebook.svg");
  display: block;
}

.svg-guardian {
  background: url("/svg/guardian.svg");
  display: block;
}

.svg-heading {
  background: url("/svg/heading.svg");
  display: block;
}

.svg-homeroom-teacher {
  background: url("/svg/homeroom-teacher.svg");
  display: block;
}

.svg-import {
  background: url("/svg/import.svg");
  display: block;
}

.svg-incorrect {
  background: url("/svg/incorrect.svg");
  display: block;
}

.svg-invisible {
  background: url("/svg/invisible.svg");
  display: block;
}

.svg-italic {
  background: url("/svg/italic.svg");
  display: block;
}

.svg-kejar-bank {
  background: url("/svg/kejar-bank.svg");
  display: block;
}

.svg-keyword {
  background: url("/svg/keyword.svg");
  display: block;
}

.svg-last {
  background: url("/svg/last.svg");
  display: block;
}

.svg-launch {
  background: url("/svg/launch.svg");
  display: block;
}

.svg-lesson-plan {
  background: url("/svg/lesson-plan.svg");
  display: block;
}

.svg-link {
  background: url("/svg/link.svg");
  display: block;
}

.svg-loading {
  background: url("/svg/loading.svg");
  display: block;
}

.svg-major-sma {
  background: url("/svg/major-sma.svg");
  display: block;
}

.svg-major-smk {
  background: url("/svg/major-smk.svg");
  display: block;
}

.svg-matching {
  background: url("/svg/matching.svg");
  display: block;
}

.svg-mentioning-item {
  background: url("/svg/mentioning-item.svg");
  display: block;
}

.svg-mind-map {
  background: url("/svg/mind-map.svg");
  display: block;
}

.svg-minus-circle {
  background: url("/svg/minus-circle.svg");
  display: block;
}

.svg-more {
  background: url("/svg/more.svg");
  display: block;
}

.svg-multiple-choice {
  background: url("/svg/multiple-choice.svg");
  display: block;
}

.svg-numbering {
  background: url("/svg/numbering.svg");
  display: block;
}

.svg-ongoing {
  background: url("/svg/ongoing.svg");
  display: block;
}

.svg-open {
  background: url("/svg/open.svg");
  display: block;
}

.svg-password {
  background: url("/svg/password.svg");
  display: block;
}

.svg-pdf {
  background: url("/svg/pdf.svg");
  display: block;
}

.svg-photo {
  background: url("/svg/photo.svg");
  display: block;
}

.svg-plus-circle {
  background: url("/svg/plus-circle.svg");
  display: block;
}

.svg-publish {
  background: url("/svg/publish.svg");
  display: block;
}

.svg-question-uncategorized {
  background: url("/svg/question-uncategorized.svg");
  display: block;
}

.svg-question {
  background: url("/svg/question.svg");
  display: block;
}

.svg-quiz {
  background: url("/svg/quiz.svg");
  display: block;
}

.svg-radio-off {
  background: url("/svg/radio-off.svg");
  display: block;
}

.svg-radio-on {
  background: url("/svg/radio-on.svg");
  display: block;
}

.svg-reading {
  background: url("/svg/reading.svg");
  display: block;
}

.svg-reload {
  background: url("/svg/reload.svg");
  display: block;
}

.svg-school {
  background: url("/svg/school.svg");
  display: block;
}

.svg-search {
  background: url("/svg/search.svg");
  display: block;
}

.svg-semester-program {
  background: url("/svg/semester-program.svg");
  display: block;
}

.svg-send {
  background: url("/svg/send.svg");
  display: block;
}

.svg-setting {
  background: url("/svg/setting.svg");
  display: block;
}

.svg-stage-round {
  background: url("/svg/stage-round.svg");
  display: block;
}

.svg-star-bold {
  background: url("/svg/star-bold.svg");
  display: block;
}

.svg-star {
  background: url("/svg/star.svg");
  display: block;
}

.svg-student-group {
  background: url("/svg/student-group.svg");
  display: block;
}

.svg-student {
  background: url("/svg/student.svg");
  display: block;
}

.svg-subject {
  background: url("/svg/subject.svg");
  display: block;
}

.svg-subtopic-add {
  background: url("/svg/subtopic-add.svg");
  display: block;
}

.svg-subtopic-move {
  background: url("/svg/subtopic-move.svg");
  display: block;
}

.svg-subtopic {
  background: url("/svg/subtopic.svg");
  display: block;
}

.svg-syllabus {
  background: url("/svg/syllabus.svg");
  display: block;
}

.svg-teacher {
  background: url("/svg/teacher.svg");
  display: block;
}

.svg-time {
  background: url("/svg/time.svg");
  display: block;
}

.svg-token {
  background: url("/svg/token.svg");
  display: block;
}

.svg-topic-add {
  background: url("/svg/topic-add.svg");
  display: block;
}

.svg-topic-move-to {
  background: url("/svg/topic-move-to.svg");
  display: block;
}

.svg-topic {
  background: url("/svg/topic.svg");
  display: block;
}

.svg-true-false {
  background: url("/svg/true-false.svg");
  display: block;
}

.svg-unassigned {
  background: url("/svg/unassigned.svg");
  display: block;
}

.svg-underlined {
  background: url("/svg/underlined.svg");
  display: block;
}

.svg-undone {
  background: url("/svg/undone.svg");
  display: block;
}

.svg-unpublished {
  background: url("/svg/unpublished.svg");
  display: block;
}

.svg-upload {
  background: url("/svg/upload.svg");
  display: block;
}

.svg-vertical-ordering {
  background: url("/svg/vertical-ordering.svg");
  display: block;
}

.svg-vidio {
  background: url("/svg/vidio.svg");
  display: block;
}

.svg-visible {
  background: url("/svg/visible.svg");
  display: block;
}

.svg-yes-no {
  background: url("/svg/yes-no.svg");
  display: block;
}

.svg-answer-a {
  background: url("/svg/answer-a.svg");
  display: block;
}

.svg-answer-a-bold {
  background: url("/svg/answer-a-bold.svg");
  display: block;
}

.svg-answer-b {
  background: url("/svg/answer-b.svg");
  display: block;
}

.svg-answer-b-bold {
  background: url("/svg/answer-b-bold.svg");
  display: block;
}

.svg-answer-c {
  background: url("/svg/answer-c.svg");
  display: block;
}

.svg-answer-c-bold {
  background: url("/svg/answer-c-bold.svg");
  display: block;
}

.svg-answer-d {
  background: url("/svg/answer-d.svg");
  display: block;
}

.svg-answer-d-bold {
  background: url("/svg/answer-d-bold.svg");
  display: block;
}

.svg-answer-e {
  background: url("/svg/answer-e.svg");
  display: block;
}

.svg-answer-e-bold {
  background: url("/svg/answer-e-bold.svg");
  display: block;
}

.svg-answer-f {
  background: url("/svg/answer-f.svg");
  display: block;
}

.svg-answer-f-bold {
  background: url("/svg/answer-f-bold.svg");
  display: block;
}

.svg-answer-g {
  background: url("/svg/answer-g.svg");
  display: block;
}

.svg-answer-g-bold {
  background: url("/svg/answer-g-bold.svg");
  display: block;
}

.svg-answer-h {
  background: url("/svg/answer-h.svg");
  display: block;
}

.svg-answer-h-bold {
  background: url("/svg/answer-h-bold.svg");
  display: block;
}

.svg-answer-i {
  background: url("/svg/answer-i.svg");
  display: block;
}

.svg-answer-i-bold {
  background: url("/svg/answer-i-bold.svg");
  display: block;
}

.svg-answer-j {
  background: url("/svg/answer-j.svg");
  display: block;
}

.svg-answer-j-bold {
  background: url("/svg/answer-j-bold.svg");
  display: block;
}

.datepicker-icon-date input,
.datepicker-icon-time input {
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: 400;
  height: auto;
}

.datepicker-icon-date::after {
  content: url("/svg/calendar.svg");
  display: block;
  position: relative;
  margin-left: -36px;
  margin-top: 15px;
}

.datepicker-icon-time::after {
  content: url("/svg/time.svg");
  display: block;
  position: relative;
  margin-left: -36px;
  margin-top: 15px;
}

.hover-show-icon {
  cursor: pointer;
}
.hover-show-icon .icon {
  display: none;
}
.hover-show-icon:hover {
  color: #582CA0;
}
.hover-show-icon:hover .icon {
  display: inline-block;
}

.breadcrumb {
  background: transparent;
  padding: 0 !important;
  margin: 1.8rem 0 0.8rem 0 !important;
}

.breadcrumb-item {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #878AA6;
}
.breadcrumb-item:hover {
  color: #318CF6;
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #131315 !important;
}

.page-title {
  margin-bottom: 4rem;
}

.page-title.student-course {
  display: flex;
  flex-direction: column;
}

.copy-id {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #3167F6;
}
.copy-id:hover {
  color: #318CF6;
  cursor: pointer;
}

.list-group {
  display: grid;
  grid-row: auto;
  grid-row-gap: 1.6rem;
  padding: 0;
  margin: 0;
}
.list-group a {
  text-decoration: none;
}

.star-item {
  height: 2rem;
  display: flex;
}

.star-icon {
  margin-right: -0.8rem;
  font-size: 2rem;
}
.star-icon i::before {
  color: #BCBBD0;
}

.star-icon.active i::before {
  color: #FFC700;
}

.list-card-menu-item {
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0 !important;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12), 0px 3px 6px rgba(0, 0, 0, 0.15);
}
.list-card-menu-item:hover {
  background-color: #F7FAFF;
}
.list-card-menu-item:hover a {
  color: #7233DA;
}
.list-card-menu-item:hover .star-item {
  display: none;
}
.list-card-menu-item:hover .stage-order-buttons,
.list-card-menu-item:hover .round-order-buttons {
  display: grid;
}
.list-card-menu-item:hover .btn-icon.order-status {
  display: none;
}
.list-card-menu-item:hover .btn-icon.sort-up, .list-card-menu-item:hover .btn-icon.sort-down {
  display: block;
}
.list-card-menu-item:hover .play-button {
  display: flex;
  justify-content: flex-end;
}
.list-card-menu-item:hover .play-button .btn-next {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF !important;
  padding: 1.6rem 2rem;
  background: #7233DA;
}
.list-card-menu-item:hover .play-button .btn-next i {
  margin-left: 1rem;
}
.list-card-menu-item:hover .play-button .btn-next i:before {
  color: #FFFFFF !important;
  font-size: 2rem;
}
.list-card-menu-item:hover .play-button .btn-next i:hover {
  color: #FFFFFF !important;
}
.list-card-menu-item:hover .play-button .btn-next:hover {
  background: #986CE0 !important;
}
.list-card-menu-item a {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important;
}
.list-card-menu-item a:hover {
  color: #7233DA;
  text-decoration: none;
}
.list-card-menu-item i {
  padding: 0 !important;
  margin-right: 0.8rem !important;
  line-height: normal;
  font-size: 2rem;
  top: 0.3rem;
  left: 0.2rem;
}
.list-card-menu-item i ::before {
  color: #131315;
}
.list-card-menu-item i:hover {
  color: #7233DA;
}
@media screen and (max-width: 768px) {
  .list-card-menu-item {
    padding: 3rem 1.6rem !important;
  }
}

.list-card-menu-item {
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0 !important;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.12), 0px 3px 6px rgba(0, 0, 0, 0.15);
}
.list-card-menu-item:hover {
  background-color: #F7FAFF;
}
.list-card-menu-item:hover a {
  color: #7233DA;
}
.list-card-menu-item:hover .star-item {
  display: none;
}
.list-card-menu-item:hover .stage-order-buttons,
.list-card-menu-item:hover .round-order-buttons {
  display: grid;
}
.list-card-menu-item:hover .btn-icon.order-status {
  display: none;
}
.list-card-menu-item:hover .btn-icon.sort-up, .list-card-menu-item:hover .btn-icon.sort-down {
  display: block;
}
.list-card-menu-item:hover .play-button {
  display: flex;
  justify-content: flex-end;
}
.list-card-menu-item:hover .play-button .btn-next {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF !important;
  padding: 1.6rem 2rem;
  background: #7233DA;
}
.list-card-menu-item:hover .play-button .btn-next i {
  margin-left: 1rem;
}
.list-card-menu-item:hover .play-button .btn-next i:before {
  color: #FFFFFF !important;
  font-size: 2rem;
}
.list-card-menu-item:hover .play-button .btn-next i:hover {
  color: #FFFFFF !important;
}
.list-card-menu-item:hover .play-button .btn-next:hover {
  background: #986CE0 !important;
}
.list-card-menu-item a {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important;
}
.list-card-menu-item a:hover {
  color: #7233DA;
  text-decoration: none;
}
.list-card-menu-item i {
  padding: 0 !important;
  margin-right: 0.8rem !important;
  line-height: normal;
  font-size: 2rem;
  top: 0.3rem;
  left: 0.2rem;
}
.list-card-menu-item i ::before {
  color: #131315;
}
.list-card-menu-item i:hover {
  color: #7233DA;
}
@media screen and (max-width: 768px) {
  .list-card-menu-item {
    padding: 3rem 1.6rem !important;
  }
}

.list-group-item {
  min-height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #F6F6FC;
  border: none;
  border-radius: 4px !important;
}
.list-group-item * {
  line-height: normal;
  vertical-align: text-top;
}
.list-group-item a > div {
  display: table-row;
}
.list-group-item a > div div {
  display: table-cell;
}
.list-group-item a > div i::before {
  vertical-align: text-top;
}
.list-group-item a > div div:first-child {
  white-space: nowrap;
}
.list-group-item a > div div:last-child {
  padding-left: 8px;
}
.list-group-item:hover {
  background-color: #F7FAFF;
}
.list-group-item:hover a {
  color: #7233DA;
}
.list-group-item:hover .star-item {
  display: none;
}
.list-group-item:hover .stage-order-buttons,
.list-group-item:hover .round-order-buttons {
  display: grid;
}
.list-group-item:hover .btn-icon.order-status {
  display: none;
}
.list-group-item:hover .btn-icon.sort-up, .list-group-item:hover .btn-icon.sort-down {
  display: block;
}
.list-group-item:hover .play-button {
  display: flex;
  justify-content: flex-end;
}
.list-group-item:hover .play-button .btn-next {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF !important;
  padding: 1.6rem 2rem;
  background: #7233DA;
}
.list-group-item:hover .play-button .btn-next i {
  margin-left: 1rem;
}
.list-group-item:hover .play-button .btn-next i:before {
  color: #FFFFFF !important;
  font-size: 2rem;
}
.list-group-item:hover .play-button .btn-next i:hover {
  color: #FFFFFF !important;
}
.list-group-item:hover .play-button .btn-next:hover {
  background: #986CE0 !important;
}
.list-group-item a {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important;
}
.list-group-item a:hover {
  color: #7233DA;
  text-decoration: none;
}
.list-group-item i {
  padding: 0 !important;
  margin-right: 0.8rem !important;
  line-height: normal;
  font-size: 2rem;
  top: 0.3rem;
  left: 0.2rem;
}
.list-group-item i ::before {
  color: #131315;
}
.list-group-item i:hover {
  color: #7233DA;
}
@media screen and (max-width: 768px) {
  .list-group-item {
    padding: 1.4rem 1.6rem;
  }
  .list-group-item a > div {
    flex-wrap: wrap;
    display: flex;
  }
  .list-group-item a > div div {
    width: 100%;
  }
  .list-group-item a > div div:last-child {
    padding-left: 0px;
  }
  .list-group-item .gradebook-panel {
    flex-wrap: nowrap;
  }
}

.list-group-item-revamp {
  min-height: 4.8rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #FDFDFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border: none;
  border-radius: 4px !important;
}
.list-group-item-revamp * {
  line-height: normal;
  vertical-align: text-top;
}
.list-group-item-revamp a > div {
  display: table-row;
}
.list-group-item-revamp a > div div {
  display: table-cell;
}
.list-group-item-revamp a > div i::before {
  vertical-align: text-top;
}
.list-group-item-revamp a > div div:first-child {
  white-space: nowrap;
}
.list-group-item-revamp a > div div:last-child {
  padding-left: 8px;
}
.list-group-item-revamp:hover {
  background-color: #F6F6FC;
}
.list-group-item-revamp:hover a {
  color: #7233DA;
}
.list-group-item-revamp:hover .star-item {
  display: none;
}
.list-group-item-revamp:hover .stage-order-buttons,
.list-group-item-revamp:hover .round-order-buttons {
  display: grid;
}
.list-group-item-revamp:hover .btn-icon.order-status {
  display: none;
}
.list-group-item-revamp:hover .btn-icon.sort-up, .list-group-item-revamp:hover .btn-icon.sort-down {
  display: block;
}
.list-group-item-revamp:hover .play-button {
  display: flex;
  justify-content: flex-end;
}
.list-group-item-revamp:hover .play-button .btn-next {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF !important;
  padding: 1.6rem 2rem;
  background: #7233DA;
}
.list-group-item-revamp:hover .play-button .btn-next i {
  margin-left: 1rem;
}
.list-group-item-revamp:hover .play-button .btn-next i:before {
  color: #FFFFFF !important;
  font-size: 2rem;
}
.list-group-item-revamp:hover .play-button .btn-next i:hover {
  color: #FFFFFF !important;
}
.list-group-item-revamp:hover .play-button .btn-next:hover {
  background: #986CE0 !important;
}
.list-group-item-revamp a {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important;
}
.list-group-item-revamp a:hover {
  color: #7233DA;
  text-decoration: none;
}
.list-group-item-revamp i {
  padding: 0 !important;
  margin-right: 0.8rem !important;
  line-height: normal;
  font-size: 2rem;
  top: 0.3rem;
  left: 0.2rem;
}
.list-group-item-revamp i ::before {
  color: #131315;
}
.list-group-item-revamp i:hover {
  color: #7233DA;
}
@media screen and (max-width: 768px) {
  .list-group-item-revamp {
    padding: 1.4rem 1.6rem;
  }
  .list-group-item-revamp a > div {
    flex-wrap: wrap;
    display: flex;
  }
  .list-group-item-revamp a > div div {
    width: 100%;
  }
  .list-group-item-revamp a > div div:last-child {
    padding-left: 0px;
  }
}

.list-group-item-report {
  min-height: 4.8rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #FDFDFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border: none;
  border-radius: 4px !important;
}
.list-group-item-report * {
  line-height: normal;
  vertical-align: text-top;
}
.list-group-item-report a > div {
  display: table-row;
}
.list-group-item-report a > div div {
  display: table-cell;
}
.list-group-item-report a > div i::before {
  vertical-align: text-top;
}
.list-group-item-report a > div div:first-child {
  white-space: nowrap;
}
.list-group-item-report a > div div:last-child {
  padding-left: 8px;
}
.list-group-item-report:hover {
  background-color: #F8F8FC;
}
.list-group-item-report:hover a {
  color: #3E1583;
}
.list-group-item-report:active {
  background-color: #EFF0F9;
}
.list-group-item-report:active a {
  color: #413368;
}
.list-group-item-report a {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .list-group-item-report {
    padding: 1.4rem 1.6rem;
  }
  .list-group-item-report a > div {
    flex-wrap: wrap;
    display: flex;
  }
  .list-group-item-report a > div div {
    width: 100%;
  }
  .list-group-item-report a > div div:last-child {
    padding-left: 0px;
  }
}

.list-group-item-activity {
  min-height: 4.8rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border: none;
  border-radius: 4px !important;
  font-family: Inter;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.list-group-item-activity .title h4, .list-group-item-activity .title .h4 {
  font-size: 1.7rem;
  font-weight: 600;
}
.list-group-item-activity:not(.disabled):hover {
  background-color: #F8F8FC;
  color: #3E1583;
}
.list-group-item-activity.disabled {
  background-color: #F8F8FC;
  color: #4C516D;
  box-shadow: none;
}

.list-group-item-revamp-penilaian {
  min-height: 4.8rem;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #FDFDFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border: none;
  border-radius: 4px !important;
}
.list-group-item-revamp-penilaian * {
  line-height: normal;
  vertical-align: text-top;
}
.list-group-item-revamp-penilaian a > div {
  display: table-row;
}
.list-group-item-revamp-penilaian a > div div {
  display: table-cell;
}
.list-group-item-revamp-penilaian a > div i::before {
  vertical-align: text-top;
}
.list-group-item-revamp-penilaian a > div div:first-child {
  white-space: nowrap;
}
.list-group-item-revamp-penilaian a > div div:last-child {
  padding-left: 8px;
}
.list-group-item-revamp-penilaian:hover {
  background-color: #F6F6FC;
}
.list-group-item-revamp-penilaian:hover .star-item {
  display: none;
}
.list-group-item-revamp-penilaian:hover .stage-order-buttons,
.list-group-item-revamp-penilaian:hover .round-order-buttons {
  display: grid;
}
.list-group-item-revamp-penilaian:hover .btn-icon.order-status {
  display: none;
}
.list-group-item-revamp-penilaian:hover .btn-icon.sort-up, .list-group-item-revamp-penilaian:hover .btn-icon.sort-down {
  display: block;
}
.list-group-item-revamp-penilaian:hover .play-button {
  display: flex;
  justify-content: flex-end;
}
.list-group-item-revamp-penilaian:hover .play-button .btn-next {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF !important;
  padding: 1.6rem 2rem;
  background: #7233DA;
}
.list-group-item-revamp-penilaian:hover .play-button .btn-next i {
  margin-left: 1rem;
}
.list-group-item-revamp-penilaian:hover .play-button .btn-next i:before {
  color: #FFFFFF !important;
  font-size: 2rem;
}
.list-group-item-revamp-penilaian:hover .play-button .btn-next i:hover {
  color: #FFFFFF !important;
}
.list-group-item-revamp-penilaian:hover .play-button .btn-next:hover {
  background: #986CE0 !important;
}
.list-group-item-revamp-penilaian a {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important;
}
.list-group-item-revamp-penilaian a:hover {
  text-decoration: none;
}
.list-group-item-revamp-penilaian i {
  padding: 0 !important;
  margin-right: 0.8rem !important;
  line-height: normal;
  font-size: 2rem;
  top: 0.3rem;
  left: 0.2rem;
}
.list-group-item-revamp-penilaian i ::before {
  color: #131315;
}
@media screen and (max-width: 768px) {
  .list-group-item-revamp-penilaian {
    padding: 1.4rem 1.6rem;
  }
  .list-group-item-revamp-penilaian a > div {
    flex-wrap: wrap;
    display: flex;
  }
  .list-group-item-revamp-penilaian a > div div {
    width: 100%;
  }
  .list-group-item-revamp-penilaian a > div div:last-child {
    padding-left: 0px;
  }
}
.list-group-item-revamp-penilaian.strike::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0px 15px;
  border-bottom: 2px solid #E5E7F2;
}

.list-group .list-group-item-dropdown:last-child {
  border-radius: 0px 0px 4px 4px;
}
.list-group .list-group-item-dropdown-assessment:last-child {
  border-radius: 0px 0px 4px 4px;
}

.list-group-item-dropdown {
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #8989dd;
  border: none;
}
.list-group-item-dropdown:hover {
  background-color: #F7FAFF;
}
.list-group-item-dropdown:hover a {
  color: #7233DA;
}
.list-group-item-dropdown:hover .star-item {
  display: none;
}
.list-group-item-dropdown:hover .stage-order-buttons,
.list-group-item-dropdown:hover .round-order-buttons {
  display: grid;
}
.list-group-item-dropdown:hover .btn-icon.order-status {
  display: none;
}
.list-group-item-dropdown:hover .btn-icon.sort-up, .list-group-item-dropdown:hover .btn-icon.sort-down {
  display: block;
}
.list-group-item-dropdown:hover .play-button {
  display: flex;
  justify-content: flex-end;
}
.list-group-item-dropdown:hover .play-button .btn-next {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF !important;
  padding: 1.6rem 2rem;
  background: #7233DA;
}
.list-group-item-dropdown:hover .play-button .btn-next i {
  margin-left: 1rem;
}
.list-group-item-dropdown:hover .play-button .btn-next i:before {
  color: #FFFFFF !important;
  font-size: 2rem;
}
.list-group-item-dropdown:hover .play-button .btn-next i:hover {
  color: #FFFFFF !important;
}
.list-group-item-dropdown:hover .play-button .btn-next:hover {
  background: #986CE0 !important;
}
.list-group-item-dropdown a {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important;
}
.list-group-item-dropdown a:hover {
  color: #7233DA;
  text-decoration: none;
}
.list-group-item-dropdown i {
  padding: 0 !important;
  margin-right: 0.8rem !important;
  line-height: normal;
  font-size: 2rem;
  top: 0.3rem;
  left: 0.2rem;
}
.list-group-item-dropdown i ::before {
  color: #131315;
}
.list-group-item-dropdown i:hover {
  color: #7233DA;
}
@media screen and (max-width: 768px) {
  .list-group-item-dropdown {
    padding: 3rem 1.6rem !important;
  }
}

.list-group-item-dropdown-assessment {
  height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.4rem 1.6rem;
  margin: 0;
  background-color: #FDFDFF;
  border: none;
}
.list-group-item-dropdown-assessment:hover {
  background-color: #F7FAFF;
}
.list-group-item-dropdown-assessment:hover a {
  color: #7233DA;
}
.list-group-item-dropdown-assessment:hover .star-item {
  display: none;
}
.list-group-item-dropdown-assessment:hover .stage-order-buttons,
.list-group-item-dropdown-assessment:hover .round-order-buttons {
  display: grid;
}
.list-group-item-dropdown-assessment:hover .btn-icon.order-status {
  display: none;
}
.list-group-item-dropdown-assessment:hover .btn-icon.sort-up, .list-group-item-dropdown-assessment:hover .btn-icon.sort-down {
  display: block;
}
.list-group-item-dropdown-assessment:hover .play-button {
  display: flex;
  justify-content: flex-end;
}
.list-group-item-dropdown-assessment:hover .play-button .btn-next {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF !important;
  padding: 1.6rem 2rem;
  background: #7233DA;
}
.list-group-item-dropdown-assessment:hover .play-button .btn-next i {
  margin-left: 1rem;
}
.list-group-item-dropdown-assessment:hover .play-button .btn-next i:before {
  color: #FFFFFF !important;
  font-size: 2rem;
}
.list-group-item-dropdown-assessment:hover .play-button .btn-next i:hover {
  color: #FFFFFF !important;
}
.list-group-item-dropdown-assessment:hover .play-button .btn-next:hover {
  background: #986CE0 !important;
}
.list-group-item-dropdown-assessment a {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  text-overflow: ellipsis;
  padding: 0 !important;
  margin: 0 !important;
}
.list-group-item-dropdown-assessment a:hover {
  color: #7233DA;
  text-decoration: none;
}
.list-group-item-dropdown-assessment i {
  padding: 0 !important;
  margin-right: 0.8rem !important;
  line-height: normal;
  font-size: 2rem;
  top: 0.3rem;
  left: 0.2rem;
}
.list-group-item-dropdown-assessment i ::before {
  color: #131315;
}
.list-group-item-dropdown-assessment i:hover {
  color: #7233DA;
}
@media screen and (max-width: 768px) {
  .list-group-item-dropdown-assessment {
    padding: 3rem 1.6rem !important;
  }
}

.list-group-student .done-status {
  display: grid;
}
.list-group-student .list-group-item .kejar-sudah-dikerjakan:before {
  color: #5ED980;
}
.list-group-student .list-group-item:hover a > i:before {
  color: #7233DA;
}
@media screen and (max-width: 36rem) {
  .list-group-student .list-group-item a > span:nth-child(1) {
    display: block;
    float: right;
  }
  .list-group-student .list-group-item a > span:nth-child(2) {
    float: left;
    display: block;
    width: 100%;
  }
  .list-group-student .list-group-item a > i {
    display: none;
  }
}

.border-line {
  border-top: 0;
  border-bottom: 0.2rem solid #E5E7F2;
}

.list-group-item:first-child .list-group-order-buttons .btn-icon:first-child {
  display: none;
}
.list-group-item:last-child .list-group-order-buttons .btn-icon:last-child {
  display: none;
}
.list-group-item .kejar-belum-mengerjakan-2::before {
  color: red;
}
.list-group-item .kejar-sudah-dikerjakan::before {
  color: #5ED980;
}
.list-group-item .list-group-order-buttons {
  display: none;
  min-width: 5rem;
  text-align: right;
}
.list-group-item:hover .list-group-order-buttons {
  display: block;
}
.list-group-item:hover .list-group-order-buttons .sort-up,
.list-group-item:hover .list-group-order-buttons .sort-down {
  display: block;
}

.page-pagination {
  margin-top: 1.6rem;
  margin-bottom: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page-pagination .pagination-text {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  color: #4C516D;
}

.list-group-loading {
  margin: 0;
  margin-top: 1.6rem;
  min-height: 4.8rem;
  display: flex;
  align-items: center;
  padding: 1.4rem 1.6rem;
  background-color: #F8F8FC;
  border: none;
  border-radius: 4px !important;
}
.list-group-loading .loading-animation {
  width: 20px;
  margin-left: 18px;
  display: block;
}
.list-group-loading p {
  color: #878AA6;
  font-size: 1.3rem;
  margin-left: 1.6rem;
}

.list-group-reload {
  margin: 0;
  margin-top: 1.6rem;
  min-height: 4.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  background-color: #F8F8FC;
  border: none;
  border-radius: 4px !important;
}
.list-group-reload button {
  border: none;
  background: #FFF4F4;
  box-sizing: border-box;
  display: block;
  font-size: 1.5rem;
  font-weight: bold;
  padding: 10px 16px;
  color: #FF6666;
  outline: none;
  white-space: nowrap;
  box-shadow: none;
}
.list-group-reload button:hover {
  color: #FFB9B9;
}
@media screen and (max-width: 768px) {
  .list-group-reload button {
    height: 60px;
  }
}
.list-group-reload .icon {
  width: 20px;
  margin-left: 18px;
  display: block;
}
.list-group-reload p {
  color: #878AA6;
  font-size: 1.3rem;
  margin-left: 1.6rem;
}

ol {
  margin-bottom: 0;
}

.li-mb-1 li {
  margin-bottom: 8px !important;
}
.li-mb-1 li:last-child {
  margin-bottom: 0px !important;
}

.li-bold li::marker {
  font-weight: bold;
}

.li-decimal {
  list-style-type: decimal;
}

.modal {
  /* Breadcrumb */
  /* Title */
  /* Detail */
  /* Taks Detail Card */
  /* Btn Start */
  /* Btn start hover */
  overflow: auto !important;
  z-index: 120;
}
.modal#updateProfile {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal#updateProfile .modal-body::-webkit-scrollbar {
  width: 0.8rem;
  background-color: transparent;
}
.modal#updateProfile .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}
.modal#updateProfile .modal-body::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.modal#updateProfile .save-btn:hover {
  color: #FFFFFF !important;
}
.modal#updateProfile .crop-area {
  width: 100%;
  margin: 2.4rem 0;
}
.modal#updateProfile .crop-area .profile-pict-crop {
  width: 100%;
}
.modal#editProfile .save-btn:hover {
  color: #FFFFFF !important;
}
.modal#editProfile .avatar-group {
  margin: 2.4rem 0;
  position: relative;
  width: 11.2rem;
}
.modal#editProfile .avatar-group .profile-pict {
  width: 11.2rem;
  height: 11.2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.modal#editProfile .avatar-group .edit-pict-btn {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 3.2rem;
  height: 3.2rem;
  border: 0;
  border-radius: 50%;
  font-size: 1.8rem;
  text-align: center;
  line-height: 3.2rem;
  background-color: #E5E7F2;
  z-index: 1;
}
.modal#editProfile .avatar-group .edit-pict-btn i:before {
  color: #3167F6;
}
.modal #detailResultModal .modal-dialog {
  margin: 0 !important;
  max-height: 100vh;
}
.modal #detailResultModal .modal-dialog .modal-content {
  bottom: 0px;
  max-height: 504px;
  overflow: hidden;
}
.modal #detailResultModal .modal-dialog .modal-content .modal-header {
  background: white !important;
  z-index: 1;
  padding: 1rem !important;
}
.modal #detailResultModal .modal-dialog .modal-content .modal-header .close {
  padding: 0 !important;
}
.modal #detailResultModal .modal-dialog .modal-content .modal-body {
  padding: 2.5rem 2.2rem !important;
  max-height: 504px;
  overflow: auto;
  margin-top: -2.1rem;
}
.modal .modal-dialog .modal-content {
  border: 0 !important;
  border-radius: 8px !important;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 1.6rem 2.2rem 0rem 2.2rem;
  border: 0 !important;
}
.modal .modal-dialog .modal-content .modal-header.padding-bottom-0 {
  padding-bottom: 0rem !important;
}
.modal .modal-dialog .modal-content .modal-header .close {
  font-size: 2rem !important;
}
.modal .modal-dialog .modal-content .modal-header .close:focus {
  outline: unset;
}
.modal .modal-dialog .modal-content .modal-header .close i::before {
  color: #4C516D !important;
}
.modal .modal-dialog .modal-content .modal-header h4, .modal .modal-dialog .modal-content .modal-header .h4 {
  font-size: 1.7rem;
  line-height: 2rem;
  margin-bottom: 0.4rem;
  color: #131315 !important;
}
.modal .modal-dialog .modal-content .modal-header p {
  font-weight: normal;
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #4C516D !important;
}
.modal .modal-dialog .modal-content .modal-body {
  border: 0 !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group {
  width: 100% !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group .list-group-item {
  border: 0 !important;
  padding: 1rem 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  align-items: flex-start !important;
  position: relative !important;
  background-color: #FFFFFF !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group .list-group-item i {
  padding: 0 !important;
  margin-right: 0 !important;
  font-size: 1.4rem !important;
  top: 0 !important;
  left: 0 !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group .list-group-item i.kejar-belum-mengerjakan-2:before {
  color: #FF6666 !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group .list-group-item i.kejar-latihan-to-bold:before {
  color: #FFC700 !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group .list-group-item i.kejar-sudah-dikerjakan:before {
  color: #5ED980 !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group .list-group-item:hover {
  background-color: #FFFFFF !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group .list-group-item .list-item-text {
  margin-left: 1.1rem !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group .list-group-item .list-item-text h6, .modal .modal-dialog .modal-content .modal-body .list-group .list-group-item .list-item-text .h6 {
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  color: #131315 !important;
  margin: 0 !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group .list-group-item .list-item-text p {
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #BCBBD0 !important;
  margin: 0.2rem 0 0 0 !important;
}
.modal .modal-dialog .modal-content .modal-body .list-group .list-group-item .list-item-text p span {
  font-weight: bold !important;
  color: #313548 !important;
}
.modal .modal-dialog .modal-content .modal-footer {
  padding: 2.55rem 1rem 1.6rem 1rem;
  border: 0 !important;
}
.modal .modal-dialog .modal-content .modal-footer.footer-p0 {
  padding: 0rem 1rem 1.4rem 1rem !important;
}
.modal .modal-dialog .modal-content .modal-footer.footer-p0.tution-pricipal {
  padding: 0rem 1rem 0.7rem 1rem !important;
}
.modal .modal-md {
  width: 50rem;
}
@media (max-width: 576px) {
  .modal .modal-md {
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
.modal .modal-content {
  border-radius: 0rem;
  border: 0rem;
  padding: 1.6rem 2.2rem 1.6rem 2.2rem;
}
.modal .modal-content.p-22 {
  padding: 2.2rem !important;
}
.modal .modal-content .modal-header {
  border: none !important;
}
.modal .modal-content .modal-header .modal-title {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 700;
}
.modal .modal-content .modal-body {
  padding-bottom: 3rem;
  padding-top: 2.2rem;
}
.modal .modal-content .modal-body .grid-30 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30%, 1fr));
  grid-gap: 16px 16px;
}
.modal .modal-content .modal-body p {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 400;
}
.modal .modal-content .modal-body p.font-15 {
  font-size: 1.5rem;
  line-height: 1.6rem;
  font-weight: 400;
}
.modal .modal-content .modal-body .ck-content p {
  font-size: 1.5rem;
  line-height: 1.6rem;
  font-weight: 400;
}
.modal .modal-content .modal-body .form-group input[type=text],
.modal .modal-content .modal-body .form-group input[type=number],
.modal .modal-content .modal-body .form-group input[type=email],
.modal .modal-content .modal-body .form-group textarea {
  width: 100%;
  border-radius: 0.4rem;
  border: 0.2rem solid #E5E7F2;
  padding: 1rem 1.2rem;
  color: #131315;
  background-color: #FFFFFF;
}
.modal .modal-content .modal-body .form-group input[type=text]:focus,
.modal .modal-content .modal-body .form-group input[type=number]:focus,
.modal .modal-content .modal-body .form-group input[type=email]:focus,
.modal .modal-content .modal-body .form-group textarea:focus {
  outline: 0;
  border: 0.2rem solid #D9EBFF;
}
.modal .modal-content .modal-body .custom-upload {
  margin-bottom: 0rem !important;
}
.modal .modal-content .modal-body .custom-upload input[type=text] {
  width: 100%;
  border-radius: 0.4rem;
  border: 0.2rem solid #E5E7F2;
  padding: 1rem 1.2rem;
  color: #878AA6;
  background-color: #FFFFFF !important;
}
.modal .modal-content .modal-body .custom-upload .btn-label {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 1rem 1.2rem;
  color: #3167F6;
}
.modal .modal-content .modal-body .custom-upload .btn-label:hover {
  color: #318CF6;
}
.modal .modal-content .modal-body .custom-upload input[type=file] {
  display: none;
}
.modal .modal-content .modal-body .form-group label {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.modal .modal-content .modal-body .link-download {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 400;
  color: #3167F6;
  line-height: 0rem !important;
  text-decoration: none;
}
.modal .modal-content .modal-body .link-download i::before {
  color: #3167F6;
}
.modal .modal-content .modal-body .link-download:hover {
  color: #318CF6;
  cursor: pointer;
}
.modal .modal-content .modal-body .link-download:hover i::before {
  color: #318CF6;
}
.modal .modal-content .modal-footer {
  border: none !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal .modal-content .modal-footer a {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #3167F6;
  text-decoration: none;
}
.modal .modal-content .modal-footer a i {
  font-size: 2rem;
  top: 0.1rem;
}
.modal .modal-content .modal-footer a i:before {
  color: #3167F6;
  font-size: 1.5rem;
}
.modal .modal-content .modal-footer a:hover {
  color: #318CF6;
}
.modal .modal-content .modal-footer a:hover i:before {
  color: #318CF6;
}
.modal .modal-content .modal-footer .btn.btn-link:active {
  border: unset;
}
.modal .modal-content .modal-footer .btn.btn-link:focus {
  border: unset;
  box-shadow: unset;
}
.modal .modal-content .modal-footer .btn {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 0.8rem 1rem;
  border-radius: 0rem;
  text-decoration: unset;
}
.modal .modal-content .modal-footer .btn.btn-delete:hover {
  color: red;
}
.modal .modal-content .modal-footer .btn-cancel {
  color: #3167F6;
  background: transparent;
}
.modal .modal-content .modal-footer .btn-cancel:hover {
  color: #318CF6;
}
.modal .modal-content .modal-footer .btn-primary {
  background: #3167F6;
  color: #FFFFFF;
  border: 0;
}
.modal .modal-content .modal-footer .btn-primary:hover {
  background: #318CF6;
}
.modal .modal-content .modal-footer .btn-skip {
  background-color: #F4F8FF !important;
  color: #3167F6 !important;
  border: 0;
}
.modal .modal-content .modal-footer .btn-skip:hover {
  background: #318CF6;
}
.modal .content {
  margin: 40px, 40px;
}
.modal .breadcrumb {
  font-size: 15px !important;
}
.modal a.breadcrumb-item {
  color: #9daebd !important;
  cursor: pointer !important;
  text-decoration: none;
}
.modal .breadcrumb-item.active {
  color: #202020 !important;
}
.modal .text-title {
  font-weight: bold;
  font-style: 25px;
  color: #202020;
}
.modal .task-detail {
  margin-top: 0px;
  font-style: 15px;
}
.modal .title-group {
  font-style: 15px;
  font-weight: bold;
}
.modal .task-detail .task-detail-amount {
  font-size: 15px;
  color: #7c92a7;
  font-weight: normal;
}
.modal .task-detail .task-detail-amount span {
  font-size: 15px;
  color: #334e68;
  font-weight: bold;
}
.modal .task-detail .task-detail-description {
  font-size: 15px;
  color: #202020;
}
.modal .detail-card {
  margin-top: 8px;
  background: #f7f4fb;
  padding: 24px;
}
.modal .detail-card .detail-card-icon .kejar-open-book::before {
  color: #7233da !important;
}
.modal .detail-card .detail-card-text {
  color: #202020;
  font-size: 15px;
  line-height: 24px;
  padding-top: 16px;
}
.modal .btn-start-group {
  margin-top: 56px;
}
.modal .btn-start-group .btn-start {
  border-radius: 0px;
  background: #7233da;
  font-size: 19px;
  border: 0;
}
.modal .btn-start-group .btn-start .kejar-next::before {
  color: #ffffff;
  font-size: 19px;
  margin-left: 7px;
}
.modal .btn-start-group .btn-start:hover {
  background: #986ce0;
}
.modal .kotak {
  border-radius: 0px;
  border: 0px;
}
.modal .judul {
  margin-top: 0px;
}

.modal-backdrop {
  z-index: 110;
}

@media (max-width: 576px) {
  #detailResultModal .modal-dialog {
    margin: 0 !important;
  }
  #create-question .modal-dialog,
  .modal-large .modal-dialog {
    max-width: 70rem !important;
  }
  /* Breadcrumb */
  .breadcrumb {
    font-size: 15px !important;
  }
  a.breadcrumb-item {
    color: #9daebd !important;
    cursor: pointer !important;
    text-decoration: none;
  }
  .breadcrumb-item.active {
    color: #202020 !important;
  }
  /* Title */
  .text-title {
    font-weight: bold;
    font-style: 25px;
    color: #202020;
  }
  /* Detail */
  .task-detail {
    margin-top: 0px;
    font-style: 15px;
  }
  .title-group {
    font-style: 15px;
    font-weight: bold;
  }
  .task-detail .task-detail-amount {
    font-size: 15px;
    color: #7c92a7;
    font-weight: normal;
  }
  .task-detail .task-detail-amount span {
    font-size: 15px;
    color: #334e68;
    font-weight: bold;
  }
  .task-detail .task-detail-description {
    font-size: 15px;
    color: #202020;
  }
  /* Taks Detail Card */
  .detail-card {
    margin-top: 8px;
    background: #f7f4fb;
    padding: 24px;
  }
  .detail-card .detail-card-icon .kejar-open-book::before {
    color: #7233da !important;
  }
  .detail-card .detail-card-text {
    color: #202020;
    font-size: 15px;
    line-height: 24px;
    padding-top: 16px;
  }
  /* Btn Start */
  .btn-start-group {
    margin-top: 56px;
  }
  .btn-start-group .btn-start {
    border-radius: 0px;
    background: #7233da;
    font-size: 19px;
    border: 0;
  }
  .btn-start-group .btn-start .kejar-next::before {
    color: #ffffff;
    font-size: 19px;
    margin-left: 7px;
  }
  /* Btn start hover */
  .btn-start-group .btn-start:hover {
    background: #986ce0;
  }
  .kotak {
    border-radius: 0px;
    border: 0px;
  }
  .judul {
    margin-top: 0px;
  }
}
.toast {
  position: fixed;
  top: 2rem;
  width: 100%;
  left: 50%;
  right: 50%;
  transform: translate(-50%);
  z-index: 1050;
}

#caption-punishment p {
  font-size: 1.5rem;
  line-height: 2rem;
}

#caption-consequence p {
  font-size: 1.3rem;
  line-height: 2rem;
}
#caption-consequence ul {
  padding-inline-start: 16px;
}

#table-deed-student * p {
  line-height: 20px;
}

/* Modal Exit */
#exitExamModal .modal-content {
  padding: 0rem;
}
#exitExamModal .modal-content .modal-header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  padding: 3.2rem !important;
}
#exitExamModal .modal-content .modal-header .modal-title {
  margin: 0rem;
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 700;
}
#exitExamModal .modal-content .modal-header .close {
  margin: 0rem;
  outline: none;
}
#exitExamModal .modal-content .modal-body {
  position: relative;
  margin: 0rem;
  padding: 0rem 3.2rem !important;
}
#exitExamModal .modal-content .modal-body p {
  font-size: 1.5rem;
  font-weight: normal;
  color: #313548;
  line-height: 160%;
}
#exitExamModal .modal-content .modal-footer {
  padding: 2.5rem 2.2rem !important;
}
#exitExamModal .modal-content .modal-footer .btn {
  padding: 10px 12px;
  font-size: 15px;
}
#exitExamModal .modal-content .modal-footer .btn-transparent {
  background-color: transparent !important;
}

.modal-fix {
  max-width: 70.4rem;
}
.modal-fix .modal-content {
  width: 70.4rem;
  padding: 0px !important;
}
.modal-fix .modal-header {
  padding: 3.2rem 3.2rem 0.5rem !important;
}
.modal-fix .modal-header .close {
  margin: 0px;
}
.modal-fix .modal-body {
  padding: 0rem 3.2rem 3.2rem !important;
}
.modal-fix .modal-footer {
  display: flex;
  justify-content: flex-end !important;
  padding-top: 0px !important;
}

.modal-default {
  max-width: 54.4rem;
  min-width: 54.4rem;
  box-sizing: border-box;
}
.modal-default .modal-content {
  max-width: 54.4rem;
  box-sizing: border-box;
  min-width: 54.4rem;
}
.modal-default .modal-content .modal-footer {
  padding: 2rem !important;
}
@media screen and (max-width: 768px) {
  .modal-default {
    max-width: 32.8rem;
    min-width: 32.8rem;
  }
  .modal-default .modal-content {
    max-width: 32.8rem;
    min-width: 32.8rem;
    box-sizing: border-box;
  }
}

.modal-fix-lg {
  min-width: 1024px;
}
@media screen and (max-width: 76.8rem) {
  .modal-fix-lg {
    min-width: 100%;
  }
}
.modal-fix-lg .modal-footer {
  justify-content: flex-end !important;
}
.modal-fix-lg .modal-footer button {
  display: block;
}

.modal-fullscreen {
  max-width: 102.4rem;
}
.modal-fullscreen .modal-content {
  padding: 3.2rem;
}
.modal-fullscreen .content-body-fitur {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-gap: 1.6rem;
  margin-top: 3.2rem;
}
.modal-fullscreen .content-body-fitur .card-fitur {
  width: 31rem;
  height: 19.6rem;
  border-radius: 0.8rem;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #ffffff;
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modal-fullscreen .content-body-fitur .card-fitur {
    width: auto;
    height: 21.6rem;
  }
}
.modal-fullscreen .content-body-fitur .card-fitur .card-fitur-text {
  padding: 1.4rem 1.6rem;
}
@media screen and (max-width: 768px) {
  .modal-fullscreen .modal-content {
    padding: 1.6rem;
  }
}

.modal-extralarge {
  max-width: 82.4rem;
}
.modal-extralarge .modal-content {
  padding: 3.2rem;
}
.modal-extralarge .content-body-fitur {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  grid-gap: 1.6rem;
  margin-top: 3.2rem;
}
.modal-extralarge .content-body-fitur .card-fitur {
  width: 31rem;
  height: 19.6rem;
  border-radius: 0.8rem;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  background: #ffffff;
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .modal-extralarge .content-body-fitur .card-fitur {
    width: auto;
    height: 21.6rem;
  }
}
.modal-extralarge .content-body-fitur .card-fitur .card-fitur-text {
  padding: 1.4rem 1.6rem;
}
@media screen and (max-width: 768px) {
  .modal-extralarge .modal-content {
    padding: 1.6rem;
  }
}

.modal-large {
  max-width: 70.4rem;
}

.modal-medium {
  max-width: 54.4rem;
}
.modal-medium.modal-content-medium .modal-content {
  padding: 2.2rem !important;
}
.modal-medium.modal-content-medium .modal-content .modal-body {
  padding-bottom: 1rem !important;
  padding-top: 2.2rem !important;
}
.modal-medium.modal-content-medium .modal-content .modal-footer {
  padding: 1.9rem 1rem 0.8rem 0rem !important;
  border: 0 !important;
}
.modal-medium.modal-content-medium .modal-header {
  padding-top: 1rem !important;
}
.modal-medium.modal-content-medium-detail .modal-content {
  padding: 2.2rem !important;
}
.modal-medium.modal-content-medium-detail .modal-content .modal-body {
  padding-bottom: 1rem !important;
  padding-top: 0rem !important;
}
.modal-medium.modal-content-medium-detail .modal-content .modal-footer {
  padding: 1.9rem 1rem 0.8rem 0rem !important;
  border: 0 !important;
}
.modal-medium.modal-content-medium-detail .modal-header {
  padding-top: 1rem !important;
}
.modal-medium.modal-content-medium-tuition .modal-content {
  padding: 2.2rem !important;
}
.modal-medium.modal-content-medium-tuition .modal-content .modal-body {
  padding-bottom: 1rem !important;
  padding-top: 0rem !important;
}
.modal-medium.modal-content-medium-tuition .modal-content .modal-footer {
  padding: 1.9rem 0rem 0.8rem 0rem !important;
  border: 0 !important;
}
.modal-medium.modal-content-medium-tuition .modal-header {
  padding-top: 1rem !important;
}

.modal-small {
  max-width: 38.4rem !important;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .modal-small {
    max-width: 100rem !important;
  }
}
.modal-open nav:not(.modal-content nav),
.modal-open .bg-blue-tp-2:not(.modal-content .bg-blue-tp-2),
.modal-open .container:not(.modal-content .container),
.modal-open .container-fluid:not(.modal-content .container-fluid):not(.modal-content .container-sm):not(.modal-content .container-md):not(.modal-content .container-lg):not(.modal-content .container-xl):not(.modal-content .container-xxl),
.modal-open .container-sm:not(.modal-content .container-fluid):not(.modal-content .container-sm):not(.modal-content .container-md):not(.modal-content .container-lg):not(.modal-content .container-xl):not(.modal-content .container-xxl),
.modal-open .container-md:not(.modal-content .container-fluid):not(.modal-content .container-sm):not(.modal-content .container-md):not(.modal-content .container-lg):not(.modal-content .container-xl):not(.modal-content .container-xxl),
.modal-open .container-lg:not(.modal-content .container-fluid):not(.modal-content .container-sm):not(.modal-content .container-md):not(.modal-content .container-lg):not(.modal-content .container-xl):not(.modal-content .container-xxl),
.modal-open .container-xl:not(.modal-content .container-fluid):not(.modal-content .container-sm):not(.modal-content .container-md):not(.modal-content .container-lg):not(.modal-content .container-xl):not(.modal-content .container-xxl),
.modal-open .container-xxl:not(.modal-content .container-fluid):not(.modal-content .container-sm):not(.modal-content .container-md):not(.modal-content .container-lg):not(.modal-content .container-xl):not(.modal-content .container-xxl),
.modal-open .container-small:not(.modal-content .container-small),
.modal-open .container-medium:not(.modal-content .container-medium),
.modal-open .container-medium-left:not(.modal-content .container-medium-left),
.modal-open .container-large-left:not(.modal-content .container-large-left),
.modal-open .container-fullscreen:not(.modal-content .container-fullscreen) {
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
}

.modal-content {
  box-shadow: 0px 15px 25px rgba(65, 51, 104, 0.15), 0px 5px 10px rgba(65, 51, 104, 0.05);
}

.modal-new .modal-body::-webkit-scrollbar {
  width: 0.8rem;
  background-color: transparent;
}
.modal-new .modal-body::-webkit-scrollbar-track {
  background-color: transparent;
}
.modal-new .modal-body::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.modal-new .modal-dialog.modal-xs {
  width: 32.8rem;
  max-width: 34.8rem;
}
@media screen and (max-width: 768px) {
  .modal-new .modal-dialog.modal-xs {
    width: 32.8rem;
    max-width: 100%;
  }
}
.modal-new .modal-dialog.modal-sm {
  width: 38.4rem;
  max-width: 38.4rem;
}
@media screen and (max-width: 768px) {
  .modal-new .modal-dialog.modal-sm {
    width: 38.4rem;
    max-width: 100%;
  }
}
.modal-new .modal-dialog.modal-md {
  width: 54.4rem;
  max-width: 54.4rem;
}
@media screen and (max-width: 768px) {
  .modal-new .modal-dialog.modal-md {
    width: 54.4rem;
    max-width: 100%;
  }
}
.modal-new .modal-dialog.modal-lg {
  width: 70.4rem;
  max-width: 70.4rem;
}
@media screen and (max-width: 768px) {
  .modal-new .modal-dialog.modal-lg {
    width: 70.4rem;
    max-width: 100%;
  }
}
.modal-new .modal-dialog.modal-xl {
  width: 82.4rem;
  max-width: 82.4rem;
}
@media screen and (max-width: 768px) {
  .modal-new .modal-dialog.modal-xl {
    width: 82.4rem;
    max-width: 100%;
  }
}
.modal-new .modal-dialog.modal-full {
  width: 100%;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .modal-new .modal-dialog.modal-full {
    width: 100%;
    max-width: 100%;
  }
}
.modal-new .modal-dialog .modal-content {
  border: 0 !important;
  border-radius: 8px !important;
  padding: 3.2rem;
}
.modal-new .modal-dialog .modal-content .modal-header {
  border: 0 !important;
  padding: 0rem !important;
}
.modal-new .modal-dialog .modal-content .modal-header .title .second-line {
  margin-top: 0.8rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.modal-new .modal-dialog .modal-content .modal-header .title .second-line .icon {
  display: block;
}
.modal-new .modal-dialog .modal-content .modal-body {
  border: 0;
  padding: 0rem;
  margin: 3.2rem 0rem 5.6rem 0rem;
}
.modal-new .modal-dialog .modal-content .modal-footer {
  justify-content: flex-end !important;
  border: 0 !important;
  padding: 0rem !important;
}

.item-modal-select {
  display: block;
  padding: 2.8rem !important;
  width: 13.2rem !important;
  background-color: #F7FAFF;
  border-radius: 1.6rem;
}
.item-modal-select:active {
  background-color: #F7FAFF !important;
  box-shadow: inset 0 -2px 0 hsla(0, 0%, 100%, 0.15), inset 0 1px 3px rgba(65, 51, 104, 0.2);
}
.item-modal-select:hover {
  background-color: #EAF4FF;
  text-decoration: none !important;
}
.item-modal-select:hover .panel-body .icon {
  background: #D9EBFF !important;
}
.item-modal-select .panel-body {
  display: block !important;
  gap: 1.6rem;
  padding-left: 0rem !important;
}
.item-modal-select .panel-body .title {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #131315;
  text-align: center;
  margin-top: 0.8rem;
}
.item-modal-select .panel-body .icon-card {
  display: flex;
  justify-content: center;
}
.item-modal-select .panel-body .icon {
  background: #EAF4FF;
  width: 44px;
  height: 44px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 2.2rem;
}

.modal-footer > * {
  margin: 0;
}

.vm-question-preview, .mfmq-question-preview, .vdm-question-preview, .mqia-question-preview {
  width: 100%;
  padding: 1.6rem;
  min-height: 22rem;
  background-color: #EFF0F9;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.3rem !important;
  font-weight: 400;
  line-height: 3.6rem;
}

.vm-question-group {
  display: flex;
}
.vm-question-group .vm-question-equation {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.vm-question-group .vm-question-equation .vm-question-card {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 1rem;
  border-bottom: 0.2rem solid #131315;
  border-radius: 0.2rem;
  margin-bottom: 0.8rem;
}
.vm-question-group .vm-question-equation .vm-question {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding: 1rem;
  border-bottom: 0.25rem solid #131315;
  border-radius: 0.2rem;
  margin-bottom: 0.8rem;
}
.vm-question-group .vm-question-equation .vm-answer {
  display: flex;
  min-width: 5rem;
  padding: 1rem 1.8rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  border: 0.2rem solid #E5E7F2;
  background: #FFFFFF;
}
.vm-question-group .vm-question-operator {
  align-self: flex-end;
  margin-bottom: 5rem;
}
.vm-question-group .vm-question-operator-card {
  align-self: flex-end;
  margin-bottom: 4.6rem;
}

.mfmq-question-group {
  display: flex;
}
.mfmq-question-group .mfmq-question-equation {
  display: flex;
  align-items: center;
}
.mfmq-question-group .mfmq-question-equation .mfmq-question {
  display: flex;
  padding-right: 1rem;
}
.mfmq-question-group .mfmq-question-equation .mfmq-question p {
  font-size: 3.3rem !important;
  font-weight: 400;
  line-height: 3.6rem !important;
  color: black;
  margin: 0;
}
.mfmq-question-group .mfmq-question-equation .mfmq-numerator, .mfmq-question-group .mfmq-question-equation .mfmq-integer, .mfmq-question-group .mfmq-question-equation .mfmq-denominator {
  display: flex;
  min-width: 5rem;
  padding: 0.4rem 1.6rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  border: 0.2rem solid #E5E7F2;
  background: #FFFFFF;
}
.mfmq-question-group .mfmq-question-equation .mfmq-divider-card {
  background-color: #131315;
  min-width: 5rem;
  width: 100%;
  height: 0.15rem;
  border-radius: 0.2rem;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.mfmq-question-group .mfmq-question-equation .mfmq-divider {
  background-color: #131315;
  min-width: 5rem;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.2rem;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}

.vdm-question-group {
  display: flex;
}
.vdm-question-group .vdm-question-equation {
  display: flex;
  align-items: center;
}
.vdm-question-group .vdm-question-equation .vdm-question {
  display: flex;
  padding-right: 1rem;
}
.vdm-question-group .vdm-question-equation .vdm-answer {
  display: flex;
  min-width: rem;
  padding: 0.4rem 1rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  border: 0.2rem solid #E5E7F2;
  background: #FFFFFF;
}
.vdm-question-group .vdm-question-equation .vdm-denominator {
  align-self: flex-end;
}
.vdm-question-group .vdm-question-equation .vdm-numerator, .vdm-question-group .vdm-question-equation .vdm-denominator {
  display: flex;
  min-width: 4rem;
  padding: 0.4rem 1rem;
  justify-content: center;
  align-items: center;
}
.vdm-question-group .vdm-question-equation .vdm-side-divider-card {
  background-color: #131315;
  min-width: 3rem;
  height: 0.15rem;
  border-radius: 0.2rem;
  transform: rotate(-70deg) translate(-13px, 16px);
  margin-left: -3rem;
}
.vdm-question-group .vdm-question-equation .vdm-side-divider {
  background-color: #131315;
  min-width: 4rem;
  height: 0.25rem;
  border-radius: 0.15rem;
  transform: rotate(-70deg) translate(-16px, 21px);
  margin-left: -3rem;
}
.vdm-question-group .vdm-question-equation .vdm-divider-card {
  background-color: #131315;
  min-width: 5rem;
  width: 100%;
  height: 0.15rem;
  border-radius: 0.2rem;
  margin-top: 0.4rem;
}
.vdm-question-group .vdm-question-equation .vdm-divider {
  background-color: #131315;
  min-width: 5rem;
  width: 100%;
  height: 0.25rem;
  border-radius: 0.2rem;
  margin-top: 0.4rem;
}

.mqia-question-group {
  display: flex;
}
.mqia-question-group .mqia-question-equation {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 0rem;
}
.mqia-question-group .mqia-question-equation .mqia-equation {
  display: flex;
  align-items: center;
}
.mqia-question-group .mqia-question-equation .mqia-answer {
  display: flex;
  min-width: 5rem;
  padding: 1rem 1.8rem;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  border: 0.2rem solid #E5E7F2;
  background: #FFFFFF;
}
.mqia-question-group .mqia-question-equation .mqia-question, .mqia-question-group .mqia-question-equation .mqia-suffix {
  padding: 1rem;
}

.modal-content {
  background-color: #FFFFFF;
}
.modal-content .btn-close {
  background-image: unset;
}
.modal-content .btn-close:focus {
  outline: unset;
  box-shadow: none;
}

.page-description {
  margin: 4rem auto;
}
.page-description .page-description-item {
  margin: 2rem auto !important;
}
.page-description .page-description-item h5, .page-description .page-description-item .h5 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  font-weight: bold;
  line-height: 2rem;
  margin-bottom: 0.8rem;
}
.page-description .page-description-item p {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  line-height: 2rem;
}

.material-default {
  color: #878AA6;
}

.icon-description {
  padding: 0.5rem 1.5rem;
}
.icon-description .align-items-center i.kejar-sudah-dikerjakan::before {
  color: #5ED980;
}
.icon-description .align-items-center i.kejar-latihan-to-bold::before {
  color: #FFC700;
}
.icon-description .align-items-center i.kejar-belum-mengerjakan-2::before {
  color: #FF6666;
}
@media screen and (max-width: 768px) {
  .icon-description {
    display: none;
  }
}

.score-description {
  color: #878AA6 !important;
}
@media screen and (max-width: 768px) {
  .score-description {
    display: none;
  }
}

.table th,
.table td {
  padding: 1.2rem;
}

.table-responsive {
  width: 100.5%;
  position: relative;
}
.table-responsive.medium th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
}
.table-responsive.medium td {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: normal;
}
.table-responsive.medium::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.medium::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.medium::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.large th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
}
.table-responsive.large td {
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-weight: normal;
}
.table-responsive.table-result-stage {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-result-stage.w-max-content {
  width: -moz-max-content !important;
  width: max-content !important;
}
.table-responsive.table-result-stage table {
  position: relative;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage table {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage table thead {
    display: none !important;
  }
}
.table-responsive.table-result-stage table thead tr .th-school-hour {
  min-width: 6rem !important;
}
.table-responsive.table-result-stage table thead tr .th-school-hour.active {
  min-width: 15rem !important;
}
.table-responsive.table-result-stage table thead tr.number th {
  position: sticky !important;
  table-layout: fixed;
  min-width: 7.2rem !important;
}
.table-responsive.table-result-stage table thead tr.number th:hover {
  background-color: #F7FAFF;
  color: #7233DA;
}
.table-responsive.table-result-stage table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-result-stage table thead tr:nth-child(1) th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  width: 24rem !important;
  max-width: 24rem !important;
  background-color: #EFF0F9;
}
.table-responsive.table-result-stage table thead tr:nth-child(1) th:nth-child(2) {
  text-align: center !important;
}
.table-responsive.table-result-stage table thead tr:nth-child(1) th:nth-child(2).th-left {
  text-align: left !important;
}
.table-responsive.table-result-stage table thead tr:nth-child(2) th {
  cursor: pointer !important;
  min-width: 7.2rem !important;
  text-align: center;
}
.table-responsive.table-result-stage table thead tr:nth-child(2) th:hover {
  color: #7233DA !important;
  background-color: #F7FAFF !important;
}
.table-responsive.table-result-stage table thead.no-cell-hover tr th:hover {
  cursor: default !important;
  background-color: #EFF0F9 !important;
  color: #131315 !important;
}
.table-responsive.table-result-stage table thead.thead-costume-curriculum-tool tr th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  width: 20rem !important;
  max-width: 20rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage table thead.thead-costume-curriculum-tool tr th:nth-child(2) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage table thead.thead-costume-curriculum-tool tr th:nth-child(3) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage table thead.thead-costume-curriculum-tool tr th:nth-child(4) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage table thead.thead-costume-curriculum-tool tr th:nth-child(5) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
  text-align: right;
}
.table-responsive.table-result-stage table thead.thead-costume-curriculum-tool tr th:nth-child(6) {
  position: sticky !important;
  left: 0 !important;
  width: 6rem !important;
  max-width: 6rem !important;
  background-color: #eff0f9;
  text-align: right;
}
.table-responsive.table-result-stage table thead.thead-costume-curriculum-tool tr:nth-child(2) th {
  cursor: pointer !important;
  min-width: 6rem !important;
  width: 6rem !important;
  max-width: 6rem !important;
  text-align: center;
}
.table-responsive.table-result-stage table tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-result-stage table tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-result-stage table tbody tr.hover-tr-15:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-result-stage table tbody tr.hover-tr-15:hover td:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-result-stage table tbody tr.result-icon td {
  width: -moz-fit-content !important;
  width: fit-content !important;
  vertical-align: middle;
  text-align: center !important;
}
.table-responsive.table-result-stage table tbody tr.result-icon td.td-name {
  text-align: left !important;
}
.table-responsive.table-result-stage table tbody tr.result-icon td.td-name span {
  display: block;
  margin-top: 0.5rem;
  color: #878AA6;
}
.table-responsive.table-result-stage table tbody tr.result-icon td.td-name span strong {
  color: #4C516D;
}
.table-responsive.table-result-stage table tbody tr.font-13 td {
  font-size: 1.3rem;
}
.table-responsive.table-result-stage table tbody tr.font-13 td p {
  font-size: 1.3rem;
}
.table-responsive.table-result-stage table tbody tr.min-width-6 td {
  min-width: 6rem !important;
}
.table-responsive.table-result-stage table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 1rem 1.2rem 1rem 1.2rem;
}
.table-responsive.table-result-stage table tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-result-stage table tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage table tbody tr td:not(:nth-child(1)) {
    display: none;
  }
}
.table-responsive.table-result-stage table tbody tr td i.kejar-sudah-dikerjakan::before {
  color: #5ED980;
}
.table-responsive.table-result-stage table tbody tr td i.kejar-latihan-to-bold::before {
  color: #FFC700;
}
.table-responsive.table-result-stage table tbody tr td i.kejar-belum-mengerjakan-2::before {
  color: #FF6666;
}
.table-responsive.table-result-stage table tbody tr td:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFFFFF;
  z-index: 2 !important;
}
.table-responsive.table-result-stage table tbody tr td:nth-child(1).hover-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-result-stage table tbody tr td ol,
.table-responsive.table-result-stage table tbody tr td ul {
  padding-left: 1.6rem;
}
.table-responsive.table-result-stage table tbody tr td:nth-child(2) {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFFFFF;
  z-index: 1 !important;
}
.table-responsive.table-result-stage table tbody tr td:nth-child(2).hover-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-result-stage table tbody tr td.td-recap {
  padding: 1rem;
}
.table-responsive.table-result-stage table tbody tr td.position-relative {
  position: relative !important;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage table tbody tr td {
    padding: 0.75rem 0;
    border: 0 !important;
  }
}
.table-responsive.table-result-stage table.table-normal.table-bordered {
  border: 1px solid #E5E7F2 !important;
}
.table-responsive.table-result-stage table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-result-stage.table-hover tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-result-stage.table-hover tbody tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-result-stage::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-result-stage::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-result-stage::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-calendar {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-calendar table {
  position: relative;
}
.table-responsive.table-calendar table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-calendar table tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-calendar table tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-calendar table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  height: 4rem !important;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-calendar.table-hover tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-calendar.table-hover tbody tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-calendar::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-calendar::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-calendar::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-result-stage-invoice table {
  position: relative;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage-invoice table {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage-invoice table thead {
    display: none !important;
  }
}
.table-responsive.table-result-stage-invoice table thead tr.number th {
  position: sticky !important;
  table-layout: fixed;
}
.table-responsive.table-result-stage-invoice table thead tr.number th:hover {
  background-color: #F7FAFF;
  color: #7233DA;
}
.table-responsive.table-result-stage-invoice table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-result-stage-invoice table thead tr:nth-child(1) th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  background-color: #EFF0F9;
}
.table-responsive.table-result-stage-invoice table thead tr:nth-child(1) th:nth-child(2) {
  text-align: center !important;
}
.table-responsive.table-result-stage-invoice table thead tr:nth-child(1) th:nth-child(2).th-left {
  text-align: left !important;
}
.table-responsive.table-result-stage-invoice table thead tr:nth-child(2) th {
  cursor: pointer !important;
  text-align: center;
}
.table-responsive.table-result-stage-invoice table thead tr:nth-child(2) th:hover {
  color: #7233DA !important;
  background-color: #F7FAFF !important;
}
.table-responsive.table-result-stage-invoice table thead.no-cell-hover tr th:hover {
  cursor: default !important;
  background-color: #EFF0F9 !important;
  color: #131315 !important;
}
.table-responsive.table-result-stage-invoice table thead.thead-costume-curriculum-tool tr th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  width: 20rem !important;
  max-width: 20rem !important;
  background-color: #EFF0F9;
}
.table-responsive.table-result-stage-invoice table thead.thead-costume-curriculum-tool tr th:nth-child(2) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage-invoice table thead.thead-costume-curriculum-tool tr th:nth-child(3) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage-invoice table thead.thead-costume-curriculum-tool tr th:nth-child(4) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage-invoice table thead.thead-costume-curriculum-tool tr th:nth-child(5) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
  text-align: right;
}
.table-responsive.table-result-stage-invoice table thead.thead-costume-curriculum-tool tr th:nth-child(6) {
  position: sticky !important;
  left: 0 !important;
  width: 6rem !important;
  max-width: 6rem !important;
  background-color: #eff0f9;
  text-align: right;
}
.table-responsive.table-result-stage-invoice table thead.thead-costume-curriculum-tool tr:nth-child(2) th {
  cursor: pointer !important;
  min-width: 6rem !important;
  width: 6rem !important;
  max-width: 6rem !important;
  text-align: center;
}
.table-responsive.table-result-stage-invoice table tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-result-stage-invoice table tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-result-stage-invoice table tbody tr.result-icon td {
  width: -moz-fit-content !important;
  width: fit-content !important;
  vertical-align: middle;
  text-align: center !important;
}
.table-responsive.table-result-stage-invoice table tbody tr.result-icon td.td-name {
  text-align: left !important;
}
.table-responsive.table-result-stage-invoice table tbody tr.result-icon td.td-name span {
  display: block;
  margin-top: 0.5rem;
  color: #878AA6;
}
.table-responsive.table-result-stage-invoice table tbody tr.result-icon td.td-name span strong {
  color: #4C516D;
}
.table-responsive.table-result-stage-invoice table tbody tr.min-width-6 td {
  min-width: 6rem !important;
}
.table-responsive.table-result-stage-invoice table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-result-stage-invoice table tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage-invoice table tbody tr td:not(:nth-child(1)) {
    display: none;
  }
}
.table-responsive.table-result-stage-invoice table tbody tr td i.kejar-sudah-dikerjakan::before {
  color: #5ED980;
}
.table-responsive.table-result-stage-invoice table tbody tr td i.kejar-latihan-to-bold::before {
  color: #FFC700;
}
.table-responsive.table-result-stage-invoice table tbody tr td i.kejar-belum-mengerjakan-2::before {
  color: #FF6666;
}
.table-responsive.table-result-stage-invoice table tbody tr td:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFFFFF;
  z-index: 1 !important;
}
.table-responsive.table-result-stage-invoice table tbody tr td:nth-child(1).hover-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-result-stage-invoice table tbody tr td:nth-child(2) {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFFFFF;
  z-index: 1 !important;
}
.table-responsive.table-result-stage-invoice table tbody tr td:nth-child(2).hover-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-result-stage-invoice table tbody tr td.position-relative {
  position: relative !important;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage-invoice table tbody tr td {
    padding: 0.75rem 0;
    border: 0 !important;
  }
}
.table-responsive.table-result-stage-invoice table.table-normal tbody tr td {
  vertical-align: top !important;
  line-height: 20px;
}
.table-responsive.table-result-stage-invoice.table-hover tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-result-stage-invoice.table-hover tbody tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-result-stage-invoice::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-result-stage-invoice::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-result-stage-invoice::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-border-none {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-border-none table {
  position: relative;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-border-none table {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .table-responsive.table-border-none table thead {
    display: none !important;
  }
}
.table-responsive.table-border-none table thead tr.number th {
  position: sticky !important;
  table-layout: fixed;
  min-width: 7.2rem !important;
}
.table-responsive.table-border-none table thead tr.number th:hover {
  background-color: #F7FAFF;
  color: #7233DA;
}
.table-responsive.table-border-none table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #EFF0F9;
  border-top: 0px !important;
}
.table-responsive.table-border-none table tbody.cell-hover tr:hover {
  cursor: pointer !important;
  background-color: #F6F6FC !important;
  color: #131315 !important;
}
.table-responsive.table-border-none table thead.no-cell-hover tr th:hover {
  cursor: default !important;
  background-color: #EFF0F9 !important;
  color: #131315 !important;
}
.table-responsive.table-border-none table thead.thead-costume-curriculum-tool tr th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  width: 20rem !important;
  max-width: 20rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-border-none table thead.thead-costume-curriculum-tool tr th:nth-child(2) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-border-none table thead.thead-costume-curriculum-tool tr th:nth-child(3) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-border-none table thead.thead-costume-curriculum-tool tr th:nth-child(4) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-border-none table thead.thead-costume-curriculum-tool tr th:nth-child(5) {
  position: sticky !important;
  left: 0 !important;
  width: 18rem !important;
  max-width: 18rem !important;
  background-color: #eff0f9;
  text-align: right;
}
.table-responsive.table-border-none table thead.thead-costume-curriculum-tool tr th:nth-child(6) {
  position: sticky !important;
  left: 0 !important;
  width: 6rem !important;
  max-width: 6rem !important;
  background-color: #eff0f9;
  text-align: right;
}
.table-responsive.table-border-none table thead.thead-costume-curriculum-tool tr:nth-child(2) th {
  cursor: pointer !important;
  min-width: 6rem !important;
  width: 6rem !important;
  max-width: 6rem !important;
  text-align: center;
}
.table-responsive.table-border-none table tbody tr {
  border-bottom: 2px solid #EFF0F9 !important;
  border-top: 0px !important;
}
.table-responsive.table-border-none table tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-border-none table tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-border-none table tbody tr.result-icon td {
  width: -moz-fit-content !important;
  width: fit-content !important;
  vertical-align: middle;
  text-align: center !important;
}
.table-responsive.table-border-none table tbody tr.result-icon td.td-name {
  text-align: left !important;
}
.table-responsive.table-border-none table tbody tr.result-icon td.td-name span {
  display: block;
  margin-top: 0.5rem;
  color: #878AA6;
}
.table-responsive.table-border-none table tbody tr.result-icon td.td-name span strong {
  color: #4C516D;
}
.table-responsive.table-border-none table tbody tr.min-width-6 td {
  min-width: 6rem !important;
}
.table-responsive.table-border-none table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
}
.table-responsive.table-border-none table tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-border-none table tbody tr td:not(:nth-child(1)) {
    display: none;
  }
}
.table-responsive.table-border-none table tbody tr td i.kejar-sudah-dikerjakan::before {
  color: #5ED980;
}
.table-responsive.table-border-none table tbody tr td i.kejar-latihan-to-bold::before {
  color: #FFC700;
}
.table-responsive.table-border-none table tbody tr td i.kejar-belum-mengerjakan-2::before {
  color: #FF6666;
}
.table-responsive.table-border-none table tbody tr td.position-relative {
  position: relative !important;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-border-none table tbody tr td {
    padding: 0.75rem 0;
    border: 0 !important;
  }
}
.table-responsive.table-border-none table.table-normal tbody tr td {
  vertical-align: top !important;
  line-height: 20px;
}
.table-responsive.table-border-none.table-hover tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-border-none.table-hover tbody tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-border-none::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-border-none::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-border-none::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-result-stage-mobile {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-result-stage-mobile table {
  position: relative;
}
.table-responsive.table-result-stage-mobile table thead tr.number th {
  position: sticky !important;
  table-layout: fixed;
  min-width: 7.2rem !important;
}
.table-responsive.table-result-stage-mobile table thead tr.number th:hover {
  background-color: #F7FAFF;
  color: #7233DA;
}
.table-responsive.table-result-stage-mobile table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-result-stage-mobile table thead tr:nth-child(1) th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  width: 24rem !important;
  max-width: 24rem !important;
  background-color: #EFF0F9;
}
.table-responsive.table-result-stage-mobile table thead tr:nth-child(1) th:nth-child(2) {
  text-align: center !important;
}
.table-responsive.table-result-stage-mobile table thead tr:nth-child(2) th {
  cursor: pointer !important;
  min-width: 7.2rem !important;
  text-align: center;
}
.table-responsive.table-result-stage-mobile table thead tr:nth-child(2) th:hover {
  color: #7233DA !important;
  background-color: #F7FAFF !important;
}
.table-responsive.table-result-stage-mobile table thead.no-cell-hover tr th:hover {
  cursor: default !important;
  background-color: #EFF0F9 !important;
  color: #131315 !important;
}
.table-responsive.table-result-stage-mobile table tbody tr.result-icon td {
  width: -moz-fit-content !important;
  width: fit-content !important;
  vertical-align: middle;
  text-align: center !important;
}
.table-responsive.table-result-stage-mobile table tbody tr.result-icon td.td-name {
  text-align: left !important;
}
.table-responsive.table-result-stage-mobile table tbody tr.result-icon td.td-name span {
  display: block;
  margin-top: 0.5rem;
  color: #878AA6;
}
.table-responsive.table-result-stage-mobile table tbody tr.result-icon td.td-name span strong {
  color: #4C516D;
}
.table-responsive.table-result-stage-mobile table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-result-stage-mobile table tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-result-stage-mobile table tbody tr td i.kejar-sudah-dikerjakan::before {
  color: #5ED980;
}
.table-responsive.table-result-stage-mobile table tbody tr td i.kejar-latihan-to-bold::before {
  color: #FFC700;
}
.table-responsive.table-result-stage-mobile table tbody tr td i.kejar-belum-mengerjakan-2::before {
  color: #FF6666;
}
.table-responsive.table-result-stage-mobile table tbody tr td:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFFFFF;
  z-index: 1 !important;
}
.table-responsive.table-result-stage-mobile table tbody tr td:nth-child(1).hover-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-result-stage-mobile table.table-normal tbody tr td {
  vertical-align: top !important;
  line-height: 20px;
}
.table-responsive.table-result-stage-mobile::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-result-stage-mobile::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-result-stage-mobile::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-responsive-course-topic {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
  max-width: 404px;
  max-height: 292px;
}
.table-responsive.table-responsive-course-topic table {
  position: relative;
  max-width: 404px;
  width: 404px;
}
.table-responsive.table-responsive-course-topic table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-responsive-course-topic table thead tr:nth-child(1) th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  width: 24rem !important;
  max-width: 24rem !important;
  background-color: #EFF0F9;
}
.table-responsive.table-responsive-course-topic table thead tr:nth-child(1) th:nth-child(2) {
  text-align: center !important;
}
.table-responsive.table-responsive-course-topic table thead tr:nth-child(2) th {
  cursor: pointer !important;
  min-width: 7.2rem !important;
  text-align: center;
}
.table-responsive.table-responsive-course-topic table thead tr:nth-child(2) th:hover {
  color: #7233DA !important;
  background-color: #F7FAFF !important;
}
.table-responsive.table-responsive-course-topic table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-responsive-course-topic table tbody tr td:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFFFFF !important;
  z-index: 1 !important;
}
.table-responsive.table-responsive-course-topic table.table-normal tbody tr td {
  vertical-align: top !important;
  line-height: 20px;
}
.table-responsive.table-responsive-course-topic::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-responsive-course-topic::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-responsive-course-topic::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-result-round {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-result-round table {
  position: relative;
}
.table-responsive.table-result-round table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #F6F6FC;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-result-round table thead tr:nth-child(1) th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  width: 24rem !important;
  max-width: 24rem !important;
  background-color: #F6F6FC !important;
}
.table-responsive.table-result-round table thead tr:nth-child(1) th:nth-child(2) {
  text-align: center !important;
}
.table-responsive.table-result-round table thead tr:nth-child(2) th {
  cursor: pointer !important;
  min-width: 7.2rem !important;
  text-align: center;
}
.table-responsive.table-result-round table thead tr:nth-child(2) th:hover {
  color: #7233DA !important;
  background-color: #F7FAFF !important;
}
.table-responsive.table-result-round table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-result-round table tbody tr td:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFFFFF !important;
  z-index: 1 !important;
}
.table-responsive.table-result-round table tbody tr td:nth-child(1) i {
  font-size: 1.6rem;
  top: 0.3rem;
}
.table-responsive.table-result-round table tbody tr td:nth-child(1) i.kejar-belum-mengerjakan-2:before {
  color: #FF6666;
}
.table-responsive.table-result-round table tbody tr td:nth-child(1) i.kejar-latihan-to-bold:before {
  color: #FFC700;
}
.table-responsive.table-result-round table tbody tr td:nth-child(1) i.kejar-sudah-dikerjakan:before {
  color: #5ED980;
}
.table-responsive.table-result-round table tbody tr td:not(:nth-child(1)) {
  text-align: center;
}
.table-responsive.table-result-round table tbody tr td .icon-group {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.8rem;
}
.table-responsive.table-result-round table tbody tr td .icon-group i {
  margin: 0 0.1rem;
}
.table-responsive.table-result-round table tbody tr td .icon-group i.kejar-arsip-asesmen:before {
  color: #BCBBD0;
}
.table-responsive.table-result-round table tbody tr td .icon-group i.kejar-arsip-asesmen-bold:before {
  color: #FFC700;
}
.table-responsive.table-result-round table tbody tr td .icon-group i.kejar-belum-mengerjakan1:before {
  color: #BCBBD0;
}
.table-responsive.table-result-round::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-result-round::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-result-round::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-result-stage-revamp {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-result-stage-revamp table {
  position: relative;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage-revamp table thead {
    display: none;
  }
}
.table-responsive.table-result-stage-revamp table thead tr.number th {
  position: sticky !important;
  table-layout: fixed;
  min-width: 7.2rem !important;
}
.table-responsive.table-result-stage-revamp table thead tr.number th:hover {
  background-color: #F7FAFF;
  color: #7233DA;
}
.table-responsive.table-result-stage-revamp table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-result-stage-revamp table thead tr:nth-child(1) th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  width: 24rem !important;
  max-width: 24rem !important;
  background-color: #EFF0F9;
}
.table-responsive.table-result-stage-revamp table thead tr:nth-child(1) th:nth-child(2) {
  text-align: left !important;
}
.table-responsive.table-result-stage-revamp table thead tr:nth-child(2) th {
  cursor: pointer !important;
  min-width: 7.2rem !important;
  text-align: center;
}
.table-responsive.table-result-stage-revamp table thead tr:nth-child(2) th:hover {
  color: #7233DA !important;
  background-color: #F7FAFF !important;
}
.table-responsive.table-result-stage-revamp table thead.no-cell-hover tr th:hover {
  cursor: default !important;
  background-color: #EFF0F9 !important;
  color: #131315 !important;
}
.table-responsive.table-result-stage-revamp table thead.table-costume-bank-preparation tr th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  width: 24rem !important;
  max-width: 24rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage-revamp table thead.table-costume-bank-preparation tr th:nth-child(2) {
  position: sticky !important;
  left: 0 !important;
  width: 12rem !important;
  max-width: 12rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage-revamp table thead.table-costume-bank-preparation tr th:nth-child(3) {
  position: sticky !important;
  left: 0 !important;
  width: 12rem !important;
  max-width: 12rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage-revamp table thead.table-costume-bank-preparation tr th:nth-child(4) {
  position: sticky !important;
  left: 0 !important;
  width: 12rem !important;
  max-width: 12rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage-revamp table thead.table-costume-bank-preparation tr th:nth-child(5) {
  position: sticky !important;
  left: 0 !important;
  width: 12rem !important;
  max-width: 12rem !important;
  background-color: #eff0f9;
}
.table-responsive.table-result-stage-revamp table thead.table-costume-bank-preparation tr:nth-child(2) th {
  cursor: pointer !important;
  min-width: 6rem !important;
  width: 6rem !important;
  max-width: 6rem !important;
  text-align: center;
}
.table-responsive.table-result-stage-revamp table tbody tr.hover-tr-15:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-result-stage-revamp table tbody tr.hover-tr-15:hover td:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-result-stage-revamp table tbody tr.result-icon td {
  width: -moz-fit-content !important;
  width: fit-content !important;
  vertical-align: middle;
  text-align: center !important;
}
.table-responsive.table-result-stage-revamp table tbody tr.result-icon td.td-name {
  text-align: left !important;
}
.table-responsive.table-result-stage-revamp table tbody tr.result-icon td.td-name span {
  display: block;
  margin-top: 0.5rem;
  color: #878AA6;
}
.table-responsive.table-result-stage-revamp table tbody tr.result-icon td.td-name span strong {
  color: #4C516D;
}
.table-responsive.table-result-stage-revamp table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage-revamp table tbody tr td:not(:nth-child(1)) {
    display: none;
  }
}
.table-responsive.table-result-stage-revamp table tbody tr td i.kejar-sudah-dikerjakan::before {
  color: #5ED980;
}
.table-responsive.table-result-stage-revamp table tbody tr td i.kejar-latihan-to-bold::before {
  color: #FFC700;
}
.table-responsive.table-result-stage-revamp table tbody tr td i.kejar-belum-mengerjakan-2::before {
  color: #FF6666;
}
.table-responsive.table-result-stage-revamp table tbody tr td:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFFFFF;
  z-index: 1 !important;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-result-stage-revamp table tbody tr td {
    padding: 0.75rem 0;
    border: 0 !important;
  }
}
.table-responsive.table-result-stage-revamp table.table-normal tbody tr td {
  vertical-align: top !important;
  line-height: 20px;
}
.table-responsive.table-result-stage-revamp::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-result-stage-revamp::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-result-stage-revamp::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
  -webkit-border-radius: 30rem;
  -moz-border-radius: 30rem;
  -ms-border-radius: 30rem;
  -o-border-radius: 30rem;
}
.table-responsive.table-learning-journal {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-learning-journal table {
  position: relative;
  max-width: 1290px;
  width: 1290px;
}
.table-responsive.table-learning-journal table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle !important;
  background: #EFF0F9 !important;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-learning-journal table tbody tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-learning-journal table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-learning-journal table tbody tr td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
  cursor: pointer;
}
.table-responsive.table-learning-journal table tbody tr td p {
  font-size: 1.3rem;
}
.table-responsive.table-learning-journal::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-learning-journal::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-learning-journal::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-detail-learning-journal {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-detail-learning-journal table {
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
.table-responsive.table-detail-learning-journal table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 3rem !important;
  vertical-align: middle !important;
  background: #EFF0F9 !important;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 0.8rem 1rem;
}
.table-responsive.table-detail-learning-journal table tbody tr:hover {
  background: #F6F6FC;
}
.table-responsive.table-detail-learning-journal table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  line-height: 1.6rem;
  text-align: left;
  min-width: 6rem !important;
  height: 3.6rem !important;
  max-height: 3.6rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 0.6rem 1rem;
}
.table-responsive.table-detail-learning-journal table tbody tr td input {
  cursor: pointer;
}
.table-responsive.table-detail-learning-journal table tbody tr td.hover-td:hover {
  background: #EFF0F9;
}
.table-responsive.table-detail-learning-journal::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-detail-learning-journal::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-detail-learning-journal::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-prota, .table-responsive.table-kd-ipk {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-prota table, .table-responsive.table-kd-ipk table {
  position: relative;
}
.table-responsive.table-prota table thead tr th, .table-responsive.table-kd-ipk table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-prota table tbody tr td, .table-responsive.table-kd-ipk table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-prota table tbody tr td p,
.table-responsive.table-prota table tbody tr td a,
.table-responsive.table-prota table tbody tr td button, .table-responsive.table-kd-ipk table tbody tr td p,
.table-responsive.table-kd-ipk table tbody tr td a,
.table-responsive.table-kd-ipk table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-prota table tbody tr td:hover, .table-responsive.table-kd-ipk table tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-prota table tbody tr:hover, .table-responsive.table-kd-ipk table tbody tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-prota table.table-normal tbody tr td, .table-responsive.table-kd-ipk table.table-normal tbody tr td {
  vertical-align: top !important;
  line-height: 20px;
}
.table-responsive.table-prota::-webkit-scrollbar, .table-responsive.table-kd-ipk::-webkit-scrollbar {
  height: 0rem;
  background-color: transparent;
}
.table-responsive.table-prota::-webkit-scrollbar-track, .table-responsive.table-kd-ipk::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-prota::-webkit-scrollbar-thumb, .table-responsive.table-kd-ipk::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 30rem;
}
.table-responsive.table-report-period {
  padding-bottom: 0;
}
.table-responsive.table-report-period table {
  position: relative;
}
.table-responsive.table-report-period table.table-reportbook, .table-responsive.table-report-period table.table-school-program, .table-responsive.table-report-period table.table-school-program-assignment, .table-responsive.table-report-period table.table-school-result-per-activity {
  width: -moz-max-content;
  width: max-content;
}
.table-responsive.table-report-period table.table-sticky thead tr:first-child th:first-child {
  position: sticky;
  left: 0;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky thead tr:first-child th:nth-child(2) {
  position: sticky;
  left: 60px;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky thead tr:first-child th:nth-child(3) {
  position: sticky;
  left: 300px;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky thead tr:first-child th:nth-child(4) {
  border-left: none !important;
}
.table-responsive.table-report-period table.table-sticky tbody tr td:first-child {
  position: sticky;
  left: 0;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-period table.table-sticky tbody tr td:first-child.one-line {
  background-color: #F8F8FC;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2, inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky tbody tr td:nth-child(2) {
  position: sticky;
  left: 60px;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-period table.table-sticky tbody tr td:nth-child(3) {
  position: sticky;
  left: 300px;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-period table.table-sticky tbody tr td:nth-child(4) {
  border-left: none !important;
}
.table-responsive.table-report-period table.table-sticky tbody tr td:last-child {
  border-right: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 thead tr:first-child th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 thead tr:first-child th.head {
  position: sticky;
  left: 0;
  z-index: 3;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 thead tr:first-child th:nth-child(2) {
  position: sticky;
  left: 210px;
  z-index: 2;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 thead tr:first-child th:nth-child(3) {
  position: sticky;
  left: 330px;
  z-index: 2;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 thead tr:first-child th:nth-child(4) {
  border-left: none !important;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 thead tr th.border-left-none {
  border-left: none !important;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 tbody tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 tbody tr td:first-child.one-line {
  background-color: #F8F8FC;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2, inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 tbody tr td.head {
  position: sticky;
  left: 0;
  z-index: 3;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 tbody tr td.head.one-line {
  background-color: #F8F8FC;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2, inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 tbody tr td:nth-child(2) {
  position: sticky;
  left: 210px;
  z-index: 2;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 tbody tr td:nth-child(3) {
  position: sticky;
  left: 330px;
  z-index: 2;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 tbody tr td:nth-child(4) {
  border-left: none !important;
}
.table-responsive.table-report-period table.table-sticky-monitor-3 tbody tr td:last-child {
  border-right: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 thead tr:first-child th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 thead tr:first-child th.head {
  position: sticky;
  left: 0;
  z-index: 3;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 thead tr:first-child th:nth-child(2) {
  position: sticky;
  left: 210px;
  z-index: 2;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 thead tr:first-child th:nth-child(3) {
  border-left: none !important;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 thead tr th.border-left-none {
  border-left: none !important;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 tbody tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 tbody tr td:first-child.one-line {
  background-color: #F8F8FC;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2, inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 tbody tr td.head {
  position: sticky;
  left: 0;
  z-index: 3;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 tbody tr td.head.one-line {
  background-color: #F8F8FC;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2, inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 tbody tr td:nth-child(2) {
  position: sticky;
  left: 210px;
  z-index: 2;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 tbody tr td:nth-child(3) {
  border-left: none !important;
}
.table-responsive.table-report-period table.table-sticky-monitor-2 tbody tr td:last-child {
  border-right: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-period table.table-school-data tbody tr td {
  word-break: break-all;
}
.table-responsive.table-report-period table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-report-period table thead tr th.timetable-first-column, .table-responsive.table-report-period table thead tr th.program-first-column {
  min-width: 7rem;
}
.table-responsive.table-report-period table thead tr th.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-report-period table thead tr th.program-subject-column {
  max-width: 24rem;
  min-width: 24rem;
}
.table-responsive.table-report-period table thead tr th.program-column {
  max-width: 18rem;
  min-width: 18rem;
}
.table-responsive.table-report-period table thead tr th p.cell-action {
  color: #3167F6;
}
.table-responsive.table-report-period table thead tr th p.cell-action:hover {
  color: #318CF6 !important;
  text-decoration: unset;
}
.table-responsive.table-report-period table thead tr th p.cell-action:active {
  color: #1F50CF !important;
}
.table-responsive.table-report-period table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  padding: 1rem 1.2rem;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-report-period table tbody tr td p,
.table-responsive.table-report-period table tbody tr td a,
.table-responsive.table-report-period table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-report-period table tbody tr td p.font-11,
.table-responsive.table-report-period table tbody tr td a.font-11,
.table-responsive.table-report-period table tbody tr td button.font-11 {
  font-size: 1.1rem;
}
.table-responsive.table-report-period table tbody tr td.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-report-period table.table-hover tbody tr td.link-text:hover {
  color: #3E1583;
}
.table-responsive.table-report-period table.table-hover tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-period table.table-hover tbody tr:hover {
  background-color: #F8F8FC;
}
.table-responsive.table-report-period table.table-hover-focused tbody tr td.focused-cell:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-period table.table-hover-focused tbody tr td.focused-text:hover a {
  color: #3E1583;
}
.table-responsive.table-report-period table.table-hover-focused tbody tr td.focused-text a {
  color: #000000;
  text-decoration: none;
}
.table-responsive.table-report-period table.table-hover-focused tbody tr:hover {
  background-color: #F8F8FC;
}
.table-responsive.table-report-period table.table-normal tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-report-period table.table-normal tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-period table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-report-period table.table-normal tbody tr td.vertical-align-middle {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  vertical-align: middle;
}
.table-responsive.table-report-period table.table-normal tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-report-period table.table-normal tbody tr td.hover-table-td:hover svg path {
  fill: #3E1583;
}
.table-responsive.table-report-period table.table-normal tbody tr td a.text-decoration-none {
  color: #3167F6;
}
.table-responsive.table-report-period table.table-normal tbody tr td.no-hover-table-td:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-report-period table.table-normal tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-period table.table-normal tbody tr td.button-blue {
  color: #3167F6;
}
.table-responsive.table-report-period table.table-normal tbody tr td.button-blue:hover {
  color: #318CF6;
}
.table-responsive.table-report-period table.table-normal tbody tr td.button-blue:hover .button-text {
  color: #318CF6;
}
.table-responsive.table-report-period table.table-normal tbody tr td.button-blue:hover .button-icon svg path {
  fill: #318CF6;
}
.table-responsive.table-report-period table.table-normal tbody tr td.button-blue:active .button-text {
  color: #1F50CF;
}
.table-responsive.table-report-period table.table-normal tbody tr td.button-blue:active .button-icon svg path {
  fill: #1F50CF;
}
.table-responsive.table-report-period::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-report-period::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-report-period::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-report-period-core-setting {
  padding-bottom: 0;
}
.table-responsive.table-report-period-core-setting table {
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
.table-responsive.table-report-period-core-setting table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 0.8rem;
}
.table-responsive.table-report-period-core-setting table thead tr th p.cell-action {
  color: #3167F6;
}
.table-responsive.table-report-period-core-setting table thead tr th p.cell-action:hover {
  color: #318CF6 !important;
  text-decoration: unset;
}
.table-responsive.table-report-period-core-setting table thead tr th p.cell-action:active {
  color: #1F50CF !important;
}
.table-responsive.table-report-period-core-setting table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  padding: 0.8rem;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-report-period-core-setting table tbody tr td p,
.table-responsive.table-report-period-core-setting table tbody tr td a,
.table-responsive.table-report-period-core-setting table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-report-period-core-setting table tbody tr td p.font-11,
.table-responsive.table-report-period-core-setting table tbody tr td a.font-11,
.table-responsive.table-report-period-core-setting table tbody tr td button.font-11 {
  font-size: 1.1rem;
}
.table-responsive.table-report-period-core-setting table tbody tr td.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-report-period-core-setting table.table-hover tbody tr.no-hover:hover {
  background-color: unset;
}
.table-responsive.table-report-period-core-setting table.table-hover tbody tr.no-hover:hover td {
  background-color: unset;
}
.table-responsive.table-report-period-core-setting table.table-hover tbody tr td.no-hover:hover {
  background-color: unset;
}
.table-responsive.table-report-period-core-setting table.table-hover tbody tr td.link-text:hover {
  color: #3E1583;
}
.table-responsive.table-report-period-core-setting table.table-hover tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-period-core-setting table.table-hover tbody tr:hover {
  background-color: #F8F8FC;
}
.table-responsive.table-report-period-core-setting table.table-hover-focused tbody tr td.focused-cell:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-period-core-setting table.table-hover-focused tbody tr td.focused-text:hover a {
  color: #3E1583;
}
.table-responsive.table-report-period-core-setting table.table-hover-focused tbody tr td.focused-text a {
  color: #000000;
  text-decoration: none;
}
.table-responsive.table-report-period-core-setting table.table-hover-focused tbody tr:hover {
  background-color: #F8F8FC;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.vertical-align-middle {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  vertical-align: middle;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.hover-table-td:hover svg path {
  fill: #3E1583;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td a.text-decoration-none {
  color: #3167F6;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.no-hover-table-td:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.button-blue {
  color: #3167F6;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.button-blue:hover {
  color: #318CF6;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.button-blue:hover .button-text {
  color: #318CF6;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.button-blue:hover .button-icon svg path {
  fill: #318CF6;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.button-blue:active .button-text {
  color: #1F50CF;
}
.table-responsive.table-report-period-core-setting table.table-normal tbody tr td.button-blue:active .button-icon svg path {
  fill: #1F50CF;
}
.table-responsive.table-report-period-core-setting::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-report-period-core-setting::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-report-period-core-setting::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-school-program-assignment {
  padding-bottom: 0;
}
.table-responsive.table-school-program-assignment table {
  position: relative;
  width: -moz-max-content;
  width: max-content;
}
.table-responsive.table-school-program-assignment table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
  min-width: 7.2rem;
}
.table-responsive.table-school-program-assignment table thead tr:nth-child(1) th {
  width: auto;
}
.table-responsive.table-school-program-assignment table thead tr:nth-child(1) th:nth-child(1), .table-responsive.table-school-program-assignment table thead tr:nth-child(1) th:nth-child(2) {
  width: 6rem !important;
  min-width: 6rem;
  position: sticky !important;
  z-index: 1;
  left: 0;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #e5e7f2;
  background-color: #eff0f9;
}
.table-responsive.table-school-program-assignment table thead tr:nth-child(1) th:nth-child(2) {
  left: 6rem;
  box-shadow: inset -2px 0px 0px 0px #e5e7f2, inset 2px 0px 0px 0px #e5e7f2;
}
.table-responsive.table-school-program-assignment table thead tr:nth-child(1) th:nth-child(3) {
  min-width: 20rem;
  position: sticky !important;
  z-index: 1;
  left: 12rem;
  box-shadow: inset -2px 0px 0px 0px #e5e7f2;
  background-color: #eff0f9;
  border-right: none !important;
  border-left: none !important;
}
.table-responsive.table-school-program-assignment table thead tr:nth-child(1) th:nth-child(4) {
  min-width: 8rem;
  border-left: none !important;
}
.table-responsive.table-school-program-assignment table thead tr:nth-child(1) th:nth-child(5) {
  min-width: 12rem;
}
.table-responsive.table-school-program-assignment table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  padding: 1rem 1.2rem;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-school-program-assignment table tbody tr td:nth-child(1), .table-responsive.table-school-program-assignment table tbody tr td:nth-child(2) {
  position: sticky !important;
  z-index: 1;
  left: 0;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #e5e7f2;
  background-color: white;
}
.table-responsive.table-school-program-assignment table tbody tr td:nth-child(2) {
  left: 6rem;
  box-shadow: inset -2px 0px 0px 0px #e5e7f2, inset 2px 0px 0px 0px #e5e7f2;
}
.table-responsive.table-school-program-assignment table tbody tr td:nth-child(3) {
  position: sticky !important;
  z-index: 1;
  left: 12rem;
  box-shadow: inset -2px 0px 0px 0px #e5e7f2;
  background-color: white;
  border-right: none !important;
  border-left: none !important;
}
.table-responsive.table-school-program-assignment table tbody tr td:nth-child(4) {
  border-left: none !important;
}
.table-responsive.table-school-program-assignment table tbody tr td p,
.table-responsive.table-school-program-assignment table tbody tr td a,
.table-responsive.table-school-program-assignment table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-school-program-assignment table tbody tr td p.font-11,
.table-responsive.table-school-program-assignment table tbody tr td a.font-11,
.table-responsive.table-school-program-assignment table tbody tr td button.font-11 {
  font-size: 1.1rem;
}
.table-responsive.table-school-program-assignment table.table-hover tbody tr td.link-text:hover {
  color: #3E1583;
}
.table-responsive.table-school-program-assignment table.table-hover tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-school-program-assignment table.table-hover tbody tr:hover {
  background-color: #F8F8FC;
}
.table-responsive.table-school-program-assignment table.table-hover-focused tbody tr td.focused-cell:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-school-program-assignment table.table-hover-focused tbody tr td.focused-text:hover a {
  color: #3E1583;
}
.table-responsive.table-school-program-assignment table.table-hover-focused tbody tr td.focused-text a {
  color: #000000;
  text-decoration: none;
}
.table-responsive.table-school-program-assignment table.table-hover-focused tbody tr:hover {
  background-color: #F8F8FC;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr.hover-tr:hover td:nth-child(1), .table-responsive.table-school-program-assignment table.table-normal tbody tr.hover-tr:hover td:nth-child(2), .table-responsive.table-school-program-assignment table.table-normal tbody tr.hover-tr:hover td:nth-child(3) {
  background-color: #F6F6FC;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr.hover-tr:hover td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr.hover-tr:hover td.hover-table-td:hover svg path {
  fill: #3E1583;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.vertical-align-middle {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  vertical-align: middle;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.hover-table-td:hover svg path {
  fill: #3E1583;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td a.text-decoration-none {
  color: #3167F6;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.no-hover-table-td:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.button-blue {
  color: #3167F6;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.button-blue:hover {
  color: #318CF6;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.button-blue:hover .button-text {
  color: #318CF6;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.button-blue:hover .button-icon svg path {
  fill: #318CF6;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.button-blue:active .button-text {
  color: #1F50CF;
}
.table-responsive.table-school-program-assignment table.table-normal tbody tr td.button-blue:active .button-icon svg path {
  fill: #1F50CF;
}
.table-responsive.table-school-program-assignment::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-school-program-assignment::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-school-program-assignment::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-monitoring-journal-checking {
  padding-bottom: 0;
}
.table-responsive.table-monitoring-journal-checking table {
  width: -moz-max-content;
  width: max-content;
  border: 0;
}
.table-responsive.table-monitoring-journal-checking table thead tr th {
  border: 0.2rem solid #E5E7F2;
  font-size: 1.3rem;
  line-height: 1.6rem;
  padding: 1rem 1.2rem;
  background-color: #EFF0F9;
  vertical-align: middle;
}
.table-responsive.table-monitoring-journal-checking table thead tr:first-child th:first-child {
  position: sticky;
  z-index: 1;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-monitoring-journal-checking table thead tr:first-child th:nth-child(2) {
  position: sticky;
  z-index: 1;
  left: 13.2rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-monitoring-journal-checking table thead tr:first-child th.student-activity:first-child {
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-monitoring-journal-checking table thead tr:first-child th.student-activity:nth-child(2) {
  left: 6rem;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-monitoring-journal-checking table thead tr:first-child th.student-activity:nth-child(3) {
  border-left: none;
}
.table-responsive.table-monitoring-journal-checking table thead tr:first-child th:not(.student-activity):nth-child(3) {
  position: sticky;
  z-index: 1;
  left: 20.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-monitoring-journal-checking table thead tr:first-child th:not(.student-activity):nth-child(4) {
  border-left: none;
}
.table-responsive.table-monitoring-journal-checking table thead tr:nth-child(2) th:first-child {
  border-left: none;
}
.table-responsive.table-monitoring-journal-checking table tbody tr td {
  border: 0.2rem solid #E5E7F2;
  font-size: 1.3rem;
  line-height: 2rem;
  padding: 1rem 1.2rem;
  background-color: #FFFFFF;
}
.table-responsive.table-monitoring-journal-checking table tbody tr td:first-child {
  position: sticky;
  z-index: 1;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-monitoring-journal-checking table tbody tr td:nth-child(2) {
  position: sticky;
  z-index: 1;
  left: 13.2rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-monitoring-journal-checking table tbody tr td.student-activity:first-child {
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-monitoring-journal-checking table tbody tr td.student-activity:nth-child(2) {
  left: 6rem;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-monitoring-journal-checking table tbody tr td.student-activity:nth-child(3) {
  border-left: none;
}
.table-responsive.table-monitoring-journal-checking table tbody tr td:not(.student-activity):nth-child(3) {
  position: sticky;
  z-index: 1;
  left: 20.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-monitoring-journal-checking table tbody tr td:not(.student-activity):nth-child(4) {
  border-left: none;
}
.table-responsive.table-monitoring-journal-checking::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-monitoring-journal-checking::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-monitoring-journal-checking::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-report-project-achievement-recap {
  padding-bottom: 0;
}
.table-responsive.table-report-project-achievement-recap table {
  position: relative;
}
.table-responsive.table-report-project-achievement-recap table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-report-project-achievement-recap table thead tr:first-child th:first-child {
  position: sticky;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  min-width: 6rem;
}
.table-responsive.table-report-project-achievement-recap table thead tr:first-child th:nth-child(2) {
  position: sticky;
  left: 6.25rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
  min-width: 12rem;
}
.table-responsive.table-report-project-achievement-recap table thead tr:first-child th:nth-child(3) {
  position: sticky;
  left: 27.25rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
  min-width: 21rem;
}
.table-responsive.table-report-project-achievement-recap table thead tr:first-child th:nth-child(4) {
  border-left: none;
}
.table-responsive.table-report-project-achievement-recap table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  height: 4rem;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-project-achievement-recap table tbody tr td p,
.table-responsive.table-report-project-achievement-recap table tbody tr td a,
.table-responsive.table-report-project-achievement-recap table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-report-project-achievement-recap table tbody tr td:first-child {
  position: sticky;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-project-achievement-recap table tbody tr td:first-child.one-line {
  background-color: #F8F8FC;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2, inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-project-achievement-recap table tbody tr td:nth-child(2) {
  position: sticky;
  left: 6.25rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-project-achievement-recap table tbody tr td:nth-child(3) {
  position: sticky;
  left: 27.25rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-project-achievement-recap table tbody tr td:nth-child(4) {
  border-left: none;
}
.table-responsive.table-report-project-achievement-recap table tbody tr td:last-child {
  border-right: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-project-achievement-recap table.table-hover tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-project-achievement-recap table.table-hover tbody tr:hover {
  background-color: #F8F8FC;
}
.table-responsive.table-report-project-achievement-recap table.table-hover-focused tbody tr td.focused-cell:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-project-achievement-recap table.table-hover-focused tbody tr:hover {
  background-color: #F8F8FC;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td.hover-table-td:hover svg path {
  fill: #3E1583;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td.no-hover-table-td:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td.button-blue {
  color: #3167F6;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td.button-blue:hover {
  color: #318CF6;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td.button-blue:hover .button-text {
  color: #318CF6;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td.button-blue:hover .button-icon svg path {
  fill: #318CF6;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td.button-blue:active .button-text {
  color: #1F50CF;
}
.table-responsive.table-report-project-achievement-recap table.table-normal tbody tr td.button-blue:active .button-icon svg path {
  fill: #1F50CF;
}
.table-responsive.table-report-project-achievement-recap::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-report-project-achievement-recap::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-report-project-achievement-recap::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-report-deed-milestone {
  padding-bottom: 0;
}
.table-responsive.table-report-deed-milestone table {
  position: relative;
}
.table-responsive.table-report-deed-milestone table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-report-deed-milestone table thead tr th:first-child {
  position: sticky;
  left: 0rem;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  min-width: 4.4rem;
  width: 4.4rem;
  max-width: 4.4rem;
}
.table-responsive.table-report-deed-milestone table thead tr th:nth-child(2) {
  position: sticky;
  min-width: 18rem;
  width: 18rem;
  max-width: 18rem;
  left: 4.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table thead tr th:nth-child(3) {
  position: sticky;
  min-width: 10rem;
  width: 10rem;
  max-width: 10rem;
  left: 22.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table thead tr th:nth-child(3).thick-border {
  box-shadow: inset -4px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table thead tr th:nth-child(4) {
  border-left: none;
}
.table-responsive.table-report-deed-milestone table thead tr.wikrama th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-report-deed-milestone table thead tr.wikrama th:first-child {
  position: sticky;
  left: 0rem;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  min-width: 4.4rem;
  width: 4.4rem;
  max-width: 4.4rem;
}
.table-responsive.table-report-deed-milestone table thead tr.wikrama th:nth-child(2) {
  position: sticky;
  min-width: 18rem;
  width: 18rem;
  max-width: 18rem;
  left: 4.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table thead tr.wikrama th:nth-child(3) {
  position: sticky;
  min-width: 10rem;
  width: 10rem;
  max-width: 10rem;
  left: 22.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table thead tr.wikrama th:nth-child(4) {
  position: sticky;
  min-width: 10rem;
  width: 10rem;
  max-width: 10rem;
  left: 32.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table thead tr.wikrama th:nth-child(4).thick-border {
  box-shadow: inset -4px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table thead tr.wikrama th:nth-child(5) {
  border-left: none;
}
.table-responsive.table-report-deed-milestone table tbody tr {
  height: 4rem;
}
.table-responsive.table-report-deed-milestone table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  height: 4rem;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  background-color: #FFFFFF;
}
.table-responsive.table-report-deed-milestone table tbody tr td p,
.table-responsive.table-report-deed-milestone table tbody tr td a,
.table-responsive.table-report-deed-milestone table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-report-deed-milestone table tbody tr td.reward-cell {
  padding: 1rem 0 1rem 0;
}
.table-responsive.table-report-deed-milestone table tbody tr td.reward-cell .progress {
  height: 2rem;
}
.table-responsive.table-report-deed-milestone table tbody tr td:first-child {
  position: sticky;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table tbody tr td:nth-child(2) {
  position: sticky;
  left: 4.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table tbody tr td:nth-child(3) {
  position: sticky;
  left: 22.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table tbody tr td:nth-child(3).thick-border {
  box-shadow: inset -4px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table tbody tr td:nth-child(4) {
  border-left: none;
}
.table-responsive.table-report-deed-milestone table tbody tr td.unrewarded {
  background-color: #9EE7B2 !important;
}
.table-responsive.table-report-deed-milestone table tbody tr td.unsanctioned {
  background-color: #FFB9B9 !important;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  height: 4rem;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td p,
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td a,
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td button {
  font-size: 1.3rem;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td.reward-cell {
  padding: 1rem 0 1rem 0;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td.reward-cell .progress {
  height: 2rem;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td:first-child {
  position: sticky;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td:nth-child(2) {
  position: sticky;
  left: 4.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td:nth-child(3) {
  position: sticky;
  left: 22.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td:nth-child(4) {
  position: sticky;
  left: 32.4rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td:nth-child(4).thick-border {
  box-shadow: inset -4px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td:nth-child(5) {
  border-left: none;
}
.table-responsive.table-report-deed-milestone table tbody tr.wikrama td.unrewarded {
  background-color: #9EE7B2;
}
.table-responsive.table-report-deed-milestone table.table-hover tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-deed-milestone table.table-hover tbody tr:hover {
  background-color: #F8F8FC;
}
.table-responsive.table-report-deed-milestone table.table-hover-focused tbody tr td.focused-cell:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-deed-milestone table.table-hover-focused tbody tr:hover {
  background-color: #F8F8FC;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td.hover-table-td:hover svg path {
  fill: #3E1583;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td.no-hover-table-td:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td.button-blue {
  color: #3167F6;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td.button-blue:hover {
  color: #318CF6;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td.button-blue:hover .button-text {
  color: #318CF6;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td.button-blue:hover .button-icon svg path {
  fill: #318CF6;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td.button-blue:active .button-text {
  color: #1F50CF;
}
.table-responsive.table-report-deed-milestone table.table-normal tbody tr td.button-blue:active .button-icon svg path {
  fill: #1F50CF;
}
.table-responsive.table-report-deed-milestone::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-report-deed-milestone::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-report-deed-milestone::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-character-journal {
  padding-bottom: 0;
}
.table-responsive.table-character-journal table {
  position: relative;
}
.table-responsive.table-character-journal table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-character-journal table thead tr th:first-child {
  min-width: 6rem;
}
.table-responsive.table-character-journal table thead tr th.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-character-journal table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-character-journal table tbody tr td p,
.table-responsive.table-character-journal table tbody tr td a,
.table-responsive.table-character-journal table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-character-journal table tbody tr td.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-character-journal table.table-normal tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-character-journal table.table-normal tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-character-journal table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-character-journal table.table-normal tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-character-journal table.table-normal tbody tr td.no-hover-table-td:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-character-journal table.table-normal tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-character-journal::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-character-journal::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-character-journal::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-program-settings {
  padding-bottom: 0;
}
.table-responsive.table-program-settings table.dropdowns-opened tbody tr td.non-dropdown {
  z-index: 0 !important;
}
.table-responsive.table-program-settings table {
  width: -moz-max-content;
  width: max-content;
  border: 0;
}
.table-responsive.table-program-settings table thead tr th {
  border: 0.2rem solid #E5E7F2;
  font-size: 1.3rem;
  line-height: 1.6rem;
  padding: 1rem 1.2rem;
  background-color: #EFF0F9;
  vertical-align: middle;
  z-index: 0;
}
.table-responsive.table-program-settings table thead tr th:not(.th-survey) {
  min-width: 240px;
}
.table-responsive.table-program-settings table thead tr:first-child th:first-child {
  position: sticky;
  z-index: 1;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-program-settings table thead tr:first-child th:nth-child(2) {
  border-left: none;
}
.table-responsive.table-program-settings table thead tr:nth-child(2) th:first-child {
  border-left: none;
}
.table-responsive.table-program-settings table tbody tr:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-program-settings table tbody tr:hover td {
  background-color: #F6F6FC !important;
}
.table-responsive.table-program-settings table tbody tr td {
  border: 0.2rem solid #E5E7F2;
  font-size: 1.3rem;
  line-height: 2rem;
  padding: 1rem 1.2rem;
}
.table-responsive.table-program-settings table tbody tr td .dropdown-position-sticky[x-placement^=top] {
  transform: translate3d(30px, -110px, 0px) !important;
}
.table-responsive.table-program-settings table tbody tr td .dropdown-position-sticky[x-placement^=bottom] {
  transform: translate3d(30px, 50px, 0px) !important;
}
.table-responsive.table-program-settings table tbody tr td.position-button {
  border-right: none !important;
  z-index: 1 !important;
  left: 0 !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2, inset 0px 0px 0px 0px #E5E7F2 !important;
}
.table-responsive.table-program-settings table tbody tr td.hover-td:hover {
  background-color: #EFF0F9 !important;
}
.table-responsive.table-program-settings table tbody tr td:first-child {
  position: sticky;
  background-color: #FFFFFF;
  z-index: 1;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-program-settings table tbody tr td:nth-child(2) {
  border-left: none;
}
.table-responsive.table-program-settings::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-program-settings::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-program-settings::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-trend-students {
  padding-bottom: 0;
}
.table-responsive.table-trend-students table {
  position: relative;
}
.table-responsive.table-trend-students table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-trend-students table thead tr th:first-child {
  min-width: 6rem;
}
.table-responsive.table-trend-students table thead tr th.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-trend-students table thead tr th:last-child {
  border-right: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-trend-students table thead tr:first-child th:first-child {
  position: sticky;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-trend-students table thead tr:first-child th:nth-child(2) {
  position: sticky;
  left: 6rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-trend-students table thead tr:first-child th:nth-child(3) {
  border-left: none;
}
.table-responsive.table-trend-students table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 6rem;
  height: 4rem;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-trend-students table tbody tr td p,
.table-responsive.table-trend-students table tbody tr td a,
.table-responsive.table-trend-students table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-trend-students table tbody tr td.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-trend-students table tbody tr td:first-child {
  position: sticky;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-trend-students table tbody tr td:first-child.title {
  padding: 0;
}
.table-responsive.table-trend-students table tbody tr td:first-child.title span {
  position: sticky;
  left: 0;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  padding: 1.2rem;
}
.table-responsive.table-trend-students table tbody tr td:first-child.one-line {
  background-color: #F8F8FC;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2, inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-trend-students table tbody tr td:nth-child(2) {
  position: sticky;
  left: 6rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-trend-students table tbody tr td:nth-child(3) {
  border-left: none;
}
.table-responsive.table-trend-students table tbody tr td:last-child {
  border-right: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-trend-students table.table-normal tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-trend-students table.table-normal tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-trend-students table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-trend-students table.table-normal tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-trend-students table.table-normal tbody tr td.no-hover-table-td:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-trend-students table.table-normal tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-trend-students::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-trend-students::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-trend-students::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-learning-map {
  padding-bottom: 0;
}
.table-responsive.table-learning-map table {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}
.table-responsive.table-learning-map table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 1rem;
}
.table-responsive.table-learning-map table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 1rem;
}
.table-responsive.table-learning-map table tbody tr td p,
.table-responsive.table-learning-map table tbody tr td a,
.table-responsive.table-learning-map table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-learning-map table tbody tr td p.font-11,
.table-responsive.table-learning-map table tbody tr td a.font-11,
.table-responsive.table-learning-map table tbody tr td button.font-11 {
  font-size: 1.1rem;
}
.table-responsive.table-learning-map table tbody tr td a:hover {
  color: #318CF6 !important;
}
.table-responsive.table-learning-map table tbody tr td a:hover svg path {
  fill: #318CF6;
}
.table-responsive.table-learning-map table tbody tr td a.cell-action:hover {
  color: #3E1583 !important;
  text-decoration: unset;
}
.table-responsive.table-learning-map table tbody tr td a:active {
  color: #3167F6 !important;
}
.table-responsive.table-learning-map table tbody tr td.cell-hover:hover {
  cursor: pointer !important;
  background-color: #EFF0F9 !important;
  text-decoration: none !important;
  color: #7233DA !important;
}
.table-responsive.table-learning-map table tbody tr td.cell-hover:hover a svg path {
  fill: #318CF6;
}
.table-responsive.table-learning-map table.table-normal tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-learning-map table.table-normal tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-learning-map table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-learning-map table.table-normal tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-learning-map table.table-normal tbody tr td.no-hover-table-td:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-learning-map table.table-normal tbody tr td.hover-td:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-learning-map table.table-normal tbody tr td.hover-td.action:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-learning-map::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-learning-map::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-learning-map::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-report-profile {
  padding-bottom: 0;
}
.table-responsive.table-report-profile table {
  width: -moz-max-content;
  width: max-content;
  position: relative;
  max-width: 96rem;
}
.table-responsive.table-report-profile table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 1rem;
}
.table-responsive.table-report-profile table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 1rem;
}
.table-responsive.table-report-profile table tbody tr td p,
.table-responsive.table-report-profile table tbody tr td a,
.table-responsive.table-report-profile table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-report-profile table tbody tr td p.font-11,
.table-responsive.table-report-profile table tbody tr td a.font-11,
.table-responsive.table-report-profile table tbody tr td button.font-11 {
  font-size: 1.1rem;
}
.table-responsive.table-report-profile table.table-normal tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-report-profile table.table-normal tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-profile table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-report-profile table.table-normal tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-report-profile table.table-normal tbody tr td.no-hover-table-td:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-report-profile table.table-normal tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-report-profile::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-report-profile::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-report-profile::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-teacher-daily-report {
  padding-bottom: 0;
}
.table-responsive.table-teacher-daily-report table {
  position: relative;
}
.table-responsive.table-teacher-daily-report table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-teacher-daily-report table thead tr th:first-child {
  min-width: 6rem;
}
.table-responsive.table-teacher-daily-report table thead tr th:last-child {
  border-right: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-teacher-daily-report table thead tr th.th-school-hour {
  min-width: 7.2rem !important;
}
.table-responsive.table-teacher-daily-report table thead tr th.th-school-hour.active {
  min-width: 15rem !important;
}
.table-responsive.table-teacher-daily-report table thead tr:first-child th:first-child {
  position: sticky;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  min-width: 6rem;
}
.table-responsive.table-teacher-daily-report table thead tr:first-child th:nth-child(2) {
  position: sticky;
  left: 7.2rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
  min-width: 12rem;
}
.table-responsive.table-teacher-daily-report table thead tr:first-child th:nth-child(3) {
  position: sticky;
  left: 19.2rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
  min-width: 21rem;
}
.table-responsive.table-teacher-daily-report table thead tr:first-child th:nth-child(4) {
  border-left: none;
}
.table-responsive.table-teacher-daily-report table thead tr:nth-child(2) th:first-child {
  border-left: none;
}
.table-responsive.table-teacher-daily-report table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 7.2rem;
  height: 4rem;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-teacher-daily-report table tbody tr td p,
.table-responsive.table-teacher-daily-report table tbody tr td a,
.table-responsive.table-teacher-daily-report table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-teacher-daily-report table tbody tr td:first-child {
  position: sticky;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-teacher-daily-report table tbody tr td:first-child.one-line {
  background-color: #F8F8FC;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2, inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-teacher-daily-report table tbody tr td:nth-child(2) {
  position: sticky;
  left: 7.2rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-teacher-daily-report table tbody tr td:nth-child(3) {
  position: sticky;
  left: 19.2rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-teacher-daily-report table tbody tr td:nth-child(4) {
  border-left: none;
}
.table-responsive.table-teacher-daily-report table tbody tr td:last-child {
  border-right: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-teacher-daily-report::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-teacher-daily-report::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-teacher-daily-report::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-frezz-3 {
  padding-bottom: 0;
}
.table-responsive.table-frezz-3 table {
  position: relative;
}
.table-responsive.table-frezz-3 table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-frezz-3 table thead tr th:first-child {
  min-width: 6rem;
}
.table-responsive.table-frezz-3 table thead tr th:last-child {
  border-right: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-frezz-3 table thead tr th.th-school-hour {
  min-width: 7.2rem !important;
}
.table-responsive.table-frezz-3 table thead tr th.th-school-hour.active {
  min-width: 15rem !important;
}
.table-responsive.table-frezz-3 table thead tr:first-child th:first-child {
  position: sticky;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
  min-width: 6rem;
}
.table-responsive.table-frezz-3 table thead tr:first-child th:nth-child(2) {
  position: sticky;
  left: 7.2rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
  min-width: 12rem;
}
.table-responsive.table-frezz-3 table thead tr:first-child th:nth-child(3) {
  position: sticky;
  left: 19.2rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
  min-width: 21rem;
}
.table-responsive.table-frezz-3 table thead tr:first-child th:nth-child(4) {
  border-left: none;
}
.table-responsive.table-frezz-3 table thead tr:nth-child(2) th:first-child {
  border-left: none;
}
.table-responsive.table-frezz-3 table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 7.2rem;
  height: 4rem;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-frezz-3 table tbody tr td p,
.table-responsive.table-frezz-3 table tbody tr td a,
.table-responsive.table-frezz-3 table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-frezz-3 table tbody tr td:first-child {
  position: sticky;
  left: 0;
  border-right: none;
  border-left: none;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-frezz-3 table tbody tr td:first-child.one-line {
  background-color: #F8F8FC;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2, inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-frezz-3 table tbody tr td:nth-child(2) {
  position: sticky;
  left: 7.2rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-frezz-3 table tbody tr td:nth-child(3) {
  position: sticky;
  left: 19.2rem;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-frezz-3 table tbody tr td:nth-child(4) {
  border-left: none;
}
.table-responsive.table-frezz-3 table tbody tr td:last-child {
  border-right: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-frezz-3::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-frezz-3::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-frezz-3::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-attendance-report {
  padding-bottom: 0;
}
.table-responsive.table-attendance-report table {
  position: relative;
}
.table-responsive.table-attendance-report table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-attendance-report table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 6rem;
  height: 4rem;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-attendance-report table tbody tr td.bg-white-2 {
  background-color: #F8F8FC;
}
.table-responsive.table-attendance-report table.table-normal tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-attendance-report table.table-normal tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-attendance-report table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-attendance-report table.table-normal tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-attendance-report table.table-normal tbody tr td.no-hover-table-td:hover {
  background-color: #F6F6FC !important;
}
.table-responsive.table-attendance-report table.table-normal tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-attendance-report::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-attendance-report::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-attendance-report::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-tuition {
  padding-bottom: 0;
}
.table-responsive.table-tuition.border-separate table {
  border-collapse: separate;
  border-spacing: 0px !important;
  border: 0.1px solid #E5E7F2;
}
.table-responsive.table-tuition.border-separate table thead tr th {
  border: 0.1rem solid #E5E7F2 !important;
}
.table-responsive.table-tuition.border-separate table tbody tr td {
  border: 0.1rem solid #E5E7F2 !important;
}
.table-responsive.table-tuition table {
  position: relative;
}
.table-responsive.table-tuition table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-tuition table thead tr th:first-child {
  width: 6rem;
}
.table-responsive.table-tuition table thead tr th.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-tuition table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-tuition table tbody tr td p,
.table-responsive.table-tuition table tbody tr td a,
.table-responsive.table-tuition table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-tuition table tbody tr td.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-tuition table tbody tr td.cell-hover:hover {
  cursor: pointer !important;
  background-color: #F6F6FC !important;
  text-decoration: none !important;
  color: #7233DA !important;
}
.table-responsive.table-tuition table tbody tr.cell-hover-tr:hover {
  cursor: pointer !important;
  background-color: #F6F6FC !important;
  text-decoration: none !important;
}
.table-responsive.table-tuition table tbody tr.cell-hover-tr:hover td:nth-child(2) {
  color: #413368 !important;
  background-color: #EFF0F9 !important;
}
.table-responsive.table-tuition table tbody tr.cell-hover-tr-col-2:hover {
  cursor: pointer !important;
  background-color: #EFF0F9 !important;
  text-decoration: none !important;
}
.table-responsive.table-tuition table tbody tr.cell-hover-tr-col-2:hover td:nth-child(1) {
  color: #413368 !important;
  background-color: #F6F6FC !important;
}
.table-responsive.table-tuition table tbody tr.cell-hover-tr-col-2:hover td:nth-child(2) {
  color: #413368 !important;
  background-color: #F6F6FC !important;
}
.table-responsive.table-tuition table tbody tr.cell-hover-tr-col-3:hover {
  cursor: pointer !important;
  background-color: #EFF0F9 !important;
  text-decoration: none !important;
}
.table-responsive.table-tuition table tbody tr.cell-hover-tr-col-3:hover td:nth-child(1) {
  color: #413368 !important;
  background-color: #F6F6FC !important;
}
.table-responsive.table-tuition table tbody tr.cell-hover-tr-col-3:hover td:nth-child(2) {
  color: #413368 !important;
  background-color: #F6F6FC !important;
}
.table-responsive.table-tuition table tbody tr.cell-hover-tr-col-3:hover td:nth-child(3) {
  color: #413368 !important;
  background-color: #F6F6FC !important;
}
.table-responsive.table-tuition table tfoot {
  font-size: 1.3rem !important;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem;
  vertical-align: middle;
  background-color: #F8F8FC;
}
.table-responsive.table-tuition table tfoot tr td {
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-tuition::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-tuition::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-tuition::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-kejar {
  padding-bottom: 0;
}
.table-responsive.table-kejar.border-separate table {
  width: -moz-max-content;
  width: max-content;
  border-collapse: separate;
  border-spacing: 0px !important;
  border: 0.1px solid #E5E7F2;
}
.table-responsive.table-kejar.border-separate table thead tr th {
  border: 0.1rem solid #E5E7F2 !important;
}
.table-responsive.table-kejar.border-separate table tbody tr td {
  border: 0.1rem solid #E5E7F2 !important;
}
.table-responsive.table-kejar table {
  width: -moz-max-content;
  width: max-content;
  position: relative;
}
.table-responsive.table-kejar table a.anchor-black {
  color: #131315;
}
.table-responsive.table-kejar table a.anchor-black.cell-action:hover {
  color: #3E1583 !important;
  text-decoration: unset;
}
.table-responsive.table-kejar table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-kejar table thead tr th.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-kejar table thead tr th.hover-table-th:hover {
  background-color: #F6F6FC;
  color: #3e1583;
}
.table-responsive.table-kejar table thead tr th.hover-table-th:hover svg,
.table-responsive.table-kejar table thead tr th.hover-table-th:hover path {
  fill: #3e1583;
}
.table-responsive.table-kejar table thead tr th.hover-table-th:hover a {
  color: #3e1583;
}
.table-responsive.table-kejar table tbody.font-15 p,
.table-responsive.table-kejar table tbody.font-15 a,
.table-responsive.table-kejar table tbody.font-15 button {
  font-size: 1.5rem !important;
}
.table-responsive.table-kejar table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2;
  padding: 1rem 1.2rem;
}
.table-responsive.table-kejar table tbody tr td p,
.table-responsive.table-kejar table tbody tr td a,
.table-responsive.table-kejar table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-kejar table tbody tr td.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-kejar table tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-kejar table tbody tr td.cell-hover:hover {
  cursor: pointer !important;
  background-color: #EFF0F9 !important;
  text-decoration: none !important;
  color: #7233DA !important;
}
.table-responsive.table-kejar table tbody tr.cell-hover-tr:hover {
  background-color: #F6F6FC !important;
  text-decoration: none !important;
  color: #318CF6 !important;
}
.table-responsive.table-kejar table tbody tr.cell-hover-tr-plain:hover {
  background-color: #F6F6FC !important;
  text-decoration: none !important;
}
.table-responsive.table-kejar table tfoot {
  font-size: 1.3rem !important;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem;
  vertical-align: middle;
  background-color: #F8F8FC;
}
.table-responsive.table-kejar table tfoot tr td {
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-kejar::-webkit-scrollbar {
  height: 0.8rem;
  width: 1rem !important;
  background-color: transparent;
}
.table-responsive.table-kejar::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-kejar::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-package-activity-admin {
  padding-bottom: 0;
  width: 100%;
}
.table-responsive.table-package-activity-admin table {
  position: relative;
}
.table-responsive.table-package-activity-admin table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-package-activity-admin table tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-package-activity-admin table tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-package-activity-admin table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2;
}
.table-responsive.table-package-activity-admin table tbody tr td p,
.table-responsive.table-package-activity-admin table tbody tr td a,
.table-responsive.table-package-activity-admin table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-package-activity-admin table tbody tr td.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-package-activity-admin table tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-package-activity-admin table tbody tr td.cell-hover:hover {
  cursor: pointer !important;
  background-color: #EFF0F9 !important;
  text-decoration: none !important;
  color: #7233DA !important;
}
.table-responsive.table-package-activity-admin table tbody tr.cell-hover-tr:hover {
  background-color: #F6F6FC !important;
  text-decoration: none !important;
  color: #318CF6 !important;
}
.table-responsive.table-package-activity-admin table tbody tr.cell-hover-tr-plain:hover {
  background-color: #F6F6FC !important;
  text-decoration: none !important;
}
.table-responsive.table-package-activity-admin table tfoot {
  font-size: 1.3rem !important;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem;
  vertical-align: middle;
  background-color: #F8F8FC;
}
.table-responsive.table-package-activity-admin table tfoot tr td {
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-package-activity-admin::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-package-activity-admin::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-package-activity-admin::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-report-character {
  padding-bottom: 0;
}
.table-responsive.table-report-character table {
  position: relative;
}
.table-responsive.table-report-character table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-report-character table thead tr th:first-child {
  min-width: 5rem;
}
.table-responsive.table-report-character table thead tr th.timetable-column {
  max-width: 20rem;
  min-width: 20rem;
}
.table-responsive.table-report-character table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-report-character table tbody tr td p,
.table-responsive.table-report-character table tbody tr td a {
  font-size: 1.3rem;
}
.table-responsive.table-report-character table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-report-character::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-report-character::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-report-character::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-report-character-periodic {
  padding-bottom: 0;
}
.table-responsive.table-report-character-periodic table {
  position: relative;
  min-width: 96rem;
}
.table-responsive.table-report-character-periodic table.no-min-width {
  min-width: unset;
}
.table-responsive.table-report-character-periodic table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-report-character-periodic table thead tr th:first-child {
  min-width: 5rem;
}
.table-responsive.table-report-character-periodic table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 4rem !important;
  height: 4rem !important;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-report-character-periodic table tbody tr td p,
.table-responsive.table-report-character-periodic table tbody tr td a {
  font-size: 1.3rem;
}
.table-responsive.table-report-character-periodic table tbody tr td:hover a {
  color: #3e1583 !important;
}
.table-responsive.table-report-character-periodic table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-report-character-periodic::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-report-character-periodic::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-report-character-periodic::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-kd-ipk {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-kd-ipk table {
  position: relative;
}
.table-responsive.table-kd-ipk table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-kd-ipk table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-kd-ipk table tbody tr td p,
.table-responsive.table-kd-ipk table tbody tr td a,
.table-responsive.table-kd-ipk table tbody tr td button {
  font-size: 1.3rem;
}
.table-responsive.table-kd-ipk table tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-kd-ipk table tbody tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-kd-ipk table.table-normal tbody tr td {
  vertical-align: top !important;
  line-height: 20px;
}
.table-responsive.table-kd-ipk::-webkit-scrollbar {
  height: 0rem;
  background-color: transparent;
}
.table-responsive.table-kd-ipk::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-kd-ipk::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 30rem;
}
.table-responsive.table-syllabus {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-syllabus table {
  max-width: 192rem;
  width: 192rem;
  position: relative;
}
.table-responsive.table-syllabus table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #F6F6FC;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-syllabus table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
  color: #131315;
}
.table-responsive.table-syllabus table tbody tr td p {
  font-size: 1.3rem;
}
.table-responsive.table-syllabus table tbody tr td button {
  font-size: 1.3rem;
  color: #131315;
}
.table-responsive.table-syllabus table tbody tr td button p {
  font-size: 1.3rem;
}
.table-responsive.table-syllabus table tbody tr td button:hover {
  color: #5616C0;
}
.table-responsive.table-syllabus table tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-syllabus table tbody tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-syllabus table tbody tr:hover + tr {
  background-color: #F6F6FC;
}
.table-responsive.table-syllabus table.table-normal tbody tr td {
  vertical-align: top !important;
  line-height: 20px;
}
.table-responsive.table-syllabus::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-syllabus::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-syllabus::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-course-students {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-course-students table {
  position: relative;
}
.table-responsive.table-course-students table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
  color: #131315;
}
.table-responsive.table-course-students table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle;
  border: 0.2rem solid #E5E7F2 !important;
  color: #131315;
}
.table-responsive.table-course-students table tbody tr td button {
  color: #131315;
}
.table-responsive.table-course-students table tbody tr td button:hover {
  color: #5616C0;
}
.table-responsive.table-course-students table.table-normal tbody tr td {
  vertical-align: top !important;
  line-height: 20px;
}
.table-responsive.table-course-students::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-course-students::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-course-students::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive table.border-separate {
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.table-responsive table.border-separate thead tr th {
  border: 0.15rem solid #E5E7F2 !important;
}
.table-responsive table.border-separate tbody tr td {
  border: 0.15rem solid #E5E7F2 !important;
}
.table-responsive table.border-separate {
  border-collapse: separate;
  border-spacing: 1px !important;
  border: 0.1px solid #E5E7F2;
  background: #E5E7F2;
}
.table-responsive table.border-separate thead tr th {
  border: 0.15rem solid #E5E7F2;
}
.table-responsive table.border-separate tbody tr td {
  border: 0.15rem solid #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-module-indicator {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-module-indicator table {
  position: relative;
}
.table-responsive.table-module-indicator table thead tr th {
  font-style: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-module-indicator table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: normal;
  font-style: normal;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-module-indicator::-webkit-scrollbar {
  height: 0rem;
  background-color: transparent;
}
.table-responsive.table-module-indicator::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-module-indicator::-webkit-scrollbar-thumb {
  background-color: transparent;
  border-radius: 30rem;
}
.table-responsive.scrollbar-grey::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.scrollbar-grey::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.scrollbar-grey::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive table tfoot.tfoot-responsive {
  font-size: 1.3rem !important;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #F8F8FC;
}
.table-responsive table td.align-base {
  vertical-align: baseline !important;
}
.table-responsive.table-student-recap-score {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-responsive.table-student-recap-score.w-max-content {
  width: -moz-max-content !important;
  width: max-content !important;
}
.table-responsive.table-student-recap-score table {
  position: relative;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-student-recap-score table {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .table-responsive.table-student-recap-score table thead {
    display: none !important;
  }
}
.table-responsive.table-student-recap-score table thead tr th {
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.6rem;
  height: 4rem !important;
  vertical-align: middle !important;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-responsive.table-student-recap-score table thead tr:nth-child(1) th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  width: 32rem !important;
  max-width: 32rem !important;
  background-color: #EFF0F9;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-student-recap-score table thead tr:nth-child(1) th:nth-child(2) {
  position: sticky !important;
  left: 97px !important;
  width: 24rem !important;
  max-width: 24rem !important;
  background-color: #EFF0F9;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-student-recap-score table thead tr:nth-child(1) th:nth-child(3) {
  text-align: center !important;
  border-left: none !important;
}
.table-responsive.table-student-recap-score table thead tr:nth-child(1) th:nth-child(3).th-left {
  text-align: left !important;
}
.table-responsive.table-student-recap-score table thead tr:nth-child(3) th {
  cursor: pointer !important;
  min-width: 7.2rem !important;
  text-align: center;
  border-left: none !important;
}
.table-responsive.table-student-recap-score table thead tr:nth-child(3) th:hover {
  color: #7233DA !important;
  background-color: #F7FAFF !important;
}
.table-responsive.table-student-recap-score table thead.no-cell-hover tr th:hover {
  cursor: default !important;
  background-color: #EFF0F9 !important;
  color: #131315 !important;
}
.table-responsive.table-student-recap-score table tbody tr.hover-tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-student-recap-score table tbody tr.hover-tr:hover td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-student-recap-score table tbody tr.hover-tr-15:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-student-recap-score table tbody tr.hover-tr-15:hover td:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-student-recap-score table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 1rem 1.2rem 1rem 1.2rem;
}
.table-responsive.table-student-recap-score table tbody tr td.hover-table-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-student-recap-score table tbody tr td.hover-td:hover {
  background-color: #EFF0F9;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-student-recap-score table tbody tr td:not(:nth-child(1)) {
    display: none;
  }
}
.table-responsive.table-student-recap-score table tbody tr td:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFFFFF;
  z-index: 1 !important;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-student-recap-score table tbody tr td:nth-child(1).hover-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-student-recap-score table tbody tr td:nth-child(2) {
  position: sticky !important;
  left: 97px !important;
  background-color: #FFFFFF;
  z-index: 1 !important;
  border-right: none !important;
  border-left: none !important;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-student-recap-score table tbody tr td:nth-child(2).hover-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-student-recap-score table tbody tr td ol,
.table-responsive.table-student-recap-score table tbody tr td ul {
  padding-left: 1.6rem;
}
.table-responsive.table-student-recap-score table tbody tr td:nth-child(3) {
  position: sticky !important;
  left: 0 !important;
  background-color: #FFFFFF;
  z-index: 0 !important;
  border-left: none !important;
}
.table-responsive.table-student-recap-score table tbody tr td:nth-child(3).hover-td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-student-recap-score table tbody tr td.td-recap {
  padding: 1rem;
}
.table-responsive.table-student-recap-score table tbody tr td.position-relative {
  position: relative !important;
}
@media screen and (max-width: 768px) {
  .table-responsive.table-student-recap-score table tbody tr td {
    padding: 0.75rem 0;
    border: 0 !important;
  }
}
.table-responsive.table-student-recap-score table tbody tr:hover td {
  background-color: #F6F6FC;
}
.table-responsive.table-student-recap-score table tbody tr:hover td:hover {
  background-color: #EFF0F9 !important;
}
.table-responsive.table-student-recap-score table.table-normal.table-bordered {
  border: 1px solid #E5E7F2 !important;
}
.table-responsive.table-student-recap-score table.table-normal tbody tr td {
  vertical-align: top;
  line-height: 20px;
}
.table-responsive.table-student-recap-score.table-hover tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-responsive.table-student-recap-score.table-hover tbody tr:hover {
  background-color: #F6F6FC;
}
.table-responsive.table-student-recap-score::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-student-recap-score::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-student-recap-score::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-kejar-new {
  width: 100%;
}
.table-responsive.table-kejar-new.width-max-content {
  width: -moz-max-content;
  width: max-content;
}
.table-responsive.table-kejar-new table {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 0.8rem;
}
.table-responsive.table-kejar-new table.table-valign-top tr > td {
  vertical-align: top;
}
.table-responsive.table-kejar-new table.table-hover-row tr:hover > td {
  background-color: #F6F6FC;
}
.table-responsive.table-kejar-new table.table-hover-row-not-important tr:hover > td {
  background-color: #F6F6FC;
}
.table-responsive.table-kejar-new table.table-nowrap {
  table-layout: fixed;
  width: 100%;
}
.table-responsive.table-kejar-new table.table-nowrap tr td {
  white-space: nowrap;
  word-break: break-word;
}
.table-responsive.table-kejar-new table.table-hover-cell tr > td:hover {
  background-color: #EFF0F9;
  color: #3E1583;
}
.table-responsive.table-kejar-new table tr.hover-row:hover > td {
  background-color: #F6F6FC;
}
.table-responsive.table-kejar-new table tr.no-hover-row:hover > td {
  background-color: unset;
}
.table-responsive.table-kejar-new table tr.hover-cell > td:hover {
  background-color: #EFF0F9 !important;
  color: #3E1583;
  cursor: pointer;
}
.table-responsive.table-kejar-new table tr td.hover-cell:hover {
  background-color: #EFF0F9;
  color: #3E1583;
  cursor: pointer;
}
.table-responsive.table-kejar-new table tbody tr td,
.table-responsive.table-kejar-new table thead tr th {
  border: 0.2rem solid #E5E7F2;
  padding: 0.6rem 0.8rem;
}
.table-responsive.table-kejar-new table tbody tr td:is(.sticky-column):first-child,
.table-responsive.table-kejar-new table thead tr th:is(.sticky-column):first-child {
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-kejar-new table tbody tr td.sticky-column,
.table-responsive.table-kejar-new table thead tr th.sticky-column {
  z-index: 1;
  position: sticky !important;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-kejar-new table tbody tr td.sticky-column + :not(.sticky-column),
.table-responsive.table-kejar-new table thead tr th.sticky-column + :not(.sticky-column) {
  border-left: none;
}
.table-responsive.table-kejar-new table tbody tr td.sticky-column.column-gradebook ~ .d-none + :not(.sticky-column),
.table-responsive.table-kejar-new table thead tr th.sticky-column.column-gradebook ~ .d-none + :not(.sticky-column) {
  border-left: none !important;
}
.table-responsive.table-kejar-new table tbody tr td.sideways-text,
.table-responsive.table-kejar-new table thead tr th.sideways-text {
  padding: 0.8rem 0.6rem;
}
.table-responsive.table-kejar-new table tbody tr td a:hover,
.table-responsive.table-kejar-new table thead tr th a:hover {
  text-decoration: none;
}
.table-responsive.table-kejar-new table tbody tr td.sticky-column {
  background-color: #FFFFFF;
}
.table-responsive.table-kejar-new table thead:has(tr.sticky-row) ~ tbody tr td {
  border-top: 0;
}
.table-responsive.table-kejar-new table thead tr.sticky-row {
  position: sticky !important;
  z-index: 2;
}
.table-responsive.table-kejar-new table thead tr.sticky-row:first-child {
  z-index: 3;
}
.table-responsive.table-kejar-new table thead tr.sticky-row:first-child th {
  box-shadow: inset 0 0.2rem 0 0 #E5E7F2, inset 0 -0.2rem 0 0 #E5E7F2;
}
.table-responsive.table-kejar-new table thead tr.sticky-row:first-child th.shadow-top-none {
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2;
}
.table-responsive.table-kejar-new table thead tr.sticky-row:nth-child(2) th:first-child {
  border-left: none;
}
.table-responsive.table-kejar-new table thead tr.sticky-row th {
  height: 29px;
  position: relative;
  border-top: 0;
  border-bottom: 0;
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2;
}
.table-responsive.table-kejar-new table thead tr.sticky-row th.sideways-text {
  height: auto;
}
.table-responsive.table-kejar-new table thead tr.sticky-row th:not(.sticky-column):not(:last-child)::after {
  content: "";
  background-color: #E5E7F2;
  width: 2px;
  height: 100%;
  position: absolute;
  right: -2px;
  top: 0;
}
.table-responsive.table-kejar-new table thead tr.sticky-row th.sticky-column:first-child {
  box-shadow: inset 0 0 0 0.2rem #E5E7F2;
}
.table-responsive.table-kejar-new table thead tr.sticky-row th.sticky-column {
  box-shadow: inset 0 0.2rem 0 0 #E5E7F2, inset 0 -0.2rem 0 0 #E5E7F2, inset -0.2rem 0 0 0 #E5E7F2;
}
.table-responsive.table-kejar-new table tbody tr.sticky-row {
  position: sticky !important;
  z-index: 1;
}
.table-responsive.table-kejar-new table tbody tr.sticky-row td {
  border-top: 0;
  border-bottom: 0;
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-kejar-new table tbody tr.sticky-row td.sticky-column:first-child {
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2, inset 0.2rem 0 0 0 #E5E7F2, inset -0.2rem 0 0 0 #E5E7F2;
}
.table-responsive.table-kejar-new table tbody tr.sticky-row td.sticky-column {
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2, inset -0.2rem 0 0 0 #E5E7F2;
}
.table-responsive.table-kejar-new table tbody tr.sticky-row + :not(.sticky-row) td {
  border-top: 0;
}
.table-responsive.table-kejar-new table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 700;
  background-color: #EFF0F9;
}
.table-responsive.table-kejar-new table tbody tr td {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 400;
}
.table-responsive.table-kejar-new table thead tr th.column-rotate-270 {
  position: relative;
}
.table-responsive.table-kejar-new table thead tr th.column-rotate-270 .title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(270deg);
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.table-responsive.table-kejar-new::-webkit-scrollbar {
  height: 0.8rem;
  width: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-kejar-new::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-kejar-new::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-course-absence {
  width: 100%;
}
.table-responsive.table-course-absence.width-max-content {
  width: -moz-max-content;
  width: max-content;
}
.table-responsive.table-course-absence table {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 0.8rem;
}
.table-responsive.table-course-absence table.table-hover-row tr:hover > td {
  background-color: #F6F6FC !important;
}
.table-responsive.table-course-absence table.table-hover-row-not-important tr:hover > td {
  background-color: #F6F6FC;
}
.table-responsive.table-course-absence table.table-hover-cell tr > td:hover {
  background-color: #EFF0F9 !important;
  color: #3E1583;
}
.table-responsive.table-course-absence table.table-valign-top tr > td {
  vertical-align: top;
}
.table-responsive.table-course-absence table tr.hover-row:hover > td {
  background-color: #F6F6FC !important;
}
.table-responsive.table-course-absence table tr.hover-cell > td:hover {
  background-color: #EFF0F9 !important;
  color: #3E1583;
  cursor: pointer;
}
.table-responsive.table-course-absence table tr td.hover-cell:hover {
  background-color: #EFF0F9 !important;
  color: #3E1583;
  cursor: pointer;
}
.table-responsive.table-course-absence table tbody tr td,
.table-responsive.table-course-absence table thead tr th {
  border: 0.2rem solid #E5E7F2;
  padding: 0.6rem 0.8rem;
}
.table-responsive.table-course-absence table tbody tr td:is(.sticky-column):first-child,
.table-responsive.table-course-absence table thead tr th:is(.sticky-column):first-child {
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-course-absence table tbody tr td.sticky-column,
.table-responsive.table-course-absence table thead tr th.sticky-column {
  z-index: 1;
  position: sticky;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-course-absence table tbody tr td.sticky-column + :not(.sticky-column),
.table-responsive.table-course-absence table thead tr th.sticky-column + :not(.sticky-column) {
  border-left: none;
}
.table-responsive.table-course-absence table tbody tr td.sticky-column.column-gradebook ~ .d-none + :not(.sticky-column),
.table-responsive.table-course-absence table thead tr th.sticky-column.column-gradebook ~ .d-none + :not(.sticky-column) {
  border-left: none !important;
}
.table-responsive.table-course-absence table tbody tr td.sticky-column {
  background-color: #FFFFFF;
}
.table-responsive.table-course-absence table thead:has(tr.sticky-row) ~ tbody tr td {
  border-top: 0;
}
.table-responsive.table-course-absence table thead tr.sticky-row {
  position: sticky;
  z-index: 2;
}
.table-responsive.table-course-absence table thead tr.sticky-row:first-child {
  z-index: 3;
}
.table-responsive.table-course-absence table thead tr.sticky-row:first-child th {
  box-shadow: inset 0 0.2rem 0 0 #E5E7F2, inset 0 -0.2rem 0 0 #E5E7F2;
}
.table-responsive.table-course-absence table thead tr.sticky-row:nth-child(2) {
  top: 2.8rem;
}
.table-responsive.table-course-absence table thead tr.sticky-row:nth-child(2) th:first-child {
  border-left: none;
}
.table-responsive.table-course-absence table thead tr.sticky-row th {
  border-top: 0;
  border-bottom: 0;
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2;
}
.table-responsive.table-course-absence table thead tr.sticky-row th.sticky-column:first-child {
  box-shadow: inset 0 0 0 0.2rem #E5E7F2;
}
.table-responsive.table-course-absence table thead tr.sticky-row th.sticky-column {
  box-shadow: inset 0 0.2rem 0 0 #E5E7F2, inset 0 -0.2rem 0 0 #E5E7F2, inset -0.2rem 0 0 0 #E5E7F2;
}
.table-responsive.table-course-absence table tbody tr.sticky-row {
  position: sticky;
  z-index: 1;
}
.table-responsive.table-course-absence table tbody tr.sticky-row td {
  border-top: 0;
  border-bottom: 0;
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-course-absence table tbody tr.sticky-row td.sticky-column:first-child {
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2, inset 0.2rem 0 0 0 #E5E7F2, inset -0.2rem 0 0 0 #E5E7F2;
}
.table-responsive.table-course-absence table tbody tr.sticky-row td.sticky-column {
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2, inset -0.2rem 0 0 0 #E5E7F2;
}
.table-responsive.table-course-absence table tbody tr.sticky-row + :not(.sticky-row) td {
  border-top: 0;
}
.table-responsive.table-course-absence table thead tr th {
  font-size: 1.3rem;
  line-height: 1.4rem;
  font-weight: 700;
  background-color: #EFF0F9;
  vertical-align: middle;
  min-height: 2.8rem;
  height: 2.8rem;
}
.table-responsive.table-course-absence table tbody tr td {
  font-size: 1.3rem;
  line-height: 1.8rem;
  font-weight: 400;
  min-height: 3.2rem;
  height: 3.2rem;
}
.table-responsive.table-course-absence::-webkit-scrollbar {
  height: 0.8rem;
  width: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-course-absence::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-course-absence::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}
.table-responsive.table-timetable {
  width: 100%;
}
.table-responsive.table-timetable.width-max-content {
  width: -moz-max-content;
  width: max-content;
}
.table-responsive.table-timetable table {
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 0.8rem;
}
.table-responsive.table-timetable table thead tr th:nth-child(1),
.table-responsive.table-timetable table tbody tr td:nth-child(1) {
  width: 4.8rem;
  min-width: 4.8rem;
  max-width: 4.8rem;
}
.table-responsive.table-timetable table thead tr th:nth-child(2),
.table-responsive.table-timetable table tbody tr td:nth-child(2) {
  width: 7.2rem;
  min-width: 7.2rem;
  max-width: 7.2rem;
}
.table-responsive.table-timetable table thead tr th:nth-child(n+3),
.table-responsive.table-timetable table tbody tr td:nth-child(n+3) {
  min-width: 12rem;
  max-width: 19.2rem;
  width: auto;
}
.table-responsive.table-timetable table.fill-container thead tr th:nth-child(n+3),
.table-responsive.table-timetable table.fill-container tbody tr td:nth-child(n+3) {
  width: 19.2rem;
}
.table-responsive.table-timetable table tbody tr td,
.table-responsive.table-timetable table thead tr th {
  border: 0.2rem solid #E5E7F2;
  padding: 0.6rem 0.8rem;
}
.table-responsive.table-timetable table tbody tr td:is(.sticky-column):first-child,
.table-responsive.table-timetable table thead tr th:is(.sticky-column):first-child {
  box-shadow: inset -2px 0px 0px 0px #E5E7F2, inset 2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-timetable table tbody tr td.sticky-column,
.table-responsive.table-timetable table thead tr th.sticky-column {
  z-index: 1;
  position: sticky;
  border-right: none;
  border-left: none;
  box-shadow: inset -2px 0px 0px 0px #E5E7F2;
}
.table-responsive.table-timetable table tbody tr td.sticky-column + :not(.sticky-column),
.table-responsive.table-timetable table thead tr th.sticky-column + :not(.sticky-column) {
  border-left: none;
}
.table-responsive.table-timetable table tbody tr td.sticky-column.column-gradebook ~ .d-none + :not(.sticky-column),
.table-responsive.table-timetable table thead tr th.sticky-column.column-gradebook ~ .d-none + :not(.sticky-column) {
  border-left: none !important;
}
.table-responsive.table-timetable table tbody tr td.sticky-column {
  background-color: #FFFFFF;
}
.table-responsive.table-timetable table thead:has(tr.sticky-row) ~ tbody tr td {
  border-top: 0;
}
.table-responsive.table-timetable table thead tr.sticky-row {
  position: sticky;
  z-index: 2;
}
.table-responsive.table-timetable table thead tr.sticky-row:first-child {
  z-index: 3;
}
.table-responsive.table-timetable table thead tr.sticky-row:first-child th {
  box-shadow: inset 0 0.2rem 0 0 #E5E7F2, inset 0 -0.2rem 0 0 #E5E7F2;
}
.table-responsive.table-timetable table thead tr.sticky-row:first-child th.shadow-top-none {
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2;
}
.table-responsive.table-timetable table thead tr.sticky-row:nth-child(2) th:first-child {
  border-left: none;
}
.table-responsive.table-timetable table thead tr.sticky-row th {
  border-top: 0;
  border-bottom: 0;
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2;
}
.table-responsive.table-timetable table thead tr.sticky-row th.sticky-column:first-child {
  box-shadow: inset 0 0 0 0.2rem #E5E7F2;
}
.table-responsive.table-timetable table thead tr.sticky-row th.sticky-column {
  box-shadow: inset 0 0.2rem 0 0 #E5E7F2, inset 0 -0.2rem 0 0 #E5E7F2, inset -0.2rem 0 0 0 #E5E7F2;
}
.table-responsive.table-timetable table tbody tr.sticky-row {
  position: sticky;
  z-index: 1;
}
.table-responsive.table-timetable table tbody tr.sticky-row td {
  border-top: 0;
  border-bottom: 0;
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2;
  background-color: #FFFFFF;
}
.table-responsive.table-timetable table tbody tr.sticky-row td.sticky-column:first-child {
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2, inset 0.2rem 0 0 0 #E5E7F2, inset -0.2rem 0 0 0 #E5E7F2;
}
.table-responsive.table-timetable table tbody tr.sticky-row td.sticky-column {
  box-shadow: inset 0 -0.2rem 0 0 #E5E7F2, inset -0.2rem 0 0 0 #E5E7F2;
}
.table-responsive.table-timetable table tbody tr.sticky-row + :not(.sticky-row) td {
  border-top: 0;
}
.table-responsive.table-timetable table.table-hover-row tr:hover > td {
  background-color: #F6F6FC !important;
}
.table-responsive.table-timetable table.table-hover-row-not-important tr:hover > td {
  background-color: #F6F6FC;
}
.table-responsive.table-timetable table.table-hover-cell tr > td:hover {
  background-color: #EFF0F9 !important;
  color: #3E1583;
}
.table-responsive.table-timetable table tr.hover-row:hover > td {
  background-color: #F6F6FC !important;
}
.table-responsive.table-timetable table tr.hover-cell > td:hover {
  background-color: #EFF0F9 !important;
  color: #3E1583;
  cursor: pointer;
}
.table-responsive.table-timetable table tr td.hover-cell:hover {
  background-color: #EFF0F9 !important;
  color: #3E1583;
  cursor: pointer;
}
.table-responsive.table-timetable table tbody tr td,
.table-responsive.table-timetable table thead tr th {
  border: 0.2rem solid #E5E7F2;
  padding: 0.6rem 0.8rem;
}
.table-responsive.table-timetable table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 700;
  background-color: #EFF0F9;
}
.table-responsive.table-timetable table tbody tr td {
  font-size: 1.3rem;
  line-height: 2rem;
  font-weight: 400;
}
.table-responsive.table-timetable::-webkit-scrollbar {
  height: 0.8rem;
  width: 0.8rem;
  background-color: transparent;
}
.table-responsive.table-timetable::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-responsive.table-timetable::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}

.table-prosem {
  margin-top: 1.6rem;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}
.table-prosem table {
  max-width: 126rem;
  position: relative;
}
.table-prosem table.table-prosem-2021 {
  max-width: 145rem;
  width: auto;
}
.table-prosem table.table-prosem-2021 th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  background-color: #EFF0F9;
  padding: 1rem;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-prosem table.table-prosem-2021 th.detail-column:nth-child(1) {
  min-width: 9rem !important;
  max-width: 9rem !important;
  width: 9rem !important;
}
.table-prosem table.table-prosem-2021 th.detail-column:nth-child(2) {
  min-width: 23rem !important;
  max-width: 23rem !important;
  width: 23rem !important;
}
.table-prosem table.table-prosem-2021 th.detail-column:nth-child(3) {
  min-width: 23rem !important;
  max-width: 23rem !important;
  width: 23rem !important;
}
.table-prosem table.table-prosem-2021 th.detail-column:nth-child(4) {
  min-width: 9rem !important;
  max-width: 9rem !important;
  width: 9rem !important;
}
.table-prosem table.table-prosem-2021 th.detail-column:nth-child(5) {
  min-width: 9rem !important;
  max-width: 9rem !important;
  width: 9rem !important;
}
.table-prosem table.table-prosem-no-meb {
  max-width: 55rem;
  width: 55rem;
}
.table-prosem table thead tr th {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: bold;
  font-style: normal;
  height: 4rem !important;
  vertical-align: middle;
  background-color: #EFF0F9;
  border: 0.2rem solid #E5E7F2 !important;
  padding: 1rem;
}
.table-prosem table thead tr th.school-week-header {
  height: 4rem !important;
  min-width: 4rem !important;
  max-width: 4rem !important;
  width: 4rem !important;
  text-align: center !important;
}
.table-prosem table tbody tr td {
  font-style: normal;
  font-weight: normal;
  font-size: 1.3rem;
  line-height: 1.6rem;
  text-align: left;
  min-width: 7.2rem !important;
  height: 4rem !important;
  vertical-align: middle !important;
  border: 0.2rem solid #E5E7F2 !important;
}
.table-prosem table tbody tr td:hover {
  background-color: #EFF0F9;
}
.table-prosem table tbody tr td.school-week {
  text-align: center;
  min-width: 4rem !important;
  width: 4rem !important;
  height: 4rem !important;
}
.table-prosem table tbody tr td.selected-school-week {
  background-color: #9CCBFE;
}
.table-prosem table tbody tr td.selected-school-week:hover {
  background-color: #9CCBFE !important;
}
.table-prosem table tbody tr:hover {
  background-color: #F6F6FC;
}
.table-prosem::-webkit-scrollbar {
  height: 0.8rem;
  background-color: transparent;
}
.table-prosem::-webkit-scrollbar-track {
  background-color: transparent;
}
.table-prosem::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}

.table-custom {
  width: 100%;
  border: 0rem !important;
}
.table-custom thead {
  border: 0rem;
}
.table-custom thead tr {
  text-align: center;
}
.table-custom thead tr th {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  background-color: #F6F6FC;
  padding: 1rem;
  border: 0rem;
  width: 7.2rem;
}
.table-custom thead tr th.th-name {
  table-layout: fixed;
  min-width: 24rem !important;
  vertical-align: middle;
  text-align: center;
}
.table-custom thead tr:nth-child(1) th:nth-child(1) {
  position: sticky !important;
  left: 0 !important;
  min-width: 24rem !important;
  background-color: #F6F6FC !important;
  z-index: 2;
}
.table-custom thead tr:nth-child(1) th:nth-child(2) {
  text-align: center !important;
  position: sticky !important;
}
.table-custom thead tr.numbr th {
  position: sticky !important;
  table-layout: fixed;
  min-width: 7.2rem !important;
}
.table-custom thead tr.numbr th:hover {
  background-color: #F7FAFF;
  color: #7233DA;
}
.table-custom tbody tr td {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  padding: 1.4rem 1.2rem;
  border-top: 0.2rem solid #F6F6FC;
  border-bottom: 0.2rem solid #F6F6FC;
  position: sticky;
}
.table-custom tbody tr td i.kejar-sudah-dikerjakan::before {
  color: #5ED980;
}
.table-custom tbody tr td i.kejar-latihan-to-bold::before {
  color: #FFC700;
}
.table-custom tbody tr td i.kejar-belum-mengerjakan-2::before {
  color: #FF6666;
}
.table-custom tbody tr td:nth-child(1) {
  background-color: #FFFFFF !important;
  position: sticky !important;
  left: 0rem;
  z-index: 1;
  border-top: none;
}
.table-custom tbody tr.result-icon td {
  width: -moz-fit-content !important;
  width: fit-content !important;
  vertical-align: middle;
  text-align: center !important;
}
.table-custom tbody tr.result-icon td.td-name {
  text-align: left !important;
}

.table-form tbody tr td {
  padding: 0.5rem 0;
}
.table-form tbody tr td:first-child {
  padding-right: 0.5rem;
}
.table-form tbody tr td:last-child {
  padding-left: 0.5rem;
}
.table-form tbody tr:first-child td {
  padding-top: 1rem;
}

.table-form-footer {
  padding: 0;
}
.table-form-footer tr {
  padding: 0;
}
.table-form-footer tr th {
  border: 0;
  background: none;
  padding: 0.8rem 0;
}

.paginate {
  float: right !important;
}
.paginate .page-item.active .page-link {
  z-index: 3;
  color: #007bff;
  background-color: #F7FAFF;
  border-color: #E5E7F2;
}
.paginate .page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #878AA6;
  background-color: #fff;
  border: 1px solid #E5E7F2;
}

.profile-table {
  width: 100%;
  margin-top: 2.2rem;
}
.profile-table tr td {
  font-size: 1.3rem;
}
.profile-table tr td:nth-child(1) {
  width: 7rem;
  color: #878AA6;
}
.profile-table tr td:nth-child(2) {
  color: #4C516D;
}

.table-toeic {
  width: 100%;
  border: 0rem !important;
}
.table-toeic thead {
  border: 0rem;
}
.table-toeic thead th {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
  background-color: #F6F6FC;
  padding: 1rem;
  border: 0rem;
}
.table-toeic thead th.a {
  width: 66.7%;
}
.table-toeic thead th.b {
  width: 33.4%;
}
.table-toeic tbody.pointer tr {
  cursor: pointer;
}
.table-toeic tbody td {
  border: 0;
  border-bottom: 0.2rem solid #F6F6FC;
}

.table-borderless.table-valign-center tr td {
  vertical-align: middle;
}
.table-borderless tr td {
  border: 0;
}

.text-elipsis-card-dahsboard {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 65rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .text-elipsis-card-dahsboard {
    white-space: normal;
    text-overflow: auto;
    width: auto;
    overflow: hidden;
  }
}

.text-elipsis-card-subject {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 60rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .text-elipsis-card-subject {
    white-space: normal;
    text-overflow: auto;
    width: auto;
    overflow: hidden;
  }
}

.text-elipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 24rem;
  overflow: hidden;
}

.stage-title-table {
  padding: 0px !important;
}
.stage-title-table div {
  display: block;
  position: sticky;
  left: 24rem;
  z-index: 1;
}

.answer-list-table-ur {
  table-layout: fixed;
  width: 100%;
}
.answer-list-table-ur tr td {
  vertical-align: top;
  padding-bottom: 1.6rem;
}
.answer-list-table-ur tr td:nth-child(1) {
  width: 2rem;
  text-align: left;
}
.answer-list-table-ur tr td:nth-child(3) {
  width: 6.5rem;
  text-align: right;
  padding-left: 1.5rem;
}
.answer-list-table-ur tr td:nth-child(3).cols-2 {
  width: 3rem;
}
.answer-list-table-ur tr td .num-group {
  display: inline-block;
  height: 4rem;
  line-height: 4.5rem;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
}
.answer-list-table-ur tr td .ckeditor-group {
  margin: 0 1rem;
  width: 100%;
}
.answer-list-table-ur tr td .ckeditor-group textarea {
  resize: none;
  overflow: hidden;
  height: 4rem;
}
.answer-list-table-ur tr td .ckeditor-group .ck-editor.active {
  border: 0.2rem solid #9EE7B2 !important;
}
.answer-list-table-ur tr td .btn-action-group {
  position: relative;
  display: flex;
}
.answer-list-table-ur tr td .btn-action-group .dropdown-menu {
  border: 0;
  border-radius: 0;
  padding: 0;
}
.answer-list-table-ur tr td .btn-action-group .dropdown-menu a {
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  height: 5rem;
  padding: 1rem 2rem;
  color: #4C516D;
}
.answer-list-table-ur tr td .btn-action-group .dropdown-menu a:hover {
  background-color: #F4F8FF;
}
.answer-list-table-ur tr td .btn-action-group .dropdown-menu a i {
  top: 0.2rem;
  margin-right: 0.5rem;
  font-size: 1.8rem;
}
.answer-list-table-ur tr td .btn-action-group .remove-btn,
.answer-list-table-ur tr td .btn-action-group .sort-btn {
  display: inline-block;
  border: 0;
  height: 4rem;
  font-size: 2rem;
  text-align: center;
  background-color: transparent;
}
.answer-list-table-ur tr td .btn-action-group .remove-btn:before,
.answer-list-table-ur tr td .btn-action-group .sort-btn:before {
  display: none !important;
}
.answer-list-table-ur tr td .btn-action-group .remove-btn:focus,
.answer-list-table-ur tr td .btn-action-group .sort-btn:focus {
  outline: 0;
}

.answer-list-table-me {
  table-layout: fixed;
  width: 100%;
}
.answer-list-table-me .first-col {
  width: auto;
}
.answer-list-table-me .second-col {
  width: 3rem;
}
.answer-list-table-me tr td {
  vertical-align: top;
  padding-bottom: 1.6rem;
}
.answer-list-table-me tr td:nth-child(2) {
  text-align: right;
  padding-left: 0.5rem;
}
.answer-list-table-me tr td .remove-btn {
  display: inline-block;
  border: 0;
  height: 4rem;
  font-size: 2rem;
  text-align: center;
  background-color: transparent;
}
.answer-list-table-me tr td .remove-btn:focus {
  outline: 0;
}

.answer-list-table-pg,
.answer-list-table-ps {
  table-layout: fixed;
  width: 100%;
}
.answer-list-table-pg tr td,
.answer-list-table-ps tr td {
  vertical-align: top;
  padding-bottom: 1.6rem;
}
.answer-list-table-pg tr td.colspan-2,
.answer-list-table-ps tr td.colspan-2 {
  padding-right: 1rem;
}
.answer-list-table-pg tr td:nth-child(1),
.answer-list-table-ps tr td:nth-child(1) {
  width: 2rem;
  text-align: left;
}
.answer-list-table-pg tr td:nth-child(3),
.answer-list-table-ps tr td:nth-child(3) {
  width: 3rem;
  text-align: right;
  padding-left: 1.5rem;
}
.answer-list-table-pg tr td .radio-group,
.answer-list-table-ps tr td .radio-group {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 2rem;
  margin: 1rem 0;
  font-size: 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.answer-list-table-pg tr td .radio-group input,
.answer-list-table-ps tr td .radio-group input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  width: 2rem;
  height: 2rem;
  z-index: 1;
}
.answer-list-table-pg tr td .radio-group input:checked ~ i:before,
.answer-list-table-ps tr td .radio-group input:checked ~ i:before {
  color: #5ED980;
}
.answer-list-table-pg tr td .radio-group input:not(:checked) ~ i:before,
.answer-list-table-ps tr td .radio-group input:not(:checked) ~ i:before {
  color: #7d8083;
}
.answer-list-table-pg tr td .ckeditor-group,
.answer-list-table-ps tr td .ckeditor-group {
  margin: 0 1rem;
  width: 100%;
}
.answer-list-table-pg tr td .ckeditor-group textarea,
.answer-list-table-ps tr td .ckeditor-group textarea {
  resize: none;
  overflow: hidden;
  height: 4rem;
}
.answer-list-table-pg tr td .ckeditor-group .ck-editor.active,
.answer-list-table-ps tr td .ckeditor-group .ck-editor.active {
  border: 0.2rem solid #9EE7B2 !important;
}
.answer-list-table-pg tr td .remove-btn,
.answer-list-table-ps tr td .remove-btn {
  display: inline-block;
  border: 0;
  height: 4rem;
  font-size: 2rem;
  text-align: center;
  background-color: transparent;
}
.answer-list-table-pg tr td .remove-btn:focus,
.answer-list-table-ps tr td .remove-btn:focus {
  outline: 0;
}

.answer-list-table-pga tr td:nth-child(1) {
  width: 3.2rem;
  text-align: end;
  color: #5A5F79;
  padding-top: 2.8rem;
  vertical-align: top;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 700;
}
.answer-list-table-pga tr td:nth-child(2) {
  padding-left: 1.6rem;
}
.answer-list-table-pga tr td:nth-child(2) .input-choice-group {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 1.6rem;
}
.answer-list-table-pga tr td:nth-child(2) .input-choice-group input:-moz-read-only {
  width: 4.6rem;
  background-color: #FFFFFF;
  text-align: center;
}
.answer-list-table-pga tr td:nth-child(2) .input-choice-group input:read-only {
  width: 4.6rem;
  background-color: #FFFFFF;
  text-align: center;
}
.answer-list-table-pga tr td:nth-child(2) .input-choice-group input:-moz-read-only.active {
  background-color: #EAF4FF;
}
.answer-list-table-pga tr td:nth-child(2) .input-choice-group input:read-only.active {
  background-color: #EAF4FF;
}
.answer-list-table-pga tr td:nth-child(3) {
  padding-top: 1.6rem;
}

.answer-list-table-ib {
  table-layout: fixed;
  width: 100%;
}
.answer-list-table-ib .first-col {
  width: auto;
}
.answer-list-table-ib .second-col {
  width: 3rem;
}
.answer-list-table-ib tr td {
  vertical-align: top;
  padding-bottom: 1.6rem;
}
.answer-list-table-ib tr td.colspan-2 {
  padding-right: 1rem;
}
.answer-list-table-ib tr td .answer-field {
  width: auto;
  box-sizing: border-box;
  border-radius: 0rem;
  border: 0.2rem solid #E5E7F2;
  padding: 1rem 1.2rem;
  color: #000000;
  background-color: #FFFFFF !important;
}
.answer-list-table-ib tr td .answer-field:focus {
  border: 0.2rem solid #D9EBFF;
  outline: 0;
}
.answer-list-table-ib tr td .answer-field[contentEditable=true] {
  font-size: 1.5rem !important;
  color: #000000 !important;
}
.answer-list-table-ib tr td .answer-field[contentEditable=true]:empty:not(:focus):before {
  cursor: text;
  content: attr(placeholder);
  pointer-events: none;
  color: #707070;
}
.answer-list-table-ib tr td:nth-child(2) {
  text-align: right;
  padding-left: 0.5rem;
}
.answer-list-table-ib tr td .remove-btn {
  display: inline-block;
  border: 0;
  height: 4rem;
  font-size: 2rem;
  text-align: center;
  background-color: transparent;
}
.answer-list-table-ib tr td .remove-btn:focus {
  outline: 0;
}

.answer-list-table-rc {
  table-layout: fixed;
  width: 100%;
}
.answer-list-table-rc tr td {
  vertical-align: top;
  padding-bottom: 1.6rem;
}
.answer-list-table-rc tr td:nth-child(2) {
  width: 3rem;
  text-align: right;
  padding-left: 1.5rem;
}
.answer-list-table-rc tr td .answer-field {
  width: auto;
  box-sizing: border-box;
  border-radius: 0rem;
  border: 0.2rem solid #E5E7F2;
  padding: 1rem 1.2rem;
  color: #878AA6;
  background-color: #FFFFFF !important;
}
.answer-list-table-rc tr td .answer-field:focus {
  border: 0.2rem solid #D9EBFF;
  outline: 0;
}
.answer-list-table-rc tr td .answer-field[contentEditable=true]:empty:not(:focus):before {
  cursor: text;
  content: attr(placeholder);
  pointer-events: none;
  color: #707070;
}
.answer-list-table-rc tr td .remove-btn {
  display: inline-block;
  border: 0;
  height: 4rem;
  font-size: 2rem;
  text-align: center;
  background-color: transparent;
}
.answer-list-table-rc tr td .remove-btn:focus {
  outline: 0;
}

.tr-score-report .column-grey {
  background-color: #E5E7F2;
}
.tr-score-report .column-white {
  background-color: #FFFFFF;
}
.tr-score-report .input-score-grey {
  border: none !important;
  background-color: #E5E7F2;
}
.tr-score-report .input-score-grey:focus {
  border: none !important;
  outline: 0 !important;
  box-shadow: none;
}
.tr-score-report .input-score-white {
  border: none !important;
  background-color: #FFFFFF;
}
.tr-score-report .input-score-white:focus {
  border: none !important;
  outline: 0 !important;
  box-shadow: none;
}

.table-head {
  background-color: #f4f6f9 !important;
  text-align: left;
}

.answer-list-table-md {
  table-layout: fixed;
  width: 100%;
}
.answer-list-table-md tr td {
  vertical-align: top;
  padding-bottom: 1.6rem;
}
.answer-list-table-md tr td.colspan-2 {
  padding-right: 1rem;
}
.answer-list-table-md tr td:nth-child(1) {
  width: 2rem;
  text-align: left;
}
.answer-list-table-md tr td:nth-child(3) {
  width: 3rem;
  text-align: right;
  padding-left: 1.5rem;
}
.answer-list-table-md tr td .check-group {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 2rem;
  margin: 1rem 0;
  font-size: 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.answer-list-table-md tr td .check-group input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  width: 2rem;
  height: 2rem;
  z-index: 1;
}
.answer-list-table-md tr td .check-group input:checked ~ i:before {
  color: #5ED980;
}
.answer-list-table-md tr td .check-group input:not(:checked) ~ i:before {
  color: #7d8083;
}
.answer-list-table-md tr td .ckeditor-group {
  margin: 0 1rem;
  width: 100%;
}
.answer-list-table-md tr td .ckeditor-group textarea {
  resize: none;
  overflow: hidden;
  height: 4rem;
}
.answer-list-table-md tr td .ckeditor-group .ck-editor.active {
  border: 0.2rem solid #9EE7B2 !important;
}
.answer-list-table-md tr td .remove-btn {
  display: inline-block;
  border: 0;
  height: 4rem;
  font-size: 2rem;
  text-align: center;
  background-color: transparent;
}
.answer-list-table-md tr td .remove-btn:focus {
  outline: 0;
}

.answer-list-table-md {
  table-layout: fixed;
  width: 100%;
}
.answer-list-table-md tr td {
  vertical-align: top;
  padding-bottom: 1.6rem;
}
.answer-list-table-md tr td.colspan-2 {
  padding-right: 1rem;
}
.answer-list-table-md tr td:nth-child(1) {
  width: 2rem;
  text-align: left;
}
.answer-list-table-md tr td:nth-child(3) {
  width: 3rem;
  text-align: right;
  padding-left: 1.5rem;
}
.answer-list-table-md tr td .check-group {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 2rem;
  margin: 1rem 0;
  font-size: 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.answer-list-table-md tr td .check-group input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  width: 2rem;
  height: 2rem;
  z-index: 1;
}
.answer-list-table-md tr td .check-group input:checked ~ i:before {
  color: #5ED980;
}
.answer-list-table-md tr td .check-group input:not(:checked) ~ i:before {
  color: #7d8083;
}
.answer-list-table-md tr td .ckeditor-group {
  margin: 0 1rem;
  width: 100%;
}
.answer-list-table-md tr td .ckeditor-group textarea {
  resize: none;
  overflow: hidden;
  height: 4rem;
}
.answer-list-table-md tr td .ckeditor-group .ck-editor.active {
  border: 0.2rem solid #9EE7B2 !important;
}
.answer-list-table-md tr td .remove-btn {
  display: inline-block;
  border: 0;
  height: 4rem;
  font-size: 2rem;
  text-align: center;
  background-color: transparent;
}
.answer-list-table-md tr td .remove-btn:focus {
  outline: 0;
}

.answer-list-table-rmpg {
  table-layout: fixed;
  width: 100%;
}
.answer-list-table-rmpg tr td {
  vertical-align: top;
  padding-bottom: 1.6rem;
}
.answer-list-table-rmpg tr td:nth-child(1) {
  width: 3rem;
  text-align: left;
}
.answer-list-table-rmpg tr td:nth-child(3) {
  width: 3rem;
  text-align: right;
}
.answer-list-table-rmpg tr td .radio-group {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 2rem;
  margin: 1rem 0;
  font-size: 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.answer-list-table-rmpg tr td .radio-group input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  width: 2rem;
  height: 2rem;
  z-index: 1;
}
.answer-list-table-rmpg tr td .radio-group input:checked ~ i:before {
  color: #5ED980;
}
.answer-list-table-rmpg tr td .radio-group input:not(:checked) ~ i:before {
  color: #7d8083;
}
.answer-list-table-rmpg tr td .answer-field {
  width: auto;
  box-sizing: border-box;
  border-radius: 0rem;
  border: 0.2rem solid #E5E7F2;
  padding: 1rem 1.2rem;
  color: #878AA6;
  background-color: #FFFFFF !important;
}
.answer-list-table-rmpg tr td .answer-field:focus {
  border: 0.2rem solid #D9EBFF;
  outline: 0;
}
.answer-list-table-rmpg tr td .answer-field[contentEditable=true] {
  font-size: 1.5rem !important;
  color: #878AA6 !important;
}
.answer-list-table-rmpg tr td .answer-field[contentEditable=true]:empty:not(:focus):before {
  cursor: text;
  content: attr(placeholder);
  pointer-events: none;
  color: #707070;
}
.answer-list-table-rmpg tr td .answer-field.active {
  border: 0.2rem solid #9EE7B2 !important;
}

.text-list-table-rmpg {
  table-layout: fixed;
  width: 100%;
}
.text-list-table-rmpg .first-td {
  width: 100%;
}
.text-list-table-rmpg .second-td {
  width: 3rem;
}
.text-list-table-rmpg tr td {
  vertical-align: top;
  padding-bottom: 1.6rem;
}
.text-list-table-rmpg tr td:nth-child(3) {
  text-align: right;
  padding-left: 1.5rem;
}
.text-list-table-rmpg tr td .ckeditor-group {
  width: 100%;
}

tbody.selected-student tr td:nth-child(1) {
  padding: 1.8rem 1.2rem 1.2rem 1.2rem;
  border-right: unset;
}
tbody.selected-student tr td:nth-child(2) {
  border-left: unset;
}

.select-list-table-gredebook {
  table-layout: fixed;
  width: 100%;
}
.select-list-table-gredebook tr td .radio-group {
  cursor: pointer;
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 2rem;
  margin: 1rem 0;
  font-size: 2rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.select-list-table-gredebook tr td .radio-group input {
  cursor: pointer;
  position: absolute;
  opacity: 0;
  width: 2rem;
  height: 2rem;
  z-index: 1;
}
.select-list-table-gredebook tr td .radio-group input:checked ~ i:before {
  color: #000000;
}
.select-list-table-gredebook tr td .radio-group input:not(:checked) ~ i:before {
  color: #7d8083;
}

.text-number {
  text-align: center;
  border: 0px !important;
}

.le-pdf-hover i {
  display: none;
}
.le-pdf-hover:hover i {
  display: block;
}

.le-pdf-hover i {
  display: none;
}
.le-pdf-hover:hover i {
  display: block;
}

table.table-width tr th.w-table58 {
  min-width: 5.8rem !important;
}
table.table-width tr th.w-table60 {
  min-width: 6rem !important;
}
table.table-width tr th.w-table90 {
  width: 9rem !important;
}
table.table-width tr th.w-table100 {
  width: 10rem !important;
}
table.table-width tr th.w-table120 {
  min-width: 12rem !important;
}
table.table-width tr th.w-table150 {
  min-width: 15rem !important;
}
table.table-width tr th.w-table180 {
  width: 18rem !important;
}
table.table-width tr th.w-table240 {
  min-width: 24rem !important;
}
table.table-width tr th.w-table270 {
  width: 27rem !important;
}
table.table-width tr th.w-table330 {
  width: 33rem !important;
}
table.table-width tr th.w-table300 {
  width: 30rem !important;
}

.select-MEB {
  width: 150px;
  display: inline;
}
.select-MEB .select-icon {
  float: right !important;
}

.col-hover:hover {
  background-color: #EFF0F9;
}
.col-hover:hover a {
  color: #3E1583;
}

.col-hover-blue:hover {
  background-color: #EFF0F9;
}
.col-hover-blue:hover a {
  color: #3167F6;
}

.col-hover-blue:active a {
  color: #1F50CF;
}

.subject-row:hover {
  background: #F6F6FC;
}
.subject-row:hover td:nth-child(2) {
  background: #F6F6FC;
}

.table-pill-group {
  display: flex;
}
.table-pill-group .table-pill {
  width: 1rem;
  height: 0.6rem;
  border-radius: 0.3rem;
  margin: 0px 1.5px;
}

.select-table .checkbox-all {
  margin-left: 1.3rem;
}

.check-group {
  gap: 1.6rem;
  display: flex;
  align-items: flex-start;
}
.check-group input[type=checkbox] {
  width: 1.7rem;
  height: 1.7rem;
  border: 2px solid red !important;
}
.check-group label {
  color: #4C516D;
  font-weight: 400;
  font-size: 1.7rem !important;
  line-height: 2rem;
}

.checkbox-container {
  position: relative;
  display: inline-block;
}

/* Checkbox input style (hide default checkbox) */
.checkbox-container input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

/* Custom checkbox style */
.checkbox-container .custom-checkbox {
  width: 20px;
  height: 20px;
  border: 2px solid #000;
  border-radius: 4px;
}

/* Checked state style */
.checkbox-container input[type=checkbox]:checked + .custom-checkbox {
  background-color: #000;
}

.th-calendar-height {
  min-height: 60px;
}

.td-calendar-dot {
  min-height: 10px;
}

.cicle-date {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  background-color: #9CCBFE;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
}

.calendar-number {
  min-height: 33px;
}

.hide-cell-mobile {
  display: table-cell;
}
@media screen and (max-width: 768px) {
  .hide-cell-mobile {
    display: none;
  }
}

table.table-container-print {
  width: 100%;
}
table.table-container-print tfoot .header-space {
  height: 3.2rem;
}
table.table-container-print tfoot.page-footer {
  position: fixed;
  bottom: 1.6rem;
  right: 3rem;
}
table.table-container-print tfoot .footer-space {
  height: 4.2rem;
}
table.table-container-print .page-break-inside-auto {
  page-break-inside: auto;
}
table.table-container-print .page-break-inside-avoid {
  page-break-inside: avoid;
}

table.table-kejar-print {
  width: -moz-max-content;
  width: max-content;
}
table.table-kejar-print tbody tr td,
table.table-kejar-print thead tr th {
  border: 0.75px solid #9D9FBC !important;
  padding: 0.5rem 0.6rem;
}
table.table-kejar-print thead tr th {
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.5rem;
  background-color: #DCDEED;
}
table.table-kejar-print tbody tr td {
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}

.table-kejar-new.position-sticky {
  margin-bottom: -1px;
}

.navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.navigation .pagination-detail {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #4C516D;
}
.navigation .pagination {
  border-radius: 0rem;
  margin-bottom: 0rem !important;
}
.navigation .pagination .page-item:first-child .page-link {
  padding: 0.8rem;
  border-radius: 4px 0px 0px 4px;
}
.navigation .pagination .page-item:last-child .page-link {
  padding: 0.8rem;
  border-radius: 0px 4px 4px 0px;
}
.navigation .pagination .page-item {
  border-radius: 0rem;
}
.navigation .pagination .page-item .page-link:focus {
  box-shadow: unset;
}
.navigation .pagination .page-item .page-link {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 700;
  padding: 0.8rem 1rem;
  border-radius: 0rem;
  border: 1px solid #E5E7F2;
  width: -moz-fit-content;
  width: fit-content;
  height: 3.2rem;
  color: #878AA6;
  font-weight: 400;
}
.navigation .pagination .page-item .page-link .icon {
  display: block;
}
.navigation .pagination .active {
  z-index: 0;
}
.navigation .pagination .active .page-link {
  background: #F7FAFF !important;
  color: #3167F6 !important;
  font-weight: 700;
}

.btn-after-before {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
}
.btn-after-before a {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
  text-decoration: none !important;
}
.btn-after-before a i::before {
  font-size: 1.8rem;
}
.btn-after-before a.inactive {
  color: #BCBBD0;
  pointer-events: none;
  cursor: default;
}
.btn-after-before a.inactive i::before {
  color: #BCBBD0;
}
.btn-after-before a.active {
  color: #4C516D;
}
.btn-after-before a.active i::before {
  color: #4C516D;
}

.onboarding-page .onboarding-page-description {
  margin-top: 4rem;
  margin-bottom: 2.4rem;
}
.onboarding-page .onboarding-page-description h4, .onboarding-page .onboarding-page-description .h4 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  font-weight: normal;
  color: #4C516D;
  margin-bottom: 1rem;
}
.onboarding-page .onboarding-page-description p {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
}
.onboarding-page .card {
  border-radius: 0;
  background: #F9F6FC;
  border: 0;
  padding: 2rem;
}
.onboarding-page .card .card-body i:before {
  color: #7233DA;
  font-size: 2rem;
}
.onboarding-page .card .card-body pre {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  line-height: 2.4rem;
  margin-top: 1rem;
  white-space: pre-wrap; /* Since CSS 2.1 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.onboarding-button {
  display: flex;
  justify-content: flex-end;
  margin: 5.6rem auto;
}
.onboarding-button .btn-next {
  font-size: 1.9rem;
  line-height: 2.4rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  border-radius: 0;
  color: #FFFFFF;
  padding: 1.6rem 2rem;
  background: #7233DA;
}
.onboarding-button .btn-next i {
  margin-left: 1rem;
}
.onboarding-button .btn-next i:before {
  color: #FFFFFF;
  font-size: 2rem;
}
.onboarding-button .btn-next:hover {
  background: #986CE0;
}

.onboarding-page-pts {
  background: #FFFDF5;
  border: 2px solid #FFF8DB;
  border-radius: 4px;
  padding: 2rem;
}

.carousel-container {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.owl-carousel {
  width: 100%;
  height: 100%;
}

.owl-item {
  height: 100%;
}

.owl-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.owl-item .agenda {
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.owl-item .agenda .agenda-space {
  width: 50%;
  height: 100%;
  margin-left: 25rem;
  padding: 7rem;
  background-color: rgba(19, 19, 21, 0.5);
}

.moving-text-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  z-index: 999;
  background-color: white;
  position: fixed;
  bottom: 0px;
  border-left: solid #FF6666 24px;
}

.moving-text {
  display: inline-block;
}

.carousel-default-box {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 0.8rem;
  padding: 1.8rem 3.2rem;
}

.scrollbar::-webkit-scrollbar {
  width: 0.8rem;
  height: 1rem;
  background-color: transparent;
}
.scrollbar::-webkit-scrollbar-track {
  background-color: transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #C3C2D7;
  border-radius: 30rem;
}

.panel-card-dashboard {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
}
.panel-card-dashboard .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-dashboard:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-card-dashboard:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}

.panel-score {
  width: auto;
  height: 4rem;
  border-radius: 4rem;
  display: flex;
  align-items: center;
  padding: 1.6rem;
}

.panel-group-dashboard {
  background: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 8px;
}
.panel-group-dashboard.box-shadow-unset {
  box-shadow: unset;
}
.panel-group-dashboard .panel-group-item + .panel-group-item {
  padding-top: 0px;
}
.panel-group-dashboard .panel-group-item:last-of-type .panel-content-internship {
  border-bottom: unset;
  padding-bottom: 0px !important;
}
.panel-group-dashboard .panel-group-item:last-of-type .panel-content-internship i {
  font-family: Inter !important;
  font-style: italic;
}
.panel-group-dashboard .panel-group-item:last-of-type .panel-content {
  border-bottom: unset;
}
.panel-group-dashboard .panel-group-item:last-of-type .panel-content .panel-text {
  padding-bottom: 0px;
}
.panel-group-dashboard .panel-group-item {
  display: flex;
  padding: 1.6rem;
  cursor: pointer;
}
.panel-group-dashboard .panel-group-item .panel-icon {
  padding-top: 0.4rem;
}
.panel-group-dashboard .panel-group-item .panel-content {
  display: flex;
  flex-direction: column;
  margin-left: 1.6rem;
  width: 100%;
  border-bottom: 1px solid #E5E7F2;
}
.panel-group-dashboard .panel-group-item .panel-content .panel-information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 26rem;
}
.panel-group-dashboard .panel-group-item .panel-content .panel-header {
  font-style: normal;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
  color: #24292E;
}
.panel-group-dashboard .panel-group-item .panel-content .panel-text {
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 24px;
  color: #878AA6;
  margin-top: 0.4rem;
  padding-bottom: 1.6rem;
}
.panel-group-dashboard .panel-group-item .panel-content .panel-text.payment {
  border-bottom: 1px solid #E5E7F2;
  padding-bottom: 1.6rem;
}
.panel-group-dashboard .panel-group-item .more-schedule {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.panel-group-dashboard .panel-group-item .panel-content-internship i {
  font-family: Inter !important;
  font-style: italic;
}

.panel-group-project {
  background: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 8px;
  transition: transform 0.2s ease-in-out;
}
.panel-group-project.box-shadow-unset {
  box-shadow: unset;
}
.panel-group-project .panel-group-item + .panel-group-item {
  padding-top: 0px;
}
.panel-group-project .panel-group-item:last-of-type .panel-content {
  border-bottom: unset;
}
.panel-group-project .panel-group-item:last-of-type .panel-content .panel-text {
  padding-bottom: 0px;
}
.panel-group-project .panel-group-item {
  display: flex;
  padding: 1.6rem;
  cursor: pointer;
}
.panel-group-project .panel-group-item .panel-icon {
  padding-top: 0.4rem;
}
.panel-group-project .panel-group-item .panel-content {
  display: flex;
  flex-direction: column;
  margin-left: 1.6rem;
  width: 100%;
  border-bottom: 1px solid #E5E7F2;
}
.panel-group-project .panel-group-item .panel-content .panel-information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 26rem;
}
.panel-group-project .panel-group-item .panel-content .panel-header {
  font-style: normal;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
  color: #24292E;
}
.panel-group-project .panel-group-item .panel-content .panel-text {
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 24px;
  color: #878AA6;
  margin-top: 0.4rem;
  padding-bottom: 1.6rem;
}
.panel-group-project .panel-group-item .panel-content .panel-text.payment {
  border-bottom: 1px solid #E5E7F2;
  padding-bottom: 1.6rem;
}
.panel-group-project .panel-group-item .more-schedule {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.panel-group-project:hover {
  background-color: #F6F6FC;
}
.panel-group-project:active {
  background-color: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
}
.panel-group-project:active {
  transform: scale(0.98);
}

.panel-group-diagnostic .panel-diagnostic {
  display: flex;
  flex-direction: column;
  padding: 1.6rem;
  border: 2px solid #E5E7F2;
  border-radius: 8px;
}
.panel-group-diagnostic .panel-diagnostic .panel-content {
  display: flex;
  justify-content: space-between;
  padding: 1.2rem 0;
  border-top: 1px solid #E5E7F2;
  border-bottom: 1px solid #E5E7F2;
  margin: 1.2rem 0;
}
.panel-group-diagnostic .panel-diagnostic .panel-content .panel-item {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .panel-group-diagnostic .panel-diagnostic .panel-content {
    flex-wrap: wrap;
    gap: 24px;
  }
  .panel-group-diagnostic .panel-diagnostic .panel-content .panel-item {
    max-width: 14rem;
  }
}
.panel-group-diagnostic .panel-diagnostic .panel-footer {
  display: flex;
  justify-content: flex-end;
}
.panel-group-diagnostic .panel-diagnostic .panel-footer .panel-assign-button {
  border: 1px solid #E5E7F2;
  border-radius: 4px;
  padding: 8px 16px;
  color: #3167F6;
}

.panel-icon-assessment {
  padding-top: 0.2rem;
}

.assessment-content .panel-group-item + .panel-group-item {
  margin-top: 1.6rem;
}
.assessment-content .panel-group-item {
  display: flex;
  cursor: pointer;
  border-radius: 4px;
}
.assessment-content .panel-group-item.schedule {
  background: #FDFDFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  padding: 1.6rem;
}
.assessment-content .panel-group-item.schedule.no-hover:hover {
  background: #FDFDFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
}
.assessment-content .panel-group-item.schedule:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.assessment-content .panel-group-item.schedule:active {
  background: #FDFDFF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
}
.assessment-content .panel-group-item.done {
  background: #FDFDFF;
  border-radius: 0.4rem;
  box-shadow: unset;
}
.assessment-content .panel-group-item.explanation:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.assessment-content .panel-group-item.explanation:active {
  background: #FDFDFF;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
}
.assessment-content .panel-group-item .panel-content {
  display: flex;
  flex-direction: column;
  margin-left: 1.6rem;
  width: 100%;
}
.assessment-content .panel-group-item .panel-content .panel-information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 26rem;
}
.assessment-content .panel-group-item .panel-content .panel-header {
  font-style: normal;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
  color: #24292E;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  display: flex;
  align-content: center;
  flex-wrap: wrap;
}
.assessment-content .panel-group-item .panel-content .panel-text {
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 24px;
  color: #878AA6;
  margin-top: 0.4rem;
}
.assessment-content .panel-group-item .panel-content .panel-explanation {
  display: flex;
  color: #3167F6;
}
.assessment-content .panel-group-item .panel-content .panel-explanation:hover {
  color: #318CF6;
}
.assessment-content .panel-group-item .panel-content .panel-explanation:hover svg path {
  fill: #318CF6;
}
.assessment-content .panel-group-item .panel-score {
  height: 4.8rem;
  border-radius: 4px;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 3.2rem;
  letter-spacing: 0em;
  color: #413368;
  padding: 0.8rem 1.1rem;
}
.assessment-content .panel-group-item .panel-score.kompeten {
  background: #E9F9ED;
}
.assessment-content .panel-group-item .panel-score.remedial {
  background: #FFECEC;
}
.assessment-content .panel-group-item .more-schedule {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.panel-assessment-schedule {
  flex-wrap: nowrap;
}

.panel-group {
  display: grid;
  grid-gap: 16px 24px;
}
.panel-group .panel-group-item {
  max-width: 100%;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
}
.panel-group .panel-group-item .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-group .panel-group-item:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-group .panel-group-item:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.panel-group .panel-group-item:hover .panel-text {
  color: #3E1583;
}

.panel-group-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(348px, 1fr));
  grid-gap: 16px 24px;
}
.panel-group-grid .panel-group-item {
  max-width: 100%;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
}
.panel-group-grid .panel-group-item .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-group-grid .panel-group-item:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-group-grid .panel-group-item:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}

.panel-card-link-assignment,
.panel-document {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
}
.panel-card-link-assignment .panel-text,
.panel-document .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-link-assignment:hover,
.panel-document:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-card-link-assignment:active,
.panel-document:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.panel-card-link-assignment .panel-text,
.panel-document .panel-text {
  margin-top: 0.2rem;
}
.panel-card-link-assignment:hover,
.panel-document:hover {
  text-decoration: none;
}

.panel-date-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(6rem, auto));
  grid-gap: 0rem 1.6rem;
}

.panel-three-banks {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22.6rem, auto));
  grid-gap: 2rem;
}

.panel-two-payments {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(35rem, auto));
  grid-gap: 2rem;
}

.panel-card-schedule {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
}
.panel-card-schedule .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-schedule:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-card-schedule:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.panel-card-schedule .panel-card-body {
  display: flex;
}
.panel-card-schedule img {
  width: 4.8rem;
  height: 4.8rem;
}
.panel-card-schedule .no-logo {
  width: 4.8rem;
  height: 4.8rem;
  background-color: #E5E7F2;
  border-radius: 4.84rem;
  text-align: center;
}
.panel-card-schedule .no-logo span {
  margin-top: 1.2rem;
  font-weight: 600;
  display: block;
}
.panel-card-schedule.done {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  background: #EFF0F9;
  color: #878AA6;
}
.panel-card-schedule.done .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-schedule.bordered {
  box-shadow: none;
  border: 2px solid #E5E7F2;
  border-radius: 8px;
}
.panel-card-schedule.bordered:hover {
  background: #FFFFFF;
  box-shadow: none;
}
.panel-card-schedule.card-school:hover {
  background-color: #F6F6FC;
}
.panel-card-schedule.card-school:hover div svg path {
  fill: #318CF6;
}
.panel-card-schedule.card-school:active {
  background-color: #FFFFFF;
}
.panel-card-schedule.card-school:active svg path {
  fill: #3167F6;
}
.panel-card-schedule.bg-white-1 {
  background: #FDFDFF;
}
.panel-card-schedule.bg-white-1:hover {
  background: #EFF0F9;
  box-shadow: none;
}

.panel-single {
  max-width: auto;
  padding: 1.6rem 2rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  text-decoration: none !important;
}
.panel-single:not(.no-hover) {
  cursor: pointer;
}
.panel-single:not(.hover-childs) {
  cursor: pointer;
}
.panel-single .panel-body {
  width: 100%;
  display: flex;
  align-items: baseline;
  flex-direction: row;
}
.panel-single .panel-body .child-1 {
  flex-grow: 12;
}
.panel-single .panel-body .child-2 {
  flex-grow: 0;
}
.panel-single .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-single:not(.no-hover):hover {
  background: #F8F8FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-single:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
  box-shadow: inset 0 -2px 0 hsla(0, 0%, 100%, 0.15), inset 0 1px 3px rgba(65, 51, 104, 0.2);
}
.panel-single.no-hover {
  cursor: default;
}
.panel-single .announcement-height {
  min-height: 150px;
}
.panel-single.blue-border {
  border-radius: 4px;
  border: 2px solid #3167F6;
}
.panel-single.no-shadow {
  box-shadow: none !important;
  border: 2px solid #E5E7F2;
}
.panel-single.secondary {
  background-color: #F8F8FC !important;
  box-shadow: none !important;
}
.panel-single:active .icon rect {
  fill: #413368 !important;
}
.panel-single:active .panel-body .title {
  color: #413368 !important;
}
.panel-single:active .panel-body .title-section {
  color: #3E1583 !important;
}
.panel-single:active .panel-body .black-1 {
  color: #413368 !important;
}
.panel-single:hover:not(.no-hover) .panel-body .title {
  color: #3E1583 !important;
}
.panel-single:hover:not(.no-hover) .panel-body .title-section {
  color: #3E1583 !important;
}
.panel-single:hover:not(.no-hover) .panel-body .black-1 {
  color: #3E1583 !important;
}
.panel-single:hover:not(.no-hover) .icon rect {
  fill: #3E1583 !important;
}
.panel-single .panel-body .title-section {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin-bottom: 0.4rem;
  color: #131315;
}
.panel-single .panel-body .title {
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
  font-style: normal;
  color: #131315;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.panel-single .panel-body .caption {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  font-style: normal;
  color: #4C516D;
  margin-top: 0.4rem;
}
.panel-single .panel-body .panel-score {
  color: #131315;
  border-radius: 4px;
  font-size: 1.9rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.4rem;
}
.panel-single .panel-body .panel-score.success {
  background: #E9F9ED;
}
.panel-single .panel-body .panel-score.danger {
  background: #FFECEC;
}

.panel {
  max-width: auto;
  padding: 1.6rem 2rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  text-decoration: none !important;
}
.panel:not(.no-hover) {
  cursor: pointer;
}
.panel:not(.hover-childs) {
  cursor: pointer;
}
.panel .panel-body {
  width: 100%;
  display: flex;
  align-items: baseline;
  flex-direction: row;
}
.panel .panel-body .child-1 {
  flex-grow: 12;
}
.panel .panel-body .child-2 {
  flex-grow: 0;
}
.panel .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel:not(.no-hover):hover {
  background: #F8F8FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
  box-shadow: inset 0 -2px 0 hsla(0, 0%, 100%, 0.15), inset 0 1px 3px rgba(65, 51, 104, 0.2);
}
.panel.panel-button-group {
  flex-grow: 1;
}
.panel.panel-button-group:active .panel-body .title {
  color: #3167F6 !important;
}
.panel.panel-button-group:active .icon rect {
  fill: #3167F6 !important;
}
.panel.panel-button-group:hover .panel-body .title {
  color: #318CF6;
}
.panel.panel-button-group:hover .icon rect {
  fill: #318CF6;
}
.panel.panel-button-group .panel-body {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  padding-left: 0rem !important;
}
.panel.panel-button-group .panel-body .title {
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 2rem;
  padding-top: 2px;
  font-style: normal;
  color: #3167F6;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.panel.panel-button-group-bordered {
  flex-grow: 1;
  border: 2px solid #E5E7F2 !important;
  box-shadow: none !important;
}
.panel.panel-button-group-bordered:active .panel-body .title {
  color: #3167F6 !important;
}
.panel.panel-button-group-bordered:active .icon rect {
  fill: #3167F6 !important;
}
.panel.panel-button-group-bordered:hover .panel-body .title {
  color: #318CF6;
}
.panel.panel-button-group-bordered:hover .icon rect {
  fill: #318CF6;
}
.panel.panel-button-group-bordered .panel-body {
  display: flex;
  align-items: flex-start;
  gap: 1.6rem;
  padding-left: 0rem !important;
}
.panel.panel-button-group-bordered .panel-body .title {
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 2rem;
  padding-top: 2px;
  font-style: normal;
  color: #3167F6;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.panel.panel-media {
  padding: 0rem !important;
  color: #131315;
}
.panel.panel-media .panel-body {
  display: flex;
  align-items: flex-start;
}
.panel.panel-media .panel-body .media {
  width: 273px;
  height: auto;
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
.panel.panel-media .panel-body .media.w-20r {
  width: 20rem;
}
.panel.panel-media .panel-body .content {
  padding: 1.6rem 2rem;
}
.panel.panel-media .panel-body .content .title {
  font-weight: 600 !important;
  font-size: 1.7rem !important;
  line-height: 2rem !important;
  color: #131315 !important;
  display: flex !important;
  align-items: center !important;
  gap: 0.8rem !important;
}
.panel.panel-media .panel-body .content small, .panel.panel-media .panel-body .content .small {
  font-weight: 400 !important;
  font-size: 1.5rem !important;
  line-height: 2rem !important;
  color: #4C516D !important;
  margin-top: 0.4rem !important;
}
.panel.panel-media .panel-body .content .paragraf {
  font-weight: 400 !important;
  font-size: 1.3rem !important;
  line-height: 1.9rem !important;
  color: #4C516D !important;
  margin-top: 1.6rem !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 768px) {
  .panel.panel-media .panel-body {
    flex-wrap: wrap;
  }
  .panel.panel-media .panel-body .media {
    width: 100% !important;
    border-top-left-radius: 0.4rem;
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.panel.panel-stats {
  display: block;
}
.panel.panel-stats .panel-body {
  align-items: center;
  justify-content: space-between;
}
.panel.panel-stats .panel-body:active .title {
  color: #413368 !important;
}
.panel.panel-stats .panel-body:active .caption {
  color: #413368 !important;
}
.panel.panel-stats .panel-body:hover .title {
  color: #3E1583 !important;
}
.panel.panel-stats .panel-body:hover .caption {
  color: #3E1583 !important;
}
.panel.panel-stats .panel-body .child-1 .title {
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
  font-style: normal;
  color: #131315;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.panel.panel-stats .panel-body .child-1 .caption {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  font-style: normal;
  color: #4C516D;
  margin-top: 0.4rem;
}
.panel.panel-stats .panel-body .child-2 {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.panel.panel-stats .panel-body .child-2 .badge {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  padding: 1.2rem 1.6rem;
  border-radius: 2rem;
  background: #E9F9ED;
}
.panel.panel-stats .panel-body .child-2 .badge .text {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #131315;
}
.panel.panel-button-stats {
  align-items: center !important;
  border: 2px dashed #E5E7F2 !important;
  box-shadow: none !important;
}
.panel.panel-button-stats:active .panel-body .title {
  color: #3E1583 !important;
}
.panel.panel-button-stats:active .icon {
  background: #F8F8FC !important;
}
.panel.panel-button-stats:active .icon rect {
  fill: #3E1583 !important;
}
.panel.panel-button-stats:hover .panel-body .title {
  color: #3E1583 !important;
}
.panel.panel-button-stats:hover .icon {
  background: #EFF0F9 !important;
}
.panel.panel-button-stats:hover .icon rect {
  fill: #3E1583 !important;
}
.panel.panel-button-stats .panel-body {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding-left: 0rem !important;
}
.panel.panel-button-stats .panel-body .title {
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 2rem;
  color: #878AA6;
  display: flex;
  align-items: center;
}
.panel.panel-button-stats .panel-body .icon {
  background: #F8F8FC;
  width: 44px;
  height: 44px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 2.2rem;
}
.panel.panel-card-stats {
  align-items: center;
  width: 23rem;
}
.panel.panel-card-stats:active .panel-body .title {
  color: #3E1583 !important;
}
.panel.panel-card-stats:active .panel-body .caption {
  color: #3E1583 !important;
}
.panel.panel-card-stats:active .icon {
  background: #F8F8FC !important;
}
.panel.panel-card-stats:active .icon rect {
  fill: #3E1583 !important;
}
.panel.panel-card-stats:hover .panel-body .title {
  color: #3E1583 !important;
}
.panel.panel-card-stats:hover .panel-body .caption {
  color: #3E1583 !important;
}
.panel.panel-card-stats:hover .icon {
  background: #EFF0F9 !important;
}
.panel.panel-card-stats:hover .icon rect {
  fill: #3E1583 !important;
}
.panel.panel-card-stats .panel-body {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  padding-left: 0rem !important;
}
.panel.panel-card-stats .panel-body .title {
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
  color: #131315;
  display: flex;
  align-items: center;
}
.panel.panel-card-stats .panel-body .caption {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #4C516D;
  margin-top: 0.4rem;
}
.panel.panel-card-stats .panel-body .icon {
  background: #F8F8FC;
  width: 44px;
  height: 44px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 2.2rem;
}
.panel.panel-card-stats-2 {
  align-items: center !important;
  justify-content: center !important;
  padding: 2.8rem !important;
  width: 16.8rem !important;
}
.panel.panel-card-stats-2:active .panel-body .title {
  color: #3E1583 !important;
}
.panel.panel-card-stats-2:active .panel-body .caption {
  color: #3E1583 !important;
}
.panel.panel-card-stats-2:active .icon {
  background: #F8F8FC !important;
}
.panel.panel-card-stats-2:active .icon rect {
  fill: #3E1583 !important;
}
.panel.panel-card-stats-2:hover .panel-body .title {
  color: #3E1583 !important;
}
.panel.panel-card-stats-2:hover .icon {
  background: #EFF0F9 !important;
}
.panel.panel-card-stats-2:hover .icon rect {
  fill: #3E1583 !important;
}
.panel.panel-card-stats-2 .panel-body {
  display: block !important;
  gap: 1.6rem;
  padding-left: 0rem !important;
}
.panel.panel-card-stats-2 .panel-body .title {
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
  color: #131315;
  text-align: center;
  margin-top: 0.8rem;
}
.panel.panel-card-stats-2 .panel-body .icon-card {
  display: flex;
  justify-content: center;
}
.panel.panel-card-stats-2 .panel-body .icon {
  background: #F8F8FC;
  width: 44px;
  height: 44px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 2.2rem;
}
.panel.panel-setting {
  max-width: auto;
  padding: 1.6rem 2rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  display: block !important;
}
.panel.panel-setting:not(.no-hover) {
  cursor: pointer;
}
.panel.panel-setting:not(.hover-childs) {
  cursor: pointer;
}
.panel.panel-setting .panel-body {
  width: 100%;
  display: flex;
  align-items: baseline;
  flex-direction: row;
}
.panel.panel-setting .panel-body .child-1 {
  flex-grow: 12;
}
.panel.panel-setting .panel-body .child-2 {
  flex-grow: 0;
}
.panel.panel-setting .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel.panel-setting .panel-head {
  color: #131315;
}
.panel.panel-setting .panel-body {
  padding-top: 1.2rem;
  margin-top: 1.2rem;
  border-top: 0.1rem solid #E5E7F2;
  gap: 1.6rem;
}
.panel.panel-setting .panel-body .panel-item {
  flex-grow: 1;
}
.panel.panel-setting .panel-footer {
  border-top: 0.1rem solid #E5E7F2;
  padding-top: 1.2rem;
  margin-top: 1.2rem;
  gap: 1.2rem;
  display: flex;
  justify-content: flex-end;
}
.panel.panel-setting.border-2 {
  border: 0.2rem solid #E5E7F2;
}

.panel-loading {
  padding: 1rem 1.6rem;
  background-color: #F8F8FC;
  display: flex;
  gap: 1.6rem;
  align-items: center;
  border-radius: 0.4rem;
}
.panel-loading .loading-animation {
  padding: 0rem 1.6rem;
}

.panel-loading-retry {
  border-top-left-radius: 0.4rem !important;
  border-bottom-left-radius: 0.4rem !important;
  border-top-right-radius: 0rem !important;
  border-bottom-right-radius: 0rem !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.panel-loading-retry .caption {
  padding: 1rem 1.6rem;
  background-color: #F8F8FC;
  display: flex;
  align-items: center;
  gap: 1.6rem;
  flex-grow: 1;
}
.panel-loading-retry .btn-retry {
  background-color: #FFF8F8;
  color: #FF4343;
  padding: 1.2rem;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 600;
  border-top-right-radius: 0.4rem !important;
  border-bottom-right-radius: 0.4rem !important;
}

.panel-group-card {
  max-width: auto;
  padding: 1.6rem 2rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
}
.panel-group-card:not(.no-hover) {
  cursor: pointer;
}
.panel-group-card:not(.hover-childs) {
  cursor: pointer;
}
.panel-group-card .panel-body {
  width: 100%;
  display: flex;
  align-items: baseline;
  flex-direction: row;
}
.panel-group-card .panel-body .child-1 {
  flex-grow: 12;
}
.panel-group-card .panel-body .child-2 {
  flex-grow: 0;
}
.panel-group-card .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-group-card:not(.no-hover):hover {
  background: #F8F8FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-group-card:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
  box-shadow: inset 0 -2px 0 hsla(0, 0%, 100%, 0.15), inset 0 1px 3px rgba(65, 51, 104, 0.2);
}
.panel-group-card .panel-body {
  text-decoration: none;
}
.panel-group-card .panel-body .title-section {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin-bottom: 0.4rem;
  color: #131315 !important;
}
.panel-group-card .panel-body .title {
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
  font-style: normal;
  color: #131315;
}
.panel-group-card .panel-body .caption {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  font-style: normal;
  color: #4C516D;
  margin-top: 0.4rem;
}
.panel-group-card .panel-body .panel-head:hover .title {
  color: #3E1583 !important;
}
.panel-group-card .panel-body .panel-head:hover .title-section {
  color: #3E1583 !important;
}
.panel-group-card .panel-body .panel-head:hover .caption {
  color: #3E1583 !important;
}
.panel-group-card .item {
  margin-top: 1.6rem;
  text-decoration: none;
}
.panel-group-card .item .item-body {
  border-top: 1px solid #E5E7F2;
  padding-top: 1.6rem;
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.panel-group-card .item .item-body.border-none {
  border-top: 0;
}
.panel-group-card .item .item-body .child-1 {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.panel-group-card .item .item-body .child-1 .icon {
  display: flex;
  gap: 1.2rem;
  align-items: center;
}
.panel-group-card .item .item-body .child-1 .title {
  font-weight: 400;
  font-size: 1.7rem;
  line-height: 2rem;
  font-style: normal;
  color: #131315;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.panel-group-card .item .item-body .child-2 {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.panel-group-card .item:hover, .panel-group-card .item:active {
  color: #3E1583 !important;
}
.panel-group-card .item:hover .title, .panel-group-card .item:active .title {
  color: #3E1583 !important;
}
.panel-group-card .item:hover .title-section, .panel-group-card .item:active .title-section {
  color: #3E1583 !important;
}
.panel-group-card .item:hover .item-body .icon rect, .panel-group-card .item:active .item-body .icon rect {
  fill: #3E1583 !important;
}
.panel-group-card .item:active {
  color: #413368 !important;
}
.panel-group-card .item:active .title {
  color: #413368 !important;
}
.panel-group-card .item:active .item-body .icon rect {
  fill: #413368 !important;
}

.panel-multiple {
  max-width: auto;
  padding: 1.6rem 2rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
}
.panel-multiple:not(.no-hover) {
  cursor: pointer;
}
.panel-multiple:not(.hover-childs) {
  cursor: pointer;
}
.panel-multiple .panel-body {
  width: 100%;
  display: flex;
  align-items: baseline;
  flex-direction: row;
}
.panel-multiple .panel-body .child-1 {
  flex-grow: 12;
}
.panel-multiple .panel-body .child-2 {
  flex-grow: 0;
}
.panel-multiple .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-multiple:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
  box-shadow: inset 0 -2px 0 hsla(0, 0%, 100%, 0.15), inset 0 1px 3px rgba(65, 51, 104, 0.2);
}
.panel-multiple .panel-item,
.panel-multiple .panel-item-child {
  display: flex;
  align-items: baseline;
  gap: 0.8rem;
  text-decoration: none;
}
.panel-multiple .panel-item:hover .panel-body,
.panel-multiple .panel-item:hover .icon rect, .panel-multiple .panel-item:active .panel-body,
.panel-multiple .panel-item:active .icon rect,
.panel-multiple .panel-item-child:hover .panel-body,
.panel-multiple .panel-item-child:hover .icon rect,
.panel-multiple .panel-item-child:active .panel-body,
.panel-multiple .panel-item-child:active .icon rect {
  fill: #3E1583 !important;
}
.panel-multiple .panel-item:hover .title,
.panel-multiple .panel-item:hover .title-section,
.panel-multiple .panel-item:hover .black-1, .panel-multiple .panel-item:active .title,
.panel-multiple .panel-item:active .title-section,
.panel-multiple .panel-item:active .black-1,
.panel-multiple .panel-item-child:hover .title,
.panel-multiple .panel-item-child:hover .title-section,
.panel-multiple .panel-item-child:hover .black-1,
.panel-multiple .panel-item-child:active .title,
.panel-multiple .panel-item-child:active .title-section,
.panel-multiple .panel-item-child:active .black-1 {
  color: #3E1583 !important;
}
.panel-multiple .panel-item .panel-body,
.panel-multiple .panel-item-child .panel-body {
  display: flex;
  align-items: baseline;
}
.panel-multiple .panel-item .panel-body .title-section,
.panel-multiple .panel-item-child .panel-body .title-section {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.6rem;
  margin-bottom: 0.4rem;
  color: #131315;
}
.panel-multiple .panel-item .panel-body .title,
.panel-multiple .panel-item-child .panel-body .title {
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 2rem;
  font-style: normal;
  color: #131315;
}
.panel-multiple .panel-item .panel-body .caption,
.panel-multiple .panel-item-child .panel-body .caption {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 2rem;
  font-style: normal;
  color: #4C516D;
  margin-top: 0.4rem;
}
.panel-multiple .panel-item-child {
  border-top: 1px solid #E5E7F2 !important;
  margin-top: 1.6rem;
  padding-top: 1.6rem;
}

.panel-card-btn,
.panel-card-4 {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: unset;
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  border: 2px solid #E5E7F2;
  align-items: center;
}
.panel-card-btn .panel-text,
.panel-card-4 .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-btn:hover,
.panel-card-4:hover {
  background: #F6F6FC;
  border: 2px solid #E5E7F2;
}
.panel-card-btn:active,
.panel-card-4:active {
  background: #FFFFFF;
  border: 2px solid #E5E7F2;
}
.panel-card-btn:hover,
.panel-card-4:hover {
  color: #3E1583;
}
.panel-card-btn:hover .grey-7,
.panel-card-4:hover .grey-7 {
  color: #3E1583 !important;
}
.panel-card-btn:hover svg path,
.panel-card-4:hover svg path {
  fill: #318CF6;
}
.panel-card-btn.card-dashed,
.panel-card-4.card-dashed {
  border: 2px solid #E5E7F2;
  border-style: dashed;
  color: #878AA6;
}
.panel-card-btn.card-dashed svg,
.panel-card-4.card-dashed svg {
  fill: #E5E7F2;
}
.panel-card-btn.card-dashed:hover span,
.panel-card-btn.card-dashed:hover div,
.panel-card-btn.card-dashed:hover p,
.panel-card-4.card-dashed:hover span,
.panel-card-4.card-dashed:hover div,
.panel-card-4.card-dashed:hover p {
  color: #318CF6;
}
.panel-card-btn.card-dashed:hover svg path,
.panel-card-4.card-dashed:hover svg path {
  fill: #318CF6;
}
.panel-card-btn.card-dashed:active span,
.panel-card-btn.card-dashed:active div,
.panel-card-btn.card-dashed:active p,
.panel-card-4.card-dashed:active span,
.panel-card-4.card-dashed:active div,
.panel-card-4.card-dashed:active p {
  color: #3167F6;
}
.panel-card-btn.card-dashed:active svg path,
.panel-card-4.card-dashed:active svg path {
  fill: #3167F6;
}
.panel-card-btn.no-hover:hover,
.panel-card-4.no-hover:hover {
  background: #FFFFFF;
}

.panel-card-5 {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: unset;
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  border: 2px solid #E5E7F2;
  align-items: center;
}
.panel-card-5 .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-5:hover {
  background: #F6F6FC;
  border: 2px solid #E5E7F2;
}
.panel-card-5:active {
  background: #FFFFFF;
  border: 2px solid #E5E7F2;
}

.panel-card-group {
  display: flex;
}
.panel-card-group .panel-card-5 + .panel-card-5 {
  margin-left: 1.6rem;
}
.panel-card-group .panel-card-5 {
  width: 100%;
}

.panel-card-6 {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: unset;
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  border: 2px solid #E5E7F2;
  align-items: center;
  justify-content: center;
}
.panel-card-6 .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-6:hover {
  background: #F6F6FC;
  border: 2px solid #E5E7F2;
}
.panel-card-6:active {
  background: #FFFFFF;
  border: 2px solid #E5E7F2;
}
.panel-card-6 .panel-text {
  padding-left: 0;
}

.panel-card-assignment-link {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FDFDFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
}
.panel-card-assignment-link .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-assignment-link:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-card-assignment-link:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.panel-card-assignment-link .panel-card-body {
  display: flex;
}
.panel-card-assignment-link a {
  color: black;
  text-decoration: unset;
}

.panel-card-9 {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #EFF0F9;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
}
.panel-card-9 .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-9:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-card-9:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.panel-card-9 .panel-card-body {
  display: flex;
}

.panel-card-collapsible .collapse .card {
  border-radius: 0.4rem;
}

.panel-card-absence {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: 0;
  box-shadow: 0;
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
}
.panel-card-absence .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-absence:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-card-absence:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.panel-card-absence:hover {
  background: #FDFDFF;
  box-shadow: none;
}
.panel-card-absence .panel-card-body {
  display: flex;
}

.panel-card-topic {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FDFDFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  max-width: none;
}
.panel-card-topic .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-topic:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-card-topic:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.panel-card-topic .panel-card-body {
  display: flex;
}

.multi-collapse.collapse.show .card.card-body {
  border-right: 1px solid #EFF0F9;
  border-left: 1px solid #EFF0F9;
  border-top: unset;
  border-bottom: unset;
  border-radius: 0;
  padding: 1.5rem 5.2rem;
}
.multi-collapse.collapse.show .card.card-body:hover {
  background: #F6F6FC;
}
.multi-collapse.collapse.show .card.card-body.no-hover:hover {
  background: #FDFDFF;
}

.multi-collapse.collapse.show:last-child .card.card-body {
  border-right: 1px solid #EFF0F9;
  border-left: 1px solid #EFF0F9;
  border-top: unset;
  border-bottom: 1px solid #EFF0F9;
  border-radius: 0;
  border-bottom-left-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}

.panel-card-activity-bank {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  flex-direction: column;
  padding: 0;
}
.panel-card-activity-bank .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-card-activity-bank:hover {
  background: #EFF0F9;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-card-activity-bank:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.panel-card-activity-bank.max-width-0 {
  max-width: none;
}
.panel-card-activity-bank .panel-card-header {
  display: flex;
  width: 100%;
  padding: 1.4rem 1.6rem;
  background: #EFF0F9;
  justify-content: space-between;
}
.panel-card-activity-bank .panel-card-body {
  display: flex;
  width: 100%;
  padding: 1.4rem 1.6rem;
  justify-content: space-between;
}
.panel-card-activity-bank .panel-card-body:hover {
  background-color: #F6F6FC;
}
.panel-card-activity-bank .panel-card-body:hover .hover-input {
  background-color: #F6F6FC;
}

.panel-card-activity-bank:hover {
  background-color: #FFFFFF;
}

.panel-card-tuition {
  flex-direction: column;
  border-radius: 1.6rem;
  width: 100%;
  padding: 3.2rem 0rem;
  background: #EFF0F9;
  text-align: center !important;
}
.panel-card-tuition a {
  text-decoration: none !important;
}

.top-line {
  width: 100%;
  border-top: 2px solid #EFF0F9;
}

.left-inner-line {
  position: relative;
}

.left-inner-line::before {
  height: 84%;
  border-left: 1px solid #4C516D;
  content: "";
  position: absolute;
  left: 0;
  bottom: 3px;
}

.panel-card-activity {
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
}

.accordion.panel-schedule .card .card-header {
  padding: 1.4rem 1.6rem;
  background-color: #EFF0F9;
}

.panel-card-activity {
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
}

.panel-stage-matrikulasi {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
}
.panel-stage-matrikulasi .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-stage-matrikulasi:hover {
  background: #F6F6FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-stage-matrikulasi:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.panel-stage-matrikulasi .panel-card-body {
  display: flex;
}

.panel-stage-matrikulasi-round {
  max-width: 72rem;
  padding: 1.4rem 1.6rem;
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.05), 0px 1px 8px rgba(65, 51, 104, 0.08);
  border-radius: 0.4rem;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
}
.panel-stage-matrikulasi-round .panel-text {
  padding-left: 1.6rem;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
}
.panel-stage-matrikulasi-round:hover {
  background: #F6F6FC;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.panel-stage-matrikulasi-round:active {
  background: #FDFDFF;
  box-shadow: 0px 1px 1px rgba(65, 51, 104, 0.04), 0px 1px 8px rgba(65, 51, 104, 0.08);
}
.panel-stage-matrikulasi-round .panel-card-body {
  display: flex;
}
.panel-stage-matrikulasi-round #play-round {
  display: none;
}
.panel-stage-matrikulasi-round:hover #score-round {
  display: none;
}
.panel-stage-matrikulasi-round:hover #play-round {
  display: flex;
}

.line-grey {
  height: 2px;
  background: #EFF0F9;
  width: 100%;
}

.line-grey-vertical {
  height: 100%;
  min-height: 6.8rem;
  background: #D9D9D9;
  width: 1px;
}

.accordion.panel-schedule .card .card-header {
  padding: 1.4rem 1.6rem;
  background-color: #EFF0F9;
}

.remove-underline {
  color: #131315;
  text-decoration: unset;
}
.remove-underline:hover {
  color: #131315;
  text-decoration: unset;
}

.panel-image-dashboard {
  border-radius: 4px;
  background: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
}
.panel-image-dashboard.secondary {
  box-shadow: none !important;
}
.panel-image-dashboard .image img {
  border-radius: 4px 4px 0px 0px;
}
.panel-image-dashboard .content {
  padding: 16px 12px 16px 20px;
  border-radius: 0px 0px 4px 4px;
}
.panel-image-dashboard .content h4, .panel-image-dashboard .content .h4 {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.panel-image-dashboard-blank {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F8F8FC;
  min-height: 250px;
  border-style: dashed;
  border-width: medium;
  border-color: #E5E7F2;
  cursor: pointer;
}
.panel-image-dashboard-blank .circle {
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #EFF0F9;
  border-radius: 100px;
}
.panel-image-dashboard-blank .circle .grey {
  display: block;
}
.panel-image-dashboard-blank .circle .blue {
  display: none;
}
.panel-image-dashboard-blank:hover .circle .grey {
  display: none;
}
.panel-image-dashboard-blank:hover .circle .blue {
  display: block;
}

.panel-image-dashboard-archive-blank {
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F8F8FC;
  min-height: 250px;
  border-style: dashed;
  border-width: medium;
  border-color: #E5E7F2;
}
.panel-image-dashboard-archive-blank .content {
  width: 170px;
  color: #686C8A;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0em;
  text-align: center;
}

.panel-group-finance {
  background: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 8px;
}
.panel-group-finance.box-shadow-unset {
  box-shadow: unset;
}
.panel-group-finance .panel-group-item + .panel-group-item {
  padding-top: 0px;
}
.panel-group-finance .panel-group-item:last-of-type .panel-content {
  border-bottom: unset;
}
.panel-group-finance .panel-group-item:last-of-type .panel-content .panel-text {
  padding-bottom: 0px;
}
.panel-group-finance .panel-group-item {
  display: flex;
  padding: 1.6rem;
  cursor: pointer;
}
.panel-group-finance .panel-group-item .panel-icon {
  padding-top: 0.4rem;
}
.panel-group-finance .panel-group-item .panel-content {
  display: flex;
  flex-direction: column;
  margin-left: 1.6rem;
  width: 100%;
  border-bottom: 1px solid #E5E7F2;
}
.panel-group-finance .panel-group-item .panel-content .panel-information {
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-width: 26rem;
}
.panel-group-finance .panel-group-item .panel-content .panel-header {
  font-style: normal;
  font-weight: 600;
  font-size: 1.7rem;
  line-height: 20px;
  color: #24292E;
}
.panel-group-finance .panel-group-item .panel-content .panel-text {
  font-style: normal;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 24px;
  color: #878AA6;
  margin-top: 0.4rem;
  padding-bottom: 1.6rem;
}
.panel-group-finance .panel-group-item .panel-content .panel-text.payment {
  border-bottom: 1px solid #E5E7F2;
  padding-bottom: 1.6rem;
}

.group-card-exercise {
  display: flex;
  flex-wrap: wrap;
}
.group-card-exercise .exercise-card {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(20% - 12px);
  height: 18.2rem;
  padding: 1.6rem 2rem;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 8px;
  text-decoration: none;
  /* Adjusting item width for smaller screens */
  /* Adjusting item width for even smaller screens */
}
.group-card-exercise .exercise-card:hover {
  background: #F4F8FF;
}
.group-card-exercise .exercise-card:active {
  background: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .group-card-exercise .exercise-card {
    width: calc(25% - 20px);
    /* 4 items per row */
  }
}
@media screen and (max-width: 480px) {
  .group-card-exercise .exercise-card {
    width: calc(50% - 20px);
    /* 2 items per row */
  }
}
.group-card-exercise .exercise-card-disabled {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(20% - 12px);
  height: 18.2rem;
  padding: 1.6rem 2rem;
  border-radius: 8px;
  text-decoration: none;
  /* Adjusting item width for smaller screens */
  /* Adjusting item width for even smaller screens */
}
.group-card-exercise .exercise-card-disabled:hover {
  background: #F4F8FF;
}
.group-card-exercise .exercise-card-disabled:active {
  background: #FFFFFF;
}
@media screen and (max-width: 768px) {
  .group-card-exercise .exercise-card-disabled {
    width: calc(25% - 20px);
    /* 4 items per row */
  }
}
@media screen and (max-width: 480px) {
  .group-card-exercise .exercise-card-disabled {
    width: calc(50% - 20px);
    /* 2 items per row */
  }
}

.panel-group-exercise {
  background: #FFFFFF;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  border-radius: 8px;
}
.panel-group-exercise.box-shadow-unset {
  box-shadow: unset;
}

.panel-medium {
  width: 100%;
  display: block;
  padding: 1.4rem 1.6rem;
  text-decoration: none;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
.panel-medium:hover {
  text-decoration: none;
}
.panel-medium .panel-body {
  display: flex;
  color: #131315;
}
.panel-medium .panel-body:hover {
  text-decoration: none;
}
.panel-medium .panel-body .panel-icon {
  display: flex;
  align-items: start;
}
.panel-medium .panel-body .panel-text {
  flex-grow: 1;
}

.panel-medium {
  width: 100%;
  display: block;
  padding: 1.4rem 1.6rem;
  text-decoration: none;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
.panel-medium.panel-border-thin {
  border: 1px solid #E5E7F2;
}
.panel-medium.panel-border-thick {
  border: 2px solid #E5E7F2;
}
.panel-medium .panel-body {
  display: flex;
  color: #131315;
  text-decoration: none;
}
.panel-medium .panel-body, .panel-medium .panel-body a {
  text-decoration: none;
}
.panel-medium .panel-body:hover, .panel-medium .panel-body a:hover {
  text-decoration: none;
}
.panel-medium .panel-body .panel-icon {
  display: flex;
  align-items: start;
}
.panel-medium .panel-body .panel-icon .panel-dashed {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border: 1px dashed #878AA6;
  border-radius: 50%;
}
.panel-medium .panel-body .panel-text {
  flex-grow: 1;
}

.panel-large {
  width: 100%;
  display: block;
  padding: 1.6rem 2rem;
  text-decoration: none;
  background-color: #FFFFFF;
  border-radius: 0.4rem;
}
.panel-large.panel-border-thin {
  border: 1px solid #E5E7F2;
}
.panel-large.panel-border-thick {
  border: 2px solid #E5E7F2;
}
.panel-large .panel-body {
  display: flex;
  color: #131315;
  text-decoration: none;
}
.panel-large .panel-body, .panel-large .panel-body a {
  text-decoration: none;
}
.panel-large .panel-body:hover, .panel-large .panel-body a:hover {
  text-decoration: none;
}
.panel-large .panel-body .panel-icon {
  display: flex;
  align-items: start;
}
.panel-large .panel-body .panel-icon .panel-dashed {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border: 1px dashed #878AA6;
  border-radius: 50%;
}
.panel-large .panel-body .panel-text {
  flex-grow: 1;
}

.blank-radio input[type=radio] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
  cursor: pointer;
}
.blank-radio .checked-icon {
  display: none;
  cursor: pointer;
}
.blank-radio .unchecked-icon {
  cursor: pointer;
}

.result-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.result-pagination .data-result {
  margin: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #4C516D;
}
.result-pagination .page-item {
  border: 0.2rem solid #E5E7F2 !important;
  border-radius: 0 !important;
  width: 3.2rem;
  height: 3.2rem;
  font-style: normal;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 3.2rem;
  text-align: center;
}
.result-pagination .page-item.active .page-link {
  color: #3167F6;
  background: #F7FAFF !important;
}
.result-pagination .page-item .page-link {
  border: 0.1rem solid #E5E7F2 !important;
  border-radius: 0 !important;
  color: #878AA6;
  height: 100%;
  cursor: pointer;
}
.result-pagination .page-item .page-link:hover {
  color: #3167F6;
}
.result-pagination .page-item .page-link i {
  top: -0.2rem;
  font-weight: bold !important;
  color: #4C516D !important;
}

.page-item .page-link {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 400;
  padding: 0.8rem 1.2rem;
}
.page-item.active .page-link {
  font-size: 1.3rem;
  line-height: 1.6rem;
  font-weight: 700;
  font-weight: bold;
  background: #F7FAFF !important;
  color: #3167F6 !important;
}

/**
 *
 * three-dots.css v0.1.0
 *
 * https://nzbin.github.io/three-dots/
 *
 * Copyright (c) 2018 nzbin
 *
 * Released under the MIT license
 *
 */
/**
 * ==============================================
 * Dot Elastic
 * ==============================================
 */
.dot-elastic {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotElastic 1s infinite linear;
}

.dot-elastic::before,
.dot-elastic::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-elastic::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotElasticBefore 1s infinite linear;
}

.dot-elastic::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotElasticAfter 1s infinite linear;
}

.ck-editor-loader-position {
  position: fixed;
  z-index: 10000;
  width: auto;
  height: 30px;
  background: white;
  bottom: 10px;
  left: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes dotElasticBefore {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.5);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dotElastic {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.5);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes dotElasticAfter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.67);
  }
  75% {
    transform: scale(1, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
/**
 * ==============================================
 * Dot Pulse
 * ==============================================
 */
.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  box-shadow: 9999px 0 0 -5px #9880ff;
  animation: dotPulse 1.5s infinite linear;
  animation-delay: 0.25s;
}

.dot-pulse::before,
.dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
}

.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px #9880ff;
  animation: dotPulseBefore 1.5s infinite linear;
  animation-delay: 0s;
}

.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px #9880ff;
  animation: dotPulseAfter 1.5s infinite linear;
  animation-delay: 0.5s;
}

@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px #9880ff;
  }
  30% {
    box-shadow: 9984px 0 0 2px #9880ff;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px #9880ff;
  }
}
@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px #9880ff;
  }
  30% {
    box-shadow: 9999px 0 0 2px #9880ff;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px #9880ff;
  }
}
@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px #9880ff;
  }
  30% {
    box-shadow: 10014px 0 0 2px #9880ff;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px #9880ff;
  }
}
/**
 * ==============================================
 * Dot Flashing
 * ==============================================
 */
.dot-flashing {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #3167F6;
  color: #3167F6;
  animation: dotFlashing 0.5s infinite linear alternate;
  animation-delay: 0.5s;
}

.dot-flashing::before,
.dot-flashing::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-flashing::before {
  left: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #3167F6;
  color: #3167F6;
  opacity: 0.1;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 0s;
}

.dot-flashing::after {
  left: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #3167F6;
  color: #3167F6;
  animation: dotFlashing 1s infinite alternate;
  animation-delay: 1s;
}

@keyframes dotFlashing {
  0% {
    background-color: #3167F6;
  }
  50% {
    background-color: #3167F6;
    opacity: 0.45;
  }
  100% {
    background-color: #928ea1;
  }
}
/**
 * ==============================================
 * Dot Collision
 * ==============================================
 */
.dot-collision {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
}

.dot-collision::before,
.dot-collision::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-collision::before {
  left: -10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotCollisionBefore 2s infinite ease-in;
}

.dot-collision::after {
  left: 10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotCollisionAfter 2s infinite ease-in;
  animation-delay: 1s;
}

@keyframes dotCollisionBefore {
  0%, 50%, 75%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-15px);
  }
}
@keyframes dotCollisionAfter {
  0%, 50%, 75%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(15px);
  }
}
/**
 * ==============================================
 * Dot Revolution
 * ==============================================
 */
.dot-revolution {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
}

.dot-revolution::before,
.dot-revolution::after {
  content: "";
  display: inline-block;
  position: absolute;
}

.dot-revolution::before {
  left: 0;
  top: -15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  transform-origin: 5px 20px;
  animation: dotRevolution 1.4s linear infinite;
}

.dot-revolution::after {
  left: 0;
  top: -30px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  transform-origin: 5px 35px;
  animation: dotRevolution 1s linear infinite;
}

@keyframes dotRevolution {
  0% {
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotateZ(360deg) translate3d(0, 0, 0);
  }
}
/**
 * ==============================================
 * Dot Carousel
 * ==============================================
 */
.dot-carousel {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
  animation: dotCarousel 1.5s infinite linear;
}

@keyframes dotCarousel {
  0% {
    box-shadow: 9984px 0 0 -1px #9880ff, 9999px 0 0 1px #9880ff, 10014px 0 0 -1px #9880ff;
  }
  50% {
    box-shadow: 10014px 0 0 -1px #9880ff, 9984px 0 0 -1px #9880ff, 9999px 0 0 1px #9880ff;
  }
  100% {
    box-shadow: 9999px 0 0 1px #9880ff, 10014px 0 0 -1px #9880ff, 9984px 0 0 -1px #9880ff;
  }
}
/**
 * ==============================================
 * Dot Typing
 * ==============================================
 */
.dot-typing {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
  animation: dotTyping 1.5s infinite linear;
}

@keyframes dotTyping {
  0% {
    box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
  }
  16.667% {
    box-shadow: 9984px -10px 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
  }
  33.333% {
    box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
  }
  50% {
    box-shadow: 9984px 0 0 0 #9880ff, 9999px -10px 0 0 #9880ff, 10014px 0 0 0 #9880ff;
  }
  66.667% {
    box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
  }
  83.333% {
    box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px -10px 0 0 #9880ff;
  }
  100% {
    box-shadow: 9984px 0 0 0 #9880ff, 9999px 0 0 0 #9880ff, 10014px 0 0 0 #9880ff;
  }
}
/**
 * ==============================================
 * Dot Windmill
 * ==============================================
 */
.dot-windmill {
  position: relative;
  top: -10px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  transform-origin: 5px 15px;
  animation: dotWindmill 2s infinite linear;
}

.dot-windmill::before,
.dot-windmill::after {
  content: "";
  display: inline-block;
  position: absolute;
}

.dot-windmill::before {
  left: -8.66px;
  top: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
}

.dot-windmill::after {
  left: 8.66px;
  top: 15px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
}

@keyframes dotWindmill {
  0% {
    transform: rotateZ(0deg) translate3d(0, 0, 0);
  }
  100% {
    transform: rotateZ(720deg) translate3d(0, 0, 0);
  }
}
/**
 * ==============================================
 * Dot Bricks
 * ==============================================
 */
.dot-bricks {
  position: relative;
  top: 8px;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;
  animation: dotBricks 2s infinite ease;
}

@keyframes dotBricks {
  0% {
    box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;
  }
  8.333% {
    box-shadow: 10007px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;
  }
  16.667% {
    box-shadow: 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 10007px 0 0 0 #9880ff;
  }
  25% {
    box-shadow: 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;
  }
  33.333% {
    box-shadow: 10007px 0 0 0 #9880ff, 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;
  }
  41.667% {
    box-shadow: 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff;
  }
  50% {
    box-shadow: 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff;
  }
  58.333% {
    box-shadow: 9991px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff, 9991px -16px 0 0 #9880ff;
  }
  66.666% {
    box-shadow: 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff, 9991px -16px 0 0 #9880ff;
  }
  75% {
    box-shadow: 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;
  }
  83.333% {
    box-shadow: 9991px -16px 0 0 #9880ff, 10007px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;
  }
  91.667% {
    box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px -16px 0 0 #9880ff;
  }
  100% {
    box-shadow: 9991px -16px 0 0 #9880ff, 9991px 0 0 0 #9880ff, 10007px 0 0 0 #9880ff;
  }
}
/**
 * ==============================================
 * Dot Floating
 * ==============================================
 */
.dot-floating {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotFloating 3s infinite cubic-bezier(0.15, 0.6, 0.9, 0.1);
}

.dot-floating::before,
.dot-floating::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-floating::before {
  left: -12px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotFloatingBefore 3s infinite ease-in-out;
}

.dot-floating::after {
  left: -24px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotFloatingAfter 3s infinite cubic-bezier(0.4, 0, 1, 1);
}

@keyframes dotFloating {
  0% {
    left: calc(-50% - 5px);
  }
  75% {
    left: calc(50% + 105px);
  }
  100% {
    left: calc(50% + 105px);
  }
}
@keyframes dotFloatingBefore {
  0% {
    left: -50px;
  }
  50% {
    left: -12px;
  }
  75% {
    left: -50px;
  }
  100% {
    left: -50px;
  }
}
@keyframes dotFloatingAfter {
  0% {
    left: -100px;
  }
  50% {
    left: -24px;
  }
  75% {
    left: -100px;
  }
  100% {
    left: -100px;
  }
}
/**
 * ==============================================
 * Dot Fire
 * ==============================================
 */
.dot-fire {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  box-shadow: 9999px 22.5px 0 -5px #9880ff;
  animation: dotFire 1.5s infinite linear;
  animation-delay: -0.85s;
}

.dot-fire::before,
.dot-fire::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
}

.dot-fire::before {
  box-shadow: 9999px 22.5px 0 -5px #9880ff;
  animation: dotFire 1.5s infinite linear;
  animation-delay: -1.85s;
}

.dot-fire::after {
  box-shadow: 9999px 22.5px 0 -5px #9880ff;
  animation: dotFire 1.5s infinite linear;
  animation-delay: -2.85s;
}

@keyframes dotFire {
  1% {
    box-shadow: 9999px 22.5px 0 -5px #9880ff;
  }
  50% {
    box-shadow: 9999px -5.625px 0 2px #9880ff;
  }
  100% {
    box-shadow: 9999px -22.5px 0 -5px #9880ff;
  }
}
/**
 * ==============================================
 * Dot Spin
 * ==============================================
 */
.dot-spin {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: transparent;
  color: transparent;
  box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), 0 18px 0 0 rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 rgba(152, 128, 255, 0), -18px 0 0 0 rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 rgba(152, 128, 255, 0);
  animation: dotSpin 1.5s infinite linear;
}

@keyframes dotSpin {
  0%, 100% {
    box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  12.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  25% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 0 #9880ff, 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  37.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 0 #9880ff, 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  50% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 0 #9880ff, -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0);
  }
  62.5% {
    box-shadow: 0 -18px 0 -5px rgba(152, 128, 255, 0), 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 0 #9880ff, -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff;
  }
  75% {
    box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 -5px rgba(152, 128, 255, 0), 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 0 #9880ff, -12.72984px -12.72984px 0 0 #9880ff;
  }
  87.5% {
    box-shadow: 0 -18px 0 0 #9880ff, 12.72984px -12.72984px 0 0 #9880ff, 18px 0 0 -5px rgba(152, 128, 255, 0), 12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), 0 18px 0 -5px rgba(152, 128, 255, 0), -12.72984px 12.72984px 0 -5px rgba(152, 128, 255, 0), -18px 0 0 -5px rgba(152, 128, 255, 0), -12.72984px -12.72984px 0 0 #9880ff;
  }
}
/**
 * ==============================================
 * Dot Falling
 * ==============================================
 */
.dot-falling {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  box-shadow: 9999px 0 0 0 #9880ff;
  animation: dotFalling 1s infinite linear;
  animation-delay: 0.1s;
}

.dot-falling::before,
.dot-falling::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-falling::before {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotFallingBefore 1s infinite linear;
  animation-delay: 0s;
}

.dot-falling::after {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotFallingAfter 1s infinite linear;
  animation-delay: 0.2s;
}

@keyframes dotFalling {
  0% {
    box-shadow: 9999px -15px 0 0 rgba(152, 128, 255, 0);
  }
  25%, 50%, 75% {
    box-shadow: 9999px 0 0 0 #9880ff;
  }
  100% {
    box-shadow: 9999px 15px 0 0 rgba(152, 128, 255, 0);
  }
}
@keyframes dotFallingBefore {
  0% {
    box-shadow: 9984px -15px 0 0 rgba(152, 128, 255, 0);
  }
  25%, 50%, 75% {
    box-shadow: 9984px 0 0 0 #9880ff;
  }
  100% {
    box-shadow: 9984px 15px 0 0 rgba(152, 128, 255, 0);
  }
}
@keyframes dotFallingAfter {
  0% {
    box-shadow: 10014px -15px 0 0 rgba(152, 128, 255, 0);
  }
  25%, 50%, 75% {
    box-shadow: 10014px 0 0 0 #9880ff;
  }
  100% {
    box-shadow: 10014px 15px 0 0 rgba(152, 128, 255, 0);
  }
}
/**
 * ==============================================
 * Dot Stretching
 * ==============================================
 */
.dot-stretching {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  transform: scale(1.25, 1.25);
  animation: dotStretching 2s infinite ease-in;
}

.dot-stretching::before,
.dot-stretching::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
}

.dot-stretching::before {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotStretchingBefore 2s infinite ease-in;
}

.dot-stretching::after {
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #9880ff;
  color: #9880ff;
  animation: dotStretchingAfter 2s infinite ease-in;
}

@keyframes dotStretching {
  0% {
    transform: scale(1.25, 1.25);
  }
  50%, 60% {
    transform: scale(0.8, 0.8);
  }
  100% {
    transform: scale(1.25, 1.25);
  }
}
@keyframes dotStretchingBefore {
  0% {
    transform: translate(0) scale(0.7, 0.7);
  }
  50%, 60% {
    transform: translate(-20px) scale(1, 1);
  }
  100% {
    transform: translate(0) scale(0.7, 0.7);
  }
}
@keyframes dotStretchingAfter {
  0% {
    transform: translate(0) scale(0.7, 0.7);
  }
  50%, 60% {
    transform: translate(20px) scale(1, 1);
  }
  100% {
    transform: translate(0) scale(0.7, 0.7);
  }
}
/**
 * ==============================================
 * Experiment-Gooey Effect
 * Dot Gathering
 * ==============================================
 */
.dot-gathering {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: black;
  color: transparent;
  margin: -1px 0;
  filter: blur(2px);
}

.dot-gathering::before,
.dot-gathering::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: -50px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: black;
  color: transparent;
  opacity: 0;
  filter: blur(2px);
  animation: dotGathering 2s infinite ease-in;
}

.dot-gathering::after {
  animation-delay: 0.5s;
}

@keyframes dotGathering {
  0% {
    opacity: 0;
    transform: translateX(0);
  }
  35%, 60% {
    opacity: 1;
    transform: translateX(50px);
  }
  100% {
    opacity: 0;
    transform: translateX(100px);
  }
}
/**
 * ==============================================
 * Experiment-Gooey Effect
 * Dot Hourglass
 * ==============================================
 */
.dot-hourglass {
  position: relative;
  top: -15px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: black;
  color: transparent;
  margin: -1px 0;
  filter: blur(2px);
  transform-origin: 5px 20px;
  animation: dotHourglass 2.4s infinite ease-in-out;
  animation-delay: 0.6s;
}

.dot-hourglass::before,
.dot-hourglass::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: black;
  color: transparent;
  filter: blur(2px);
}

.dot-hourglass::before {
  top: 30px;
}

.dot-hourglass::after {
  animation: dotHourglassAfter 2.4s infinite cubic-bezier(0.65, 0.05, 0.36, 1);
}

@keyframes dotHourglass {
  0% {
    transform: rotateZ(0deg);
  }
  25% {
    transform: rotateZ(180deg);
  }
  50% {
    transform: rotateZ(180deg);
  }
  75% {
    transform: rotateZ(360deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes dotHourglassAfter {
  0% {
    transform: translateY(0);
  }
  25% {
    transform: translateY(30px);
  }
  50% {
    transform: translateY(30px);
  }
  75% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
/**
 * ==============================================
 * Experiment-Gooey Effect
 * Dot Overtaking
 * ==============================================
 */
.dot-overtaking {
  position: relative;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: transparent;
  color: black;
  margin: -1px 0;
  box-shadow: 0 -20px 0 0;
  filter: blur(2px);
  animation: dotOvertaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
}

.dot-overtaking::before,
.dot-overtaking::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: transparent;
  color: black;
  box-shadow: 0 -20px 0 0;
  filter: blur(2px);
}

.dot-overtaking::before {
  animation: dotOvertaking 2s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
  animation-delay: 0.3s;
}

.dot-overtaking::after {
  animation: dotOvertaking 1.5s infinite cubic-bezier(0.2, 0.6, 0.8, 0.2);
  animation-delay: 0.6s;
}

@keyframes dotOvertaking {
  0% {
    transform: rotateZ(0deg);
  }
  100% {
    transform: rotateZ(360deg);
  }
}
/**
 * ==============================================
 * Experiment-Gooey Effect
 * Dot Shuttle
 * ==============================================
 */
.dot-shuttle {
  position: relative;
  left: -15px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: black;
  color: transparent;
  margin: -1px 0;
  filter: blur(2px);
}

.dot-shuttle::before,
.dot-shuttle::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background-color: black;
  color: transparent;
  filter: blur(2px);
}

.dot-shuttle::before {
  left: 15px;
  animation: dotShuttle 2s infinite ease-out;
}

.dot-shuttle::after {
  left: 30px;
}

@keyframes dotShuttle {
  0%, 50%, 100% {
    transform: translateX(0);
  }
  25% {
    transform: translateX(-45px);
  }
  75% {
    transform: translateX(45px);
  }
}
/**
 * ==============================================
 * Experiment-Emoji
 * Dot Bouncing
 * ==============================================
 */
.dot-bouncing {
  position: relative;
  height: 10px;
  font-size: 10px;
}

.dot-bouncing::before {
  content: "⚽🏀🏐";
  display: inline-block;
  position: relative;
  animation: dotBouncing 1s infinite;
}

@keyframes dotBouncing {
  0% {
    top: -20px;
    animation-timing-function: ease-in;
  }
  34% {
    transform: scale(1, 1);
  }
  35% {
    top: 20px;
    animation-timing-function: ease-out;
    transform: scale(1.5, 0.5);
  }
  45% {
    transform: scale(1, 1);
  }
  90% {
    top: -20px;
  }
  100% {
    top: -20px;
  }
}
/**
 * ==============================================
 * Experiment-Emoji
 * Dot Rolling
 * ==============================================
 */
.dot-rolling {
  position: relative;
  height: 10px;
  font-size: 10px;
}

.dot-rolling::before {
  content: "⚽";
  display: inline-block;
  position: relative;
  transform: translateX(-25px);
  animation: dotRolling 3s infinite;
}

@keyframes dotRolling {
  0% {
    content: "⚽";
    transform: translateX(-25px) rotateZ(0deg);
  }
  16.667% {
    content: "⚽";
    transform: translateX(25px) rotateZ(720deg);
  }
  33.333% {
    content: "⚽";
    transform: translateX(-25px) rotateZ(0deg);
  }
  34.333% {
    content: "🏀";
    transform: translateX(-25px) rotateZ(0deg);
  }
  50% {
    content: "🏀";
    transform: translateX(25px) rotateZ(720deg);
  }
  66.667% {
    content: "🏀";
    transform: translateX(-25px) rotateZ(0deg);
  }
  67.667% {
    content: "🏐";
    transform: translateX(-25px) rotateZ(0deg);
  }
  83.333% {
    content: "🏐";
    transform: translateX(25px) rotateZ(720deg);
  }
  100% {
    content: "🏐";
    transform: translateX(-25px) rotateZ(0deg);
  }
}
.loader-ckeditor {
  position: fixed;
  z-index: 100;
  width: auto;
  height: 3rem;
  background: white;
  bottom: 1rem;
  left: 1rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.dot-flashing-custom {
  display: flex;
  justify-content: space-between;
  width: 3.5rem;
}
.dot-flashing-custom .dot {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #3167F6;
  color: #3167F6;
}
.dot-flashing-custom .dot:nth-of-type(1) {
  animation: dotFlashingCustome 0.6s infinite linear 0s alternate;
}
.dot-flashing-custom .dot:nth-of-type(2) {
  animation: dotFlashingCustome 0.6s infinite linear 0.25s alternate;
}
.dot-flashing-custom .dot:nth-of-type(3) {
  animation: dotFlashingCustome 0.6s infinite linear 0.5s alternate;
}

.dot-flashing-dashboard {
  display: flex;
  justify-content: space-between;
}
.dot-flashing-dashboard .dot {
  position: relative;
  border-radius: 50%;
  background-color: #3167F6;
  color: #3167F6;
}
.dot-flashing-dashboard .dot:nth-of-type(1) {
  animation: dotFlashingCustome 0.6s infinite linear 0s alternate;
}
.dot-flashing-dashboard .dot:nth-of-type(2) {
  animation: dotFlashingCustome 0.6s infinite linear 0.25s alternate;
}
.dot-flashing-dashboard .dot:nth-of-type(3) {
  animation: dotFlashingCustome 0.6s infinite linear 0.5s alternate;
}

@media screen and (max-width: 1899px) {
  .dot-flashing-dashboard {
    width: 6.8rem;
    margin-bottom: 0.4rem;
  }
  .dot-flashing-dashboard .dot {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (min-width: 1900px) {
  .dot-flashing-dashboard {
    width: 11.2rem;
    margin-bottom: 1.6rem;
  }
  .dot-flashing-dashboard .dot {
    width: 3.2rem;
    height: 3.2rem;
  }
}
@media screen and (min-width: 2500px) {
  .dot-flashing-dashboard {
    width: 18.6rem;
    margin-bottom: 2.4rem;
  }
  .dot-flashing-dashboard .dot {
    width: 5.4rem;
    height: 5.4rem;
  }
}
@keyframes dotFlashingCustome {
  0% {
    background-color: #3167F6;
    opacity: 0.1;
  }
  50% {
    background-color: #3167F6;
    opacity: 0.45;
  }
  100% {
    background-color: #3167F6;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinning-icon-loader {
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
}
.spinning-icon-loader svg {
  display: block;
  width: 100%;
  height: 100%;
}

.loading-spinner-new,
.loading-spinner-new div,
.loading-spinner-new div:after {
  box-sizing: border-box;
}

.loading-spinner-new {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
}
.loading-spinner-new.small {
  width: 16px;
  height: 16px;
}
.loading-spinner-new.small div {
  transform-origin: 8px 8px;
  animation: loading-spinner-new 0.8s linear infinite;
}
.loading-spinner-new.small div::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0.6px;
  left: calc(50% - 0.7px);
  width: 1.6px;
  height: 3.8px;
  border-radius: 50px;
  background: currentColor;
}
.loading-spinner-new.medium {
  width: 2rem;
  height: 2rem;
}
.loading-spinner-new.medium div {
  transform-origin: 10px 10px;
  animation: loading-spinner-new 0.8s linear infinite;
}
.loading-spinner-new.medium div::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0.8px;
  left: 9.2px;
  width: 1.6px;
  height: 4.4px;
  border-radius: 50px;
  background: currentColor;
}
.loading-spinner-new.large {
  width: 2.4rem;
  height: 2.4rem;
}
.loading-spinner-new.large div {
  transform-origin: 12px 12px;
  animation: loading-spinner-new 0.8s linear infinite;
}
.loading-spinner-new.large div::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: calc(50% - 0.8px);
  width: 1.6px;
  height: 4.8px;
  border-radius: 50px;
  background: currentColor;
}
.loading-spinner-new div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.7s;
}
.loading-spinner-new div:nth-child(2) {
  transform: rotate(45deg);
  animation-delay: -0.6s;
}
.loading-spinner-new div:nth-child(3) {
  transform: rotate(90deg);
  animation-delay: -0.5s;
}
.loading-spinner-new div:nth-child(4) {
  transform: rotate(135deg);
  animation-delay: -0.4s;
}
.loading-spinner-new div:nth-child(5) {
  transform: rotate(180deg);
  animation-delay: -0.3s;
}
.loading-spinner-new div:nth-child(6) {
  transform: rotate(225deg);
  animation-delay: -0.2s;
}
.loading-spinner-new div:nth-child(7) {
  transform: rotate(270deg);
  animation-delay: -0.1s;
}
.loading-spinner-new div:nth-child(8) {
  transform: rotate(315deg);
  animation-delay: 0s;
}

@keyframes loading-spinner-new {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loading-skeleton {
  width: 100%;
  background-color: #F6F6FC;
  position: relative;
  overflow: hidden;
}

.loading-skeleton::after {
  content: "";
  animation: ssc-loading 1.3s infinite;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: 1;
  background: linear-gradient(90deg, transparent, rgb(255, 255, 255), transparent);
}

@keyframes ssc-loading {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
/*!
 * Cropper.js v1.5.7
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2020-05-23T05:22:57.283Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 0.2rem solid #FFFFFF;
  outline-color: #FFFFFF;
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0rem solid #eee;
  display: block;
  opacity: 1;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 0.2rem;
  border-top-width: 0.2rem;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 0.2rem;
  border-right-width: 0.2rem;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}

.cropper-center::before,
.cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}

.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}

.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #FFFFFF;
}

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #FFFFFF;
  height: 5px;
  opacity: 0;
  width: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-point.point-se::before {
  background-color: #FFFFFF;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.error-group {
  padding-top: 6rem !important;
  width: 46rem;
}
.error-group.error-505 i {
  display: block;
  font-size: 6rem;
  margin-bottom: 4.5rem;
}
.error-group.error-505 i:before {
  color: #FF6666;
}
.error-group.error-505 h1, .error-group.error-505 .h1 {
  max-width: 50rem;
}
.error-group.error-505 h4, .error-group.error-505 .h4 {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  margin-bottom: 3.2rem;
  max-width: 50rem;
}
.error-group.error-404 img {
  margin-bottom: 3.2rem;
}
.error-group.error-404 h5, .error-group.error-404 .h5 {
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
  color: #131315;
  margin-bottom: 3.2rem;
  max-width: 50rem;
}
.error-group h1, .error-group .h1 {
  color: #4C516D;
  margin-bottom: 1.6rem;
}
.error-group .btn-group {
  gap: 1.6rem;
}
.error-group .btn-refresh {
  display: block;
  background-color: transparent;
  border-radius: 0.4rem;
  color: #3167F6;
  font-size: 1.5rem;
  padding: 1rem 1.2rem;
  box-shadow: 0px -1px 1px 0px rgba(65, 51, 104, 0.04), 0px 1px 3px 0px rgba(65, 51, 104, 0.12), 0px 1px 2px 0px rgba(65, 51, 104, 0.24);
}
.error-group .btn-refresh:hover {
  border-color: #318CF6;
  color: #318CF6;
  text-decoration: none;
}
.error-group .btn-home {
  display: block;
  background-color: #3167F6;
  border: 0;
  border-radius: 0.4rem;
  color: #FFFFFF;
  font-size: 1.5rem;
  padding: 1rem 1.2rem;
}
.error-group .btn-home:hover {
  background-color: #318CF6;
  text-decoration: none;
}

:root {
  --ck-z-default:1;
  --ck-z-modal:99999 !important;
}

[class^=”math-preview-”] {
  z-index: 99999 !important;
}

.ck-math-view button {
  display: none !important;
}
.ck-math-view .ck.ck-labeled-field-view__status {
  font-size: 1.5rem !important;
}
.ck-math-view input {
  width: 260px !important;
  height: 40px !important;
  border: 0.2rem solid #E5E7F2 !important;
  border-radius: 0.4rem !important;
  outline: none !important;
  color: #131315 !important;
}
.ck-math-view input::-webkit-input-placeholder { /* Edge */
  color: #9D9FBC;
}
.ck-math-view input:-ms-input-placeholder { /* Internet Explorer */
  color: #9D9FBC;
}

.ck-editor {
  border: 0.2rem solid #E5E7F2;
}
.ck-editor.active {
  border: 0.2rem solid #9EE7B2 !important;
}
.ck-editor .ck-editor__top {
  display: none !important;
}

.ck.ck-widget__type-around__button {
  display: none;
}

.ck.ck-editor__editable_inline {
  padding: 0rem 1.6rem !important;
  -moz-user-select: auto;
       user-select: auto;
  -webkit-user-select: auto;
}

.ck-height-4 .ck-content {
  min-height: 4rem !important;
}
.ck-height-4 .ck-content p {
  margin-bottom: 0.8rem !important;
  margin-top: 0.8rem !important;
}

.ck-height-9 .ck-content {
  min-height: 9.6rem !important;
}

.ck-height-14 .ck-content {
  min-height: 14rem !important;
}
.ck-height-14 .ck-content::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}
.ck-height-14 .ck-content::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 0.2rem;
}
.ck-height-14 .ck-content::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #DCDEED;
}
.ck-height-14 .ck-content::-moz-scrollbars-horizontal {
  height: 0.2rem;
  width: 0.2rem;
}

.height-14rem .ck-content {
  height: 224px !important;
}

.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border: 0.2rem solid #E5E7F2 !important;
  border-radius: 4px !important;
}

.ck.ck-editor.red-border {
  border-color: #FFE1E1 !important;
}

.ck.ck-reset {
  border-radius: 0.4rem;
}

.ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  border: 0.2rem solid #D9EBFF !important;
  border-color: #D9EBFF !important;
  box-shadow: 0px 0px transparent !important;
  border-radius: 4px !important;
}

ul li .ck.ck-content.ck-editor__editable_inline {
  min-height: unset;
}
ul li .ck.ck-content.ck-editor__editable_inline p {
  margin-top: unset !important;
  margin-bottom: unset !important;
}

.ck-content {
  word-break: break-word;
  min-height: 45px;
}
.ck-content .ck-placeholder {
  color: #9D9FBC !important;
}
.ck-content .ck-placeholder::before {
  color: #9D9FBC !important;
}
.ck-content .image.image_resized {
  margin: 10px 0px;
}
.ck-content p {
  font-size: 1.5rem !important;
  font-family: "Inter", sans-serif !important;
  margin-bottom: 1rem;
}
.ck-content i {
  font-family: "Inter", sans-serif !important;
  font-style: italic !important;
}
.ck-content * {
  color: #131315 !important;
}

form.was-validated .ckeditor-list:has(.ck.ck-editor__editable > p.ck-placeholder) ~ .invalid-feedback {
  display: block;
}
form.was-validated .ckeditor-list:has(.ck.ck-editor__editable > p.ck-placeholder):has(textarea.required) .ck.ck-editor__editable {
  border: 0.2rem solid #FFE1E1 !important;
}

.ckeditor-list:has(textarea.state-success) .ck.ck-editor__editable {
  border: 0.2rem solid #5ED980 !important;
}

.ck.ck-balloon-panel {
  z-index: 99999 !important;
}

.ckeditor-btn-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0.8rem;
}
.ckeditor-btn-group button {
  display: inline-block;
  width: 4rem;
  height: 4rem;
  border: 0;
  margin: 0;
  text-align: center;
  font-size: 1.8rem;
  background: #F6F6FC;
}
.ckeditor-btn-group button.active, .ckeditor-btn-group button:hover {
  background: #F7FAFF;
}
.ckeditor-btn-group button.active i:before, .ckeditor-btn-group button:hover i:before {
  color: #7233DA;
}
.ckeditor-btn-group button.active svg path {
  fill: #3167F6;
}

.explanation-text,
.direction-text {
  display: table-cell;
  color: #4C516D !important;
}
.explanation-text i,
.direction-text i {
  font-family: "Inter", sans-serif !important;
  font-style: italic !important;
  line-height: 1.5rem !important;
}
.explanation-text .image-style-align-left,
.direction-text .image-style-align-left {
  float: left;
  margin-right: 3rem;
}
.explanation-text .image-style-align-right,
.direction-text .image-style-align-right {
  float: right;
  margin-left: 3rem;
}
.explanation-text img,
.direction-text img {
  width: 100%;
}
.explanation-text ul li:before,
.direction-text ul li:before {
  display: none;
}
.explanation-text::after,
.direction-text::after {
  content: "";
  display: block;
  clear: both;
}
.explanation-text .image-style-align-center,
.direction-text .image-style-align-center {
  margin-left: auto;
  margin-right: auto;
}

.disable-editor * {
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  color: #7C92A7 !important;
  font-family: "Inter", sans-serif !important;
  font-weight: normal !important;
  font-style: normal !important;
  text-decoration: none !important;
  line-height: 2.5rem !important;
  font-size: 1.5rem !important;
}
.disable-editor.black * {
  color: #131315 !important;
}

.explanation-group > strong:first-child {
  margin-bottom: 4px;
}

.explanation-group .explanation-text li {
  margin-top: 10px;
  margin-bottom: 10px;
}

#checkEditorUserGuides ~ .ck-editor.ck-rounded-corners .ck.ck-editor__main .ck.ck-content {
  height: 328px;
  overflow: auto;
  position: relative;
}
#checkEditorUserGuides ~ .ck-editor.ck-rounded-corners .ck.ck-editor__main .ck.ck-content .ck-placeholder::before {
  color: #9D9FBC;
}
#checkEditorUserGuides ~ .ck-editor.ck-rounded-corners .ck.ck-editor__main .ck.ck-content::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}
#checkEditorUserGuides ~ .ck-editor.ck-rounded-corners .ck.ck-editor__main .ck.ck-content::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 0.2rem;
}
#checkEditorUserGuides ~ .ck-editor.ck-rounded-corners .ck.ck-editor__main .ck.ck-content::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #DCDEED;
}
#checkEditorUserGuides ~ .ck-editor.ck-rounded-corners .ck.ck-editor__main .ck.ck-content::-moz-scrollbars-horizontal {
  height: 0.2rem;
  width: 0.2rem;
}

.ckeditor-learning.ck-objectives .ck.ck-editor__main .ck.ck-content {
  border-left: none !important;
  border-right: none !important;
}
.ckeditor-learning.ck-objectives .ck.ck-editor__main .ck.ck-content.ck-focused {
  border-top: 0.2rem solid #E5E7F2 !important;
  border-bottom: 0.2rem solid #E5E7F2 !important;
  border-color: #E5E7F2 !important;
}
.ckeditor-learning.ck-objectives .ckeditor-btn-group {
  left: -40px;
  position: relative;
}
.ckeditor-learning .ck.ck-editor__main .ck.ck-content {
  height: 140px;
}
.ckeditor-learning .ck.ck-editor__main .ck.ck-content::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}
.ckeditor-learning .ck.ck-editor__main .ck.ck-content::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 0.2rem;
}
.ckeditor-learning .ck.ck-editor__main .ck.ck-content::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #DCDEED;
}
.ckeditor-learning .ck.ck-editor__main .ck.ck-content::-moz-scrollbars-horizontal {
  height: 0.2rem;
  width: 0.2rem;
}

.ckeditor-with-icon .ckeditor-body {
  position: relative;
  display: flex;
  border: 2px solid #E5E7F2;
  border-radius: 4px;
  height: 140px;
}
.ckeditor-with-icon .ckeditor-body .ckeditor-icon {
  margin-top: 1.35rem;
}
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ck.ck-reset,
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ck.ck-editor__main,
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ck.ck-content {
  height: 100%;
}
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ck.ck-content::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ck.ck-content::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 0.2rem;
}
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ck.ck-content::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #DCDEED;
}
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ck.ck-content::-moz-scrollbars-horizontal {
  height: 0.2rem;
  width: 0.2rem;
}
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
  border: none !important;
}
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ck.ck-editor__editable:not(.ck-editor__nested-editable).ck-focused {
  border: none !important;
}
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ck-placeholder::before {
  color: #9D9FBC;
}
.ckeditor-with-icon .ckeditor-body .ckeditor-list .ckeditor-btn-group {
  position: absolute;
  left: 0;
}
.ckeditor-with-icon .ckeditor-body:focus-within {
  border: 0.2rem solid #D9EBFF;
}
.ckeditor-with-icon:focus-within {
  padding-bottom: 4.8rem;
}

.editor-display .media {
  display: block;
}

.design-code-ckeditor div:first-child {
  margin: 0 !important;
}
.design-code-ckeditor.set-height pre {
  height: 200px;
  overflow: auto;
}
.design-code-ckeditor pre {
  background-color: #F8F8FC !important;
}

.edit-petunjuk-soal {
  color: #4C516D;
}

.modal .modal-content .modal-body p {
  line-height: 2.4rem !important;
  font-size: 1.5rem;
}

.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-ellipsis div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgb(206, 206, 206);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
.type-isian-matematika .image_resized, .type-isian-angka .image_resized {
  display: inline-block !important;
}

.select2.select2-container.select2-container--default {
  width: 100% !important;
}
.select2.select2-container.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #9D9FBC;
}
.select2.select2-container.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.2rem !important;
}
.select2.select2-container.select2-container--default .select2-selection--single[aria-disabled=true] {
  background-color: #EFF0F9;
}
.select2.select2-container.select2-container--default .select2-selection__rendered {
  width: 100%;
  padding: 8px;
  padding-left: 1.6rem;
  padding-right: 4rem;
}
.select2.select2-container.select2-container--default .select2-selection--multiple {
  min-height: 20rem !important;
  align-items: baseline;
}
.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  height: inherit;
}
.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 3px;
  margin-bottom: 3px;
}
.select2 .select2-search--inline {
  width: inherit;
}
.select2 .select2-search--inline .select2-search__field {
  margin-top: 0px;
  width: 100% !important;
}
.select2 .selection .select2-selection {
  min-height: 4.4rem;
  display: flex;
  align-items: center;
}
.select2 .selection .select2-selection .select2-selection__arrow {
  top: unset;
  margin-bottom: 1rem;
}
.select2 .selection .select2-selection .select2-selection__arrow b {
  font-family: "kejar-matrikulasi" !important;
  border-color: unset;
  border-style: unset;
  border-width: unset;
  margin-top: -5px;
  margin-left: -13px;
  color: black;
}
.select2 .selection .select2-selection .select2-selection__arrow b::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8584 7.89241C16.1025 8.13649 16.1025 8.53221 15.8584 8.77629L10.4418 14.193C10.1977 14.437 9.80197 14.437 9.5579 14.193L4.14123 8.77629C3.89715 8.53221 3.89715 8.13649 4.14123 7.89241C4.38531 7.64833 4.78104 7.64833 5.02511 7.89241L9.99984 12.8671L14.9746 7.89241C15.2186 7.64833 15.6144 7.64833 15.8584 7.89241Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 2.3rem 2.4rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: -0.5rem;
}
.select2.select2-container--default.select2-container--open .select2-selection__arrow b::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.35005 13.1503C4.10597 12.9062 4.10597 12.5105 4.35005 12.2664L9.76672 6.84977C10.0108 6.60569 10.4065 6.60569 10.6506 6.84977L16.0673 12.2664C16.3113 12.5105 16.3113 12.9062 16.0673 13.1503C15.8232 13.3944 15.4275 13.3944 15.1834 13.1503L10.2087 8.17559L5.23393 13.1503C4.98986 13.3944 4.59413 13.3944 4.35005 13.1503Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 2.3rem 2.4rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: -0.5rem;
}

select.select2.h-100 + .select2 .selection .select2-selection {
  height: 100%;
}

.select2-results__options {
  padding-left: 1.6rem;
  position: relative;
}
.select2-results__options.select2-results__options--nested .select2-results__option {
  padding-left: 0.5rem !important;
}
.select2-results__options::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}
.select2-results__options::-webkit-scrollbar-track {
  background-color: #ffffff;
  border-radius: 0.2rem;
}
.select2-results__options::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #dcdeed;
}
.select2-results__options::-moz-scrollbars-horizontal {
  height: 0.2rem;
  width: 0.2rem;
}

.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field::-moz-placeholder {
  color: #9d9fbc;
}

.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field::placeholder {
  color: #9d9fbc;
}

.select2-container.select2-container--default .select2-dropdown {
  border: 0;
  background-color: transparent;
}
.select2-container.select2-container--default .select2-dropdown.select2-dropdown--above {
  display: flex;
  flex-direction: column-reverse;
}
.select2-container.select2-container--default .select2-dropdown.select2-dropdown--above .select2-results {
  box-shadow: 0px -3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.select2-container.select2-container--default .select2-dropdown.select2-dropdown--above .select2-search--dropdown:not(.select2-search--hide) {
  position: relative;
  top: 4.4rem;
}
.select2-container.select2-container--default .select2-dropdown.select2-dropdown--above .select2-search--dropdown:not(.select2-search--hide) + .select2-results {
  position: relative;
  top: 4.4rem;
}
.select2-container.select2-container--default .select2-dropdown.select2-dropdown--below .select2-results {
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
}
.select2-container.select2-container--default .select2-dropdown.select2-dropdown--below .select2-search--dropdown:not(.select2-search--hide) {
  position: relative;
  top: -4.4rem;
}
.select2-container.select2-container--default .select2-dropdown.select2-dropdown--below .select2-search--dropdown:not(.select2-search--hide) + .select2-results {
  position: relative;
  top: -4.4rem;
}
.select2-container.select2-container--default .select2-dropdown .select2-search--dropdown {
  padding: 0;
  background-color: #FFFFFF;
}
.select2-container.select2-container--default .select2-dropdown .select2-search--dropdown::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.35005 13.1503C4.10597 12.9062 4.10597 12.5105 4.35005 12.2664L9.76672 6.84977C10.0108 6.60569 10.4065 6.60569 10.6506 6.84977L16.0673 12.2664C16.3113 12.5105 16.3113 12.9062 16.0673 13.1503C15.8232 13.3944 15.4275 13.3944 15.1834 13.1503L10.2087 8.17559L5.23393 13.1503C4.98986 13.3944 4.59413 13.3944 4.35005 13.1503Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 2.3rem 2.4rem;
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: 1.9rem;
  margin-top: 1rem;
}
.select2-container.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field {
  border: 2px solid #e5e7f2;
  border-radius: 0.4rem;
  height: 4.4rem;
  padding-left: 1.6rem;
  padding-right: 4rem;
}
.select2-container.select2-container--default .select2-dropdown .select2-search--dropdown .select2-search__field:focus {
  outline: 0;
}
.select2-container.select2-container--default .select2-dropdown .select2-results {
  border-radius: 0.4rem;
  margin: 0.4rem 0;
  padding: 0.4rem 0.4rem 0.4rem 0;
  background-color: #FFFFFF;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option {
  padding: 1rem 0 1rem 1.6rem;
  line-height: 2rem;
  margin: 0.4rem 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected] {
  background-color: #F6F6FC;
  color: #131315;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #F6F6FC;
  color: #3E1583;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected]:hover span {
  color: #3E1583;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected]:hover svg path,
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected]:hover svg rect,
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected]:hover svg circle {
  fill: #3E1583;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected]:active {
  background-color: #EFF0F9;
  color: #413368;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected]:active svg path,
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected]:active svg rect,
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option--highlighted[aria-selected]:active svg circle {
  fill: #413368;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option[aria-selected=true] {
  background-color: #FFFFFF;
  font-weight: bold;
  padding-right: 3rem;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option[aria-selected=true]::after {
  position: absolute;
  content: "";
  width: 2rem;
  height: 2rem;
  right: 1rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5256 4.76637C17.7697 5.01045 17.7697 5.40618 17.5256 5.65025L7.94227 15.2336C7.82336 15.3525 7.66154 15.4185 7.49338 15.4166C7.32523 15.4147 7.16492 15.3452 7.04868 15.2237L2.46534 10.432C2.22675 10.1826 2.23554 9.78692 2.48498 9.54833C2.73442 9.30973 3.13005 9.31852 3.36864 9.56797L7.51026 13.8978L16.6417 4.76637C16.8858 4.52229 17.2815 4.52229 17.5256 4.76637Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 2.3rem 2.4rem;
  z-index: 10;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option[aria-label] {
  padding: 0;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option[aria-label] .select2-results__group {
  padding: 1rem 0 0.4rem 1.6rem;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.6rem;
}
.select2-container.select2-container--default .select2-dropdown .select2-results .select2-results__option[aria-label] .select2-results__options--nested .select2-results__option {
  padding-left: 1.6rem !important;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 1.5rem;
  line-height: 2rem;
  width: 100%;
  height: 4.4rem;
}
.select-hidden {
  display: none;
  visibility: hidden;
}
.select .select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #FFFFFF;
  padding: 1rem 1.6rem;
  color: #131315;
  border: 2px solid #E5E7F2;
  border-radius: 0.4rem;
}
.select .select-styled::after {
  position: absolute;
  content: "";
  width: 2rem;
  height: 2rem;
  right: 1.6rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8584 7.89241C16.1025 8.13649 16.1025 8.53221 15.8584 8.77629L10.4418 14.193C10.1977 14.437 9.80197 14.437 9.5579 14.193L4.14123 8.77629C3.89715 8.53221 3.89715 8.13649 4.14123 7.89241C4.38531 7.64833 4.78104 7.64833 5.02511 7.89241L9.99984 12.8671L14.9746 7.89241C15.2186 7.64833 15.6144 7.64833 15.8584 7.89241Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 23px 24px;
}
.select .select-styled[data-value=hide] {
  color: #9D9FBC;
}
.select .select-options {
  padding: 0.4rem 0.4rem 0.4rem 0;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  z-index: 9;
  background-color: #FFFFFF;
  color: #131315;
  margin-top: 0.4rem;
  box-shadow: 0px 3px 6px rgba(65, 51, 104, 0.15), 0px 2px 4px rgba(65, 51, 104, 0.12);
  max-height: 22rem;
  border-radius: 0.4rem;
}
.select .select-options ul.select-options-body {
  display: block;
  list-style: none;
  overflow: auto;
  max-height: 21.2rem;
  padding: 0;
  margin: 0;
}
.select .select-options ul.select-options-body li {
  padding: 1rem 0 1rem 1.6rem;
  margin: 0.4rem 0;
  position: relative;
}
.select .select-options ul.select-options-body li[rel=hide] {
  display: none;
}
.select .select-options ul.select-options-body li:hover {
  background-color: #F6F6FC;
}
.select .select-options ul.select-options-body li.active {
  font-weight: bold;
}
.select .select-options ul.select-options-body li.active::after {
  position: absolute;
  content: "";
  width: 2rem;
  height: 2rem;
  right: 1.2rem;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5256 4.76637C17.7697 5.01045 17.7697 5.40618 17.5256 5.65025L7.94227 15.2336C7.82336 15.3525 7.66154 15.4185 7.49338 15.4166C7.32523 15.4147 7.16492 15.3452 7.04868 15.2237L2.46534 10.432C2.22675 10.1826 2.23554 9.78692 2.48498 9.54833C2.73442 9.30973 3.13005 9.31852 3.36864 9.56797L7.51026 13.8978L16.6417 4.76637C16.8858 4.52229 17.2815 4.52229 17.5256 4.76637Z' fill='%234C516D'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 2.3rem 2.4rem;
}
.select .select-options ul.select-options-body::-webkit-scrollbar {
  width: 0.8rem;
  height: 0.8rem;
}
.select .select-options ul.select-options-body::-webkit-scrollbar-track {
  background-color: #FFFFFF;
  border-radius: 0.2rem;
}
.select .select-options ul.select-options-body::-webkit-scrollbar-thumb {
  border-radius: 0.4rem;
  background-color: #DCDEED;
}
.select .select-options ul.select-options-body::-moz-scrollbars-horizontal {
  height: 0.2rem;
  width: 0.2rem;
}

.select2.select2-container.select2-container--default .select2-selection--multiple {
  border: none;
  overflow: hidden !important;
  min-height: 4rem !important;
  /* form-input */
  box-sizing: border-box;
  /* Auto layout */
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
  min-height: 4.3rem;
  /* neutral/white */
  background: #FFFFFF;
  /* neutral/grey-13 */
  border: 2px solid #E5E7F2;
  border-radius: 4px;
}
.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding: 4px;
}
.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline {
  width: auto;
}
.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 0.3rem;
  margin-left: 1rem;
  padding: 0;
}
.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  display: inline-block;
  flex-direction: row;
  align-items: flex-start;
  padding: 4px 8px;
  gap: 12px;
  background: #F6F6FC;
  border-radius: 2px;
  border: none;
}
.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  float: right;
  margin-left: 5px;
  font-size: 23px;
  color: #E5E7F2;
}

form.was-validated select:is(:required) ~ .select2 .select2-selection--single:has(.select2-selection__placeholder) {
  border: 2px solid #FFE1E1 !important;
}
form.was-validated select:is(:required) ~ .select2 .select2-selection--multiple {
  border: 2px solid #FFE1E1 !important;
}
form.was-validated select:is(:required) ~ .select2 .select2-selection--multiple:has(.select2-selection__choice) {
  border: 2px solid #e5e7f2 !important;
}
form.was-validated select:is(:required) ~ .select2:has(.select2-selection--single .select2-selection__placeholder) ~ .invalid-feedback {
  display: block;
}
form.was-validated .select2:has(~ select:required) .select2-selection--single:has(.select2-selection__placeholder, .select2-search__field) {
  border: 2px solid #FFE1E1 !important;
}
form.was-validated .select2:has(~ select:required) .select2-selection--multiple {
  border: 2px solid #FFE1E1 !important;
}
form.was-validated .select2:has(~ select:required) .select2-selection--multiple:has(.select2-selection__choice) {
  border: 2px solid #e5e7f2 !important;
}
form.was-validated .select2:has(.select2-selection--single .select2-selection__placeholder .select2-selection--multiple) ~ .invalid-feedback {
  display: block;
}

.sidebar#course::-webkit-scrollbar,
.sidebar-body#drawer-body::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.sidebar#course::-webkit-scrollbar-track,
.sidebar-body#drawer-body::-webkit-scrollbar-track {
  background-color: #EFF0F9;
  border-radius: 0.2rem;
  margin-top: 0.8rem;
}

.sidebar#course::-webkit-scrollbar-thumb,
.sidebar-body#drawer-body::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #C3C2D7;
}

.sidebar#course::-moz-scrollbars-horizontal,
.sidebar-body#drawer-body::-moz-scrollbars-horizontal {
  height: 2px;
  width: 2px;
}

.sidebar#course {
  min-width: 36rem;
  width: 36rem;
  overflow: overlay;
}
.sidebar#course .sidebar-body .sidebar-menu:nth-last-child(1) .sidebar-menu-item {
  margin-bottom: 2.4rem;
}
.sidebar#course .sidebar-body .sidebar-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar#course .sidebar-body .sidebar-menu-item div .sidebar-caption {
  max-width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 1.6rem;
  color: #131315;
  font-size: 1.5rem;
  font-weight: 400;
}
.sidebar#course .sidebar-body .sidebar-menu-item.active {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar#course .sidebar-body .sidebar-menu-item.active div .sidebar-caption {
  max-width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 1.6rem;
  font-weight: 700;
  font-size: 1.5rem;
  color: #131315;
}
.sidebar#course .sidebar-body .sidebar-menu-item.done {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar#course .sidebar-body .sidebar-menu-item.done div svg path {
  fill: #878AA6;
}
.sidebar#course .sidebar-body .sidebar-menu-item.done div .sidebar-caption {
  max-width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 1.6rem;
  color: #878AA6;
  font-size: 1.5rem;
  font-weight: 400;
}
.sidebar#course .sidebar-body .sidebar-header:nth-child(1) {
  padding: 1.6rem;
  padding-top: 2.4rem;
  border-top: unset;
}
.sidebar#course .sidebar-body .sidebar-header:nth-child(1) h4, .sidebar#course .sidebar-body .sidebar-header:nth-child(1) .h4 {
  font-size: 1.7rem;
  font-weight: 600;
}
.sidebar#course .sidebar-body .sidebar-header:nth-child(1) .sidebar-header-action {
  display: block;
}
.sidebar#course .sidebar-body .sidebar-header {
  border-top: 2px solid #DCDEED;
}
.sidebar#course .sidebar-body .sidebar-header .sidebar-header-action {
  display: none;
}
.sidebar#course .sidebar-body .sidebar-header h4, .sidebar#course .sidebar-body .sidebar-header .h4 {
  font-size: 1.3rem;
  font-weight: 600;
}

.container-with-sidebar#course-container {
  width: 80rem;
}
.container-with-sidebar#course-container .page-decription {
  display: flex;
  flex-direction: column;
}

.line-shadow-base {
  height: 2px;
  width: 32.8rem;
  background: #DCDEED;
}

.line-small-shadow-base {
  height: 1px;
  background: #E5E7F2;
}

.vartical-line-shadow-base {
  height: 6.8rem;
  width: 0.2rem;
  background: #E5E7F2;
}

.sidebar#drawer {
  z-index: 100;
  min-width: 32rem;
  width: clamp(32rem, 32%, 32rem);
  overflow: hidden;
  position: fixed;
  transform: translateY(-4.4rem);
  height: 100vh;
  padding: 0 0.4rem 1.6rem 1.6rem;
}
.sidebar#drawer .sidebar-body {
  height: 100vh;
  overflow: scroll;
  background: #EFF0F9;
  padding-right: 0.4rem;
}
.sidebar#drawer .sidebar-body > .sidebar-header:first-child {
  width: 28.8rem;
  position: sticky;
  z-index: 10;
  top: 0 !important;
  padding: 3.2rem 1.2rem 1.6rem 1.2rem;
}
.sidebar#drawer .sidebar-body > .sidebar-header:first-child:has(.subtitle) {
  display: block;
}
.sidebar#drawer .sidebar-body > .sidebar-header:first-child h4, .sidebar#drawer .sidebar-body > .sidebar-header:first-child .h4 {
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 600;
  text-transform: unset;
}
.sidebar#drawer .sidebar-body > .sidebar-header:first-child .subtitle {
  margin-top: 0.4rem;
  margin-left: 3.5rem;
  color: #4C516D;
  max-width: 192px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.7rem;
  line-height: 2rem;
  font-weight: 400;
}
.sidebar#drawer .sidebar-body > .sidebar-header:first-child .sidebar-header-row {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.sidebar#drawer .sidebar-body > .sidebar-header:first-child .sidebar-header-row h4, .sidebar#drawer .sidebar-body > .sidebar-header:first-child .sidebar-header-row .h4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar#drawer .sidebar-body .sidebar-header {
  width: 28.8rem;
  position: sticky;
  z-index: 9;
  top: 6.9rem;
  background: #EFF0F9;
}
.sidebar#drawer .sidebar-body:has(.sidebar-header:first-child .subtitle) .sidebar-header {
  top: 9.6rem;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item {
  width: 28.8rem;
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  margin: 0 !important;
  padding: 1rem 1.2rem;
  color: #131315;
  text-decoration: none;
  font-size: 1.5rem;
  line-height: 2rem;
  font-weight: 400;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item:has(.sidebar-menu-text) {
  justify-content: flex-start;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item .sidebar-menu-text {
  flex-grow: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item > .icon-left {
  margin-right: 1.2rem;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item > .icon-right {
  margin-left: 1.2rem;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item:hover {
  background: #E5E7F2;
  border-radius: 0.4rem;
  color: #3E1583;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item:hover svg path:not([stroke]), .sidebar#drawer .sidebar-body .sidebar-menu-item:hover svg rect, .sidebar#drawer .sidebar-body .sidebar-menu-item:hover svg circle {
  fill: #3E1583;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item:hover svg path[stroke] {
  stroke: #3E1583;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item:active {
  color: #413368;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item:active svg path:not([stroke]), .sidebar#drawer .sidebar-body .sidebar-menu-item:active svg rect, .sidebar#drawer .sidebar-body .sidebar-menu-item:active svg circle {
  fill: #413368;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item:active svg path[stroke] {
  stroke: #413368;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item.active {
  background-color: #FFFFFF;
  font-weight: 700;
  box-shadow: none;
  border-radius: 0.4rem;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item.done {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item.done div svg path {
  fill: #878AA6;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item.done div .sidebar-caption {
  max-width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 1.6rem;
  color: #878AA6;
  font-size: 1.5rem;
  font-weight: 400;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item .sidebar-caption {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 1.5rem;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item.item-blue {
  color: #3167F6;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item.item-blue:hover {
  color: #318CF6;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item.item-blue:hover svg path, .sidebar#drawer .sidebar-body .sidebar-menu-item.item-blue:hover svg rect, .sidebar#drawer .sidebar-body .sidebar-menu-item.item-blue:hover svg circle {
  fill: #318CF6;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item.item-blue:active {
  color: #1F50CF;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item.item-blue:active svg path, .sidebar#drawer .sidebar-body .sidebar-menu-item.item-blue:active svg rect, .sidebar#drawer .sidebar-body .sidebar-menu-item.item-blue:active svg circle {
  fill: #1F50CF;
}
.sidebar#drawer .sidebar-body .sidebar-menu-item.item-blue.active {
  color: #1F50CF;
}
.sidebar#drawer .sidebar-body .sidebar-menu:last-child {
  margin-bottom: 9.6rem;
}
.sidebar#drawer .sidebar-body hr {
  width: 28.8rem;
  margin: 0.8rem 0;
  border-top: 2px solid #DCDEED;
  opacity: 1;
}
.sidebar#drawer .sidebar-body .form-default-with-icon.form-search {
  width: 28.8rem;
  border: none;
  background-color: #F8F8FC;
  box-shadow: inset 0px -2px 0px rgba(255, 255, 255, 0.15), inset 0px 1px 3px rgba(65, 51, 104, 0.2);
}
.sidebar#drawer .sidebar-body .form-default-with-icon.form-search input {
  background-color: #F8F8FC;
  margin: 0.4rem 0;
}
.sidebar#drawer .sidebar-body .form-default-with-icon.form-search input:-webkit-autofill {
  background-color: #F8F8FC;
  -webkit-box-shadow: 0 0 0 1000px #F8F8FC inset !important;
}
.sidebar#drawer .sidebar-body::after {
  content: "";
  height: 0.8rem;
  width: 100%;
  background-color: #EFF0F9;
  position: absolute;
  bottom: 0;
}

.sidebar.reportbook#drawer {
  z-index: 100;
  min-width: 32.6rem;
  width: clamp(32.6rem, 20%, 48rem);
  overflow: hidden;
  position: fixed;
  transform: translateY(-4.4rem);
  height: 100vh;
  padding: 1.6rem 0.4rem 1.6rem 1.6rem;
}
.sidebar.reportbook#drawer .sidebar-body {
  height: 100vh;
  overflow: scroll;
  background: #EFF0F9;
  padding-right: 0.4rem;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu-item div .sidebar-caption {
  max-width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 1.6rem;
  color: #131315;
  font-size: 1.5rem;
  font-weight: 400;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu-item:hover {
  background: #E5E7F2;
  border-radius: 0.8rem;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu-item.active {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu-item.active div .sidebar-caption {
  max-width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 1.6rem;
  font-weight: 700;
  font-size: 1.5rem;
  color: #131315;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu-item.done {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu-item.done div svg path {
  fill: #878AA6;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu-item.done div .sidebar-caption {
  max-width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 1.6rem;
  color: #878AA6;
  font-size: 1.5rem;
  font-weight: 400;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-header:nth-child(1) {
  padding: 1.6rem;
  padding-top: 1.6rem;
  border-top: unset;
  z-index: 10;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-header:nth-child(1) h4, .sidebar.reportbook#drawer .sidebar-body .sidebar-header:nth-child(1) .h4 {
  font-size: 1.7rem;
  font-weight: 600;
  text-transform: unset;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-header:nth-child(1) .sidebar-header-action {
  display: block;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu .sidebar-menu-item:nth-last-of-type(1) {
  margin-bottom: 1.6rem;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu:last-child {
  margin-bottom: 3.2rem;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-menu:last-child .line-shadow-base {
  display: none;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-header {
  position: sticky;
  top: 0;
  background: #EFF0F9;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-header .sidebar-header-action {
  display: none;
}
.sidebar.reportbook#drawer .sidebar-body .sidebar-header h4, .sidebar.reportbook#drawer .sidebar-body .sidebar-header .h4 {
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
}

.sidebar.small-reportbook#drawer {
  z-index: 100;
  min-width: 28rem;
  width: clamp(28rem, 20%, 48rem);
  overflow: hidden;
  position: fixed;
  transform: translateY(-4.4rem);
  height: 100vh;
  padding: 1.6rem 0.4rem 1.6rem 1.6rem;
}
.sidebar.small-reportbook#drawer .sidebar-body {
  height: 100vh;
  overflow: scroll;
  background: #EFF0F9;
  padding-right: 0.4rem;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu-item div .sidebar-caption {
  max-width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 1.6rem;
  color: #131315;
  font-size: 1.5rem;
  font-weight: 400;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu-item:hover {
  background: #E5E7F2;
  border-radius: 0.8rem;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu-item.active {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu-item.active div .sidebar-caption {
  max-width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 1.6rem;
  font-weight: 700;
  font-size: 1.5rem;
  color: #131315;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu-item.done {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu-item.done div svg path {
  fill: #878AA6;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu-item.done div .sidebar-caption {
  max-width: 25rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 1.6rem;
  color: #878AA6;
  font-size: 1.5rem;
  font-weight: 400;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-header:nth-child(1) {
  padding: 1.6rem;
  padding-top: 1.6rem;
  border-top: unset;
  z-index: 10;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-header:nth-child(1) h4, .sidebar.small-reportbook#drawer .sidebar-body .sidebar-header:nth-child(1) .h4 {
  font-size: 1.7rem;
  font-weight: 600;
  text-transform: unset;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-header:nth-child(1) .sidebar-header-action {
  display: block;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu .sidebar-menu-item:nth-last-of-type(1) {
  margin-bottom: 1.6rem;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu:last-child {
  margin-bottom: 3.2rem;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-menu:last-child .line-shadow-base {
  display: none;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-header {
  position: sticky;
  top: 0;
  background: #EFF0F9;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-header .sidebar-header-action {
  display: none;
}
.sidebar.small-reportbook#drawer .sidebar-body .sidebar-header h4, .sidebar.small-reportbook#drawer .sidebar-body .sidebar-header .h4 {
  font-size: 1.3rem;
  font-weight: 600;
  text-transform: uppercase;
}

.sidebar.small#drawer {
  min-width: 32rem;
  width: clamp(32rem, 32%, 32rem);
}

.sidebar.medium#drawer {
  width: 32.6rem;
  min-width: 25.6rem;
}
.sidebar.medium#drawer .sidebar-body {
  overflow: auto;
}
.sidebar.medium#drawer.bg-white-2 {
  background: #F8F8FC;
}
.sidebar.medium#drawer.bg-white-2 .sidebar-body {
  background: #F8F8FC;
}

.header-new.small-drawer.active {
  margin-left: clamp(32rem, 32%, 32rem);
  width: calc(100vw - clamp(32rem, 32%, 32rem));
}

.header-new.medium-drawer.active {
  margin-left: clamp(32rem, 32%, 32rem);
  width: calc(100vw - clamp(32rem, 32%, 32rem));
}

.container-large.small-drawer.active {
  margin-left: clamp(32rem, 25%, 40rem);
}

.container-large.medium-drawer.active {
  margin-left: clamp(32rem, 25%, 40rem);
}

.container-large.small-drawer-akm.active {
  margin-left: clamp(32.4rem, 17.5%, 48rem);
}

.container-large.small-drawer-reportbook.active {
  margin-left: clamp(29.1rem, 17.5%, 48rem);
}

.container-large-reportbook.small-drawer.active {
  margin-left: clamp(32rem, 25%, 40rem);
}

.sidebar-bottom-activity {
  position: absolute;
  z-index: 100;
  bottom: 0;
  background: #F6F6FC;
  left: 0;
  min-width: 36rem;
  height: 5.2rem;
  display: flex;
  align-items: center;
  padding-left: 2.4rem;
}

.snackbar {
  display: flex;
  width: 48rem;
  height: 4.8rem;
  position: fixed;
  z-index: 1051;
  bottom: 2.4rem;
  left: 50%;
  right: 50%;
  margin: 0px -24rem;
  border-radius: 0.8rem;
  box-shadow: 0px 15px 25px rgba(65, 51, 104, 0.15), 0px 5px 10px rgba(65, 51, 104, 0.05);
  padding: 1.6rem 2rem;
  background: #313548;
  align-items: center;
}
@media only screen and (min-width: 300px) and (max-width: 500px) {
  .snackbar {
    left: 70% !important;
    right: 50% !important;
  }
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
  .snackbar {
    left: 60% !important;
    right: 50% !important;
  }
}
.snackbar .snackbar-text {
  display: flex;
}
@media only screen and (min-width: 700px) and (max-width: 1000px) {
  .snackbar .snackbar-text {
    font-size: 1.3rem !important;
  }
}
@media screen and (min-width: 1024px) {
  .snackbar .snackbar-text {
    font-size: 1.5rem !important;
  }
}
.snackbar.mobile {
  padding: 1rem 1.2rem;
  width: 32.8rem;
  height: 3.6rem;
}
.snackbar.hide {
  display: none;
}
.snackbar.show {
  display: flex;
}

.switch {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.switch + .lable {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}

.switch + .lable::before {
  cursor: pointer;
  font-family: fontAwesome;
  font-weight: normal;
  font-size: 12px;
  color: #32a3ce;
  content: " ";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}

.switch:checked + .lable::before {
  display: inline-block;
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

/* CSS3 on/off switches */
.switch + .lable {
  margin: 0 4px;
  min-height: 24px;
}

.switch + .lable::before {
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 12px;
  background-color: #F5F5F5;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  transition: text-indent 0.3s ease;
  top: auto;
}

.switch.switch-bootstrap + .lable::before {
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #EFF0F9;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 21px;
  text-indent: 32px;
  transition: background 0.1s ease;
}

.switch.switch-bootstrap + .lable::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #878AA6;
  border: 4px solid #878AA6;
  transition: left 0.2s ease;
}

.switch.switch-bootstrap:checked + .lable::before {
  text-indent: 6px;
  color: #FFF;
  border-color: #b7d3e5;
}

.switch-primary > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #EAF4FF;
}

.switch-success > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #5cb85c;
}

.switch-danger > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #d9534f;
}

.switch-info > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #5bc0de;
}

.switch-warning > .switch.switch-bootstrap:checked + .lable::before {
  background-color: #f0ad4e;
}

.switch-primary > .switch.switch-bootstrap:checked + .lable::after {
  left: 32px;
  background-color: #3167F6;
  border: 4px solid #3167F6;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}

.switch.switch-bootstrap:checked + .lable::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}

/* square */
.switch-square {
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.switch-square + .lable {
  position: relative;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
  cursor: pointer;
}

.switch-square + .lable::before {
  cursor: pointer;
  font-family: fontAwesome;
  font-weight: normal;
  font-size: 12px;
  color: #32a3ce;
  content: " ";
  background-color: #FAFAFA;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0;
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}

.switch-square:checked + .lable::before {
  display: inline-block;
  background-color: #F5F8FC;
  border-color: #adb8c0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}

/* CSS3 on/off switches */
.switch-square + .lable {
  margin: 0 4px;
  min-height: 24px;
}

.switch-square + .lable::before {
  font-weight: normal;
  font-size: 11px;
  line-height: 17px;
  height: 20px;
  overflow: hidden;
  border-radius: 2px;
  background-color: #F5F5F5;
  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #CCC;
  text-align: left;
  float: left;
  padding: 0;
  width: 52px;
  text-indent: -21px;
  margin-right: 0;
  transition: text-indent 0.3s ease;
  top: auto;
}

.switch-square.switch-bootstrap + .lable::before {
  box-shadow: none;
  border-width: 0;
  font-size: 16px;
  background-color: #a9a9a9;
  color: #F2F2F2;
  width: 52px;
  height: 22px;
  line-height: 21px;
  text-indent: 32px;
  transition: background 0.1s ease;
}

.switch-square.switch-bootstrap + .lable::after {
  content: "";
  position: absolute;
  top: 2px;
  left: 3px;
  border-radius: 12px;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  width: 18px;
  height: 18px;
  text-align: center;
  background-color: #F2F2F2;
  border: 4px solid #F2F2F2;
  transition: left 0.2s ease;
}

.switch-square.switch-bootstrap:checked + .lable::before {
  text-indent: 6px;
  color: #FFF;
  border-color: #b7d3e5;
}

.switch-primary > .switch-square.switch-bootstrap:checked + .lable::before {
  background-color: #337ab7;
}

.switch-success > .switch-square.switch-bootstrap:checked + .lable::before {
  background-color: #5cb85c;
}

.switch-danger > .switch-square.switch-bootstrap:checked + .lable::before {
  background-color: #d9534f;
}

.switch-info > .switch-square.switch-bootstrap:checked + .lable::before {
  background-color: #5bc0de;
}

.switch-warning > .switch-square.switch-bootstrap:checked + .lable::before {
  background-color: #f0ad4e;
}

.switch-square.switch-bootstrap:checked + .lable::after {
  left: 32px;
  background-color: #FFF;
  border: 4px solid #FFF;
  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
}

.switch-square.switch-bootstrap + .lable::after {
  border-radius: 2px;
}

.label-new {
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 50vh;
  background: #EFF0F9;
  justify-content: baseline;
  align-items: center;
  padding: 4px;
}

.label-new::before {
  content: "";
  aspect-ratio: 1;
  height: 100%;
  display: block;
  background: #878AA6;
  border-radius: 100%;
  transition: left 0.2s ease;
}

.switch.switch-bootstrap:checked + .label-new {
  justify-content: end;
  background-color: #EAF4FF;
}

.switch.switch-bootstrap:checked + .label-new::before {
  background-color: #3167F6;
}

lottie-player.small-lottie {
  width: 30px !important;
  height: 30px !important;
}

.tooltip .tooltip-inner {
  width: 100%;
  max-width: 30rem;
  background-color: #FFFFFF;
  padding: 0.8rem 1.2rem;
  border-radius: 4px;
  color: #131315;
  border: 1px solid #E5E7F2;
}
.tooltip.show {
  opacity: unset !important;
}
.tooltip.bs-tooltip-top .arrow::before, .tooltip.bs-tooltip-auto[data-popper-placement^=top] .arrow::before {
  border-top-color: #E5E7F2;
}
.tooltip.bs-tooltip-right .arrow::before {
  border-right-color: #E5E7F2;
}
.tooltip.bs-tooltip-bottom .arrow::before, .tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .arrow::before {
  border-bottom-color: #E5E7F2;
}
.tooltip.bs-tooltip-left .arrow::before {
  border-left-color: #E5E7F2;
}

.introjs-tooltipReferenceLayer * {
  font-family: "Inter", sans-serif !important;
}

.introjs-helperLayer {
  box-shadow: rgb(255, 255, 255) 0px 0px 1px 2px, rgba(33, 33, 33, 0.5) 0px 0px 0px 5000px !important;
  border-radius: 0.8rem !important;
}

.introjs-tooltip {
  left: 0 !important;
  max-width: 100% !important;
  padding: 1.6rem;
  border-radius: 0.8rem !important;
}
.introjs-tooltip .introjs-tooltip-header {
  padding: 0 !important;
}
.introjs-tooltip .introjs-tooltip-header .introjs-skipbutton {
  padding: 0 !important;
}
.introjs-tooltip .introjs-bullets {
  display: none;
}
.introjs-tooltip .introjs-tooltiptext {
  padding: 0 !important;
  margin: 0.8rem 0rem;
}
.introjs-tooltip .introjs-tooltipbuttons {
  padding: 0 !important;
  border-top: unset !important;
  display: flex;
  justify-content: flex-end;
}
.introjs-tooltip .introjs-tooltipbuttons .introjs-prevbutton.introjs-disabled {
  display: none;
}
.introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton,
.introjs-tooltip .introjs-tooltipbuttons .introjs-prevbutton {
  background: #F6F6FC;
  box-shadow: 0px -1px 1px rgba(65, 51, 104, 0.04), 0px 1px 3px rgba(65, 51, 104, 0.12), 0px 1px 2px rgba(65, 51, 104, 0.24);
  color: #4C516D;
  padding: 0.8rem 1.2rem;
  font-style: normal;
  font-weight: 600;
  font-size: 13px;
  line-height: 16px;
  border: unset !important;
  margin-left: 1.2rem;
}

.label-accent {
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  background: #F9F6FC;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 400px;
  border-radius: 18px;
  color: #5616C0;
}

.label-success {
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  background: #F8FCF7;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 400px;
  border-radius: 18px;
  color: #1E9235;
}

.label-warning {
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  background: #FFFCF0;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 400px;
  border-radius: 18px;
  color: #A34F12;
}

.label-danger {
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  background: #FFF8F8;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 400px;
  border-radius: 18px;
  color: #FF4343;
}

.label-neutral {
  text-align: center;
  width: -moz-max-content;
  width: max-content;
  background: #F8F8FC;
  padding: 8px 16px;
  font-size: 15px;
  font-weight: 400px;
  border-radius: 18px;
  color: #4C516D;
}

.rounded-point {
  min-width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 2rem;
}

.ellipse-mark {
  /* Ellipse 278 */
  position: absolute;
  width: 8px;
  height: 8px;
  top: 10px;
  border-radius: 50%;
  /* neutral/grey-3 */
  background: #4C516D;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 0;
  z-index: 1;
  right: 1.4rem;
}

.heading-page .title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.heading-page .title .stats {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.heading-page p {
  margin-top: 0.4rem;
  color: #4C516D;
  font-size: 1.5rem;
  line-height: 2.4rem;
  font-weight: 400;
}

.order-list li:nth-child(n+2) {
  margin-top: 0.4rem;
}

.checkbox-list {
  list-style-type: none;
  padding: 0;
}

.checkbox-list li {
  margin-left: 1.3em;
}
.checkbox-list li label {
  display: flex;
  align-items: flex-start;
}
.checkbox-list li label input {
  margin-top: 0.4rem;
}

.checkbox-list input[type=checkbox] {
  margin-right: 1.2em;
  width: 1em;
  height: 1em;
  border: 2px solid #4C516D;
  border-radius: 3px;
}

.checkbox-list input[type=checkbox]:checked {
  background-color: #4C516D;
}

.icon-tp {
  position: relative;
  width: 36px;
  height: 36px;
}
.icon-tp .icon-base {
  width: 36px;
  height: 36px;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 2.2rem;
}
.icon-tp .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.title-page .second-line {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-top: 0.8rem;
}

.breadcrumb-page {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.breadcrumb-page .icon {
  display: block;
}
.breadcrumb-page button {
  all: unset;
  cursor: pointer;
  padding: 0.4rem 0.8rem;
}
.breadcrumb-page button:hover {
  padding: 0.4rem 0.8rem;
  background-color: #EFF0F9;
  color: #24292E;
  border-radius: 4px;
}
.breadcrumb-page button:active {
  padding: 0.4rem 0.8rem;
  background-color: #E5E7F2;
  color: #24292E;
  border-radius: 4px;
}
.breadcrumb-page a {
  all: initial;
  cursor: pointer;
  padding: 0.4rem 0.8rem;
}
.breadcrumb-page a:hover {
  padding: 0.4rem 0.8rem;
  background-color: #EFF0F9;
  color: #24292E;
  border-radius: 4px;
}
.breadcrumb-page a:active {
  padding: 0.4rem 0.8rem;
  background-color: #E5E7F2;
  color: #24292E;
  border-radius: 4px;
}
.breadcrumb-page h5, .breadcrumb-page .h5 {
  color: #878AA6;
  cursor: pointer;
}
.breadcrumb-page .active {
  padding: 0.4rem 0.8rem;
  color: #131315 !important;
  cursor: default;
}

.dropdown-header {
  padding: 0rem !important;
}
.dropdown-header .dropdown-toggle::after {
  display: none;
}
.dropdown-header .dropdown-menu {
  padding: 1rem 1.6rem !important;
}
.dropdown-header .dropdown-menu.show {
  width: auto !important;
  border: none !important;
}
.dropdown-header .dropdown-menu .dropdown-item {
  color: #24292E !important;
  height: 4rem !important;
  padding: 0px !important;
}

.header-page {
  background-color: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(65, 51, 104, 0.2);
  padding: 0.8rem 1.2rem;
  border-radius: 0.2rem;
}
.header-page .header-item {
  display: flex;
  align-items: center;
  padding-right: 0.8rem;
}

.iframe-full {
  margin: 40px 0 0 0;
  width: 100%;
  height: calc(100vh - 47px);
  overflow: hidden;
  border: none;
}

.question-panel {
  margin-bottom: 56px;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.explanation-answer {
  margin-bottom: 56px;
}

.program-package-exam-mcqsa {
  margin: 24px 0px;
}
.program-package-exam-mcqsa > div {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.program-package-exam-mcqsa > div input[type=radio] {
  display: none;
}
.program-package-exam-mcqsa > div > label {
  position: relative;
  width: 100%;
  display: flex;
  padding: 9px 20px;
  border: 2px solid #E5E7F2;
  color: #131315;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 400;
  font-size: 17px;
}
.program-package-exam-mcqsa > div > label .answer-selection {
  width: 20px;
  height: 20px;
  border: 1.3px solid #878AA6;
  color: #878AA6;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  font-size: 12px;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 2px;
}
.program-package-exam-mcqsa > div > label .answer-caption {
  margin-top: -3px;
  width: 100%;
}
.program-package-exam-mcqsa > div > label.valid {
  background-color: #E9F9ED;
}
.program-package-exam-mcqsa > div > label.valid .answer-selection {
  background-color: #19CE58;
  border-color: #19CE58;
  color: #FFFFFF;
}
.program-package-exam-mcqsa > div > label.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-mcqsa > div > label.invalid {
  background-color: #FFECEC;
}
.program-package-exam-mcqsa > div > label.invalid .answer-selection {
  background-color: #FF4343;
  border-color: #FF4343;
  color: #FFFFFF;
}
.program-package-exam-mcqsa > div > label.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-mcqsa > div input[type=radio]:checked + label:not(.valid):not(.invalid) {
  background-color: #EAF4FF;
}
.program-package-exam-mcqsa > div input[type=radio]:checked + label:not(.valid):not(.invalid) .answer-selection {
  background-color: #3167F6;
  border-color: #3167F6;
  color: #FFFFFF;
}

.program-package-exam-cq {
  margin: 24px 0px;
}
.program-package-exam-cq .checkbox {
  display: none;
}
.program-package-exam-cq .checkbox-input {
  display: flex;
  margin-bottom: 10px;
  width: 100%;
}
.program-package-exam-cq .checkbox-input > label {
  position: relative;
  width: 100%;
  display: flex;
  padding: 10px 20px;
  border: 2px solid #E5E7F2;
  color: #131315;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 400;
  font-size: 17px;
}
.program-package-exam-cq .checkbox-input > label .preview-checkbox {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 20px;
  height: 20px;
}
.program-package-exam-cq .checkbox-input > label .check {
  position: relative;
  width: 20px;
  height: 20px;
  border: 2px solid #878AA6;
  border-radius: 2px;
  margin-right: 16px;
  flex-shrink: 0;
  margin-top: 3px;
}
.program-package-exam-cq .checkbox-input > label .check:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid #FFFFFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.program-package-exam-cq .checkbox-input input[type=checkbox]:checked + label {
  background-color: #EAF4FF;
}
.program-package-exam-cq .checkbox-input input[type=checkbox]:checked + label .check {
  background-color: #3167F6;
  border-color: #3167F6;
}
.program-package-exam-cq .checkbox-input input[type=checkbox]:checked + label .check:after {
  display: block;
}
.program-package-exam-cq .checkbox-input input[type=checkbox].valid + label {
  background-color: #E9F9ED;
}
.program-package-exam-cq .checkbox-input input[type=checkbox].valid + label::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-cq .checkbox-input input[type=checkbox].valid + label .check {
  background-color: #19CE58;
  border-color: #19CE58;
}
.program-package-exam-cq .checkbox-input input[type=checkbox].valid + label .check:after {
  display: block;
}
.program-package-exam-cq .checkbox-input input[type=checkbox].invalid + label {
  background-color: #FFECEC;
}
.program-package-exam-cq .checkbox-input input[type=checkbox].invalid + label::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-cq .checkbox-input input[type=checkbox].invalid + label .check {
  background-color: #FF4343;
  border-color: #FF4343;
}
.program-package-exam-cq .checkbox-input input[type=checkbox].invalid + label .check:after {
  display: block;
}

.program-package-exam-tfqma {
  margin-bottom: 10px;
  width: 100%;
}
.program-package-exam-tfqma .question {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  border: 2px solid #E5E7F2;
  color: #131315;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 12px;
}
.program-package-exam-tfqma .question .paragraph {
  cursor: pointer;
  color: #878AA6;
}
.program-package-exam-tfqma .question input[type=radio]:checked + .paragraph {
  color: #131315;
}
.program-package-exam-tfqma .question.filled {
  background-color: #EAF4FF;
}
.program-package-exam-tfqma .question.filled .form-control-radio:checked {
  background-color: #3167F6;
}
.program-package-exam-tfqma .question.valid {
  background-color: #E9F9ED;
}
.program-package-exam-tfqma .question.valid .form-control-radio:checked {
  background-color: #19CE58;
}
.program-package-exam-tfqma .question.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-tfqma .question.invalid {
  background-color: #FFECEC;
}
.program-package-exam-tfqma .question.invalid .form-control-radio:checked {
  background-color: #FF4343;
}
.program-package-exam-tfqma .question.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}

.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  border: 2px solid #E5E7F2;
  margin-bottom: 12px;
  color: #131315;
  border-radius: 5px;
  cursor: move;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf.valid {
  background-color: #E9F9ED;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf.invalid {
  background-color: #FFECEC;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf:hover {
  background-color: #EAF4FF;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-left {
  display: flex;
  align-items: center;
  width: 100%;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-left .arrow-up {
  content: "";
  background-image: url("/assets/images/home/package_exam/arrow-up.svg");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  font-size: 15px;
  margin-right: 15px;
  cursor: pointer;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-left .arrow-up:hover {
  background-image: url("/assets/images/home/package_exam/arrow-up-active.svg");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  font-size: 15px;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-left .arrow-up.none {
  background-image: none;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-left .arrow-up.none:hover {
  background-image: none;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-left .paragraph {
  font-size: 17px;
  width: 100%;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-right {
  display: flex;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-right .arrow-down {
  content: "";
  background-image: url("/assets/images/home/package_exam/arrow-down.svg");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  font-size: 15px;
  margin-right: 15px;
  cursor: pointer;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-right .arrow-down:hover {
  background-image: url("/assets/images/home/package_exam/arrow-down-active.svg");
  background-size: 100% 100%;
  width: 15px;
  height: 15px;
  font-size: 15px;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-right .arrow-down.none {
  background-image: none;
}
.program-package-exam-ssq .sort-paragraf-panel .sort-paragraf .side-right .arrow-down.none:hover {
  background-image: none;
}

.program-package-exam-bdcqma {
  margin: 24px 0px;
}
.program-package-exam-bdcqma .input {
  position: relative;
}
.program-package-exam-bdcqma .input.valid input {
  background-color: #E9F9ED;
}
.program-package-exam-bdcqma .input.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-bdcqma .input.invalid input {
  background-color: #FFECEC;
}
.program-package-exam-bdcqma .input.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-bdcqma .input:hover {
  background-color: #EAF4FF;
}

.program-package-exam-mq {
  position: relative;
}
.program-package-exam-mq .question-list {
  margin-bottom: 10px;
}
.program-package-exam-mq .question-list.valid .card {
  background-color: #E9F9ED;
}
.program-package-exam-mq .question-list.valid .card-question::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -9px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-mq .question-list.valid .dot-crop-answer:after {
  background-color: #E9F9ED;
}
.program-package-exam-mq .question-list.invalid .card {
  background-color: #FFECEC;
}
.program-package-exam-mq .question-list.invalid .card-question::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -9px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-mq .question-list.invalid .dot-crop-answer:after {
  background-color: #FFECEC;
}
.program-package-exam-mq .answer-selected {
  min-height: 50px;
  background-color: #F8F8FC;
  width: 100%;
  z-index: 2;
}
.program-package-exam-mq .answer-selected .answer-list .card {
  border-radius: 0;
  border-bottom: none;
  border-left: none;
  border-right: none;
}
.program-package-exam-mq .bottom {
  top: calc(51% - 6px) !important;
  left: calc(8% - 8px);
}
.program-package-exam-mq .dot-crop {
  top: 0;
  height: 23px;
  width: 23px;
  border-radius: 100%;
  top: -7.5px;
}
.program-package-exam-mq .dot-crop:before {
  content: "";
  position: absolute;
  margin-top: 12px;
  left: calc(3% + 2px);
  width: 23px;
  height: 23px;
  background-color: #F8F8FC;
  border-radius: 100%;
  z-index: 2;
}
.program-package-exam-mq .dot-crop-answer {
  top: 0;
  height: 23px;
  width: 23px;
  border-radius: 100%;
  top: -7.5px;
}
.program-package-exam-mq .dot-crop-answer:before {
  content: "";
  position: absolute;
  margin-top: -12px;
  left: calc(3% + 2px);
  width: 23px;
  height: 23px;
  background-color: #FFFFFF;
  border-radius: 100%;
  box-shadow: 1px 0 0 rgba(0, 0, 0, 0.125), 0 1px 0 rgba(0, 0, 0, 0.125), -1px 0 0 rgba(0, 0, 0, 0.125), 0 -1px 0 rgba(0, 0, 0, 0.125);
  z-index: 3;
}
.program-package-exam-mq .dot-crop-answer:after {
  content: "";
  position: absolute;
  margin-top: -12px;
  left: calc(3% + 2px);
  width: 23px;
  height: 23px;
  background-color: #FFFFFF;
  border-radius: 100%;
  z-index: 4;
}
.program-package-exam-mq .answer-list {
  position: relative;
  z-index: 4;
}
.program-package-exam-mq .answer-list .card {
  z-index: 3;
}

.program-package-exam-qsat {
  margin: 24px 0px;
}
.program-package-exam-qsat .input {
  position: relative;
}
.program-package-exam-qsat .input.valid input {
  background-color: #E9F9ED;
}
.program-package-exam-qsat .input.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-qsat .input.invalid input {
  background-color: #FFECEC;
}
.program-package-exam-qsat .input.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-qsat .input:hover {
  background-color: #EAF4FF;
}

.program-package-exam-eq {
  margin: 24px 0px;
}
.program-package-exam-eq .input {
  position: relative;
}
.program-package-exam-eq .input.valid textarea {
  background-color: #E9F9ED;
}
.program-package-exam-eq .input.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-eq .input.invalid textarea {
  background-color: #FFECEC;
}
.program-package-exam-eq .input.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-eq .input:hover {
  background-color: #EAF4FF;
}

.program-package-exam-mqia {
  margin: 24px 0px;
}
.program-package-exam-mqia .input {
  position: relative;
  width: 112px;
}
.program-package-exam-mqia .input input::-webkit-outer-spin-button,
.program-package-exam-mqia .input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.program-package-exam-mqia .input input {
  text-align: right;
}
.program-package-exam-mqia .input.valid input {
  background-color: #E9F9ED;
}
.program-package-exam-mqia .input.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-mqia .input.invalid input {
  background-color: #FFECEC;
}
.program-package-exam-mqia .input.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-mqia .input:hover {
  background-color: #EAF4FF;
}

.program-package-exam-ctq {
  margin: 24px 0px;
}
.program-package-exam-ctq .table {
  table-layout: fixed;
  width: 100%;
}
.program-package-exam-ctq .table tbody tr td {
  font-size: 15px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.program-package-exam-ctq .table tbody tr td p {
  line-height: 3rem;
  margin-bottom: 0;
}
.program-package-exam-ctq .input {
  position: relative;
}
.program-package-exam-ctq .input input::-webkit-outer-spin-button,
.program-package-exam-ctq .input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.program-package-exam-ctq .input .form-control {
  border: 0 !important;
  padding: 0 !important;
  font-size: 15px !important;
}
.program-package-exam-ctq .input input {
  border: 0;
}
.program-package-exam-ctq .input.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 8px;
  right: -4px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-ctq .input.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 8px;
  right: -4px;
  font-size: 20px;
  color: #FFFFFF;
}

.program-package-exam-mcnq {
  margin: 24px 0px;
}
.program-package-exam-mcnq .choices > div {
  display: flex;
  align-items: center;
}
.program-package-exam-mcnq .choices > div input[type=radio] {
  display: none;
}
.program-package-exam-mcnq .choices > div > label {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9px 18px;
  border: 2px solid #E5E7F2;
  color: #131315;
  border-radius: 5px;
  cursor: pointer;
  font-weight: 400;
  font-size: 17px;
}
.program-package-exam-mcnq .choices > div > label .answer-selection {
  width: 20px;
  height: 20px;
  border: 1.3px solid #878AA6;
  color: #878AA6;
  border-radius: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  font-size: 12px;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 2px;
}
.program-package-exam-mcnq .choices > div > label .answer-caption {
  margin-top: 0px;
}
.program-package-exam-mcnq .choices > div > label.valid {
  background-color: #E9F9ED;
}
.program-package-exam-mcnq .choices > div > label.valid .answer-selection {
  background-color: #19CE58;
  border-color: #19CE58;
  color: #FFFFFF;
}
.program-package-exam-mcnq .choices > div > label.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-mcnq .choices > div > label.invalid {
  background-color: #FFECEC;
}
.program-package-exam-mcnq .choices > div > label.invalid .answer-selection {
  background-color: #FF4343;
  border-color: #FF4343;
  color: #FFFFFF;
}
.program-package-exam-mcnq .choices > div > label.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-mcnq .choices input[type=radio]:checked + label:not(.valid):not(.invalid) {
  background-color: #EAF4FF;
}
.program-package-exam-mcnq .choices input[type=radio]:checked + label:not(.valid):not(.invalid) .answer-selection {
  background-color: #3167F6;
  border-color: #3167F6;
  color: #FFFFFF;
}
.program-package-exam-mcnq .choices input[type=checkbox]:checked + label:not(.valid):not(.invalid) {
  background-color: #EAF4FF;
}
.program-package-exam-mcnq .choices input[type=checkbox]:checked + label:not(.valid):not(.invalid) .answer-selection {
  background-color: #3167F6;
  border-color: #3167F6;
  color: #FFFFFF;
}

.program-package-exam-luq {
  margin: 24px 0px;
}
.program-package-exam-luq table tbody p {
  margin-bottom: 0px !important;
}
.program-package-exam-luq .input {
  position: relative;
  width: 80px;
}
.program-package-exam-luq .input.valid input {
  background-color: #E9F9ED;
}
.program-package-exam-luq .input.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.program-package-exam-luq .input.invalid input {
  background-color: #FFECEC;
}
.program-package-exam-luq .input.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}

.btn-question-number {
  width: 55px;
  height: 40px;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  border: 2px solid #E5E7F2;
  border-radius: 4px;
  color: #878AA6;
}
.btn-question-number:active, .btn-question-number:hover, .btn-question-number.active {
  color: #131315;
  font-weight: 700;
  border: 2px solid #9CCBFE;
}
.btn-question-number.disabled {
  background-color: #EFF0F9;
  border: 2px solid #EFF0F9;
}
.btn-question-number.disabled.active {
  border: 2px solid #9CCBFE;
}

.timer-bottom {
  font-size: 19px;
  font-weight: 600;
  line-height: 24px;
  text-align: center;
}

.font-score {
  color: #131315;
  text-align: center;
  font-size: 57px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px;
}

.wh-11r {
  height: 1.1rem !important;
  width: 2.4rem;
}

.topic-result {
  display: flex;
  width: 100%;
  gap: 1.2rem;
}

.exercise-off-boarding-result-box {
  position: relative;
}

.overlay-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
}

.image-w-100 {
  max-width: 100%;
}

.margin-200px {
  margin-top: 200px;
}

.rotate-image {
  transform: scaleX(-1);
}

.report-program-package-exam-mcnq .choices,
.report-program-package-exam-mqia .choices,
.report-program-package-exam-luq .choices {
  position: relative;
}
.report-program-package-exam-mcnq .choices.active,
.report-program-package-exam-mqia .choices.active,
.report-program-package-exam-luq .choices.active {
  background-color: #D9EBFF !important;
}
.report-program-package-exam-mcnq .choices.valid,
.report-program-package-exam-mqia .choices.valid,
.report-program-package-exam-luq .choices.valid {
  background-color: #E9F9ED !important;
}
.report-program-package-exam-mcnq .choices.valid .answer-selection,
.report-program-package-exam-mqia .choices.valid .answer-selection,
.report-program-package-exam-luq .choices.valid .answer-selection {
  background-color: #19CE58;
  border-color: #19CE58;
  color: #FFFFFF;
}
.report-program-package-exam-mcnq .choices.valid::after,
.report-program-package-exam-mqia .choices.valid::after,
.report-program-package-exam-luq .choices.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}
.report-program-package-exam-mcnq .choices.invalid,
.report-program-package-exam-mqia .choices.invalid,
.report-program-package-exam-luq .choices.invalid {
  background-color: #FFECEC !important;
}
.report-program-package-exam-mcnq .choices.invalid .answer-selection,
.report-program-package-exam-mqia .choices.invalid .answer-selection,
.report-program-package-exam-luq .choices.invalid .answer-selection {
  background-color: #FF4343;
  border-color: #FF4343;
  color: #FFFFFF;
}
.report-program-package-exam-mcnq .choices.invalid::after,
.report-program-package-exam-mqia .choices.invalid::after,
.report-program-package-exam-luq .choices.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: -11px;
  right: -11px;
  font-size: 20px;
  color: #FFFFFF;
}

.report-program-package-exam-ctq .answer {
  position: relative;
}
.report-program-package-exam-ctq .answer.valid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/correct-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 1px;
  right: 0px;
  font-size: 20px;
  color: #FFFFFF;
}
.report-program-package-exam-ctq .answer.invalid::after {
  content: "";
  background-image: url("/assets/images/home/package_exam/wrong-answer.svg");
  background-size: 100% 100%;
  width: 28px;
  height: 28px;
  position: absolute;
  top: 1px;
  right: 0px;
  font-size: 20px;
  color: #FFFFFF;
}

.exam-iframe-size {
  width: 100%;
  height: 49.5rem;
}
@media screen and (max-width: 992px) {
  .exam-iframe-size {
    height: 49.5rem;
  }
}
@media screen and (max-width: 768px) {
  .exam-iframe-size {
    height: 30rem;
  }
}

.exam-iframe-wrapper {
  position: relative;
  width: 100%;
  height: 49.5rem;
  overflow-y: auto;
}
@media screen and (max-width: 992px) {
  .exam-iframe-wrapper {
    height: 49.5rem;
  }
}
@media screen and (max-width: 768px) {
  .exam-iframe-wrapper {
    height: 30rem;
  }
}
.exam-iframe-wrapper .exam-iframe-size {
  display: block;
  width: 100%;
  height: 5000px;
  border: none;
  pointer-events: none;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  #breadcrumb {
    display: none;
  }
  #responsive-dropdown {
    display: block !important;
  }
  .responsive-text {
    display: none;
  }
  .sidebar#drawer {
    min-width: 32rem;
    width: clamp(32rem, 17.5%, 17.5%);
    left: 0;
  }
  .header-item-button {
    width: 3.6rem !important;
    height: 2.8rem;
    background: #EFF0F9;
    display: block !important;
    align-items: center;
    padding: 0.4rem 0rem 0.8rem 0.8rem;
    border-radius: 0.4rem;
  }
  .header-item-dropdown button {
    display: flex;
    padding: 0;
    margin-left: 1.6rem;
  }
  .header-item-dropdown button #header-icon-dropdown {
    display: none;
  }
  .container-medium,
  .container-large,
  .container-large-reportbook,
  .container-large-absence,
  .container-medium-reportbook,
  .container-medium-project,
  .container-medium.reportbook,
  .container-large.reportbook,
  .container-fullscreen {
    padding: 5.6rem 1.6rem 2rem 1.6rem;
  }
  .snackbar {
    width: 32.8rem;
    height: 3.6rem;
    padding: 1rem 1.2rem;
  }
  .snackbar .snackbar-text {
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: 400;
  }
  .page-title.student-course {
    align-items: flex-start;
    flex-direction: column;
  }
  .page-title.student-course h2, .page-title.student-course .h2 {
    margin-top: 0.8rem;
    margin-left: 0 !important;
  }
  .page-title.student-course #activityName {
    margin-top: 0.8rem;
    margin-left: 0 !important;
  }
  .container-medium-project.small-drawer.active {
    margin-left: 0 !important;
  }
  .container-large.small-drawer.active {
    margin-left: 0 !important;
  }
  .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
    padding: 6rem 2rem 2rem 2rem;
  }
  .modal-body.activity-choice p {
    font-size: 1.3rem !important;
  }
  .modal-body.activity-choice .activity-type {
    height: 18.8rem;
  }
  .modal-body.activity-choice .activity-type .btn-choice-activity {
    width: 14rem;
  }
  .working-time-box {
    flex-wrap: wrap;
    height: 10.4rem;
  }
  .container-landingpage .body-landingpage {
    left: 1.6rem !important;
    max-width: 32rem;
  }
  .container-landingpage .body-landingpage .content-kejar {
    margin-top: 9.4rem !important;
    margin-right: 2.5rem !important;
    margin-left: 1rem;
  }
  .container-landingpage .body-landingpage .content-kejar .container-why-kejar {
    grid-gap: 34px 32px;
  }
  .container-landingpage .footer-landingpage {
    flex-direction: column-reverse;
    align-items: center;
    padding: 4.8rem 5.5rem;
    top: 226rem;
  }
  .container-landingpage .footer-landingpage .sosmed-group {
    margin-bottom: 3.2rem;
  }
  .content-landingpage {
    flex-direction: column;
    margin-top: 6.4rem !important;
    max-width: 73.6rem;
  }
  .content-landingpage .form-login {
    margin-left: auto !important;
    margin: auto;
    margin-top: 6.4rem;
    padding-right: 1.6rem;
  }
  .content-landingpage .form-login .form-login-landingpage {
    max-height: 44rem;
  }
  .content-landingpage .introduction-text {
    max-width: 32.2rem;
  }
  .content-landingpage .introduction-text .visi-text {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .content-landingpage .introduction-text .font-22 {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
  .sipplah-group {
    flex-wrap: wrap;
  }
  .sipplah-group .sipplah-icon + .sipplah-icon {
    margin-left: 2.4rem;
  }
  .sipplah-group a svg {
    width: 8.9rem;
  }
  .bg-lego-landingpage {
    display: none;
  }
  .bg-lego-landingpage.mobile {
    display: block !important;
    width: 100vw;
    height: 215rem;
  }
  .bg-lego-landingpage.tablet {
    display: none !important;
  }
  .bg-change-password .card-384 {
    width: 32.8rem;
  }
  .platform-landingpage .container-platform {
    grid-template-columns: repeat(auto-fit, minmax(328px, 1fr));
    padding: 4rem 1.6rem;
  }
  .platform-landingpage .container-platform .card-platform {
    max-width: 32.8rem;
  }
  .content-body-fitur {
    place-items: center;
  }
  .container-medium.small-drawer {
    margin-left: 0 !important;
  }
  .container-medium-reportbook.small-drawer,
  .container-large-reportbook.small-drawer {
    margin-left: 0 !important;
    padding: 5.6rem 1.6rem 2rem 1.6rem !important;
  }
  .container-medium-project.small-drawer,
  .container-large-project.small-drawer {
    margin-left: 0 !important;
    padding: 5.6rem 1.6rem 2rem 1.6rem !important;
  }
  .modal .modal-content {
    padding: 0.4rem 1rem 0.4rem 1rem;
  }
  #head-academic {
    flex-direction: column;
  }
  #head-academic .course-card {
    width: 100% !important;
  }
  #head-academic #form-search {
    margin-left: 0 !important;
    margin-top: 1.6rem;
  }
  .head-content-deed {
    flex-direction: column;
  }
  .head-content-deed .button-group {
    margin-top: 1.6rem;
  }
  .flex-column-mobile {
    flex-direction: column;
  }
  .report-student {
    flex-direction: column;
  }
  .container-signature {
    flex-direction: column;
    gap: 4rem;
  }
  .description-box .description-box-body {
    display: block;
  }
  .description-box .description-box-body .description-box-item {
    width: 100%;
    padding-right: 0;
  }
  .description-box .description-box-body .description-box-item + .description-box-item {
    border-left: none;
    padding-left: 0;
  }
}
@media screen and (max-width: 992px) {
  .header-item a.header-item-breadcrumb:nth-child(1) {
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
    overflow: hidden;
  }
  .header-new.active {
    margin-left: 0;
    width: 100%;
  }
  .container-medium.active,
  .container-large.active,
  .container-medium-project.active,
  .container-large-reportbook.active,
  .container-fullscreen.active {
    margin-left: 0 !important;
  }
  .container-large-stack.active {
    margin-left: 0 !important;
  }
  .sidebar#drawer {
    left: 0;
  }
  .text-none {
    display: none;
  }
  .h-exam {
    min-height: 30vh !important;
  }
}
@media screen and (max-width: 1920px) and (min-width: 1500px) {
  .bg-lego-landingpage {
    width: 99.1vw;
  }
  .container-why-kejar {
    margin-left: 4rem;
    grid-template-columns: repeat(auto-fit, minmax(324px, 578px));
  }
  .container-landingpage .body-landingpage {
    width: 97%;
    left: 3.2rem;
  }
  .container-landingpage .body-landingpage .content-landingpage {
    justify-content: space-between;
  }
  .container-landingpage .body-landingpage .content-landingpage .introduction-text {
    max-width: 90.3rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .introduction-text .visi-text {
    font-size: 8rem;
    line-height: 9rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .introduction-text .misi-text {
    font-size: 3rem;
    line-height: 4.2rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .form-login {
    margin: 6rem 13.2rem 0 0;
  }
  .container-landingpage .body-landingpage .content-landingpage .form-login .form-login-landingpage {
    width: 60.4rem;
    max-height: 45.6rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .form-login .form-login-landingpage .btn.btn-login {
    margin-top: 0.8rem;
    height: 4.2rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .form-login .form-login-landingpage .card-cs label {
    font-size: 1.6rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .form-login .form-login-landingpage .form-group input {
    height: 4.2rem;
    margin-top: 0.4rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .payment-landingpage .sipplah-text {
    font-size: 2.4rem;
    line-height: 3rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .payment-landingpage .sipplah-group {
    margin-top: 2rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .payment-landingpage .sipplah-group .sipplah-icon + .sipplah-icon {
    margin-left: 7rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .payment-landingpage .sipplah-group svg {
    width: 20rem;
    height: 8.7rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .payment-landingpage .sipplah-group a:nth-last-child(1) svg {
    width: 25rem;
  }
  .container-landingpage .body-landingpage .content-kejar {
    margin-top: 45rem;
  }
  .platform-landingpage .container-platform {
    grid-template-columns: repeat(auto-fit, minmax(546px, 1fr));
    padding: 4rem 8rem;
  }
  .platform-landingpage .container-platform .card-platform {
    max-width: 54.6rem;
  }
}
@media screen and (max-width: 575.98px) and (min-width: 361px) {
  .container-landingpage .body-landingpage {
    left: 1.6rem !important;
    max-width: unset;
  }
  .container-landingpage .body-landingpage .content-kejar {
    margin-top: 9.4rem !important;
    margin-right: 2.5rem !important;
    margin-left: 1rem;
  }
  .container-landingpage .body-landingpage .content-kejar .container-why-kejar {
    grid-gap: 34px 32px;
  }
  .container-landingpage .footer-landingpage {
    flex-direction: column-reverse;
    align-items: center;
    padding: 4.8rem 5.5rem;
    top: 226rem;
  }
  .container-landingpage .footer-landingpage .sosmed-group {
    margin-bottom: 3.2rem;
  }
  .content-landingpage {
    flex-direction: column;
    margin-top: 6.4rem !important;
    max-width: 73.6rem;
  }
  .content-landingpage .form-login {
    margin-left: auto !important;
    margin: auto;
    margin-top: 6.4rem;
    padding-right: 1.6rem;
  }
  .content-landingpage .form-login .form-login-landingpage {
    max-height: 44rem;
  }
  .content-landingpage .introduction-text {
    max-width: 32.2rem !important;
  }
  .content-landingpage .introduction-text .visi-text {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .content-landingpage .introduction-text .font-22 {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
  .sipplah-group {
    flex-wrap: wrap;
  }
  .sipplah-group .sipplah-icon + .sipplah-icon {
    margin-left: 2.4rem;
  }
  .sipplah-group a svg {
    width: 8.9rem;
  }
  .bg-lego-landingpage {
    display: none;
  }
  .bg-lego-landingpage.mobile {
    display: block !important;
    width: 100vw;
    height: 215rem;
  }
  .bg-lego-landingpage.tablet {
    display: none !important;
  }
}
@media (min-width: 576px) and (max-width: 767.98px) {
  .container-landingpage .body-landingpage {
    left: 1.6rem !important;
    max-width: unset;
  }
  .container-landingpage .body-landingpage .content-kejar {
    margin-top: 9.4rem !important;
    margin-right: 2.5rem !important;
    margin-left: 1rem;
  }
  .container-landingpage .body-landingpage .content-kejar .container-why-kejar {
    grid-gap: 34px 32px;
  }
  .container-landingpage .footer-landingpage {
    flex-direction: column-reverse;
    align-items: center;
    padding: 4.8rem 5.5rem;
    top: 226rem;
  }
  .container-landingpage .footer-landingpage .sosmed-group {
    margin-bottom: 3.2rem;
  }
  .content-landingpage {
    flex-direction: column;
    margin-top: 6.4rem !important;
    max-width: 73.6rem;
  }
  .content-landingpage .form-login {
    margin-left: auto !important;
    margin: auto;
    margin-top: 6.4rem;
    padding-right: 1.6rem;
  }
  .content-landingpage .form-login .form-login-landingpage {
    max-height: 44rem;
  }
  .content-landingpage .introduction-text {
    max-width: unset;
  }
  .content-landingpage .introduction-text .visi-text {
    font-size: 3rem;
    line-height: 3.6rem;
  }
  .content-landingpage .introduction-text .font-22 {
    font-size: 1.8rem;
    line-height: 2.7rem;
  }
  .sipplah-group {
    flex-wrap: wrap;
  }
  .sipplah-group .sipplah-icon + .sipplah-icon {
    margin-left: 2.4rem;
  }
  .sipplah-group a svg {
    width: 8.9rem;
  }
  .bg-lego-landingpage {
    display: none;
  }
  .bg-lego-landingpage.mobile {
    display: block !important;
    width: 100vw;
    height: 215rem;
  }
  .bg-lego-landingpage.tablet {
    display: none !important;
  }
  .platform-landingpage .container-platform {
    place-items: center;
  }
  .h-exam {
    min-height: 30vh !important;
  }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  .container-landingpage .body-landingpage .content-landingpage {
    flex-direction: column;
    margin-top: 6.4rem !important;
  }
  .container-landingpage .body-landingpage .content-landingpage .form-login {
    margin-left: auto !important;
    margin: auto;
    margin-top: 6.4rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .introduction-text {
    max-width: unset;
  }
  .container-landingpage .body-landingpage {
    left: 3.2rem;
  }
  .container-landingpage .body-landingpage .content-kejar {
    margin-top: 4rem;
    margin-right: 3.2rem;
  }
  .container-landingpage .body-landingpage .content-kejar .container-why-kejar {
    grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
  }
  .footer-landingpage {
    position: absolute;
    top: 364rem;
    width: 100%;
  }
  .bg-lego-landingpage {
    width: 100vw;
    max-height: 179.4rem;
    display: none;
  }
  .bg-lego-landingpage.tablet {
    display: block;
  }
  .platform-landingpage .container-platform {
    grid-template-columns: repeat(auto-fit, minmax(35.8rem, 1fr));
    padding: 4rem 3.2rem;
    place-items: center;
  }
  .platform-landingpage .container-platform .card-platform {
    max-width: 35.8rem;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .container-landingpage .body-landingpage .content-landingpage {
    flex-direction: column;
    margin-top: 6.4rem !important;
  }
  .container-landingpage .body-landingpage .content-landingpage .form-login {
    margin-left: auto !important;
    margin: auto;
    margin-top: 6.4rem;
  }
  .container-landingpage .body-landingpage .content-landingpage .introduction-text {
    max-width: unset;
  }
  .container-landingpage .body-landingpage {
    left: 3.2rem;
  }
  .container-landingpage .body-landingpage .content-kejar {
    margin-top: 4rem;
    margin-right: 3.2rem;
  }
  .container-landingpage .body-landingpage .content-kejar .container-why-kejar {
    grid-template-columns: repeat(auto-fit, minmax(224px, 1fr));
  }
  .footer-landingpage {
    position: absolute;
    top: 324rem;
    width: 100%;
  }
  .bg-lego-landingpage {
    width: 100vw;
    max-height: 179.4rem;
    display: none;
  }
  .bg-lego-landingpage.tablet {
    display: block;
  }
  .platform-landingpage .container-platform {
    grid-template-columns: repeat(auto-fit, minmax(35.8rem, 1fr));
    padding: 4rem 3.2rem;
    place-items: center;
  }
  .platform-landingpage .container-platform .card-platform {
    max-width: 35.8rem;
  }
}
@media screen and (max-width: 1200px) {
  .container-medium.active,
  .container-medium.small-drawer.active {
    margin-left: clamp(32rem, 29%, 34rem);
  }
}