/*!
 * Bootstrap Reboot v5.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::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;
  background-color: currentColor;
  border: 0;
  opacity: 0.25;
}

hr:not([size]) {
  height: 1px;
}

h6, #kontentNarasumber .kontentNarasumber__items .item__heading-name, h5, .kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-title, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

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

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

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

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

h5, .kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-title {
  font-size: 1.25rem;
}

h6, #kontentNarasumber .kontentNarasumber__items .item__heading-name {
  font-size: 1rem;
}

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

abbr[title],
abbr[data-bs-original-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 {
  font-size: 0.875em;
}

mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #0d6efd;
  text-decoration: underline;
}
a:hover {
  color: #0a58ca;
}

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

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
  direction: ltr /* rtl:ignore */;
  unicode-bidi: bidi-override;
}

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: #d63384;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 0.875em;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700;
}

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: #6c757d;
  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]::-webkit-calendar-picker-indicator {
  display: none;
}

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] {
  outline-offset: -2px;
  -webkit-appearance: textfield;
}

/* 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-file-upload-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;
}

/*!
 * Bootstrap Grid v5.1.0 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  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;
  }
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.row > * {
  box-sizing: border-box;
  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.3333333333%;
}

.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.6666666667%;
}

.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.3333333333%;
  }
  .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.6666666667%;
  }
  .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.3333333333%;
  }
  .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.6666666667%;
  }
  .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.3333333333%;
  }
  .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.6666666667%;
  }
  .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.3333333333%;
  }
  .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.6666666667%;
  }
  .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.3333333333%;
  }
  .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.6666666667%;
  }
  .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;
  }
}
.d-inline {
  display: inline !important;
}

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

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

.d-grid {
  display: 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;
}

.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;
}

@media (min-width: 576px) {
  .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-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;
  }
}
@media (min-width: 768px) {
  .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-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;
  }
}
@media (min-width: 992px) {
  .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-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;
  }
}
@media (min-width: 1200px) {
  .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-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;
  }
}
@media (min-width: 1400px) {
  .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-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;
  }
}
@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-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;
  }
}
.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6;
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  background-color: var(--bs-table-bg);
  border-bottom-width: 1px;
  box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
}

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

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

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

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

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

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

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

.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6;
}

.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce;
}

.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7;
}

.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3;
}

.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9;
}

.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4;
}

.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1;
}

.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e;
}

.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;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart {
  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 {
  position: absolute;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: 0.125rem;
}

.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: 0.125rem;
}
.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: 0.125rem;
}
.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: 0.125rem;
}
.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: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #1e2125;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

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

.dropdown-header {
  display: block;
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1rem;
  color: #212529;
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.15);
}
.dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd;
}
.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, 0.15);
}
.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6;
}
.dropdown-menu-dark .dropdown-header {
  color: #adb5bd;
}

/* 
 * Source: Oliver Go
 * URL: https://gist.github.com/Olivier-Go/18b376150f764e75a6e78bc546fb0b4f
 */
@font-face {
  font-family: "Gotham";
  src: local("Gotham-Bold"), url(/fonts/Gotham-Bold.woff2?dbf29abada314da98287b3f85bde6ca5) format("woff2"), url(/fonts/Gotham-Bold.woff?e3a2d050ea3f35e573a4db4a7f5d8bb1) format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham-Book"), url(/fonts/Gotham-Book.woff2?30c69be695f64ee0e29d7095ef8202ac) format("woff2"), url(/fonts/Gotham-Book.woff?b3d4379d96dab73f69fe59961160413f) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham";
  src: local("Gotham-Medium"), url(/fonts/Gotham-Medium.woff2?d37f3241db2ccf3a93a73284ecd4946e) format("woff2"), url(/fonts/Gotham-Medium.woff?783e70907d6f00ce0d2d698e94bb373d) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato Hairline";
  src: local("Lato-Hairline"), url(/fonts/Lato-Hairline.woff2?e5839582736feb047c2e42f7fc89df8f) format("woff2"), url(/fonts/Lato-Hairline.woff?9e79572d8b0d0809e4b832304add890a) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: local("Lato-Light"), url(/fonts/Lato-Light.woff2?ebed95781eeb2add8e0dbef99fe52d37) format("woff2"), url(/fonts/Lato-Light.woff?6fa4634259a2d1797aa6940cdb027680) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato Hairline";
  src: local("Lato-HairlineItalic"), url(/fonts/Lato-HairlineItalic.woff2?c8b25844de55134281e56b16902966fc) format("woff2"), url(/fonts/Lato-HairlineItalic.woff?d5b614ac1aa25e575d12ebe20924d6bf) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: local("Lato-LightItalic"), url(/fonts/Lato-LightItalic.woff2?7a2db3207d0c458134112b6a92155e90) format("woff2"), url(/fonts/Lato-LightItalic.woff?297e65c8a2a7b3df96fa7f957e8dd69d) format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Italic"), local("Lato-Italic"), url(/fonts/Lato-Italic.woff2?b8e90564164b8c72d8c79d18bf79dc6c) format("woff2"), url(/fonts/Lato-Italic.woff?491107aa64eb3691316dc91d4750e47d) format("woff");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Regular"), local("Lato-Regular"), url(/fonts/Lato-Regular.woff2?36113c22631501592113f2ef61d4f6b6) format("woff2"), url(/fonts/Lato-Regular.woff?70272bc31d7b5aac9f2ab43a750927e1) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Bold"), local("Lato-Bold"), url(/fonts/Lato-Bold.woff2?441bb522579a0ffd922424f2362bf0b7) format("woff2"), url(/fonts/Lato-Bold.woff?a678ee514173e5e5c2ca6bf6b99f8cd4) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Black"), local("Lato-Black"), url(/fonts/Lato-Black.woff2?1997513e6d63586b8648b412dafc9957) format("woff2"), url(/fonts/Lato-Black.woff?97f2840fb8de6397eae0eba0e8c22a11) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Black Italic"), local("Lato-BlackItalic"), url(/fonts/Lato-BlackItalic.woff2?9281ed86d09a4f0e2ae0ea5c1abce220) format("woff2"), url(/fonts/Lato-BlackItalic.woff?aed41fb148b16a37c21f8f6b15591e17) format("woff");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Lato";
  src: local("Lato Bold Italic"), local("Lato-BoldItalic"), url(/fonts/Lato-BoldItalic.woff2?4d31ef8eab3f292dd3f52420095c5937) format("woff2"), url(/fonts/Lato-BoldItalic.woff?1bfff77363106a0da03cfabebd26c548) format("woff");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "plnicon";
  src: url(/fonts/plnicon.eot?32558f3b20d22bb96b4ead4520c8c061);
  src: url(/fonts/plnicon.eot?32558f3b20d22bb96b4ead4520c8c061#iefix) format("embedded-opentype"), url(/fonts/plnicon.ttf?c13776f23b0a7fb06774a1262bcd4a8c) format("truetype"), url(/fonts/plnicon.woff?60d80dcf743996677545aeb037f8f63d) format("woff"), url(/fonts/plnicon.svg?ce37e9f903be6a50542b89fad19742e0#plnicon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=pln-], [class*=" pln-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "plnicon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.pln-play-circle-dashed-half:before {
  content: "\e921";
}

.pln-exit:before {
  content: "\e91f";
}

.pln-account-circle:before {
  content: "\e920";
}

.pln-check:before {
  content: "\e91d";
}

.pln-cancel-circle:before {
  content: "\e91e";
}

.pln-arrow-left:before {
  content: "\e91b";
}

.pln-arrow-upward:before {
  content: "\e91c";
}

.pln-arrow-back:before {
  content: "\e900";
}

.pln-arrow-downward:before {
  content: "\e901";
}

.pln-arrow-forward:before {
  content: "\e902";
}

.pln-assignment:before {
  content: "\e903";
}

.pln-assignment-check:before {
  content: "\e904";
}

.pln-book:before {
  content: "\e905";
}

.pln-calendar:before {
  content: "\e906";
}

.pln-check-circle:before {
  content: "\e907";
}

.pln-dashboard:before {
  content: "\e908";
}

.pln-calendar-alt:before {
  content: "\e909";
}

.pln-edit:before {
  content: "\e90a";
}

.pln-filter-list:before {
  content: "\e90b";
}

.pln-info-circle:before {
  content: "\e90c";
}

.pln-chart:before {
  content: "\e90d";
}

.pln-arrow-down:before {
  content: "\e90e";
}

.pln-arrow-right:before {
  content: "\e90f";
}

.pln-arrow-up:before {
  content: "\e910";
}

.pln-lock-open:before {
  content: "\e911";
}

.pln-map:before {
  content: "\e912";
}

.pln-menu:before {
  content: "\e913";
}

.pln-menu-open:before {
  content: "\e914";
}

.pln-play-circle:before {
  content: "\e915";
}

.pln-eye:before {
  content: "\e916";
}

.pln-repeat:before {
  content: "\e917";
}

.pln-save:before {
  content: "\e918";
}

.pln-search:before {
  content: "\e919";
}

.pln-table:before {
  content: "\e91a";
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}
img.unset-height {
  height: unset !important;
}

body, p, li {
  font-family: "Gotham", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #1F3B64;
}

body {
  background-color: #FAFAFA;
}

.strong, b, strong {
  font-weight: 500 !important;
}

hr {
  background-color: #a5a5a5;
}

.container {
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .container {
    padding-right: 20px;
    padding-left: 20px;
  }
  .container > .row {
    margin-left: 0;
    margin-right: 0;
  }
  .container > .row [class*=col] {
    padding-left: 0;
    padding-right: 0;
  }
}

.specialLabel-primary {
  background-color: #9FBB3C;
  display: inline-block;
  width: auto;
  border-radius: 5px;
  color: #FFF;
  font-weight: 600;
}
.specialLabel-warning {
  background-color: #FBAB18;
  display: inline-block;
  width: auto;
  border-radius: 5px;
  color: #FFF;
  font-weight: 600;
}

.background-white {
  background-color: #FFF !important;
}

.gap-0 {
  margin: 0 !important;
}
.gap-0 > .col,
.gap-0 > [class*=col-] {
  padding: 0 !important;
}

@media (min-width: 992px) {
  .gap-0-desktop {
    margin: 0 !important;
  }
  .gap-0-desktop > .col,
  .gap-0-desktop > [class*=col-] {
    padding: 0 !important;
  }
}

.gap-20 {
  margin-right: -10px !important;
  margin-left: -10px !important;
}
.gap-20 > .col,
.gap-20 > [class*=col-] {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

@media (max-width: 991px) {
  .gap-tb-20-md:not(.flex-colreverse-md) > .col:not(:last-child),
  .gap-tb-20-md:not(.flex-colreverse-md) > [class*=col-]:not(:last-child) {
    margin-bottom: 20px;
  }
  .gap-tb-20-md.flex-colreverse-md > .col:not(:first-child),
  .gap-tb-20-md.flex-colreverse-md > [class*=col-]:not(:first-child) {
    margin-bottom: 20px;
  }
  .pb-15-md, .row-form [class*=col-].pb-15-md {
    padding-bottom: 15px !important;
  }
  .pb-10-md, .row-form [class*=col-].pb-10-md {
    padding-bottom: 10px !important;
  }
}
.pos-sticky {
  position: sticky;
  top: 20px;
}

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

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

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

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

.justify-content-around {
  justify-content: space-between;
}

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

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

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

.text-left {
  text-align: left !important;
}
@media (max-width: 767px) {
  .text-left-sm {
    text-align: left !important;
  }
}

.text-right {
  text-align: right !important;
}
@media (max-width: 767px) {
  .text-right-sm {
    text-align: right !important;
  }
}

.text-justify {
  text-align: justify !important;
}
@media (max-width: 767px) {
  .text-justify-sm {
    text-align: justify !important;
  }
}

@media (max-width: 767px) {
  .text-center-sm {
    text-align: center !important;
  }
  .text-left-sm {
    text-align: left !important;
  }
  .text-right-sm {
    text-align: right !important;
  }
  .text-justify-sm {
    text-align: justify !important;
  }
}
.flex-colreverse {
  display: flex !important;
  flex-direction: column-reverse !important;
}

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

.maxh-120 {
  max-height: 120px !important;
}

@media (max-width: 767px) {
  .flex-100-sm {
    flex-basis: 100% !important;
  }
}

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

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

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

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

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

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

.text-secondary {
  color: #898989 !important;
}

.border-primary-outline {
  border-radius: 5px;
  display: inline-flex;
  border: 1px solid #9FBB3C !important;
}

.border-primary {
  border-radius: 5px;
  display: inline-flex;
  background: #9FBB3C !important;
  color: #FFF;
}

.border-danger {
  border-radius: 5px;
  display: inline-flex;
  background: #DD5942 !important;
  color: #FFF;
}

.border-bottom {
  border-bottom: 1px solid #E2E2E2 !important;
}

.border-top {
  border-top: 1px solid #E2E2E2 !important;
}

@media (max-width: 992px) {
  .flex-colreverse-md {
    display: flex !important;
    flex-direction: column-reverse !important;
  }
}
a, .link {
  color: #9FBB3C;
}
a.link-disable, .link.link-disable {
  color: #E2E2E2;
}
a.link-disable:hover, .link.link-disable:hover {
  cursor: default;
  color: #E2E2E2;
}
a:hover, .link:hover {
  color: #6e8129;
}

/* Button */
.btn {
  border-radius: 5px;
  transition: all 0.3s;
  border-color: transparent;
  padding: 10px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.btn > i {
  font-size: 16px;
}
.btn.btn-file > input[type=file] {
  display: none;
}
.btn.btn-icon > i {
  margin-right: 6px;
}
.btn[disabled] {
  cursor: no-drop;
  pointer-events: none;
  background-color: #a5a5a5;
  border-color: #a5a5a5;
}
.btn-center-lr {
  margin-left: auto;
  margin-right: auto;
}
.btn-max300 {
  max-width: 300px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-flex {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
}
.btn-inflex {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.btn-height-auto {
  height: auto !important;
}
.btn-link {
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #1F3B64;
  text-align: center;
  font-size: 16px;
  line-height: 1.25;
}
.btn-link:hover {
  color: #9FBB3C;
}
.btn-reset-password {
  font-size: 12px;
  line-height: 1.3333333333;
}
.btn-primary, .btn-primary-outline, .btn-secondary-outline, .btn-danger-outline, .btn-warning, .btn-warning-outline, .btn-outline {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  background-color: #9FBB3C;
  border: 1px solid #9FBB3C;
  color: #FFF;
}
.btn-primary:hover, .btn-primary-outline:hover, .btn-secondary-outline:hover, .btn-danger-outline:hover, .btn-warning:hover, .btn-warning-outline:hover, .btn-outline:hover {
  background-color: #9FBB3C;
  box-shadow: 0px 4px 20px rgba(51, 51, 51, 0.1);
  color: #FFF;
  border-color: #9FBB3C;
}
.btn-primary:focus, .btn-primary-outline:focus, .btn-secondary-outline:focus, .btn-danger-outline:focus, .btn-warning:focus, .btn-warning-outline:focus, .btn-outline:focus {
  background-color: #FBAB18;
  border-color: #FBAB18;
  color: #FFF;
}
.btn-primary, .btn-primary span {
  color: #FFF !important;
}
.btn-primary:hover, .btn-primary:hover span, .btn-primary:focus, .btn-primary:focus span {
  color: #FFF !important;
}
.btn-primary-outline {
  background-color: transparent;
  border-color: #9FBB3C;
  color: #9FBB3C;
}
.btn-primary-outline[disabled] {
  cursor: no-drop;
  pointer-events: none;
  background: transparent;
  color: #a5a5a5;
  border-color: #a5a5a5;
}
.btn-danger-outline {
  background-color: transparent;
  border-color: red;
  color: red;
}
.btn-warning-outline {
  background-color: transparent;
  border-color: #FBAB18;
  color: #FBAB18;
}
.btn-warning-outline:hover {
  background-color: #FBAB18;
  color: #FFFFFF;
  border-color: #FBAB18;
}
.btn-secondary-outline {
  background-color: transparent;
  border-color: #F05638;
  color: #F05638;
}
.btn-secondary-outline:hover {
  background-color: #ee4220;
  border-color: #ee4220;
  color: #FFF;
}
.btn-warning {
  background-color: #FBAB18 !important;
  border-color: #FBAB18 !important;
}
.btn-warning:hover {
  background-color: #f5a004 !important;
  border-color: #f5a004 !important;
  color: #FFF;
}
.btn-danger {
  background-color: #DD5942 !important;
  border-color: #DD5942 !important;
}
.btn-danger:hover {
  background-color: #d9462c;
  border-color: #d9462c;
  color: #FFF;
}
.btn-md {
  font-size: 14px;
  line-height: 1.4285714286;
  padding: 8px 10px;
}
.btn-sm {
  font-size: 12px;
  line-height: 0.9166666667;
  padding: 8px 10px;
}
.btn-special {
  background-color: #9FBB3C;
  display: block;
  text-align: center;
  color: #FFF;
}
.btn-danger {
  background-color: #FBAB18;
  display: block;
  text-align: center;
  color: #FFF;
}
.btn-special-danger {
  border: 1px solid #ED543A;
  color: #ED543A;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
}
.btn-special-danger:hover {
  font-weight: 500;
  background-color: #ED543A;
  color: #FFF;
}
.btn-special-left-border {
  display: flex;
  border: 1px solid #E2E2E2;
  position: relative;
  justify-content: center;
  color: #00786A;
}
.btn-special-left-border::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background-color: #00786A;
  top: 0px;
  left: 0px;
  border-radius: 5px 0 0 5px;
}
.btn-warning-left-border {
  display: flex;
  border: 1px solid #E2E2E2;
  position: relative;
  justify-content: center;
  color: #FBAB18 !important;
}
.btn-warning-left-border::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background-color: #FBAB18;
  top: 0px;
  left: 0px;
  border-radius: 5px 0 0 5px;
}
.btn-danger-left-border {
  display: flex;
  border: 1px solid #E2E2E2;
  position: relative;
  justify-content: center;
  color: #DD5942 !important;
}
.btn-danger-left-border::after {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background-color: #DD5942;
  top: 0px;
  left: 0px;
  border-radius: 5px 0 0 5px;
}

.button-collapse-wrap {
  display: none;
}
.button-collapse-wrap .button-collapse {
  display: flex;
  border: 0;
  background-color: transparent;
  font-size: 30px;
  border-right: 1px solid #ccc;
  margin-right: 10px;
  padding: 0;
  padding-right: 10px;
}
@media (max-width: 991px) {
  .button-collapse-wrap {
    display: block;
  }
}

/* Hide Hidden*/
.hide {
  display: none;
}

@media (max-width: 991px) {
  .hide-mobile {
    display: none !important;
  }
  .text-mobile {
    display: inline-block;
  }
  .text-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }
  .text-mobile {
    display: none;
  }
  .text-desktop {
    display: inline-block;
  }
}
.status {
  text-transform: uppercase;
  color: #444545;
  border: 1px solid #444545;
  font-size: 12px;
  line-height: 1.0909090909;
  text-align: center;
  letter-spacing: 0.05em;
  padding: 3px;
  display: block;
  border-radius: 5px;
  width: 120px;
  margin: 0 auto;
}
.status-success {
  color: #00786A;
  border-color: #00786A;
}
.status-warning {
  color: #FBAB18;
  border-color: #FBAB18;
}
.status-danger {
  color: #DD5942;
  border-color: #DD5942;
}

.alert {
  font-size: 14px;
  line-height: 1.2;
  border-left: 5px solid #ddd;
  border-radius: 5px;
  padding: 9.5px 11.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 15px;
  background-color: #FFF;
  color: #1F3B64;
  padding: 10px 40px 10px 10px;
  position: relative;
}
.alert p {
  margin-bottom: 2px;
}
.alert p:last-of-type {
  margin-bottom: 0;
}
.alert .close {
  border: 0;
  background-color: transparent;
  font-weight: 700;
  width: 40px;
  height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  outline: 0;
  top: 0;
}
.alert .close, .alert .close i {
  color: #979797;
}
.alert .close i {
  border: 1px solid currentColor;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.alert > i {
  margin-right: 11.5px;
  font-size: 20px;
}
.alert > i, .alert > span {
  flex: 0 1 auto;
}
.alert-list {
  display: block;
}
.alert-list ul {
  margin-block-end: 0em;
}
.alert-success {
  border-color: #9FBB3C;
}
.alert-success i {
  color: #9FBB3C;
}
.alert-warning {
  border-color: #FBAB18;
}
.alert-warning i {
  color: #FBAB18;
}
.alert-danger {
  border-color: #DD5942;
}
.alert-danger i {
  color: #DD5942;
}
.alert-border {
  border-top: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  border-right: 1px solid #E2E2E2;
}

.content-header ~ .alert:last-of-type {
  margin-bottom: 15px;
}

.box-header .alert, .box-body .alert {
  margin-top: 0;
  margin-bottom: 20px;
}
.box-header .alert:first-child, .box-body .alert:first-child {
  margin-top: 10px;
}

.list-inLine {
  padding: 0;
}
.list-inLine li {
  display: flex;
  align-items: center;
  list-style: none;
  display: inline-block;
}

[class^=ph-], [class*=" ph-"] {
  line-height: 1;
}

.text-primary {
  color: #00786A;
}

.text-warning {
  color: #FBAB18;
}

.back-to-top {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  right: 20px;
  bottom: -100px;
  transition: bottom 0.3s ease;
}
body.scrolled .back-to-top {
  bottom: 20px;
}

.form-group label {
  margin-bottom: 3px;
}
.form-group:not(:last-child) {
  margin-bottom: 15px !important;
}
.form-group > * {
  display: block;
}
.form-group .btn:not(:last-child) {
  margin-bottom: 15px;
}
.form-group .input-group {
  position: relative;
}
.form-group .input-group .switch {
  margin-top: 9px;
  margin-bottom: 9px;
}
.form-group.form-horizontal {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  margin: 0 -10px;
  justify-content: flex-start;
}
.form-group.form-horizontal > * {
  padding: 0 7.5px;
}
.form-group.form-horizontal > label {
  flex: 1 1 25%;
  text-align: right;
  padding-top: 9px;
  padding-bottom: 9px;
}
.form-group.form-horizontal > .input-group {
  flex: 1 1 75%;
}
.form-group.form-horizontal > .input-group .icon {
  right: 22px;
}
.form-group.form-horizontal > .input-extra {
  flex: 0 1 10%;
}
.form-group.form-horizontal > .input-extra ~ .input-group {
  flex: 1 1 65%;
}
.form-group.form-note {
  margin-top: 15px;
}
.form-group.form-note, .form-group.form-note ul, .form-group.form-note li {
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5;
  color: #757575;
}
.form-group.form-note ul {
  padding-left: 20px;
}

.form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  border-top: 1px solid #E2E2E2;
  margin-top: 10px;
  padding-top: 15px;
}
.form-footer .btn {
  margin-bottom: 0 !important;
}
.form-footer .info {
  font-style: italic;
  font-size: 12px;
  line-height: 1.5;
  color: #757575;
  display: inline-block;
  padding-left: 15px;
}
.form-footer .nav-wrap {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.form-footer .nav-wrap a {
  display: flex;
  font-weight: normal;
  font-size: 12px;
  line-height: 18px;
  color: #9FBB3C;
  padding: 8px 12px;
}
.form-footer .nav-wrap a:not(:last-child) {
  margin-right: 10px;
}
.form-footer .nav-wrap a.disabled {
  color: #9A9A9A;
  cursor: no-drop;
}
.form-footer .nav-wrap a.nav-prev i {
  margin-right: 8px;
}
.form-footer .nav-wrap a.nav-next i {
  margin-left: 8px;
}
@media (max-width: 991px) {
  .form-footer {
    flex-wrap: wrap;
  }
  .form-footer > * {
    flex: 1 1 100%;
  }
  .form-footer .nav-wrap {
    margin-top: 20px;
  }
}
@media (max-width: 767px) {
  .form-footer button[type=submit] {
    justify-content: center;
    width: 100%;
  }
  .form-footer .info {
    padding-left: 0;
    padding-top: 10px;
  }
}

.form-control {
  background: #FFFFFF;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  border-radius: 5px;
  width: 100%;
  padding: 8px 10px;
  font-weight: normal;
  font-family: "Gotham", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #1F3B64;
  color: #444545;
  min-height: 40px;
}
.form-control::placeholder, .form-control:-ms-input-placeholder, .form-control::-ms-input-placeholder {
  color: #333333;
  opacity: 1;
}
.form-control:focus-visible {
  outline-color: #1D8FAA;
}
.form-control[disabled], .form-control[readonly] {
  background-color: #F1F1F1;
}
.form-control[type=file] {
  cursor: pointer;
}
@media (max-width: 767px) {
  .form-control {
    padding: 3px 6px;
  }
}

.radio-inline {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0 -10px;
}
.radio-inline li {
  flex: 0 1 auto;
  padding: 0 10px;
  cursor: pointer;
}

.input-group {
  position: relative;
}
.input-group .radio-inline {
  height: 40px;
}
.input-group .icon {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  color: #1F3B64;
  font-size: 15px !important;
}
.input-group .icon {
  height: calc(100% - 2px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFF;
  padding: 8px 0 8px 8px;
}
.input-group .btn-input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 10px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-group .btn-input .icon {
  position: relative;
  top: unset;
  right: unset;
  transform: none;
}
.input-group > .row > [class*=col] {
  position: relative;
}
.input-group > .row > [class*=col] .wrap {
  position: relative;
}
.input-group > .row > [class*=col] .wrap:not(:last-child) {
  margin-bottom: 7px;
}
.input-group > .row > [class*=col] i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 20px;
}

.form-inline {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.form-inline .input-group, .form-inline .button-group {
  flex: 1 1 auto;
}
.form-inline .button-group {
  flex-basis: 20%;
  padding-left: 5px;
}
.form-inline .button-group .btn {
  width: 100%;
  height: 100%;
  justify-content: center;
}
@media (max-width: 767px) {
  .form-inline {
    flex-wrap: wrap;
  }
  .form-inline .input-group, .form-inline .button-group {
    flex: 1 1 100%;
  }
  .form-inline .button-group {
    padding-left: 0;
    padding-top: 5px;
  }
}

.js-select2.custom-icon ~ .select2-container .select2-selection__arrow, .select2.custom-icon ~ .select2-container .select2-selection__arrow {
  display: none;
}

.select2-results__option {
  font-size: 12px;
  line-height: 1.1666666667;
}

.btn-filter.active {
  background-color: #9FBB3C;
  color: #FFF;
}

.filter-box {
  max-height: 0;
  border-radius: 5px;
  overflow: hidden;
  transition: max-height 0.3s ease-in, border 0.3s ease-in;
}
.filter-box .select2-container .select2-selection--single {
  height: 30px;
}
.filter-box.active {
  margin-bottom: 10px;
}
.filter-box .form-filter {
  border: 1px solid #DADADA;
  background-color: rgba(0, 0, 0, 0.03);
  padding: 8px 10px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin: -5px;
}
.filter-box .form-filter .filter-col {
  flex: 0 1 auto;
  padding: 5px;
}
.filter-box .form-filter .filter-submit {
  display: flex;
  align-items: flex-end;
}
.filter-box .form-filter, .filter-box .form-filter label, .filter-box .form-filter .select2-results__option {
  font-size: 12px;
  line-height: 1.1666666667;
}
.filter-box .form-filter label {
  display: inline-block;
  margin-bottom: 5px;
}

.check-select-wrap {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
.check-select-wrap li {
  flex: 0 1 auto;
  padding: 5px;
}
.check-select-wrap input[type=radio], .check-select-wrap input[type=checkbox] {
  display: none;
}
.check-select-wrap input[type=radio] ~ label, .check-select-wrap input[type=checkbox] ~ label {
  background: #F1F1F1;
  border-radius: 5px;
  padding: 8px 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.5;
  color: #9A9A9A;
  cursor: pointer;
  border: 1px solid transparent;
}
.check-select-wrap input[type=radio]:checked ~ label, .check-select-wrap input[type=checkbox]:checked ~ label {
  border-color: #9FBB3C;
  background-color: transparent;
  color: #9FBB3C;
}

.input-remove {
  border: 1px solid #ED543A;
  height: 40px;
  width: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  background-color: #FFF;
  color: #ED543A;
  font-size: 16px;
}
.input-remove .icon {
  margin-right: 0 !important;
}
.input-remove:hover {
  background-color: #ED543A;
  color: #FFF;
}

.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}
.switch-text {
  padding-left: 10px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.switch input:checked + .slider {
  background-color: #9FBB3C;
}
.switch input:focus + .slider {
  box-shadow: 0 0 1px #9FBB3C;
}
.switch input:checked + .slider:before {
  transform: translateY(50%) translateX(22px);
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 50px;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 50%;
  transform: translateY(50%);
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

.input-group.foto-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.input-group.foto-wrap.foto-vertical {
  flex-wrap: wrap;
  justify-content: center;
}
.input-group.foto-wrap.foto-vertical label.preview-foto {
  width: 100%;
  height: 200px;
  margin-right: 0;
  margin-bottom: 15px;
}
.input-group.foto-wrap.foto-vertical label.btn-upload-foto {
  width: 100%;
}
.input-group.foto-wrap label {
  display: flex;
  cursor: pointer;
}
.input-group.foto-wrap label.preview-foto {
  border-radius: 5px;
  width: 120px;
  height: 120px;
  border: 1px dashed #ddd;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}
.input-group.foto-wrap label.preview-foto i {
  font-size: 30px;
  opacity: 0.3;
}
.input-group.foto-wrap label.btn-upload-foto {
  width: 160px;
  justify-content: center;
  display: flex;
}
@media (max-width: 767px) {
  .input-group.foto-wrap {
    flex-wrap: wrap;
  }
  .input-group.foto-wrap label.preview-foto {
    width: 100%;
    height: 200px;
    margin-right: 0;
  }
  .input-group.foto-wrap label.btn-upload-foto {
    width: 100%;
    margin-top: 20px;
  }
}

.box-input-group {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 15px;
}
.box-input-group:not(:last-child) {
  margin-bottom: 15px !important;
}
.box-input-group .box-input-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E2E2E2;
  padding: 0 0 15px;
  margin-bottom: 15px;
}
.box-input-group .box-input-header h1, .box-input-group .box-input-header h2, .box-input-group .box-input-header h3, .box-input-group .box-input-header h4, .box-input-group .box-input-header h5, .box-input-group .box-input-header .kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-title, .kontent-without-login .konten-heading-description .konten-description-content .box-input-group .box-input-header .info-pendaftaran-title, .box-input-group .box-input-header h6, .box-input-group .box-input-header #kontentNarasumber .kontentNarasumber__items .item__heading-name, #kontentNarasumber .kontentNarasumber__items .box-input-group .box-input-header .item__heading-name {
  font-size: 14px;
  line-height: 1.43;
  color: #454545;
  font-weight: 600;
  margin-bottom: 0;
}

.items-group {
  background: #FAFAFA;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 20px;
  margin-bottom: 15px;
}

.row-form {
  margin: 0 -5px 15px !important;
}
.row-form:last-child {
  margin-bottom: 0 !important;
}
.row-form [class*=col-] {
  display: flex;
  align-items: center;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  flex-wrap: wrap;
  position: relative;
}
.row-form [class*=col-].label {
  text-align: right;
}
.row-form [class*=col-].label > label {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 100%;
}
.row-form [class*=col-].label.left {
  text-align: left;
}
.row-form [class*=col-].label.left > label {
  justify-content: flex-start;
}
.row-form [class*=col-].input .input-download [class^=ph-], .row-form [class*=col-].input .input-download [class*=" ph-"] {
  font-size: 20px;
}
.row-form [class*=col-].input .input-download span {
  vertical-align: top;
}
.row-form [class*=col-].input p:first-child {
  min-height: 40px;
  padding-top: 10px;
}
.row-form [class*=col-] > * {
  width: 100%;
}
.row-form [class*=col-].label, .row-form [class*=col-].extra {
  align-items: flex-start;
}
.row-form [class*=col-] .custom-icon {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.row-form [class*=col-] .custom-icon ~ i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  font-size: 20px;
  width: auto;
}
.row-form.vertical [class*=col-].label {
  text-align: left;
  margin-bottom: 8px;
}
.row-form.vertical [class*=col-].label > label {
  justify-content: flex-start;
  min-height: unset;
}
@media (max-width: 767px) {
  .row-form [class*=col-].label {
    text-align: left;
    margin-bottom: -5px !important;
  }
  .row-form [class*=col-].label > label {
    justify-content: flex-start;
    min-height: unset;
  }
  .row-form [class*=col-].input {
    padding-top: 10px !important;
  }
}

.repeater-wrap .row-form {
  margin-bottom: 15px !important;
}

.input-alert {
  margin-top: 3px;
  color: #DD5942;
}

.input-error {
  border-color: #DD5942 !important;
}

.header-wrap {
  border-bottom: 1px solid #E2E2E2;
  margin-bottom: 20px;
  padding-bottom: 15px;
}
.header-wrap .second-title, .header-wrap .title {
  margin-bottom: 0 !important;
}

.phone-group {
  display: flex;
  flex-wrap: nowrap;
}
.phone-group .phone-country-code {
  width: auto;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  position: relative;
  z-index: 3;
}
.phone-group .phone-number-wrap {
  position: relative;
  width: 100%;
}
.phone-group .phone-number-wrap .phone-number {
  margin: 0 0 0 -4px;
  z-index: 2;
  position: relative;
}
@media (max-width: 767px) {
  .phone-group .phone-number-wrap .phone-number {
    padding-right: 27px;
  }
}
.phone-group .phone-number-wrap .verified {
  position: absolute;
  display: flex;
  align-items: center;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 6;
  color: green;
}
@media (max-width: 991px) {
  .phone-group .phone-number-wrap .verified {
    right: 10px;
    font-size: 0;
  }
}
.phone-group .phone-number-wrap .verified .ic {
  position: relative;
  width: 20px;
  height: 20px;
  background-color: transparent;
  line-height: 1;
}
.phone-group .phone-number-wrap .verified .ic svg {
  width: 100%;
  height: 100%;
  fill: green;
}
.phone-group .phone-verify {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: -10px;
}

.accordions {
  margin-bottom: 15px;
}
.accordions.border-top {
  border-top: 1px solid #E2E2E2;
  padding-top: 20px;
}

.accordion {
  overflow: hidden;
  color: #454545;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  margin-bottom: 15px;
  background-color: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
}
.accordion:not(.active) .accordion__head:before {
  transform: rotate(180deg);
}
.accordion:last-child {
  margin-bottom: 0;
}
.accordion__head {
  position: relative;
  padding: 17px 0 2px;
  cursor: pointer;
  color: #454545;
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid transparent;
}
.accordion__head .icon {
  position: absolute;
  bottom: 0;
  right: 15px;
  transform: rotate(0deg);
  transition: all 0.25s ease-out;
  font-size: 22px;
  color: #9FBB3C;
}
.accordion__head h4 {
  margin-bottom: 0;
  color: #454545;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
}
.accordion__headNumber {
  display: flex;
  justify-content: space-between;
}
.accordion__headNumber .accordion__head-number {
  display: flex;
  gap: 8px;
  align-items: center;
  font-weight: bold;
}
.accordion__headNumber .accordion__head-number i {
  transform: rotate(0deg);
  transition: all 0.25s ease-out;
  font-size: 22px;
}
.accordion__content {
  padding: 0 0 0;
  max-height: 0;
  overflow: hidden;
  will-change: max-height;
  transition: all 0.25s ease-out;
  color: #454545;
  opacity: 0;
  margin-top: 0;
  padding-top: 0;
  font-weight: 300;
  font-size: 15px;
  line-height: 1.6;
}
.accordion__content ol, .accordion__content ul {
  margin: 0;
  padding-left: 20px;
}
.accordion__contentNoList ol, .accordion__contentNoList ul {
  list-style-type: none;
  padding-left: 0px;
}
.accordion__contentNoList ol a, .accordion__contentNoList ul a {
  display: flex;
  align-items: center;
  gap: 8px;
}
.accordion.active .accordion__head {
  padding-bottom: 17px;
  border-color: #E2E2E2;
}
.accordion.active .accordion__head .icon {
  bottom: 50%;
  transform: translateY(50%) rotate(-180deg);
}
.accordion.active .accordion__content {
  padding: 15px 0 0;
  opacity: 1;
}

body.popup-activated {
  overflow: hidden;
}

.popup-konfirmasi {
  display: none;
}
.popup-konfirmasi.over-auto {
  overflow: auto;
}
.popup-konfirmasi.over-auto .overlay {
  position: fixed !important;
}
.popup-konfirmasi.over-auto .popup-wrap {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}
.popup-konfirmasi.active {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}
.popup-konfirmasi.active .overlay {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.popup-konfirmasi.active .popup-head {
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
  padding: 0 0 20px;
  position: relative;
}
.popup-konfirmasi.active .popup-head button.popup-close {
  position: absolute;
  background-color: transparent;
  top: 0;
  right: 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.popup-konfirmasi.active .popup-head button.popup-close .icon {
  font-size: 25px !important;
}
.popup-konfirmasi.active .popup-wrap {
  position: absolute;
  z-index: 1;
  background-color: #FFF;
  max-width: 400px;
  width: 100%;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 4px 25px rgba(152, 152, 152, 0.1);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: normal;
  line-height: 1.5;
  color: #444545;
  text-align: center;
}
.popup-konfirmasi.active .popup-wrap.big {
  max-width: 800px !important;
  overflow: auto;
}
.popup-konfirmasi.active .popup-wrap .icon {
  font-size: 65px;
}
.popup-konfirmasi.active .popup-wrap .icon.peringatan {
  color: #8F9DB2;
}
.popup-konfirmasi.active .popup-wrap .icon.sukses {
  color: #9FBB3C;
}
.popup-konfirmasi.active .popup-wrap .title {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  color: #444545;
  margin-bottom: 5px;
}
.popup-konfirmasi.active .popup-wrap p:last-of-type {
  margin-bottom: 0;
}
.popup-konfirmasi.active .popup-wrap .button-wrap {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #E2E2E2;
}
@media (max-width: 767px) {
  .popup-konfirmasi.active .popup-wrap {
    width: 90%;
  }
  .popup-konfirmasi.active .popup-wrap .button-wrap .btn {
    padding: 10px !important;
  }
}

.popup-kuis.active .popup-wrap {
  max-width: 560px;
}

.button-wrap.button-horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.button-wrap.button-horizontal .btn {
  margin: 0 10px 0 0;
}
.button-wrap.button-horizontal .btn:last-child {
  margin: 0 0 0 0;
}
.button-wrap.button-vertical .btn:not(:last-child) {
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .button-wrap.button-horizontal {
    flex-wrap: wrap;
  }
  .button-wrap.button-horizontal .btn:not(:last-child) {
    margin: 0 0 10px 0;
  }
}

.popup-lihat-peserta .breadcrumb {
  background-color: transparent;
  text-align: left;
  margin: 0;
  padding: 0;
}
.popup-lihat-peserta .popup-wrap {
  max-width: 700px !important;
}

.fs-popup-box {
  display: none;
}
.fs-popup-box.active {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
.fs-popup-box .overlay {
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fs-popup-box .inner {
  background-color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  max-width: 500px;
  border-radius: 5px;
  box-shadow: 0px 4px 25px rgba(152, 152, 152, 0.1);
}
.fs-popup-box .inner .close {
  width: 48px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  margin-right: 0;
  margin-left: auto;
}
.fs-popup-box .inner .close i {
  font-size: 24px;
}
.fs-popup-box .inner .close:hover {
  cursor: pointer;
}
.fs-popup-box .inner .head, .fs-popup-box .inner .content {
  padding: 20px;
}
.fs-popup-box .inner .head {
  border-bottom: 1px solid #ddd;
}
.fs-popup-box .inner .head .title {
  font-size: 1.4rem;
}
.fs-popup-box .inner .headWithStep {
  display: flex;
}
.fs-popup-box .inner .headWithStep .head__number {
  width: 100px;
}
.fs-popup-box .inner .headWithStep .head__number span {
  font-size: 24px;
  font-weight: bold;
  text-align: right;
}
.fs-popup-box .inner .content {
  max-height: 450px;
  overflow: auto;
}

#popup-sertifikat-qr .qr-sertifikat-detail {
  padding: 0 40px;
}
#popup-sertifikat-qr .qr-sertifikat-detail .number {
  word-break: break-all;
  font-size: 14px;
}
#popup-sertifikat-qr .qr-sertifikat-detail .btn {
  margin-top: 20px;
  font-size: 14px;
}
#popup-sertifikat-qr .qr-sertifikat-detail .name {
  font-weight: 500;
  margin-top: 10px;
  font-size: 15px;
}
#popup-sertifikat-qr .qr-sertifikat-detail .title {
  font-size: 18px !important;
}

.select2-container .select2-selection--single {
  height: 40px;
  display: flex;
  align-items: center;
  border-color: #e2e2e2 !important;
}
.select2-container .select2-selection__arrow {
  top: 50% !important;
  transform: translateY(-50%) !important;
  right: 7px !important;
}
.select2-container .select2-dropdown {
  border-color: #e2e2e2 !important;
}

.datepicker-dropdown {
  border-color: #DADADA;
  box-shadow: 0px 4px 25px rgba(137, 137, 137, 0.1);
  padding: 10px;
}
.datepicker table th, .datepicker table td {
  font-family: "Lato", sans-serif;
  font-size: 14px;
  line-height: 1.5714285714;
  padding: 5px 10px;
}
.datepicker table td.day.active, .datepicker table td.day.focused, .datepicker table td .month.active, .datepicker table td .month.focused, .datepicker table td .year.active, .datepicker table td .year.focused {
  background-color: #1F3B64 !important;
  background-image: none !important;
}

.content-header #triggerSidebar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}
.content-header #triggerSidebar .btn {
  padding: 5px;
}
.content-header #triggerSidebar i {
  font-size: 18px;
  font-weight: bold;
}
@media (max-width: 991px) {
  .content-header #triggerSidebar {
    display: none;
  }
}
.content-header .back-wrap a {
  display: flex;
  font-size: 24px;
  color: #333;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
  margin-right: 10px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.content-header .back-wrap a:focus {
  outline: 0;
}
@media (max-width: 767px) {
  .content-header .logo-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
}
.content-header .col-left, .content-header .col-right {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.content-header .col-right {
  justify-content: flex-end;
  flex-wrap: nowrap;
}
.content-header .col-right > * {
  padding: 0 27px;
  flex: 0 1 auto;
  display: flex;
  justify-content: center;
}
.content-header ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.content-header ul.menu {
  margin: 0 -15px;
}
.content-header ul.menu > li {
  border-right: 1px solid #ccc;
  padding: 0 15px;
}
.content-header ul.menu > li:last-child {
  border-right: 0;
}
@media (max-width: 991px) {
  .content-header ul.menu {
    margin: 0;
    padding: 0;
  }
  .content-header ul.menu > li:first-child {
    padding-left: 0;
  }
  .content-header ul.menu > li:last-child {
    padding-right: 0;
  }
}
.content-header li.notifikasi a {
  color: #8F9DB2;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 20px;
  position: relative;
}
.content-header li.notifikasi .notif {
  background-color: #e54949;
  font-size: 0.4em;
  color: #FFF;
  padding: 1px 6px;
  border-radius: 50px;
  display: none;
  margin-left: 1px;
}
.content-header li.notifikasi [class*=ph] {
  line-height: 1;
}
.content-header li.notifikasi .none {
  display: block;
}
.content-header li.notifikasi .active {
  display: none;
  color: #1F3B64;
}
.content-header li.notifikasi.active .none {
  display: none;
}
.content-header li.notifikasi.active .active {
  display: block;
}
.content-header li.notifikasi.active .notif {
  display: block;
}
.content-header li.dropdown {
  position: relative;
  padding-right: 25px;
}
.content-header li.dropdown > *:not(.dropdown-menu) {
  cursor: pointer;
}
.content-header li.dropdown .menu-expand {
  font-size: 10px;
  color: #1F3B64;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border: 0;
  line-height: 0;
  width: 20px;
  height: 100%;
  background-color: transparent;
}
.content-header li.dropdown .menu-expand i {
  transition: transform 0.3ms ease;
  transform: rotate(0deg);
}
@media (max-width: 767px) {
  .content-header li.dropdown .menu-expand {
    display: none;
  }
}
.content-header li.dropdown .dropdown-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  padding: 0;
  margin: 20px 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  min-width: 200px;
  right: 0;
}
.content-header li.dropdown .dropdown-menu:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 11px 10px;
  border-color: transparent transparent #1F3B64 transparent;
  position: absolute;
  top: -10px;
  right: 55px;
  z-index: -1;
}
.content-header li.dropdown .dropdown-menu .user-head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 10px;
  background-color: #DADADA;
}
.content-header li.dropdown .dropdown-menu .user-head .user-icon {
  flex: 1 1 20%;
}
.content-header li.dropdown .dropdown-menu .user-head .user-data {
  flex: 1 1 80%;
  padding-left: 10px;
}
.content-header li.dropdown .dropdown-menu .menu-item:not(:last-child) {
  border-bottom: 1px solid #DADADA;
}
.content-header li.dropdown .dropdown-menu .menu-item a {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #FFF;
  width: 100%;
  color: #1F3B64;
}
.content-header li.dropdown .dropdown-menu .menu-item a:hover {
  color: #1F3B64;
  font-weight: 600;
}
.content-header li.dropdown .dropdown-menu .menu-item a > i {
  font-size: 20px;
  margin-right: 12px;
}
.content-header li.dropdown .dropdown-menu .menu-item.active a {
  font-weight: 600;
  color: #1F3B64;
}
.content-header li.dropdown .dropdown-menu .user-info {
  padding: 10px;
  background-color: #1F3B64;
  border-bottom: 1px solid #FFF;
}
.content-header li.dropdown .dropdown-menu .user-info .user-icon img {
  width: 22px;
  height: auto;
  border: 1px solid #FFF;
}
.content-header li.dropdown .dropdown-menu .user-info .user-data {
  display: block !important;
}
.content-header li.dropdown .dropdown-menu .user-info .user-data span {
  color: #FFF;
}
@media (max-width: 767px) {
  .content-header li.dropdown .dropdown-menu:before {
    right: 20px;
  }
}
.content-header li.dropdown.active .menu-expand i {
  transform: rotate(90deg);
}
.content-header li.dropdown.active .dropdown-menu {
  display: block !important;
}
@media (max-width: 991px) {
  .content-header li.dropdown {
    padding-right: 0;
  }
}

.logo-site {
  display: none;
}
.logo-site a {
  display: block;
  line-height: 0;
}
.logo-site img {
  height: 35px;
}
.logo-site.active {
  display: block;
}

.page-title {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #444545;
  margin-left: 25px;
}

.breadcrumb {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  margin-bottom: 15px;
  background-color: #fafafa;
  padding: 8px 10px 10px;
  border-radius: 0 0 5px 5px;
  margin-top: -18px;
  position: relative;
  z-index: 0;
}
.breadcrumb > li {
  position: relative;
  display: inline;
}
.breadcrumb > li, .breadcrumb > li a, .breadcrumb > li span {
  color: #444545;
  font-size: 12px;
  line-height: 1.5;
}
.breadcrumb > li span {
  font-weight: 500;
}
.breadcrumb > li a:hover {
  color: #9FBB3C;
}
.breadcrumb > li:not(:first-child):before {
  content: "\e90f";
  font-family: "plnicon";
  font-size: 7px;
  color: #1F3B64;
  padding: 0;
  min-width: 23px;
  display: inline-block;
  text-align: center;
  margin-left: -5px;
}

.user-info {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.user-info .user-icon i {
  font-size: 30px;
  color: #1F3B64;
}
.user-info .user-icon img {
  vertical-align: middle;
  width: 28x;
  height: 28px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.user-info .user-data {
  padding-left: 13px;
  margin-right: 9px;
}
.user-info .user-data span {
  display: block;
  font-size: 14px;
  line-height: 1.0769230769;
  flex: 0 1 100%;
  color: #444545;
}
.user-info .user-data span:not(:last-child) {
  margin-bottom: 3px;
}
@media (max-width: 991px) {
  .user-info .user-data {
    display: none;
  }
  .user-info .user-data span {
    font-size: 12px !important;
    line-height: 1.0909090909 !important;
  }
}

@media (max-width: 767px) {
  .user-info {
    width: auto !important;
  }
  .user-icon i {
    font-size: 23px !important;
  }
  .logout i {
    font-size: 18px !important;
  }
}
main.main-dashboard {
  padding: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  min-height: calc(100vh - 86px);
}
main.main-dashboard .main-sidebar {
  flex: 1 1 20%;
}
main.main-dashboard .main-content {
  flex: 1 1 80%;
  padding-left: 30px;
  padding-right: 30px;
}
main.main-dashboard section {
  background-color: #FAFAFA;
  box-shadow: 0px 4px 25px rgba(137, 137, 137, 0.1);
}
main.main-dashboard section .section-title {
  margin-bottom: 0;
  font-family: "Gotham", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2222222222;
  color: #333333;
}
main.main-dashboard section .section-subtitle {
  font-family: "Gotham", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #1F3B64;
  color: #898989;
}
main.main-dashboard section .col-right .breadcrumb {
  text-align: right;
}

.groupBadge {
  background-color: #1F3B64;
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  font-weight: 500;
  display: inline;
  font-size: 10px;
  margin-left: 0px;
  position: relative;
  top: -2px;
}
.groupBadge.outline {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #1F3B64;
  color: #1F3B64;
}

.main-sidebar {
  transition: all 0.3s ease;
}
.main-sidebar.sidebarSmall {
  overflow-x: hidden;
  max-width: 60px;
  transition: all 0.3s ease;
}
.main-sidebar.sidebarSmall .sidebar .sidebar-menu li a span {
  opacity: 0;
  transition: all 0.3s ease;
}
.main-sidebar.sidebarSmall .sidebar .sidebar-menu li .dropdown-menu {
  display: none;
}
.main-sidebar.sidebarSmall .sidebar .sidebar-menu li .menu-expand {
  opacity: 0;
  transition: all 0.3s ease;
}
.main-sidebar.sidebarSmall.sidebarSmallHover {
  max-width: 230px;
  transition: all 0.3s ease;
}
.main-sidebar.sidebarSmall.sidebarSmallHover .sidebar .sidebar-menu li a span {
  opacity: 1;
  transition: all 0.3s ease;
}
.main-sidebar.sidebarSmall.sidebarSmallHover .sidebar .sidebar-menu li .menu-expand {
  opacity: 1;
  transition: all 0.3s ease;
}
.main-sidebar .sidebar {
  margin-top: 0 !important;
  padding-top: 15px;
  padding-bottom: 15px;
}
.main-sidebar .sidebar-menu {
  list-style-type: none;
  padding-left: 0;
}
.main-sidebar .sidebar-menu li {
  padding: 5px 0;
  position: relative;
}
.main-sidebar .sidebar-menu li:before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0 3px 3px 0;
}
.main-sidebar .sidebar-menu li a {
  padding: 10px 23px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  color: #444545;
}
.main-sidebar .sidebar-menu li a:hover {
  color: #1F3B64;
}
.main-sidebar .sidebar-menu li a > i {
  width: 21px;
  display: inline-block;
  margin-right: 5px;
}
.main-sidebar .sidebar-menu li.active:before {
  background-color: #1F3B64;
}
.main-sidebar .sidebar-menu li.active a {
  color: #1F3B64;
}
.main-sidebar .sidebar-menu li.active a > span {
  font-weight: 700;
}
.main-sidebar .sidebar-menu li .submenu {
  list-style-type: none;
  padding-left: 0;
}
.main-sidebar .sidebar-menu li .submenu li a {
  display: block;
  padding-left: 50px;
}

body > .wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  position: relative;
}
body > .wrapper .wrapper-overlay {
  content: "";
  background-color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  z-index: 90;
}
body > .wrapper button.menu-close {
  display: none;
  border: 0;
  background-color: transparent;
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: -50px;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 991px) {
  body > .wrapper {
    display: block;
    flex-direction: unset;
    flex-wrap: unset;
  }
}
body.menu-mobile-opened > .wrapper .wrapper-overlay {
  left: 0%;
  z-index: 90;
}
body.menu-mobile-opened > .wrapper button.menu-close {
  display: flex;
}

.main-sidebar {
  background-color: #FFF;
  flex: 0 1 auto;
  max-width: 230px;
  width: 100%;
  min-height: 100vh;
  box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.05);
}
.main-sidebar .header {
  padding: 20px;
}
.main-sidebar .header .logo-site {
  height: 36px;
}
.main-sidebar .sidebar {
  margin-top: 0 !important;
  padding-top: 15px;
  padding-bottom: 15px;
}
.main-sidebar .sidebar-menu {
  list-style-type: none;
  padding-left: 0;
}
.main-sidebar .sidebar-menu li {
  padding: 5px 0;
  position: relative;
}
.main-sidebar .sidebar-menu li:before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: transparent;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0 3px 3px 0;
}
.main-sidebar .sidebar-menu li a {
  padding: 4.5px 23px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  color: #1F3B64;
  font-weight: 600;
}
.main-sidebar .sidebar-menu li a:hover {
  color: #9FBB3C;
}
.main-sidebar .sidebar-menu li a > i {
  width: 21px;
  display: inline-block;
  margin-right: 5px;
  font-size: 18px;
}
.main-sidebar .sidebar-menu li.active:before {
  background-color: #9FBB3C;
}
.main-sidebar .sidebar-menu li.active a {
  color: #9FBB3C;
}
.main-sidebar .sidebar-menu li.active a > span {
  font-weight: 700;
}
.main-sidebar .sidebar-menu li.dropdown {
  position: relative;
  padding-right: 25px;
}
.main-sidebar .sidebar-menu li.dropdown > *:not(.dropdown-menu) {
  cursor: pointer;
}
.main-sidebar .sidebar-menu li.dropdown .dropdown-menu {
  display: none;
  width: calc(100% - 30px);
  position: relative;
  right: 0px;
  left: 25px;
  padding: 0px;
  border: none;
}
.main-sidebar .sidebar-menu li.dropdown .dropdown-menu li a span {
  font-weight: 300;
  color: #333333;
  font-size: 13px !important;
}
.main-sidebar .sidebar-menu li.dropdown .dropdown-menu li a:hover span {
  color: #9FBB3C;
}
.main-sidebar .sidebar-menu li.dropdown .menu-expand {
  font-size: 10px;
  color: #1F3B64;
  position: absolute;
  top: 20px;
  transform: translateY(-50%);
  right: 10px;
  border: 0;
  line-height: 0;
  width: 20px;
  height: 100%;
  background-color: transparent;
}
.main-sidebar .sidebar-menu li.dropdown .menu-expand i {
  transition: transform 0.3ms ease;
  transform: rotate(0deg);
}
@media (max-width: 767px) {
  .main-sidebar .sidebar-menu li.dropdown .menu-expand {
    display: none;
  }
}
.main-sidebar .sidebar-menu li.dropdown.active .dropdown-menu {
  display: block !important;
}
@media (max-width: 991px) {
  .main-sidebar {
    transition: all 0.3s;
    position: fixed;
    z-index: 99;
    top: 0;
    left: -100%;
  }
  .main-sidebar.opened {
    left: 0%;
  }
}

.main-content {
  flex: 1 1 100%;
  min-height: 100vh;
  padding: 0 15px 100px;
  background-color: #F1F1F1;
}
.main-content-mobile {
  padding: 15px;
}
.main-content .container {
  padding-left: 0;
  padding-right: 0;
}
.main-content .row-main {
  max-width: 1171px;
  transition: all 0.3s ease;
}
.main-content .row-main.sidebarSmall {
  max-width: 1340px;
  transition: all 0.3s ease;
}
@media (max-width: 767px) {
  .main-content .row-main > [class*=col-]:not(:last-child) {
    margin-bottom: 20px;
  }
}
.main-content section {
  padding: 20px;
  border-radius: 5px;
  background-color: #FAFAFA;
  border: 1px solid transparent;
  box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.05);
}
.main-content section:not(.content-header) {
  max-width: 1100px;
  transition: all 0.3s ease;
}
.main-content section.content-wide {
  max-width: 1300px;
  transition: all 0.3s ease;
}
.main-content section.sidebarSmall:not(.content-header) {
  max-width: 1269px;
  transition: all 0.3s ease;
}
.main-content section.content-large {
  max-width: 1400px;
}
.main-content section:first-child {
  margin-top: 0;
}
.main-content section:not(:last-child) {
  margin-bottom: 15px;
}
.main-content section.current {
  border-color: #1F3B64;
}
.main-content section.current .box-header {
  background-color: #1F3B64;
}
.main-content section.current .box-header, .main-content section.current .box-header:before, .main-content section.current .box-header:after, .main-content section.current .box-header .section-title, .main-content section.current .box-header .section-subtitle {
  color: #FFF !important;
}
.main-content section.kuis .box-header {
  margin-bottom: 0px !important;
}
.main-content section.rejected {
  border-color: #F05638 !important;
}
.main-content section.rejected .box-header {
  background-color: #F05638 !important;
}
.main-content section.rejected .box-header.header-border {
  border-color: #F05638 !important;
}
.main-content section.content-header {
  padding: 20px 15px;
  margin-bottom: 15px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
  background-color: #FFFFFF;
  border-color: transparent;
  box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.05);
  margin-left: -15px;
  margin-right: -15px;
  border-radius: 0;
  position: relative;
  z-index: 2;
}
.main-content section.content-header > .container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  justify-content: space-between;
}
.main-content section.content-header .col-left {
  display: flex;
  align-items: center;
}
.main-content section.content-header .col-left .section-title {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .main-content section.content-header .col-left .section-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    max-width: 150px;
  }
}
@media (max-width: 359px) {
  .main-content section.content-header .col-left .section-title {
    max-width: 100px;
  }
}
.main-content section.content.box-white {
  background-color: #FFFFFF;
}
.main-content section.content.content-center {
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.main-content section.content .box:not(:last-child) {
  margin-bottom: 20px;
}
.main-content section.content .box-paginationSimple {
  border-top: 1px solid #E2E2E2;
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  padding: 20px 0 5px;
}
.main-content section.content .box-paginationSimple a {
  color: #333333;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  display: flex;
  align-items: center;
}
.main-content section.content .box-paginationSimple a i {
  margin-top: 2px;
}
.main-content section.content .box-paginationSimple a.prev i {
  margin-right: 5px;
}
.main-content section.content .box-paginationSimple a.next i {
  margin-left: 5px;
}
.main-content section.content .box-header {
  margin-bottom: 25px;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #E2E2E2;
}
.main-content section.content .box-header > .row {
  margin-bottom: 0 !important;
}
.main-content section.content .box-header > .row > [class*=col-] {
  position: relative;
}
@media (max-width: 767px) {
  .main-content section.content .box-header > .row > [class*=col-] {
    flex: 1 1 100%;
    width: 100%;
  }
}
.main-content section.content .box-header .filter-search-open {
  margin-left: 0 !important;
  position: absolute;
  top: 3px;
  right: 0;
  display: none;
  line-height: 1;
}
@media (max-width: 991px) {
  .main-content section.content .box-header .filter-search-open {
    display: block;
  }
}
.main-content section.content .box-header form.form-search {
  max-width: 250px;
}
@media (max-width: 767px) {
  .main-content section.content .box-header form.form-search {
    max-width: 100%;
    width: 100%;
  }
  .main-content section.content .box-header .select-status ~ form.form-search {
    max-width: 250px;
  }
}
.main-content section.content .box-header .form-control {
  background: #FFFFFF;
  border: 1px solid #1F3B64;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 5px 10px;
}
@media (max-width: 767px) {
  .main-content section.content .box-header .form-control .form-control {
    padding: 3px 6px !important;
  }
}
.main-content section.content .box-header .form-control, .main-content section.content .box-header .btn {
  height: 40px;
}
.main-content section.content .box-header .input-group .form-control {
  padding-right: 36px;
}
@media (max-width: 767px) {
  .main-content section.content .box-header .input-group .form-control {
    padding-right: 15px !important;
  }
}
.main-content section.content .box-header .form-group {
  margin-bottom: 0 !important;
}
.main-content section.content .box-header .form-group.select-status {
  border-right: 1px solid #E2E2E2;
  padding-right: 10px;
  margin-right: 10px;
}
.main-content section.content .box-header .form-group.select-status label {
  margin-right: 10px;
}
@media (max-width: 767px) {
  .main-content section.content .box-header .form-group.select-status label {
    display: none;
  }
}
.main-content section.content .box-header .btn-filter {
  padding: 7px;
  margin-left: 10px;
}
.main-content section.content .box-header.header-border {
  border-bottom: 1px solid #E2E2E2;
  margin-top: -10px;
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 20px;
}
@media (max-width: 767px) {
  .main-content section.content .box-header.header-border {
    margin-left: -10px;
    margin-right: -10px;
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 991px) {
  .main-content section.content .box .after-box-header {
    flex-wrap: wrap;
  }
  .main-content section.content .box .after-box-header > div {
    flex: 1 1 100%;
    width: 100%;
  }
  .main-content section.content .box .after-box-header > div:not(:first-child) {
    margin-top: 15px;
  }
}
.main-content section.content .box-title {
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #333333;
  font-family: "Lato", sans-serif;
  color: #1F3B64;
  font-weight: 500;
  margin-bottom: 0;
}
.main-content section.content .box-subtitle {
  font-family: "Gotham", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #1F3B64;
  color: #898989;
}
.main-content section.content .box p {
  margin-bottom: 0;
}
.main-content section.content .box-title-info {
  color: #F05638;
  margin-left: 12px;
  display: inline-flex;
}
.main-content section.content .box-title-info:hover {
  color: #b4290e;
}
.main-content section.content .box .row {
  margin: -10px -5px;
}
.main-content section.content .box .row:not(:last-child) {
  margin-bottom: 20px;
}
.main-content section.content .box .row > [class*=col] {
  padding: 10px 5px;
}
@media (max-width: 991px) {
  .main-content section.content .box .row .col-content-side {
    padding: 0;
  }
}
.main-content section.content .box.box-border {
  padding: 20px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
}
.main-content section.content.content-with-menu {
  display: flex;
}
.main-content section.content.content-with-menu .box-menu {
  flex: 0 1 25% !important;
  margin-left: -20px;
  margin-top: -20px;
  margin-bottom: -20px;
  border-right: 1px solid #E2E2E2;
  border-bottom: 0;
}
.main-content section.content.content-with-menu .box-menu ul {
  list-style-type: none;
  padding-left: 0;
}
.main-content section.content.content-with-menu .box-menu ul li a {
  display: flex;
  align-items: center;
  padding: 13px 15px;
  font-weight: 600;
  color: #1F3B64;
  border-left: 5px solid transparent;
}
.main-content section.content.content-with-menu .box-menu ul li a .icon {
  position: relative;
  margin-right: 13px;
}
.main-content section.content.content-with-menu .box-menu ul li a .icon i {
  font-size: 30px;
}
.main-content section.content.content-with-menu .box-menu ul li a .icon i.ph-warning {
  font-size: 20px !important;
  position: absolute;
  top: 0;
  right: 0;
  color: #FBAB18;
}
.main-content section.content.content-with-menu .box-menu ul li a .icon img {
  position: absolute;
  right: -6px;
  bottom: 3px;
  width: 22px;
  height: 22px;
}
.main-content section.content.content-with-menu .box-menu ul li.active a {
  border-color: #9FBB3C;
  color: #9FBB3C;
}
.main-content section.content.content-with-menu .box {
  flex: 1 1 75%;
}
.main-content section.content.content-with-menu .box:not(.box-menu) {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .main-content section.content.content-with-menu {
    display: block;
    position: relative;
  }
  .main-content section.content.content-with-menu .box-menu {
    flex: unset !important;
    margin-left: unset;
    margin-top: unset;
    margin-bottom: unset;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    height: 100%;
  }
  .main-content section.content.content-with-menu .box-menu ul li a .icon {
    margin-right: 0;
  }
  .main-content section.content.content-with-menu .box-menu ul li a .icon i {
    font-size: 23px;
  }
  .main-content section.content.content-with-menu .box-menu ul li a .icon img {
    width: 70%;
  }
  .main-content section.content.content-with-menu .box-menu ul li a .text {
    display: none;
  }
  .main-content section.content.content-with-menu .box {
    flex: unset;
  }
  .main-content section.content.content-with-menu .box.box-header {
    margin-left: 0;
    margin-right: 0;
  }
  .main-content section.content.content-with-menu .box:not(.box-menu) {
    padding-left: 64px;
  }
}
.main-content section.content .small-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #1F3B64;
  border-radius: 10px;
  border: 1px solid #898989;
  padding: 20px 20px 10px;
  height: 100%;
  background-color: #FFF;
}
.main-content section.content .small-box i {
  color: #1F3B64;
}
.main-content section.content .small-box .inner-body {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.main-content section.content .small-box .inner-body h3 {
  font-weight: bold;
  font-size: 56px;
  line-height: 1.1964285714;
  font-family: "Gotham", sans-serif;
  color: #1F3B64;
}
.main-content section.content .small-box .inner-body i {
  font-size: 33px;
}
.main-content section.content .small-box .inner-footer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  font-family: "Gotham", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2222222222;
  color: #333333;
  font-weight: normal;
}
.main-content section.content .small-box .inner-footer .wrapper span {
  display: block;
}
.main-content section.content .small-box .inner-footer .wrapper .dana {
  font-size: 14px;
  line-height: 1.5714285714;
  color: #898989;
}
.main-content section.content .small-box .inner-footer i {
  height: 28px;
  width: 28px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.main-content section.content table.table {
  background-color: #FFF;
}
.main-content section.content table.table td i, .main-content section.content table.table th i {
  margin-right: 8px;
}
.main-content section.content table.table tbody tr:nth-child(even) td, .main-content section.content table.table tbody tr:nth-child(even) th {
  background-color: #FAFAFA;
}
.main-content section.content table.table tbody td a {
  color: #9FBB3C;
}
.main-content section.content table.table tbody td a i {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 6px;
}
.main-content section.content table.table-info-dokumen, .main-content section.content table.table-status-aksi {
  border: 0 !important;
  border-radius: 0;
  border-collapse: collapse;
  background-color: transparent !important;
  margin-bottom: 5px;
}
.main-content section.content table.table-info-dokumen td, .main-content section.content table.table-info-dokumen th, .main-content section.content table.table-status-aksi td, .main-content section.content table.table-status-aksi th {
  padding: 0;
  background-color: transparent !important;
}
.main-content section.content table.table-info-dokumen td:last-child, .main-content section.content table.table-info-dokumen th:last-child, .main-content section.content table.table-status-aksi td:last-child, .main-content section.content table.table-status-aksi th:last-child {
  padding-right: 0;
}
.main-content section.content table.table-info-dokumen td .nomor-dokumen, .main-content section.content table.table-info-dokumen th .nomor-dokumen, .main-content section.content table.table-status-aksi td .nomor-dokumen, .main-content section.content table.table-status-aksi th .nomor-dokumen {
  color: #1F3B64;
}
.main-content section.content table.table-info-dokumen th, .main-content section.content table.table-status-aksi th {
  font-weight: normal;
  width: 50%;
}
.main-content section.content table.table-info-dokumen .label-vendor, .main-content section.content table.table-status-aksi .label-vendor {
  width: 30%;
}
.main-content section.content table.table-status-aksi {
  margin-bottom: 15px;
}
.main-content section.content table.table-status-aksi th {
  width: 30%;
}
.main-content section.content table.table-faktor td .input-remove {
  width: 40px;
}
.main-content section.content table.table-faktor td .input-group, .main-content section.content table.table-faktor td .input-group .select2 {
  width: 100% !important;
}
.main-content section.content .box .section-title {
  margin-bottom: 0;
}
.main-content section.content .box .section-title ~ .btn {
  margin-left: 15px;
}
.main-content section.content .box-accordion .box-header, .main-content section.content .box-disabled .box-header {
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
}
.main-content section.content .box-accordion .box-header .section-subtitle, .main-content section.content .box-disabled .box-header .section-subtitle {
  color: #898989;
}
.main-content section.content .box-accordion .box-body, .main-content section.content .box-disabled .box-body {
  border-radius: 0 0 10px 10px;
}
.main-content section.content .box-accordion:not(.active) .box-header, .main-content section.content .box-disabled:not(.active) .box-header {
  border-radius: 10px !important;
}
.main-content section.content .box-accordion {
  padding: 0;
  margin: -10px -20px;
}
.main-content section.content .box-accordion.current .box-header:after, .main-content section.content .box-accordion.done .box-header:after, .main-content section.content .box-accordion.rejected.disabled .box-header:after {
  content: "";
  font-family: "plnicon";
  position: absolute;
  top: 10px;
  right: 50px;
  line-height: 0;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #1F3B64;
  transition: all 0.3s ease-in;
}
.main-content section.content .box-accordion.current .box-header .section-subtitle, .main-content section.content .box-accordion.done .box-header .section-subtitle, .main-content section.content .box-accordion.rejected.disabled .box-header .section-subtitle {
  margin-right: 70px;
}
.main-content section.content .box-accordion.current .box-header:after {
  content: "\e921";
}
.main-content section.content .box-accordion.rejected.disabled .box-header:after {
  content: "\e91e";
}
.main-content section.content .box-accordion.done .box-header:after {
  content: "\e907";
}
.main-content section.content .box-accordion.done .form-control {
  background-color: #F1F1F1;
}
.main-content section.content .box-accordion.active .box-header.header-border {
  border-color: #1F3B64;
}
.main-content section.content .box-accordion.active .box-header.header-border:before {
  transform: rotate(180deg);
}
.main-content section.content .box-accordion.active .box-body {
  padding: 15px 20px;
}
.main-content section.content .box-accordion .box-header {
  margin: 0;
  padding: 10px 20px;
  cursor: pointer;
}
.main-content section.content .box-accordion .box-header:before {
  content: "\e90e";
  font-family: "plnicon";
  font-size: 12px;
  position: absolute;
  top: 10px;
  right: 20px;
  color: #1F3B64;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  transition: all 0.3s ease-in;
}
.main-content section.content .box-accordion .box-header.header-border {
  border-color: transparent;
  transition: all 0.3s ease-in;
}
.main-content section.content .box-accordion .box-header .section-subtitle {
  margin-right: 40px;
}
.main-content section.content .box-accordion .box-body {
  padding: 0 20px;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in;
}
.main-content section.content .box-disabled .box-header {
  background-color: #F1F1F1;
  margin-bottom: -10px !important;
  border-bottom: 0 !important;
}
.main-content section.content .box-disabled .box-header:before {
  display: none !important;
}
.main-content section.content .box-disabled .box-body {
  background-color: #F1F1F1;
  max-height: 0 !important;
  overflow: hidden;
  padding: 0 20px !important;
}
.main-content section.content.error {
  max-width: unset;
  box-shadow: unset;
  background-color: transparent;
  padding: 0;
  width: 100%;
  height: calc(100vh - 240px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.main-content section.content.error .box-error .error-title {
  font-weight: bold;
  font-size: 120px;
  line-height: 1.22;
  color: #444545;
  margin-bottom: 20px;
}
.main-content section.content.error .box-error .error-desc {
  margin-bottom: 20px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #898989;
}
.main-content section.content.error .box-error .btn {
  width: 100%;
  justify-content: center;
}
@media (max-width: 992px) {
  .main-content section {
    padding: 5px 10px;
  }
  .main-content section.content .box.box-border {
    padding: 10px;
  }
  .main-content section.content .box-header {
    padding: 15px;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}
@media (max-width: 992px) {
  .main-content section.content .box-header {
    padding-left: 0;
    padding-right: 0;
  }
}
.main-content .col-content-side .box-header {
  margin-bottom: 15px !important;
}
.main-content .col-content-side section {
  padding-top: 20px;
  padding-bottom: 20px;
}
.main-content .col-content-side .section-title {
  font-size: 12px;
  line-height: 1.1666666667;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #1F3B64;
}
.main-content .col-content-side .row-button {
  margin-top: 15px;
}
.main-content .col-content-side .btn {
  font-size: 14px;
  line-height: 1.42;
}
.main-content .col-content-side .btn i {
  margin-right: 6px;
  font-size: 20px;
}
.main-content .col-content-side .btn span {
  font-weight: bold;
}
.main-content .col-content-side .button-wrap .btn:not(:last-child) {
  margin-bottom: 8px;
}
.main-content .col-content-side .pesan-wrapper {
  list-style-type: none;
  padding-left: 0;
}
.main-content .col-content-side .pesan-wrapper li:not(:last-child) {
  margin-bottom: 15px;
}
.main-content .col-content-side .pesan-wrapper li .pesan-content {
  background-color: rgba(40, 168, 224, 0.1);
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 5px;
}
.main-content .col-content-side .pesan-wrapper li .pesan-content.kosong {
  background-color: rgba(218, 218, 218, 0.3);
  text-align: center;
}
.main-content .col-content-side .pesan-wrapper li .pesan-author {
  text-align: right;
  font-weight: 700;
}

ul.filter-status {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-wrap: nowrap;
  margin: 10px 0 5px;
  overflow: auto;
  padding-bottom: 20px;
}
ul.filter-status li {
  flex: 0 1 auto;
  padding: 0 10px;
  line-height: 1;
}
ul.filter-status li:not(:last-child) {
  border-right: 1px solid #a0a0a0;
}
ul.filter-status li:first-child {
  padding-left: 0;
}
ul.filter-status li:first-child a span:first-child {
  padding-left: 0;
}
ul.filter-status li:last-child {
  padding-right: 0;
}
ul.filter-status li:last-child a span:last-child {
  padding-right: 0;
}
ul.filter-status li a {
  color: #1F3B64;
  display: flex;
}
ul.filter-status li a span {
  padding: 0 3px;
  white-space: pre;
}
ul.filter-status li.active a .text {
  font-weight: 600;
}

.box-bordered {
  border: 1px solid #e2e2e2;
  background: #FFFFFF;
  border-radius: 5px;
}
.box-kegiatan {
  padding: 26px 15px;
  margin-top: 30px;
}
.box-kegiatan .ilustrasi {
  margin-top: -60px;
  margin-bottom: 26px;
}
.box-kegiatan .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.37;
}
.box-kegiatan .btn-wrapper {
  margin-top: 15px;
}
.box-notif {
  height: 100%;
  background: #FFFFFF;
  border-radius: 5px;
  padding: 15px;
}
.box-notif .inner-header {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E2E2E2;
}
.box-notif .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.37;
  color: #454545;
  margin-bottom: 0;
}
.box-notif .title ~ p {
  font-size: 14px;
  line-height: 1.43;
  color: #9A9A9A;
}
.box-notif .notif-wrap {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.box-notif .notif-wrap li {
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 10px;
  background-color: #FAFAFA;
  position: relative;
}
.box-notif .notif-wrap li > .icon {
  font-size: 22px;
  color: #37a35e;
  position: absolute;
  top: -9px;
}
.box-notif .notif-wrap li.pinned {
  border-color: #37a35e;
  background-color: #dbf6e5;
  padding-top: 18px;
}
.box-notif .notif-wrap li:not(:last-child) {
  margin-bottom: 8px;
}
.box-notif .notif-wrap li p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 12px;
}
.box-notif .notif-wrap li .btn {
  margin-top: 8px;
}
.box-notif .notif-wrap li .btn-sm {
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 992px) {
  .box-notif {
    margin-bottom: 20px;
  }
}

.tnc-wrap {
  width: 100%;
  max-height: 500px;
  overflow: auto;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
}
.tnc-wrap .inner {
  padding: 20px;
}
.tnc-wrap * {
  font-size: 15px;
}
.tnc-wrap p:not(:last-of-type), .tnc-wrap ul:not(:last-of-type), .tnc-wrap ol:not(:last-of-type) {
  margin-bottom: 7px !important;
}
.tnc-wrap ~ .tnc-setuju-wrap {
  padding: 20px 0;
  text-align: center;
  margin-bottom: 10px;
}
@media (min-width: 992px) {
  .tnc-wrap ~ .button-wrap {
    max-width: 50%;
    margin: 0 auto;
  }
}

.write-box {
  height: 105px;
  position: relative;
  overflow: hidden;
  padding-bottom: 30px;
}
.write-box:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 80px;
  background: linear-gradient(0deg, #fff 30%, rgba(255, 255, 255, 0));
  left: 0;
  bottom: 0;
}
.write-box.expanded {
  height: auto;
}
.write-box.expanded .expand {
  transform: rotate(180deg);
}
.write-box.expanded:after {
  display: none;
}
@media only screen and (min-width: 600px) {
  .write-box {
    height: auto;
    padding-bottom: 0px;
  }
  .write-box:after {
    display: none;
  }
}

.expand {
  font-size: 12px;
  z-index: 9;
  background-color: #fff;
  position: absolute;
  display: inline-block;
  text-align: center;
  margin: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20px;
}
.expand:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
  background-color: #fff;
  background-image: url(/images/ph_caret-down.svg?1c36010c872c6d84d92d4fec8111a8cc);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media only screen and (min-width: 600px) {
  .expand {
    display: none;
  }
}

main section {
  padding: 50px 0;
}
main section:first-child {
  margin-top: 20px;
}
main section.bg-white {
  box-shadow: 0px 4px 25px rgba(152, 152, 152, 0.1);
  padding: 20px 0 30px;
}
@media (max-width: 767px) {
  main > .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.inner-wrap {
  background: #FFFFFF;
  box-shadow: 0px 4px 25px rgba(152, 152, 152, 0.1);
  border-radius: 10px;
  margin-top: 20px;
  padding: 20px;
}
@media (max-width: 767px) {
  .inner-wrap {
    border-radius: 0;
    margin-top: 10px;
  }
}

.section-title {
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #333333;
  color: #444545;
}
.section-title-big {
  font-size: 24px;
}

.boxbody-title {
  font-family: "Gotham", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2222222222;
  color: #333333;
  color: #444545;
}

.logo-site {
  max-width: 160px;
  width: 100%;
}

.inner-head .section-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3333333333;
}
@media (max-width: 767px) {
  .inner-head .section-title {
    font-size: 20px;
    line-height: 1.5;
  }
}
.inner-head .section-subtitle {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .inner-head .section-subtitle {
    font-size: 16px;
    line-height: 1.5;
  }
}

.content {
  color: #1F3B64;
}
.content-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3333333333;
  margin-bottom: 10px;
  color: #444545;
}
.content:not(:last-child) {
  margin-bottom: 30px;
}

.aside-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 32px;
  color: #444545;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .aside-title {
    font-size: 20px;
    line-height: 1.5;
    margin-top: 20px;
  }
}
.aside-body {
  font-size: 20px;
  line-height: 30px;
}

.table-listing .tr {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background-color: #FFF;
  border: 1px solid #333333;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  margin-bottom: 8px;
}
.table-listing .tr > a {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 100%;
}
.table-listing .tr:hover {
  border-color: #1F3B64;
}
.table-listing .tr .td {
  flex: 1 1 auto;
}
.table-listing .tr .td .sort {
  vertical-align: sub;
  margin-left: 8px;
}
.table-listing .thead .td {
  color: #1F3B64;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.0909090909;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  padding: 13px 15px;
}
.table-listing .thead .td:first-child {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .table-listing .thead .td:first-child {
    padding-left: 15px;
  }
}
.table-listing .thead .td:last-child {
  padding-right: 20px;
}
@media (max-width: 767px) {
  .table-listing .thead .td:last-child {
    padding-right: 15px;
  }
}
.table-listing .thead .td.aksi {
  text-align: center;
}
.table-listing .tbody .tr:last-child {
  margin-bottom: 0;
}
.table-listing .tbody .tr .td {
  font-size: 16px;
  line-height: 1.5;
  color: #1F3B64;
  padding: 15px;
}
.table-listing .tbody .tr .td:first-child {
  padding-left: 20px;
}
@media (max-width: 767px) {
  .table-listing .tbody .tr .td:first-child {
    padding-left: 15px;
  }
}
.table-listing .tbody .tr .td:last-child {
  padding-right: 20px;
}
@media (max-width: 767px) {
  .table-listing .tbody .tr .td:last-child {
    padding-right: 15px;
  }
}
.table-listing .tbody .tr .td.aksi {
  text-align: center;
}
.table-listing .tbody .tr .td.aksi i {
  vertical-align: middle;
  margin-right: 10px;
}
.table-listing.table-materi .tr .td {
  flex-basis: 30%;
}
.table-listing.table-materi .tr .td.materi {
  flex-basis: 80%;
}
.table-listing.table-jadwal .tr .td {
  flex-basis: 33.33%;
}
.table-listing.table-jadwal .tr .td.jam {
  flex-basis: 20%;
}
.table-listing.table-akses-materi .tr .td.url {
  flex-basis: 70%;
}
.table-listing.table-akses-materi .tr .td.akses {
  flex-basis: 20%;
}
.table-listing.table-akses-materi .tr .td.akses i {
  vertical-align: middle;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .table-listing.table-akses-materi .tr {
    flex-wrap: nowrap !important;
  }
  .table-listing.table-akses-materi .tr .td {
    flex-basis: 50% !important;
    word-break: break-all;
    padding: 15px !important;
    display: flex;
    align-items: center;
  }
  .table-listing.table-akses-materi .tr .td.akses {
    justify-content: flex-end;
  }
}
@media (max-width: 767px) {
  .table-listing .tr {
    flex-wrap: wrap;
  }
  .table-listing .tr > a {
    flex-wrap: wrap;
  }
  .table-listing .thead {
    display: none;
  }
  .table-listing .tbody .tr .td {
    flex-basis: 100%;
    padding: 0 15px;
  }
  .table-listing .tbody .tr .td:first-child {
    padding-top: 15px;
  }
  .table-listing .tbody .tr .td:last-child {
    padding-bottom: 15px;
  }
  .table-listing .tbody .tr .td.materi {
    font-weight: 700;
  }
  .table-listing .tbody .tr .td.aksi {
    padding-top: 15px;
    text-align: left !important;
  }
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}
table, table td, table th {
  color: #1F3B64;
  border: 0;
}
table.table {
  border: 1px solid #DADADA !important;
  box-sizing: border-box;
  border-radius: 5px;
  border-collapse: separate;
  overflow: hidden;
}
table.table td, table.table th {
  border: 0;
  padding: 14px 11px;
}
table.table thead th {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  vertical-align: middle;
  color: #1F3B64;
  border-bottom: 1px solid #1F3B64;
}
table.table thead th .sort {
  font-size: 15px;
  margin-left: 8px;
  vertical-align: middle;
}

.syarat table {
  border-spacing: 0;
  border-collapse: collapse;
  background-color: #FFF;
  border: 1px solid #DADADA !important;
  box-sizing: border-box;
  border-radius: 5px;
  border-collapse: separate;
  overflow: hidden;
}
.syarat table td, .syarat table th {
  border: 0;
  padding: 14px 11px;
  vertical-align: baseline;
}
.syarat table thead th {
  font-weight: 600;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  vertical-align: middle;
  color: #1F3B64;
  border-bottom: 1px solid #1F3B64;
}
.syarat table thead th .sort {
  font-size: 15px;
  margin-left: 8px;
  vertical-align: middle;
}
.syarat table, .syarat table td, .syarat table th {
  color: #1F3B64;
  border: 0;
}
.syarat table i, .syarat table td i, .syarat table th i {
  margin-right: 8px;
}
.syarat table tr:nth-child(even) td, .syarat table tr:nth-child(even) th {
  background-color: #FAFAFA;
}
.syarat table td {
  width: 50%;
}
.syarat table td a {
  color: #9FBB3C;
}
.syarat table td a i {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 6px;
}
@media (max-width: 991px) {
  .syarat table {
    display: block;
  }
  .syarat table td {
    display: block;
    width: 100%;
  }
  .syarat table td:first-child {
    padding-bottom: 0;
  }
  .syarat table td:not(:first-child) {
    padding-top: 8px;
  }
}

.table-wrap {
  overflow: auto;
  margin-bottom: 10px;
}

.contents-tugas .content {
  padding: 10px;
}
.contents-tugas .content:not(:last-child) {
  margin-bottom: 15px;
}

.table-tugas .input-download {
  display: block;
}
.table-tugas .input-download ~ .input-group, .table-tugas .input-download ~ .form-inline {
  margin-top: 10px;
}
.table-tugas tr td {
  padding: 6px 8px;
}
.table-tugas tbody tr:last-child td {
  padding-bottom: 15px;
}
.table-tugas tfoot tr:first-child td {
  padding-top: 15px;
  border-top: 1px solid #E2E2E2;
}
@media (max-width: 767px) {
  .table-tugas tr {
    display: block;
  }
  .table-tugas tr td {
    display: block;
  }
  .table-tugas tr td:first-child {
    font-weight: 600;
    padding-bottom: 0 !important;
    padding-top: 10px !important;
  }
  .table-tugas tfoot tr td {
    padding-left: 0;
    padding-right: 0;
  }
  .table-tugas tfoot tr:first-child td:not(:first-child) {
    border-top: 0 !important;
  }
}

.box-tabs {
  list-style-type: none;
  padding-left: 0;
  display: inline-flex;
  flex-direction: row;
  margin-bottom: -5px;
  box-shadow: 0px -5px 10px rgba(51, 51, 51, 0.05);
  max-width: 100%;
  overflow: auto;
}
.box-tabs::-webkit-scrollbar {
  width: 16px;
  height: 5px;
  background-color: #FFFFFF;
}
.box-tabs::-webkit-scrollbar-track {
  background-color: #E2E2E2;
  margin-block: 3px;
  border-radius: 100vw;
}
.box-tabs::-webkit-scrollbar-thumb {
  background-color: #b3b3b3;
  border-radius: 100vw;
}
.box-tabs::-webkit-scrollbar-thumb:hover {
  background-color: #8fa836;
}
.box-tabs::-webkit-scrollbar-thumb:active {
  background-color: #7e9430;
}
.box-tabs > li {
  flex: 0 1 auto;
  background: #FAFAFA;
  position: relative;
  overflow: hidden;
  flex: 0 0 auto;
}
.box-tabs > li a {
  white-space: pre;
  display: block;
  position: relative;
  padding: 13px 15px;
  color: #1F3B64;
  border-top: 4px solid transparent;
}
.box-tabs > li a[aria-selected=true] {
  font-weight: 600;
  color: #9FBB3C;
  border-color: #9FBB3C;
}
.box-tabs > li:not(:last-child) a:before {
  content: "";
  width: 1px;
  height: calc(100% - 26px);
  background-color: #E2E2E2;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.box-tabs > li:first-child {
  border-radius: 5px 0 0 0;
}
.box-tabs > li:last-child {
  border-radius: 0 5px 0 0;
}
@media (max-width: 767px) {
  .box-tabs {
    width: 100%;
    overflow-x: auto;
  }
  .box-tabs > li {
    flex: 0 0 auto;
  }
  .box-tabs > li a {
    white-space: pre;
  }
}

.box-tabs-new {
  margin-top: 5px;
  width: 100%;
  overflow-x: auto;
  padding: 0;
  display: inline-flex;
  box-shadow: 0px -5px 0px -3px #E2E2E2 inset;
}
.box-tabs-new li {
  display: inline-block;
  list-style: none;
  white-space: nowrap;
}
.box-tabs-new li a {
  display: block;
  position: relative;
  color: #1F3B64;
  border-bottom: 4px solid transparent;
  margin-right: 30px;
  padding: 13px 0;
}
.box-tabs-new li a[aria-selected=true], .box-tabs-new li a.active {
  font-weight: 600;
  color: #9FBB3C;
}

/* - Pagination */
.pagination {
  position: relative;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 400;
  text-align: center;
  margin: 20px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pagination > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.pagination > ul > li:not(:last-child) {
  margin-right: 10px;
}
.pagination .displaying-num {
  color: #444545;
}
.pagination span.page-numbers, .pagination a.page-numbers {
  border: 1px solid transparent;
  margin: 5px 0;
  background-color: #fff;
  padding: 0 5px;
  width: auto;
  width: 36px;
  height: 36px;
  display: block;
  color: #9A9A9A;
  border-radius: 3px;
  line-height: 2.5;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination span.page-numbers.current, .pagination span.page-numbers:hover, .pagination a.page-numbers.current, .pagination a.page-numbers:hover {
  background: #FFF;
  border-color: #9FBB3C;
  color: #9FBB3C;
  font-weight: 600;
}
.pagination span.prev, .pagination span.next, .pagination a.prev, .pagination a.next {
  padding: 0;
  color: #1F3B64;
}
.pagination .disabled {
  color: #333333 !important;
  pointer-events: none;
  cursor: not-allowed;
  background-color: transparent !important;
}
.pagination .disabled:hover {
  color: #333333;
}
@media (max-width: 767px) {
  .pagination {
    margin: 20px 0;
    flex-direction: column;
  }
  .pagination > ul > li:not(:last-child) {
    margin-right: 6px;
  }
  .pagination span.page-numbers, .pagination a.page-numbers {
    padding: 0 8px;
    border-radius: 4px;
    min-width: 36px;
    height: 36px;
    font-size: 16px;
    line-height: 1.5;
  }
  .pagination .displaying-num {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
  }
}

.parsley-success {
  color: #468847;
  background-color: #dffbd4;
  border: 1px solid #468847;
}

.parsley-error {
  color: #B94A48;
  background-color: #ffe8e8;
  border: 1px solid #B94A48;
}

.parsley-errors-list {
  margin: 5px 0 3px;
  padding: 0;
  list-style-type: none;
  font-size: 0.9em;
  line-height: 0.9em;
  opacity: 0;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}
.parsley-errors-list li {
  font-size: 0.95em;
}

.parsley-errors-list.filled {
  opacity: 1;
}

.select2-wrap .parsley-error ~ .select2-container .select2-selection {
  color: #B94A48;
  background-color: #ffe8e8;
  border-color: #B94A48 !important;
}

.sharebox {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 8px 0 15px;
}
.sharebox .col-text, .sharebox .col-sosmed {
  flex: 1 1 auto;
}
.sharebox .col-text {
  flex-basis: 30%;
}
.sharebox .col-sosmed {
  flex-basis: 70%;
}
.sharebox .col-sosmed ul {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  justify-content: flex-end;
  margin: -5px;
}
.sharebox .col-sosmed ul li {
  flex: 0 1 auto;
  padding: 5px;
}
.sharebox .col-sosmed ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
}

.page-login .wrapper > .row {
  height: 100vh;
  margin-left: 0;
  margin-right: 0;
  align-items: center;
  text-align: center;
  width: 100%;
}
.page-login .wrapper > .row .col-cover {
  background-color: #F1F1F1;
}
@media (max-width: 767px) {
  .page-login .wrapper > .row .col-cover {
    display: none !important;
  }
}
.page-login .wrapper > .row > [class*=col] {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 30px;
}
.page-login .wrapper > .row > [class*=col] .credit-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px;
}
.page-login .main-content section.content-header {
  margin-bottom: 30px;
}
.page-login .main-content section.content-header ~ .alert:last-of-type {
  margin-bottom: 30px;
}
.page-login .alert {
  max-width: 995px !important;
  margin-left: auto;
  margin-right: auto;
}

.login-box {
  max-width: 995px !important;
  border-radius: 10px;
  overflow: hidden;
  text-align: left;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 !important;
}
.login-box .box-logo, .login-box .box-title, .login-box .box-subtitle {
  margin-bottom: 15px;
}
.login-box .box-title {
  font-family: "Gotham", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2222222222;
  color: #333333;
  color: #1F3B64;
}
.login-box .box-subtitle {
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #333333;
}
.login-box > .row {
  margin-left: 0;
  margin-right: 0;
}
.login-box .login-image {
  padding: 0;
}
.login-box .login-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.login-box .login-form {
  padding: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .login-box .login-form {
    padding: 13px;
  }
}
.login-box .login-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 20px;
}
.login-box .login-submit {
  margin-bottom: 20px;
}

.konten-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  min-height: 130px;
  height: 100%;
  align-items: stretch;
}
.konten-item-small {
  min-height: auto;
}
.konten-item.heightAuto {
  min-height: auto;
}
.konten-item:not(:last-of-type) {
  margin-bottom: 15px;
}
.konten-item i {
  font-size: 15px;
  vertical-align: middle;
}
.konten-item .konten-thumbnail {
  flex: 0 0 25%;
  background-color: #fafafa;
  position: relative;
}
.konten-item .konten-thumbnail .tag {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #1F3B64;
  padding: 8px 14px;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  word-wrap: break-word;
  border-radius: 5px 0 0 0;
  min-width: 100px;
}
.konten-item .konten-thumbnail .multi-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
}
.konten-item .konten-thumbnail .multi-tag ul {
  padding-left: 0;
}
.konten-item .konten-thumbnail .multi-tag ul li {
  list-style: none;
  background-color: #1F3B64;
  color: #fff;
  min-width: 100px;
  word-wrap: break-word;
  padding: 8px 14px;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 0;
}
.konten-item .konten-thumbnail .multi-tag ul li.harga {
  background: linear-gradient(94.98deg, #EA5455 0%, #FF7C59 100%);
}
.konten-item .konten-thumbnail .special-tag {
  position: absolute;
  z-index: 99;
  top: 0;
  left: 0;
  height: 100%;
}
.konten-item .konten-thumbnail .special-tag ul {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.konten-item .konten-thumbnail .special-tag ul li {
  list-style: none;
  background-color: #1F3B64;
  color: #fff;
  min-width: 100px;
  word-wrap: break-word;
  padding: 8px 14px;
  font-weight: 600;
  font-size: 12px;
}
.konten-item .konten-thumbnail .inner {
  border-radius: 5px 0 0 5px;
}
.konten-item .konten-thumbnail .icon {
  display: block;
  position: absolute;
  z-index: 9;
  left: 10px;
  top: -13px;
  font-size: 25px;
  color: #1f7c40;
}
.konten-item .konten-thumbnail-wrap {
  position: relative;
}
.konten-item .konten-thumbnail-wrap:before {
  padding-top: 66.6666666667%;
  display: block;
  content: "";
  width: 100%;
}
.konten-item .konten-thumbnail-wrap > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.konten-item .konten-thumbnail-wrap > .inner > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.konten-item .konten-thumbnail-squere {
  position: relative;
}
.konten-item .konten-thumbnail-squere:before {
  padding-top: 100%;
  display: block;
  content: "";
  width: 100%;
}
.konten-item .konten-thumbnail-squere > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.konten-item .konten-thumbnail-squere > .inner > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.konten-item .konten-summary {
  flex: 1 1 49%;
  padding: 13px 15px;
}
.konten-item .konten-summary, .konten-item .konten-summary li, .konten-item .konten-summary p, .konten-item .konten-summary span {
  color: #454545;
  font-size: var(--size-content, 12px);
  line-height: 1.5;
}
.konten-item .konten-summary .title, .konten-item .konten-summary .title span, .konten-item .konten-summary .title a {
  font-size: var(--size-title, 14px);
  line-height: 1.4;
  color: #1F3B64;
  font-weight: bold;
}
.konten-item .konten-summary .title a {
  color: #1F3B64;
}
.konten-item .konten-summary .title.big, .konten-item .konten-summary .title.big span, .konten-item .konten-summary .title.big a {
  display: block;
  display: -webkit-box;
  max-height: 81.6px;
  font-size: 16px;
  line-height: 1.7;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.konten-item .konten-summary .info-list {
  list-style-type: none;
  padding-left: 0;
  margin: -4px -8.5px;
  display: flex;
  flex-wrap: wrap;
}
.konten-item .konten-summary .info-list img {
  height: 18px;
  width: auto;
}
.konten-item .konten-summary .info-list li {
  padding: 4px 8.5px;
  flex: 1 1 100%;
}
.konten-item .konten-summary .info-list li.tertutup, .konten-item .konten-summary .info-list li.tertutup span {
  color: #DD5942;
}
.konten-item .konten-summary .info-list li.terbit, .konten-item .konten-summary .info-list li.terbit span, .konten-item .konten-summary .info-list li.terbuka, .konten-item .konten-summary .info-list li.terbuka span {
  color: #00786A;
}
.konten-item .konten-summary .info-list li.pending, .konten-item .konten-summary .info-list li.pending span, .konten-item .konten-summary .info-list li.ditutup, .konten-item .konten-summary .info-list li.ditutup span {
  color: #FBAB18;
}
.konten-item .konten-summary .info-list li.terbit i.pending {
  display: none;
}
.konten-item .konten-summary .info-list li.terbit i.terbit {
  display: inline-block;
}
.konten-item .konten-summary .info-list li.pending i.pending {
  display: inline-block;
}
.konten-item .konten-summary .info-list li.pending i.terbit {
  display: none;
}
.konten-item .konten-summary .info-list li.terbuka i.ditutup {
  display: none;
}
.konten-item .konten-summary .info-list li.terbuka i.terbuka {
  display: inline-block;
}
.konten-item .konten-summary .info-list li.ditutup i.ditutup {
  display: inline-block;
}
.konten-item .konten-summary .info-list li.ditutup i.terbuka {
  display: none;
}
.konten-item .konten-summary .info-list.separator {
  position: relative;
  margin-top: 5px !important;
  padding-top: 5px !important;
}
.konten-item .konten-summary .info-list.separator:before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #e2e2e2;
  position: absolute;
  top: 0;
  left: 0;
}
.konten-item .konten-summary .info-list .peserta-tunggu, .konten-item .konten-summary .info-list .peserta-terima, .konten-item .konten-summary .info-list .peserta-tolak {
  font-size: 13px;
  font-weight: 600;
}
.konten-item .konten-summary .info-list .peserta-tunggu i, .konten-item .konten-summary .info-list .peserta-terima i, .konten-item .konten-summary .info-list .peserta-tolak i {
  font-size: 17px;
}
.konten-item .konten-summary .info-list .peserta-tunggu {
  color: #FBAB18;
}
.konten-item .konten-summary .info-list .peserta-terima {
  color: #9FBB3C;
}
.konten-item .konten-summary .info-list .peserta-tolak {
  color: #333;
}
.konten-item .konten-summary .info-list.list-inline li {
  flex: 0 1 auto;
}
@media (min-width: 1500px) {
  .konten-item .konten-summary .info-list.separator {
    flex-wrap: nowrap;
  }
}
@media (max-width: 767px) {
  .konten-item .konten-summary .info-list {
    flex-wrap: wrap;
    margin-bottom: 5px !important;
  }
  .konten-item .konten-summary .info-list li {
    flex-basis: 100%;
  }
}
.konten-item .konten-summary .infoPrice {
  margin-bottom: 12px;
}
.konten-item .konten-summary .infoPrice ul {
  padding-left: 0;
  margin-bottom: 0;
}
.konten-item .konten-summary .infoPrice ul li {
  list-style: none;
  display: inline;
  color: #FBAB18;
  font-weight: 600;
  font-size: 16px !important;
}
.konten-item .konten-summary .infoPrice ul li > * {
  display: inline;
}
.konten-item .konten-summary .infoPrice ul li:not(:last-child) {
  margin-right: 12px;
}
.konten-item .konten-summary .infoPrice-info {
  background-color: #1F3B64;
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
}
.konten-item .konten-summary > *:not(:last-child) {
  margin-bottom: 5px !important;
}
.konten-item .konten-summary .syarat ul, .konten-item .konten-summary .syarat ol {
  margin-bottom: 0;
}
.konten-item .konten-action {
  flex: 0 1 25%;
  padding: 15px;
}
.konten-item .konten-action > *:not(:last-child) {
  margin-bottom: 10px;
}
.konten-item .konten-action .btn-primary span {
  color: #FFF;
}
.konten-item .konten-action .date {
  text-align: center;
}
.konten-item .konten-action .status {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px 5px;
  font-size: 14px;
  line-height: 1.43;
  color: #1F3B64;
  position: relative;
  text-transform: unset !important;
  width: 100%;
  letter-spacing: unset;
  text-transform: none;
}
.konten-item .konten-action .status:before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #9FBB3C;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px 0 0 5px;
}
.konten-item .konten-action .status.status-close:before {
  background-color: #FBAB18;
}
.konten-item .konten-action .status-take {
  font-size: 12px !important;
}
.konten-item .konten-action .status-take i {
  color: #9FBB3C;
}
.konten-item .konten-action .status-take:before {
  background-color: #9FBB3C;
}
.konten-item .konten-action .status-takent {
  font-size: 12px !important;
}
.konten-item .konten-action .status-takent:before {
  background-color: #DD5942;
}
.konten-item .konten-action .status-warning {
  font-size: 12px !important;
}
.konten-item .konten-action .status-warning i {
  color: #FBAB18;
}
.konten-item .konten-action .status-warning:before {
  background-color: #FBAB18;
}
.konten-item .konten-action .status-peserta {
  text-align: center;
}
.konten-item .konten-action .status-peserta span {
  font-size: 13px;
  font-weight: 500;
}
.konten-item .konten-action .status-peserta [class*=ph] {
  font-size: 18px;
  line-height: 1;
  display: none;
}
.konten-item .konten-action .status-peserta.diterima, .konten-item .konten-action .status-peserta.diterima span {
  color: #00786A;
}
.konten-item .konten-action .status-peserta.diterima i.diterima {
  display: inline-block;
}
.konten-item .konten-action .status-peserta.diterima i.ditolak {
  display: none;
}
.konten-item .konten-action .status-peserta.diterima i.pending {
  display: none;
}
.konten-item .konten-action .status-peserta.ditolak, .konten-item .konten-action .status-peserta.ditolak span {
  color: #1F3B64;
}
.konten-item .konten-action .status-peserta.ditolak i.diterima {
  display: none;
}
.konten-item .konten-action .status-peserta.ditolak i.ditolak {
  display: inline-block;
}
.konten-item .konten-action .status-peserta.ditolak i.pending {
  display: none;
}
.konten-item .konten-action .status-peserta.pending, .konten-item .konten-action .status-peserta.pending span {
  color: #FBAB18;
}
.konten-item .konten-action .status-peserta.pending i.diterima {
  display: none;
}
.konten-item .konten-action .status-peserta.pending i.ditolak {
  display: none;
}
.konten-item .konten-action .status-peserta.pending i.pending {
  display: inline-block;
}
.konten-item.konten-item-kecil {
  flex-wrap: wrap;
}
.konten-item.konten-item-kecil .konten-thumbnail {
  flex: 0 1 100% !important;
}
.konten-item.konten-item-kecil .konten-summary {
  flex: 1 1 100% !important;
}
.konten-item.konten-item-kecil .konten-action {
  flex: 1 1 100% !important;
}
.konten-item.konten-item-kecil .konten-action [class*=cols] {
  flex-wrap: wrap !important;
  margin: -3px -3px 6px !important;
}
.konten-item.konten-item-kecil .konten-action [class*=cols] > li {
  flex: 1 1 50% !important;
  padding: 3px !important;
}
.konten-item.konten-item-kecil .konten-summary, .konten-item.konten-item-kecil .konten-summary li, .konten-item.konten-item-kecil .konten-summary p, .konten-item.konten-item-kecil .konten-summary span {
  font-size: 14px;
}
.konten-item.konten-item-kecil .konten-summary .title, .konten-item.konten-item-kecil .konten-summary .title span, .konten-item.konten-item-kecil .konten-summary .title a {
  font-size: 16px;
}
.konten-item.konten-item-kecil .info-list {
  flex-wrap: wrap;
  margin-bottom: 0 !important;
}
.konten-item.konten-item-kecil .info-list li {
  flex-basis: 100% !important;
}
.konten-item .konten-kosong {
  text-align: center;
  width: 100%;
  padding: 40px 10px;
  color: #979797;
}
.konten-item .konten-kosong h4 {
  color: #666;
  font-size: 1.2em;
  margin-bottom: 5px;
}
.konten-item.konten-item-small .konten-thumbnail {
  flex: 0 0 25%;
}
.konten-item.konten-item-small .konten-thumbnail-wrap {
  position: relative;
}
.konten-item.konten-item-small .konten-thumbnail-wrap:before {
  padding-top: 66.6666666667%;
  display: block;
  content: "";
  width: 100%;
}
.konten-item.konten-item-small .konten-thumbnail-wrap > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.konten-item.konten-item-small .konten-thumbnail-wrap > .inner > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.konten-item.konten-item-small .konten-summary {
  padding: 15px 0px 15px 15px;
}
.konten-item.konten-item-small .konten-summary .info-list li {
  display: flex;
  align-items: center;
  gap: 6px;
}
.konten-item.konten-item-small .konten-summary .info-list:last-child() {
  margin-bottom: 0px !important;
}
.konten-item.konten-item-small .konten-summary .infoPrice-price {
  font-size: 16px;
}
.konten-item.konten-item-small .konten-action {
  padding: 15px;
  flex: 0 1 25%;
}
.konten-item.konten-item-me .konten-thumbnail {
  flex: 0 0 25%;
}
.konten-item.konten-item-me .konten-thumbnail-wrap {
  position: relative;
}
.konten-item.konten-item-me .konten-thumbnail-wrap:before {
  padding-top: 100%;
  display: block;
  content: "";
  width: 100%;
}
.konten-item.konten-item-me .konten-thumbnail-wrap > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.konten-item.konten-item-me .konten-thumbnail-wrap > .inner > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.konten-item.konten-item-me .konten-summary {
  padding: 15px 0px 15px 15px;
}
.konten-item.konten-item-me .konten-summary .info-list li {
  display: flex;
  align-items: center;
  gap: 6px;
}
.konten-item.konten-item-me .konten-summary .info-list:last-child() {
  margin-bottom: 0px !important;
}
.konten-item.konten-item-me .konten-summary .infoPrice-price {
  font-size: 16px;
}
.konten-item.konten-item-me .konten-action {
  padding: 15px;
  flex: 0 1 25%;
}
.konten-item.konten-item-me23 .konten-thumbnail {
  flex: 0 0 25%;
}
.konten-item.konten-item-me23 .konten-thumbnail-wrap {
  position: relative;
}
.konten-item.konten-item-me23 .konten-thumbnail-wrap:before {
  padding-top: 66.6666666667%;
  display: block;
  content: "";
  width: 100%;
}
.konten-item.konten-item-me23 .konten-thumbnail-wrap > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.konten-item.konten-item-me23 .konten-thumbnail-wrap > .inner > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  overflow: hidden;
}
.konten-item.konten-item-me23 .konten-summary {
  padding: 15px 0px 15px 15px;
}
.konten-item.konten-item-me23 .konten-summary .info-list li {
  display: flex;
  align-items: center;
  gap: 6px;
}
.konten-item.konten-item-me23 .konten-summary .info-list:last-child() {
  margin-bottom: 0px !important;
}
.konten-item.konten-item-me23 .konten-summary .infoPrice-price {
  font-size: 16px;
}
.konten-item.konten-item-me23 .konten-action {
  padding: 15px;
  flex: 0 1 25%;
}
.konten-item-finish {
  background-color: #f1f1f1;
}
.konten-item-finish .konten-thumbnail {
  background-color: #f1f1f1;
}
.konten-item-pin {
  border-color: #37a35e;
  background-color: #dbf6e5;
}
.konten-item-pin .konten-thumbnail {
  background-color: #dbf6e5;
}
.konten-item-pin .konten-summaryDropdownIcon {
  background-color: #dbf6e5;
}
@media (max-width: 991px) {
  .konten-item {
    flex-wrap: wrap;
  }
  .konten-item .konten-thumbnail {
    flex: 0 1 100%;
  }
  .konten-item .konten-thumbnail .inner {
    border-radius: 5px 5px 0 0;
  }
  .konten-item .konten-thumbnail .ratio__1x1 {
    position: unset;
  }
  .konten-item .konten-summary {
    flex: 1 1 100%;
  }
  .konten-item .konten-action {
    flex: 1 1 100%;
    padding: 0px 15px 15px 15px;
  }
  .konten-item.konten-item-small .konten-summary {
    padding: 15px;
  }
  .konten-item.konten-item-small .konten-thumbnail {
    display: none;
  }
  .konten-item.konten-item-small .konten-action {
    padding: 0 15px 15px 15px;
    flex: 0 1 100%;
  }
}

.status-tugas {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  color: #1F3B64;
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5;
  padding: 6px 20px;
  border-left: 5px solid;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.status-tugas:not(:last-child) {
  margin-bottom: 15px;
}
.status-tugas [class*=ph] {
  font-size: 18px;
  line-height: 1;
  display: none;
  margin-right: 7px !important;
  vertical-align: text-top;
}
.status-tugas.aktif, .status-tugas.sudah {
  border-left-color: #7BBC49;
}
.status-tugas.aktif [class*=ph], .status-tugas.sudah [class*=ph] {
  color: #7BBC49;
}
.status-tugas.aktif [class*=ph].sudah, .status-tugas.sudah [class*=ph].sudah {
  display: inline-block;
}
.status-tugas.aktif [class*=ph].aktif, .status-tugas.sudah [class*=ph].aktif {
  display: inline-block;
}
.status-tugas.berakhir, .status-tugas.belum {
  border-left-color: #ED543A;
}
.status-tugas.berakhir [class*=ph], .status-tugas.belum [class*=ph] {
  color: #ED543A;
}
.status-tugas.berakhir [class*=ph].berakhir, .status-tugas.belum [class*=ph].berakhir {
  display: inline-block;
}
.status-tugas.berakhir [class*=ph].belum, .status-tugas.belum [class*=ph].belum {
  display: inline-block;
}

.konten-filter {
  padding-top: 10px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-top: 1px solid #e2e2e2;
}

.konten-hasil {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e2e2;
}

.konten-item-reg {
  margin-top: 10px;
  margin-bottom: 20px;
}
.konten-item-reg .konten-thumbnail {
  flex: 0 1 28%;
}
.konten-item-reg .konten-summary {
  flex-basis: 66%;
}
.konten-item-reg .konten-action {
  flex-basis: 35%;
}
@media (max-width: 767px) {
  .konten-item-reg .konten-thumbnail, .konten-item-reg .konten-summary, .konten-item-reg .konten-action {
    flex-basis: 100%;
  }
}

.filter-wrap {
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 15px;
  background-color: #FFF;
}
.filter-wrap .search-wrap {
  position: relative;
}
.filter-wrap .search-wrap input.search {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 100px;
  width: 100%;
  padding: 10px 15px;
  color: #757575;
  font-size: 14px;
  line-height: 1.5;
}
.filter-wrap .search-wrap .icon {
  font-size: 18px;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}
.filter-wrap .filter-item {
  margin-bottom: 23px;
}
.filter-wrap .filter-item input[type=date]:required {
  background-color: yellow;
}
.filter-wrap .filter-item ul {
  margin-bottom: 0;
  list-style-type: none;
  padding-left: 0;
}
.filter-wrap .filter-item ul li label, .filter-wrap .filter-item ul li input {
  cursor: pointer;
}
.filter-wrap .filter-item ul li:not(:last-child) {
  margin-bottom: 15px;
}
.filter-wrap .filter-item .filter-header {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 12px;
  line-height: 1.5;
  color: #000;
  font-weight: 500;
  position: relative;
  padding-left: 20px;
  padding-right: 15px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.filter-wrap .filter-item .filter-header:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #ADB5BD;
  border-radius: 0px 50px 50px 0px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.filter-wrap .filter-search-close {
  display: none;
  border: 0;
  background-color: transparent;
  font-size: 30px;
  position: absolute;
  top: 10px;
  right: -50px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 1;
}
@media (max-width: 991px) {
  .filter-wrap {
    position: absolute;
    top: 72px;
    left: -100%;
    z-index: 10;
    width: 85%;
    border-radius: 0;
    transition: all 0.3s;
    padding: 0;
  }
  .filter-wrap, .filter-wrap form {
    height: calc(100vh - 72px);
  }
  .filter-wrap form {
    padding: 15px;
    height: 100%;
    overflow: auto;
  }
}

@media (max-width: 991px) {
  body.filter-search-opened {
    overflow: hidden;
  }
  body.filter-search-opened .filter-wrap {
    left: 0%;
  }
  body.filter-search-opened .filter-search-close {
    display: flex;
  }
  body.filter-search-opened .wrapper-overlay {
    left: 0%;
    z-index: 1;
  }
}

.konten-title {
  font-weight: 500;
  font-size: 24px;
  line-height: 1.3;
  color: #1F3B64;
}

.mitra-identity {
  display: flex;
  align-items: center;
  margin: 6px -4px 10px;
}
.mitra-identity img {
  vertical-align: text-bottom;
  height: 18px;
  width: auto;
}
.mitra-identity, .mitra-identity > * {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.37;
  color: #454545;
}
.mitra-identity > * {
  flex: 0 1 auto;
  padding: 0 4px;
}

.konten-wrap p:not(:last-of-type) {
  margin-bottom: 15px !important;
}
.konten-wrap.thank .illustration {
  margin-top: 20px;
  margin-bottom: 20px;
}
.konten-wrap.thank .title {
  font-weight: 500;
  font-size: 20px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 5px;
}
.konten-wrap.thank, .konten-wrap.thank p {
  font-size: 16px;
  line-height: 1.37;
  color: #757575;
}
.konten-wrap.thank .btn {
  margin-top: 20px;
}

.konten-image {
  margin-bottom: 15px;
  position: relative;
}
.konten-image img {
  border-radius: 5px;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.konten-image img.main-thumb {
  height: auto !important;
  max-height: 450px;
}
.konten-image .tag {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #1F3B64;
  padding: 8px 14px;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  word-wrap: break-word;
  border-radius: 5px 0 0 0;
}

.konten-video {
  margin-bottom: 15px;
  position: relative;
}
.konten-video video {
  width: 683px;
}
.konten-video .tag {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #1F3B64;
  padding: 8px 14px;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  word-wrap: break-word;
  border-radius: 5px 0 0 0;
}

@media (max-width: 767px) {
  .kontent-without-login-wrap {
    padding-right: 0px !important;
    padding-left: 0px !important;
  }
}
.kontent-without-login {
  background-color: #fff;
  padding: 30px;
}
@media (max-width: 767px) {
  .kontent-without-login {
    padding: 15px;
  }
}
.kontent-without-login .konten-heading-description {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .kontent-without-login .konten-heading-description .konten-heading-description-swiper {
    left: -15px;
    width: calc(100% + 30px);
    top: -15px;
  }
}
.kontent-without-login .konten-heading-description .konten-heading-description-swiper .swiper-button-next,
.kontent-without-login .konten-heading-description .konten-heading-description-swiper .swiper-button-prev {
  width: 30px;
  height: 30px;
}
.kontent-without-login .konten-heading-description .konten-heading-description-swiper .swiper-button-next:after,
.kontent-without-login .konten-heading-description .konten-heading-description-swiper .swiper-button-prev:after {
  background-color: rgba(159, 187, 60, 0.8);
  font-size: 10px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 767px) {
  .kontent-without-login .konten-heading-description .konten-heading-description-swiper .swiper-pagination {
    display: none;
  }
}
.kontent-without-login .konten-heading-description .konten-heading-description-swiper .swiper-pagination .swiper-pagination-bullet {
  background-color: #fff;
}
.kontent-without-login .konten-heading-description .konten-heading-description-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #9FBB3C;
}
.kontent-without-login .konten-heading-description .konten-description-media {
  position: relative;
}
.kontent-without-login .konten-heading-description .konten-description-media:before {
  padding-top: 66.6666666667%;
  display: block;
  content: "";
  width: 100%;
}
.kontent-without-login .konten-heading-description .konten-description-media > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.kontent-without-login .konten-heading-description .konten-description-media > .inner > img,
.kontent-without-login .konten-heading-description .konten-description-media > .inner > video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.kontent-without-login .konten-heading-description .konten-description-content {
  /* CSS code for "readmore" */
}
.kontent-without-login .konten-heading-description .konten-description-content .info-category {
  padding: 5px 10px;
  background-color: #1F3B64;
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  margin-bottom: 7px;
  font-size: 12px;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-content {
  /* CSS code for "readmore" */
}
.kontent-without-login .konten-heading-description .konten-description-content .info-content .readmore__wrap {
  position: relative;
  overflow: hidden;
  transition: height 0.2s ease-in;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-content .readmore__wrap:before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  opacity: 1;
  transition: opacity 0.2s ease-in;
  transition: height 0.2s ease-in;
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=");
  background-size: 100%;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ffffff);
}
.kontent-without-login .konten-heading-description .konten-description-content .info-content .readmore__wrap--open:before {
  opacity: 0;
  height: 0;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-content .readmore__link {
  text-decoration: none;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 15px;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-content .readmore__link--hidden {
  display: none !important;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-content .readmore__icon {
  display: inline-block;
  font-family: FontAwesome !important;
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-list {
  padding-left: 0;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-list li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 1;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-item:not(:last-child) {
  margin-bottom: 7px;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-item .title {
  color: #9A9A9A;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-item .description {
  font-weight: 500;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-item .harga {
  font-weight: 500;
  color: #FBAB18;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran {
  border-top: 1px solid #F1F1F1;
  padding-top: 16px;
}
.kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-action {
  margin-top: 16px;
}
@media (max-width: 767px) {
  .kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-action .btn {
    display: block;
  }
}

.konten-summary {
  overflow: hidden;
  position: relative;
}
.konten-summaryDropdownIcon {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0px;
  height: 15px;
  background-color: #FFF;
  z-index: 1;
  transition: all 0.3s;
  cursor: pointer;
}
.konten-summaryDropdownIcon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/images/ph_caret-down.svg?1c36010c872c6d84d92d4fec8111a8cc);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  height: 100%;
  transition: all 0.3s;
}
.konten-summaryDropdown[type=checkbox] {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0px;
  padding: 10px;
  z-index: 9;
  opacity: 0;
  cursor: pointer;
}
.konten-summaryDropdown[type=checkbox]::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: yellow;
}
.konten-summaryDropdown[type=checkbox]:checked ~ .info-list:last-child {
  max-height: 100%;
  transition: all 0.3s;
}
.konten-summaryDropdown[type=checkbox]:checked ~ .info-list.expand {
  max-height: 100%;
  transition: all 0.3s;
}
.konten-summaryDropdown[type=checkbox]:checked ~ .info-list.separator {
  max-height: 25px;
}
@media (max-width: 767px) {
  .konten-summaryDropdown[type=checkbox]:checked ~ .info-list.separator {
    max-height: 65px;
  }
}
.konten-summaryDropdown[type=checkbox]:checked ~ .konten-detail {
  max-height: 100%;
  transition: all 0.3s;
}
.konten-summaryDropdown[type=checkbox]:checked ~ .konten-summaryDropdownIcon {
  transition: all 0.3s;
}
.konten-summaryDropdown[type=checkbox]:checked ~ .konten-summaryDropdownIcon:before {
  transform: rotate(180deg) translateX(50%);
  transition: all 0.3s;
}
.konten-summaryDropdown[type=checkbox] ~ .info-list:last-child {
  max-height: 31px;
  overflow: hidden;
  transition: all 0.3s;
  padding-bottom: 10px;
}
.konten-summaryDropdown[type=checkbox] ~ .info-list.expand {
  max-height: 25px;
  overflow: hidden;
  transition: all 0.3s;
  padding-bottom: 10px;
}
.konten-summaryDropdown[type=checkbox] ~ .info-list.separator {
  min-height: 30px;
  padding-bottom: 45px;
}
@media (max-width: 767px) {
  .konten-summaryDropdown[type=checkbox] ~ .info-list.separator {
    min-height: 65px;
    max-height: 65px;
  }
}
.konten-summaryDropdown[type=checkbox] ~ .konten-detail {
  max-height: 84px;
  overflow: hidden;
  transition: all 0.3s;
  padding-bottom: 10px;
}

/* The Modal (background) */
.modalLogin {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 999; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
.modalLogin__content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  max-width: 600px;
}
.modalLogin__content-close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.modalLogin__content-close:hover, .modalLogin__content-close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.modalLogin .content-form-login {
  max-width: 100% !important;
  background-color: #fff;
  box-shadow: none;
}

.konten-unduh {
  width: 100%;
  height: 400px;
  background-color: #FFFFFF;
  margin-bottom: 15px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  white-space: nowrap;
}
.konten-unduh .icon {
  font-size: 48px;
  margin-bottom: 15px;
}
.konten-unduh .title-unduh {
  padding: 15px 0 15px;
  font-weight: 500;
  font-size: 14px;
}
.konten-unduh table {
  width: auto;
  max-width: 100%;
}
.konten-unduh table td {
  padding: 3px 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  white-space: break-spaces;
}
.konten-unduh a {
  width: calc(100% - 50px);
  padding: 0 15px;
  overflow: hidden;
  padding-left: 0px;
  text-align: center;
}

.kontent-tabs .idContent {
  margin-bottom: 40px;
}
.kontent-tabs .idContent#kontak .list-inLine {
  margin-top: 15px;
}
.kontent-tabs .idContent#kontak .list-inLine li {
  margin-right: 15px;
  position: relative;
  padding-left: 20px;
}
.kontent-tabs .idContent#kontak .list-inLine li i {
  top: 2px;
  display: inline-block;
  font-size: 18px;
  position: absolute;
  left: 0;
}
.kontent-tabs .box-tabs {
  display: flex;
  overflow-x: auto;
  margin-bottom: 0px;
}
.kontent-tabs .box-tabs li {
  flex: 0 0 auto;
}

.metodePembelajaran ul {
  padding-left: 0;
}
.metodePembelajaran ul li {
  list-style: none;
  border: 1px solid #dadada;
  padding: 15px;
  border-radius: 5px;
}
.metodePembelajaran ul li:not(:last-child) {
  margin-bottom: 15px;
}

#kontentGroup .kontentGroup__items {
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 15px;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
}
#kontentGroup .kontentGroup__items .loadMoreKontentGroup {
  position: absolute;
  bottom: 0;
  height: 35px;
  bottom: -18px;
  display: flex;
  justify-content: center;
  z-index: 999;
  opacity: 0;
}
#kontentGroup .kontentGroup__items .loadMoreKontentGroup ~ *:nth-child(n+7) {
  display: none;
}
@media (max-width: 767px) {
  #kontentGroup .kontentGroup__items .loadMoreKontentGroup ~ *:nth-child(n+6) {
    display: none;
  }
}
#kontentGroup .kontentGroup__items .loadMoreKontentGroup:checked ~ * {
  display: block;
}
#kontentGroup .kontentGroup__items .loadMoreKontentGroup:checked ~ .loadMoreKontentButton {
  display: flex;
}
#kontentGroup .kontentGroup__items .loadMoreKontentGroup:checked ~ .loadMoreKontentButton span::after {
  content: "Read Less";
}
#kontentGroup .kontentGroup__items .loadMoreKontentButton {
  position: absolute;
  bottom: -18px;
  left: 0;
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: center;
}
#kontentGroup .kontentGroup__items .loadMoreKontentButton span {
  display: inline-flex;
  width: 120px;
  height: auto;
  top: 0;
  border: 1px solid #9FBB3C;
  border-radius: 5px;
  padding: 5px 15px;
  text-align: center;
  background-color: #fff;
  color: #9FBB3C;
  font-weight: bold;
}
#kontentGroup .kontentGroup__items .loadMoreKontentButton span::after {
  content: "Read More";
  margin: 0 auto;
}
#kontentGroup .kontentGroup__items .item {
  display: flex;
  gap: 15px;
  box-shadow: inset 0 0 0 1px #ddd;
  border-radius: 0 5px 5px 0;
  height: 100%;
}
#kontentGroup .kontentGroup__items .item__media {
  flex: 0 0 150px;
  height: auto;
}
#kontentGroup .kontentGroup__items .item__media-wrap {
  position: relative;
}
#kontentGroup .kontentGroup__items .item__media-wrap:before {
  display: block;
  content: "";
  width: 100%;
}
#kontentGroup .kontentGroup__items .item__media-wrap > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
#kontentGroup .kontentGroup__items .item__media-wrap > .inner > img,
#kontentGroup .kontentGroup__items .item__media-wrap > .inner > video {
  width: 100%;
  height: 100%;
}
#kontentGroup .kontentGroup__items .item__media-wrap:before {
  padding-top: 66.6666666667%;
}
#kontentGroup .kontentGroup__items .item__media-wrap > .inner > img,
#kontentGroup .kontentGroup__items .item__media-wrap > .inner > video {
  -o-object-fit: cover;
     object-fit: cover;
}
#kontentGroup .kontentGroup__items .item__heading {
  flex: 1 1 auto;
  margin: 15px 15px 15px 0;
}
#kontentGroup .kontentGroup__items .item__heading-category {
  padding: 5px 7px;
  font-size: 12px;
  color: #fff;
  background-color: #1F3B64;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 5px;
}
#kontentGroup .kontentGroup__items .item__heading-title {
  font-weight: bold;
  margin-bottom: 7px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
#kontentGroup .kontentGroup__items .item__heading-lists {
  margin-bottom: 3px;
}
#kontentGroup .kontentGroup__items .item__heading-lists img {
  height: auto;
}
@media (max-width: 767px) {
  #kontentGroup .kontentGroup__items .item {
    flex-direction: column;
  }
  #kontentGroup .kontentGroup__items .item .item__heading {
    flex: 1 1 auto;
    margin: 0 15px 15px 15px;
  }
  #kontentGroup .kontentGroup__items .item .item__heading-category {
    padding: 5px 7px;
    font-size: 12px;
    color: #fff;
    background-color: #1F3B64;
    border-radius: 5px;
    display: inline-block;
    margin-bottom: 15px;
  }
  #kontentGroup .kontentGroup__items .item .item__heading-title {
    font-weight: bold;
    margin-bottom: 7px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  #kontentGroup .kontentGroup__items .item .item__heading-lists {
    margin-bottom: 3px;
  }
}

#kontentNarasumber .kontentNarasumber__items {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 1.5rem;
  position: relative;
  padding-bottom: 30px;
  margin-bottom: 15px;
}
#kontentNarasumber .kontentNarasumber__items .loadMoreKontentNarasumber {
  position: absolute;
  bottom: 0;
  height: 35px;
  bottom: -18px;
  display: flex;
  justify-content: center;
  z-index: 999;
  opacity: 0;
}
#kontentNarasumber .kontentNarasumber__items .loadMoreKontentNarasumber ~ *:nth-child(n+7) {
  display: none;
}
@media (max-width: 767px) {
  #kontentNarasumber .kontentNarasumber__items .loadMoreKontentNarasumber ~ *:nth-child(n+5) {
    display: none;
  }
}
#kontentNarasumber .kontentNarasumber__items .loadMoreKontentNarasumber:checked ~ * {
  display: block;
}
#kontentNarasumber .kontentNarasumber__items .loadMoreKontentNarasumber:checked ~ .loadMoreKontentButton {
  display: flex;
}
#kontentNarasumber .kontentNarasumber__items .loadMoreKontentNarasumber:checked ~ .loadMoreKontentButton span::after {
  content: "Read Less";
}
#kontentNarasumber .kontentNarasumber__items .loadMoreKontentButton {
  position: absolute;
  bottom: -18px;
  left: 0;
  width: 100%;
  height: 35px;
  display: flex;
  justify-content: center;
}
#kontentNarasumber .kontentNarasumber__items .loadMoreKontentButton span {
  display: inline-flex;
  width: 120px;
  height: auto;
  top: 0;
  border: 1px solid #9FBB3C;
  border-radius: 5px;
  padding: 5px 15px;
  text-align: center;
  background-color: #fff;
  color: #9FBB3C;
  font-weight: bold;
}
#kontentNarasumber .kontentNarasumber__items .loadMoreKontentButton span::after {
  content: "Read More";
  margin: 0 auto;
}
#kontentNarasumber .kontentNarasumber__items .item {
  padding: 15px;
  border: 1px solid #ddd;
  text-align: center;
  height: 100%;
}
#kontentNarasumber .kontentNarasumber__items .item__media {
  position: relative;
  margin-bottom: 15px;
}
#kontentNarasumber .kontentNarasumber__items .item__media:before {
  display: block;
  content: "";
  width: 100%;
}
#kontentNarasumber .kontentNarasumber__items .item__media > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
#kontentNarasumber .kontentNarasumber__items .item__media > .inner > img,
#kontentNarasumber .kontentNarasumber__items .item__media > .inner > video {
  width: 100%;
  height: 100%;
}
#kontentNarasumber .kontentNarasumber__items .item__media:before {
  padding-top: 100%;
}
#kontentNarasumber .kontentNarasumber__items .item__media > .inner > img,
#kontentNarasumber .kontentNarasumber__items .item__media > .inner > video {
  -o-object-fit: cover;
     object-fit: cover;
}
#kontentNarasumber .kontentNarasumber__items .item__heading-name {
  font-weight: bold;
  margin-bottom: 0;
}
#kontentNarasumber .kontentNarasumber__items .item__heading-position {
  margin-bottom: 7px;
}
#kontentNarasumber .kontentNarasumber__items .item__heading-jobs ul {
  padding-left: 0px;
  margin-bottom: 0;
}
#kontentNarasumber .kontentNarasumber__items .item__heading-jobs ul li {
  list-style: none;
  text-align: center;
  font-size: 12px;
  color: #898989;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

.konten-table td {
  font-size: 14px;
  line-height: 1.4;
  color: #454545;
  font-weight: 400;
}
.konten-table td:first-child {
  width: 40%;
}
.konten-table li {
  font-size: 14px;
  margin-bottom: 5px;
  color: #454545;
  font-weight: 400;
}

.konten-mentor {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 30px;
}
.konten-mentor .mentor-image {
  flex: 0 0 300px;
}
.konten-mentor .mentor-heading img {
  width: 25px;
  height: auto;
}
.konten-mentor .mentor-heading .sosmed {
  margin-top: 15px;
}
.konten-mentor .mentor-heading .sosmed li {
  margin-right: 10px;
}
.konten-mentor .mentor-heading .sosmed li i {
  font-size: 24px;
}
@media (max-width: 991px) {
  .konten-mentor {
    flex-wrap: wrap;
  }
  .konten-mentor .mentor-image {
    flex: 0 0 100%;
  }
}

.list-job {
  position: relative;
  padding: 0;
  margin-top: 16px;
}
.list-job li {
  display: inline-block;
  background-color: #fff;
  border: 1px solid #1F3B64;
  color: #1F3B64;
  padding: 8px 20px;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}

.list-block {
  padding: 0;
  margin-bottom: 0px;
}
.list-block li {
  list-style: none;
  display: inline-block;
}
.list-block li:not(:last-child) {
  min-width: 140px;
}
.list-block li .list-wrap {
  margin-right: 15px;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 14px !important;
}
.list-block li .list-wrap img {
  width: 20px;
  height: 20px;
}
.list-block li a.list-wrap {
  color: #9FBB3C;
}
.list-block li a.list-wrap i {
  font-size: 20px;
}

.list-manusia {
  display: flex;
  gap: 20px;
  padding: 20px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  align-items: center;
  margin-bottom: 10px;
  margin-top: 10px;
}
.list-manusia__media {
  flex: 0 0 150px;
}
.list-manusia__media img {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
.list-manusia__content .title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #454545;
  margin-bottom: 8px;
}
.list-manusia__content p {
  color: #454545;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  overflow-y: auto;
  height: 100px;
}
@media (max-width: 991px) {
  .list-manusia {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
  }
  .list-manusia__media {
    flex: 0 0 150px;
  }
  .list-manusia__media img {
    width: 150px;
    height: 150px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .list-manusia__content .title {
    text-align: center;
  }
}

.list-mitra__media {
  display: flex;
  gap: 15px;
  align-items: center;
}
.list-mitra__media img {
  width: auto;
  max-width: 150px;
  height: auto;
  max-height: 100px;
}
.list-mitra__media .heading-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  color: #454545;
}
.list-mitra__media .heading-subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #454545;
}
@media (max-width: 767px) {
  .list-mitra__media {
    align-items: center;
    flex-direction: column;
  }
  .list-mitra__media img {
    max-width: 50%;
    height: auto;
  }
  .list-mitra__media .heading {
    text-align: center;
  }
}
.list-mitra__content {
  margin-top: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #454545;
}

.card-aktifitas {
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  margin-top: 15px;
}
.card-aktifitas__heading {
  padding: 12px 20px 5px 20px;
  border-bottom: 1px solid #E2E2E2;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card-aktifitas__heading .detail {
  flex: 0 0 320px;
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 8px;
}
.card-aktifitas__heading .detail .progress {
  display: flex;
  align-items: center;
  width: auto;
  border-radius: 5px;
  padding: 5px 10px;
  font-weight: 300;
  color: #FFFFFF;
  width: 75px;
  text-align: center;
  justify-content: center;
}
.card-aktifitas__heading .detail .progress i {
  font-weight: bold;
  margin-left: 5px;
}
.card-aktifitas__heading .detail .progress.progress-finished {
  background-color: #9FBB3C;
}
.card-aktifitas__heading .detail .progress.progress-unfinished {
  background-color: #DD5942;
}
.card-aktifitas__heading .detail ul {
  margin-left: 20px;
  margin-bottom: 0;
  padding: 0;
}
.card-aktifitas__heading .detail ul li {
  list-style: none;
  display: inline-block;
  margin-right: 18px;
  position: relative;
}
.card-aktifitas__heading .detail ul li::after {
  content: "";
  position: absolute;
  background-color: #454545;
  top: 45%;
  right: -14px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
.card-aktifitas__heading .detail ul li:last-child::after {
  display: none;
}
.card-aktifitas__content {
  padding: 20px;
}
.card-aktifitas__content table {
  width: 100%;
}
.card-aktifitas__content table tr td {
  position: relative;
  vertical-align: middle;
}
.card-aktifitas__content table tr td:first-child {
  width: 25%;
}
.card-aktifitas__content table tr td .title {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.card-aktifitas__content table tr td .title .icon {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.card-aktifitas__content table tr td .title .finish {
  color: #9FBB3C !important;
}
.card-aktifitas__content table tr td .title .unfinish {
  color: #FBAB18 !important;
}
.card-aktifitas__content table tr td .title input[type=checkbox] {
  z-index: 9;
  margin-top: 0px;
  margin-right: 10px;
  width: 15px;
  height: 15px;
}
.card-aktifitas__content table tr td .title input[type=checkbox]:checked ~ label {
  color: #9FBB3C;
}
.card-aktifitas__content table tr td .title input[type=checkbox]:checked ~ label a {
  color: #2B303B;
  pointer-events: none;
  cursor: default;
}
.card-aktifitas__content table tr td .title label a {
  pointer-events: auto;
  cursor: pointer;
  color: #9FBB3C;
}
@media (max-width: 991px) {
  .card-aktifitas .card-aktifitas__heading {
    flex-wrap: wrap;
  }
  .card-aktifitas .card-aktifitas__heading > * {
    flex: 1 1 100% !important;
  }
  .card-aktifitas .card-aktifitas__heading .detail ul {
    margin-left: 0;
  }
  .card-aktifitas .card-aktifitas__content table, .card-aktifitas .card-aktifitas__content tbody, .card-aktifitas .card-aktifitas__content tr, .card-aktifitas .card-aktifitas__content td, .card-aktifitas .card-aktifitas__content th {
    width: 100% !important;
    display: inline-block;
  }
  .card-aktifitas .card-aktifitas__content td .title {
    justify-content: flex-end;
  }
  .card-aktifitas .card-aktifitas__content td .title .icon {
    margin-right: 0;
    margin-left: 5px;
  }
}

.mitra-profil {
  background: #FAFAFA;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 20px;
  margin-top: 30px;
}
.mitra-profil .mitra-identity {
  margin: 0 -6px 20px;
}
.mitra-profil .mitra-identity img {
  width: auto;
  height: 40px;
}
.mitra-profil .mitra-identity, .mitra-profil .mitra-identity > * {
  font-size: 24px;
}
.mitra-profil .mitra-identity > * {
  padding: 0 6px;
}

.registrasi-wrap {
  border: 1px solid #9FBB3C;
  border-radius: 5px;
  padding: 15px;
}
.registrasi-wrap .title {
  font-size: 16px;
  line-height: 1.37;
  margin-bottom: 10px;
}
.registrasi-wrap table td {
  padding: 5px 0;
}
.registrasi-wrap table td:first-child {
  width: 70px;
}
.registrasi-wrap .btn {
  margin-top: 10px;
}

.seleksi-wrap {
  background: #FAFAFA;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 15px;
}
.seleksi-wrap .inner-header {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E2E2E2;
}
.seleksi-wrap .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.37;
  color: #454545;
  margin-bottom: 0;
}
.seleksi-wrap .title ~ p {
  font-size: 14px;
  line-height: 1.43;
  color: #9A9A9A;
}
.seleksi-wrap .select-inner {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 15px;
  margin-top: 15px;
}
.seleksi-wrap .select-inner .inner-header {
  padding-bottom: 0;
  border-bottom: 0;
}
.seleksi-wrap .select-inner .inner-header .title {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E2E2E2;
}
.seleksi-wrap .select-inner .inner-header > *:not(.title) {
  color: #555;
}
.seleksi-wrap .select-inner .inner-header > *:not(.title):first-of-type {
  margin-top: 20px;
}

.form-pertanyaan label {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.form-pertanyaan p {
  margin-bottom: 5px !important;
}

table th.presensi, table th.link {
  width: 15%;
}
table th.topik {
  width: 30%;
}

.aktifitas-kelas .box .row, .aktifitas-kelas .mitra-profil {
  margin: 0 !important;
}
.aktifitas-kelas .second-title {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: #454545;
  margin-bottom: 15px;
}
.aktifitas-kelas .box-tabs > li {
  border-top: 1px solid #E2E2E2;
}
.aktifitas-kelas .box-tabs > li:first-child {
  border-left: 1px solid #E2E2E2;
}
.aktifitas-kelas .box-tabs > li:last-child {
  border-right: 1px solid #E2E2E2;
}
.aktifitas-kelas .content {
  border: 1px solid #E2E2E2;
}
@media (max-width: 991px) {
  .aktifitas-kelas .konten-table tbody, .aktifitas-kelas .konten-table tr, .aktifitas-kelas .konten-table td, .aktifitas-kelas .konten-table th {
    width: 100%;
    display: block;
  }
  .aktifitas-kelas .konten-table tbody tr:not(:last-child) td {
    padding-top: 0;
  }
}

.accordion ul.files {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  margin: 15px -30px 0;
}
.accordion ul.files > li {
  flex: 0 1 auto;
  padding: 0 30px;
  font-size: 12px;
  line-height: 1.5;
}
.accordion ul.files > li:not(:last-child) {
  border-right: 1px solid #E2E2E2;
}
.accordion ul.files > li a {
  color: #9FBB3C;
}

.mitra-kelas .konten-item .konten-thumbnail {
  flex: 0 1 20%;
  position: relative;
}
.mitra-kelas .konten-item .konten-thumbnail img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.mitra-kelas .konten-item .konten-thumbnail .tag {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #1F3B64;
  padding: 8px 14px;
  color: #fff;
  font-weight: 600;
  font-size: 12px;
  width: 65%;
  word-wrap: break-word;
}
.mitra-kelas .konten-item .konten-summary {
  flex: 1 1 40%;
}
.mitra-kelas .konten-item .konten-summary.all-style .title a {
  font-weight: 700;
  font-size: 14px;
}
.mitra-kelas .konten-item .konten-action-button {
  flex: 0 1 30%;
}
.mitra-kelas .konten-item .konten-action-button ul {
  margin-top: 15px;
  padding: 0px;
  margin-right: 15px;
}
.mitra-kelas .konten-item .konten-action-button ul li {
  list-style: none;
}
.mitra-kelas .konten-item .konten-action-button ul li .fist {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.mitra-kelas .konten-item .konten-action-button ul li .fist i {
  margin-right: 8px;
}
.mitra-kelas .konten-item .konten-action {
  flex: 0 1 40%;
}
.mitra-kelas .konten-item .konten-action.bton-kuis {
  flex: 0 1 30%;
  position: relative;
}
.mitra-kelas .konten-item .konten-action.bton-kuis .bton.play {
  position: absolute;
  bottom: 0;
  width: calc(100% - 30px);
  margin-bottom: 30px;
}
.mitra-kelas .konten-item .konten-action [class*=cols] {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0 -5px 10px;
}
.mitra-kelas .konten-item .konten-action [class*=cols]:last-child {
  margin-bottom: 0;
}
.mitra-kelas .konten-item .konten-action [class*=cols] > li {
  flex: 0 1 100%;
  padding: 0 5px;
}
.mitra-kelas .konten-item .konten-action [class*=cols] > li .btn {
  height: 100%;
}
.mitra-kelas .konten-item .konten-action [class*=cols] > li .btn span {
  color: #9FBB3C;
}
.mitra-kelas .konten-item .konten-action [class*=cols] > li .btn:hover span, .mitra-kelas .konten-item .konten-action [class*=cols] > li .btn:focus span {
  color: #FFF;
}
@media (max-width: 767px) {
  .mitra-kelas .konten-item .konten-action [class*=cols] > li {
    margin-bottom: 6px;
  }
}
@media (max-width: 991px) {
  .mitra-kelas .konten-item .konten-thumbnail {
    flex: 0 1 30%;
  }
  .mitra-kelas .konten-item .konten-summary {
    flex: 1 1 70%;
  }
  .mitra-kelas .konten-item .konten-action {
    flex: 1 1 100%;
  }
  .mitra-kelas .konten-item .konten-action.bton-kuis {
    flex: 0 1 100%;
    position: relative;
  }
  .mitra-kelas .konten-item .konten-action.bton-kuis .bton.play {
    position: relative;
    bottom: 0;
    width: 100%;
    margin-bottom: 0;
  }
}
@media (max-width: 767px) {
  .mitra-kelas .konten-item .konten-thumbnail {
    flex: 1 1 100%;
  }
  .mitra-kelas .konten-item .konten-summary {
    flex: 1 1 100%;
  }
  .mitra-kelas .konten-item .konten-action {
    flex: 1 1 100%;
  }
  .mitra-kelas .konten-item .konten-action ul {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mitra-kelas .konten-item .konten-action .info-peserta {
    align-items: flex-start;
    flex-wrap: wrap;
    text-align: center;
  }
}

.peserta-stats ul {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
.peserta-stats ul.cols-3 li {
  flex: 1 0 33.33%;
}
.peserta-stats ul li {
  padding: 5px;
}
.peserta-stats.stats-inline .info-peserta {
  flex-wrap: nowrap;
}
.peserta-stats.stats-inline .info-peserta .angka, .peserta-stats.stats-inline .info-peserta .teks {
  flex-basis: auto;
}
.peserta-stats.stats-nowrap ul {
  flex-wrap: nowrap;
}
.peserta-stats.stats-nowrap ul li {
  flex: 1 1 100%;
}
.peserta-stats.stats-fullwidth {
  width: 100%;
}
@media (max-width: 767px) {
  .peserta-stats ul {
    gap: 5px;
  }
  .peserta-stats ul li {
    flex: 1 1 calc(50% - 2.5px);
  }
  .peserta-stats ul li .info-peserta {
    height: 80px;
  }
}

.info-peserta {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
}
.info-peserta .angka, .info-peserta .teks {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: #1F3B64;
  padding: 0 5px;
  flex: 1 1 100%;
  text-align: center;
}
.info-peserta .teks {
  font-size: 12px;
  font-weight: normal;
}

.terima-kelas .konten-item .konten-thumbnail {
  flex: 0 1 25%;
}
@media (max-width: 767px) {
  .terima-kelas .konten-item .konten-thumbnail {
    flex: 1 1 100%;
  }
}

.kelas-peserta .konten-item .konten-thumbnail {
  flex: 0 1 20%;
}
.kelas-peserta .konten-item .konten-summary {
  flex: 1 1 80%;
}
.kelas-peserta .konten-item .konten-summary .title {
  font-size: 15px;
}
.kelas-peserta .konten-item .konten-summary li {
  font-size: 14px;
}
@media (max-width: 767px) {
  .kelas-peserta .konten-item .konten-thumbnail {
    flex: 1 1 100%;
  }
  .kelas-peserta .konten-item .konten-summary {
    flex: 1 1 100%;
  }
  .kelas-peserta.kelas-peserta-2col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }
  .kelas-peserta.kelas-peserta-2col .konten-item .konten-summary {
    padding: 5px 5px 0px 5px;
    color: #454545;
    font-size: 12px;
    line-height: 95%;
  }
  .kelas-peserta.kelas-peserta-2col .konten-item .konten-summary > *:not(:last-child) {
    margin-bottom: 3px !important;
  }
  .kelas-peserta.kelas-peserta-2col .konten-item .konten-summary span {
    line-height: 115% !important;
    display: block;
  }
  .kelas-peserta.kelas-peserta-2col .konten-item .konten-summary .info-list .peserta-tolak, .kelas-peserta.kelas-peserta-2col .konten-item .konten-summary .info-list .peserta-tunggu, .kelas-peserta.kelas-peserta-2col .konten-item .konten-summary .info-list .peserta-terima {
    font-size: 10px;
  }
  .kelas-peserta.kelas-peserta-2col .konten-item .konten-summary .btn {
    display: flex;
    width: 100%;
  }
  .kelas-peserta.kelas-peserta-2col .konten-item .konten-summary .btn span {
    display: inline;
  }
}

.konten-mobile {
  display: none;
}
@media (max-width: 991px) {
  .konten-mobile {
    display: block;
  }
  .konten-mobile .konten-item {
    padding: 15px;
    border-radius: 10px;
    line-height: 1.5;
  }
  .konten-mobile .konten-item > * {
    flex: 1 1 100%;
  }
  .konten-mobile .konten-item .konten-jenis, .konten-mobile .konten-item .konten-jenis a {
    letter-spacing: 0.05em;
    color: #454545;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
  }
  .konten-mobile .konten-item .konten-nama, .konten-mobile .konten-item .konten-nama a {
    color: #333333;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
  }
  .konten-mobile .konten-item .konten-status {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.5;
    display: flex;
    justify-content: flex-end;
  }
  .konten-mobile .konten-item .konten-status span {
    margin-top: -15px;
    margin-right: -15px;
    display: inline-flex;
    padding: 4px 8px;
    color: #FFF;
    background-color: #333;
    border-radius: 0 10px 0 10px;
  }
  .konten-mobile .konten-item .konten-status.mendaftar span {
    background-color: #9FBB3C;
  }
  .konten-mobile .konten-item .konten-status.ditolak span {
    background-color: #DD5942;
  }
  .konten-mobile .konten-item .konten-status.berjalan span {
    background-color: #FBAB18;
  }
  .konten-mobile .konten-item .konten-mitra {
    color: #9A9A9A;
    font-size: 14px;
    line-height: 1.5;
  }
  .konten-mobile .konten-item .konten-aksi {
    padding-top: 15px;
  }
}

.absensi-statistik {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  margin: -5px -5px 15px;
}
.absensi-statistik li {
  padding: 5px;
}
.absensi-statistik .info-peserta {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 5px 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.absensi-statistik .info-peserta .angka, .absensi-statistik .info-peserta .teks {
  font-weight: 600;
  font-size: 20px;
  line-height: 1.5;
  color: #1F3B64;
  padding: 0 5px;
}
.absensi-statistik .info-peserta .teks {
  font-size: 12px;
  font-weight: normal;
}

.absensi-detail {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 20px;
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.absensi-detail .row {
  width: 100%;
  margin: 0 !important;
}
.absensi-detail .row > [class*=col] {
  align-items: center;
}
.absensi-detail .title {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.43;
  color: #1F3B64;
  margin-bottom: 5px;
}
.absensi-detail .konten-item {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  background: transparent;
  border: 0;
  border-radius: 0;
  overflow: unset;
}
.absensi-detail .konten-action {
  padding: 0;
  flex-basis: 100% !important;
}
.absensi-detail .info-peserta {
  flex-wrap: wrap;
}
.absensi-detail .info-peserta > * {
  flex: 1 1 100%;
  text-align: center;
}
.absensi-detail .mitra-kelas {
  width: 100%;
}
.absensi-detail .btn.presensi {
  margin-top: 10px;
}
.absensi-detail.tugas-detail {
  flex-wrap: wrap;
}
.absensi-detail.tugas-detail > .row {
  border-bottom: 1px solid #E2E2E2 !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
}
.absensi-detail.tugas-detail table.tugas-instruksi td {
  padding: 5px 10px;
}

.side-media {
  position: relative;
}
.side-media .inner img, .side-media .inner video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 5px 5px 0px 0px;
}

.side-content:not(:last-child) {
  margin-bottom: 20px;
}
.side-content.daftar-content {
  background: #FFFFFF;
  border: 1px solid #9FBB3C;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 0;
}
.side-content.daftar-content.new-design ul {
  list-style-type: none;
}
.side-content.daftar-content.new-design ul li a {
  padding: 10px 20px;
}
.side-content.daftar-content.new-design-small ul li a {
  padding: 5px 20px;
  font-weight: 400;
}
.side-content.daftar-content.new-design .action .btn {
  display: block;
  background-color: #9FBB3C;
  border: none;
}
.side-content.daftar-content.new-design .action .btn:hover {
  background-color: #7e9430;
}
.side-content.daftar-content-img {
  background: #FFFFFF;
  border: 1px solid #9FBB3C;
  border-top: 0px;
  box-sizing: border-box;
  border-radius: 0px 0px 5px 5px;
  padding: 10px 0 0 0;
}
.side-content.daftar-content .head {
  padding: 10px 20px;
}
.side-content.daftar-content .head .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.38;
  color: #454545;
  margin-bottom: 0;
}
.side-content.daftar-content .action {
  margin: 15px;
}
.side-content.daftar-content > ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.side-content.daftar-content > ul > li a {
  padding: 15px 20px;
  display: block;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  color: #1F3B64;
}
.side-content.daftar-content > ul > li a:hover {
  color: #9FBB3C;
}
.side-content.daftar-content > ul > li a [class*=ph-] {
  margin-right: 10px;
  font-size: 20px;
  vertical-align: middle;
}
.side-content.konfirmasi {
  background: #FFFFFF;
  border: 1px solid #9FBB3C;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.57;
  color: #454545;
}
.side-content.konfirmasi .head .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.38;
  color: #454545;
  margin-bottom: 10px;
}
.side-content.konfirmasi .button-wrap {
  margin-top: 10px;
}

.side-fasilitator-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.38;
  color: #454545;
  margin-bottom: 10px;
  gap: 6px;
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.side-fasilitator-title i {
  font-size: 24px;
}
.side-fasilitator-lists .list {
  display: grid;
  grid-template-columns: 75px auto;
  gap: 0 16px;
  padding: 10px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  position: relative;
}
.side-fasilitator-lists .list input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}
.side-fasilitator-lists .list input:hover {
  cursor: pointer;
}
.side-fasilitator-lists .list input:checked > .list {
  background-color: orange;
}
.side-fasilitator-lists .list input:checked ~ .list__description {
  height: auto;
}
.side-fasilitator-lists .list__media {
  position: relative;
}
.side-fasilitator-lists .list__media > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.side-fasilitator-lists .list__media > .inner img, .side-fasilitator-lists .list__media > .inner video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.side-fasilitator-lists .list__media:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.side-fasilitator-lists .list__heading {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.side-fasilitator-lists .list__heading-title {
  font-weight: 600;
  font-size: 14px;
  line-height: 1.43;
  color: #1F3B64;
  margin: auto 0;
}
.side-fasilitator-lists .list__heading-action {
  text-align: right;
  font-size: 12px;
  opacity: 0.4;
}
.side-fasilitator-lists .list__description {
  grid-column: 1/3;
  height: 0;
  overflow: hidden;
}
.side-fasilitator-lists .list__description-article {
  padding-top: 7px;
  line-height: 1.4;
  opacity: 0.8;
}
.side-fasilitator-lists .list:not(:last-child) {
  margin-bottom: 15px;
}
.side-fasilitator-lists .list:hover {
  cursor: pointer;
  border: 1px solid #9FBB3C;
  transition: all 0.3s ease-in-out;
}
.side-fasilitator-lists .list:hover .list__heading-action {
  color: #9FBB3C;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.konten-card {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.konten-card .card-list {
  border-radius: 5px;
  padding: 10px;
  border: 1px solid #E2E2E2;
  position: relative;
  display: flex;
  flex-direction: column;
}
.konten-card .card-list .list-header {
  margin-bottom: 10px;
}
.konten-card .card-list .list-header ul {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0px;
  margin-block-end: 0em;
  gap: 15px;
}
.konten-card .card-list .list-header ul li {
  display: flex;
  align-items: center;
  max-width: 50%;
  font-size: 12px;
}
.konten-card .card-list .list-header ul li i {
  margin-right: 5px;
}
.konten-card .card-list .list-image {
  margin-bottom: 12px;
  position: relative;
}
.konten-card .card-list .list-image .multi-tag {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
}
.konten-card .card-list .list-image .multi-tag ul {
  padding-left: 0;
}
.konten-card .card-list .list-image .multi-tag ul li {
  list-style: none;
  background-color: #1F3B64;
  color: #fff;
  min-width: 100px;
  word-wrap: break-word;
  padding: 8px 14px;
  font-weight: 600;
  font-size: 12px;
  margin-bottom: 0;
}
.konten-card .card-list .list-image .multi-tag ul li.harga {
  background: linear-gradient(94.98deg, #EA5455 0%, #FF7C59 100%);
}
.konten-card .card-list .list-image .multi-tag ul li:first-child {
  border-radius: 5px 0 0 0;
}
.konten-card .card-list .list-content {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.konten-card .card-list .list-content .content-title {
  text-align: center;
}
.konten-card .card-list .list-content .content-title .title {
  font-size: 16px;
}
.konten-card .card-list .list-content .content-title .infoPrice {
  margin-bottom: 12px;
}
.konten-card .card-list .list-content .content-title .infoPrice ul {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.konten-card .card-list .list-content .content-title .infoPrice ul li {
  list-style: none;
  display: inline-block;
  color: #FBAB18;
  font-weight: 600;
  font-size: 12px;
}
.konten-card .card-list .list-content .content-title .infoPrice ul li > * {
  display: inline;
}
.konten-card .card-list .list-content .content-title .infoPrice ul li .infoPrice-price {
  font-size: 10px;
}
.konten-card .card-list .list-content .content-title .infoPrice ul li:not(:last-child) {
  margin-right: 12px;
}
.konten-card .card-list .list-content .content-title .infoPrice-info {
  background-color: #1F3B64;
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  font-weight: 500;
}
.konten-card .card-list .list-content .content-title .description {
  font-size: 12px;
}
.konten-card .card-list.card-list-test .list-image .icon {
  text-align: center;
  padding: 20px 0;
  font-size: 4em;
}
.konten-card .card-list.card-list-test .list-image .icon-result {
  color: #9FBB3C;
  display: none;
}
.konten-card .card-list.card-list-test .list-image .icon-play {
  color: #FBAB18;
  display: block;
}
.konten-card .card-list.card-list-test .list-status {
  margin-top: 10px;
  text-align: right;
  margin-bottom: 30px;
}
.konten-card .card-list.card-list-test .list-statusImage {
  right: 2px;
  top: 0;
  z-index: 99;
  position: absolute;
  margin-bottom: 15px;
}
.konten-card .card-list.card-list-test .list-status .status {
  display: inline;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px 10px;
  font-size: 14px;
  line-height: 1.43;
  color: #1F3B64;
  position: relative;
  text-transform: unset !important;
  width: 100%;
  letter-spacing: unset;
  text-transform: none;
}
.konten-card .card-list.card-list-test .list-status .status:before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #9FBB3C;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px 0 0 5px;
}
.konten-card .card-list.card-list-test .list-status .status.status-close:before {
  background-color: #FBAB18;
}
.konten-card .card-list.card-list-test .list-status .status-take {
  font-size: 12px !important;
}
.konten-card .card-list.card-list-test .list-status .status-take i {
  color: #9FBB3C;
}
.konten-card .card-list.card-list-test .list-status .status-take:before {
  background-color: #9FBB3C;
}
.konten-card .card-list.card-list-test .list-status .status-takent {
  font-size: 12px !important;
}
.konten-card .card-list.card-list-test .list-status .status-takent:before {
  background-color: #DD5942;
}
.konten-card .card-list.card-list-test .list-status .status-warning {
  font-size: 12px !important;
}
.konten-card .card-list.card-list-test .list-status .status-warning i {
  color: #FBAB18;
}
.konten-card .card-list.card-list-test .list-status .status-warning:before {
  background-color: #FBAB18;
}
.konten-card .card-list.card-list-test .list-harga {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.konten-card .card-list.card-list-test .list-harga .list-harga-title {
  list-style: none;
  background-color: #1F3B64;
  color: #fff;
  min-width: 100px;
  word-wrap: break-word;
  padding: 8px 14px;
  font-weight: 600;
  font-size: 12px;
  background-color: #1F3B64;
}
.konten-card .card-list.card-list-test .list-price {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.konten-card .card-list.card-list-test .list-price .list-price-harga {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.33;
}
.konten-card .card-list.card-list-test .list-price .list-status {
  margin-bottom: 0;
  margin-top: 0;
}
.konten-card .card-list.card-list-test .card-info {
  margin-top: 15px;
}
.konten-card .card-list.card-list-test .list-inLine li {
  padding: 0 7px;
}
.konten-card .card-list.card-list-test .list-inLine li i {
  vertical-align: text-top;
  font-size: 16px;
  margin-right: 2px;
}
.konten-card .card-list.card-list-test .btn .icon {
  margin-right: 8px;
}
.konten-card .card-list.card-list-test .content-action .btn-play {
  display: flex;
}
.konten-card .card-list.card-list-test .content-action .btn-result {
  display: none;
}
.konten-card .card-list.card-list-test .description {
  position: relative;
  margin-bottom: 10px;
}
.konten-card .card-list.card-list-test .description .konten-summaryDropdownIcon {
  cursor: pointer;
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0px;
  height: 15px;
  background-color: #FFF;
  z-index: 1;
  transition: all 0.3s;
}
.konten-card .card-list.card-list-test .description .konten-summaryDropdownIcon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/images/ph_caret-down.svg?1c36010c872c6d84d92d4fec8111a8cc);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 13px;
  height: 100%;
  transition: all 0.3s;
}
.konten-card .card-list.card-list-test .description .konten-summaryDropdown[type=checkbox] {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0px;
  padding: 10px;
  z-index: 9;
  opacity: 0;
  cursor: pointer;
}
.konten-card .card-list.card-list-test .description .konten-summaryDropdown[type=checkbox]::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: yellow;
}
.konten-card .card-list.card-list-test .description .konten-summaryDropdown[type=checkbox]:checked ~ .inner {
  max-height: 100%;
  transition: all 0.3s;
}
.konten-card .card-list.card-list-test .description .konten-summaryDropdown[type=checkbox]:checked ~ .konten-summaryDropdownIcon {
  transition: all 0.3s;
}
.konten-card .card-list.card-list-test .description .konten-summaryDropdown[type=checkbox]:checked ~ .konten-summaryDropdownIcon:before {
  transform: rotate(180deg) translateX(50%);
  transition: all 0.3s;
}
.konten-card .card-list.card-list-test .description .konten-summaryDropdown[type=checkbox] ~ .inner {
  max-height: 80px;
  overflow: hidden;
  transition: all 0.3s;
  padding-bottom: 15px;
}
.konten-card .card-list.card-list-test.result .list-image .icon-result {
  display: block;
}
.konten-card .card-list.card-list-test.result .list-image .icon-play {
  display: none;
}
.konten-card .card-list.card-list-test.result .content-action .btn-play {
  display: none;
}
.konten-card .card-list.card-list-test.result .content-action .btn-result {
  display: flex;
}
@media (max-width: 991px) {
  .konten-card .card-list.card-list-test .content-title .title {
    font-size: 1.1rem;
  }
}
@media (max-width: 1118px) {
  .konten-card {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 480px) {
  .konten-card {
    grid-template-columns: repeat(1, 1fr);
  }
}

.imageSquare {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  background-color: #898989;
  border-radius: 5px;
}
.imageSquare img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.imageSquare-23 {
  position: relative;
  overflow: hidden;
  padding-bottom: 66.6666666667%;
  background-color: #898989;
  border-radius: 5px;
}
.imageSquare-23 img {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.ratio__3x2 {
  position: relative;
}
.ratio__3x2 > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.ratio__3x2 > .inner img, .ratio__3x2 > .inner video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.ratio__3x2:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 66.66666667%;
}

.tes-head {
  text-align: center;
  margin-bottom: 16px;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 32px;
}
.tes-head p {
  font-family: "Montserrat", sans-serif;
}

.tes-stats {
  list-style-type: none;
  padding-left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  margin: 0 auto 32px;
}
.tes-stats li {
  flex: 0 1 auto;
  padding: 0 10px;
  height: 100%;
}
.tes-stats li .inner {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  padding: 25px 15px;
  align-items: center;
  width: 160px;
  height: 100px;
  border-radius: 5px;
}
.tes-stats li .inner > * {
  flex: 1 1 100%;
}
.tes-stats li .inner .number {
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 4px;
}
.tes-stats li .inner .label {
  font-weight: 400;
  font-size: 12px;
}
@media (max-width: 1200px) {
  .tes-stats {
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .tes-stats {
    flex-wrap: wrap;
    gap: 0px 10px;
    justify-content: flex-start;
  }
  .tes-stats li {
    flex: 1 1 100%;
    padding: 5px 0;
  }
  .tes-stats li .inner {
    flex-wrap: nowrap;
    text-align: left;
    align-items: center;
    padding: 10px;
  }
  .tes-stats li .inner .number {
    flex: 0 1 30%;
    text-align: center;
  }
  .tes-stats li .inner .label {
    flex: 1 1 70%;
  }
  .tes-stats li {
    flex: 0 1 calc(50% - 8px);
  }
  .tes-stats li .inner {
    width: 100%;
    min-height: 80px;
    height: auto;
  }
}

.content-tes .filter-status {
  font-size: 12px;
}
.content-tes .konten-item .konten-kosong p {
  color: #757575;
}
.content-tes .konten-item .konten-kosong h4 {
  color: #1F3B64;
  font-weight: 500;
}
.content-tes .konten-card .card-list {
  padding: 20px;
}

.filter-price .input {
  position: relative;
}

.filter-price .input input {
  padding-left: 25px;
  padding-right: 5px;
}

.filter-price .input::after {
  content: "Rp";
  position: absolute;
  width: 20px;
  height: 100%;
  left: 5px;
  top: 0;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: center;
}

.filter-wrap .filter-item ul li:not(:last-child) {
  margin-bottom: 0;
}

.listBankSoal-filter {
  border-top: 1px solid #E2E2E2;
  display: flex;
  justify-content: end;
  margin-top: 20px !important;
  padding-top: 20px;
}
.listBankSoal-filterAction {
  width: 50%;
  max-width: 500px;
  display: flex;
  text-align: right;
  justify-content: end;
  gap: 12px;
}
@media (max-width: 767px) {
  .listBankSoal-filterAction {
    width: 100%;
    max-width: 100%;
  }
  .listBankSoal-filterAction .form-search {
    flex: 1 1 auto;
  }
}

.info-tambahan {
  overflow: auto;
}
.info-tambahan table {
  margin: 12px 0;
  border-collapse: collapse;
  width: 100%;
}
.info-tambahan table td, .info-tambahan table th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}
.info-tambahan table th td {
  background-color: red;
}

@media (max-width: 767px) {
  .special-spacer-heading-mobile {
    display: block !important;
  }
  .special-spacer-heading-mobile > .button-wrap.button-horizontal {
    display: flex;
    gap: 10px;
  }
}

.video-js .vjs-big-play-button {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.notif-list-wrap .notif-item {
  background-color: #FFF;
  box-shadow: 0px 0px 10px rgba(51, 51, 51, 0.05);
  padding: 14px 25px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  position: relative;
}
@media (max-width: 767px) {
  .notif-list-wrap .notif-item {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.notif-list-wrap .notif-item:not(:last-child) {
  margin-bottom: 15px;
}
.notif-list-wrap .notif-item > .icon {
  display: none;
}
.notif-list-wrap .notif-item p {
  margin-bottom: 5px;
}
.notif-list-wrap .notif-item p:last-of-type {
  margin-bottom: 0;
}
.notif-list-wrap .notif-item .row [class*=col] {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .notif-list-wrap .notif-item .row [class*=col] {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
}
.notif-list-wrap .notif-item .row [class*=col]:not(:last-child) {
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .notif-list-wrap .notif-item .row [class*=col]:not(:last-child) {
    margin-bottom: 0;
  }
}
.notif-list-wrap .notif-item .column-1 .wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.notif-list-wrap .notif-item .column-1 .wrapper .notif-bell {
  font-size: 35px;
  line-height: 1;
  padding-right: 15px;
}
.notif-list-wrap .notif-item .title {
  color: #454545;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.42;
  margin-bottom: 0;
}
.notif-list-wrap .notif-item .date {
  color: #9A9A9A;
  font-size: 12px;
  line-height: 1.5;
}
.notif-list-wrap .notif-item.pinned {
  border-color: #37a35e;
  background-color: #dbf6e5;
  padding-top: 18px;
}
.notif-list-wrap .notif-item.pinned > .icon {
  display: block;
  position: absolute;
  left: 10px;
  top: -13px;
  font-size: 25px;
  color: #1f7c40;
}
@media (max-width: 991px) {
  .notif-list-wrap .notif-item.pinned > .icon {
    left: unset;
    right: 10px;
    top: -13px;
    font-size: 30px;
  }
}
.notif-list-wrap .notif-item.pinned .notif-bell {
  color: #37a35e;
}
.notif-list-wrap .notif-item.pinned a {
  color: #e54949;
}

.content-form-absensi {
  max-width: 670px !important;
  margin: 30px auto 0;
}
.content-form-absensi .title {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.38;
  color: #454545;
  margin-bottom: 15px;
}
.content-form-absensi .konten-item .konten-qrcode {
  flex-basis: 30%;
}
@media (max-width: 767px) {
  .content-form-absensi .konten-item .konten-qrcode {
    flex-basis: 70%;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .content-form-absensi .button-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .content-form-absensi .button-wrap > .btn {
    width: 100%;
    display: block;
  }
  .content-form-absensi .button-wrap > .btn:not(:first-child) {
    margin-top: 10px;
  }
}

.content-form-login {
  max-width: 370px !important;
  margin: 30px auto 0;
}
.content-form-login .heading {
  text-align: center;
}
.content-form-login .heading i {
  font-size: 48px;
}
.content-form-login .heading .profile-photo {
  width: 60px;
  height: 60px;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}
.content-form-login .heading .profile-photo img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-form-login .heading .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.38;
  color: #9FBB3C;
  margin-bottom: 15px;
}

.content-sertifikat-qr {
  max-width: 670px !important;
  margin: 30px auto 0;
}
.content-sertifikat-qr__heading {
  text-align: center;
  padding-bottom: 10px;
  border-bottom: 0.5px solid #CCCCCC;
  margin-bottom: 20px;
}
.content-sertifikat-qr__heading i {
  color: #9FBB3C;
  font-size: 62px;
}
.content-sertifikat-qr .sertifikat-table-icon {
  height: 20px;
  width: auto;
  margin-right: 5px;
}
.content-sertifikat-qr__body .column-button > .btn:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 991px) {
  .content-sertifikat-qr__body table.table, .content-sertifikat-qr__body table.table tbody, .content-sertifikat-qr__body table.table thead, .content-sertifikat-qr__body table.table tfoot {
    display: block;
  }
  .content-sertifikat-qr__body table.table tr, .content-sertifikat-qr__body table.table td, .content-sertifikat-qr__body table.table tbody tr, .content-sertifikat-qr__body table.table tbody td, .content-sertifikat-qr__body table.table thead tr, .content-sertifikat-qr__body table.table thead td, .content-sertifikat-qr__body table.table tfoot tr, .content-sertifikat-qr__body table.table tfoot td {
    display: block;
  }
  .content-sertifikat-qr__body table.table tr td:first-child, .content-sertifikat-qr__body table.table tbody tr td:first-child, .content-sertifikat-qr__body table.table thead tr td:first-child, .content-sertifikat-qr__body table.table tfoot tr td:first-child {
    font-weight: 700;
  }
  .content-sertifikat-qr__body table.table tr td:not(:first-child), .content-sertifikat-qr__body table.table tbody tr td:not(:first-child), .content-sertifikat-qr__body table.table thead tr td:not(:first-child), .content-sertifikat-qr__body table.table tfoot tr td:not(:first-child) {
    padding-top: 0;
  }
  .content-sertifikat-qr__body .column-button {
    display: flex;
    flex-wrap: wrap;
  }
  .content-sertifikat-qr__body .column-button > .btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.content-verify-wa, .content-verify-wa p {
  font-size: 14px !important;
}
.content-verify-wa p {
  margin-bottom: 7px;
}
.content-verify-wa .title {
  font-size: 18px !important;
}
.content-verify-wa .btn[type=submit],
.content-verify-wa .btn.kirim-otp {
  min-width: 150px;
  text-align: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .content-verify-wa .btn[type=submit],
  .content-verify-wa .btn.kirim-otp {
    width: 100%;
  }
}

.kuis-wrap {
  display: flex;
  gap: 30px;
}
.kuis-wrap .col-content-main {
  flex: 1 1 auto;
}
.kuis-wrap .col-content-side {
  flex: 0 0 265px;
}
@media screen and (max-width: 768px) {
  .kuis-wrap {
    flex-direction: column-reverse;
  }
}
@media (max-width: 991px) {
  .kuis-wrap .header-border {
    display: flex;
    flex-direction: column-reverse;
  }
  .kuis-wrap .header-border .timer {
    position: relative;
    width: 90px;
    right: unset;
    margin-bottom: 10px;
  }
}

.kuis .timer {
  background-color: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 8px 12px;
  position: absolute;
  right: 15px;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.kuis .timer #demoTimer {
  width: 50px;
  text-align: right;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
}
.kuis__side {
  position: relative;
  padding: 0 0 15px !important;
}
.kuis__side-progress {
  position: absolute;
  float: right;
  top: -2px;
  right: 0;
  font-weight: 500;
  font-size: 12px;
  color: #333333;
}
.kuis__list {
  border-bottom: 1px solid #E2E2E2;
  padding-bottom: 20px;
  padding-top: 20px;
}
.kuis__list .title {
  color: #333333;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 7px;
}
.kuis__list .question {
  color: #333333;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  padding-bottom: 10px;
}
.kuis__list-choice .form-check {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
}
.kuis__list-choice .form-check input[type=radio]:after {
  width: 15px;
  height: 15px;
  border-radius: 18px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: white;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid #d1d3d1;
}
.kuis__list-choice .form-check input[type=radio]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 18px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #9FBB3C;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid #9FBB3C;
}
.kuis__list-choice .form-check label {
  color: #333333;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  padding-top: 3px;
  margin-left: 7px;
}
.kuis__list-setujudantidak {
  max-width: 100%;
  display: inline-flex;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 10px 24px 3px 24px;
  margin: 0 0;
}
@media (max-width: 767px) {
  .kuis__list-setujudantidak {
    padding: 5px 10px;
  }
}
.kuis__list-setujudantidak .form-check {
  margin-right: 30px;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.kuis__list-setujudantidak .form-check input {
  margin-right: 5px;
}
.kuis__list-setujudantidak .form-check:last-child {
  margin-right: 0px;
}
@media screen and (max-width: 576px) {
  .kuis__list-setujudantidak {
    display: block;
  }
  .kuis__list-setujudantidak .form-check {
    padding: 0 0;
  }
}
.kuis__list-image {
  margin-bottom: 10px;
  margin-top: 5px;
}
.kuis__list-image img {
  max-width: 100%;
}
.kuis__number {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8.5px;
  height: auto !important;
}
.kuis__number .number {
  background: #FFFFFF;
  width: auto;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid #E2E2E2;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
}
.kuis__number .number.active {
  background-color: #9FBB3C;
  border: 1px solid #9FBB3C;
  color: #FFFFFF;
}
.kuis .box-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kuis .box-navigation__left {
  display: flex;
  gap: 12.5px;
}
.kuis .box-navigation__left i {
  font-size: 26px;
}
.kuis .box-navigation__right {
  display: flex;
  gap: 12.5px;
}
.kuis .box-navigation__right a {
  font-weight: 600;
  padding: 8px 16px;
}

.table-kuis {
  border-collapse: collapse;
  margin-bottom: 21px;
}
.table-kuis td {
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
  background-color: #FFFFFF !important;
  border: 0.005rem solid #E2E2E2 !important;
}
.table-kuis td.number {
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
}
.table-kuis td.activecol {
  background-color: #F1F1F1 !important;
}
.table-kuis td.activecol.desc span {
  padding: 10px 0;
  line-height: 20px;
}
.table-kuis td.activecol.desc img {
  margin-top: 5px;
  width: 100%;
}
.table-kuis td.action {
  text-align: center;
  vertical-align: middle;
}
.table-kuis td.action .edit i {
  color: #333333;
  margin-bottom: 15px;
}
.table-kuis td.action .delete i {
  color: #333333;
}

.box-kuis .kuis:last-child .table-kuis {
  margin-bottom: 0px !important;
}

.info-list.skor {
  display: flex;
  flex-direction: column;
  margin: 40px;
  padding: 15px 0 0 10px !important;
  margin-top: 30px;
}
.info-list.skor p {
  padding-top: 15px;
  font-weight: 500;
}
.info-list.skor .skor-success {
  color: #9FBB3C;
  font-size: 24px;
}

.table__kuis-psikologi {
  width: 100%;
  padding: 10px;
}
.table__kuis-psikologi tr {
  width: 100%;
}
.table__kuis-psikologi tr td {
  padding: 5px;
  width: 50%;
}
.table__kuis-psikologi tr td:first-child {
  text-align: right;
}
.table__kuis-psikologi tr td ol, .table__kuis-psikologi tr td ul {
  padding: 0px 10px;
  margin-bottom: 0px;
}
.table__kuis-psikologi tr td ol li, .table__kuis-psikologi tr td ul li {
  padding: 0px;
}
.table__kuis-psikologi tr td ul.tipe, .table__kuis-psikologi tr td ol.tipe {
  padding-left: 0;
  margin-bottom: 0px;
}
.table__kuis-psikologi tr td ul.tipe li, .table__kuis-psikologi tr td ol.tipe li {
  margin-top: -2px;
  display: inline-block;
  background-color: #1F3B64;
  color: #FFFFFF !important;
  padding: 1px 5px;
  border-radius: 5px;
  font-size: 12px !important;
  margin-bottom: 0px;
}

.pertanyaan__daftar .pagination .page-numbers.disabled i, .pertanyaan__soal .pagination .page-numbers.disabled i {
  color: #9A9A9A;
}
.pertanyaan__daftar .pagination .form-control, .pertanyaan__soal .pagination .form-control {
  min-height: 37px;
  margin: 5px 0;
}
.pertanyaan__daftar .pagination .form-control:hover, .pertanyaan__soal .pagination .form-control:hover {
  border-color: #37a35e;
}

#assign-quiz .col-content-main {
  position: relative;
}
#assign-quiz .col-content-main .vue-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(241, 241, 241, 0.7);
  z-index: 99999;
  cursor: progress;
}

.content-myorder {
  background-color: #FFF !important;
}
.content-myorder .myorder-detail {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  display: flex;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: rgba(0, 0, 0, 0.02);
}
.content-myorder .myorder-detail .detail-title {
  font-weight: 600;
}
.content-myorder .myorder-detail .detail-name {
  font-size: 18px;
  font-weight: 500;
}
.content-myorder .myorder-detail .detail-nominal {
  font-weight: 900;
  font-size: 20px;
}
.content-myorder .myorder-head {
  display: flex;
}
.content-myorder .myorder-head .column-right {
  margin-left: auto;
}
@media (max-width: 767px) {
  .content-myorder .myorder-head .column-right {
    padding: 0;
    margin: 0 !important;
  }
}
.content-myorder .order-info {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-left: 0;
}
.content-myorder .order-info .idorder {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .content-myorder .order-info .idorder {
    padding-right: 45%;
  }
}
.content-myorder .order-info [class*=ph-] {
  font-size: 20px;
}
.content-myorder .order-info li {
  display: flex;
}
.content-myorder .order-info li:not(:first-child) {
  margin-bottom: 6px;
}
.content-myorder .order-info li span {
  flex: 1 0 100%;
  padding-left: 6px;
}
.content-myorder .order-info li span:first-child {
  width: auto;
  display: flex;
  flex: 1 0 auto;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.content-myorder .order-info li span img {
  height: 22px;
  width: auto;
}
.content-myorder .order-status {
  background: #FFFFFF;
  border: 1px solid currentColor;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 8px 15px;
  font-size: 14px;
  line-height: 1.43;
  color: #ff9900;
  position: relative;
  text-transform: unset !important;
  text-align: center;
  width: 150px;
  letter-spacing: unset;
  text-transform: none;
  font-weight: 900 !important;
  border-left-width: 8px;
}
.content-myorder .order-status:not(:last-child) {
  margin-bottom: 10px;
}
.content-myorder .order-status.on-progress {
  color: #ff9900;
}
.content-myorder .order-status.done {
  color: #37a35e;
}
@media (max-width: 767px) {
  .content-myorder .order-status {
    position: absolute;
    right: 0;
    top: 0;
    width: 110px;
    padding: 6px 8px;
    font-size: 12px;
  }
}
.content-myorder .myorder-detail {
  display: flex;
}
.content-myorder .myorder-detail .column-left {
  flex: 1 1 70%;
}
.content-myorder .myorder-detail .column-right {
  flex: 1 1 30%;
}
.content-myorder .detail-due {
  display: flex;
  align-items: center;
}
.content-myorder .detail-due .due-date {
  padding-left: 20px;
}
.content-myorder .detail-due .form-control {
  padding: 4px 10px;
  min-height: 30px;
}
.content-myorder .table-order {
  border: 0 !important;
}
.content-myorder .table-order thead tr th, .content-myorder .table-order thead tr td, .content-myorder .table-order tbody tr th, .content-myorder .table-order tbody tr td {
  border: 1px solid #878787 !important;
}
@media (max-width: 767px) {
  .content-myorder .table-order thead tr th, .content-myorder .table-order thead tr td, .content-myorder .table-order tbody tr th, .content-myorder .table-order tbody tr td {
    border-color: rgba(135, 135, 135, 0.22) !important;
  }
}
.content-myorder .table-order thead tr th:not(:last-child), .content-myorder .table-order thead tr td:not(:last-child), .content-myorder .table-order tbody tr th:not(:last-child), .content-myorder .table-order tbody tr td:not(:last-child) {
  border-right: 0 !important;
}
.content-myorder .table-order thead tr th:not(:last-child), .content-myorder .table-order thead tr td:not(:last-child), .content-myorder .table-order tbody tr th:not(:last-child), .content-myorder .table-order tbody tr td:not(:last-child) {
  border-right: 0 !important;
}
.content-myorder .table-order thead tr th {
  background-color: #ededed;
}
.content-myorder .table-order tr td, .content-myorder .table-order tr th {
  border: 0;
}
.content-myorder .table-order tr th.no {
  text-align: center;
}
.content-myorder .table-order tr th.tipe-produk {
  width: 150px;
}
.content-myorder .table-order tr th.nama-produk {
  width: 250px;
}
.content-myorder .table-order tr th.harga {
  width: 155px;
  text-align: center;
}
.content-myorder .table-order tr th.diskon {
  width: 130px;
  text-align: center;
}
.content-myorder .table-order tr th.kuantitas {
  width: 150px;
  text-align: center;
}
.content-myorder .table-order tr th.total {
  text-align: center;
  width: 125px;
}
.content-myorder .table-order tfoot tr.noborder td {
  padding: 0;
  line-height: 0.7;
}
.content-myorder .table-order tfoot tr td {
  padding-top: 5px;
  padding-bottom: 5px;
}
.content-myorder .table-order tfoot tr.total td:nth-last-child(1), .content-myorder .table-order tfoot tr.total td:nth-last-child(2) {
  border-top: 1px solid #878787;
}
.content-myorder .info-payment {
  border-top: 1px solid rgba(203, 203, 203, 0.4196078431);
  margin-top: 20px;
  padding-top: 20px;
}
@media (max-width: 767px) {
  .content-myorder .myorder-head {
    flex-direction: column-reverse;
    position: relative;
  }
  .content-myorder .myorder-head .column-right {
    margin-left: unset;
    margin-bottom: 20px;
  }
  .content-myorder .myorder-detail {
    flex-wrap: wrap;
  }
  .content-myorder .myorder-detail [class*=column-] {
    flex: 1 1 100%;
  }
  .content-myorder .myorder-detail [class*=column-]:last-child {
    margin-top: 20px;
  }
  .content-myorder table.table-order {
    width: 100%;
  }
  .content-myorder table.table-order tr td, .content-myorder table.table-order tr th {
    width: 100% !important;
  }
  .content-myorder table.table-order thead {
    display: none;
  }
  .content-myorder table.table-order tbody tr td {
    display: block;
    padding-top: 3px;
    padding-bottom: 3px;
    border-top: 1 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    width: 100% !important;
    float: right;
    position: relative;
    padding-left: 0;
  }
  .content-myorder table.table-order tbody tr td.tipe-produk, .content-myorder table.table-order tbody tr td.nama-produk {
    padding-top: 24px;
  }
  .content-myorder table.table-order tbody tr td.tipe-produk:before, .content-myorder table.table-order tbody tr td.nama-produk:before {
    top: 3px;
  }
  .content-myorder table.table-order tbody tr td.no {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    font-weight: bold;
  }
  .content-myorder table.table-order tbody tr td.no:before {
    position: relative;
  }
  .content-myorder table.table-order tbody tr td.harga, .content-myorder table.table-order tbody tr td.diskon, .content-myorder table.table-order tbody tr td.kuantitas, .content-myorder table.table-order tbody tr td.total {
    text-align: right !important;
  }
  .content-myorder table.table-order tbody tr td:before {
    content: attr(data-td-title) ":";
    position: absolute;
    left: 0;
    font-weight: 500;
    font-size: 0.9em;
  }
  .content-myorder table.table-order tbody tr td:last-child {
    margin-bottom: 15px;
  }
  .content-myorder table.table-order tbody tr:after {
    content: "";
    display: block;
    clear: both;
  }
  .content-myorder table.table-order tfoot {
    display: block;
  }
  .content-myorder table.table-order tfoot tr td[colspan] {
    display: none;
  }
}

.basic__content, .singlePage__content {
  position: relative;
  color: #454545;
}
.basic__content p, .singlePage__content p {
  margin-bottom: 0.5rem !important;
}
.basic__content h1, .basic__content .h1, .singlePage__content h1, .singlePage__content .h1 {
  font-family: "Gotham", sans-serif;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.2857142857;
  color: #333333;
}
.basic__content h2, .basic__content .h2, .singlePage__content h2, .singlePage__content .h2 {
  font-family: "Gotham", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  color: #333333;
}
.basic__content h3, .basic__content .h3, .singlePage__content h3, .singlePage__content .h3 {
  font-family: "Gotham", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  color: #333333;
}
.basic__content h4, .basic__content .h4, .singlePage__content h4, .singlePage__content .h4 {
  font-family: "Gotham", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2222222222;
  color: #333333;
}
.basic__content h5, .basic__content .kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-title, .kontent-without-login .konten-heading-description .konten-description-content .basic__content .info-pendaftaran-title, .basic__content .h5, .singlePage__content h5, .singlePage__content .kontent-without-login .konten-heading-description .konten-description-content .info-pendaftaran-title, .kontent-without-login .konten-heading-description .konten-description-content .singlePage__content .info-pendaftaran-title, .singlePage__content .h5 {
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #333333;
}
.basic__content h6, .basic__content #kontentNarasumber .kontentNarasumber__items .item__heading-name, #kontentNarasumber .kontentNarasumber__items .basic__content .item__heading-name, .basic__content .h6, .singlePage__content h6, .singlePage__content #kontentNarasumber .kontentNarasumber__items .item__heading-name, #kontentNarasumber .kontentNarasumber__items .singlePage__content .item__heading-name, .singlePage__content .h6 {
  font-family: "Gotham", sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.1666666667;
  color: #333333;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.basic__content a, .singlePage__content a {
  color: #125f95;
}
.basic__content a:hover, .singlePage__content a:hover {
  color: #2897e5;
  text-decoration: underline;
}
.basic__content blockquote, .singlePage__content blockquote {
  padding: 16px;
  border-left: 4px solid #9FBB3C;
  background-color: #DEEFFB;
  font-family: "Gotham", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
  color: #333333;
  font-style: italic;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 0px;
  color: #9FBB3C;
}
.basic__content blockquote p, .singlePage__content blockquote p {
  margin-top: 0px !important;
}
.basic__content blockquote .blockquote-footer, .singlePage__content blockquote .blockquote-footer {
  text-align: left;
}
.basic__content blockquote cite, .singlePage__content blockquote cite {
  font-size: 14px;
  opacity: 0.8;
}
.basic__content .wp-block-pullquote, .singlePage__content .wp-block-pullquote {
  padding: 0;
}
.basic__content .wp-block-pullquote blockquote, .singlePage__content .wp-block-pullquote blockquote {
  border-left: 0px solid #9FBB3C;
  border-top: 4px solid #9FBB3C;
  border-bottom: 4px solid #9FBB3C;
}
.basic__content .wp-block-pullquote blockquote p, .singlePage__content .wp-block-pullquote blockquote p {
  font-family: "Gotham", sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 1.25;
  color: #333333;
}
.basic__content table thead tr th, .basic__content table thead tr td, .basic__content table tbody tr th, .basic__content table tbody tr td, .singlePage__content table thead tr th, .singlePage__content table thead tr td, .singlePage__content table tbody tr th, .singlePage__content table tbody tr td {
  padding: 8px 6px;
}
.basic__content table thead tr td, .basic__content table tbody tr td, .singlePage__content table thead tr td, .singlePage__content table tbody tr td {
  border: 1px solid #9FBB3C;
}
.basic__content table thead tr th, .basic__content table tbody tr th, .singlePage__content table thead tr th, .singlePage__content table tbody tr th {
  background-color: #9FBB3C;
  border: 1px solid #9FBB3C;
  color: #FFF;
  font-weight: 700;
  padding: 6px 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.basic__content table tbody tr th a, .singlePage__content table tbody tr th a {
  text-align: left;
  color: #FFF;
  font-weight: 300;
}
.basic__content dl dd, .singlePage__content dl dd {
  padding-left: 16px;
}
.basic__content dl dd:not(:last-child), .singlePage__content dl dd:not(:last-child) {
  margin-bottom: 8px;
}
.basic__content .wp-block-file__button, .singlePage__content .wp-block-file__button {
  color: #fff;
  background-color: #43D475;
  border-radius: 5px;
  box-shadow: 0 3px 6px 0 rgba(64, 213, 125, 0.3);
}
.basic__content ul, .basic__content ol, .singlePage__content ul, .singlePage__content ol {
  margin-bottom: 16px !important;
}
.basic__content ul li, .basic__content ol li, .singlePage__content ul li, .singlePage__content ol li {
  color: #454545;
}
.basic__content ul li ul, .basic__content ul li ol, .basic__content ol li ul, .basic__content ol li ol, .singlePage__content ul li ul, .singlePage__content ul li ol, .singlePage__content ol li ul, .singlePage__content ol li ol {
  margin-bottom: 0px !important;
}
.basic__content ul.blocks-gallery-grid, .basic__content ol.blocks-gallery-grid, .singlePage__content ul.blocks-gallery-grid, .singlePage__content ol.blocks-gallery-grid {
  padding-left: 0px;
}
.basic__content code, .singlePage__content code {
  padding: 2px 4px;
  font-size: 90%;
  color: #9a9a9a;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 1px;
}
.basic__content pre, .singlePage__content pre {
  display: block;
  padding: 12px;
  margin: 0 0 12.5px;
  font-size: 15px;
  line-height: 1.6;
  word-break: break-all;
  word-wrap: break-word;
  color: #9FBB3C !important;
  background-color: rgba(159, 187, 60, 0.1);
  border: 1px solid rgba(159, 187, 60, 0.5);
  border-radius: 1px;
}
.basic__content pre.wp-block-verse, .singlePage__content pre.wp-block-verse {
  background-color: transparent;
}
.basic__content .post-password-form, .singlePage__content .post-password-form {
  border: 1px solid #e2e2e2;
  padding: 32px;
  border-radius: 5px;
}
.basic__content .post-password-form p:last-child, .singlePage__content .post-password-form p:last-child {
  margin-bottom: 0px;
}
.basic__content .post-password-form p:last-child label, .singlePage__content .post-password-form p:last-child label {
  margin-bottom: 0px;
}
.basic__content .post-password-form p:last-child input, .singlePage__content .post-password-form p:last-child input {
  border: 1px solid #ececec;
  padding: 3px 12px;
}
.basic__content .post-password-form p:last-child input[type=submit], .singlePage__content .post-password-form p:last-child input[type=submit] {
  color: #fff;
  background-color: #37a35e;
  border-radius: 5px;
  font-weight: 500;
  border: 1px solid #37a35e;
}
.basic__content figure:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-video):not(.wp-block-audio):not(.wp-block-tab),
.basic__content .wp-caption, .singlePage__content figure:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-video):not(.wp-block-audio):not(.wp-block-tab),
.singlePage__content .wp-caption {
  max-width: 100%;
  width: auto;
  display: inline-block;
  border: 1px solid #E6E6E6;
  padding: 15px;
  margin: 0 0 15px;
}
.basic__content figure:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-video):not(.wp-block-audio):not(.wp-block-tab) img,
.basic__content .wp-caption img, .singlePage__content figure:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-video):not(.wp-block-audio):not(.wp-block-tab) img,
.singlePage__content .wp-caption img {
  max-width: 100%;
  height: auto;
}
.basic__content figure:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-video):not(.wp-block-audio):not(.wp-block-tab) figcaption, .basic__content figure:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-video):not(.wp-block-audio):not(.wp-block-tab) .wp-caption-text,
.basic__content .wp-caption figcaption,
.basic__content .wp-caption .wp-caption-text, .singlePage__content figure:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-video):not(.wp-block-audio):not(.wp-block-tab) figcaption, .singlePage__content figure:not(.wp-block-image):not(.wp-block-gallery):not(.wp-block-video):not(.wp-block-audio):not(.wp-block-tab) .wp-caption-text,
.singlePage__content .wp-caption figcaption,
.singlePage__content .wp-caption .wp-caption-text {
  margin-top: 15px;
  display: block;
  margin-bottom: 0px;
  font-style: italic;
  color: #7A8A99;
}
.basic__content img.alignleft, .basic__content figure.alignleft, .basic__content .wp-caption.alignleft, .singlePage__content img.alignleft, .singlePage__content figure.alignleft, .singlePage__content .wp-caption.alignleft {
  float: left;
  margin-right: 15px !important;
}
.basic__content img.alignright, .basic__content figure.alignright, .basic__content .wp-caption.alignright, .singlePage__content img.alignright, .singlePage__content figure.alignright, .singlePage__content .wp-caption.alignright {
  float: right;
  margin-left: 15px !important;
}

.swiper-dashboard-carousel {
  --swiper-navigation-size: 15px;
  --swiper-theme-color: #43d477;
}
.swiper-dashboard-carousel .img-item, .swiper-dashboard-carousel .video-item {
  width: 100%;
  height: 100%;
  -o-object-fit: var(--object-fit, cover);
     object-fit: var(--object-fit, cover);
  -o-object-position: var(--object-pos, center);
     object-position: var(--object-pos, center);
}
.swiper-dashboard-carousel .swiper-slide {
  border-radius: 6px;
}
.swiper-dashboard-carousel .swiper-button-next, .swiper-dashboard-carousel .swiper-button-prev {
  background: #fff !important;
  border: 1px solid #d4d4d4;
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 10px;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .swiper-dashboard-carousel .swiper-button-next, .swiper-dashboard-carousel .swiper-button-prev {
    display: none;
  }
}
.swiper-dashboard-carousel .swiper-pagination-bullet {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 20px;
  padding: 4px;
  background: #fff !important;
  border: 1px solid #d4d4d4;
  opacity: 1 !important;
}
@media (max-width: 991px) {
  .swiper-dashboard-carousel .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    margin-right: 10px;
  }
}
.swiper-dashboard-carousel .swiper-pagination-bullet-active:after {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 50px;
  background-color: var(--swiper-theme-color);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
  .swiper-dashboard-carousel .swiper-pagination-bullet-active:after {
    width: 8px;
    height: 8px;
  }
}
.swiper-dashboard-carousel .inner.item-text {
  background-color: var(--bg-color, transparent);
  border-radius: var(--radius, 6px);
  overflow: hidden;
  padding: 40px 80px 80px;
  height: var(--height, auto);
}
.swiper-dashboard-carousel .inner.item-text, .swiper-dashboard-carousel .inner.item-text p {
  font-size: 20px;
}
.swiper-dashboard-carousel .inner.item-text, .swiper-dashboard-carousel .inner.item-text * {
  color: var(--color, #1F3B64);
}
@media (max-width: 767px) {
  .swiper-dashboard-carousel .inner.item-text {
    padding: 20px 20px 40px;
  }
}
.swiper-dashboard-carousel .inner.item-image, .swiper-dashboard-carousel .inner.item-video {
  height: var(--height, auto);
  border-radius: 6px;
  overflow: hidden;
}
.swiper-dashboard-carousel .inner.item-video {
  padding-bottom: 40px;
  background-color: #000;
}

.mr-1 {
  margin-right: 10px;
}

.mr-3 {
  margin-right: 30px;
}

.mb-3 {
  margin-bottom: 30px;
}

.allpr-1 {
  padding-right: 15px !important;
  text-align: right;
}

.dark-color {
  color: #333333 !important;
}

.tooltip {
  white-space: nowrap;
}
.tooltip .tooltiptext {
  width: 50%;
  position: absolute;
  white-space: nowrap;
  top: 0;
}

.all-table {
  width: 100%;
  border-radius: 0 !important;
  border: 1px solid #DADADA;
}
.all-table tr td {
  padding: 10px 15px;
  border: 1px solid #DADADA;
}
.all-table tr td:last-child {
  text-align: center;
}
.all-table thead tr {
  background-color: #EEE;
}
.all-table thead tr td {
  border-bottom: 1px solid #DADADA;
}
.all-table tbody tr.all-bg-diferent {
  background-color: #EEE !important;
}
.all-table tbody tr.all-bg-diferent td {
  border-bottom: 1px solid #DADADA !important;
  border-top: 1px solid #DADADA !important;
}

.viwemoretable {
  position: relative;
}
.viwemoretable input[type=checkbox] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  border: none;
}
.viwemoretable input[type=checkbox]:checked ~ p, .viwemoretable input[type=checkbox]:checked ~ .more {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: vertical;
}
.viwemoretable input[type=checkbox]::after {
  content: "";
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 15px;
  height: 15px;
  background-image: url(/images/ph_caret-down.svg?1c36010c872c6d84d92d4fec8111a8cc);
  background-size: cover;
}
.viwemoretable p, .viwemoretable .more {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

input[type=file].file-upload {
  text-indent: -97px;
  background: #FFFFFF;
  border: 1px solid #e2e2e2;
  box-sizing: border-box;
  border-radius: 5px;
  line-height: 20px;
  min-height: 40px;
  width: 100%;
  padding-top: 8px;
}

.user-info .user-icon img {
  width: 28px;
}

.input-group.foto-wrap label.preview-foto {
  background-size: cover;
  background-position: center;
}

.form-group .input-group .form-note ul {
  padding-left: 20px;
}

.form-group .input-group .form-note li {
  font-weight: normal;
  font-size: 12px;
  line-height: 1.5;
  color: #757575;
}

.page-BankSoal .justify-content-end {
  display: flex;
  display: flex;
}
.page-BankSoal .listBankSoal-filter {
  border-top: 1px solid #E2E2E2;
  display: flex;
  justify-content: end;
  margin-top: 20px !important;
  padding-top: 20px;
}
.page-BankSoal .listBankSoal-filterAction {
  width: 50%;
  max-width: 500px;
  display: flex;
  text-align: right;
  justify-content: end;
  gap: 12px;
}
.page-BankSoal .konten-item {
  min-height: auto !important;
}
.page-BankSoal .konten-item .info-list.separator {
  margin-bottom: 0px !important;
}

.import__form {
  border: 1px solid #E2E2E2;
  padding: 20px 22px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: 20px;
}
.import__form span {
  flex: 0 0 auto;
  margin-top: -25px;
}
.import__form-group {
  flex: 1 1 auto;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  position: relative;
}
.import__form-group i {
  position: absolute;
  right: 100px;
  top: 15px;
  z-index: 999;
}
.import__form-group label {
  margin-top: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  color: #757575;
}
.import__form-group .btn i {
  position: relative;
  right: 0px;
  top: 0px;
}

.allContent .alltable {
  width: 100%;
  border-collapse: collapse;
}
.allContent .alltable td {
  padding: 7px;
  width: 33.3333%;
  vertical-align: middle;
  border: 0.005rem solid #E2E2E2 !important;
}
.allContent .alltable td.removeTop {
  border-top: 0.005rem solid transparent !important;
}
.allContent .alltable td.removeBottom {
  border-bottom: 0.005rem solid transparent !important;
}
.allContent .table-autoWrap {
  width: auto;
  overflow: auto;
}
.allContent .sertivikatTable {
  width: 100%;
  border-collapse: collapse;
  background-color: red;
}
.allContent .sertivikatTable.table-auto {
  table-layout: auto;
  width: auto !important;
  width: 400px;
  overflow-x: scroll;
  margin-bottom: 10px;
  border: solid black 1px;
}
.allContent .sertivikatTable.table-auto tr {
  margin-left: 250px;
}
.allContent .sertivikatTable.table-auto tr td.name {
  min-width: 180px !important;
  position: sticky;
  left: 0;
  z-index: 999;
  text-align: left !important;
  background-color: #fafafa !important;
  box-shadow: inset 0 0.5px 0px 0.5px #DADADA;
  /*compensate for top border*/
}
.allContent .sertivikatTable.nilai.witheddit tbody tr td {
  background-color: green;
}
.allContent .sertivikatTable.nilai tr td {
  vertical-align: middle;
  text-align: center;
  padding: 8px 10px;
}
.allContent .sertivikatTable.nilai tr td.name {
  width: 200px !important;
}
.allContent .sertivikatTable.nilai tr td.smallWidth {
  text-align: center !important;
  vertical-align: middle !important;
  width: 50px !important;
}
.allContent .sertivikatTable.nilai tr td .empty__cube {
  display: block;
  border: 1px solid #E2E2E2;
  height: 25px;
  width: 100%;
}
.allContent .sertivikatTable.nilai tr td .empty__cube input[type=text], .allContent .sertivikatTable.nilai tr td .empty__cube input[type=number] {
  background-color: transparent;
  height: 24px;
  border: 0px solid #E2E2E2;
  width: 55px;
}
.allContent .sertivikatTable.nilai tr td .empty__cube input[type=text]:focus, .allContent .sertivikatTable.nilai tr td .empty__cube input[type=number]:focus {
  outline-style: none;
}
.allContent .sertivikatTable.nilai tr td .contents__cube {
  display: block;
  border: 1px solid #E2E2E2;
  height: 25px;
  width: 100%;
  background: #E2E2E2;
}
.allContent .sertivikatTable.nilai tr td .withAction {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.allContent .sertivikatTable.nilai tr td .withAction .edit__cube-action i {
  padding: 5px;
  border: 1px solid #9FBB3C;
  border-radius: 5px;
  font-size: 12px;
  margin-right: 0px !important;
  color: #9fbb3c;
}
.allContent .sertivikatTable.nilai tr td .withAction .edit__cube-action i:hover {
  background-color: #9fbb3c;
  color: #FFFFFF;
}
.allContent .sertivikatTable tr td {
  background-color: transparent !important;
  vertical-align: middle;
  border: 0.005rem solid #E2E2E2 !important;
}
.allContent .sertivikatTable tr td.vertical {
  transform: rotate(90deg);
  width: 60px;
  text-align: left;
  writing-mode: sideways-lr;
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  white-space: nowrap;
}
.allContent .sertivikatTable tr td:nth-child(6) {
  position: relative;
}
.allContent .sertivikatTable tr td:first-child {
  text-align: center;
  width: 30px;
}
.allContent .sertivikatTable tr td:last-child {
  text-align: center;
  width: 150px;
}
.allContent .sertivikatTable thead tr td.vertical {
  height: 200px !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.allContent .sertivikatTable tbody tr td:first-child {
  text-align: left !important;
}
.allContent .sertivikatTable tbody tr td span.text-success {
  color: #9FBB3C !important;
}
.allContent .sertivikatTable tbody tr td span.text-danger {
  color: #ED543A !important;
}

.allbox {
  padding: 15px;
  background-color: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
}
.allbox.popup table tr td {
  height: 50px;
  text-align: left !important;
}
.allbox.popup table tr td input[type=text], .allbox.popup table tr td select {
  width: 300px !important;
}
.allbox.popup table tr td:first-child {
  padding-right: 30px;
  text-align: right;
}
.allbox .allForm {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.allbox .allForm table {
  flex: 1 1 auto;
}
.allbox .allForm table tr td {
  padding: 5px 0;
}
.allbox .allForm table tr td:first-child {
  width: 100px;
}
.allbox .allForm a {
  margin: 6px 0;
  flex: 0 0 30px;
}
.allbox .allForm .all__category-button ul {
  margin-block-end: 0em;
  margin-bottom: 0rem;
}
.allbox .allForm .all__category-button ul li {
  margin-bottom: 5px;
  position: relative;
}
.allbox .allForm .all__category-button ul li input[type=checkbox] {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.allbox .allForm .all__category-button ul li input[type=checkbox]:checked ~ .btn {
  background-color: #9FBB3C;
  color: #FFFFFF;
}
.allbox .allForm .dateform__oneline {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: center;
}
.allbox .allForm .dateform__oneline input {
  width: 10px;
}
.allbox .allForm .dateform__oneline-input {
  position: relative;
}
.allbox .allForm .dateform__oneline-input i {
  right: 0;
  top: 12px;
  right: 5px;
  position: absolute;
}

.allaction {
  margin-top: 15px;
  text-align: right;
}

.allDateBetween {
  display: flex;
  align-items: center;
  gap: 15px;
}
.allDateBetween .start, .allDateBetween .end {
  position: relative;
}
.allDateBetween .start i, .allDateBetween .end i {
  position: absolute;
  right: 10px;
  top: 15px;
}

.allNameKuis {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
  align-items: center;
}
.allNameKuis .start {
  position: relative;
}
.allNameKuis .start i {
  position: absolute;
  right: 10px;
  top: 15px;
}

.box-headers p {
  word-wrap: break-word;
}

.box-headers__withlist {
  margin-bottom: -10px !important;
}
.box-headers__withlist .col-md-6 {
  padding: 0px 5px;
}
.box-headers__withlist .list {
  padding: 0;
  margin-bottom: 0px;
}
.box-headers__withlist .list li {
  display: flex;
  align-items: center;
  display: inline-block;
  margin-right: 12px;
}
.box-headers__withlist .list li i {
  font-size: 16px;
  transform: translateY(2px);
}

.side-progress__background {
  background-color: #F1F1F1;
  width: 100%;
  height: 25px;
  border-radius: 5px;
  position: relative;
}
.side-progress__backgroundAccess {
  position: absolute;
  background-color: #FFC901;
  border-radius: 5px;
  width: 10%;
  height: 100%;
}
.side-progress__backgroundAccessHalf {
  position: absolute;
  background-color: #45C0F9;
  border-radius: 5px;
  width: 50%;
  height: 100%;
}
.side-progress__backgroundAccessFull {
  position: absolute;
  background-color: #37A35E;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
.side-progress__backgroundAccessFull ~ span {
  color: #FFFFFF;
}
.side-progress__background span {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-top: 3px;
  font-weight: 400;
  font-size: 12px;
  text-align: center;
}

.side-listStep ul {
  padding: 0px;
  margin-bottom: 0px;
}
.side-listStep ul li {
  list-style: none;
  position: relative;
}
.side-listStep ul li a.links {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% - 38px);
  height: 100%;
  z-index: 9;
}
.side-listStep ul li a.links:hover ~ .dropdown__heading .icon i, .side-listStep ul li a.links:hover ~ .dropdown__heading .heading .dropdown__heading-title {
  color: #7e9430;
}
.side-listStep ul li.dropdown.active ul.dropdown-menu {
  border: none;
  position: relative;
  display: block;
}
.side-listStep ul li.dropdown.active .menu-expand {
  transform: rotate(180deg);
  transform-origin: center;
  transition: all 0.2s;
}
.side-listStep ul li .menu-expand {
  position: absolute;
  top: 25px;
  background-color: red;
  right: 15px;
  border: none;
  background-color: transparent;
  transition: all 0.2s;
}
.side-listStep ul li .dropdown__heading {
  display: flex;
  gap: 10px;
  padding: 15px;
  border-bottom: 1px solid #E2E2E2;
  min-height: 80px;
  align-items: center;
}
.side-listStep ul li .dropdown__heading .icon i {
  font-size: 20px;
}
.side-listStep ul li .dropdown__heading .heading .heading__wrap {
  display: flex;
  gap: 10px;
  align-items: center;
}
.side-listStep ul li .dropdown__heading .heading .dropdown__heading-title {
  font-weight: 500;
  font-size: 12px;
  color: #333333;
  padding-right: 25px;
}
.side-listStep ul li .dropdown__heading .heading .dropdown__heading-subtitle ul {
  margin-bottom: 0px;
}
.side-listStep ul li .dropdown__heading .heading .dropdown__heading-subtitle ul li {
  list-style: none;
  display: inline-block;
  margin-right: 18px;
  font-size: 12px;
  position: relative;
}
.side-listStep ul li .dropdown__heading .heading .dropdown__heading-subtitle ul li::after {
  content: "";
  position: absolute;
  top: 9px;
  right: -14px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #9A9A9A;
}
.side-listStep ul li .dropdown__heading .heading .dropdown__heading-subtitle ul li:last-child::after {
  display: none;
}
.side-listStep ul li .dropdown-menu .dropdown__heading {
  background-color: #F8F8F8;
}
.side-listStep ul li .dropdown-menu .dropdown__heading .heading .dropdown__heading-title {
  font-weight: 400;
  font-size: 12px;
}

.all-side {
  background-color: #FFFFFF;
  border-radius: 5px;
}
.all-side .sides {
  padding: 15px;
  border-bottom: 1px solid #E2E2E2;
}

.section-title-side {
  font-weight: 500;
  font-size: 16px;
}

.side-step {
  padding: 15px 0px;
  border-bottom: 1px solid #E2E2E2;
  font-weight: 500;
  font-size: 16px;
  color: #1F3B64;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.topik {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.topik.title-top {
  align-items: flex-start;
}
.topik.title-top .topik__title {
  margin-top: 5px;
}
.topik__title {
  flex: 0 0 100px;
}
.topik__sub {
  flex: 1 1 auto;
}
.topik__action {
  flex: 0 0 40px;
}
.topik__repeat {
  background-color: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 10px;
}
.topik__repeat .repeat {
  display: flex;
  gap: 12px;
}
.topik__repeat .repeat__form {
  flex: 1 1 auto;
}
.topik__repeat .repeat__form .form {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 12px;
}
.topik__repeat .repeat__form .form.title-top {
  align-items: flex-start;
}
.topik__repeat .repeat__form .form.title-top .form__title {
  margin-top: 5px;
}
.topik__repeat .repeat__form .form__title {
  flex: 0 0 120px;
}
.topik__repeat .repeat__form .form__input {
  flex: 1 1 auto;
  position: relative;
}
.topik__repeat .repeat__form .form__input i {
  position: absolute;
  top: 13px;
  right: 15px;
}
.topik__repeat .repeat__form .form__input i.iblock {
  position: inherit;
}
.topik__repeat .repeat__action {
  flex: 0 0 40px;
}
@media (max-width: 991px) {
  .topik {
    flex-wrap: wrap;
  }
  .topik__title {
    flex-basis: 100%;
    text-align: left !important;
  }
  .topik .select2-container {
    width: 100% !important;
  }
  .topik__repeat .repeat__form {
    width: 100%;
  }
  .topik__repeat .repeat__form .form {
    flex-wrap: wrap;
  }
  .topik__repeat .repeat__form .form .form__title, .topik__repeat .repeat__form .form .form__input {
    flex-basis: 100%;
    text-align: left !important;
  }
  .topik__sub {
    width: 100%;
  }
}

.pertanyaan {
  display: flex;
}
.pertanyaanSertifikat {
  position: relative;
}
.pertanyaanSertifikat__table {
  position: relative;
}
.pertanyaanSertifikat__table label.input-check-label {
  position: absolute;
  width: calc(100% - 35px);
  height: calc(100% - 30px);
  content: "";
  bottom: 0;
  right: 0;
}
.pertanyaanSertifikat__table-input {
  width: 30px;
}
.pertanyaanSertifikat__table-input input {
  width: 15px;
  height: 80px;
  top: 30px;
  vertical-align: middle;
}
.pertanyaanSertifikat__table-step thead tr td {
  border-left: 1px solid #DADADA !important;
  border-bottom: 1px solid #DADADA !important;
}
.pertanyaanSertifikat__table-step tbody tr.title td {
  border-top: 1px solid #DADADA !important;
}
.pertanyaanSertifikat__table-step tbody tr.title td:first-child {
  border-bottom: 1px solid #DADADA !important;
}
.pertanyaanSertifikat__table-step tbody tr td {
  border-left: 1px solid #DADADA !important;
  padding: 10px 11px;
  background-color: #FFFFFF !important;
  vertical-align: middle;
}
.pertanyaanSertifikat__table-step tbody tr:last-child td {
  border-top: 1px solid #DADADA !important;
}
.pertanyaan__daftar {
  flex: 0 0 calc(50% - 20px);
}
.pertanyaan__action {
  flex: 0 0 40px;
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  align-items: center;
  justify-content: center;
}
.pertanyaan__action a i {
  font-size: 24px;
}
.pertanyaan__soal {
  flex: 0 0 calc(50% - 20px);
}
.pertanyaan__daftar-search, .pertanyaan__soal-search {
  display: flex;
  gap: 10px;
}
.pertanyaan__daftar-search .form__input, .pertanyaan__soal-search .form__input {
  flex: 1 1 auto;
  position: relative;
}
.pertanyaan__daftar-search .form__input i, .pertanyaan__soal-search .form__input i {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 999;
}
.pertanyaan__daftar-action, .pertanyaan__soal-action {
  display: flex;
  gap: 10px;
}
.pertanyaan__daftar-action .form__input, .pertanyaan__soal-action .form__input {
  flex: 1 1 auto;
  position: relative;
}
.pertanyaan__daftar-action .form__input i, .pertanyaan__soal-action .form__input i {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 999;
}
.pertanyaan__daftar table, .pertanyaan__soal table {
  width: 100%;
  border-collapse: collapse;
  box-shadow: inset 0 0 0 1px #E2E2E2 !important;
}
.pertanyaan__daftar table thead tr td, .pertanyaan__soal table thead tr td {
  font-weight: 900;
  border: 0.005rem solid #E2E2E2 !important;
  padding: 5px;
}
.pertanyaan__daftar table tbody tr td, .pertanyaan__soal table tbody tr td {
  vertical-align: top;
  border: 0.005rem solid #E2E2E2 !important;
  padding: 5px;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.pertanyaan__daftar table tbody tr td:nth-child(3), .pertanyaan__soal table tbody tr td:nth-child(3) {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.pertanyaan__daftar table tbody tr td:nth-child(3) p:last-child, .pertanyaan__soal table tbody tr td:nth-child(3) p:last-child {
  font-size: 12px;
  margin-bottom: 0;
}
.pertanyaan__daftar table tbody tr td:last-child, .pertanyaan__soal table tbody tr td:last-child {
  text-align: center;
}
.pertanyaan__daftar table tbody tr td i, .pertanyaan__soal table tbody tr td i {
  font-size: 16px;
  color: #333333 !important;
}
.pertanyaan__daftar .pagination, .pertanyaan__soal .pagination {
  float: right;
}

.allpopup-wrap {
  background-color: red;
  text-align: left !important;
}
.allpopup-wrap small {
  font-weight: 400;
  font-size: 12px;
  line-height: 0.8 !important;
}
.allpopup-wrap .optionView {
  display: block;
  text-align: right;
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
}
.allpopup-wrap .item__pertanyaan {
  position: relative;
  display: flex;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 15px;
  align-items: center;
  margin-bottom: 20px;
}
.allpopup-wrap .item__pertanyaan p {
  flex: 1 1 auto;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
}
.allpopup-wrap .item__pertanyaan i {
  text-align: center;
  font-size: 24px;
  flex: 0 0 20px;
  color: #9FBB3C;
}

.sideHasil .card {
  margin-bottom: 15px;
  margin-top: 15px;
  padding: 15px;
  border: 1px solid #DADADA;
}
.sideHasil .result ul {
  padding: 0;
  display: flex;
}
.sideHasil .result ul li {
  flex: 1 1 auto;
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.sideHasil .result ul li i {
  margin-right: 5px;
}

.character {
  margin-bottom: 20px;
}
.character .number {
  display: flex;
  gap: 10px;
}
.character .number .percent-left, .character .number .percent-right {
  flex: 0 0 15%;
  text-align: center;
}
.character .number .percent-color {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
}
.character .number .percent-color input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  position: relative;
}
.character .number .percent-color input[type=range]:focus {
  outline: none;
}
.character .number .percent-color input[type=range]::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 10px;
  background-color: #9FBB3C;
  left: 50%;
  top: -4px;
}
.character .number .percent-color input[type=range]::-webkit-slider-runnable-track {
  background: #F1F1F1;
  height: 2px;
}
.character .number .percent-color input[type=range]::-webkit-slider-thumb {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  border: none;
  -webkit-appearance: none;
  background-color: #9FBB3C;
  margin-top: -3.5px;
  z-index: 99;
  position: relative;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.character .title {
  font-size: 12px;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.character .title-left, .character .title-right {
  opacity: 0.4;
}
.character .title-left.active, .character .title-right.active {
  opacity: 1;
  color: #9FBB3C;
  font-weight: 700;
}

.result-chart ul {
  padding-left: 0px;
}
.result-chart ul li {
  list-style: none;
  display: inline-block;
  margin-right: 15px;
}
.result-chart ul li i {
  margin-top: -3px;
}

#chartHolder, .chartHolder {
  width: 100%;
  height: auto;
  display: inline-block;
}

.tabs-sticky {
  background-color: #FFFFFF; /* Safari */
  position: sticky;
  top: 0;
  z-index: 5;
}
.tabs-sticky::-webkit-scrollbar {
  width: 16px;
  height: 5px;
  background-color: #FFFFFF;
}
.tabs-sticky::-webkit-scrollbar-track {
  background-color: #E2E2E2;
  margin-block: 3px;
  border-radius: 100vw;
}
.tabs-sticky::-webkit-scrollbar-thumb {
  background-color: #9FBB3C;
  border-radius: 100vw;
}
.tabs-sticky::-webkit-scrollbar-thumb:hover {
  background-color: #8fa836;
}
.tabs-sticky::-webkit-scrollbar-thumb:active {
  background-color: #7e9430;
}

.infoPrice {
  margin-bottom: 12px;
}
.infoPrice ul {
  padding-left: 0;
  margin-bottom: 0;
}
.infoPrice ul li {
  list-style: none;
  display: inline;
  color: #FBAB18;
  font-weight: 600;
  font-size: 18px;
}
.infoPrice ul li > * {
  display: inline;
}
.infoPrice ul li:not(:last-child) {
  margin-right: 12px;
}
.infoPrice-info {
  background-color: #1F3B64;
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 12px;
}
.infoPrice-price {
  color: #FBAB18;
  font-weight: 600;
  font-size: 16px;
}

.konversiNilaiInput {
  display: flex;
  gap: 5px;
}

.table-bordered {
  border: 0.5px solid #F1F1F1;
}

.table-bordered th,
.table-bordered td {
  border: 0.5px solid #F1F1F1;
}

.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-bordered th,
.table-bordered td {
  border: 0.5px solid #F1F1F1 !important;
}

#changeTheme {
  position: fixed;
  top: 40%;
  right: -205px;
  width: 250px;
  height: auto;
  z-index: 9999;
  display: flex;
  align-content: flex-start;
  transition: all 0.5s;
}
#changeTheme .changeTheme__gear {
  flex: 0 0 30px;
}
#changeTheme .changeTheme__gear i {
  font-size: 24px;
  background-color: #FFFFFF;
  padding: 15px 30px 15px 15px;
  color: #9FBB3C;
  border-radius: 10px 0 0 10px;
}
#changeTheme .changeTheme__content {
  flex: 1 1 auto;
  padding: 15px;
  box-shadow: 0px 0px 0px 3px #9fbb3c inset;
  -webkit-box-shadow: 0px 0px 0px 3px #9fbb3c inset;
  -moz-box-shadow: 0px 0px 0px 3px #9fbb3c inset;
  background-color: #FFF;
  border-radius: 0 0 0 10px;
}
#changeTheme .changeTheme__content .btnTheme {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
#changeTheme .changeTheme__content .btnTheme img {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}
#changeTheme .changeTheme__content .btnTheme:hover {
  cursor: pointer;
  color: #9fbb3c;
}
#changeTheme:hover {
  right: 0px;
  transition: all 0.5s;
}

.label-disableInput {
  display: block;
  padding: 10px 10px;
  background: #FFFFFF;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
}

.label-disableInput-dark {
  display: block;
  padding: 10px 10px;
  background: #F1F1F1;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
}

.search-new {
  background-color: red;
  display: flex;
}
.search-new .btn-filter {
  margin-left: 0px !important;
}

.konten-item .konten-kosong {
  text-align: center;
  width: 100%;
  padding: 40px 10px;
  color: #979797;
}

#videoSiswaBaru {
  margin-bottom: 15px;
}

.can-toggle {
  position: relative;
}
.can-toggle input[type=checkbox] {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 35px;
  z-index: 9;
  opacity: 0;
}
.can-toggle input[type=checkbox]:checked ~ label .upld {
  background-color: #9FBB3C;
  border-radius: 30px;
  color: #FFF;
}
.can-toggle input[type=checkbox]:checked ~ label .slct {
  background-color: transparent;
  border-radius: 30px;
  color: #000;
}
.can-toggle input[type=checkbox]:checked ~ .toggleUpload {
  display: block;
}
.can-toggle input[type=checkbox]:checked ~ .toggleSelect {
  display: none;
}
.can-toggle input[type=checkbox] ~ label .slct {
  background-color: #9FBB3C;
  border-radius: 30px;
  color: #FFF;
}
.can-toggle input[type=checkbox] ~ .toggleUpload {
  display: none;
}
.can-toggle label {
  display: flex;
  justify-content: space-between;
  border: 1px solid #9FBB3C;
  border-radius: 30px;
}
.can-toggle label .can-toggle {
  padding: 5px 15px;
  flex: 0 0 50%;
  text-align: center;
}
.can-toggle label .can-toggle.active {
  background-color: #9FBB3C;
  color: #FFF;
}
.can-toggleSmall {
  padding: 3px;
  border-radius: 5px;
}
.can-toggleSmall label {
  border-radius: 5px;
}
.can-toggleSmall input[type=checkbox]:checked ~ label .upld {
  border-radius: 5px;
}
.can-toggleSmall input[type=checkbox]:checked ~ label .slct {
  border-radius: 5px;
}
.can-toggleSmall input[type=checkbox] ~ label .slct {
  border-radius: 5px;
}
.can-toggleSmall .toggleUpload::after, .can-toggleSmall .toggleUpload::before {
  display: none;
  opacity: 0;
}
.can-toggle .toggleUpload, .can-toggle .toggleSelect {
  margin-top: 15px;
}
.can-toggle .toggleUpload {
  width: 100%;
  position: relative;
  padding: 5px;
}
.can-toggle .toggleUpload::after {
  position: absolute;
  content: "\f612Pilih Foto";
  text-align: center;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  border: 1px solid #9FBB3C;
  color: #9FBB3C;
  border-radius: 5px;
  padding: 8px 5px 5px 5px;
  font-weight: bold;
}
.can-toggle .toggleUpload::before {
  position: absolute;
  content: "\f612";
  font: normal normal normal 1em/1 "Phosphor";
  height: 100%;
  top: 0%;
  left: 0%;
  z-index: 9;
  font-weight: bold;
  font-size: 18px;
  color: #9FBB3C;
  display: flex;
  align-items: center;
  margin-left: 30%;
}
.can-toggle .toggleUpload__action {
  padding-top: 10px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
.can-toggle .toggleUpload__action a {
  display: flex;
  align-items: center;
  gap: 5px;
}

.specialcolor-hover {
  color: #9fbb3c;
}
.specialcolor-hover:hover {
  cursor: pointer;
}

.graphicSteps {
  position: relative;
  margin-bottom: 50px;
  --newStep: var(--step);
  --newMaxStep: var(--maxStep);
  --newMin: calc( var(--newStep) - 1);
}
.graphicSteps__wrap {
  overflow: hidden;
  padding-top: 10px;
}
.graphicSteps__background {
  position: absolute;
  height: 5px;
  background-color: #CCCCCC;
  top: 22.5px;
  width: 100%;
  left: calc(-100% / var(--newMaxStep) + 50% / (var(--newMaxStep)));
  z-index: 1;
  border-radius: 5px;
}
.graphicSteps__background::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--newMin) / var(--newMaxStep) * 100%);
  height: 100%;
  background-color: #9FBB3C;
  z-index: 9;
  border-radius: 5px;
}
.graphicSteps__background::after {
  content: "";
  background-color: #FBAB18;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--newStep) / var(--newMaxStep) * 100%);
  height: 100%;
}
.graphicSteps__lists {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: flex-end;
}
.graphicSteps__lists .list {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 0 0 calc(100% / (var(--newMaxStep)));
}
.graphicSteps__lists .list__icon {
  flex: 1 0 auto;
  width: 50px;
  height: 50px;
  background-color: #CCCCCC;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  border-radius: 50%;
  border: 5px solid #FAFAFA;
  box-shadow: 0 0 0 1px #CCCCCC;
}
.graphicSteps__lists .list__icon i {
  font-size: 18px;
  color: #FFFFFF;
}
.graphicSteps__lists .list__title {
  font-size: 12px;
  width: 80%;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: center;
}
.graphicSteps__lists .list__progress {
  width: auto;
  text-align: center;
}
.graphicSteps__lists .list__progress span {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 10px;
  font-size: 10px;
  background-color: rgba(51, 51, 51, 0.1);
  color: #333333;
}
.graphicSteps__lists .list.active .list__icon {
  background-color: #9FBB3C;
  box-shadow: 0 0 0 1px #9FBB3C;
}
.graphicSteps__lists .list.active .list__title {
  color: #9FBB3C;
}
.graphicSteps__lists .list.active .list__progress span {
  background-color: rgba(159, 187, 60, 0.1);
  color: #9FBB3C;
}
.graphicSteps__lists .list.progress .list__icon {
  background-color: #FBAB18;
  box-shadow: 0 0 0 1px #FBAB18;
}
.graphicSteps__lists .list.progress .list__title {
  color: #FBAB18;
}
.graphicSteps__lists .list.progress .list__progress span {
  background-color: rgba(251, 171, 24, 0.1);
  color: #FBAB18;
}
@media only screen and (max-width: 768px) {
  .graphicSteps {
    margin-bottom: 15px;
  }
  .graphicSteps .graphicSteps__background {
    display: none;
  }
  .graphicSteps .graphicSteps__lists {
    flex-direction: column;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  .graphicSteps .graphicSteps__lists .list {
    flex-direction: row;
  }
  .graphicSteps .graphicSteps__lists .list__title {
    margin-left: 15px;
    text-align: left;
  }
  .graphicSteps .graphicSteps__lists .list__progress {
    display: none;
  }
}

@media (max-width: 991px) {
  .width-80-md {
    width: 80% !important;
  }
}
.grid-column-2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 991px) {
  .grid-column-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.content__recommendation-heading .heading {
  display: grid;
  grid-template-columns: 80px auto 120px;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #F1F1F1;
  gap: 15px;
}
.content__recommendation-heading .heading__image img {
  height: 50px;
  width: auto;
}
.content__recommendation-heading .heading__search {
  display: flex;
  gap: 12px;
  align-items: center;
  line-height: 98%;
}
.content__recommendation-heading .heading__search-title {
  flex: 0 0 auto;
  font-weight: bold;
  font-size: 18px;
}
.content__recommendation-heading .heading__search-input {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border-radius: 30px;
  box-shadow: inset 0 0 0 1px #898989;
}
.content__recommendation-heading .heading__search-input input {
  padding: 12px 10px;
  width: 100%;
  border: 0px;
  background-color: transparent;
}
.content__recommendation-heading .heading__search-input input:focus {
  outline: none;
  border-color: inherit;
  box-shadow: none;
}
.content__recommendation-popular .popular {
  position: relative;
}
.content__recommendation-popular .popular__heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 15px;
}
.content__recommendation-popular .popular__heading-title {
  display: flex;
  gap: 12px;
  align-items: center;
  font-weight: bold;
  font-size: 24px;
}
.content__recommendation-popular .popular__heading-title i {
  color: #FBAB18;
}
@media (max-width: 576px) {
  .content__recommendation-popular .popular__heading-title {
    font-size: 18px;
  }
}
.content__recommendation-popular .popular__heading-action {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: end;
}
.content__recommendation-popular .popular__heading-action .slider-popular-next, .content__recommendation-popular .popular__heading-action .slider-popular-prev,
.content__recommendation-popular .popular__heading-action .slider-recommendation-next, .content__recommendation-popular .popular__heading-action .slider-recommendation-prev {
  display: flex;
  align-items: center;
  position: relative;
  color: #9FBB3C;
}
.content__recommendation-popular .popular__heading-action .slider-popular-next.swiper-button-disabled, .content__recommendation-popular .popular__heading-action .slider-popular-prev.swiper-button-disabled,
.content__recommendation-popular .popular__heading-action .slider-recommendation-next.swiper-button-disabled, .content__recommendation-popular .popular__heading-action .slider-recommendation-prev.swiper-button-disabled {
  opacity: 0.2;
}
.content__recommendation-popular .popular__heading-action .slider-popular-next svg, .content__recommendation-popular .popular__heading-action .slider-popular-prev svg,
.content__recommendation-popular .popular__heading-action .slider-recommendation-next svg, .content__recommendation-popular .popular__heading-action .slider-recommendation-prev svg {
  fill: currentcolor;
}
.content__recommendation-popular .popular__heading-action .slider-popular-next::after, .content__recommendation-popular .popular__heading-action .slider-popular-prev::after,
.content__recommendation-popular .popular__heading-action .slider-recommendation-next::after, .content__recommendation-popular .popular__heading-action .slider-recommendation-prev::after {
  width: 30px;
  height: 30px;
}
.content__recommendation-popular .popular__lists {
  position: relative;
  padding-bottom: 50px;
}
.content__recommendation-popular .popular__lists .swiper-content {
  height: 100% !important;
}
.content__recommendation-popular .popular__lists .swiper-pagination {
  flex: 0 0 50%;
  transform: translateX(0%);
  position: relative;
  left: 0;
  margin-top: 20px;
  text-align: left;
}
.content__recommendation-popular .popular__lists .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #9FBB3C;
}
.content__recommendation-popular .popular__lists .swiper-slide {
  height: initial;
}
.content__recommendation-popular .popular__lists-action {
  margin-top: 15px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 768px) {
  .content__recommendation .content__recommendation-heading .heading {
    grid-template-columns: auto;
  }
  .content__recommendation .content__recommendation-heading .heading__image {
    text-align: center;
  }
  .content__recommendation .content__recommendation-popular .popular__lists .swiper-pagination {
    text-align: center;
  }
  .content__recommendation .content__recommendation-popular .popular__lists-action {
    flex-direction: column;
    justify-content: center;
  }
}

.card__popularContent {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #E2E2E2;
}
.card__popularContent-media {
  position: relative;
  flex: 0 0 auto;
}
.card__popularContent-media:before {
  padding-top: 66.6666666667%;
  display: block;
  content: "";
  width: 100%;
}
.card__popularContent-media > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.card__popularContent-media > .inner > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  background-color: #E2E2E2;
}
.card__popularContent-headingAction {
  flex: 1 1 auto;
  padding: 15px 13px;
  display: flex;
  gap: 15px;
  justify-content: space-between;
  flex-direction: column;
}
.card__popularContent-headingAction .heading {
  flex: 1 1 auto;
}
.card__popularContent-headingAction .heading__infoPrice {
  margin-bottom: 12px;
}
.card__popularContent-headingAction .heading__infoPrice ul {
  padding-left: 0;
  margin-bottom: 0;
}
.card__popularContent-headingAction .heading__infoPrice ul li {
  list-style: none;
  display: inline;
  color: #FBAB18;
  font-weight: 600;
  font-size: 12px;
}
.card__popularContent-headingAction .heading__infoPrice ul li > * {
  display: inline;
}
.card__popularContent-headingAction .heading__infoPrice ul li:not(:last-child) {
  margin-right: 12px;
}
.card__popularContent-headingAction .heading__infoPrice-info {
  background-color: #1F3B64;
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  font-weight: 500;
}
.card__popularContent-headingAction .heading__content {
  margin-bottom: 12px;
}
.card__popularContent-headingAction .heading__content-title {
  margin-bottom: 8px;
  color: #1F3B64;
  font-weight: 700;
  min-height: 72px;
  display: inline;
  display: block;
  display: -webkit-box;
  max-height: 67.2px;
  font-size: 16px;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.card__popularContent-headingAction .heading__content-titleGroup {
  background-color: #1F3B64;
  color: #fff;
  padding: 6px 8px;
  border-radius: 4px;
  font-weight: 500;
  display: inline;
  font-size: 10px;
  margin-left: 0px;
  position: relative;
}
.card__popularContent-headingAction .heading__content-titleGroup.outline {
  background-color: transparent;
  box-shadow: inset 0 0 0 1px #1F3B64;
  color: #1F3B64;
}
.card__popularContent-headingAction .heading__content-brand {
  margin-top: 10px;
  display: flex !important;
  gap: 6px;
  align-items: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.card__popularContent-headingAction .heading__info {
  display: flex;
  flex-direction: column-reverse;
}
.card__popularContent-headingAction .heading__info ul {
  padding-left: 0;
  margin-bottom: 8px;
}
.card__popularContent-headingAction .heading__info ul li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  flex: 1 1 auto;
}
.card__popularContent-headingAction .heading__info ul li:not(:last-child) {
  margin-bottom: 8px;
}
.card__popularContent-headingAction .heading__info ul li:nth-child(n+3) {
  display: none;
}
.card__popularContent-headingAction .heading__info ul li i {
  flex: 0 0 15px;
  font-size: 12px;
}
.card__popularContent-headingAction .heading__info input[type=checkbox] {
  position: relative;
  height: 25px;
  width: 100%;
  opacity: 0;
  z-index: 99;
}
.card__popularContent-headingAction .heading__info input[type=checkbox]:checked ~ ul li {
  display: flex;
}
.card__popularContent-headingAction .heading__info input[type=checkbox]:checked ~ .checkArrow i {
  transform: rotate(180deg);
}
.card__popularContent-headingAction .heading__info .checkArrow {
  position: absolute;
  background-color: #FFFFFF;
  z-index: -1;
  width: 100%;
  height: 25px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card__popularContent-headingAction .heading__info .checkArrow i {
  font-size: 18px;
  color: #9FBB3C;
}
.card__popularContent-headingAction .action {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.card__popularContent-headingAction .action .status {
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 10px 5px;
  font-size: 14px;
  line-height: 1.43;
  color: #1F3B64;
  position: relative;
  text-transform: unset !important;
  width: 100%;
  letter-spacing: unset;
  text-transform: none;
}
.card__popularContent-headingAction .action .status:before {
  content: "";
  width: 5px;
  height: 100%;
  background-color: #9FBB3C;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 5px 0 0 5px;
}

.main-content-mobile .section-title {
  color: #333333;
}
.main-content-mobile .box-header .section-title {
  color: #1F3B64;
  font-weight: 600;
}
.main-content-mobile .input-group label {
  color: #333333;
  font-weight: 600;
  margin-bottom: 4px;
}
.main-content-mobile li {
  color: #757575;
}
.main-content-mobile .content {
  margin: 0 auto;
}
.main-content-mobile section {
  border-radius: 8px;
}
.main-content-mobile section .box .box-header {
  padding-top: 5px;
}

.password__view {
  position: relative;
}
.password__view-control {
  position: absolute;
  top: 11px;
  right: 6px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(https://snipp.ru/demo/495/no-view.svg) 0 0 no-repeat;
}
.password__view-control.view {
  background: url(https://snipp.ru/demo/495/view.svg) 0 0 no-repeat;
}

.phone__view {
  position: relative;
  display: flex;
  gap: 16px;
}
.phone__view-control {
  position: absolute;
  top: 9px;
  left: 6px;
  display: inline-block;
  width: 40px;
  height: 20px;
  text-align: center;
  font-family: "Gotham", sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5714285714;
  color: #444545;
}
.phone__view-input {
  padding-left: 46px;
}

.profileMobile__title small {
  font-size: 0.8em;
}
.profileMobile__image {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
}
.profileMobile__image:before {
  display: block;
  content: "";
  width: 100%;
}
.profileMobile__image > .inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.profileMobile__image > .inner > img,
.profileMobile__image > .inner > video,
.profileMobile__image > .inner > svg {
  width: 100%;
  height: 100%;
}
.profileMobile__image:before {
  padding-top: 100%;
}
.profileMobile__image > .inner > img,
.profileMobile__image > .inner > video {
  -o-object-fit: cover;
     object-fit: cover;
}

.listRepeater__list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.listRepeater__list-input {
  flex: 1 1 auto;
}
.listRepeater__list-delete {
  flex: 0 0 auto;
  height: 100%;
  padding: 8px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #DD5942;
  font-size: 16px;
}

.listTags ul {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
}
.listTags ul li {
  list-style: none;
  position: relative;
}
.listTags ul li input {
  opacity: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}
.listTags ul li input:checked ~ span {
  box-shadow: inset 0 0 0 1px #37A35E;
  color: #37A35E;
  background-color: rgba(123, 188, 73, 0.1);
}
.listTags ul li span {
  display: block;
  padding: 4px 8px;
  border-radius: 8px;
  box-shadow: inset 0 0 0 1px #757575;
  color: #757575;
  background-color: #F5F5F5;
  font-weight: 400;
}

.fileUpload__view {
  position: relative;
  padding-bottom: 22px;
}
.fileUpload__view input[type=file] {
  position: absolute;
  padding-top: 40px;
  top: 0;
  width: 100%;
  opacity: 0.6;
}
.fileUpload__view input[type=file]::file-selector-button {
  padding: 0px 8px;
  border: thin solid grey;
  border-radius: 0.25rem;
  margin-right: 16px;
  box-shadow: none;
  display: none;
}

nav.navbar-mobile {
  padding: 15px;
  display: flex;
  align-items: center;
  justify-content: end;
  background-color: #F1F1F1;
}
nav.navbar-mobile .navbar-toggler {
  width: 40px;
  height: 40px;
  border: 0px;
  font-size: 16px;
  background-color: #FFF;
  border-radius: 8px;
  border: 1px solid #37a35e;
  color: #37a35e;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.navbar-mobile #navbar-content {
  background-color: #FFF;
  position: fixed;
  z-index: 3;
  width: calc(100% - 80px);
  height: 100%;
  top: 0;
  left: -100%;
  transition: all 0.3s ease-in-out;
  padding: 15px;
}
nav.navbar-mobile #navbar-content.show {
  left: 0%;
  transition: all 0.3s ease-in-out;
}
nav.navbar-mobile #navbar-content ul {
  padding-left: 0px;
  margin-bottom: 0px;
  border: 1px solid #EDEDED;
  border-radius: 16px;
}
nav.navbar-mobile #navbar-content ul li {
  list-style: none;
  padding: 8px 16px;
}
nav.navbar-mobile #navbar-content ul li a {
  color: #1F3B64;
  display: flex;
  align-items: center;
  gap: 16px;
  font-size: 16px;
  font-weight: 500;
  flex: 1 1 auto;
}
nav.navbar-mobile #navbar-content ul li a i {
  flex: 0 0 auto;
  font-size: 16px;
  font-weight: 500;
}
nav.navbar-mobile #navbar-content ul li:not(:last-child) {
  border-bottom: 1px solid #EDEDED;
}
nav.navbar-mobile .navbar-header {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
nav.navbar-mobile .navbar-header .timer-box {
  display: flex;
  align-items: center;
  font-weight: 600;
}
nav.navbar-mobile .navbar-header .timer-box .timer {
  display: flex;
  align-items: center;
  margin-left: 8px;
  padding: 3px 6px;
  border-radius: 8px;
  gap: 5px;
  color: #06993b;
  background-color: rgba(6, 153, 59, 0.08);
  font-size: 16px;
}
nav.navbar-mobile .navbar-header .timer-box .timer.close-end {
  color: #dd0000;
  background-color: rgba(221, 0, 0, 0.08);
}

.page-kuis-mobile > .wrapper {
  flex-direction: column;
}
.page-kuis-mobile nav.navbar-mobile {
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: #ffffff;
  border-bottom: 1px solid #e2e2e2;
}
.page-kuis-mobile .box-navigation {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  background-color: #FFF;
  padding: 10px;
  border-top: 1px solid #e2e2e2;
}
.page-kuis-mobile .main-content-mobile {
  margin-bottom: 60px;
  padding: 0;
}
.page-kuis-mobile .main-content-mobile > section {
  padding: 0;
}

@media (max-width: 767px) {
  .mitra-kelas .konten-item .konten-thumbnail img {
    height: 100%;
  }
}
.video-js .vjs-control {
  width: 5em;
}

.vjs-resolution-button .vjs-menu .vjs-menu-content {
  width: 5em;
}
.vjs-resolution-button .vjs-menu li {
  font-size: 1.5em;
  font-weight: bold;
}

.vjs-menu li {
  color: #FFF;
}

.btn {
  font-size: 16px;
}
.btn.phone-verify {
  padding: 0 10px;
}

.notif-wrap .notif-item .btn {
  padding: 10px;
}

.col-content-side .button-wrap span {
  font-size: 16px;
}

.main-content .col-content-side .btn, .btn-upload-foto {
  font-size: 16px;
}