@charset "UTF-8";
/*
* Pages Mixins
*/
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal) .layout-page:before {
  content: "";
  width: 100%;
  height: 4.875rem;
  position: fixed;
  top: 0px;
  z-index: 10;
}

.bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
  content: "\ea6b";
  font-family: "tabler-icons";
  position: absolute;
  font-size: 0.65rem;
  font-weight: bold;
}
.bg-menu-theme.menu-vertical .menu-sub > .menu-item > .menu-link:before {
  left: 1.35rem;
}
[dir=rtl] .bg-menu-theme.menu-vertical .menu-sub > .menu-item > .menu-link:before {
  right: 1.35rem;
  left: inherit;
}
.bg-menu-theme.menu-vertical .menu-sub > .menu-item .menu-link .menu-icon {
  display: none;
}
html:not([dir=rtl]) .bg-menu-theme.menu-horizontal .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link {
  padding-left: 0.875rem;
}
[dir=rtl] .bg-menu-theme.menu-horizontal .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link {
  padding-right: 0.875rem;
}
.bg-menu-theme.menu-horizontal .menu-inner > .menu-item > .menu-sub > .menu-item > .menu-link:before {
  content: "";
}
.layout-horizontal .bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
  left: 1.1rem;
}
[dir=rtl] .layout-horizontal .bg-menu-theme .menu-sub > .menu-item > .menu-link:before {
  right: 1.1rem;
  left: inherit;
}
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link {
  border-radius: 0.375rem;
}
.layout-horizontal .bg-menu-theme .menu-inner > .menu-item > .menu-link {
  border-radius: 0.375rem;
}
@media (min-width: 1200px) {
  .layout-horizontal .bg-menu-theme .menu-inner > .menu-item {
    margin: 0.625rem 0;
  }
  .layout-horizontal .bg-menu-theme .menu-inner > .menu-item:not(:first-child) {
    margin-left: 0.125rem;
  }
  .layout-horizontal .bg-menu-theme .menu-inner > .menu-item:not(:last-child) {
    margin-right: 0.125rem;
  }
}
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active:before {
  content: "";
  position: absolute;
  right: 0;
  width: 0.25rem;
  height: 2.6845rem;
  border-radius: 0.375rem 0 0 0.375rem;
}
[dir=rtl] .layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner > .menu-item.active:before {
  left: 0;
  right: inherit;
  border-radius: 0 0.375rem 0.375rem 0;
}

body {
  background: #f9f8f6;
}

.bg-body {
  background: #f9f8f6 !important;
}

.text-merah {
  color: #FF0000 !important;
}

.text-hijau {
  color: #00FF00 !important;
}

.text-biru {
  color: #0000FF !important;
}

.text-kuning {
  color: #FFFF00 !important;
}

.text-magenta {
  color: #FF00FF !important;
}

.text-jingga {
  color: #FFA500 !important;
}

.text-hijau-kekuningan {
  color: #ADFF2F !important;
}

.text-biru-kehijauan {
  color: #40E0D0 !important;
}

.text-biru-keunguan {
  color: #4B0082 !important;
}

.text-merah-muda {
  color: #FF69B4 !important;
}

.text-emas {
  color: #FFD700 !important;
}

.text-cokelat {
  color: #A52A2A !important;
}

.text-body[href]:hover {
  color: #d8a65f !important;
}

.bg-merah {
  background-color: #FF0000 !important;
}

.bg-hijau {
  background-color: #00FF00 !important;
}

.bg-biru {
  background-color: #0000FF !important;
}

.bg-kuning {
  background-color: #FFFF00 !important;
}

.bg-magenta {
  background-color: #FF00FF !important;
}

.bg-jingga {
  background-color: #FFA500 !important;
}

.bg-hijau-kekuningan {
  background-color: #ADFF2F !important;
}

.bg-biru-kehijauan {
  background-color: #40E0D0 !important;
}

.bg-biru-keunguan {
  background-color: #4B0082 !important;
}

.bg-merah-muda {
  background-color: #FF69B4 !important;
}

.bg-emas {
  background-color: #FFD700 !important;
}

.bg-cokelat {
  background-color: #A52A2A !important;
}

a.bg-primary:hover, a.bg-primary:focus {
  background-color: #e4ae62 !important;
}

a.bg-merah:hover, a.bg-merah:focus {
  background-color: #e60000 !important;
}

a.bg-hijau:hover, a.bg-hijau:focus {
  background-color: #00e600 !important;
}

a.bg-biru:hover, a.bg-biru:focus {
  background-color: #0000e6 !important;
}

a.bg-kuning:hover, a.bg-kuning:focus {
  background-color: #e6e600 !important;
}

a.bg-magenta:hover, a.bg-magenta:focus {
  background-color: #e600e6 !important;
}

a.bg-jingga:hover, a.bg-jingga:focus {
  background-color: #e69500 !important;
}

a.bg-hijau-kekuningan:hover, a.bg-hijau-kekuningan:focus {
  background-color: #9ae62a !important;
}

a.bg-biru-kehijauan:hover, a.bg-biru-kehijauan:focus {
  background-color: #39c7b8 !important;
}

a.bg-biru-keunguan:hover, a.bg-biru-keunguan:focus {
  background-color: #420075 !important;
}

a.bg-merah-muda:hover, a.bg-merah-muda:focus {
  background-color: #e65ea3 !important;
}

a.bg-emas:hover, a.bg-emas:focus {
  background-color: #e6c200 !important;
}

a.bg-cokelat:hover, a.bg-cokelat:focus {
  background-color: #942525 !important;
}

.dropdown-notifications-item:not(.mark-as-read) .dropdown-notifications-read span {
  background-color: #f0b766;
}

.bg-label-primary {
  background-color: #fdf4e8 !important;
  color: #f0b766 !important;
}

.bg-primary.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(240, 183, 102, 0.3);
}

.bg-label-merah {
  background-color: #ffe6e6 !important;
  color: #FF0000 !important;
}

.bg-label-hijau {
  background-color: #e6ffe6 !important;
  color: #00FF00 !important;
}

.bg-label-biru {
  background-color: #e6e6ff !important;
  color: #0000FF !important;
}

.bg-label-kuning {
  background-color: #ffffe6 !important;
  color: #FFFF00 !important;
}

.bg-label-magenta {
  background-color: #ffe6ff !important;
  color: #FF00FF !important;
}

.bg-label-jingga {
  background-color: #fff2e6 !important;
  color: #FFA500 !important;
}

.bg-label-hijau-kekuningan {
  background-color: #f2ffe6 !important;
  color: #ADFF2F !important;
}

.bg-label-biru-kehijauan {
  background-color: #e6fff9 !important;
  color: #40E0D0 !important;
}

.bg-label-biru-keunguan {
  background-color: #ece6ff !important;
  color: #4B0082 !important;
}

.bg-label-merah-muda {
  background-color: #ffecf4 !important;
  color: #FF69B4 !important;
}

.bg-label-emas {
  background-color: #fff9e6 !important;
  color: #FFD700 !important;
}

.bg-label-cokelat {
  background-color: #f9e6e6 !important;
  color: #A52A2A !important;
}

.bg-merah.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(255, 0, 0, 0.3);
}

.bg-hijau.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(0, 255, 0, 0.3);
}

.bg-biru.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 255, 0.3);
}

.bg-kuning.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(255, 255, 0, 0.3);
}

.bg-magenta.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(255, 0, 255, 0.3);
}

.bg-jingga.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(255, 165, 0, 0.3);
}

.bg-hijau-kekuningan.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(173, 255, 47, 0.3);
}

.bg-biru-kehijauan.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(64, 224, 208, 0.3);
}

.bg-biru-keunguan.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(75, 0, 130, 0.3);
}

.bg-merah-muda.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(255, 105, 180, 0.3);
}

.bg-emas.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(255, 215, 0, 0.3);
}

.bg-cokelat.bg-glow {
  box-shadow: 0px 2px 3px 0px rgba(165, 42, 42, 0.3);
}

.page-item.active .page-link,
.pagination li.active > a:not(.page-link) {
  border-color: #f0b766;
  background-color: #f0b766;
  color: #fff;
}

.page-item > .page-link.active {
  border-color: #f0b766;
  background-color: #f0b766;
  color: #fff;
}

.page-item.first .page-link.active, .page-item.last .page-link.active, .page-item.next .page-link.active, .page-item.prev .page-link.active, .page-item.previous .page-link.active {
  border-color: #f0b766;
  background-color: #f0b766;
  color: #fff;
}

.progress-bar {
  background-color: #f0b766;
  color: #fff;
}

.modal-onboarding .carousel-indicators [data-bs-target] {
  background-color: #f0b766;
}

.carousel-control-prev,
.carousel-control-next {
  color: #f0b766;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #f0b766;
}

.list-group-item-primary {
  background-color: #fdf4e7;
  border-color: #fdf4e7;
  color: #f0b766 !important;
}

a.list-group-item-primary,
button.list-group-item-primary {
  color: #f0b766;
}
a.list-group-item-primary:hover, a.list-group-item-primary:focus,
button.list-group-item-primary:hover,
button.list-group-item-primary:focus {
  background-color: #fdf4e7;
  color: #f0b766;
}
a.list-group-item-primary.active,
button.list-group-item-primary.active {
  border-color: #f0b766;
  background-color: #f0b766;
  color: #f0b766;
}

a.list-group-item-merah,
button.list-group-item-merah {
  color: #FF0000;
}
a.list-group-item-merah:hover, a.list-group-item-merah:focus,
button.list-group-item-merah:hover,
button.list-group-item-merah:focus {
  background-color: #ffe6e6;
  color: #FF0000;
}
a.list-group-item-merah.active,
button.list-group-item-merah.active {
  border-color: #FF0000;
  background-color: #FF0000;
  color: #fff;
}

a.list-group-item-hijau,
button.list-group-item-hijau {
  color: #00FF00;
}
a.list-group-item-hijau:hover, a.list-group-item-hijau:focus,
button.list-group-item-hijau:hover,
button.list-group-item-hijau:focus {
  background-color: #e6ffe6;
  color: #00FF00;
}
a.list-group-item-hijau.active,
button.list-group-item-hijau.active {
  border-color: #00FF00;
  background-color: #00FF00;
  color: #000;
}

a.list-group-item-biru,
button.list-group-item-biru {
  color: #0000FF;
}
a.list-group-item-biru:hover, a.list-group-item-biru:focus,
button.list-group-item-biru:hover,
button.list-group-item-biru:focus {
  background-color: #e6e6ff;
  color: #0000FF;
}
a.list-group-item-biru.active,
button.list-group-item-biru.active {
  border-color: #0000FF;
  background-color: #0000FF;
  color: #fff;
}

a.list-group-item-kuning,
button.list-group-item-kuning {
  color: #FFFF00;
}
a.list-group-item-kuning:hover, a.list-group-item-kuning:focus,
button.list-group-item-kuning:hover,
button.list-group-item-kuning:focus {
  background-color: #ffffe6;
  color: #FFFF00;
}
a.list-group-item-kuning.active,
button.list-group-item-kuning.active {
  border-color: #FFFF00;
  background-color: #FFFF00;
  color: #000;
}

a.list-group-item-magenta,
button.list-group-item-magenta {
  color: #FF00FF;
}
a.list-group-item-magenta:hover, a.list-group-item-magenta:focus,
button.list-group-item-magenta:hover,
button.list-group-item-magenta:focus {
  background-color: #ffe6ff;
  color: #FF00FF;
}
a.list-group-item-magenta.active,
button.list-group-item-magenta.active {
  border-color: #FF00FF;
  background-color: #FF00FF;
  color: #fff;
}

a.list-group-item-jingga,
button.list-group-item-jingga {
  color: #FFA500;
}
a.list-group-item-jingga:hover, a.list-group-item-jingga:focus,
button.list-group-item-jingga:hover,
button.list-group-item-jingga:focus {
  background-color: #fff2e6;
  color: #FFA500;
}
a.list-group-item-jingga.active,
button.list-group-item-jingga.active {
  border-color: #FFA500;
  background-color: #FFA500;
  color: #fff;
}

a.list-group-item-hijau-kekuningan,
button.list-group-item-hijau-kekuningan {
  color: #ADFF2F;
}
a.list-group-item-hijau-kekuningan:hover, a.list-group-item-hijau-kekuningan:focus,
button.list-group-item-hijau-kekuningan:hover,
button.list-group-item-hijau-kekuningan:focus {
  background-color: #f2ffe6;
  color: #ADFF2F;
}
a.list-group-item-hijau-kekuningan.active,
button.list-group-item-hijau-kekuningan.active {
  border-color: #ADFF2F;
  background-color: #ADFF2F;
  color: #000;
}

a.list-group-item-biru-kehijauan,
button.list-group-item-biru-kehijauan {
  color: #40E0D0;
}
a.list-group-item-biru-kehijauan:hover, a.list-group-item-biru-kehijauan:focus,
button.list-group-item-biru-kehijauan:hover,
button.list-group-item-biru-kehijauan:focus {
  background-color: #e6fff9;
  color: #40E0D0;
}
a.list-group-item-biru-kehijauan.active,
button.list-group-item-biru-kehijauan.active {
  border-color: #40E0D0;
  background-color: #40E0D0;
  color: #000;
}

a.list-group-item-biru-keunguan,
button.list-group-item-biru-keunguan {
  color: #4B0082;
}
a.list-group-item-biru-keunguan:hover, a.list-group-item-biru-keunguan:focus,
button.list-group-item-biru-keunguan:hover,
button.list-group-item-biru-keunguan:focus {
  background-color: #ece6ff;
  color: #4B0082;
}
a.list-group-item-biru-keunguan.active,
button.list-group-item-biru-keunguan.active {
  border-color: #4B0082;
  background-color: #4B0082;
  color: #fff;
}

a.list-group-item-merah-muda,
button.list-group-item-merah-muda {
  color: #FF69B4;
}
a.list-group-item-merah-muda:hover, a.list-group-item-merah-muda:focus,
button.list-group-item-merah-muda:hover,
button.list-group-item-merah-muda:focus {
  background-color: #ffecf4;
  color: #FF69B4;
}
a.list-group-item-merah-muda.active,
button.list-group-item-merah-muda.active {
  border-color: #FF69B4;
  background-color: #FF69B4;
  color: #fff;
}

a.list-group-item-emas,
button.list-group-item-emas {
  color: #FFD700;
}
a.list-group-item-emas:hover, a.list-group-item-emas:focus,
button.list-group-item-emas:hover,
button.list-group-item-emas:focus {
  background-color: #fff9e6;
  color: #FFD700;
}
a.list-group-item-emas.active,
button.list-group-item-emas.active {
  border-color: #FFD700;
  background-color: #FFD700;
  color: #000;
}

a.list-group-item-cokelat,
button.list-group-item-cokelat {
  color: #A52A2A;
}
a.list-group-item-cokelat:hover, a.list-group-item-cokelat:focus,
button.list-group-item-cokelat:hover,
button.list-group-item-cokelat:focus {
  background-color: #f9e6e6;
  color: #A52A2A;
}
a.list-group-item-cokelat.active,
button.list-group-item-cokelat.active {
  border-color: #A52A2A;
  background-color: #A52A2A;
  color: #fff;
}

.list-group-item-action.active, .list-group-item-action.active:hover, .list-group-item-action.active:focus {
  border-color: #f0b766;
  background-color: #f0b766;
}

.list-group.list-group-timeline .list-group-timeline-primary:before {
  background-color: #f0b766;
}

.list-group.list-group-timeline .list-group-timeline-merah:before {
  background-color: #FF0000;
}

.list-group.list-group-timeline .list-group-timeline-hijau:before {
  background-color: #00FF00;
}

.list-group.list-group-timeline .list-group-timeline-biru:before {
  background-color: #0000FF;
}

.list-group.list-group-timeline .list-group-timeline-kuning:before {
  background-color: #FFFF00;
}

.list-group.list-group-timeline .list-group-timeline-magenta:before {
  background-color: #FF00FF;
}

.list-group.list-group-timeline .list-group-timeline-jingga:before {
  background-color: #FFA500;
}

.list-group.list-group-timeline .list-group-timeline-hijau-kekuningan:before {
  background-color: #ADFF2F;
}

.list-group.list-group-timeline .list-group-timeline-biru-kehijauan:before {
  background-color: #40E0D0;
}

.list-group.list-group-timeline .list-group-timeline-biru-keunguan:before {
  background-color: #4B0082;
}

.list-group.list-group-timeline .list-group-timeline-merah-muda:before {
  background-color: #FF69B4;
}

.list-group.list-group-timeline .list-group-timeline-emas:before {
  background-color: #FFD700;
}

.list-group.list-group-timeline .list-group-timeline-cokelat:before {
  background-color: #A52A2A;
}

.alert-primary {
  background-color: #fdf4e7;
  border-color: #fdf4e7;
  color: #f0b766;
}
.alert-primary .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%237367f0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%237367f0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-primary .alert-link {
  color: #f0b766;
}

.card .alert-primary hr {
  background-color: #f0b766 !important;
}

.tooltip-primary .tooltip-inner, .tooltip-primary > .tooltip .tooltip-inner, .ngb-tooltip-primary + ngb-tooltip-window .tooltip-inner {
  background: #f0b766;
  color: #fff;
}
.tooltip-primary.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: #f0b766;
}
.tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: #f0b766;
}
[dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: #f0b766;
}
.tooltip-primary.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: #f0b766;
}
.tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: #f0b766;
}
[dir=rtl] .tooltip-primary.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-primary > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-primary + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: #f0b766;
}

.popover-primary, .popover-primary > .popover, .ngb-popover-primary + ngb-popover-window {
  border-color: transparent;
  background: #f0b766;
}
.popover-primary .popover-header, .popover-primary > .popover .popover-header, .ngb-popover-primary + ngb-popover-window .popover-header {
  border-color: #f0b766;
  background: transparent;
  color: #fff;
}
.popover-primary .popover-body, .popover-primary > .popover .popover-body, .ngb-popover-primary + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-primary > .popover-arrow::before, .popover-primary > .popover > .popover-arrow::before, .ngb-popover-primary + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-primary.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: #f0b766 !important;
}
.popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: #f0b766 !important;
}
[dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-primary > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: #f0b766 !important;
}
.popover-primary.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: #f0b766 !important;
}
.popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: #f0b766 !important;
}
[dir=rtl] .popover-primary.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-primary > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: #f0b766 !important;
}
.popover-primary.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-primary > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-primary + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}

.table-primary {
  --bs-table-bg: #fef8f1;
  --bs-table-striped-bg: #fbf6ef;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #f1ece4;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #f8f3ec;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #ded7cf;
}
.table-primary .btn-icon {
  color: #5d5446;
}

/* Merah */
.alert-merah {
  background-color: #ffe6e6;
  border-color: #ffe6e6;
  color: var(--bs-merah);
}
.alert-merah .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23FF0000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23FF0000' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-merah .alert-link {
  color: var(--bs-merah);
}
.card .alert-merah hr {
  background-color: var(--bs-merah) !important;
}
.tooltip-merah .tooltip-inner, .tooltip-merah > .tooltip .tooltip-inner, .ngb-tooltip-merah + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-merah);
  color: #fff;
}
.tooltip-merah.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-merah > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-merah + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-merah);
}
.tooltip-merah.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-merah > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-merah + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-merah);
}
[dir=rtl] .tooltip-merah.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-merah > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-merah + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-merah);
}
.tooltip-merah.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-merah > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-merah + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-merah);
}
.tooltip-merah.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-merah > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-merah + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-merah);
}
[dir=rtl] .tooltip-merah.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-merah > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-merah + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-merah);
}
.popover-merah, .popover-merah > .popover, .ngb-popover-merah + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-merah);
}
.popover-merah .popover-header, .popover-merah > .popover .popover-header, .ngb-popover-merah + ngb-popover-window .popover-header {
  border-color: var(--bs-merah);
  background: transparent;
  color: #fff;
}
.popover-merah .popover-body, .popover-merah > .popover .popover-body, .ngb-popover-merah + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-merah > .popover-arrow::before, .popover-merah > .popover > .popover-arrow::before, .ngb-popover-merah + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-merah.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-merah > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-merah + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-merah) !important;
}
.popover-merah.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-merah > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-merah + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-merah) !important;
}
[dir=rtl] .popover-merah.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-merah > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-merah + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-merah) !important;
}
.popover-merah.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-merah > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-merah + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-merah) !important;
}
.popover-merah.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-merah > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-merah + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-merah) !important;
}
[dir=rtl] .popover-merah.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-merah > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-merah + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-merah) !important;
}
.popover-merah.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-merah > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-merah + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-merah {
  --bs-table-bg: #ffe6e6;
  --bs-table-striped-bg: #ffdede;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #ffd6d6;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #ffdbdb;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #ffcccc;
}
.table-merah .btn-icon {
  color: #5d5446;
}

/* Hijau */
.alert-hijau {
  background-color: #e6ffe6;
  border-color: #e6ffe6;
  color: var(--bs-hijau);
}
.alert-hijau .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%2300FF00' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%2300FF00' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-hijau .alert-link {
  color: var(--bs-hijau);
}
.card .alert-hijau hr {
  background-color: var(--bs-hijau) !important;
}
.tooltip-hijau .tooltip-inner, .tooltip-hijau > .tooltip .tooltip-inner, .ngb-tooltip-hijau + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-hijau);
  color: #5d5446;
}
.tooltip-hijau.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-hijau > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-hijau + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-hijau);
}
.tooltip-hijau.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-hijau > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-hijau + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-hijau);
}
[dir=rtl] .tooltip-hijau.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-hijau > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-hijau + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-hijau);
}
.tooltip-hijau.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-hijau > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-hijau + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-hijau);
}
.tooltip-hijau.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-hijau > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-hijau + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-hijau);
}
[dir=rtl] .tooltip-hijau.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-hijau > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-hijau + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-hijau);
}
.popover-hijau, .popover-hijau > .popover, .ngb-popover-hijau + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-hijau);
}
.popover-hijau .popover-header, .popover-hijau > .popover .popover-header, .ngb-popover-hijau + ngb-popover-window .popover-header {
  border-color: var(--bs-hijau);
  background: transparent;
  color: #5d5446;
}
.popover-hijau .popover-body, .popover-hijau > .popover .popover-body, .ngb-popover-hijau + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-hijau > .popover-arrow::before, .popover-hijau > .popover > .popover-arrow::before, .ngb-popover-hijau + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-hijau.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-hijau > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-hijau + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-hijau) !important;
}
.popover-hijau.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-hijau > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-hijau + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-hijau) !important;
}
[dir=rtl] .popover-hijau.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-hijau > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-hijau + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-hijau) !important;
}
.popover-hijau.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-hijau > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-hijau + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-hijau) !important;
}
.popover-hijau.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-hijau > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-hijau + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-hijau) !important;
}
[dir=rtl] .popover-hijau.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-hijau > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-hijau + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-hijau) !important;
}
.popover-hijau.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-hijau > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-hijau + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-hijau {
  --bs-table-bg: #e6ffe6;
  --bs-table-striped-bg: #deffde;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #d6ffd6;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #dbffdb;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #ccffcc;
}
.table-hijau .btn-icon {
  color: #5d5446;
}

/* Biru */
.alert-biru {
  background-color: #e6e6ff;
  border-color: #e6e6ff;
  color: var(--bs-biru);
}
.alert-biru .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%230000FF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%230000FF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-biru .alert-link {
  color: var(--bs-biru);
}
.card .alert-biru hr {
  background-color: var(--bs-biru) !important;
}
.tooltip-biru .tooltip-inner, .tooltip-biru > .tooltip .tooltip-inner, .ngb-tooltip-biru + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-biru);
  color: #fff;
}
.tooltip-biru.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-biru > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-biru + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-biru);
}
.tooltip-biru.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-biru > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-biru + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-biru);
}
[dir=rtl] .tooltip-biru.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-biru > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-biru + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-biru);
}
.tooltip-biru.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-biru > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-biru + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-biru);
}
.tooltip-biru.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-biru > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-biru + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-biru);
}
[dir=rtl] .tooltip-biru.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-biru > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-biru + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-biru);
}
.popover-biru, .popover-biru > .popover, .ngb-popover-biru + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-biru);
}
.popover-biru .popover-header, .popover-biru > .popover .popover-header, .ngb-popover-biru + ngb-popover-window .popover-header {
  border-color: var(--bs-biru);
  background: transparent;
  color: #fff;
}
.popover-biru .popover-body, .popover-biru > .popover .popover-body, .ngb-popover-biru + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-biru > .popover-arrow::before, .popover-biru > .popover > .popover-arrow::before, .ngb-popover-biru + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-biru.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-biru > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-biru + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-biru) !important;
}
.popover-biru.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-biru > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-biru + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-biru) !important;
}
[dir=rtl] .popover-biru.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-biru > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-biru + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-biru) !important;
}
.popover-biru.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-biru > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-biru + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-biru) !important;
}
.popover-biru.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-biru > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-biru + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-biru) !important;
}
[dir=rtl] .popover-biru.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-biru > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-biru + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-biru) !important;
}
.popover-biru.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-biru > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-biru + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-biru {
  --bs-table-bg: #e6e6ff;
  --bs-table-striped-bg: #dedeff;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #d6d6ff;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #dbdbff;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #ccccff;
}
.table-biru .btn-icon {
  color: #5d5446;
}

/* Kuning */
.alert-kuning {
  background-color: #ffffe6;
  border-color: #ffffe6;
  color: var(--bs-kuning);
}
.alert-kuning .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23FFFF00' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23FFFF00' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-kuning .alert-link {
  color: var(--bs-kuning);
}
.card .alert-kuning hr {
  background-color: var(--bs-kuning) !important;
}
.tooltip-kuning .tooltip-inner, .tooltip-kuning > .tooltip .tooltip-inner, .ngb-tooltip-kuning + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-kuning);
  color: #5d5446;
}
.tooltip-kuning.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-kuning > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-kuning + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-kuning);
}
.tooltip-kuning.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-kuning > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-kuning + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-kuning);
}
[dir=rtl] .tooltip-kuning.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-kuning > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-kuning + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-kuning);
}
.tooltip-kuning.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-kuning > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-kuning + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-kuning);
}
.tooltip-kuning.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-kuning > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-kuning + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-kuning);
}
[dir=rtl] .tooltip-kuning.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-kuning > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-kuning + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-kuning);
}
.popover-kuning, .popover-kuning > .popover, .ngb-popover-kuning + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-kuning);
}
.popover-kuning .popover-header, .popover-kuning > .popover .popover-header, .ngb-popover-kuning + ngb-popover-window .popover-header {
  border-color: var(--bs-kuning);
  background: transparent;
  color: #5d5446;
}
.popover-kuning .popover-body, .popover-kuning > .popover .popover-body, .ngb-popover-kuning + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-kuning > .popover-arrow::before, .popover-kuning > .popover > .popover-arrow::before, .ngb-popover-kuning + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-kuning.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-kuning > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-kuning + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-kuning) !important;
}
.popover-kuning.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-kuning > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-kuning + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-kuning) !important;
}
[dir=rtl] .popover-kuning.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-kuning > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-kuning + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-kuning) !important;
}
.popover-kuning.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-kuning > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-kuning + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-kuning) !important;
}
.popover-kuning.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-kuning > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-kuning + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-kuning) !important;
}
[dir=rtl] .popover-kuning.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-kuning > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-kuning + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-kuning) !important;
}
.popover-kuning.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-kuning > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-kuning + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-kuning {
  --bs-table-bg: #ffffe6;
  --bs-table-striped-bg: #fffede;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #fff6d6;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #fffadb;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #fff2cc;
}
.table-kuning .btn-icon {
  color: #5d5446;
}

/* Magenta */
.alert-magenta {
  background-color: #ffe6ff;
  border-color: #ffe6ff;
  color: var(--bs-magenta);
}
.alert-magenta .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23FF00FF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23FF00FF' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-magenta .alert-link {
  color: var(--bs-magenta);
}
.card .alert-magenta hr {
  background-color: var(--bs-magenta) !important;
}
.tooltip-magenta .tooltip-inner, .tooltip-magenta > .tooltip .tooltip-inner, .ngb-tooltip-magenta + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-magenta);
  color: #fff;
}
.tooltip-magenta.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-magenta > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-magenta + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-magenta);
}
.tooltip-magenta.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-magenta > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-magenta + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-magenta);
}
[dir=rtl] .tooltip-magenta.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-magenta > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-magenta + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-magenta);
}
.tooltip-magenta.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-magenta > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-magenta + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-magenta);
}
.tooltip-magenta.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-magenta > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-magenta + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-magenta);
}
[dir=rtl] .tooltip-magenta.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-magenta > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-magenta + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-magenta);
}
.popover-magenta, .popover-magenta > .popover, .ngb-popover-magenta + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-magenta);
}
.popover-magenta .popover-header, .popover-magenta > .popover .popover-header, .ngb-popover-magenta + ngb-popover-window .popover-header {
  border-color: var(--bs-magenta);
  background: transparent;
  color: #fff;
}
.popover-magenta .popover-body, .popover-magenta > .popover .popover-body, .ngb-popover-magenta + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-magenta > .popover-arrow::before, .popover-magenta > .popover > .popover-arrow::before, .ngb-popover-magenta + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-magenta.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-magenta > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-magenta + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-magenta) !important;
}
.popover-magenta.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-magenta > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-magenta + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-magenta) !important;
}
[dir=rtl] .popover-magenta.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-magenta > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-magenta + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-magenta) !important;
}
.popover-magenta.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-magenta > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-magenta + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-magenta) !important;
}
.popover-magenta.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-magenta > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-magenta + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-magenta) !important;
}
[dir=rtl] .popover-magenta.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-magenta > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-magenta + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-magenta) !important;
}
.popover-magenta.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-magenta > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-magenta + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-magenta {
  --bs-table-bg: #ffe6ff;
  --bs-table-striped-bg: #ffdeff;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #ffd6ff;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #ffdbff;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #ffccff;
}
.table-magenta .btn-icon {
  color: #5d5446;
}

/* Jingga */
.alert-jingga {
  background-color: #fff5e6;
  border-color: #fff5e6;
  color: var(--bs-jingga);
}
.alert-jingga .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23FFA500' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23FFA500' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-jingga .alert-link {
  color: var(--bs-jingga);
}
.card .alert-jingga hr {
  background-color: var(--bs-jingga) !important;
}
.tooltip-jingga .tooltip-inner, .tooltip-jingga > .tooltip .tooltip-inner, .ngb-tooltip-jingga + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-jingga);
  color: #fff;
}
.tooltip-jingga.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-jingga > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-jingga + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-jingga);
}
.tooltip-jingga.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-jingga > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-jingga + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-jingga);
}
[dir=rtl] .tooltip-jingga.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-jingga > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-jingga + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-jingga);
}
.tooltip-jingga.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-jingga > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-jingga + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-jingga);
}
.tooltip-jingga.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-jingga > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-jingga + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-jingga);
}
[dir=rtl] .tooltip-jingga.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-jingga > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-jingga + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-jingga);
}
.popover-jingga, .popover-jingga > .popover, .ngb-popover-jingga + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-jingga);
}
.popover-jingga .popover-header, .popover-jingga > .popover .popover-header, .ngb-popover-jingga + ngb-popover-window .popover-header {
  border-color: var(--bs-jingga);
  background: transparent;
  color: #fff;
}
.popover-jingga .popover-body, .popover-jingga > .popover .popover-body, .ngb-popover-jingga + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-jingga > .popover-arrow::before, .popover-jingga > .popover > .popover-arrow::before, .ngb-popover-jingga + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-jingga.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-jingga > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-jingga + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-jingga) !important;
}
.popover-jingga.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-jingga > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-jingga + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-jingga) !important;
}
[dir=rtl] .popover-jingga.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-jingga > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-jingga + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-jingga) !important;
}
.popover-jingga.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-jingga > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-jingga + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-jingga) !important;
}
.popover-jingga.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-jingga > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-jingga + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-jingga) !important;
}
[dir=rtl] .popover-jingga.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-jingga > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-jingga + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-jingga) !important;
}
.popover-jingga.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-jingga > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-jingga + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-jingga {
  --bs-table-bg: #fff5e6;
  --bs-table-striped-bg: #ffedde;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #ffe5d6;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #ffeadb;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #ffdecc;
}
.table-jingga .btn-icon {
  color: #5d5446;
}

/* Hijau-kekuningan */
.alert-hijau-kekuningan {
  background-color: #f5ffe6;
  border-color: #f5ffe6;
  color: var(--bs-hijau-kekuningan);
}
.alert-hijau-kekuningan .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23ADFF2F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23ADFF2F' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-hijau-kekuningan .alert-link {
  color: var(--bs-hijau-kekuningan);
}
.card .alert-hijau-kekuningan hr {
  background-color: var(--bs-hijau-kekuningan) !important;
}
.tooltip-hijau-kekuningan .tooltip-inner, .tooltip-hijau-kekuningan > .tooltip .tooltip-inner, .ngb-tooltip-hijau-kekuningan + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-hijau-kekuningan);
  color: #5d5446;
}
.tooltip-hijau-kekuningan.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-hijau-kekuningan > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-hijau-kekuningan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-hijau-kekuningan);
}
.tooltip-hijau-kekuningan.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-hijau-kekuningan > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-hijau-kekuningan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-hijau-kekuningan);
}
[dir=rtl] .tooltip-hijau-kekuningan.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-hijau-kekuningan > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-hijau-kekuningan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-hijau-kekuningan);
}
.tooltip-hijau-kekuningan.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-hijau-kekuningan > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-hijau-kekuningan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-hijau-kekuningan);
}
.tooltip-hijau-kekuningan.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-hijau-kekuningan > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-hijau-kekuningan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-hijau-kekuningan);
}
[dir=rtl] .tooltip-hijau-kekuningan.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-hijau-kekuningan > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-hijau-kekuningan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-hijau-kekuningan);
}
.popover-hijau-kekuningan, .popover-hijau-kekuningan > .popover, .ngb-popover-hijau-kekuningan + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-hijau-kekuningan);
}
.popover-hijau-kekuningan .popover-header, .popover-hijau-kekuningan > .popover .popover-header, .ngb-popover-hijau-kekuningan + ngb-popover-window .popover-header {
  border-color: var(--bs-hijau-kekuningan);
  background: transparent;
  color: #5d5446;
}
.popover-hijau-kekuningan .popover-body, .popover-hijau-kekuningan > .popover .popover-body, .ngb-popover-hijau-kekuningan + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-hijau-kekuningan > .popover-arrow::before, .popover-hijau-kekuningan > .popover > .popover-arrow::before, .ngb-popover-hijau-kekuningan + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-hijau-kekuningan.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-hijau-kekuningan > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-hijau-kekuningan + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-hijau-kekuningan) !important;
}
.popover-hijau-kekuningan.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-hijau-kekuningan > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-hijau-kekuningan + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-hijau-kekuningan) !important;
}
[dir=rtl] .popover-hijau-kekuningan.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-hijau-kekuningan > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-hijau-kekuningan + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-hijau-kekuningan) !important;
}
.popover-hijau-kekuningan.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-hijau-kekuningan > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-hijau-kekuningan + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-hijau-kekuningan) !important;
}
.popover-hijau-kekuningan.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-hijau-kekuningan > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-hijau-kekuningan + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-hijau-kekuningan) !important;
}
[dir=rtl] .popover-hijau-kekuningan.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-hijau-kekuningan > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-hijau-kekuningan + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-hijau-kekuningan) !important;
}
.popover-hijau-kekuningan.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-hijau-kekuningan > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-hijau-kekuningan + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-hijau-kekuningan {
  --bs-table-bg: #f5ffe6;
  --bs-table-striped-bg: #edffde;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #e5ffd6;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #eaffdb;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #deffcc;
}
.table-hijau-kekuningan .btn-icon {
  color: #5d5446;
}

/* Biru-kehijauan */
.alert-biru-kehijauan {
  background-color: #e6fafa;
  border-color: #e6fafa;
  color: var(--bs-biru-kehijauan);
}
.alert-biru-kehijauan .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%2340E0D0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%2340E0D0' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-biru-kehijauan .alert-link {
  color: var(--bs-biru-kehijauan);
}
.card .alert-biru-kehijauan hr {
  background-color: var(--bs-biru-kehijauan) !important;
}
.tooltip-biru-kehijauan .tooltip-inner, .tooltip-biru-kehijauan > .tooltip .tooltip-inner, .ngb-tooltip-biru-kehijauan + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-biru-kehijauan);
  color: #fff;
}
.tooltip-biru-kehijauan.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-biru-kehijauan > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-biru-kehijauan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-biru-kehijauan);
}
.tooltip-biru-kehijauan.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-biru-kehijauan > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-biru-kehijauan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-biru-kehijauan);
}
[dir=rtl] .tooltip-biru-kehijauan.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-biru-kehijauan > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-biru-kehijauan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-biru-kehijauan);
}
.tooltip-biru-kehijauan.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-biru-kehijauan > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-biru-kehijauan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-biru-kehijauan);
}
.tooltip-biru-kehijauan.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-biru-kehijauan > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-biru-kehijauan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-biru-kehijauan);
}
[dir=rtl] .tooltip-biru-kehijauan.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-biru-kehijauan > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-biru-kehijauan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-biru-kehijauan);
}
.popover-biru-kehijauan, .popover-biru-kehijauan > .popover, .ngb-popover-biru-kehijauan + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-biru-kehijauan);
}
.popover-biru-kehijauan .popover-header, .popover-biru-kehijauan > .popover .popover-header, .ngb-popover-biru-kehijauan + ngb-popover-window .popover-header {
  border-color: var(--bs-biru-kehijauan);
  background: transparent;
  color: #fff;
}
.popover-biru-kehijauan .popover-body, .popover-biru-kehijauan > .popover .popover-body, .ngb-popover-biru-kehijauan + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-biru-kehijauan > .popover-arrow::before, .popover-biru-kehijauan > .popover > .popover-arrow::before, .ngb-popover-biru-kehijauan + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-biru-kehijauan.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-biru-kehijauan > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-biru-kehijauan + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-biru-kehijauan) !important;
}
.popover-biru-kehijauan.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-biru-kehijauan > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-biru-kehijauan + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-biru-kehijauan) !important;
}
[dir=rtl] .popover-biru-kehijauan.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-biru-kehijauan > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-biru-kehijauan + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-biru-kehijauan) !important;
}
.popover-biru-kehijauan.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-biru-kehijauan > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-biru-kehijauan + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-biru-kehijauan) !important;
}
.popover-biru-kehijauan.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-biru-kehijauan > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-biru-kehijauan + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-biru-kehijauan) !important;
}
[dir=rtl] .popover-biru-kehijauan.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-biru-kehijauan > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-biru-kehijauan + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-biru-kehijauan) !important;
}
.popover-biru-kehijauan.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-biru-kehijauan > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-biru-kehijauan + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-biru-kehijauan {
  --bs-table-bg: #e6fafa;
  --bs-table-striped-bg: #def2f2;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #d6eaea;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #dbefef;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #cce5e5;
}
.table-biru-kehijauan .btn-icon {
  color: #5d5446;
}

/* Biru-keunguan */
.alert-biru-keunguan {
  background-color: #f0e6ff;
  border-color: #f0e6ff;
  color: var(--bs-biru-keunguan);
}
.alert-biru-keunguan .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%238A2BE2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%238A2BE2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-biru-keunguan .alert-link {
  color: var(--bs-biru-keunguan);
}
.card .alert-biru-keunguan hr {
  background-color: var(--bs-biru-keunguan) !important;
}
.tooltip-biru-keunguan .tooltip-inner, .tooltip-biru-keunguan > .tooltip .tooltip-inner, .ngb-tooltip-biru-keunguan + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-biru-keunguan);
  color: #fff;
}
.tooltip-biru-keunguan.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-biru-keunguan > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-biru-keunguan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-biru-keunguan);
}
.tooltip-biru-keunguan.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-biru-keunguan > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-biru-keunguan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-biru-keunguan);
}
[dir=rtl] .tooltip-biru-keunguan.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-biru-keunguan > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-biru-keunguan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-biru-keunguan);
}
.tooltip-biru-keunguan.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-biru-keunguan > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-biru-keunguan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-biru-keunguan);
}
.tooltip-biru-keunguan.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-biru-keunguan > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-biru-keunguan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-biru-keunguan);
}
[dir=rtl] .tooltip-biru-keunguan.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-biru-keunguan > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-biru-keunguan + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-biru-keunguan);
}
.popover-biru-keunguan, .popover-biru-keunguan > .popover, .ngb-popover-biru-keunguan + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-biru-keunguan);
}
.popover-biru-keunguan .popover-header, .popover-biru-keunguan > .popover .popover-header, .ngb-popover-biru-keunguan + ngb-popover-window .popover-header {
  border-color: var(--bs-biru-keunguan);
  background: transparent;
  color: #fff;
}
.popover-biru-keunguan .popover-body, .popover-biru-keunguan > .popover .popover-body, .ngb-popover-biru-keunguan + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-biru-keunguan > .popover-arrow::before, .popover-biru-keunguan > .popover > .popover-arrow::before, .ngb-popover-biru-keunguan + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-biru-keunguan.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-biru-keunguan > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-biru-keunguan + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-biru-keunguan) !important;
}
.popover-biru-keunguan.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-biru-keunguan > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-biru-keunguan + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-biru-keunguan) !important;
}
[dir=rtl] .popover-biru-keunguan.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-biru-keunguan > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-biru-keunguan + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-biru-keunguan) !important;
}
.popover-biru-keunguan.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-biru-keunguan > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-biru-keunguan + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-biru-keunguan) !important;
}
.popover-biru-keunguan.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-biru-keunguan > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-biru-keunguan + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-biru-keunguan) !important;
}
[dir=rtl] .popover-biru-keunguan.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-biru-keunguan > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-biru-keunguan + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-biru-keunguan) !important;
}
.popover-biru-keunguan.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-biru-keunguan > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-biru-keunguan + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-biru-keunguan {
  --bs-table-bg: #f0e6ff;
  --bs-table-striped-bg: #e8deff;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #e0d6ff;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #e5dbff;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #d8ccff;
}
.table-biru-keunguan .btn-icon {
  color: #5d5446;
}

/* Merah-muda */
.alert-merah-muda {
  background-color: #ffe6f0;
  border-color: #ffe6f0;
  color: var(--bs-merah-muda);
}
.alert-merah-muda .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23FF69B4' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23FF69B4' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-merah-muda .alert-link {
  color: var(--bs-merah-muda);
}
.card .alert-merah-muda hr {
  background-color: var(--bs-merah-muda) !important;
}
.tooltip-merah-muda .tooltip-inner, .tooltip-merah-muda > .tooltip .tooltip-inner, .ngb-tooltip-merah-muda + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-merah-muda);
  color: #fff;
}
.tooltip-merah-muda.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-merah-muda > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-merah-muda + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-merah-muda);
}
.tooltip-merah-muda.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-merah-muda > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-merah-muda + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-merah-muda);
}
[dir=rtl] .tooltip-merah-muda.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-merah-muda > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-merah-muda + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-merah-muda);
}
.tooltip-merah-muda.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-merah-muda > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-merah-muda + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-merah-muda);
}
.tooltip-merah-muda.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-merah-muda > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-merah-muda + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-merah-muda);
}
[dir=rtl] .tooltip-merah-muda.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-merah-muda > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-merah-muda + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-merah-muda);
}
.popover-merah-muda, .popover-merah-muda > .popover, .ngb-popover-merah-muda + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-merah-muda);
}
.popover-merah-muda .popover-header, .popover-merah-muda > .popover .popover-header, .ngb-popover-merah-muda + ngb-popover-window .popover-header {
  border-color: var(--bs-merah-muda);
  background: transparent;
  color: #fff;
}
.popover-merah-muda .popover-body, .popover-merah-muda > .popover .popover-body, .ngb-popover-merah-muda + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-merah-muda > .popover-arrow::before, .popover-merah-muda > .popover > .popover-arrow::before, .ngb-popover-merah-muda + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-merah-muda.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-merah-muda > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-merah-muda + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-merah-muda) !important;
}
.popover-merah-muda.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-merah-muda > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-merah-muda + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-merah-muda) !important;
}
[dir=rtl] .popover-merah-muda.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-merah-muda > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-merah-muda + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-merah-muda) !important;
}
.popover-merah-muda.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-merah-muda > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-merah-muda + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-merah-muda) !important;
}
.popover-merah-muda.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-merah-muda > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-merah-muda + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-merah-muda) !important;
}
[dir=rtl] .popover-merah-muda.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-merah-muda > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-merah-muda + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-merah-muda) !important;
}
.popover-merah-muda.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-merah-muda > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-merah-muda + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-merah-muda {
  --bs-table-bg: #ffe6f0;
  --bs-table-striped-bg: #ffdee8;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #ffd6e0;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #ffdb e5;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #ffccd8;
}
.table-merah-muda .btn-icon {
  color: #5d5446;
}

/* Emas */
.alert-emas {
  background-color: #fff8e6;
  border-color: #fff8e6;
  color: var(--bs-emas);
}
.alert-emas .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%23FFD700' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%23FFD700' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-emas .alert-link {
  color: var(--bs-emas);
}
.card .alert-emas hr {
  background-color: var(--bs-emas) !important;
}
.tooltip-emas .tooltip-inner, .tooltip-emas > .tooltip .tooltip-inner, .ngb-tooltip-emas + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-emas);
  color: #5d5446;
}
.tooltip-emas.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-emas > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-emas + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-emas);
}
.tooltip-emas.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-emas > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-emas + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-emas);
}
[dir=rtl] .tooltip-emas.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-emas > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-emas + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-emas);
}
.tooltip-emas.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-emas > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-emas + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-emas);
}
.tooltip-emas.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-emas > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-emas + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-emas);
}
[dir=rtl] .tooltip-emas.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-emas > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-emas + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-emas);
}
.popover-emas, .popover-emas > .popover, .ngb-popover-emas + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-emas);
}
.popover-emas .popover-header, .popover-emas > .popover .popover-header, .ngb-popover-emas + ngb-popover-window .popover-header {
  border-color: var(--bs-emas);
  background: transparent;
  color: #5d5446;
}
.popover-emas .popover-body, .popover-emas > .popover .popover-body, .ngb-popover-emas + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-emas > .popover-arrow::before, .popover-emas > .popover > .popover-arrow::before, .ngb-popover-emas + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-emas.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-emas > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-emas + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-emas) !important;
}
.popover-emas.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-emas > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-emas + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-emas) !important;
}
[dir=rtl] .popover-emas.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-emas > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-emas + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-emas) !important;
}
.popover-emas.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-emas > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-emas + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-emas) !important;
}
.popover-emas.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-emas > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-emas + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-emas) !important;
}
[dir=rtl] .popover-emas.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-emas > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-emas + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-emas) !important;
}
.popover-emas.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-emas > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-emas + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-emas {
  --bs-table-bg: #fff8e6;
  --bs-table-striped-bg: #fff0de;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #ffe8d6;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #ffecdb;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #ffe0cc;
}
.table-emas .btn-icon {
  color: #5d5446;
}

/* Cokelat */
.alert-cokelat {
  background-color: #f5e9e6;
  border-color: #f5e9e6;
  color: var(--bs-cokelat);
}
.alert-cokelat .btn-close {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 4.5L5 13.5' stroke='%238B4513' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 4.5L5 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='%238B4513' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 4.5L14 13.5' stroke='white' stroke-opacity='0.2' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.alert-cokelat .alert-link {
  color: var(--bs-cokelat);
}
.card .alert-cokelat hr {
  background-color: var(--bs-cokelat) !important;
}
.tooltip-cokelat .tooltip-inner, .tooltip-cokelat > .tooltip .tooltip-inner, .ngb-tooltip-cokelat + ngb-tooltip-window .tooltip-inner {
  background: var(--bs-cokelat);
  color: #fff;
}
.tooltip-cokelat.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .tooltip-cokelat > .tooltip.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before, .ngb-tooltip-cokelat + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=top] .tooltip-arrow::before {
  border-top-color: var(--bs-cokelat);
}
.tooltip-cokelat.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .tooltip-cokelat > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, .ngb-tooltip-cokelat + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-left-color: var(--bs-cokelat);
}
[dir=rtl] .tooltip-cokelat.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .tooltip-cokelat > .tooltip.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-cokelat + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=left] .tooltip-arrow::before {
  border-right-color: var(--bs-cokelat);
}
.tooltip-cokelat.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .tooltip-cokelat > .tooltip.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before, .ngb-tooltip-cokelat + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=bottom] .tooltip-arrow::before {
  border-bottom-color: var(--bs-cokelat);
}
.tooltip-cokelat.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .tooltip-cokelat > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, .ngb-tooltip-cokelat + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-right-color: var(--bs-cokelat);
}
[dir=rtl] .tooltip-cokelat.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .tooltip-cokelat > .tooltip.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before, [dir=rtl] .ngb-tooltip-cokelat + ngb-tooltip-window.bs-tooltip-auto[data-popper-placement=right] .tooltip-arrow::before {
  border-left-color: var(--bs-cokelat);
}
.popover-cokelat, .popover-cokelat > .popover, .ngb-popover-cokelat + ngb-popover-window {
  border-color: transparent;
  background: var(--bs-cokelat);
}
.popover-cokelat .popover-header, .popover-cokelat > .popover .popover-header, .ngb-popover-cokelat + ngb-popover-window .popover-header {
  border-color: var(--bs-cokelat);
  background: transparent;
  color: #fff;
}
.popover-cokelat .popover-body, .popover-cokelat > .popover .popover-body, .ngb-popover-cokelat + ngb-popover-window .popover-body {
  background: transparent;
  color: rgba(255, 255, 255, 0.8);
}
.popover-cokelat > .popover-arrow::before, .popover-cokelat > .popover > .popover-arrow::before, .ngb-popover-cokelat + ngb-popover-window > .popover-arrow::before {
  border-color: transparent;
}
.popover-cokelat.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .popover-cokelat > .popover.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after, .ngb-popover-cokelat + ngb-popover-window.bs-popover-auto[data-popper-placement=top] > .popover-arrow::after {
  border-top-color: var(--bs-cokelat) !important;
}
.popover-cokelat.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .popover-cokelat > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, .ngb-popover-cokelat + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-right-color: var(--bs-cokelat) !important;
}
[dir=rtl] .popover-cokelat.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .popover-cokelat > .popover.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after, [dir=rtl] .ngb-popover-cokelat + ngb-popover-window.bs-popover-auto[data-popper-placement=right] > .popover-arrow::after {
  border-left-color: var(--bs-cokelat) !important;
}
.popover-cokelat.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .popover-cokelat > .popover.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after, .ngb-popover-cokelat + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] > .popover-arrow::after {
  border-bottom-color: var(--bs-cokelat) !important;
}
.popover-cokelat.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .popover-cokelat > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, .ngb-popover-cokelat + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-left-color: var(--bs-cokelat) !important;
}
[dir=rtl] .popover-cokelat.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .popover-cokelat > .popover.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after, [dir=rtl] .ngb-popover-cokelat + ngb-popover-window.bs-popover-auto[data-popper-placement=left] > .popover-arrow::after {
  border-right-color: var(--bs-cokelat) !important;
}
.popover-cokelat.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .popover-cokelat > .popover.bs-popover-auto[data-popper-placement=bottom] .popover-header::before, .ngb-popover-cokelat + ngb-popover-window.bs-popover-auto[data-popper-placement=bottom] .popover-header::before {
  border-bottom: 1px solid transparent !important;
}
.table-cokelat {
  --bs-table-bg: #f5e9e6;
  --bs-table-striped-bg: #ede1de;
  --bs-table-striped-color: #5d5446;
  --bs-table-active-bg: #e5d9d6;
  --bs-table-active-color: #5d5446;
  --bs-table-hover-bg: #eadedb;
  --bs-table-hover-color: #5d5446;
  color: #5d5446;
  border-color: #e0d0cc;
}
.table-cokelat .btn-icon {
  color: #5d5446;
}

.btn-primary {
  color: #fff;
  background-color: #f0b766;
  border-color: #f0b766;
}
.btn-primary:hover {
  color: #fff !important;
  background-color: #d8a65f !important;
  border-color: #d8a65f !important;
}
.btn-check:focus + .btn-primary, .btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #d8a65f;
  border-color: #d8a65f;
  box-shadow: none;
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .btn-primary.show.dropdown-toggle, .show > .btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #d8a65f !important;
  border-color: #d8a65f !important;
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff !important;
  background-color: #f0b766 !important;
  border-color: #f0b766 !important;
  box-shadow: none !important;
}

.btn-group .btn-primary,
.input-group .btn-primary {
  border-right: 1px solid #d8a65f;
  border-left: 1px solid #d8a65f;
}

.btn-label-primary {
  color: #f0b766;
  border-color: transparent;
  background: #fdf4e7;
}
.btn-label-primary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(240, 183, 102, 0.2) 0, rgba(240, 183, 102, 0.3) 40%, rgba(240, 183, 102, 0.4) 50%, rgba(240, 183, 102, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-primary:hover {
  border-color: transparent !important;
  background: #fbedda !important;
  color: #f0b766 !important;
}
.btn-label-primary:focus, .btn-label-primary.focus {
  color: #f0b766;
  background: #fbedda;
  box-shadow: none !important;
}
.btn-label-primary:active, .btn-label-primary.active, .btn-label-primary.show.dropdown-toggle, .show > .btn-label-primary.dropdown-toggle {
  color: #f0b766 !important;
  background-color: #fbedda !important;
  border-color: transparent !important;
}
.btn-label-primary:active:focus, .btn-label-primary.active:focus, .btn-label-primary.show.dropdown-toggle:focus, .show > .btn-label-primary.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-primary.disabled, .btn-label-primary:disabled {
  color: #f0b766 !important;
  border-color: transparent !important;
  background: #fdf4e8 !important;
  box-shadow: none;
}

.btn-group .btn-label-primary,
.input-group .btn-label-primary {
  border-right: 1px solid #fbedda;
  border-left: 1px solid #fbedda;
}

.btn-outline-primary {
  color: #f0b766;
  border-color: #f0b766;
  background: transparent;
}
.btn-outline-primary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(240, 183, 102, 0.2) 0, rgba(240, 183, 102, 0.3) 40%, rgba(240, 183, 102, 0.4) 50%, rgba(240, 183, 102, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-primary:hover {
  color: #f0b766 !important;
  background-color: #fef8f1 !important;
  border-color: #f0b766 !important;
}
.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
  color: #f0b766;
  background-color: #fef8f1;
  border-color: #f0b766;
  box-shadow: none;
}
.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
  color: #f0b766 !important;
  background-color: #fdf4e7 !important;
  border-color: #f0b766 !important;
}
.btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #f0b766 !important;
  background-color: transparent !important;
}

.btn-outline-primary .badge {
  background: #f0b766;
  border-color: #f0b766;
  color: #fff;
}

.btn-outline-primary:hover .badge,
.btn-outline-primary:focus:hover .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show > .btn-outline-primary.dropdown-toggle .badge {
  background: #f0b766;
  border-color: #f0b766;
}

/* Merah */
.btn-merah {
  color: #fff;
  background-color: var(--bs-merah);
  border-color: var(--bs-merah);
}
.btn-merah:hover {
  color: #fff !important;
  background-color: #cc0000 !important;
  border-color: #cc0000 !important;
}
.btn-check:focus + .btn-merah, .btn-merah:focus, .btn-merah.focus {
  color: #fff;
  background-color: #cc0000;
  border-color: #cc0000;
  box-shadow: none;
}
.btn-check:checked + .btn-merah, .btn-check:active + .btn-merah, .btn-merah:active, .btn-merah.active, .btn-merah.show.dropdown-toggle, .show > .btn-merah.dropdown-toggle {
  color: #fff !important;
  background-color: #cc0000 !important;
  border-color: #cc0000 !important;
}
.btn-merah.disabled, .btn-merah:disabled {
  color: #fff !important;
  background-color: var(--bs-merah) !important;
  border-color: var(--bs-merah) !important;
  box-shadow: none !important;
}
.btn-group .btn-merah,
.input-group .btn-merah {
  border-right: 1px solid #cc0000;
  border-left: 1px solid #cc0000;
}
.btn-label-merah {
  color: var(--bs-merah);
  border-color: transparent;
  background: #ffe6e6;
}
.btn-label-merah.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 0, 0, 0.2) 0, rgba(255, 0, 0, 0.3) 40%, rgba(255, 0, 0, 0.4) 50%, rgba(255, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-merah:hover {
  border-color: transparent !important;
  background: #ffdede !important;
  color: var(--bs-merah) !important;
}
.btn-label-merah:focus, .btn-label-merah.focus {
  color: var(--bs-merah);
  background: #ffdede;
  box-shadow: none !important;
}
.btn-label-merah:active, .btn-label-merah.active, .btn-label-merah.show.dropdown-toggle, .show > .btn-label-merah.dropdown-toggle {
  color: var(--bs-merah) !important;
  background-color: #ffdede !important;
  border-color: transparent !important;
}
.btn-label-merah:active:focus, .btn-label-merah.active:focus, .btn-label-merah.show.dropdown-toggle:focus, .show > .btn-label-merah.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-merah.disabled, .btn-label-merah:disabled {
  color: var(--bs-merah) !important;
  border-color: transparent !important;
  background: #ffe6e6 !important;
  box-shadow: none;
}
.btn-group .btn-label-merah,
.input-group .btn-label-merah {
  border-right: 1px solid #ffdede;
  border-left: 1px solid #ffdede;
}
.btn-outline-merah {
  color: var(--bs-merah);
  border-color: var(--bs-merah);
  background: transparent;
}
.btn-outline-merah.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 0, 0, 0.2) 0, rgba(255, 0, 0, 0.3) 40%, rgba(255, 0, 0, 0.4) 50%, rgba(255, 0, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-merah:hover {
  color: var(--bs-merah) !important;
  background-color: #ffe6e6 !important;
  border-color: var(--bs-merah) !important;
}
.btn-check:focus + .btn-outline-merah, .btn-outline-merah:focus {
  color: var(--bs-merah);
  background-color: #ffe6e6;
  border-color: var(--bs-merah);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-merah, .btn-check:active + .btn-outline-merah, .btn-outline-merah:active, .btn-outline-merah.active, .btn-outline-merah.dropdown-toggle.show {
  color: var(--bs-merah) !important;
  background-color: #ffe6e6 !important;
  border-color: var(--bs-merah) !important;
}
.btn-check:checked + .btn-outline-merah:focus, .btn-check:active + .btn-outline-merah:focus, .btn-outline-merah:active:focus, .btn-outline-merah.active:focus, .btn-outline-merah.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-merah.disabled, .btn-outline-merah:disabled {
  color: var(--bs-merah) !important;
  background-color: transparent !important;
}
.btn-outline-merah .badge {
  background: var(--bs-merah);
  border-color: var(--bs-merah);
  color: #fff;
}
.btn-outline-merah:hover .badge,
.btn-outline-merah:focus:hover .badge,
.btn-outline-merah:active .badge,
.btn-outline-merah.active .badge,
.show > .btn-outline-merah.dropdown-toggle .badge {
  background: var(--bs-merah);
  border-color: var(--bs-merah);
}

/* Hijau */
.btn-hijau {
  color: #fff;
  background-color: var(--bs-hijau);
  border-color: var(--bs-hijau);
}
.btn-hijau:hover {
  color: #fff !important;
  background-color: #00cc00 !important;
  border-color: #00cc00 !important;
}
.btn-check:focus + .btn-hijau, .btn-hijau:focus, .btn-hijau.focus {
  color: #fff;
  background-color: #00cc00;
  border-color: #00cc00;
  box-shadow: none;
}
.btn-check:checked + .btn-hijau, .btn-check:active + .btn-hijau, .btn-hijau:active, .btn-hijau.active, .btn-hijau.show.dropdown-toggle, .show > .btn-hijau.dropdown-toggle {
  color: #fff !important;
  background-color: #00cc00 !important;
  border-color: #00cc00 !important;
}
.btn-hijau.disabled, .btn-hijau:disabled {
  color: #fff !important;
  background-color: var(--bs-hijau) !important;
  border-color: var(--bs-hijau) !important;
  box-shadow: none !important;
}
.btn-group .btn-hijau,
.input-group .btn-hijau {
  border-right: 1px solid #00cc00;
  border-left: 1px solid #00cc00;
}
.btn-label-hijau {
  color: var(--bs-hijau);
  border-color: transparent;
  background: #e6ffe6;
}
.btn-label-hijau.waves-effect .waves-ripple {
  background: radial-gradient(rgba(0, 255, 0, 0.2) 0, rgba(0, 255, 0, 0.3) 40%, rgba(0, 255, 0, 0.4) 50%, rgba(0, 255, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-hijau:hover {
  border-color: transparent !important;
  background: #deffde !important;
  color: var(--bs-hijau) !important;
}
.btn-label-hijau:focus, .btn-label-hijau.focus {
  color: var(--bs-hijau);
  background: #deffde;
  box-shadow: none !important;
}
.btn-label-hijau:active, .btn-label-hijau.active, .btn-label-hijau.show.dropdown-toggle, .show > .btn-label-hijau.dropdown-toggle {
  color: var(--bs-hijau) !important;
  background-color: #deffde !important;
  border-color: transparent !important;
}
.btn-label-hijau:active:focus, .btn-label-hijau.active:focus, .btn-label-hijau.show.dropdown-toggle:focus, .show > .btn-label-hijau.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-hijau.disabled, .btn-label-hijau:disabled {
  color: var(--bs-hijau) !important;
  border-color: transparent !important;
  background: #e6ffe6 !important;
  box-shadow: none;
}
.btn-group .btn-label-hijau,
.input-group .btn-label-hijau {
  border-right: 1px solid #deffde;
  border-left: 1px solid #deffde;
}
.btn-outline-hijau {
  color: var(--bs-hijau);
  border-color: var(--bs-hijau);
  background: transparent;
}
.btn-outline-hijau.waves-effect .waves-ripple {
  background: radial-gradient(rgba(0, 255, 0, 0.2) 0, rgba(0, 255, 0, 0.3) 40%, rgba(0, 255, 0, 0.4) 50%, rgba(0, 255, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-hijau:hover {
  color: var(--bs-hijau) !important;
  background-color: #e6ffe6 !important;
  border-color: var(--bs-hijau) !important;
}
.btn-check:focus + .btn-outline-hijau, .btn-outline-hijau:focus {
  color: var(--bs-hijau);
  background-color: #e6ffe6;
  border-color: var(--bs-hijau);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-hijau, .btn-check:active + .btn-outline-hijau, .btn-outline-hijau:active, .btn-outline-hijau.active, .btn-outline-hijau.dropdown-toggle.show {
  color: var(--bs-hijau) !important;
  background-color: #e6ffe6 !important;
  border-color: var(--bs-hijau) !important;
}
.btn-check:checked + .btn-outline-hijau:focus, .btn-check:active + .btn-outline-hijau:focus, .btn-outline-hijau:active:focus, .btn-outline-hijau.active:focus, .btn-outline-hijau.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-hijau.disabled, .btn-outline-hijau:disabled {
  color: var(--bs-hijau) !important;
  background-color: transparent !important;
}
.btn-outline-hijau .badge {
  background: var(--bs-hijau);
  border-color: var(--bs-hijau);
  color: #fff;
}
.btn-outline-hijau:hover .badge,
.btn-outline-hijau:focus:hover .badge,
.btn-outline-hijau:active .badge,
.btn-outline-hijau.active .badge,
.show > .btn-outline-hijau.dropdown-toggle .badge {
  background: var(--bs-hijau);
  border-color: var(--bs-hijau);
}

/* Biru */
.btn-biru {
  color: #fff;
  background-color: var(--bs-biru);
  border-color: var(--bs-biru);
}
.btn-biru:hover {
  color: #fff !important;
  background-color: #0000cc !important;
  border-color: #0000cc !important;
}
.btn-check:focus + .btn-biru, .btn-biru:focus, .btn-biru.focus {
  color: #fff;
  background-color: #0000cc;
  border-color: #0000cc;
  box-shadow: none;
}
.btn-check:checked + .btn-biru, .btn-check:active + .btn-biru, .btn-biru:active, .btn-biru.active, .btn-biru.show.dropdown-toggle, .show > .btn-biru.dropdown-toggle {
  color: #fff !important;
  background-color: #0000cc !important;
  border-color: #0000cc !important;
}
.btn-biru.disabled, .btn-biru:disabled {
  color: #fff !important;
  background-color: var(--bs-biru) !important;
  border-color: var(--bs-biru) !important;
  box-shadow: none !important;
}
.btn-group .btn-biru,
.input-group .btn-biru {
  border-right: 1px solid #0000cc;
  border-left: 1px solid #0000cc;
}
.btn-label-biru {
  color: var(--bs-biru);
  border-color: transparent;
  background: #e6e6ff;
}
.btn-label-biru.waves-effect .waves-ripple {
  background: radial-gradient(rgba(0, 0, 255, 0.2) 0, rgba(0, 0, 255, 0.3) 40%, rgba(0, 0, 255, 0.4) 50%, rgba(0, 0, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-biru:hover {
  border-color: transparent !important;
  background: #dedeff !important;
  color: var(--bs-biru) !important;
}
.btn-label-biru:focus, .btn-label-biru.focus {
  color: var(--bs-biru);
  background: #dedeff;
  box-shadow: none !important;
}
.btn-label-biru:active, .btn-label-biru.active, .btn-label-biru.show.dropdown-toggle, .show > .btn-label-biru.dropdown-toggle {
  color: var(--bs-biru) !important;
  background-color: #dedeff !important;
  border-color: transparent !important;
}
.btn-label-biru:active:focus, .btn-label-biru.active:focus, .btn-label-biru.show.dropdown-toggle:focus, .show > .btn-label-biru.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-biru.disabled, .btn-label-biru:disabled {
  color: var(--bs-biru) !important;
  border-color: transparent !important;
  background: #e6e6ff !important;
  box-shadow: none;
}
.btn-group .btn-label-biru,
.input-group .btn-label-biru {
  border-right: 1px solid #dedeff;
  border-left: 1px solid #dedeff;
}
.btn-outline-biru {
  color: var(--bs-biru);
  border-color: var(--bs-biru);
  background: transparent;
}
.btn-outline-biru.waves-effect .waves-ripple {
  background: radial-gradient(rgba(0, 0, 255, 0.2) 0, rgba(0, 0, 255, 0.3) 40%, rgba(0, 0, 255, 0.4) 50%, rgba(0, 0, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-biru:hover {
  color: var(--bs-biru) !important;
  background-color: #e6e6ff !important;
  border-color: var(--bs-biru) !important;
}
.btn-check:focus + .btn-outline-biru, .btn-outline-biru:focus {
  color: var(--bs-biru);
  background-color: #e6e6ff;
  border-color: var(--bs-biru);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-biru, .btn-check:active + .btn-outline-biru, .btn-outline-biru:active, .btn-outline-biru.active, .btn-outline-biru.dropdown-toggle.show {
  color: var(--bs-biru) !important;
  background-color: #e6e6ff !important;
  border-color: var(--bs-biru) !important;
}
.btn-check:checked + .btn-outline-biru:focus, .btn-check:active + .btn-outline-biru:focus, .btn-outline-biru:active:focus, .btn-outline-biru.active:focus, .btn-outline-biru.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-biru.disabled, .btn-outline-biru:disabled {
  color: var(--bs-biru) !important;
  background-color: transparent !important;
}
.btn-outline-biru .badge {
  background: var(--bs-biru);
  border-color: var(--bs-biru);
  color: #fff;
}
.btn-outline-biru:hover .badge,
.btn-outline-biru:focus:hover .badge,
.btn-outline-biru:active .badge,
.btn-outline-biru.active .badge,
.show > .btn-outline-biru.dropdown-toggle .badge {
  background: var(--bs-biru);
  border-color: var(--bs-biru);
}

/* Kuning */
.btn-kuning {
  color: #5d5446;
  background-color: var(--bs-kuning);
  border-color: var(--bs-kuning);
}
.btn-kuning:hover {
  color: #5d5446 !important;
  background-color: #cccc00 !important;
  border-color: #cccc00 !important;
}
.btn-check:focus + .btn-kuning, .btn-kuning:focus, .btn-kuning.focus {
  color: #5d5446;
  background-color: #cccc00;
  border-color: #cccc00;
  box-shadow: none;
}
.btn-check:checked + .btn-kuning, .btn-check:active + .btn-kuning, .btn-kuning:active, .btn-kuning.active, .btn-kuning.show.dropdown-toggle, .show > .btn-kuning.dropdown-toggle {
  color: #5d5446 !important;
  background-color: #cccc00 !important;
  border-color: #cccc00 !important;
}
.btn-kuning.disabled, .btn-kuning:disabled {
  color: #5d5446 !important;
  background-color: var(--bs-kuning) !important;
  border-color: var(--bs-kuning) !important;
  box-shadow: none !important;
}
.btn-group .btn-kuning,
.input-group .btn-kuning {
  border-right: 1px solid #cccc00;
  border-left: 1px solid #cccc00;
}
.btn-label-kuning {
  color: var(--bs-kuning);
  border-color: transparent;
  background: #ffffe6;
}
.btn-label-kuning.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 255, 0, 0.2) 0, rgba(255, 255, 0, 0.3) 40%, rgba(255, 255, 0, 0.4) 50%, rgba(255, 255, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-kuning:hover {
  border-color: transparent !important;
  background: #fffede !important;
  color: var(--bs-kuning) !important;
}
.btn-label-kuning:focus, .btn-label-kuning.focus {
  color: var(--bs-kuning);
  background: #fffede;
  box-shadow: none !important;
}
.btn-label-kuning:active, .btn-label-kuning.active, .btn-label-kuning.show.dropdown-toggle, .show > .btn-label-kuning.dropdown-toggle {
  color: var(--bs-kuning) !important;
  background-color: #fffede !important;
  border-color: transparent !important;
}
.btn-label-kuning:active:focus, .btn-label-kuning.active:focus, .btn-label-kuning.show.dropdown-toggle:focus, .show > .btn-label-kuning.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-kuning.disabled, .btn-label-kuning:disabled {
  color: var(--bs-kuning) !important;
  border-color: transparent !important;
  background: #ffffe6 !important;
  box-shadow: none;
}
.btn-group .btn-label-kuning,
.input-group .btn-label-kuning {
  border-right: 1px solid #fffede;
  border-left: 1px solid #fffede;
}
.btn-outline-kuning {
  color: var(--bs-kuning);
  border-color: var(--bs-kuning);
  background: transparent;
}
.btn-outline-kuning.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 255, 0, 0.2) 0, rgba(255, 255, 0, 0.3) 40%, rgba(255, 255, 0, 0.4) 50%, rgba(255, 255, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-kuning:hover {
  color: var(--bs-kuning) !important;
  background-color: #ffffe6 !important;
  border-color: var(--bs-kuning) !important;
}
.btn-check:focus + .btn-outline-kuning, .btn-outline-kuning:focus {
  color: var(--bs-kuning);
  background-color: #ffffe6;
  border-color: var(--bs-kuning);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-kuning, .btn-check:active + .btn-outline-kuning, .btn-outline-kuning:active, .btn-outline-kuning.active, .btn-outline-kuning.dropdown-toggle.show {
  color: var(--bs-kuning) !important;
  background-color: #ffffe6 !important;
  border-color: var(--bs-kuning) !important;
}
.btn-check:checked + .btn-outline-kuning:focus, .btn-check:active + .btn-outline-kuning:focus, .btn-outline-kuning:active:focus, .btn-outline-kuning.active:focus, .btn-outline-kuning.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-kuning.disabled, .btn-outline-kuning:disabled {
  color: var(--bs-kuning) !important;
  background-color: transparent !important;
}
.btn-outline-kuning .badge {
  background: var(--bs-kuning);
  border-color: var(--bs-kuning);
  color: #5d5446;
}
.btn-outline-kuning:hover .badge,
.btn-outline-kuning:focus:hover .badge,
.btn-outline-kuning:active .badge,
.btn-outline-kuning.active .badge,
.show > .btn-outline-kuning.dropdown-toggle .badge {
  background: var(--bs-kuning);
  border-color: var(--bs-kuning);
}

/* Magenta */
.btn-magenta {
  color: #fff;
  background-color: var(--bs-magenta);
  border-color: var(--bs-magenta);
}
.btn-magenta:hover {
  color: #fff !important;
  background-color: #cc00cc !important;
  border-color: #cc00cc !important;
}
.btn-check:focus + .btn-magenta, .btn-magenta:focus, .btn-magenta.focus {
  color: #fff;
  background-color: #cc00cc;
  border-color: #cc00cc;
  box-shadow: none;
}
.btn-check:checked + .btn-magenta, .btn-check:active + .btn-magenta, .btn-magenta:active, .btn-magenta.active, .btn-magenta.show.dropdown-toggle, .show > .btn-magenta.dropdown-toggle {
  color: #fff !important;
  background-color: #cc00cc !important;
  border-color: #cc00cc !important;
}
.btn-magenta.disabled, .btn-magenta:disabled {
  color: #fff !important;
  background-color: var(--bs-magenta) !important;
  border-color: var(--bs-magenta) !important;
  box-shadow: none !important;
}
.btn-group .btn-magenta,
.input-group .btn-magenta {
  border-right: 1px solid #cc00cc;
  border-left: 1px solid #cc00cc;
}
.btn-label-magenta {
  color: var(--bs-magenta);
  border-color: transparent;
  background: #ffe6ff;
}
.btn-label-magenta.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 0, 255, 0.2) 0, rgba(255, 0, 255, 0.3) 40%, rgba(255, 0, 255, 0.4) 50%, rgba(255, 0, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-magenta:hover {
  border-color: transparent !important;
  background: #ffdeff !important;
  color: var(--bs-magenta) !important;
}
.btn-label-magenta:focus, .btn-label-magenta.focus {
  color: var(--bs-magenta);
  background: #ffdeff;
  box-shadow: none !important;
}
.btn-label-magenta:active, .btn-label-magenta.active, .btn-label-magenta.show.dropdown-toggle, .show > .btn-label-magenta.dropdown-toggle {
  color: var(--bs-magenta) !important;
  background-color: #ffdeff !important;
  border-color: transparent !important;
}
.btn-label-magenta:active:focus, .btn-label-magenta.active:focus, .btn-label-magenta.show.dropdown-toggle:focus, .show > .btn-label-magenta.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-magenta.disabled, .btn-label-magenta:disabled {
  color: var(--bs-magenta) !important;
  border-color: transparent !important;
  background: #ffe6ff !important;
  box-shadow: none;
}
.btn-group .btn-label-magenta,
.input-group .btn-label-magenta {
  border-right: 1px solid #ffdeff;
  border-left: 1px solid #ffdeff;
}
.btn-outline-magenta {
  color: var(--bs-magenta);
  border-color: var(--bs-magenta);
  background: transparent;
}
.btn-outline-magenta.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 0, 255, 0.2) 0, rgba(255, 0, 255, 0.3) 40%, rgba(255, 0, 255, 0.4) 50%, rgba(255, 0, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-magenta:hover {
  color: var(--bs-magenta) !important;
  background-color: #ffe6ff !important;
  border-color: var(--bs-magenta) !important;
}
.btn-check:focus + .btn-outline-magenta, .btn-outline-magenta:focus {
  color: var(--bs-magenta);
  background-color: #ffe6ff;
  border-color: var(--bs-magenta);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-magenta, .btn-check:active + .btn-outline-magenta, .btn-outline-magenta:active, .btn-outline-magenta.active, .btn-outline-magenta.dropdown-toggle.show {
  color: var(--bs-magenta) !important;
  background-color: #ffe6ff !important;
  border-color: var(--bs-magenta) !important;
}
.btn-check:checked + .btn-outline-magenta:focus, .btn-check:active + .btn-outline-magenta:focus, .btn-outline-magenta:active:focus, .btn-outline-magenta.active:focus, .btn-outline-magenta.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-magenta.disabled, .btn-outline-magenta:disabled {
  color: var(--bs-magenta) !important;
  background-color: transparent !important;
}
.btn-outline-magenta .badge {
  background: var(--bs-magenta);
  border-color: var(--bs-magenta);
  color: #fff;
}
.btn-outline-magenta:hover .badge,
.btn-outline-magenta:focus:hover .badge,
.btn-outline-magenta:active .badge,
.btn-outline-magenta.active .badge,
.show > .btn-outline-magenta.dropdown-toggle .badge {
  background: var(--bs-magenta);
  border-color: var(--bs-magenta);
}

/* Jingga */
.btn-jingga {
  color: #fff;
  background-color: var(--bs-jingga);
  border-color: var(--bs-jingga);
}
.btn-jingga:hover {
  color: #fff !important;
  background-color: #cc8400 !important;
  border-color: #cc8400 !important;
}
.btn-check:focus + .btn-jingga, .btn-jingga:focus, .btn-jingga.focus {
  color: #fff;
  background-color: #cc8400;
  border-color: #cc8400;
  box-shadow: none;
}
.btn-check:checked + .btn-jingga, .btn-check:active + .btn-jingga, .btn-jingga:active, .btn-jingga.active, .btn-jingga.show.dropdown-toggle, .show > .btn-jingga.dropdown-toggle {
  color: #fff !important;
  background-color: #cc8400 !important;
  border-color: #cc8400 !important;
}
.btn-jingga.disabled, .btn-jingga:disabled {
  color: #fff !important;
  background-color: var(--bs-jingga) !important;
  border-color: var(--bs-jingga) !important;
  box-shadow: none !important;
}
.btn-group .btn-jingga,
.input-group .btn-jingga {
  border-right: 1px solid #cc8400;
  border-left: 1px solid #cc8400;
}
.btn-label-jingga {
  color: var(--bs-jingga);
  border-color: transparent;
  background: #fff5e6;
}
.btn-label-jingga.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 165, 0, 0.2) 0, rgba(255, 165, 0, 0.3) 40%, rgba(255, 165, 0, 0.4) 50%, rgba(255, 165, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-jingga:hover {
  border-color: transparent !important;
  background: #ffedde !important;
  color: var(--bs-jingga) !important;
}
.btn-label-jingga:focus, .btn-label-jingga.focus {
  color: var(--bs-jingga);
  background: #ffedde;
  box-shadow: none !important;
}
.btn-label-jingga:active, .btn-label-jingga.active, .btn-label-jingga.show.dropdown-toggle, .show > .btn-label-jingga.dropdown-toggle {
  color: var(--bs-jingga) !important;
  background-color: #ffedde !important;
  border-color: transparent !important;
}
.btn-label-jingga:active:focus, .btn-label-jingga.active:focus, .btn-label-jingga.show.dropdown-toggle:focus, .show > .btn-label-jingga.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-jingga.disabled, .btn-label-jingga:disabled {
  color: var(--bs-jingga) !important;
  border-color: transparent !important;
  background: #fff5e6 !important;
  box-shadow: none;
}
.btn-group .btn-label-jingga,
.input-group .btn-label-jingga {
  border-right: 1px solid #ffedde;
  border-left: 1px solid #ffedde;
}
.btn-outline-jingga {
  color: var(--bs-jingga);
  border-color: var(--bs-jingga);
  background: transparent;
}
.btn-outline-jingga.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 165, 0, 0.2) 0, rgba(255, 165, 0, 0.3) 40%, rgba(255, 165, 0, 0.4) 50%, rgba(255, 165, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-jingga:hover {
  color: var(--bs-jingga) !important;
  background-color: #fff5e6 !important;
  border-color: var(--bs-jingga) !important;
}
.btn-check:focus + .btn-outline-jingga, .btn-outline-jingga:focus {
  color: var(--bs-jingga);
  background-color: #fff5e6;
  border-color: var(--bs-jingga);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-jingga, .btn-check:active + .btn-outline-jingga, .btn-outline-jingga:active, .btn-outline-jingga.active, .btn-outline-jingga.dropdown-toggle.show {
  color: var(--bs-jingga) !important;
  background-color: #fff5e6 !important;
  border-color: var(--bs-jingga) !important;
}
.btn-check:checked + .btn-outline-jingga:focus, .btn-check:active + .btn-outline-jingga:focus, .btn-outline-jingga:active:focus, .btn-outline-jingga.active:focus, .btn-outline-jingga.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-jingga.disabled, .btn-outline-jingga:disabled {
  color: var(--bs-jingga) !important;
  background-color: transparent !important;
}
.btn-outline-jingga .badge {
  background: var(--bs-jingga);
  border-color: var(--bs-jingga);
  color: #fff;
}
.btn-outline-jingga:hover .badge,
.btn-outline-jingga:focus:hover .badge,
.btn-outline-jingga:active .badge,
.btn-outline-jingga.active .badge,
.show > .btn-outline-jingga.dropdown-toggle .badge {
  background: var(--bs-jingga);
  border-color: var(--bs-jingga);
}

/* Hijau-kekuningan */
.btn-hijau-kekuningan {
  color: #5d5446;
  background-color: var(--bs-hijau-kekuningan);
  border-color: var(--bs-hijau-kekuningan);
}
.btn-hijau-kekuningan:hover {
  color: #5d5446 !important;
  background-color: #8acc26 !important;
  border-color: #8acc26 !important;
}
.btn-check:focus + .btn-hijau-kekuningan, .btn-hijau-kekuningan:focus, .btn-hijau-kekuningan.focus {
  color: #5d5446;
  background-color: #8acc26;
  border-color: #8acc26;
  box-shadow: none;
}
.btn-check:checked + .btn-hijau-kekuningan, .btn-check:active + .btn-hijau-kekuningan, .btn-hijau-kekuningan:active, .btn-hijau-kekuningan.active, .btn-hijau-kekuningan.show.dropdown-toggle, .show > .btn-hijau-kekuningan.dropdown-toggle {
  color: #5d5446 !important;
  background-color: #8acc26 !important;
  border-color: #8acc26 !important;
}
.btn-hijau-kekuningan.disabled, .btn-hijau-kekuningan:disabled {
  color: #5d5446 !important;
  background-color: var(--bs-hijau-kekuningan) !important;
  border-color: var(--bs-hijau-kekuningan) !important;
  box-shadow: none !important;
}
.btn-group .btn-hijau-kekuningan,
.input-group .btn-hijau-kekuningan {
  border-right: 1px solid #8acc26;
  border-left: 1px solid #8acc26;
}
.btn-label-hijau-kekuningan {
  color: var(--bs-hijau-kekuningan);
  border-color: transparent;
  background: #f5ffe6;
}
.btn-label-hijau-kekuningan.waves-effect .waves-ripple {
  background: radial-gradient(rgba(173, 255, 47, 0.2) 0, rgba(173, 255, 47, 0.3) 40%, rgba(173, 255, 47, 0.4) 50%, rgba(173, 255, 47, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-hijau-kekuningan:hover {
  border-color: transparent !important;
  background: #edffde !important;
  color: var(--bs-hijau-kekuningan) !important;
}
.btn-label-hijau-kekuningan:focus, .btn-label-hijau-kekuningan.focus {
  color: var(--bs-hijau-kekuningan);
  background: #edffde;
  box-shadow: none !important;
}
.btn-label-hijau-kekuningan:active, .btn-label-hijau-kekuningan.active, .btn-label-hijau-kekuningan.show.dropdown-toggle, .show > .btn-label-hijau-kekuningan.dropdown-toggle {
  color: var(--bs-hijau-kekuningan) !important;
  background-color: #edffde !important;
  border-color: transparent !important;
}
.btn-label-hijau-kekuningan:active:focus, .btn-label-hijau-kekuningan.active:focus, .btn-label-hijau-kekuningan.show.dropdown-toggle:focus, .show > .btn-label-hijau-kekuningan.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-hijau-kekuningan.disabled, .btn-label-hijau-kekuningan:disabled {
  color: var(--bs-hijau-kekuningan) !important;
  border-color: transparent !important;
  background: #f5ffe6 !important;
  box-shadow: none;
}
.btn-group .btn-label-hijau-kekuningan,
.input-group .btn-label-hijau-kekuningan {
  border-right: 1px solid #edffde;
  border-left: 1px solid #edffde;
}
.btn-outline-hijau-kekuningan {
  color: var(--bs-hijau-kekuningan);
  border-color: var(--bs-hijau-kekuningan);
  background: transparent;
}
.btn-outline-hijau-kekuningan.waves-effect .waves-ripple {
  background: radial-gradient(rgba(173, 255, 47, 0.2) 0, rgba(173, 255, 47, 0.3) 40%, rgba(173, 255, 47, 0.4) 50%, rgba(173, 255, 47, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-hijau-kekuningan:hover {
  color: var(--bs-hijau-kekuningan) !important;
  background-color: #f5ffe6 !important;
  border-color: var(--bs-hijau-kekuningan) !important;
}
.btn-check:focus + .btn-outline-hijau-kekuningan, .btn-outline-hijau-kekuningan:focus {
  color: var(--bs-hijau-kekuningan);
  background-color: #f5ffe6;
  border-color: var(--bs-hijau-kekuningan);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-hijau-kekuningan, .btn-check:active + .btn-outline-hijau-kekuningan, .btn-outline-hijau-kekuningan:active, .btn-outline-hijau-kekuningan.active, .btn-outline-hijau-kekuningan.dropdown-toggle.show {
  color: var(--bs-hijau-kekuningan) !important;
  background-color: #f5ffe6 !important;
  border-color: var(--bs-hijau-kekuningan) !important;
}
.btn-check:checked + .btn-outline-hijau-kekuningan:focus, .btn-check:active + .btn-outline-hijau-kekuningan:focus, .btn-outline-hijau-kekuningan:active:focus, .btn-outline-hijau-kekuningan.active:focus, .btn-outline-hijau-kekuningan.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-hijau-kekuningan.disabled, .btn-outline-hijau-kekuningan:disabled {
  color: var(--bs-hijau-kekuningan) !important;
  background-color: transparent !important;
}
.btn-outline-hijau-kekuningan .badge {
  background: var(--bs-hijau-kekuningan);
  border-color: var(--bs-hijau-kekuningan);
  color: #5d5446;
}
.btn-outline-hijau-kekuningan:hover .badge,
.btn-outline-hijau-kekuningan:focus:hover .badge,
.btn-outline-hijau-kekuningan:active .badge,
.btn-outline-hijau-kekuningan.active .badge,
.show > .btn-outline-hijau-kekuningan.dropdown-toggle .badge {
  background: var(--bs-hijau-kekuningan);
  border-color: var(--bs-hijau-kekuningan);
}

/* Biru-kehijauan */
.btn-biru-kehijauan {
  color: #fff;
  background-color: var(--bs-biru-kehijauan);
  border-color: var(--bs-biru-kehijauan);
}
.btn-biru-kehijauan:hover {
  color: #fff !important;
  background-color: #33b3a6 !important;
  border-color: #33b3a6 !important;
}
.btn-check:focus + .btn-biru-kehijauan, .btn-biru-kehijauan:focus, .btn-biru-kehijauan.focus {
  color: #fff;
  background-color: #33b3a6;
  border-color: #33b3a6;
  box-shadow: none;
}
.btn-check:checked + .btn-biru-kehijauan, .btn-check:active + .btn-biru-kehijauan, .btn-biru-kehijauan:active, .btn-biru-kehijauan.active, .btn-biru-kehijauan.show.dropdown-toggle, .show > .btn-biru-kehijauan.dropdown-toggle {
  color: #fff !important;
  background-color: #33b3a6 !important;
  border-color: #33b3a6 !important;
}
.btn-biru-kehijauan.disabled, .btn-biru-kehijauan:disabled {
  color: #fff !important;
  background-color: var(--bs-biru-kehijauan) !important;
  border-color: var(--bs-biru-kehijauan) !important;
  box-shadow: none !important;
}
.btn-group .btn-biru-kehijauan,
.input-group .btn-biru-kehijauan {
  border-right: 1px solid #33b3a6;
  border-left: 1px solid #33b3a6;
}
.btn-label-biru-kehijauan {
  color: var(--bs-biru-kehijauan);
  border-color: transparent;
  background: #e6fafa;
}
.btn-label-biru-kehijauan.waves-effect .waves-ripple {
  background: radial-gradient(rgba(64, 224, 208, 0.2) 0, rgba(64, 224, 208, 0.3) 40%, rgba(64, 224, 208, 0.4) 50%, rgba(64, 224, 208, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-biru-kehijauan:hover {
  border-color: transparent !important;
  background: #def2f2 !important;
  color: var(--bs-biru-kehijauan) !important;
}
.btn-label-biru-kehijauan:focus, .btn-label-biru-kehijauan.focus {
  color: var(--bs-biru-kehijauan);
  background: #def2f2;
  box-shadow: none !important;
}
.btn-label-biru-kehijauan:active, .btn-label-biru-kehijauan.active, .btn-label-biru-kehijauan.show.dropdown-toggle, .show > .btn-label-biru-kehijauan.dropdown-toggle {
  color: var(--bs-biru-kehijauan) !important;
  background-color: #def2f2 !important;
  border-color: transparent !important;
}
.btn-label-biru-kehijauan:active:focus, .btn-label-biru-kehijauan.active:focus, .btn-label-biru-kehijauan.show.dropdown-toggle:focus, .show > .btn-label-biru-kehijauan.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-biru-kehijauan.disabled, .btn-label-biru-kehijauan:disabled {
  color: var(--bs-biru-kehijauan) !important;
  border-color: transparent !important;
  background: #e6fafa !important;
  box-shadow: none;
}
.btn-group .btn-label-biru-kehijauan,
.input-group .btn-label-biru-kehijauan {
  border-right: 1px solid #def2f2;
  border-left: 1px solid #def2f2;
}
.btn-outline-biru-kehijauan {
  color: var(--bs-biru-kehijauan);
  border-color: var(--bs-biru-kehijauan);
  background: transparent;
}
.btn-outline-biru-kehijauan.waves-effect .waves-ripple {
  background: radial-gradient(rgba(64, 224, 208, 0.2) 0, rgba(64, 224, 208, 0.3) 40%, rgba(64, 224, 208, 0.4) 50%, rgba(64, 224, 208, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-biru-kehijauan:hover {
  color: var(--bs-biru-kehijauan) !important;
  background-color: #e6fafa !important;
  border-color: var(--bs-biru-kehijauan) !important;
}
.btn-check:focus + .btn-outline-biru-kehijauan, .btn-outline-biru-kehijauan:focus {
  color: var(--bs-biru-kehijauan);
  background-color: #e6fafa;
  border-color: var(--bs-biru-kehijauan);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-biru-kehijauan, .btn-check:active + .btn-outline-biru-kehijauan, .btn-outline-biru-kehijauan:active, .btn-outline-biru-kehijauan.active, .btn-outline-biru-kehijauan.dropdown-toggle.show {
  color: var(--bs-biru-kehijauan) !important;
  background-color: #e6fafa !important;
  border-color: var(--bs-biru-kehijauan) !important;
}
.btn-check:checked + .btn-outline-biru-kehijauan:focus, .btn-check:active + .btn-outline-biru-kehijauan:focus, .btn-outline-biru-kehijauan:active:focus, .btn-outline-biru-kehijauan.active:focus, .btn-outline-biru-kehijauan.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-biru-kehijauan.disabled, .btn-outline-biru-kehijauan:disabled {
  color: var(--bs-biru-kehijauan) !important;
  background-color: transparent !important;
}
.btn-outline-biru-kehijauan .badge {
  background: var(--bs-biru-kehijauan);
  border-color: var(--bs-biru-kehijauan);
  color: #fff;
}
.btn-outline-biru-kehijauan:hover .badge,
.btn-outline-biru-kehijauan:focus:hover .badge,
.btn-outline-biru-kehijauan:active .badge,
.btn-outline-biru-kehijauan.active .badge,
.show > .btn-outline-biru-kehijauan.dropdown-toggle .badge {
  background: var(--bs-biru-kehijauan);
  border-color: var(--bs-biru-kehijauan);
}

/* Biru-keunguan */
.btn-biru-keunguan {
  color: #fff;
  background-color: var(--bs-biru-keunguan);
  border-color: var(--bs-biru-keunguan);
}
.btn-biru-keunguan:hover {
  color: #fff !important;
  background-color: #6e22b8 !important;
  border-color: #6e22b8 !important;
}
.btn-check:focus + .btn-biru-keunguan, .btn-biru-keunguan:focus, .btn-biru-keunguan.focus {
  color: #fff;
  background-color: #6e22b8;
  border-color: #6e22b8;
  box-shadow: none;
}
.btn-check:checked + .btn-biru-keunguan, .btn-check:active + .btn-biru-keunguan, .btn-biru-keunguan:active, .btn-biru-keunguan.active, .btn-biru-keunguan.show.dropdown-toggle, .show > .btn-biru-keunguan.dropdown-toggle {
  color: #fff !important;
  background-color: #6e22b8 !important;
  border-color: #6e22b8 !important;
}
.btn-biru-keunguan.disabled, .btn-biru-keunguan:disabled {
  color: #fff !important;
  background-color: var(--bs-biru-keunguan) !important;
  border-color: var(--bs-biru-keunguan) !important;
  box-shadow: none !important;
}
.btn-group .btn-biru-keunguan,
.input-group .btn-biru-keunguan {
  border-right: 1px solid #6e22b8;
  border-left: 1px solid #6e22b8;
}
.btn-label-biru-keunguan {
  color: var(--bs-biru-keunguan);
  border-color: transparent;
  background: #f0e6ff;
}
.btn-label-biru-keunguan.waves-effect .waves-ripple {
  background: radial-gradient(rgba(138, 43, 226, 0.2) 0, rgba(138, 43, 226, 0.3) 40%, rgba(138, 43, 226, 0.4) 50%, rgba(138, 43, 226, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-biru-keunguan:hover {
  border-color: transparent !important;
  background: #e8deff !important;
  color: var(--bs-biru-keunguan) !important;
}
.btn-label-biru-keunguan:focus, .btn-label-biru-keunguan.focus {
  color: var(--bs-biru-keunguan);
  background: #e8deff;
  box-shadow: none !important;
}
.btn-label-biru-keunguan:active, .btn-label-biru-keunguan.active, .btn-label-biru-keunguan.show.dropdown-toggle, .show > .btn-label-biru-keunguan.dropdown-toggle {
  color: var(--bs-biru-keunguan) !important;
  background-color: #e8deff !important;
  border-color: transparent !important;
}
.btn-label-biru-keunguan:active:focus, .btn-label-biru-keunguan.active:focus, .btn-label-biru-keunguan.show.dropdown-toggle:focus, .show > .btn-label-biru-keunguan.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-biru-keunguan.disabled, .btn-label-biru-keunguan:disabled {
  color: var(--bs-biru-keunguan) !important;
  border-color: transparent !important;
  background: #f0e6ff !important;
  box-shadow: none;
}
.btn-group .btn-label-biru-keunguan,
.input-group .btn-label-biru-keunguan {
  border-right: 1px solid #e8deff;
  border-left: 1px solid #e8deff;
}
.btn-outline-biru-keunguan {
  color: var(--bs-biru-keunguan);
  border-color: var(--bs-biru-keunguan);
  background: transparent;
}
.btn-outline-biru-keunguan.waves-effect .waves-ripple {
  background: radial-gradient(rgba(138, 43, 226, 0.2) 0, rgba(138, 43, 226, 0.3) 40%, rgba(138, 43, 226, 0.4) 50%, rgba(138, 43, 226, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-biru-keunguan:hover {
  color: var(--bs-biru-keunguan) !important;
  background-color: #f0e6ff !important;
  border-color: var(--bs-biru-keunguan) !important;
}
.btn-check:focus + .btn-outline-biru-keunguan, .btn-outline-biru-keunguan:focus {
  color: var(--bs-biru-keunguan);
  background-color: #f0e6ff;
  border-color: var(--bs-biru-keunguan);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-biru-keunguan, .btn-check:active + .btn-outline-biru-keunguan, .btn-outline-biru-keunguan:active, .btn-outline-biru-keunguan.active, .btn-outline-biru-keunguan.dropdown-toggle.show {
  color: var(--bs-biru-keunguan) !important;
  background-color: #f0e6ff !important;
  border-color: var(--bs-biru-keunguan) !important;
}
.btn-check:checked + .btn-outline-biru-keunguan:focus, .btn-check:active + .btn-outline-biru-keunguan:focus, .btn-outline-biru-keunguan:active:focus, .btn-outline-biru-keunguan.active:focus, .btn-outline-biru-keunguan.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-biru-keunguan.disabled, .btn-outline-biru-keunguan:disabled {
  color: var(--bs-biru-keunguan) !important;
  background-color: transparent !important;
}
.btn-outline-biru-keunguan .badge {
  background: var(--bs-biru-keunguan);
  border-color: var(--bs-biru-keunguan);
  color: #fff;
}
.btn-outline-biru-keunguan:hover .badge,
.btn-outline-biru-keunguan:focus:hover .badge,
.btn-outline-biru-keunguan:active .badge,
.btn-outline-biru-keunguan.active .badge,
.show > .btn-outline-biru-keunguan.dropdown-toggle .badge {
  background: var(--bs-biru-keunguan);
  border-color: var(--bs-biru-keunguan);
}

/* Merah-muda */
.btn-merah-muda {
  color: #fff;
  background-color: var(--bs-merah-muda);
  border-color: var(--bs-merah-muda);
}
.btn-merah-muda:hover {
  color: #fff !important;
  background-color: #cc5490 !important;
  border-color: #cc5490 !important;
}
.btn-check:focus + .btn-merah-muda, .btn-merah-muda:focus, .btn-merah-muda.focus {
  color: #fff;
  background-color: #cc5490;
  border-color: #cc5490;
  box-shadow: none;
}
.btn-check:checked + .btn-merah-muda, .btn-check:active + .btn-merah-muda, .btn-merah-muda:active, .btn-merah-muda.active, .btn-merah-muda.show.dropdown-toggle, .show > .btn-merah-muda.dropdown-toggle {
  color: #fff !important;
  background-color: #cc5490 !important;
  border-color: #cc5490 !important;
}
.btn-merah-muda.disabled, .btn-merah-muda:disabled {
  color: #fff !important;
  background-color: var(--bs-merah-muda) !important;
  border-color: var(--bs-merah-muda) !important;
  box-shadow: none !important;
}
.btn-group .btn-merah-muda,
.input-group .btn-merah-muda {
  border-right: 1px solid #cc5490;
  border-left: 1px solid #cc5490;
}
.btn-label-merah-muda {
  color: var(--bs-merah-muda);
  border-color: transparent;
  background: #ffe6f0;
}
.btn-label-merah-muda.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 105, 180, 0.2) 0, rgba(255, 105, 180, 0.3) 40%, rgba(255, 105, 180, 0.4) 50%, rgba(255, 105, 180, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-merah-muda:hover {
  border-color: transparent !important;
  background: #ffdee8 !important;
  color: var(--bs-merah-muda) !important;
}
.btn-label-merah-muda:focus, .btn-label-merah-muda.focus {
  color: var(--bs-merah-muda);
  background: #ffdee8;
  box-shadow: none !important;
}
.btn-label-merah-muda:active, .btn-label-merah-muda.active, .btn-label-merah-muda.show.dropdown-toggle, .show > .btn-label-merah-muda.dropdown-toggle {
  color: var(--bs-merah-muda) !important;
  background-color: #ffdee8 !important;
  border-color: transparent !important;
}
.btn-label-merah-muda:active:focus, .btn-label-merah-muda.active:focus, .btn-label-merah-muda.show.dropdown-toggle:focus, .show > .btn-label-merah-muda.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-merah-muda.disabled, .btn-label-merah-muda:disabled {
  color: var(--bs-merah-muda) !important;
  border-color: transparent !important;
  background: #ffe6f0 !important;
  box-shadow: none;
}
.btn-group .btn-label-merah-muda,
.input-group .btn-label-merah-muda {
  border-right: 1px solid #ffdee8;
  border-left: 1px solid #ffdee8;
}
.btn-outline-merah-muda {
  color: var(--bs-merah-muda);
  border-color: var(--bs-merah-muda);
  background: transparent;
}
.btn-outline-merah-muda.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 105, 180, 0.2) 0, rgba(255, 105, 180, 0.3) 40%, rgba(255, 105, 180, 0.4) 50%, rgba(255, 105, 180, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-merah-muda:hover {
  color: var(--bs-merah-muda) !important;
  background-color: #ffe6f0 !important;
  border-color: var(--bs-merah-muda) !important;
}
.btn-check:focus + .btn-outline-merah-muda, .btn-outline-merah-muda:focus {
  color: var(--bs-merah-muda);
  background-color: #ffe6f0;
  border-color: var(--bs-merah-muda);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-merah-muda, .btn-check:active + .btn-outline-merah-muda, .btn-outline-merah-muda:active, .btn-outline-merah-muda.active, .btn-outline-merah-muda.dropdown-toggle.show {
  color: var(--bs-merah-muda) !important;
  background-color: #ffe6f0 !important;
  border-color: var(--bs-merah-muda) !important;
}
.btn-check:checked + .btn-outline-merah-muda:focus, .btn-check:active + .btn-outline-merah-muda:focus, .btn-outline-merah-muda:active:focus, .btn-outline-merah-muda.active:focus, .btn-outline-merah-muda.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-merah-muda.disabled, .btn-outline-merah-muda:disabled {
  color: var(--bs-merah-muda) !important;
  background-color: transparent !important;
}
.btn-outline-merah-muda .badge {
  background: var(--bs-merah-muda);
  border-color: var(--bs-merah-muda);
  color: #fff;
}
.btn-outline-merah-muda:hover .badge,
.btn-outline-merah-muda:focus:hover .badge,
.btn-outline-merah-muda:active .badge,
.btn-outline-merah-muda.active .badge,
.show > .btn-outline-merah-muda.dropdown-toggle .badge {
  background: var(--bs-merah-muda);
  border-color: var(--bs-merah-muda);
}

/* Emas */
.btn-emas {
  color: #5d5446;
  background-color: var(--bs-emas);
  border-color: var(--bs-emas);
}
.btn-emas:hover {
  color: #5d5446 !important;
  background-color: #ccac00 !important;
  border-color: #ccac00 !important;
}
.btn-check:focus + .btn-emas, .btn-emas:focus, .btn-emas.focus {
  color: #5d5446;
  background-color: #ccac00;
  border-color: #ccac00;
  box-shadow: none;
}
.btn-check:checked + .btn-emas, .btn-check:active + .btn-emas, .btn-emas:active, .btn-emas.active, .btn-emas.show.dropdown-toggle, .show > .btn-emas.dropdown-toggle {
  color: #5d5446 !important;
  background-color: #ccac00 !important;
  border-color: #ccac00 !important;
}
.btn-emas.disabled, .btn-emas:disabled {
  color: #5d5446 !important;
  background-color: var(--bs-emas) !important;
  border-color: var(--bs-emas) !important;
  box-shadow: none !important;
}
.btn-group .btn-emas,
.input-group .btn-emas {
  border-right: 1px solid #ccac00;
  border-left: 1px solid #ccac00;
}
.btn-label-emas {
  color: var(--bs-emas);
  border-color: transparent;
  background: #fff8e6;
}
.btn-label-emas.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 215, 0, 0.2) 0, rgba(255, 215, 0, 0.3) 40%, rgba(255, 215, 0, 0.4) 50%, rgba(255, 215, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-emas:hover {
  border-color: transparent !important;
  background: #fff0de !important;
  color: var(--bs-emas) !important;
}
.btn-label-emas:focus, .btn-label-emas.focus {
  color: var(--bs-emas);
  background: #fff0de;
  box-shadow: none !important;
}
.btn-label-emas:active, .btn-label-emas.active, .btn-label-emas.show.dropdown-toggle, .show > .btn-label-emas.dropdown-toggle {
  color: var(--bs-emas) !important;
  background-color: #fff0de !important;
  border-color: transparent !important;
}
.btn-label-emas:active:focus, .btn-label-emas.active:focus, .btn-label-emas.show.dropdown-toggle:focus, .show > .btn-label-emas.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-emas.disabled, .btn-label-emas:disabled {
  color: var(--bs-emas) !important;
  border-color: transparent !important;
  background: #fff8e6 !important;
  box-shadow: none;
}
.btn-group .btn-label-emas,
.input-group .btn-label-emas {
  border-right: 1px solid #fff0de;
  border-left: 1px solid #fff0de;
}
.btn-outline-emas {
  color: var(--bs-emas);
  border-color: var(--bs-emas);
  background: transparent;
}
.btn-outline-emas.waves-effect .waves-ripple {
  background: radial-gradient(rgba(255, 215, 0, 0.2) 0, rgba(255, 215, 0, 0.3) 40%, rgba(255, 215, 0, 0.4) 50%, rgba(255, 215, 0, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-emas:hover {
  color: var(--bs-emas) !important;
  background-color: #fff8e6 !important;
  border-color: var(--bs-emas) !important;
}
.btn-check:focus + .btn-outline-emas, .btn-outline-emas:focus {
  color: var(--bs-emas);
  background-color: #fff8e6;
  border-color: var(--bs-emas);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-emas, .btn-check:active + .btn-outline-emas, .btn-outline-emas:active, .btn-outline-emas.active, .btn-outline-emas.dropdown-toggle.show {
  color: var(--bs-emas) !important;
  background-color: #fff8e6 !important;
  border-color: var(--bs-emas) !important;
}
.btn-check:checked + .btn-outline-emas:focus, .btn-check:active + .btn-outline-emas:focus, .btn-outline-emas:active:focus, .btn-outline-emas.active:focus, .btn-outline-emas.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-emas.disabled, .btn-outline-emas:disabled {
  color: var(--bs-emas) !important;
  background-color: transparent !important;
}
.btn-outline-emas .badge {
  background: var(--bs-emas);
  border-color: var(--bs-emas);
  color: #5d5446;
}
.btn-outline-emas:hover .badge,
.btn-outline-emas:focus:hover .badge,
.btn-outline-emas:active .badge,
.btn-outline-emas.active .badge,
.show > .btn-outline-emas.dropdown-toggle .badge {
  background: var(--bs-emas);
  border-color: var(--bs-emas);
}

/* Cokelat */
.btn-cokelat {
  color: #fff;
  background-color: var(--bs-cokelat);
  border-color: var(--bs-cokelat);
}
.btn-cokelat:hover {
  color: #fff !important;
  background-color: #703610 !important;
  border-color: #703610 !important;
}
.btn-check:focus + .btn-cokelat, .btn-cokelat:focus, .btn-cokelat.focus {
  color: #fff;
  background-color: #703610;
  border-color: #703610;
  box-shadow: none;
}
.btn-check:checked + .btn-cokelat, .btn-check:active + .btn-cokelat, .btn-cokelat:active, .btn-cokelat.active, .btn-cokelat.show.dropdown-toggle, .show > .btn-cokelat.dropdown-toggle {
  color: #fff !important;
  background-color: #703610 !important;
  border-color: #703610 !important;
}
.btn-cokelat.disabled, .btn-cokelat:disabled {
  color: #fff !important;
  background-color: var(--bs-cokelat) !important;
  border-color: var(--bs-cokelat) !important;
  box-shadow: none !important;
}
.btn-group .btn-cokelat,
.input-group .btn-cokelat {
  border-right: 1px solid #703610;
  border-left: 1px solid #703610;
}
.btn-label-cokelat {
  color: var(--bs-cokelat);
  border-color: transparent;
  background: #f5e9e6;
}
.btn-label-cokelat.waves-effect .waves-ripple {
  background: radial-gradient(rgba(139, 69, 19, 0.2) 0, rgba(139, 69, 19, 0.3) 40%, rgba(139, 69, 19, 0.4) 50%, rgba(139, 69, 19, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-label-cokelat:hover {
  border-color: transparent !important;
  background: #ede1de !important;
  color: var(--bs-cokelat) !important;
}
.btn-label-cokelat:focus, .btn-label-cokelat.focus {
  color: var(--bs-cokelat);
  background: #ede1de;
  box-shadow: none !important;
}
.btn-label-cokelat:active, .btn-label-cokelat.active, .btn-label-cokelat.show.dropdown-toggle, .show > .btn-label-cokelat.dropdown-toggle {
  color: var(--bs-cokelat) !important;
  background-color: #ede1de !important;
  border-color: transparent !important;
}
.btn-label-cokelat:active:focus, .btn-label-cokelat.active:focus, .btn-label-cokelat.show.dropdown-toggle:focus, .show > .btn-label-cokelat.dropdown-toggle:focus {
  box-shadow: none;
}
.btn-label-cokelat.disabled, .btn-label-cokelat:disabled {
  color: var(--bs-cokelat) !important;
  border-color: transparent !important;
  background: #f5e9e6 !important;
  box-shadow: none;
}
.btn-group .btn-label-cokelat,
.input-group .btn-label-cokelat {
  border-right: 1px solid #ede1de;
  border-left: 1px solid #ede1de;
}
.btn-outline-cokelat {
  color: var(--bs-cokelat);
  border-color: var(--bs-cokelat);
  background: transparent;
}
.btn-outline-cokelat.waves-effect .waves-ripple {
  background: radial-gradient(rgba(139, 69, 19, 0.2) 0, rgba(139, 69, 19, 0.3) 40%, rgba(139, 69, 19, 0.4) 50%, rgba(139, 69, 19, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.btn-outline-cokelat:hover {
  color: var(--bs-cokelat) !important;
  background-color: #f5e9e6 !important;
  border-color: var(--bs-cokelat) !important;
}
.btn-check:focus + .btn-outline-cokelat, .btn-outline-cokelat:focus {
  color: var(--bs-cokelat);
  background-color: #f5e9e6;
  border-color: var(--bs-cokelat);
  box-shadow: none;
}
.btn-check:checked + .btn-outline-cokelat, .btn-check:active + .btn-outline-cokelat, .btn-outline-cokelat:active, .btn-outline-cokelat.active, .btn-outline-cokelat.dropdown-toggle.show {
  color: var(--bs-cokelat) !important;
  background-color: #f5e9e6 !important;
  border-color: var(--bs-cokelat) !important;
}
.btn-check:checked + .btn-outline-cokelat:focus, .btn-check:active + .btn-outline-cokelat:focus, .btn-outline-cokelat:active:focus, .btn-outline-cokelat.active:focus, .btn-outline-cokelat.dropdown-toggle.show:focus {
  box-shadow: none;
}
.btn-outline-cokelat.disabled, .btn-outline-cokelat:disabled {
  color: var(--bs-cokelat) !important;
  background-color: transparent !important;
}
.btn-outline-cokelat .badge {
  background: var(--bs-cokelat);
  border-color: var(--bs-cokelat);
  color: #fff;
}
.btn-outline-cokelat:hover .badge,
.btn-outline-cokelat:focus:hover .badge,
.btn-outline-cokelat:active .badge,
.btn-outline-cokelat.active .badge,
.show > .btn-outline-cokelat.dropdown-toggle .badge {
  background: var(--bs-cokelat);
  border-color: var(--bs-cokelat);
}

.dropdown-item:not(.disabled).active,
.dropdown-item:not(.disabled):active {
  background-color: #f0b766;
  color: #fff !important;
}

.dropdown-menu > li:not(.disabled) > a:not(.dropdown-item):active,
.dropdown-menu > li.active:not(.disabled) > a:not(.dropdown-item) {
  background-color: #f0b766;
  color: #fff !important;
}

.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus {
  background-color: #f0b766;
  color: #fff;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-link.active:focus {
  box-shadow: 0 -2px 0 #f0b766 inset;
}

.nav-align-bottom .nav-tabs .nav-link.active, .nav-align-bottom .nav-tabs .nav-link.active:hover, .nav-align-bottom .nav-tabs .nav-link.active:focus,
.nav-align-bottom .nav-tabs .nav-link.active,
.nav-align-bottom .nav-tabs .nav-link.active:hover,
.nav-align-bottom .nav-tabs .nav-link.active:focus {
  box-shadow: 0 2px 0 #f0b766 inset;
}

.nav-align-left .nav-tabs .nav-link.active, .nav-align-left .nav-tabs .nav-link.active:hover, .nav-align-left .nav-tabs .nav-link.active:focus,
.nav-align-left .nav-tabs .nav-link.active,
.nav-align-left .nav-tabs .nav-link.active:hover,
.nav-align-left .nav-tabs .nav-link.active:focus {
  box-shadow: -2px 0px 0 #f0b766 inset;
}

.nav-align-right .nav-tabs .nav-link.active, .nav-align-right .nav-tabs .nav-link.active:hover, .nav-align-right .nav-tabs .nav-link.active:focus,
.nav-align-right .nav-tabs .nav-link.active,
.nav-align-right .nav-tabs .nav-link.active:hover,
.nav-align-right .nav-tabs .nav-link.active:focus {
  box-shadow: 2px 0px 0 #f0b766 inset;
}

[dir=rtl] .nav-align-left .nav-tabs .nav-link.active, [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:hover, [dir=rtl] .nav-align-left .nav-tabs .nav-link.active:focus,
[dir=rtl] .nav-align-left .nav-tabs .nav-link.active,
[dir=rtl] .nav-align-left .nav-tabs .nav-link.active:hover,
[dir=rtl] .nav-align-left .nav-tabs .nav-link.active:focus {
  box-shadow: 2px 0px 0 #f0b766 inset;
}
[dir=rtl] .nav-align-right .nav-tabs .nav-link.active, [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:hover, [dir=rtl] .nav-align-right .nav-tabs .nav-link.active:focus,
[dir=rtl] .nav-align-right .nav-tabs .nav-link.active,
[dir=rtl] .nav-align-right .nav-tabs .nav-link.active:hover,
[dir=rtl] .nav-align-right .nav-tabs .nav-link.active:focus {
  box-shadow: -2px 0px 0 #f0b766 inset;
}

.form-control:focus,
.form-select:focus {
  border-color: #f0b766;
}

.input-group:focus-within .form-control,
.input-group:focus-within .input-group-text {
  border-color: #f0b766;
}

.form-check-input:focus {
  border-color: #f0b766;
}
.form-check-input:checked, .form-check-input[type=checkbox]:indeterminate {
  background-color: #f0b766;
  border-color: #f0b766;
}

.custom-option.checked {
  border: 1px solid #f0b766;
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%237367f0'/%3E%3C/svg%3E%0A");
}
.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='9' cy='9' r='6' fill='%23fff'/%3E%3C/svg%3E%0A");
}

.form-control:focus ~ .form-label {
  border-color: #f0b766;
}
.form-control:focus ~ .form-label::after {
  border-color: inherit;
}

.switch-input:checked ~ .switch-toggle-slider {
  background: #f0b766;
  color: #fff;
}

.switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #f0b766;
  box-shadow: 0 0 0.25rem 0.05rem rgba(240, 183, 102, 0.1);
}

.switch-primary.switch .switch-input:checked ~ .switch-toggle-slider {
  background: #f0b766;
  color: #fff;
}

.switch-primary.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-primary.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #f0b766;
  box-shadow: 0 0 0.25rem 0.05rem rgba(240, 183, 102, 0.1);
}

/* Merah */
.switch-merah.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-merah);
  color: #fff;
}
.switch-merah.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-merah.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-merah);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 0, 0, 0.1);
}

/* Hijau */
.switch-hijau.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-hijau);
  color: #fff;
}
.switch-hijau.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-hijau.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-hijau);
  box-shadow: 0 0 0.25rem 0.05rem rgba(0, 255, 0, 0.1);
}

/* Biru */
.switch-biru.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-biru);
  color: #fff;
}
.switch-biru.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-biru.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-biru);
  box-shadow: 0 0 0.25rem 0.05rem rgba(0, 0, 255, 0.1);
}

/* Kuning */
.switch-kuning.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-kuning);
  color: #5d5446;
}
.switch-kuning.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-kuning.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-kuning);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 255, 0, 0.1);
}

/* Magenta */
.switch-magenta.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-magenta);
  color: #fff;
}
.switch-magenta.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-magenta.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-magenta);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 0, 255, 0.1);
}

/* Jingga */
.switch-jingga.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-jingga);
  color: #fff;
}
.switch-jingga.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-jingga.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-jingga);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 165, 0, 0.1);
}

/* Hijau-kekuningan */
.switch-hijau-kekuningan.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-hijau-kekuningan);
  color: #5d5446;
}
.switch-hijau-kekuningan.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-hijau-kekuningan.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-hijau-kekuningan);
  box-shadow: 0 0 0.25rem 0.05rem rgba(173, 255, 47, 0.1);
}

/* Biru-kehijauan */
.switch-biru-kehijauan.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-biru-kehijauan);
  color: #fff;
}
.switch-biru-kehijauan.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-biru-kehijauan.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-biru-kehijauan);
  box-shadow: 0 0 0.25rem 0.05rem rgba(64, 224, 208, 0.1);
}

/* Biru-keunguan */
.switch-biru-keunguan.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-biru-keunguan);
  color: #fff;
}
.switch-biru-keunguan.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-biru-keunguan.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-biru-keunguan);
  box-shadow: 0 0 0.25rem 0.05rem rgba(138, 43, 226, 0.1);
}

/* Merah-muda */
.switch-merah-muda.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-merah-muda);
  color: #fff;
}
.switch-merah-muda.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-merah-muda.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-merah-muda);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 105, 180, 0.1);
}

/* Emas */
.switch-emas.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-emas);
  color: #5d5446;
}
.switch-emas.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-emas.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-emas);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 215, 0, 0.1);
}

/* Cokelat */
.switch-cokelat.switch .switch-input:checked ~ .switch-toggle-slider {
  background: var(--bs-cokelat);
  color: #fff;
}
.switch-cokelat.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-cokelat.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-cokelat);
  box-shadow: 0 0 0.25rem 0.05rem rgba(139, 69, 19, 0.1);
}

.switch-outline.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}

.switch-outline.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid #f0b766;
  color: #f0b766;
}
.switch-outline.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: #f0b766;
}

.switch-outline.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-outline.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #f0b766;
  box-shadow: 0 0 0.25rem 0.05rem rgba(240, 183, 102, 0.1);
}

.switch-outline-primary.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-primary.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}

.switch-outline-primary.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid #f0b766;
  color: #f0b766;
}
.switch-outline-primary.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: #f0b766;
}

.switch-outline-primary.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}

.switch-outline-primary.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid #f0b766;
  box-shadow: 0 0 0.25rem 0.05rem rgba(240, 183, 102, 0.1);
}

/* Merah */
.switch-outline-merah.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-merah.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-merah.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-merah);
  color: var(--bs-merah);
}
.switch-outline-merah.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-merah);
}
.switch-outline-merah.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-merah.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-merah);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 0, 0, 0.1);
}

/* Hijau */
.switch-outline-hijau.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-hijau.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-hijau.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-hijau);
  color: var(--bs-hijau);
}
.switch-outline-hijau.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-hijau);
}
.switch-outline-hijau.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-hijau.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-hijau);
  box-shadow: 0 0 0.25rem 0.05rem rgba(0, 255, 0, 0.1);
}

/* Biru */
.switch-outline-biru.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-biru.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-biru.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-biru);
  color: var(--bs-biru);
}
.switch-outline-biru.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-biru);
}
.switch-outline-biru.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-biru.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-biru);
  box-shadow: 0 0 0.25rem 0.05rem rgba(0, 0, 255, 0.1);
}

/* Kuning */
.switch-outline-kuning.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-kuning.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-kuning.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-kuning);
  color: var(--bs-kuning);
}
.switch-outline-kuning.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-kuning);
}
.switch-outline-kuning.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-kuning.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-kuning);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 255, 0, 0.1);
}

/* Magenta */
.switch-outline-magenta.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-magenta.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-magenta.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-magenta);
  color: var(--bs-magenta);
}
.switch-outline-magenta.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-magenta);
}
.switch-outline-magenta.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-magenta.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-magenta);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 0, 255, 0.1);
}

/* Jingga */
.switch-outline-jingga.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-jingga.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-jingga.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-jingga);
  color: var(--bs-jingga);
}
.switch-outline-jingga.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-jingga);
}
.switch-outline-jingga.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-jingga.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-jingga);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 165, 0, 0.1);
}

/* Hijau-kekuningan */
.switch-outline-hijau-kekuningan.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-hijau-kekuningan.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-hijau-kekuningan.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-hijau-kekuningan);
  color: var(--bs-hijau-kekuningan);
}
.switch-outline-hijau-kekuningan.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-hijau-kekuningan);
}
.switch-outline-hijau-kekuningan.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-hijau-kekuningan.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-hijau-kekuningan);
  box-shadow: 0 0 0.25rem 0.05rem rgba(173, 255, 47, 0.1);
}

/* Biru-kehijauan */
.switch-outline-biru-kehijauan.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-biru-kehijauan.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-biru-kehijauan.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-biru-kehijauan);
  color: var(--bs-biru-kehijauan);
}
.switch-outline-biru-kehijauan.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-biru-kehijauan);
}
.switch-outline-biru-kehijauan.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-biru-kehijauan.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-biru-kehijauan);
  box-shadow: 0 0 0.25rem 0.05rem rgba(64, 224, 208, 0.1);
}

/* Biru-keunguan */
.switch-outline-biru-keunguan.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-biru-keunguan.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-biru-keunguan.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-biru-keunguan);
  color: var(--bs-biru-keunguan);
}
.switch-outline-biru-keunguan.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-biru-keunguan);
}
.switch-outline-biru-keunguan.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-biru-keunguan.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-biru-keunguan);
  box-shadow: 0 0 0.25rem 0.05rem rgba(138, 43, 226, 0.1);
}

/* Merah-muda */
.switch-outline-merah-muda.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-merah-muda.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-merah-muda.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-merah-muda);
  color: var(--bs-merah-muda);
}
.switch-outline-merah-muda.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-merah-muda);
}
.switch-outline-merah-muda.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-merah-muda.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-merah-muda);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 105, 180, 0.1);
}

/* Emas */
.switch-outline-emas.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-emas.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-emas.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-emas);
  color: var(--bs-emas);
}
.switch-outline-emas.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-emas);
}
.switch-outline-emas.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-emas.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-emas);
  box-shadow: 0 0 0.25rem 0.05rem rgba(255, 215, 0, 0.1);
}

/* Cokelat */
.switch-outline-cokelat.switch .switch-input ~ .switch-toggle-slider {
  border: 1px solid rgba(93, 84, 70, 0.2);
  background: transparent;
}
.switch-outline-cokelat.switch .switch-input ~ .switch-toggle-slider:after {
  box-shadow: none;
}
.switch-outline-cokelat.switch .switch-input:checked ~ .switch-toggle-slider {
  border: 1px solid var(--bs-cokelat);
  color: var(--bs-cokelat);
}
.switch-outline-cokelat.switch .switch-input:checked ~ .switch-toggle-slider:after {
  background: var(--bs-cokelat);
}
.switch-outline-cokelat.switch .switch-input:active ~ .switch-toggle-slider {
  box-shadow: none;
}
.switch-outline-cokelat.switch .switch-input:focus ~ .switch-toggle-slider {
  border: 1px solid var(--bs-cokelat);
  box-shadow: 0 0 0.25rem 0.05rem rgba(139, 69, 19, 0.1);
}

.timeline .timeline-item-primary .timeline-event {
  background-color: rgba(240, 183, 102, 0.1);
}
.timeline .timeline-item-primary .timeline-event:before {
  border-left-color: rgba(240, 183, 102, 0.1) !important;
  border-right-color: rgba(240, 183, 102, 0.1) !important;
}

.timeline .timeline-point-primary {
  background-color: #f0b766 !important;
  box-shadow: 0 0 0 0.1875rem rgba(240, 183, 102, 0.16);
}

.timeline .timeline-indicator-primary i {
  color: #f0b766 !important;
}

/* Merah */
.timeline .timeline-item-merah .timeline-event {
  background-color: rgba(255, 0, 0, 0.1);
}
.timeline .timeline-item-merah .timeline-event:before {
  border-left-color: rgba(255, 0, 0, 0.1) !important;
  border-right-color: rgba(255, 0, 0, 0.1) !important;
}
.timeline .timeline-point-merah {
  background-color: var(--bs-merah) !important;
  box-shadow: 0 0 0 0.1875rem rgba(255, 0, 0, 0.16);
}
.timeline .timeline-indicator-merah i {
  color: var(--bs-merah) !important;
}

/* Hijau */
.timeline .timeline-item-hijau .timeline-event {
  background-color: rgba(0, 255, 0, 0.1);
}
.timeline .timeline-item-hijau .timeline-event:before {
  border-left-color: rgba(0, 255, 0, 0.1) !important;
  border-right-color: rgba(0, 255, 0, 0.1) !important;
}
.timeline .timeline-point-hijau {
  background-color: var(--bs-hijau) !important;
  box-shadow: 0 0 0 0.1875rem rgba(0, 255, 0, 0.16);
}
.timeline .timeline-indicator-hijau i {
  color: var(--bs-hijau) !important;
}

/* Biru */
.timeline .timeline-item-biru .timeline-event {
  background-color: rgba(0, 0, 255, 0.1);
}
.timeline .timeline-item-biru .timeline-event:before {
  border-left-color: rgba(0, 0, 255, 0.1) !important;
  border-right-color: rgba(0, 0, 255, 0.1) !important;
}
.timeline .timeline-point-biru {
  background-color: var(--bs-biru) !important;
  box-shadow: 0 0 0 0.1875rem rgba(0, 0, 255, 0.16);
}
.timeline .timeline-indicator-biru i {
  color: var(--bs-biru) !important;
}

/* Kuning */
.timeline .timeline-item-kuning .timeline-event {
  background-color: rgba(255, 255, 0, 0.1);
}
.timeline .timeline-item-kuning .timeline-event:before {
  border-left-color: rgba(255, 255, 0, 0.1) !important;
  border-right-color: rgba(255, 255, 0, 0.1) !important;
}
.timeline .timeline-point-kuning {
  background-color: var(--bs-kuning) !important;
  box-shadow: 0 0 0 0.1875rem rgba(255, 255, 0, 0.16);
}
.timeline .timeline-indicator-kuning i {
  color: var(--bs-kuning) !important;
}

/* Magenta */
.timeline .timeline-item-magenta .timeline-event {
  background-color: rgba(255, 0, 255, 0.1);
}
.timeline .timeline-item-magenta .timeline-event:before {
  border-left-color: rgba(255, 0, 255, 0.1) !important;
  border-right-color: rgba(255, 0, 255, 0.1) !important;
}
.timeline .timeline-point-magenta {
  background-color: var(--bs-magenta) !important;
  box-shadow: 0 0 0 0.1875rem rgba(255, 0, 255, 0.16);
}
.timeline .timeline-indicator-magenta i {
  color: var(--bs-magenta) !important;
}

/* Jingga */
.timeline .timeline-item-jingga .timeline-event {
  background-color: rgba(255, 165, 0, 0.1);
}
.timeline .timeline-item-jingga .timeline-event:before {
  border-left-color: rgba(255, 165, 0, 0.1) !important;
  border-right-color: rgba(255, 165, 0, 0.1) !important;
}
.timeline .timeline-point-jingga {
  background-color: var(--bs-jingga) !important;
  box-shadow: 0 0 0 0.1875rem rgba(255, 165, 0, 0.16);
}
.timeline .timeline-indicator-jingga i {
  color: var(--bs-jingga) !important;
}

/* Hijau-kekuningan */
.timeline .timeline-item-hijau-kekuningan .timeline-event {
  background-color: rgba(173, 255, 47, 0.1);
}
.timeline .timeline-item-hijau-kekuningan .timeline-event:before {
  border-left-color: rgba(173, 255, 47, 0.1) !important;
  border-right-color: rgba(173, 255, 47, 0.1) !important;
}
.timeline .timeline-point-hijau-kekuningan {
  background-color: var(--bs-hijau-kekuningan) !important;
  box-shadow: 0 0 0 0.1875rem rgba(173, 255, 47, 0.16);
}
.timeline .timeline-indicator-hijau-kekuningan i {
  color: var(--bs-hijau-kekuningan) !important;
}

/* Biru-kehijauan */
.timeline .timeline-item-biru-kehijauan .timeline-event {
  background-color: rgba(64, 224, 208, 0.1);
}
.timeline .timeline-item-biru-kehijauan .timeline-event:before {
  border-left-color: rgba(64, 224, 208, 0.1) !important;
  border-right-color: rgba(64, 224, 208, 0.1) !important;
}
.timeline .timeline-point-biru-kehijauan {
  background-color: var(--bs-biru-kehijauan) !important;
  box-shadow: 0 0 0 0.1875rem rgba(64, 224, 208, 0.16);
}
.timeline .timeline-indicator-biru-kehijauan i {
  color: var(--bs-biru-kehijauan) !important;
}

/* Biru-keunguan */
.timeline .timeline-item-biru-keunguan .timeline-event {
  background-color: rgba(138, 43, 226, 0.1);
}
.timeline .timeline-item-biru-keunguan .timeline-event:before {
  border-left-color: rgba(138, 43, 226, 0.1) !important;
  border-right-color: rgba(138, 43, 226, 0.1) !important;
}
.timeline .timeline-point-biru-keunguan {
  background-color: var(--bs-biru-keunguan) !important;
  box-shadow: 0 0 0 0.1875rem rgba(138, 43, 226, 0.16);
}
.timeline .timeline-indicator-biru-keunguan i {
  color: var(--bs-biru-keunguan) !important;
}

/* Merah-muda */
.timeline .timeline-item-merah-muda .timeline-event {
  background-color: rgba(255, 105, 180, 0.1);
}
.timeline .timeline-item-merah-muda .timeline-event:before {
  border-left-color: rgba(255, 105, 180, 0.1) !important;
  border-right-color: rgba(255, 105, 180, 0.1) !important;
}
.timeline .timeline-point-merah-muda {
  background-color: var(--bs-merah-muda) !important;
  box-shadow: 0 0 0 0.1875rem rgba(255, 105, 180, 0.16);
}
.timeline .timeline-indicator-merah-muda i {
  color: var(--bs-merah-muda) !important;
}

/* Emas */
.timeline .timeline-item-emas .timeline-event {
  background-color: rgba(255, 215, 0, 0.1);
}
.timeline .timeline-item-emas .timeline-event:before {
  border-left-color: rgba(255, 215, 0, 0.1) !important;
  border-right-color: rgba(255, 215, 0, 0.1) !important;
}
.timeline .timeline-point-emas {
  background-color: var(--bs-emas) !important;
  box-shadow: 0 0 0 0.1875rem rgba(255, 215, 0, 0.16);
}
.timeline .timeline-indicator-emas i {
  color: var(--bs-emas) !important;
}

/* Cokelat */
.timeline .timeline-item-cokelat .timeline-event {
  background-color: rgba(139, 69, 19, 0.1);
}
.timeline .timeline-item-cokelat .timeline-event:before {
  border-left-color: rgba(139, 69, 19, 0.1) !important;
  border-right-color: rgba(139, 69, 19, 0.1) !important;
}
.timeline .timeline-point-cokelat {
  background-color: var(--bs-cokelat) !important;
  box-shadow: 0 0 0 0.1875rem rgba(139, 69, 19, 0.16);
}
.timeline .timeline-indicator-cokelat i {
  color: var(--bs-cokelat) !important;
}

.divider.divider-primary.divider-vertical:before, .divider.divider-primary.divider-vertical:after,
.divider.divider-primary .divider-text:before,
.divider.divider-primary .divider-text:after {
  border-color: #f0b766;
}

.divider.divider-merah.divider-vertical:before, .divider.divider-merah.divider-vertical:after,
.divider.divider-merah .divider-text:before,
.divider.divider-merah .divider-text:after {
  border-color: #FF0000;
}

.divider.divider-hijau.divider-vertical:before, .divider.divider-hijau.divider-vertical:after,
.divider.divider-hijau .divider-text:before,
.divider.divider-hijau .divider-text:after {
  border-color: #00FF00;
}

.divider.divider-biru.divider-vertical:before, .divider.divider-biru.divider-vertical:after,
.divider.divider-biru .divider-text:before,
.divider.divider-biru .divider-text:after {
  border-color: #0000FF;
}

.divider.divider-kuning.divider-vertical:before, .divider.divider-kuning.divider-vertical:after,
.divider.divider-kuning .divider-text:before,
.divider.divider-kuning .divider-text:after {
  border-color: #FFFF00;
}

.divider.divider-magenta.divider-vertical:before, .divider.divider-magenta.divider-vertical:after,
.divider.divider-magenta .divider-text:before,
.divider.divider-magenta .divider-text:after {
  border-color: #FF00FF;
}

.divider.divider-jingga.divider-vertical:before, .divider.divider-jingga.divider-vertical:after,
.divider.divider-jingga .divider-text:before,
.divider.divider-jingga .divider-text:after {
  border-color: #FFA500;
}

.divider.divider-hijau-kekuningan.divider-vertical:before, .divider.divider-hijau-kekuningan.divider-vertical:after,
.divider.divider-hijau-kekuningan .divider-text:before,
.divider.divider-hijau-kekuningan .divider-text:after {
  border-color: #ADFF2F;
}

.divider.divider-biru-kehijauan.divider-vertical:before, .divider.divider-biru-kehijauan.divider-vertical:after,
.divider.divider-biru-kehijauan .divider-text:before,
.divider.divider-biru-kehijauan .divider-text:after {
  border-color: #40E0D0;
}

.divider.divider-biru-keunguan.divider-vertical:before, .divider.divider-biru-keunguan.divider-vertical:after,
.divider.divider-biru-keunguan .divider-text:before,
.divider.divider-biru-keunguan .divider-text:after {
  border-color: #4B0082;
}

.divider.divider-merah-muda.divider-vertical:before, .divider.divider-merah-muda.divider-vertical:after,
.divider.divider-merah-muda .divider-text:before,
.divider.divider-merah-muda .divider-text:after {
  border-color: #FF69B4;
}

.divider.divider-emas.divider-vertical:before, .divider.divider-emas.divider-vertical:after,
.divider.divider-emas .divider-text:before,
.divider.divider-emas .divider-text:after {
  border-color: #FFD700;
}

.divider.divider-cokelat.divider-vertical:before, .divider.divider-cokelat.divider-vertical:after,
.divider.divider-cokelat .divider-text:before,
.divider.divider-cokelat .divider-text:after {
  border-color: #A52A2A;
}

.navbar.bg-primary {
  background-color: rgba(240, 183, 102, 0.95) !important;
  color: #fcf0de;
}
.navbar.bg-primary .navbar-brand,
.navbar.bg-primary .navbar-brand a {
  color: #fff;
}
.navbar.bg-primary .navbar-brand:hover, .navbar.bg-primary .navbar-brand:focus,
.navbar.bg-primary .navbar-brand a:hover,
.navbar.bg-primary .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-primary .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-primary .navbar-search-wrapper .search-input {
  color: #fcf0de;
}
.navbar.bg-primary .search-input-wrapper .search-input,
.navbar.bg-primary .search-input-wrapper .search-toggler {
  background-color: #f0b766 !important;
  color: #fcf0de;
}
.navbar.bg-primary .navbar-nav > .nav-link,
.navbar.bg-primary .navbar-nav > .nav-item > .nav-link,
.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link {
  color: #fcf0de;
}
.navbar.bg-primary .navbar-nav > .nav-link:hover, .navbar.bg-primary .navbar-nav > .nav-link:focus,
.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-primary .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-primary .navbar-nav > .nav-link.disabled,
.navbar.bg-primary .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-primary .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #f7d9b0 !important;
}
.navbar.bg-primary .navbar-nav .show > .nav-link,
.navbar.bg-primary .navbar-nav .active > .nav-link,
.navbar.bg-primary .navbar-nav .nav-link.show,
.navbar.bg-primary .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-primary .navbar-toggler {
  color: #fcf0de;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-primary .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-primary .navbar-text {
  color: #fcf0de;
}
.navbar.bg-primary .navbar-text a {
  color: #fff;
}
.navbar.bg-primary .navbar-text a:hover, .navbar.bg-primary .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-primary hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-merah {
  background-color: rgba(255, 0, 0, 0.95) !important;
  color: #fff0f0;
}
.navbar.bg-merah .navbar-brand,
.navbar.bg-merah .navbar-brand a {
  color: #fff;
}
.navbar.bg-merah .navbar-brand:hover, .navbar.bg-merah .navbar-brand:focus,
.navbar.bg-merah .navbar-brand a:hover,
.navbar.bg-merah .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-merah .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-merah .navbar-search-wrapper .search-input {
  color: #fff0f0;
}
.navbar.bg-merah .search-input-wrapper .search-input,
.navbar.bg-merah .search-input-wrapper .search-toggler {
  background-color: #FF0000 !important;
  color: #fff0f0;
}
.navbar.bg-merah .navbar-nav > .nav-link,
.navbar.bg-merah .navbar-nav > .nav-item > .nav-link,
.navbar.bg-merah .navbar-nav > .nav > .nav-item > .nav-link {
  color: #fff0f0;
}
.navbar.bg-merah .navbar-nav > .nav-link:hover, .navbar.bg-merah .navbar-nav > .nav-link:focus,
.navbar.bg-merah .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-merah .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-merah .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-merah .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-merah .navbar-nav > .nav-link.disabled,
.navbar.bg-merah .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-merah .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #ff6666 !important;
}
.navbar.bg-merah .navbar-nav .show > .nav-link,
.navbar.bg-merah .navbar-nav .active > .nav-link,
.navbar.bg-merah .navbar-nav .nav-link.show,
.navbar.bg-merah .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-merah .navbar-toggler {
  color: #fff0f0;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-merah .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-merah .navbar-text {
  color: #fff0f0;
}
.navbar.peach-merah .navbar-text a {
  color: #fff;
}
.navbar.bg-merah .navbar-text a:hover, .navbar.bg-merah .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-merah hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-hijau {
  background-color: rgba(0, 255, 0, 0.95) !important;
  color: #e0ffe0;
}
.navbar.bg-hijau .navbar-brand,
.navbar.bg-hijau .navbar-brand a {
  color: #fff;
}
.navbar.bg-hijau .navbar-brand:hover, .navbar.bg-hijau .navbar-brand:focus,
.navbar.bg-hijau .navbar-brand a:hover,
.navbar.bg-hijau .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-hijau .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-hijau .navbar-search-wrapper .search-input {
  color: #e0ffe0;
}
.navbar.bg-hijau .search-input-wrapper .search-input,
.navbar.bg-hijau .search-input-wrapper .search-toggler {
  background-color: #00FF00 !important;
  color: #e0ffe0;
}
.navbar.bg-hijau .navbar-nav > .nav-link,
.navbar.bg-hijau .navbar-nav > .nav-item > .nav-link,
.navbar.bg-hijau .navbar-nav > .nav > .nav-item > .nav-link {
  color: #e0ffe0;
}
.navbar.bg-hijau .navbar-nav > .nav-link:hover, .navbar.bg-hijau .navbar-nav > .nav-link:focus,
.navbar.bg-hijau .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-hijau .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-hijau .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-hijau .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-hijau .navbar-nav > .nav-link.disabled,
.navbar.bg-hijau .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-hijau .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #99ff99 !important;
}
.navbar.bg-hijau .navbar-nav .show > .nav-link,
.navbar.bg-hijau .navbar-nav .active > .nav-link,
.navbar.bg-hijau .navbar-nav .nav-link.show,
.navbar.bg-hijau .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-hijau .navbar-toggler {
  color: #e0ffe0;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-hijau .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-hijau .navbar-text {
  color: #e0ffe0;
}
.navbar.bg-hijau .navbar-text a {
  color: #fff;
}
.navbar.bg-hijau .navbar-text a:hover, .navbar.bg-hijau .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-hijau hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-biru {
  background-color: rgba(0, 0, 255, 0.95) !important;
  color: #e0e0ff;
}
.navbar.bg-biru .navbar-brand,
.navbar.bg-biru .navbar-brand a {
  color: #fff;
}
.navbar.bg-biru .navbar-brand:hover, .navbar.bg-biru .navbar-brand:focus,
.navbar.bg-biru .navbar-brand a:hover,
.navbar.bg-biru .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-biru .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-biru .navbar-search-wrapper .search-input {
  color: #e0e0ff;
}
.navbar.bg-biru .search-input-wrapper .search-input,
.navbar.bg-biru .search-input-wrapper .search-toggler {
  background-color: #0000FF !important;
  color: #e0e0ff;
}
.navbar.bg-biru .navbar-nav > .nav-link,
.navbar.bg-biru .navbar-nav > .nav-item > .nav-link,
.navbar.bg-biru .navbar-nav > .nav > .nav-item > .nav-link {
  color: #e0e0ff;
}
.navbar.bg-biru .navbar-nav > .nav-link:hover, .navbar.bg-biru .navbar-nav > .nav-link:focus,
.navbar.bg-biru .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-biru .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-biru .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-biru .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-biru .navbar-nav > .nav-link.disabled,
.navbar.bg-biru .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-biru .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #6666ff !important;
}
.navbar.bg-biru .navbar-nav .show > .nav-link,
.navbar.bg-biru .navbar-nav .active > .nav-link,
.navbar.bg-biru .navbar-nav .nav-link.show,
.navbar.bg-biru .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-biru .navbar-toggler {
  color: #e0e0ff;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-biru .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-biru .navbar-text {
  color: #e0e0ff;
}
.navbar.bg-biru .navbar-text a {
  color: #fff;
}
.navbar.bg-biru .navbar-text a:hover, .navbar.bg-biru .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-biru hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-kuning {
  background-color: rgba(255, 255, 0, 0.95) !important;
  color: #ffffcc;
}
.navbar.bg-kuning .navbar-brand,
.navbar.bg-kuning .navbar-brand a {
  color: #fff;
}
.navbar.bg-kuning .navbar-brand:hover, .navbar.bg-kuning .navbar-brand:focus,
.navbar.bg-kuning .navbar-brand a:hover,
.navbar.bg-kuning .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-kuning .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-kuning .navbar-search-wrapper .search-input {
  color: #ffffcc;
}
.navbar.bg-kuning .search-input-wrapper .search-input,
.navbar.bg-kuning .search-input-wrapper .search-toggler {
  background-color: #FFFF00 !important;
  color: #ffffcc;
}
.navbar.bg-kuning .navbar-nav > .nav-link,
.navbar.bg-kuning .navbar-nav > .nav-item > .nav-link,
.navbar.bg-kuning .navbar-nav > .nav > .nav-item > .nav-link {
  color: #ffffcc;
}
.navbar.bg-kuning .navbar-nav > .nav-link:hover, .navbar.bg-kuning .navbar-nav > .nav-link:focus,
.navbar.bg-kuning .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-kuning .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-kuning .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-kuning .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-kuning .navbar-nav > .nav-link.disabled,
.navbar.bg-kuning .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-kuning .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #ffff99 !important;
}
.navbar.bg-kuning .navbar-nav .show > .nav-link,
.navbar.bg-kuning .navbar-nav .active > .nav-link,
.navbar.bg-kuning .navbar-nav .nav-link.show,
.navbar.bg-kuning .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-kuning .navbar-toggler {
  color: #ffffcc;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-kuning .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-kuning . زیر-text {
  color: #ffffcc;
}
.navbar.bg-kuning .navbar-text a {
  color: #fff;
}
.navbar.bg-kuning .navbar-text a:hover, .navbar.bg-kuning .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-kuning hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-magenta {
  background-color: rgba(255, 0, 255, 0.95) !important;
  color: #ffe0ff;
}
.navbar.bg-magenta .navbar-brand,
.navbar.bg-magenta .navbar-brand a {
  color: #fff;
}
.navbar.bg-magenta .navbar-brand:hover, .navbar.bg-magenta .navbar-brand:focus,
.navbar.bg-magenta .navbar-brand a:hover,
.navbar.bg-magenta .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-magenta .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-magenta .navbar-search-wrapper .search-input {
  color: #ffe0ff;
}
.navbar.bg-magenta .search-input-wrapper .search-input,
.navbar.bg-magenta .search-input-wrapper .search-toggler {
  background-color: #FF00FF !important;
  color: #ffe0ff;
}
.navbar.bg-magenta .navbar-nav > .nav-link,
.navbar.bg-magenta .navbar-nav > .nav-item > .nav-link,
.navbar.bg-magenta .navbar-nav > .nav > .nav-item > .nav-link {
  color: #ffe0ff;
}
.navbar.bg-magenta .navbar-nav > .nav-link:hover, .navbar.bg-magenta .navbar-nav > .nav-link:focus,
.navbar.bg-magenta .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-magenta .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-magenta .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-magenta .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-magenta .navbar-nav > .nav-link.disabled,
.navbar.bg-magenta .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-magenta .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #ff99ff !important;
}
.navbar.bg-magenta .navbar-nav .show > .nav-link,
.navbar.bg-magenta .navbar-nav .active > .nav-link,
.navbar.bg-magenta .navbar-nav .nav-link.show,
.navbar.bg-magenta .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-magenta .navbar-toggler {
  color: #ffe0ff;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-magenta .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-magenta .navbar-text {
  color: #ffe0ff;
}
.navbar.bg-magenta .navbar-text a {
  color: #fff;
}
.navbar.bg-magenta .navbar-text a:hover, .navbar.bg-magenta .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-magenta hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-jingga {
  background-color: rgba(255, 165, 0, 0.95) !important;
  color: #fff0e0;
}
.navbar.bg-jingga .navbar-brand,
.navbar.bg-jingga .navbar-brand a {
  color: #fff;
}
.navbar.bg-jingga .navbar-brand:hover, .navbar.bg-jingga .navbar-brand:focus,
.navbar.bg-jingga .navbar-brand a:hover,
.navbar.bg-jingga .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-jingga .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-jingga .navbar-search-wrapper .search-input {
  color: #fff0e0;
}
.navbar.bg-jingga .search-input-wrapper .search-input,
.navbar.bg-jingga .search-input-wrapper .search-toggler {
  background-color: #FFA500 !important;
  color: #fff0e0;
}
.navbar.bg-jingga .navbar-nav > .nav-link,
.navbar.bg-jingga .navbar-nav > .nav-item > .nav-link,
.navbar.bg-jingga .navbar-nav > .nav > .nav-item > .nav-link {
  color: #fff0e0;
}
.navbar.bg-jingga .navbar-nav > .nav-link:hover, .navbar.bg-jingga .navbar-nav > .nav-link:focus,
.navbar.bg-jingga .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-jingga .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-jingga .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-jingga .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-jingga .navbar-nav > .nav-link.disabled,
.navbar.bg-jingga .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-jingga .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #ffcc99 !important;
}
.navbar.bg-jingga .navbar-nav .show > .nav-link,
.navbar.bg-jingga .navbar-nav .active > .nav-link,
.navbar.bg-jingga .navbar-nav .nav-link.show,
.navbar.bg-jingga .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-jingga .navbar-toggler {
  color: #fff0e0;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-jingga .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-jingga .navbar-text {
  color: #fff0e0;
}
.navbar.bg-jingga .navbar-text a {
  color: #fff;
}
.navbar.bg-jingga .navbar-text a:hover, .navbar.bg-jingga .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-jingga hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-hijau-kekuningan {
  background-color: rgba(173, 255, 47, 0.95) !important;
  color: #f0ffe0;
}
.navbar.bg-hijau-kekuningan .navbar-brand,
.navbar.bg-hijau-kekuningan .navbar-brand a {
  color: #fff;
}
.navbar.bg-hijau-kekuningan .navbar-brand:hover, .navbar.bg-hijau-kekuningan .navbar-brand:focus,
.navbar.bg-hijau-kekuningan .navbar-brand a:hover,
.navbar.bg-hijau-kekuningan .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-hijau-kekuningan .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-hijau-kekuningan .navbar-search-wrapper .search-input {
  color: #f0ffe0;
}
.navbar.bg-hijau-kekuningan .search-input-wrapper .search-input,
.navbar.bg-hijau-kekuningan .search-input-wrapper .search-toggler {
  background-color: #ADFF2F !important;
  color: #f0ffe0;
}
.navbar.bg-hijau-kekuningan .navbar-nav > .nav-link,
.navbar.bg-hijau-kekuningan .navbar-nav > .nav-item > .nav-link,
.navbar.bg-hijau-kekuningan .navbar-nav > .nav > .nav-item > .nav-link {
  color: #f0ffe0;
}
.navbar.bg-hijau-kekuningan .navbar-nav > .nav-link:hover, .navbar.bg-hijau-kekuningan .navbar-nav > .nav-link:focus,
.navbar.bg-hijau-kekuningan .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-hijau-kekuningan .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-hijau-kekuningan .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-hijau-kekuningan .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-hijau-kekuningan .navbar-nav > .nav-link.disabled,
.navbar.bg-hijau-kekuningan .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-hijau-kekuningan .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #ccff99 !important;
}
.navbar.bg-hijau-kekuningan .navbar-nav .show > .nav-link,
.navbar.bg-hijau-kekuningan .navbar-nav .active > .nav-link,
.navbar.bg-hijau-kekuningan .navbar-nav .nav-link.show,
.navbar.bg-hijau-kekuningan .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-hijau-kekuningan .navbar-toggler {
  color: #f0ffe0;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-hijau-kekuningan .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-hijau-kekuningan .navbar-text {
  color: #f0ffe0;
}
.navbar.bg-hijau-kekuningan .navbar-text a {
  color: #fff;
}
.navbar.bg-hijau-kekuningan .navbar-text a:hover, .navbar.bg-hijau-kekuningan .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-hijau-kekuningan hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-biru-kehijauan {
  background-color: rgba(64, 224, 208, 0.95) !important;
  color: #e0fff8;
}
.navbar.bg-biru-kehijauan .navbar-brand,
.navbar.bg-biru-kehijauan .navbar-brand a {
  color: #fff;
}
.navbar.bg-biru-kehijauan .navbar-brand:hover, .navbar.bg-biru-kehijauan .navbar-brand:focus,
.navbar.bg-biru-kehijauan .navbar-brand a:hover,
.navbar.bg-biru-kehijauan .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-biru-kehijauan .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-biru-kehijauan .navbar-search-wrapper .search-input {
  color: #e0fff8;
}
.navbar.bg-biru-kehijauan .search-input-wrapper .search-input,
.navbar.bg-biru-kehijauan .search-input-wrapper .search-toggler {
  background-color: #40E0D0 !important;
  color: #e0fff8;
}
.navbar.bg-biru-kehijauan .navbar-nav > .nav-link,
.navbar.bg-biru-kehijauan .navbar-nav > .nav-item > .nav-link,
.navbar.bg-biru-kehijauan .navbar-nav > .nav > .nav-item > .nav-link {
  color: #e0fff8;
}
.navbar.bg-biru-kehijauan .navbar-nav > .nav-link:hover, .navbar.bg-biru-kehijauan .navbar-nav > .nav-link:focus,
.navbar.bg-biru-kehijauan .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-biru-kehijauan .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-biru-kehijauan .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-biru-kehijauan .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-biru-kehijauan .navbar-nav > .nav-link.disabled,
.navbar.bg-biru-kehijauan .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-biru-kehijauan .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #99ffeb !important;
}
.navbar.bg-biru-kehijauan .navbar-nav .show > .nav-link,
.navbar.bg-biru-kehijauan .navbar-nav .active > .nav-link,
.navbar.bg-biru-kehijauan .navbar-nav .nav-link.show,
.navbar.bg-biru-kehijauan .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-biru-kehijauan .navbar-toggler {
  color: #e0fff8;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-biru-kehijauan .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3Eordered3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-biru-kehijauan .navbar-text {
  color: #e0fff8;
}
.navbar.bg-biru-kehijauan .navbar-text a {
  color: #fff;
}
.navbar.bg-biru-kehijauan .navbar-text a:hover, .navbar.bg-biru-kehijauan .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-biru-kehijauan hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-biru-keunguan {
  background-color: rgba(75, 0, 130, 0.95) !important;
  color: #e6e0ff;
}
.navbar.bg-biru-keunguan .navbar-brand,
.navbar.bg-biru-keunguan .navbar-brand a {
  color: #fff;
}
.navbar.bg-biru-keunguan .navbar-brand:hover, .navbar.bg-biru-keunguan .navbar-brand:focus,
.navbar.bg-biru-keunguan .navbar-brand a:hover,
.navbar.bg-biru-keunguan .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-biru-keunguan .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-biru-keunguan .navbar-search-wrapper .search-input {
  color: #e6e0ff;
}
.navbar.bg-biru-keunguan .search-input-wrapper .search-input,
.navbar.bg-biru-keunguan .search-input-wrapper .search-toggler {
  background-color: #4B0082 !important;
  color: #e6e0ff;
}
.navbar.bg-biru-keunguan .navbar-nav > .nav-link,
.navbar.bg-biru-keunguan .navbar-nav > .nav-item > .nav-link,
.navbar.bg-biru-keunguan .navbar-nav > .nav > .nav-item > .nav-link {
  color: #e6e0ff;
}
.navbar.bg-biru-keunguan .navbar-nav > .nav-link:hover, .navbar.bg-biru-keunguan .navbar-nav > .nav-link:focus,
.navbar.bg-biru-keunguan .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-biru-keunguan .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-biru-keunguan .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-biru-keunguan .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-biru-keunguan .navbar-nav > .nav-link.disabled,
.navbar.bg-biru-keunguan .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-biru-keunguan .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #9966cc !important;
}
.navbar.bg-biru-keunguan .navbar-nav .show > .nav-link,
.navbar.bg-biru-keunguan .navbar-nav .active > .nav-link,
.navbar.bg-biru-keunguan .navbar-nav .nav-link.show,
.navbar.bg-biru-keunguan .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-biru-keunguan .navbar-toggler {
  color: #e6e0ff;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-biru-keunguan .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-biru-keunguan .navbar-text {
  color: #e6e0ff;
}
.navbar.bg-biru-keunguan .navbar-text a {
  color: #fff;
}
.navbar.bg-biru-keunguan .navbar-text a:hover, .navbar.bg-biru-keunguan .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-biru-keunguan hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-merah-muda {
  background-color: rgba(255, 105, 180, 0.95) !important;
  color: #ffe0f0;
}
.navbar.bg-merah-muda .navbar-brand,
.navbar.bg-merah-muda .navbar-brand a {
  color: #fff;
}
.navbar.bg-merah-muda .navbar-brand:hover, .navbar.bg-merah-muda .navbar-brand:focus,
.navbar.bg-merah-muda .navbar-brand a:hover,
.navbar.bg-merah-muda .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-merah-muda .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-merah-muda .navbar-search-wrapper .search-input {
  color: #ffe0f0;
}
.navbar.bg-merah-muda .search-input-wrapper .search-input,
.navbar.bg-merah-muda .search-input-wrapper .search-toggler {
  background-color: #FF69B4 !important;
  color: #ffe0f0;
}
.navbar.bg-merah-muda .navbar-nav > .nav-link,
.navbar.bg-merah-muda .navbar-nav > .nav-item > .nav-link,
.navbar.bg-merah-muda .navbar-nav > .nav > .nav-item > .nav-link {
  color: #ffe0f0;
}
.navbar.bg-merah-muda .navbar-nav > .nav-link:hover, .navbar.bg-merah-muda .navbar-nav > .nav-link:focus,
.navbar.bg-merah-muda .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-merah-muda .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-merah-muda .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-merah-muda .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-merah-muda .navbar-nav > .nav-link.disabled,
.navbar.bg-merah-muda .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-merah-muda .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #ff99cc !important;
}
.navbar.bg-merah-muda .navbar-nav .show > .nav-link,
.navbar.bg-merah-muda .navbar-nav .active > .nav-link,
.navbar.bg-merah-muda .navbar-nav .nav-link.show,
.navbar.bg-merah-muda .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-merah-muda .navbar-toggler {
  color: #ffe0f0;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-merah-muda .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-merah-muda .navbar-text {
  color: #ffe0f0;
}
.navbar.bg-merah-muda .navbar-text a {
  color: #fff;
}
.navbar.bg-merah-muda .navbar-text a:hover, .navbar.bg-merah-muda .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-merah-muda hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-emas {
  background-color: rgba(255, 215, 0, 0.95) !important;
  color: #fff8e0;
}
.navbar.bg-emas .navbar-brand,
.navbar.bg-emas .navbar-brand a {
  color: #fff;
}
.navbar.bg-emas .navbar-brand:hover, .navbar.bg-emas .navbar-brand:focus,
.navbar.bg-emas .navbar-brand a:hover,
.navbar.bg-emas .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-emas .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-emas .navbar-search-wrapper .search-input {
  color: #fff8e0;
}
.navbar.bg-emas .search-input-wrapper .search-input,
.navbar.bg-emas .search-input-wrapper .search-toggler {
  background-color: #FFD700 !important;
  color: #fff8e0;
}
.navbar.bg-emas .navbar-nav > .nav-link,
.navbar.bg-emas .navbar-nav > .nav-item > .nav-link,
.navbar.bg-emas .navbar-nav > .nav > .nav-item > .nav-link {
  color: #fff8e0;
}
.navbar.bg-emas .navbar-nav > .nav-link:hover, .navbar.bg-emas .navbar-nav > .nav-link:focus,
.navbar.bg-emas .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-emas .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-emas .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-emas .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-emas .navbar-nav > .nav-link.disabled,
.navbar.bg-emas .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-emas .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #ffeb99 !important;
}
.navbar.bg-emas .navbar-nav .show > .nav-link,
.navbar.bg-emas .navbar-nav .active > .nav-link,
.navbar.bg-emas .navbar-nav .nav-link.show,
.navbar.bg-emas .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-emas .navbar-toggler {
  color: #fff8e0;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-emas .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Gg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-emas .navbar-text {
  color: #fff8e0;
}
.navbar.bg-emas .navbar-text a {
  color: #fff;
}
.navbar.bg-emas .navbar-text a:hover, .navbar.bg-emas .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-emas hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.navbar.bg-cokelat {
  background-color: rgba(165, 42, 42, 0.95) !important;
  color: #f0e0e0;
}
.navbar.bg-cokelat .navbar-brand,
.navbar.bg-cokelat .navbar-brand a {
  color: #fff;
}
.navbar.bg-cokelat .navbar-brand:hover, .navbar.bg-cokelat .navbar-brand:focus,
.navbar.bg-cokelat .navbar-brand a:hover,
.navbar.bg-cokelat .navbar-brand a:focus {
  color: #fff;
}
.navbar.bg-cokelat .navbar-search-wrapper .navbar-search-icon,
.navbar.bg-cokelat .navbar-search-wrapper .search-input {
  color: #f0e0e0;
}
.navbar.bg-cokelat .search-input-wrapper .search-input,
.navbar.bg-cokelat .search-input-wrapper .search-toggler {
  background-color: #A52A2A !important;
  color: #f0e0e0;
}
.navbar.bg-cokelat .navbar-nav > .nav-link,
.navbar.bg-cokelat .navbar-nav > .nav-item > .nav-link,
.navbar.bg-cokelat .navbar-nav > .nav > .nav-item > .nav-link {
  color: #f0e0e0;
}
.navbar.bg-cokelat .navbar-nav > .nav-link:hover, .navbar.bg-cokelat .navbar-nav > .nav-link:focus,
.navbar.bg-cokelat .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-cokelat .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-cokelat .navbarソーサルナビゲーター
.navbar.bg-cokelat .navbar-nav > .nav-link:hover, .navbar.bg-cokelat .navbar-nav > .nav-link:focus,
.navbar.bg-cokelat .navbar-nav > .nav-item > .nav-link:hover,
.navbar.bg-cokelat .navbar-nav > .nav-item > .nav-link:focus,
.navbar.bg-cokelat .navbar-nav > .nav > .nav-item > .nav-link:hover,
.navbar.bg-cokelat .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #fff;
}
.navbar.bg-cokelat .navbar-nav > .nav-link.disabled,
.navbar.bg-cokelat .navbar-nav > .nav-item > .nav-link.disabled,
.navbar.bg-cokelat .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #cc9999 !important;
}
.navbar.bg-cokelat .navbar-nav .show > .nav-link,
.navbar.bg-cokelat .navbar-nav .active > .nav-link,
.navbar.bg-cokelat .navbar-nav .nav-link.show,
.navbar.bg-cokelat .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar.bg-cokelat .navbar-toggler {
  color: #f0e0e0;
  border-color: rgba(255, 255, 255, 0.15);
}
.navbar.bg-cokelat .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(255, 255, 255, 0.8)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.navbar.bg-cokelat .navbar-text {
  color: #f0e0e0;
}
.navbar.bg-cokelat .navbar-text a {
  color: #fff;
}
.navbar.bg-cokelat .navbar-text a:hover, .navbar.bg-cokelat .navbar-text a:focus {
  color: #fff;
}
.navbar.bg-cokelat hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.menu.bg-primary {
  background-color: #f0b766 !important;
  color: #fcf0de;
}
.menu.bg-primary.menu-horizontal {
  background-color: rgba(240, 183, 102, 0.95) !important;
}
.menu.bg-primary .menu-link,
.menu.bg-primary .menu-horizontal-prev,
.menu.bg-primary .menu-horizontal-next {
  color: #fcf0de;
}
.menu.bg-primary .menu-link:hover, .menu.bg-primary .menu-link:focus,
.menu.bg-primary .menu-horizontal-prev:hover,
.menu.bg-primary .menu-horizontal-prev:focus,
.menu.bg-primary .menu-horizontal-next:hover,
.menu.bg-primary .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-primary .menu-link.active,
.menu.bg-primary .menu-horizontal-prev.active,
.menu.bg-primary .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-primary .menu-item.disabled .menu-link,
.menu.bg-primary .menu-horizontal-prev.disabled,
.menu.bg-primary .menu-horizontal-next.disabled {
  color: #f7d9b0 !important;
}
.menu.bg-primary .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-primary .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-primary.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #f0b86a 22.16%, rgba(240, 184, 106, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(240, 184, 106, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-primary.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(240, 184, 106, 0.7) 22.16%, #f0b86a 76.47%) !important;
}
.menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #f0b86a 22.16%, rgba(240, 184, 106, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(240, 184, 106, 0.48);
}
[dir=rtl] .menu.bg-primary.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(240, 184, 106, 0.7) 22.16%, #f0b86a 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(240, 184, 106, 0.48);
  color: #fff !important;
}
.menu.bg-primary.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-primary.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #f0b766;
}
.menu.bg-primary.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #f0b766;
  color: #f0b86a !important;
}
.menu.bg-primary .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-primary .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-primary .menu-inner-shadow {
  background: linear-gradient(#f0b766 41%, rgba(240, 183, 102, 0.11) 95%, rgba(240, 183, 102, 0));
}
.menu.bg-primary .menu-text {
  color: #fff;
}
.menu.bg-primary .menu-header {
  color: #f9e2c3;
}
.menu.bg-primary hr,
.menu.bg-primary .menu-divider,
.menu.bg-primary .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-primary .menu-block::before {
  background-color: #f9e2c3;
}
.menu.bg-primary .ps__thumb-y,
.menu.bg-primary .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-merah {
  background-color: #FF0000 !important;
  color: #fff0f0;
}
.menu.bg-merah.menu-horizontal {
  background-color: rgba(255, 0, 0, 0.95) !important;
}
.menu.bg-merah .menu-link,
.menu.bg-merah .menu-horizontal-prev,
.menu.bg-merah .menu-horizontal-next {
  color: #fff0f0;
}
.menu.bg-merah .menu-link:hover, .menu.bg-merah .menu-link:focus,
.menu.bg-merah .menu-horizontal-prev:hover,
.menu.bg-merah .menu-horizontal-prev:focus,
.menu.bg-merah .menu-horizontal-next:hover,
.menu.bg-merah .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-merah .menu-link.active,
.menu.bg-merah .menu-horizontal-prev.active,
.menu.bg-merah .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-merah .menu-item.disabled .menu-link,
.menu.bg-merah .menu-horizontal-prev.disabled,
.menu.bg-merah .menu-horizontal-next.disabled {
  color: #ff6666 !important;
}
.menu.bg-merah .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-merah .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-merah.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #ff3333 22.16%, rgba(255, 0, 0, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 0, 0, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-merah.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(255, 0, 0, 0.7) 22.16%, #ff3333 76.47%) !important;
}
.menu.bg-merah.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #ff3333 22.16%, rgba(255, 0, 0, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(255, 0, 0, 0.48);
}
[dir=rtl] .menu.bg-merah.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(255, 0, 0, 0.7) 22.16%, #ff3333 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 0, 0, 0.48);
  color: #fff !important;
}
.menu.bg-merah.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-merah.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #FF0000;
}
.menu.bg-merah.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #FF0000;
  color: #ff3333 !important;
}
.menu.bg-merah .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-merah .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-merah .menu-inner-shadow {
  background: linear-gradient(#FF0000 41%, rgba(255, 0, 0, 0.11) 95%, rgba(255, 0, 0, 0));
}
.menu.bg-merah .menu-text {
  color: #fff;
}
.menu.bg-merah .menu-header {
  color: #ff9999;
}
.menu.bg-merah hr,
.menu.bg-merah .menu-divider,
.menu.bg-merah .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-merah .menu-block::before {
  background-color: #ff9999;
}
.menu.bg-merah .ps__thumb-y,
.menu.bg-merah .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-hijau {
  background-color: #00FF00 !important;
  color: #e0ffe0;
}
.menu.bg-hijau.menu-horizontal {
  background-color: rgba(0, 255, 0, 0.95) !important;
}
.menu.bg-hijau .menu-link,
.menu.bg-hijau .menu-horizontal-prev,
.menu.bg-hijau .menu-horizontal-next {
  color: #e0ffe0;
}
.menu.bg-hijau .menu-link:hover, .menu.bg-hijau .menu-link:focus,
.menu.bg-hijau .menu-horizontal-prev:hover,
.menu.bg-hijau .menu-horizontal-prev:focus,
.menu.bg-hijau .menu-horizontal-next:hover,
.menu.bg-hijau .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-hijau .menu-link.active,
.menu.bg-hijau .menu-horizontal-prev.active,
.menu.bg-hijau .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-hijau .menu-item.disabled .menu-link,
.menu.bg-hijau .menu-horizontal-prev.disabled,
.menu.bg-hijau .menu-horizontal-next.disabled {
  color: #99ff99 !important;
}
.menu.bg-hijau .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-hijau .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-hijau.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #33ff33 22.16%, rgba(0, 255, 0, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(0, 255, 0, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-hijau.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(0, 255, 0, 0.7) 22.16%, #33ff33 76.47%) !important;
}
.menu.bg-hijau.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #33ff33 22.16%, rgba(0, 255, 0, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(0, 255, 0, 0.48);
}
[dir=rtl] .menu.bg-hijau.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(0, 255, 0, 0.7) 22.16%, #33ff33 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(0, 255, 0, 0.48);
  color: #fff !important;
}
.menu.bg-hijau.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-hijau.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #00FF00;
}
.menu.bg-hijau.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #00FF00;
  color: #33ff33 !important;
}
.menu.bg-hijau .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-hijau .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-hijau .menu-inner-shadow {
  background: linear-gradient(#00FF00 41%, rgba(0, 255, 0, 0.11) 95%, rgba(0, 255, 0, 0));
}
.menu.bg-hijau .menu-text {
  color: #fff;
}
.menu.bg-hijau .menu-header {
  color: #99ff99;
}
.menu.bg-hijau hr,
.menu.bg-hijau .menu-divider,
.menu.bg-hijau .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-hijau .menu-block::before {
  background-color: #99ff99;
}
.menu.bg-hijau .ps__thumb-y,
.menu.bg-hijau .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-biru {
  background-color: #0000FF !important;
  color: #e0e0ff;
}
.menu.bg-biru.menu-horizontal {
  background-color: rgba(0, 0, 255, 0.95) !important;
}
.menu.bg-biru .menu-link,
.menu.bg-biru .menu-horizontal-prev,
.menu.bg-biru .menu-horizontal-next {
  color: #e0e0ff;
}
.menu.bg-biru .menu-link:hover, .menu.bg-biru .menu-link:focus,
.menu.bg-biru .menu-horizontal-prev:hover,
.menu.bg-biru .menu-horizontal-prev:focus,
.menu.bg-biru .menu-horizontal-next:hover,
.menu.bg-biru .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-biru .menu-link.active,
.menu.bg-biru .menu-horizontal-prev.active,
.menu.bg-biru .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-biru .menu-item.disabled .menu-link,
.menu.bg-biru .menu-horizontal-prev.disabled,
.menu.bg-biru .menu-horizontal-next.disabled {
  color: #6666ff !important;
}
.menu.bg-biru .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-biru .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-biru.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #3333ff 22.16%, rgba(0, 0, 255, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 255, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-biru.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(0, 0, 255, 0.7) 22.16%, #3333ff 76.47%) !important;
}
.menu.bg-biru.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #3333ff 22.16%, rgba(0, 0, 255, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 255, 0.48);
}
[dir=rtl] .menu.bg-biru.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(0, 0, 255, 0.7) 22.16%, #3333ff 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 255, 0.48);
  color: #fff !important;
}
.menu.bg-biru.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-biru.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #0000FF;
}
.menu.bg-biru.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #0000FF;
  color: #3333ff !important;
}
.menu.bg-biru .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-biru .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-biru .menu-inner-shadow {
  background: linear-gradient(#0000FF 41%, rgba(0, 0, 255, 0.11) 95%, rgba(0, 0, 255, 0));
}
.menu.bg-biru .menu-text {
  color: #fff;
}
.menu.bg-biru .menu-header {
  color: #9999ff;
}
.menu.bg-biru hr,
.menu.bg-biru .menu-divider,
.menu.bg-biru .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-biru .menu-block::before {
  background-color: #9999ff;
}
.menu.bg-biru .ps__thumb-y,
.menu.bg-biru .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-kuning {
  background-color: #FFFF00 !important;
  color: #ffffcc;
}
.menu.bg-kuning.menu-horizontal {
  background-color: rgba(255, 255, 0, 0.95) !important;
}
.menu.bg-kuning .menu-link,
.menu.bg-kuning .menu-horizontal-prev,
.menu.bg-kuning .menu-horizontal-next {
  color: #ffffcc;
}
.menu.bg-kuning .menu-link:hover, .menu.bg-kuning .menu-link:focus,
.menu.bg-kuning .menu-horizontal-prev:hover,
.menu.bg-kuning .menu-horizontal-prev:focus,
.menu.bg-kuning .menu-horizontal-next:hover,
.menu.bg-kuning .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-kuning .menu-link.active,
.menu.bg-kuning .menu-horizontal-prev.active,
.menu.bg-kuning .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-kuning .menu-item.disabled .menu-link,
.menu.bg-kuning .menu-horizontal-prev.disabled,
.menu.bg-kuning .menu-horizontal-next.disabled {
  color: #ffff99 !important;
}
.menu.bg-kuning .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-kuning .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-kuning.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #ffff33 22.16%, rgba(255, 255, 0, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 255, 0, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-kuning.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(255, 255, 0, 0.7) 22.16%, #ffff33 76.47%) !important;
}
.menu.bg-kuning.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #ffff33 22.16%, rgba(255, 255, 0, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(255, 255, 0, 0.48);
}
[dir=rtl] .menu.bg-kuning.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(255, 255, 0, 0.7) 22.16%, #ffff33 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 255, 0, 0.48);
  color: #fff !important;
}
.menu.bg-kuning.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-kuning.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #FFFF00;
}
.menu.bg-kuning.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #FFFF00;
  color: #ffff33 !important;
}
.menu.bg-kuning .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-kuning .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-kuning .menu-inner-shadow {
  background: linear-gradient(#FFFF00 41%, rgba(255, 255, 0, 0.11) 95%, rgba(255, 255, 0, 0));
}
.menu.bg-kuning .menu-text {
  color: #fff;
}
.menu.bg-kuning .menu-header {
  color: #ffff99;
}
.menu.bg-kuning hr,
.menu.bg-kuning .menu-divider,
.menu.bg-kuning .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-kuning .menu-block::before {
  background-color: #ffff99;
}
.menu.bg-kuning .ps__thumb-y,
.menu.bg-kuning .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-magenta {
  background-color: #FF00FF !important;
  color: #ffe0ff;
}
.menu.bg-magenta.menu-horizontal {
  background-color: rgba(255, 0, 255, 0.95) !important;
}
.menu.bg-magenta .menu-link,
.menu.bg-magenta .menu-horizontal-prev,
.menu.bg-magenta .menu-horizontal-next {
  color: #ffe0ff;
}
.menu.bg-magenta .menu-link:hover, .menu.bg-magenta .menu-link:focus,
.menu.bg-magenta .menu-horizontal-prev:hover,
.menu.bg-magenta .menu-horizontal-prev:focus,
.menu.bg-magenta .menu-horizontal-next:hover,
.menu.bg-magenta .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-magenta .menu-link.active,
.menu.bg-magenta .menu-horizontal-prev.active,
.menu.bg-magenta .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-magenta .menu-item.disabled .menu-link,
.menu.bg-magenta .menu-horizontal-prev.disabled,
.menu.bg-magenta .menu-horizontal-next.disabled {
  color: #ff99ff !important;
}
.menu.bg-magenta .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-magenta .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-magenta.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #ff33ff 22.16%, rgba(255, 0, 255, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 0, 255, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-magenta.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(255, 0, 255, 0.7) 22.16%, #ff33ff 76.47%) !important;
}
.menu.bg-magenta.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #ff33ff 22.16%, rgba(255, 0, 255, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(255, 0, 255, 0.48);
}
[dir=rtl] .menu.bg-magenta.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(255, 0, 255, 0.7) 22.16%, #ff33ff 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 0, 255, 0.48);
  color: #fff !important;
}
.menu.bg-magenta.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-magenta.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #FF00FF;
}
.menu.bg-magenta.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #FF00FF;
  color: #ff33ff !important;
}
.menu.bg-magenta .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-magenta .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-magenta .menu-inner-shadow {
  background: linear-gradient(#FF00FF 41%, rgba(255, 0, 255, 0.11) 95%, rgba(255, 0, 255, 0));
}
.menu.bg-magenta .menu-text {
  color: #fff;
}
.menu.bg-magenta .menu-header {
  color: #ff99ff;
}
.menu.bg-magenta hr,
.menu.bg-magenta .menu-divider,
.menu.bg-magenta .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-magenta .menu-block::before {
  background-color: #ff99ff;
}
.menu.bg-magenta .ps__thumb-y,
.menu.bg-magenta .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-jingga {
  background-color: #FFA500 !important;
  color: #fff0e0;
}
.menu.bg-jingga.menu-horizontal {
  background-color: rgba(255, 165, 0, 0.95) !important;
}
.menu.bg-jingga .menu-link,
.menu.bg-jingga .menu-horizontal-prev,
.menu.bg-jingga .menu-horizontal-next {
  color: #fff0e0;
}
.menu.bg-jingga .menu-link:hover, .menu.bg-jingga .menu-link:focus,
.menu.bg-jingga .menu-horizontal-prev:hover,
.menu.bg-jingga .menu-horizontal-prev:focus,
.menu.bg-jingga .menu-horizontal-next:hover,
.menu.bg-jingga .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-jingga .menu-link.active,
.menu.bg-jingga .menu-horizontal-prev.active,
.menu.bg-jingga .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-jingga .menu-item.disabled .menu-link,
.menu.bg-jingga .menu-horizontal-prev.disabled,
.menu.bg-jingga .menu-horizontal-next.disabled {
  color: #ffcc99 !important;
}
.menu.bg-jingga .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-jingga .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-jingga.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #ff9933 22.16%, rgba(255, 165, 0, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 165, 0, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-jingga.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(255, 165, 0, 0.7) 22.16%, #ff9933 76.47%) !important;
}
.menu.bg-jingga.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #ff9933 22.16%, rgba(255, 165, 0, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(255, 165, 0, 0.48);
}
[dir=rtl] .menu.bg-jingga.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(255, 165, 0, 0.7) 22.16%, #ff9933 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 165, 0, 0.48);
  color: #fff !important;
}
.menu.bg-jingga.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-jingga.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #FFA500;
}
.menu.bg-jingga.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #FFA500;
  color: #ff9933 !important;
}
.menu.bg-jingga .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-jingga .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-jingga .menu-inner-shadow {
  background: linear-gradient(#FFA500 41%, rgba(255, 165, 0, 0.11) 95%, rgba(255, 165, 0, 0));
}
.menu.bg-jingga .menu-text {
  color: #fff;
}
.menu.bg-jingga .menu-header {
  color: #ffcc99;
}
.menu.bg-jingga hr,
.menu.bg-jingga .menu-divider,
.menu.bg-jingga .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-jingga .menu-block::before {
  background-color: #ffcc99;
}
.menu.bg-jingga .ps__thumb-y,
.menu.bg-jingga .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-hijau-kekuningan {
  background-color: #ADFF2F !important;
  color: #f0ffe0;
}
.menu.bg-hijau-kekuningan.menu-horizontal {
  background-color: rgba(173, 255, 47, 0.95) !important;
}
.menu.bg-hijau-kekuningan .menu-link,
.menu.bg-hijau-kekuningan .menu-horizontal-prev,
.menu.bg-hijau-kekuningan .menu-horizontal-next {
  color: #f0ffe0;
}
.menu.bg-hijau-kekuningan .menu-link:hover, .menu.bg-hijau-kekuningan .menu-link:focus,
.menu.bg-hijau-kekuningan .menu-horizontal-prev:hover,
.menu.bg-hijau-kekuningan .menu-horizontal-prev:focus,
.menu.bg-hijau-kekuningan .menu-horizontal-next:hover,
.menu.bg-hijau-kekuningan .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-hijau-kekuningan .menu-link.active,
.menu.bg-hijau-kekuningan .menu-horizontal-prev.active,
.menu.bg-hijau-kekuningan .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-hijau-kekuningan .menu-item.disabled .menu-link,
.menu.bg-hijau-kekuningan .menu-horizontal-prev.disabled,
.menu.bg-hijau-kekuningan .menu-horizontal-next.disabled {
  color: #ccff99 !important;
}
.menu.bg-hijau-kekuningan .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-hijau-kekuningan .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-hijau-kekuningan.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #b3ff4d 22.16%, rgba(173, 255, 47, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(173, 255, 47, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-hijau-kekuningan.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(173, 255, 47, 0.7) 22.16%, #b3ff4d 76.47%) !important;
}
.menu.bg-hijau-kekuningan.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #b3ff4d 22.16%, rgba(173, 255, 47, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(173, 255, 47, 0.48);
}
[dir=rtl] .menu.bg-hijau-kekuningan.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(173, 255, 47, 0.7) 22.16%, #b3ff4d 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(173, 255, 47, 0.48);
  color: #fff !important;
}
.menu.bg-hijau-kekuningan.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-hijau-kekuningan.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #ADFF2F;
}
.menu.bg-hijau-kekuningan.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #ADFF2F;
  color: #b3ff4d !important;
}
.menu.bg-hijau-kekuningan .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-hijau-kekuningan .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-hijau-kekuningan .menu-inner-shadow {
  background: linear-gradient(#ADFF2F 41%, rgba(173, 255, 47, 0.11) 95%, rgba(173, 255, 47, 0));
}
.menu.bg-hijau-kekuningan .menu-text {
  color: #fff;
}
.menu.bg-hijau-kekuningan .menu-header {
  color: #ccff99;
}
.menu.bg-hijau-kekuningan hr,
.menu.bg-hijau-kekuningan .menu-divider,
.menu.bg-hijau-kekuningan .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-hijau-kekuningan .menu-block::before {
  background-color: #ccff99;
}
.menu.bg-hijau-kekuningan .ps__thumb-y,
.menu.bg-hijau-kekuningan .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-biru-kehijauan {
  background-color: #40E0D0 !important;
  color: #e0fff8;
}
.menu.bg-biru-kehijauan.menu-horizontal {
  background-color: rgba(64, 224, 208, 0.95) !important;
}
.menu.bg-biru-kehijauan .menu-link,
.menu.bg-biru-kehijauan .menu-horizontal-prev,
.menu.bg-biru-kehijauan .menu-horizontal-next {
  color: #e0fff8;
}
.menu.bg-biru-kehijauan .menu-link:hover, .menu.bg-biru-kehijauan .menu-link:focus,
.menu.bg-biru-kehijauan .menu-horizontal-prev:hover,
.menu.bg-biru-kehijauan .menu-horizontal-prev:focus,
.menu.bg-biru-kehijauan .menu-horizontal-next:hover,
.menu.bg-biru-kehijauan .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-biru-kehijauan .menu-link.active,
.menu.bg-biru-kehijauan .menu-horizontal-prev.active,
.menu.bg-biru-kehijauan .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-biru-kehijauan .menu-item.disabled .menu-link,
.menu.bg-biru-kehijauan .menu-horizontal-prev.disabled,
.menu.bg-biru-kehijauan .menu-horizontal-next.disabled {
  color: #99ffeb !important;
}
.menu.bg-biru-kehijauan .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-biru-kehijauan .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-biru-kehijauan.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #4de0d6 22.16%, rgba(64, 224, 208, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(64, 224, 208, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-biru-kehijauan.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(64, 224, 208, 0.7) 22.16%, #4de0d6 76.47%) !important;
}
.menu.bg-biru-kehijauan.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #4de0d6 22.16%, rgba(64, 224, 208, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(64, 224, 208, 0.48);
}
[dir=rtl] .menu.bg-biru-kehijauan.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(64, 224, 208, 0.7) 22.16%, #4de0d6 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(64, 224, 208, 0.48);
  color: #fff !important;
}
.menu.bg-biru-kehijauan.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-biru-kehijauan.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #40E0D0;
}
.menu.bg-biru-kehijauan.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #40E0D0;
  color: #4de0d6 !important;
}
.menu.bg-biru-kehijauan .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-biru-kehijauan .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-biru-kehijauan .menu-inner-shadow {
  background: linear-gradient(#40E0D0 41%, rgba(64, 224, 208, 0.11) 95%, rgba(64, 224, 208, 0));
}
.menu.bg-biru-kehijauan .menu-text {
  color: #fff;
}
.menu.bg-biru-kehijauan .menu-header {
  color: #99ffeb;
}
.menu.bg-biru-kehijauan hr,
.menu.bg-biru-kehijauan .menu-divider,
.menu.bg-biru-kehijauan .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-biru-kehijauan .menu-block::before {
  background-color: #99ffeb;
}
.menu.bg-biru-kehijauan .ps__thumb-y,
.menu.bg-biru-kehijauan .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-biru-keunguan {
  background-color: #4B0082 !important;
  color: #e6e0ff;
}
.menu.bg-biru-keunguan.menu-horizontal {
  background-color: rgba(75, 0, 130, 0.95) !important;
}
.menu.bg-biru-keunguan .menu-link,
.menu.bg-biru-keunguan .menu-horizontal-prev,
.menu.bg-biru-keunguan .menu-horizontal-next {
  color: #e6e0ff;
}
.menu.bg-biru-keunguan .menu-link:hover, .menu.bg-biru-keunguan .menu-link:focus,
.menu.bg-biru-keunguan .menu-horizontal-prev:hover,
.menu.bg-biru-keunguan .menu-horizontal-prev:focus,
.menu.bg-biru-keunguan .menu-horizontal-next:hover,
.menu.bg-biru-keunguan .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-biru-keunguan .menu-link.active,
.menu.bg-biru-keunguan .menu-horizontal-prev.active,
.menu.bg-biru-keunguan .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-biru-keunguan .menu-item.disabled .menu-link,
.menu.bg-biru-keunguan .menu-horizontal-prev.disabled,
.menu.bg-biru-keunguan .menu-horizontal-next.disabled {
  color: #9966cc !important;
}
.menu.bg-biru-keunguan .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-biru-keunguan .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-biru-keunguan.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #5e33a1 22.16%, rgba(75, 0, 130, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(75, 0, 130, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-biru-keunguan.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(75, 0, 130, 0.7) 22.16%, #5e33a1 76.47%) !important;
}
.menu.bg-biru-keunguan.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #5e33a1 22.16%, rgba(75, 0, 130, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(75, 0, 130, 0.48);
}
[dir=rtl] .menu.bg-biru-keunguan.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(75, 0, 130, 0.7) 22.16%, #5e33a1 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(75, 0, 130, 0.48);
  color: #fff !important;
}
.menu.bg-biru-keunguan.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-biru-keunguan.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #4B0082;
}
.menu.bg-biru-keunguan.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #4B0082;
  color: #5e33a1 !important;
}
.menu.bg-biru-keunguan .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-biru-keunguan .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-biru-keunguan .menu-inner-shadow {
  background: linear-gradient(#4B0082 41%, rgba(75, 0, 130, 0.11) 95%, rgba(75, 0, 130, 0));
}
.menu.bg-biru-keunguan .menu-text {
  color: #fff;
}
.menu.bg-biru-keunguan .menu-header {
  color: #9966cc;
}
.menu.bg-biru-keunguan hr,
.menu.bg-biru-keunguan .menu-divider,
.menu.bg-biru-keunguan .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-biru-keunguan .menu-block::before {
  background-color: #9966cc;
}
.menu.bg-biru-keunguan .ps__thumb-y,
.menu.bg-biru-keunguan .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-merah-muda {
  background-color: #FF69B4 !important;
  color: #ffe0f0;
}
.menu.bg-merah-muda.menu-horizontal {
  background-color: rgba(255, 105, 180, 0.95) !important;
}
.menu.bg-merah-muda .menu-link,
.menu.bg-merah-muda .menu-horizontal-prev,
.menu.bg-merah-muda .menu-horizontal-next {
  color: #ffe0f0;
}
.menu.bg-merah-muda .menu-link:hover, .menu.bg-merah-muda .menu-link:focus,
.menu.bg-merah-muda .menu-horizontal-prev:hover,
.menu.bg-merah-muda .menu-horizontal-prev:focus,
.menu.bg-merah-muda .menu-horizontal-next:hover,
.menu.bg-merah-muda .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-merah-muda .menu-link.active,
.menu.bg-merah-muda .menu-horizontal-prev.active,
.menu.bg-merah-muda .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-merah-muda .menu-item.disabled .menu-link,
.menu.bg-merah-muda .menu-horizontal-prev.disabled,
.menu.bg-merah-muda .menu-horizontal-next.disabled {
  color: #ff99cc !important;
}
.menu.bg-merah-muda .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-merah-muda .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-merah-muda.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #ff80bf 22.16%, rgba(255, 105, 180, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 105, 180, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-merah-muda.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(255, 105, 180, 0.7) 22.16%, #ff80bf 76.47%) !important;
}
.menu.bg-merah-muda.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #ff80bf 22.16%, rgba(255, 105, 180, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(255, 105, 180, 0.48);
}
[dir=rtl] .menu.bg-merah-muda.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(255, 105, 180, 0.7) 22.16%, #ff80bf 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 105, 180, 0.48);
  color: #fff !important;
}
.menu.bg-merah-muda.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-merah-muda.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #FF69B4;
}
.menu.bg-merah-muda.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #FF69B4;
  color: #ff80bf !important;
}
.menu.bg-merah-muda .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-merah-muda .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-merah-muda .menu-inner-shadow {
  background: linear-gradient(#FF69B4 41%, rgba(255, 105, 180, 0.11) 95%, rgba(255, 105, 180, 0));
}
.menu.bg-merah-muda .menu-text {
  color: #fff;
}
.menu.bg-merah-muda .menu-header {
  color: #ff99cc;
}
.menu.bg-merah-muda hr,
.menu.bg-merah-muda .menu-divider,
.menu.bg-merah-muda .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-merah-muda .menu-block::before {
  background-color: #ff99cc;
}
.menu.bg-merah-muda .ps__thumb-y,
.menu.bg-merah-muda .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-emas {
  background-color: #FFD700 !important;
  color: #fff8e0;
}
.menu.bg-emas.menu-horizontal {
  background-color: rgba(255, 215, 0, 0.95) !important;
}
.menu.bg-emas .menu-link,
.menu.bg-emas .menu-horizontal-prev,
.menu.bg-emas .menu-horizontal-next {
  color: #fff8e0;
}
.menu.bg-emas .menu-link:hover, .menu.bg-emas .menu-link:focus,
.menu.bg-emas .menu-horizontal-prev:hover,
.menu.bg-emas .menu-horizontal-prev:focus,
.menu.bg-emas .menu-horizontal-next:hover,
.menu.bg-emas .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-emas .menu-link.active,
.menu.bg-emas .menu-horizontal-prev.active,
.menu.bg-emas .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-emas .menu-item.disabled .menu-link,
.menu.bg-emas .menu-horizontal-prev.disabled,
.menu.bg-emas .menu-horizontal-next.disabled {
  color: #ffeb99 !important;
}
.menu.bg-emas .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-emas .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-emas.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #ffdd33 22.16%, rgba(255, 215, 0, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 215, 0, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-emas.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(255, 215, 0, 0.7) 22.16%, #ffdd33 76.47%) !important;
}
.menu.bg-emas.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #ffdd33 22.16%, rgba(255, 215, 0, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(255, 215, 0, 0.48);
}
[dir=rtl] .menu.bg-emas.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(255, 215, 0, 0.7) 22.16%, #ffdd33 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(255, 215, 0, 0.48);
  color: #fff !important;
}
.menu.bg-emas.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-emas.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #FFD700;
}
.menu.bg-emas.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #FFD700;
  color: #ffdd33 !important;
}
.menu.bg-emas .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-emas .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-emas .menu-inner-shadow {
  background: linear-gradient(#FFD700 41%, rgba(255, 215, 0, 0.11) 95%, rgba(255, 215, 0, 0));
}
.menu.bg-emas .menu-text {
  color: #fff;
}
.menu.bg-emas .menu-header {
  color: #ffeb99;
}
.menu.bg-emas hr,
.menu.bg-emas .menu-divider,
.menu.bg-emas .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-emas .menu-block::before {
  background-color: #ffeb99;
}
.menu.bg-emas .ps__thumb-y,
.menu.bg-emas .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.menu.bg-cokelat {
  background-color: #A52A2A !important;
  color: #f0e0e0;
}
.menu.bg-cokelat.menu-horizontal {
  background-color: rgba(165, 42, 42, 0.95) !important;
}
.menu.bg-cokelat .menu-link,
.menu.bg-cokelat .menu-horizontal-prev,
.menu.bg-cokelat .menu-horizontal-next {
  color: #f0e0e0;
}
.menu.bg-cokelat .menu-link:hover, .menu.bg-cokelat .menu-link:focus,
.menu.bg-cokelat .menu-horizontal-prev:hover,
.menu.bg-cokelat .menu-horizontal-prev:focus,
.menu.bg-cokelat .menu-horizontal-next:hover,
.menu.bg-cokelat .menu-horizontal-next:focus {
  color: #fff;
}
.menu.bg-cokelat .menu-link.active,
.menu.bg-cokelat .menu-horizontal-prev.active,
.menu.bg-cokelat .menu-horizontal-next.active {
  color: #fff;
}
.menu.bg-cokelat .menu-item.disabled .menu-link,
.menu.bg-cokelat .menu-horizontal-prev.disabled,
.menu.bg-cokelat .menu-horizontal-next.disabled {
  color: #cc9999 !important;
}
.menu.bg-cokelat .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.menu.bg-cokelat .menu-item.active > .menu-link {
  color: #fff;
}
.menu.bg-cokelat.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #b33333 22.16%, rgba(165, 42, 42, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(165, 42, 42, 0.48);
  color: #fff !important;
}
[dir=rtl] .menu.bg-cokelat.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(165, 42, 42, 0.7) 22.16%, #b33333 76.47%) !important;
}
.menu.bg-cokelat.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #b33333 22.16%, rgba(165, 42, 42, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(165, 42, 42, 0.48);
}
[dir=rtl] .menu.bg-cokelat.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(165, 42, 42, 0.7) 22.16%, #b33333 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(165, 42, 42, 0.48);
  color: #fff !important;
}
.menu.bg-cokelat.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.menu.bg-cokelat.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #A52A2A;
}
.menu.bg-cokelat.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #A52A2A;
  color: #b33333 !important;
}
.menu.bg-cokelat .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.menu.bg-cokelat .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.menu.bg-cokelat .menu-inner-shadow {
  background: linear-gradient(#A52A2A 41%, rgba(165, 42, 42, 0.11) 95%, rgba(165, 42, 42, 0));
}
.menu.bg-cokelat .menu-text {
  color: #fff;
}
.menu.bg-cokelat .menu-header {
  color: #cc9999;
}
.menu.bg-cokelat hr,
.menu.bg-cokelat .menu-divider,
.menu.bg-cokelat .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: rgba(255, 255, 255, 0.15) !important;
}
.menu.bg-cokelat .menu-block::before {
  background-color: #cc9999;
}
.menu.bg-cokelat .ps__thumb-y,
.menu.bg-cokelat .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(255, 255, 255, 0.5916956863) !important;
}

.layout-footer-fixed .layout-horizontal .footer.bg-primary {
  background-color: #f0b766 !important;
  color: #fcf0de;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-primary .footer-container {
  background-color: #f0b766 !important;
  color: #fcf0de;
}
.footer.bg-primary .footer-link {
  color: #fcf0de;
}
.footer.bg-primary .footer-link:hover, .footer.bg-primary .footer-link:focus {
  color: #fff;
}
.footer.bg-primary .footer-link.disabled {
  color: #f7d9b0 !important;
}
.footer.bg-primary .footer-text {
  color: #fff;
}
.footer.bg-primary .show > .footer-link,
.footer.bg-primary .active > .footer-link,
.footer.bg-primary .footer-link.show,
.footer.bg-primary .footer-link.active {
  color: #fff;
}
.footer.bg-primary hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-merah {
  background-color: #FF0000 !important;
  color: #fff0f0;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-merah .footer-container {
  background-color: #FF0000 !important;
  color: #fff0f0;
}
.footer.bg-merah .footer-link {
  color: #fff0f0;
}
.footer.bg-merah .footer-link:hover, .footer.bg-merah .footer-link:focus {
  color: #fff;
}
.footer.bg-merah .footer-link.disabled {
  color: #ff6666 !important;
}
.footer.bg-merah .footer-text {
  color: #fff;
}
.footer.bg-merah .show > .footer-link,
.footer.bg-merah .active > .footer-link,
.footer.bg-merah .footer-link.show,
.footer.bg-merah .footer-link.active {
  color: #fff;
}
.footer.bg-merah hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-hijau {
  background-color: #00FF00 !important;
  color: #e0ffe0;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-hijau .footer-container {
  background-color: #00FF00 !important;
  color: #e0ffe0;
}
.footer.bg-hijau .footer-link {
  color: #e0ffe0;
}
.footer.bg-hijau .footer-link:hover, .footer.bg-hijau .footer-link:focus {
  color: #fff;
}
.footer.bg-hijau .footer-link.disabled {
  color: #99ff99 !important;
}
.footer.bg-hijau .footer-text {
  color: #fff;
}
.footer.bg-hijau .show > .footer-link,
.footer.bg-hijau .active > .footer-link,
.footer.bg-hijau .footer-link.show,
.footer.bg-hijau .footer-link.active {
  color: #fff;
}
.footer.bg-hijau hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-biru {
  background-color: #0000FF !important;
  color: #e0e0ff;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-biru .footer-container {
  background-color: #0000FF !important;
  color: #e0e0ff;
}
.footer.bg-biru .footer-link {
  color: #e0e0ff;
}
.footer.bg-biru .footer-link:hover, .footer.bg-biru .footer-link:focus {
  color: #fff;
}
.footer.bg-biru .footer-link.disabled {
  color: #6666ff !important;
}
.footer.bg-biru .footer-text {
  color: #fff;
}
.footer.bg-biru .show > .footer-link,
.footer.bg-biru .active > .footer-link,
.footer.bg-biru .footer-link.show,
.footer.bg-biru .footer-link.active {
  color: #fff;
}
.footer.bg-biru hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-kuning {
  background-color: #FFFF00 !important;
  color: #ffffcc;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-kuning .footer-container {
  background-color: #FFFF00 !important;
  color: #ffffcc;
}
.footer.bg-kuning .footer-link {
  color: #ffffcc;
}
.footer.bg-kuning .footer-link:hover, .footer.bg-kuning .footer-link:focus {
  color: #fff;
}
.footer.bg-kuning .footer-link.disabled {
  color: #ffff99 !important;
}
.footer.bg-kuning .footer-text {
  color: #fff;
}
.footer.bg-kuning .show > .footer-link,
.footer.bg-kuning .active > .footer-link,
.footer.bg-kuning .footer-link.show,
.footer.bg-kuning .footer-link.active {
  color: #fff;
}
.footer.bg-kuning hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-magenta {
  background-color: #FF00FF !important;
  color: #ffe0ff;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-magenta .footer-container {
  background-color: #FF00FF !important;
  color: #ffe0ff;
}
.footer.bg-magenta .footer-link {
  color: #ffe0ff;
}
.footer.bg-magenta .footer-link:hover, .footer.bg-magenta .footer-link:focus {
  color: #fff;
}
.footer.bg-magenta .footer-link.disabled {
  color: #ff99ff !important;
}
.footer.bg-magenta .footer-text {
  color: #fff;
}
.footer.bg-magenta .show > .footer-link,
.footer.bg-magenta .active > .footer-link,
.footer.bg-magenta .footer-link.show,
.footer.bg-magenta .footer-link.active {
  color: #fff;
}
.footer.bg-magenta hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-jingga {
  background-color: #FFA500 !important;
  color: #fff0e0;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-jingga .footer-container {
  background-color: #FFA500 !important;
  color: #fff0e0;
}
.footer.bg-jingga .footer-link {
  color: #fff0e0;
}
.footer.bg-jingga .footer-link:hover, .footer.bg-jingga .footer-link:focus {
  color: #fff;
}
.footer.bg-jingga .footer-link.disabled {
  color: #ffcc99 !important;
}
.footer.bg-jingga .footer-text {
  color: #fff;
}
.footer.bg-jingga .show > .footer-link,
.footer.bg-jingga .active > .footer-link,
.footer.bg-jingga .footer-link.show,
.footer.bg-jingga .footer-link.active {
  color: #fff;
}
.footer.bg-jingga hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-hijau-kekuningan {
  background-color: #ADFF2F !important;
  color: #f0ffe0;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-hijau-kekuningan .footer-container {
  background-color: #ADFF2F !important;
  color: #f0ffe0;
}
.footer.bg-hijau-kekuningan .footer-link {
  color: #f0ffe0;
}
.footer.bg-hijau-kekuningan .footer-link:hover, .footer.bg-hijau-kekuningan .footer-link:focus {
  color: #fff;
}
.footer.bg-hijau-kekuningan .footer-link.disabled {
  color: #ccff99 !important;
}
.footer.bg-hijau-kekuningan .footer-text {
  color: #fff;
}
.footer.bg-hijau-kekuningan .show > .footer-link,
.footer.bg-hijau-kekuningan .active > .footer-link,
.footer.bg-hijau-kekuningan .footer-link.show,
.footer.bg-hijau-kekuningan .footer-link.active {
  color: #fff;
}
.footer.bg-hijau-kekuningan hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-biru-kehijauan {
  background-color: #40E0D0 !important;
  color: #e0fff8;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-biru-kehijauan .footer-container {
  background-color: #40E0D0 !important;
  color: #e0fff8;
}
.footer.bg-biru-kehijauan .footer-link {
  color: #e0fff8;
}
.footer.bg-biru-kehijauan .footer-link:hover, .footer.bg-biru-kehijauan .footer-link:focus {
  color: #fff;
}
.footer.bg-biru-kehijauan .footer-link.disabled {
  color: #99ffeb !important;
}
.footer.bg-biru-kehijauan .footer-text {
  color: #fff;
}
.footer.bg-biru-kehijauan .show > .footer-link,
.footer.bg-biru-kehijauan .active > .footer-link,
.footer.bg-biru-kehijauan .footer-link.show,
.footer.bg-biru-kehijauan .footer-link.active {
  color: #fff;
}
.footer.bg-biru-kehijauan hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-biru-keunguan {
  background-color: #4B0082 !important;
  color: #e6e0ff;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-biru-keunguan .footer-container {
  background-color: #4B0082 !important;
  color: #e6e0ff;
}
.footer.bg-biru-keunguan .footer-link {
  color: #e6e0ff;
}
.footer.bg-biru-keunguan .footer-link:hover, .footer.bg-biru-keunguan .footer-link:focus {
  color: #fff;
}
.footer.bg-biru-keunguan .footer-link.disabled {
  color: #9966cc !important;
}
.footer.bg-biru-keunguan .footer-text {
  color: #fff;
}
.footer.bg-biru-keunguan .show > .footer-link,
.footer.bg-biru-keunguan .active > .footer-link,
.footer.bg-biru-keunguan .footer-link.show,
.footer.bg-biru-keunguan .footer-link.active {
  color: #fff;
}
.footer.bg-biru-keunguan hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-merah-muda {
  background-color: #FF69B4 !important;
  color: #ffe0f0;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-merah-muda .footer-container {
  background-color: #FF69B4 !important;
  color: #ffe0f0;
}
.footer.bg-merah-muda .footer-link {
  color: #ffe0f0;
}
.footer.bg-merah-muda .footer-link:hover, .footer.bg-merah-muda .footer-link:focus {
  color: #fff;
}
.footer.bg-merah-muda .footer-link.disabled {
  color: #ff99cc !important;
}
.footer.bg-merah-muda .footer-text {
  color: #fff;
}
.footer.bg-merah-muda .show > .footer-link,
.footer.bg-merah-muda .active > .footer-link,
.footer.bg-merah-muda .footer-link.show,
.footer.bg-merah-muda .footer-link.active {
  color: #fff;
}
.footer.bg-merah-muda hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-emas {
  background-color: #FFD700 !important;
  color: #fff8e0;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-emas .footer-container {
  background-color: #FFD700 !important;
  color: #fff8e0;
}
.footer.bg-emas .footer-link {
  color: #fff8e0;
}
.footer.bg-emas .footer-link:hover, .footer.bg-emas .footer-link:focus {
  color: #fff;
}
.footer.bg-emas .footer-link.disabled {
  color: #ffeb99 !important;
}
.footer.bg-emas .footer-text {
  color: #fff;
}
.footer.bg-emas .show > .footer-link,
.footer.bg-emas .active > .footer-link,
.footer.bg-emas .footer-link.show,
.footer.bg-emas .footer-link.active {
  color: #fff;
}
.footer.bg-emas hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.layout-footer-fixed .layout-horizontal .footer.bg-cokelat {
  background-color: #A52A2A !important;
  color: #f0e0e0;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .footer.bg-cokelat .footer-container {
  background-color: #A52A2A !important;
  color: #f0e0e0;
}
.footer.bg-cokelat .footer-link {
  color: #f0e0e0;
}
.footer.bg-cokelat .footer-link:hover, .footer.bg-cokelat .footer-link:focus {
  color: #fff;
}
.footer.bg-cokelat .footer-link.disabled {
  color: #cc9999 !important;
}
.footer.bg-cokelat .footer-text {
  color: #fff;
}
.footer.bg-cokelat .show > .footer-link,
.footer.bg-cokelat .active > .footer-link,
.footer.bg-cokelat .footer-link.show,
.footer.bg-cokelat .footer-link.active {
  color: #fff;
}
.footer.bg-cokelat hr {
  border-color: rgba(255, 255, 255, 0.15);
}

.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  color: #f0b766;
}
.form-floating > .form-control:-webkit-autofill ~ label {
  color: #f0b766;
}

.svg-illustration svg {
  fill: #f0b766;
}

.jstree-default .jstree-wholerow-hovered,
.jstree-default .jstree-hovered {
  background: rgba(240, 183, 102, 0.08);
  color: #f0b766;
}
.jstree-default .jstree-wholerow-clicked,
.jstree-default .jstree-clicked {
  background: #f0b766;
  color: #fff;
}

.jstree-default-dark .jstree-wholerow-hovered,
.jstree-default-dark .jstree-hovered {
  background: rgba(240, 183, 102, 0.08);
  color: #f0b766;
}
.jstree-default-dark .jstree-wholerow-clicked,
.jstree-default-dark .jstree-clicked {
  background: #f0b766;
  color: #fff;
}

html:not([dir=rtl]) .border-primary,
html[dir=rtl] .border-primary {
  border-color: #f0b766 !important;
}

html:not([dir=rtl]) .border-merah,
html[dir=rtl] .border-merah {
  border-color: #FF0000 !important;
}

html:not([dir=rtl]) .border-hijau,
html[dir=rtl] .border-hijau {
  border-color: #00FF00 !important;
}

html:not([dir=rtl]) .border-biru,
html[dir=rtl] .border-biru {
  border-color: #0000FF !important;
}

html:not([dir=rtl]) .border-kuning,
html[dir=rtl] .border-kuning {
  border-color: #FFFF00 !important;
}

html:not([dir=rtl]) .border-magenta,
html[dir=rtl] .border-magenta {
  border-color: #FF00FF !important;
}

html:not([dir=rtl]) .border-jingga,
html[dir=rtl] .border-jingga {
  border-color: #FFA500 !important;
}

html:not([dir=rtl]) .border-hijau-kekuningan,
html[dir=rtl] .border-hijau-kekuningan {
  border-color: #ADFF2F !important;
}

html:not([dir=rtl]) .border-biru-kehijauan,
html[dir=rtl] .border-biru-kehijauan {
  border-color: #40E0D0 !important;
}

html:not([dir=rtl]) .border-biru-keunguan,
html[dir=rtl] .border-biru-keunguan {
  border-color: #4B0082 !important;
}

html:not([dir=rtl]) .border-merah-muda,
html[dir=rtl] .border-merah-muda {
  border-color: #FF69B4 !important;
}

html:not([dir=rtl]) .border-emas,
html[dir=rtl] .border-emas {
  border-color: #FFD700 !important;
}

html:not([dir=rtl]) .border-cokelat,
html[dir=rtl] .border-cokelat {
  border-color: #A52A2A !important;
}

a {
  color: #f0b766;
}
a:hover {
  color: #f2bf78;
}

.fill-primary {
  fill: #f0b766;
}

.noUi-primary .noUi-base .noUi-connect {
  background: #f0b766 !important;
}
.noUi-primary .noUi-base .noUi-origin .noUi-handle {
  background: #c19353 !important;
}

.fill-merah {
  fill: #FF0000;
}
.noUi-merah .noUi-base .noUi-connect {
  background: #FF0000 !important;
}
.noUi-merah .noUi-base .noUi-origin .noUi-handle {
  background: #cc0000 !important;
}

.fill-hijau {
  fill: #00FF00;
}
.noUi-hijau .noUi-base .noUi-connect {
  background: #00FF00 !important;
}
.noUi-hijau .noUi-base .noUi-origin .noUi-handle {
  background: #00cc00 !important;
}

.fill-biru {
  fill: #0000FF;
}
.noUi-biru .noUi-base .noUi-connect {
  background: #0000FF !important;
}
.noUi-biru .noUi-base .noUi-origin .noUi-handle {
  background: #0000cc !important;
}

.fill-kuning {
  fill: #FFFF00;
}
.noUi-kuning .noUi-base .noUi-connect {
  background: #FFFF00 !important;
}
.noUi-kuning .noUi-base .noUi-origin .noUi-handle {
  background: #cccc00 !important;
}

.fill-magenta {
  fill: #FF00FF;
}
.noUi-magenta .noUi-base .noUi-connect {
  background: #FF00FF !important;
}
.noUi-magenta .noUi-base .noUi-origin .noUi-handle {
  background: #cc00cc !important;
}

.fill-jingga {
  fill: #FFA500;
}
.noUi-jingga .noUi-base .noUi-connect {
  background: #FFA500 !important;
}
.noUi-jingga .noUi-base .noUi-origin .noUi-handle {
  background: #cc8400 !important;
}

.fill-hijau-kekuningan {
  fill: #ADFF2F;
}
.noUi-hijau-kekuningan .noUi-base .noUi-connect {
  background: #ADFF2F !important;
}
.noUi-hijau-kekuningan .noUi-base .noUi-origin .noUi-handle {
  background: #8acc26 !important;
}

.fill-biru-kehijauan {
  fill: #40E0D0;
}
.noUi-biru-kehijauan .noUi-base .noUi-connect {
  background: #40E0D0 !important;
}
.noUi-biru-kehijauan .noUi-base .noUi-origin .noUi-handle {
  background: #33b3a6 !important;
}

.fill-biru-keunguan {
  fill: #4B0082;
}
.noUi-biru-keunguan .noUi-base .noUi-connect {
  background: #4B0082 !important;
}
.noUi-biru-keunguan .noUi-base .noUi-origin .noUi-handle {
  background: #3c0068 !important;
}

.fill-merah-muda {
  fill: #FF69B4;
}
.noUi-merah-muda .noUi-base .noUi-connect {
  background: #FF69B4 !important;
}
.noUi-merah-muda .noUi-base .noUi-origin .noUi-handle {
  background: #cc5490 !important;
}

.fill-emas {
  fill: #FFD700;
}
.noUi-emas .noUi-base .noUi-connect {
  background: #FFD700 !important;
}
.noUi-emas .noUi-base .noUi-origin .noUi-handle {
  background: #ccac00 !important;
}

.fill-cokelat {
  fill: #A52A2A;
}
.noUi-cokelat .noUi-base .noUi-connect {
  background: #A52A2A !important;
}
.noUi-cokelat .noUi-base .noUi-origin .noUi-handle {
  background: #842121 !important;
}

.select2-container--default.select2-container--focus .select2-selection, .select2-container--default.select2-container--open .select2-selection {
  border-color: #f0b766 !important;
}

.select2-merah .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(255, 0, 0, 0.16) !important;
  color: #FF0000 !important;
}

.select2-hijau .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(0, 255, 0, 0.16) !important;
  color: #00FF00 !important;
}

.select2-biru .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(0, 0, 255, 0.16) !important;
  color: #0000FF !important;
}

.select2-kuning .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(255, 255, 0, 0.16) !important;
  color: #FFFF00 !important;
}

.select2-magenta .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(255, 0, 255, 0.16) !important;
  color: #FF00FF !important;
}

.select2-jingga .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(255, 165, 0, 0.16) !important;
  color: #FFA500 !important;
}

.select2-hijau-kekuningan .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(173, 255, 47, 0.16) !important;
  color: #ADFF2F !important;
}

.select2-biru-kehijauan .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(64, 224, 208, 0.16) !important;
  color: #40E0D0 !important;
}

.select2-biru-keunguan .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(75, 0, 130, 0.16) !important;
  color: #4B0082 !important;
}

.select2-merah-muda .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(255, 105, 180, 0.16) !important;
  color: #FF69B4 !important;
}

.select2-emas .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(255, 215, 0, 0.16) !important;
  color: #FFD700 !important;
}

.select2-cokelat .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(165, 42, 42, 0.16) !important;
  color: #A52A2A !important;
}

.select2-primary .select2-container--default .select2-selection--multiple .select2-selection__choice {
  background: rgba(240, 183, 102, 0.16) !important;
  color: #f0b766 !important;
}

.tagify--focus {
  border-color: #f0b766 !important;
}

.tagify__dropdown__item--active {
  background: #f0b766 !important;
}

table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  background-color: #f0b766;
  border: 2px solid #fff;
  box-shadow: 0 0 3px rgba(93, 84, 70, 0.8);
}

.bootstrap-select .dropdown-menu.inner a[aria-selected=true] {
  background: #f0b766 !important;
  color: #fff !important;
}
.bootstrap-select .dropdown-toggle.show {
  border-color: #f0b766;
}

.datepicker table tr td.active, .datepicker table tr td.active.highlighted,
.datepicker table tr td .focused,
.datepicker table tr td span.active,
.datepicker table tr td span.active.disabled, .datepicker table tr td.range-start, .datepicker table tr td.range-end {
  background: #f0b766 !important;
  color: #fff !important;
}
.datepicker table tr td.range, .datepicker table tr td.range.highlighted, .datepicker table tr td.range.today {
  color: #f0b766 !important;
  background: #fdf4e7 !important;
}
.datepicker table tr td.range.focused, .datepicker table tr td.range.highlighted.focused, .datepicker table tr td.range.today.focused {
  background: #fbedda !important;
}
.datepicker table tr td.range.disabled, .datepicker table tr td.range.highlighted.disabled, .datepicker table tr td.range.today.disabled {
  background: rgba(253, 244, 231, 0.5) !important;
  color: rgba(240, 183, 102, 0.5) !important;
}
.datepicker table tr td.today:not(.active) {
  box-shadow: 0 0 0 1px #f0b766;
}

.flatpickr-calendar .numInputWrapper span.arrowDown:after {
  border-top-color: #fff;
}
.flatpickr-calendar .numInputWrapper span.arrowUp:after {
  border-bottom-color: #fff;
}

.flatpickr-day.today {
  border-color: #f0b766;
}
.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange {
  color: #f0b766 !important;
  background: #fdf4e7 !important;
  border-color: #fdf4e7 !important;
}
.flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.week.selected {
  color: #fff !important;
  background: #f0b766 !important;
  border-color: #f0b766 !important;
}

.daterangepicker td.active:not(.off) {
  background: #f0b766 !important;
  color: #fff;
}

.daterangepicker .start-date:not(.end-date):not(.off),
.daterangepicker .end-date:not(.start-date):not(.off) {
  background-color: #f0b766;
  color: #fff;
  border: 0 !important;
}
.daterangepicker .start-date:not(.end-date):not(.off):hover,
.daterangepicker .end-date:not(.start-date):not(.off):hover {
  background-color: #f0b766 !important;
}

.daterangepicker .input-mini.active {
  border-color: #f0b766 !important;
}

.daterangepicker td.in-range:not(.start-date):not(.end-date):not(.off) {
  color: #f0b766 !important;
  background-color: #fdf4e7 !important;
}

.ranges li.active {
  color: #fff !important;
  background-color: #f0b766 !important;
}

li.ui-timepicker-selected,
.ui-timepicker-list .ui-timepicker-selected:hover {
  color: #fff !important;
  background: #f0b766 !important;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar button:hover,
.ql-snow .ql-toolbar button:focus,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #f0b766 !important;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #f0b766 !important;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #f0b766 !important;
}

.tt-suggestion:active,
.tt-cursor {
  background: #f0b766 !important;
  color: #fff !important;
}

.dropzone.dz-drag-hover {
  border-color: #f0b766 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #f0b766 !important;
}

.sk-primary.sk-plane,
.sk-primary .sk-chase-dot:before,
.sk-primary .sk-bounce-dot,
.sk-primary .sk-wave-rect,
.sk-primary.sk-pulse,
.sk-primary .sk-swing-dot,
.sk-primary .sk-circle-dot:before,
.sk-primary .sk-circle-fade-dot:before,
.sk-primary .sk-grid-cube,
.sk-primary .sk-fold-cube:before {
  background-color: #f0b766;
}

.sk-merah.sk-plane,
.sk-merah .sk-chase-dot:before,
.sk-merah .sk-bounce-dot,
.sk-merah .sk-wave-rect,
.sk-merah.sk-pulse,
.sk-merah .sk-swing-dot,
.sk-merah .sk-circle-dot:before,
.sk-merah .sk-circle-fade-dot:before,
.sk-merah .sk-grid-cube,
.sk-merah .sk-fold-cube:before {
  background-color: #FF0000;
}

.sk-hijau.sk-plane,
.sk-hijau .sk-chase-dot:before,
.sk-hijau .sk-bounce-dot,
.sk-hijau .sk-wave-rect,
.sk-hijau.sk-pulse,
.sk-hijau .sk-swing-dot,
.sk-hijau .sk-circle-dot:before,
.sk-hijau .sk-circle-fade-dot:before,
.sk-hijau .sk-grid-cube,
.sk-hijau .sk-fold-cube:before {
  background-color: #00FF00;
}

.sk-biru.sk-plane,
.sk-biru .sk-chase-dot:before,
.sk-biru .sk-bounce-dot,
.sk-biru .sk-wave-rect,
.sk-biru.sk-pulse,
.sk-biru .sk-swing-dot,
.sk-biru .sk-circle-dot:before,
.sk-biru .sk-circle-fade-dot:before,
.sk-biru .sk-grid-cube,
.sk-biru .sk-fold-cube:before {
  background-color: #0000FF;
}

.sk-kuning.sk-plane,
.sk-kuning .sk-chase-dot:before,
.sk-kuning .sk-bounce-dot,
.sk-kuning .sk-wave-rect,
.sk-kuning.sk-pulse,
.sk-kuning .sk-swing-dot,
.sk-kuning .sk-circle-dot:before,
.sk-kuning .sk-circle-fade-dot:before,
.sk-kuning .sk-grid-cube,
.sk-kuning .sk-fold-cube:before {
  background-color: #FFFF00;
}

.sk-magenta.sk-plane,
.sk-magenta .sk-chase-dot:before,
.sk-magenta .sk-bounce-dot,
.sk-magenta .sk-wave-rect,
.sk-magenta.sk-pulse,
.sk-magenta .sk-swing-dot,
.sk-magenta .sk-circle-dot:before,
.sk-magenta .sk-circle-fade-dot:before,
.sk-magenta .sk-grid-cube,
.sk-magenta .sk-fold-cube:before {
  background-color: #FF00FF;
}

.sk-jingga.sk-plane,
.sk-jingga .sk-chase-dot:before,
.sk-jingga .sk-bounce-dot,
.sk-jingga .sk-wave-rect,
.sk-jingga.sk-pulse,
.sk-jingga .sk-swing-dot,
.sk-jingga .sk-circle-dot:before,
.sk-jingga .sk-circle-fade-dot:before,
.sk-jingga .sk-grid-cube,
.sk-jingga .sk-fold-cube:before {
  background-color: #FFA500;
}

.sk-hijau-kekuningan.sk-plane,
.sk-hijau-kekuningan .sk-chase-dot:before,
.sk-hijau-kekuningan .sk-bounce-dot,
.sk-hijau-kekuningan .sk-wave-rect,
.sk-hijau-kekuningan.sk-pulse,
.sk-hijau-kekuningan .sk-swing-dot,
.sk-hijau-kekuningan .sk-circle-dot:before,
.sk-hijau-kekuningan .sk-circle-fade-dot:before,
.sk-hijau-kekuningan .sk-grid-cube,
.sk-hijau-kekuningan .sk-fold-cube:before {
  background-color: #ADFF2F;
}

.sk-biru-kehijauan.sk-plane,
.sk-biru-kehijauan .sk-chase-dot:before,
.sk-biru-kehijauan .sk-bounce-dot,
.sk-biru-kehijauan .sk-wave-rect,
.sk-biru-kehijauan.sk-pulse,
.sk-biru-kehijauan .sk-swing-dot,
.sk-biru-kehijauan .sk-circle-dot:before,
.sk-biru-kehijauan .sk-circle-fade-dot:before,
.sk-biru-kehijauan .sk-grid-cube,
.sk-biru-kehijauan .sk-fold-cube:before {
  background-color: #40E0D0;
}

.sk-biru-keunguan.sk-plane,
.sk-biru-keunguan .sk-chase-dot:before,
.sk-biru-keunguan .sk-bounce-dot,
.sk-biru-keunguan .sk-wave-rect,
.sk-biru-keunguan.sk-pulse,
.sk-biru-keunguan .sk-swing-dot,
.sk-biru-keunguan .sk-circle-dot:before,
.sk-biru-keunguan .sk-circle-fade-dot:before,
.sk-biru-keunguan .sk-grid-cube,
.sk-biru-keunguan .sk-fold-cube:before {
  background-color: #4B0082;
}

.sk-merah-muda.sk-plane,
.sk-merah-muda .sk-chase-dot:before,
.sk-merah-muda .sk-bounce-dot,
.sk-merah-muda .sk-wave-rect,
.sk-merah-muda.sk-pulse,
.sk-merah-muda .sk-swing-dot,
.sk-merah-muda .sk-circle-dot:before,
.sk-merah-muda .sk-circle-fade-dot:before,
.sk-merah-muda .sk-grid-cube,
.sk-merah-muda .sk-fold-cube:before {
  background-color: #FF69B4;
}

.sk-emas.sk-plane,
.sk-emas .sk-chase-dot:before,
.sk-emas .sk-bounce-dot,
.sk-emas .sk-wave-rect,
.sk-emas.sk-pulse,
.sk-emas .sk-swing-dot,
.sk-emas .sk-circle-dot:before,
.sk-emas .sk-circle-fade-dot:before,
.sk-emas .sk-grid-cube,
.sk-emas .sk-fold-cube:before {
  background-color: #FFD700;
}

.sk-cokelat.sk-plane,
.sk-cokelat .sk-chase-dot:before,
.sk-cokelat .sk-bounce-dot,
.sk-cokelat .sk-wave-rect,
.sk-cokelat.sk-pulse,
.sk-cokelat .sk-swing-dot,
.sk-cokelat .sk-circle-dot:before,
.sk-cokelat .sk-circle-fade-dot:before,
.sk-cokelat .sk-grid-cube,
.sk-cokelat .sk-fold-cube:before {
  background-color: #A52A2A;
}

.plyr input[type=range]::-ms-fill-lower {
  background: #f0b766 !important;
}

.plyr input[type=range]:active::-webkit-slider-thumb {
  background: #f0b766 !important;
}
.plyr input[type=range]:active::-moz-range-thumb {
  background: #f0b766 !important;
}
.plyr input[type=range]:active::-ms-thumb {
  background: #f0b766 !important;
}

.plyr--video .plyr__control.plyr__control--overlaid,
.plyr--video .plyr__controls button.tab-focus:focus,
.plyr--video .plyr__control[aria-expanded=true],
.plyr--video .plyr__controls button:hover {
  background: #f0b766 !important;
  color: #fff !important;
}

.plyr--audio .plyr__controls button.tab-focus:focus,
.plyr--audio .plyr__control[aria-expanded=true],
.plyr--audio .plyr__controls button:hover {
  background: #f0b766 !important;
  color: #fff !important;
}

.plyr__play-large {
  background: #f0b766 !important;
  color: #fff !important;
}

.plyr__progress--played,
.plyr__volume--display {
  color: #f0b766 !important;
}

.plyr--full-ui input[type=range] {
  color: #f0b766 !important;
}

.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]::before {
  background: #f0b766 !important;
}

.fc .fc-event-primary:not(.fc-list-event) {
  background-color: #fdf4e8 !important;
  color: #f0b766 !important;
}
.fc .fc-event-primary.fc-list-event .fc-list-event-dot {
  border-color: #f0b766 !important;
}
.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(240, 183, 102, 0.16) !important;
  border: 0;
  color: #f0b766;
}
.fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button).fc-button-active, .fc .fc-button-primary:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(240, 183, 102, 0.24) !important;
  color: #f0b766;
}

.fc .fc-event-merah:not(.fc-list-event) {
  background-color: #ffe6e6 !important;
  color: #FF0000 !important;
}
.fc .fc-event-merah.fc-list-event .fc-list-event-dot {
  border-color: #FF0000 !important;
}
.fc .fc-button-merah:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(255, 0, 0, 0.16) !important;
  border: 0;
  color: #FF0000;
}
.fc .fc-button-merah:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-merah:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(255, 0, 0, 0.24) !important;
  color: #FF0000;
}

.fc .fc-event-hijau:not(.fc-list-event) {
  background-color: #e6ffe6 !important;
  color: #00FF00 !important;
}
.fc .fc-event-hijau.fc-list-event .fc-list-event-dot {
  border-color: #00FF00 !important;
}
.fc .fc-button-hijau:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(0, 255, 0, 0.16) !important;
  border: 0;
  color: #00FF00;
}
.fc .fc-button-hijau:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-hijau:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(0, 255, 0, 0.24) !important;
  color: #00FF00;
}

.fc .fc-event-biru:not(.fc-list-event) {
  background-color: #e6e6ff !important;
  color: #0000FF !important;
}
.fc .fc-event-biru.fc-list-event .fc-list-event-dot {
  border-color: #0000FF !important;
}
.fc .fc-button-biru:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(0, 0, 255, 0.16) !important;
  border: 0;
  color: #0000FF;
}
.fc .fc-button-biru:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-biru:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(0, 0, 255, 0.24) !important;
  color: #0000FF;
}

.fc .fc-event-kuning:not(.fc-list-event) {
  background-color: #ffffe6 !important;
  color: #FFFF00 !important;
}
.fc .fc-event-kuning.fc-list-event .fc-list-event-dot {
  border-color: #FFFF00 !important;
}
.fc .fc-button-kuning:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(255, 255, 0, 0.16) !important;
  border: 0;
  color: #FFFF00;
}
.fc .fc-button-kuning:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-kuning:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(255, 255, 0, 0.24) !important;
  color: #FFFF00;
}

.fc .fc-event-magenta:not(.fc-list-event) {
  background-color: #ffe6ff !important;
  color: #FF00FF !important;
}
.fc .fc-event-magenta.fc-list-event .fc-list-event-dot {
  border-color: #FF00FF !important;
}
.fc .fc-button-magenta:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(255, 0, 255, 0.16) !important;
  border: 0;
  color: #FF00FF;
}
.fc .fc-button-magenta:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-magenta:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(255, 0, 255, 0.24) !important;
  color: #FF00FF;
}

.fc .fc-event-jingga:not(.fc-list-event) {
  background-color: #fff4e6 !important;
  color: #FFA500 !important;
}
.fc .fc-event-jingga.fc-list-event .fc-list-event-dot {
  border-color: #FFA500 !important;
}
.fc .fc-button-jingga:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(255, 165, 0, 0.16) !important;
  border: 0;
  color: #FFA500;
}
.fc .fc-button-jingga:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-jingga:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(255, 165, 0, 0.24) !important;
  color: #FFA500;
}

.fc .fc-event-hijau-kekuningan:not(.fc-list-event) {
  background-color: #f4ffe6 !important;
  color: #ADFF2F !important;
}
.fc .fc-event-hijau-kekuningan.fc-list-event .fc-list-event-dot {
  border-color: #ADFF2F !important;
}
.fc .fc-button-hijau-kekuningan:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(173, 255, 47, 0.16) !important;
  border: 0;
  color: #ADFF2F;
}
.fc .fc-button-hijau-kekuningan:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-hijau-kekuningan:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(173, 255, 47, 0.24) !important;
  color: #ADFF2F;
}

.fc .fc-event-biru-kehijauan:not(.fc-list-event) {
  background-color: #e6fff8 !important;
  color: #40E0D0 !important;
}
.fc .fc-event-biru-kehijauan.fc-list-event .fc-list-event-dot {
  border-color: #40E0D0 !important;
}
.fc .fc-button-biru-kehijauan:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(64, 224, 208, 0.16) !important;
  border: 0;
  color: #40E0D0;
}
.fc .fc-button-biru-kehijauan:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-biru-kehijauan:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(64, 224, 208, 0.24) !important;
  color: #40E0D0;
}

.fc .fc-event-biru-keunguan:not(.fc-list-event) {
  background-color: #e6e0ff !important;
  color: #4B0082 !important;
}
.fc .fc-event-biru-keunguan.fc-list-event .fc-list-event-dot {
  border-color: #4B0082 !important;
}
.fc .fc-button-biru-keunguan:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(75, 0, 130, 0.16) !important;
  border: 0;
  color: #4B0082;
}
.fc .fc-button-biru-keunguan:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-biru-keunguan:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(75, 0, 130, 0.24) !important;
  color: #4B0082;
}

.fc .fc-event-merah-muda:not(.fc-list-event) {
  background-color: #ffe6f0 !important;
  color: #FF69B4 !important;
}
.fc .fc-event-merah-muda.fc-list-event .fc-list-event-dot {
  border-color: #FF69B4 !important;
}
.fc .fc-button-merah-muda:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(255, 105, 180, 0.16) !important;
  border: 0;
  color: #FF69B4;
}
.fc .fc-button-merah-muda:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-merah-muda:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(255, 105, 180, 0.24) !important;
  color: #FF69B4;
}

.fc .fc-event-emas:not(.fc-list-event) {
  background-color: #fff8e6 !important;
  color: #FFD700 !important;
}
.fc .fc-event-emas.fc-list-event .fc-list-event-dot {
  border-color: #FFD700 !important;
}
.fc .fc-button-emas:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(255, 215, 0, 0.16) !important;
  border: 0;
  color: #FFD700;
}
.fc .fc-button-emas:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-emas:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(255, 215, 0, 0.24) !important;
  color: #FFD700;
}

.fc .fc-event-cokelat:not(.fc-list-event) {
  background-color: #f0e6e6 !important;
  color: #A52A2A !important;
}
.fc .fc-event-cokelat.fc-list-event .fc-list-event-dot {
  border-color: #A52A2A !important;
}
.fc .fc-button-cokelat:not(.fc-prev-button):not(.fc-next-button) {
  background-color: rgba(165, 42, 42, 0.16) !important;
  border: 0;
  color: #A52A2A;
}
.fc .fc-button-cokelat:not(.fc-prev-button):not(.fc-next-button).fc-button-active, 
.fc .fc-button-cokelat:not(.fc-prev-button):not(.fc-next-button):hover {
  background-color: rgba(165, 42, 42, 0.24) !important;
  color: #A52A2A;
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step-line,
.swal2-progress-steps[class] .swal2-active-progress-step,
.swal2-progress-steps[class] .swal2-progress-step {
  background: #f0b766;
  color: #fff;
}

.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step,
.swal2-progress-steps[class] .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #fdf4e8;
}

.pcr-app .pcr-type.active,
.pcr-app .pcr-save {
  background: #f0b766 !important;
}

.icon-card.active {
  outline: 1px solid #f0b766;
}
.icon-card.active i,
.icon-card.active svg {
  color: #f0b766;
}

.shepherd-element .shepherd-button:not(:disabled).btn-primary {
  color: #fff;
  background-color: #f0b766;
  border-color: #f0b766;
}
.shepherd-element .shepherd-button:not(:disabled).btn-primary:hover {
  color: #fff !important;
  background-color: #d8a65f !important;
  border-color: #d8a65f !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-primary, .shepherd-element .shepherd-button:not(:disabled).btn-primary:focus, .shepherd-element .shepherd-button:not(:disabled).btn-primary.focus {
  color: #fff;
  background-color: #d8a65f;
  border-color: #d8a65f;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-primary, .btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-primary, .shepherd-element .shepherd-button:not(:disabled).btn-primary:active, .shepherd-element .shepherd-button:not(:disabled).btn-primary.active, .shepherd-element .shepherd-button:not(:disabled).btn-primary.show.dropdown-toggle, .show > .shepherd-element .shepherd-button:not(:disabled).btn-primary.dropdown-toggle {
  color: #fff !important;
  background-color: #d8a65f !important;
  border-color: #d8a65f !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-primary.disabled, .shepherd-element .shepherd-button:not(:disabled).btn-primary:disabled {
  color: #fff !important;
  background-color: #f0b766 !important;
  border-color: #f0b766 !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-primary,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-primary {
  border-right: 1px solid #d8a65f;
  border-left: 1px solid #d8a65f;
}

.shepherd-element .shepherd-button:not(:disabled).btn-merah {
  color: #fff;
  background-color: #FF0000;
  border-color: #FF0000;
}
.shepherd-element .shepherd-button:not(:disabled).btn-merah:hover {
  color: #fff !important;
  background-color: #cc0000 !important;
  border-color: #cc0000 !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-merah, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah.focus {
  color: #fff;
  background-color: #cc0000;
  border-color: #cc0000;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-merah, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-merah, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-merah.dropdown-toggle {
  color: #fff !important;
  background-color: #cc0000 !important;
  border-color: #cc0000 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-merah.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah:disabled {
  color: #fff !important;
  background-color: #FF0000 !important;
  border-color: #FF0000 !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-merah,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-merah {
  border-right: 1px solid #cc0000;
  border-left: 1px solid #cc0000;
}

.shepherd-element .shepherd-button:not(:disabled).btn-hijau {
  color: #fff;
  background-color: #00FF00;
  border-color: #00FF00;
}
.shepherd-element .shepherd-button:not(:disabled).btn-hijau:hover {
  color: #fff !important;
  background-color: #00cc00 !important;
  border-color: #00cc00 !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-hijau, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau.focus {
  color: #fff;
  background-color: #00cc00;
  border-color: #00cc00;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-hijau, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-hijau, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-hijau.dropdown-toggle {
  color: #fff !important;
  background-color: #00cc00 !important;
  border-color: #00cc00 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-hijau.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau:disabled {
  color: #fff !important;
  background-color: #00FF00 !important;
  border-color: #00FF00 !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-hijau,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-hijau {
  border-right: 1px solid #00cc00;
  border-left: 1px solid #00cc00;
}

.shepherd-element .shepherd-button:not(:disabled).btn-biru {
  color: #fff;
  background-color: #0000FF;
  border-color: #0000FF;
}
.shepherd-element .shepherd-button:not(:disabled).btn-biru:hover {
  color: #fff !important;
  background-color: #0000cc !important;
  border-color: #0000cc !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-biru, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru.focus {
  color: #fff;
  background-color: #0000cc;
  border-color: #0000cc;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-biru, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-biru, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-biru.dropdown-toggle {
  color: #fff !important;
  background-color: #0000cc !important;
  border-color: #0000cc !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-biru.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru:disabled {
  color: #fff !important;
  background-color: #0000FF !important;
  border-color: #0000FF !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-biru,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-biru {
  border-right: 1px solid #0000cc;
  border-left: 1px solid #0000cc;
}

.shepherd-element .shepherd-button:not(:disabled).btn-kuning {
  color: #fff;
  background-color: #FFFF00;
  border-color: #FFFF00;
}
.shepherd-element .shepherd-button:not(:disabled).btn-kuning:hover {
  color: #fff !important;
  background-color: #cccc00 !important;
  border-color: #cccc00 !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-kuning, 
.shepherd-element .shepherd-button:not(:disabled).btn-kuning:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-kuning.focus {
  color: #fff;
  background-color: #cccc00;
  border-color: #cccc00;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-kuning, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-kuning, 
.shepherd-element .shepherd-button:not(:disabled).btn-kuning:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-kuning.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-kuning.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-kuning.dropdown-toggle {
  color: #fff !important;
  background-color: #cccc00 !important;
  border-color: #cccc00 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-kuning.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-kuning:disabled {
  color: #fff !important;
  background-color: #FFFF00 !important;
  border-color: #FFFF00 !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-kuning,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-kuning {
  border-right: 1px solid #cccc00;
  border-left: 1px solid #cccc00;
}

.shepherd-element .shepherd-button:not(:disabled).btn-magenta {
  color: #fff;
  background-color: #FF00FF;
  border-color: #FF00FF;
}
.shepherd-element .shepherd-button:not(:disabled).btn-magenta:hover {
  color: #fff !important;
  background-color: #cc00cc !important;
  border-color: #cc00cc !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-magenta, 
.shepherd-element .shepherd-button:not(:disabled).btn-magenta:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-magenta.focus {
  color: #fff;
  background-color: #cc00cc;
  border-color: #cc00cc;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-magenta, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-magenta, 
.shepherd-element .shepherd-button:not(:disabled).btn-magenta:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-magenta.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-magenta.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-magenta.dropdown-toggle {
  color: #fff !important;
  background-color: #cc00cc !important;
  border-color: #cc00cc !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-magenta.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-magenta:disabled {
  color: #fff !important;
  background-color: #FF00FF !important;
  border-color: #FF00FF !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-magenta,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-magenta {
  border-right: 1px solid #cc00cc;
  border-left: 1px solid #cc00cc;
}

.shepherd-element .shepherd-button:not(:disabled).btn-jingga {
  color: #fff;
  background-color: #FFA500;
  border-color: #FFA500;
}
.shepherd-element .shepherd-button:not(:disabled).btn-jingga:hover {
  color: #fff !important;
  background-color: #cc8400 !important;
  border-color: #cc8400 !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-jingga, 
.shepherd-element .shepherd-button:not(:disabled).btn-jingga:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-jingga.focus {
  color: #fff;
  background-color: #cc8400;
  border-color: #cc8400;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-jingga, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-jingga, 
.shepherd-element .shepherd-button:not(:disabled).btn-jingga:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-jingga.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-jingga.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-jingga.dropdown-toggle {
  color: #fff !important;
  background-color: #cc8400 !important;
  border-color: #cc8400 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-jingga.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-jingga:disabled {
  color: #fff !important;
  background-color: #FFA500 !important;
  border-color: #FFA500 !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-jingga,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-jingga {
  border-right: 1px solid #cc8400;
  border-left: 1px solid #cc8400;
}

.shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan {
  color: #fff;
  background-color: #ADFF2F;
  border-color: #ADFF2F;
}
.shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan:hover {
  color: #fff !important;
  background-color: #8acc26 !important;
  border-color: #8acc26 !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan.focus {
  color: #fff;
  background-color: #8acc26;
  border-color: #8acc26;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan.dropdown-toggle {
  color: #fff !important;
  background-color: #8acc26 !important;
  border-color: #8acc26 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-hijau-kekuningan:disabled {
  color: #fff !important;
  background-color: #ADFF2F !important;
  border-color: #ADFF2F !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-hijau-kekuningan,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-hijau-kekuningan {
  border-right: 1px solid #8acc26;
  border-left: 1px solid #8acc26;
}

.shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan {
  color: #fff;
  background-color: #40E0D0;
  border-color: #40E0D0;
}
.shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan:hover {
  color: #fff !important;
  background-color: #33b3a6 !important;
  border-color: #33b3a6 !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan.focus {
  color: #fff;
  background-color: #33b3a6;
  border-color: #33b3a6;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan.dropdown-toggle {
  color: #fff !important;
  background-color: #33b3a6 !important;
  border-color: #33b3a6 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-kehijauan:disabled {
  color: #fff !important;
  background-color: #40E0D0 !important;
  border-color: #40E0D0 !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-biru-kehijauan,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-biru-kehijauan {
  border-right: 1px solid #33b3a6;
  border-left: 1px solid #33b3a6;
}

.shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan {
  color: #fff;
  background-color: #4B0082;
  border-color: #4B0082;
}
.shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan:hover {
  color: #fff !important;
  background-color: #3c0068 !important;
  border-color: #3c0068 !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan.focus {
  color: #fff;
  background-color: #3c0068;
  border-color: #3c0068;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan.dropdown-toggle {
  color: #fff !important;
  background-color: #3c0068 !important;
  border-color: #3c0068 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-biru-keunguan:disabled {
  color: #fff !important;
  background-color目的是

System: color: #4B0082 !important;
  border-color: #4B0082 !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-biru-keunguan,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-biru-keunguan {
  border-right: 1px solid #3c0068;
  border-left: 1px solid #3c0068;
}

.shepherd-element .shepherd-button:not(:disabled).btn-merah-muda {
  color: #fff;
  background-color: #FF69B4;
  border-color: #FF69B4;
}
.shepherd-element .shepherd-button:not(:disabled).btn-merah-muda:hover {
  color: #fff !important;
  background-color: #cc5490 !important;
  border-color: #cc5490 !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-merah-muda, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah-muda:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah-muda.focus {
  color: #fff;
  background-color: #cc5490;
  border-color: #cc5490;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-merah-muda, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-merah-muda, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah-muda:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah-muda.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah-muda.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-merah-muda.dropdown-toggle {
  color: #fff !important;
  background-color: #cc5490 !important;
  border-color: #cc5490 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-merah-muda.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-merah-muda:disabled {
  color: #fff !important;
  background-color: #FF69B4 !important;
  border-color: #FF69B4 !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-merah-muda,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-merah-muda {
  border-right: 1px solid #cc5490;
  border-left: 1px solid #cc5490;
}

.shepherd-element .shepherd-button:not(:disabled).btn-emas {
  color: #fff;
  background-color: #FFD700;
  border-color: #FFD700;
}
.shepherd-element .shepherd-button:not(:disabled).btn-emas:hover {
  color: #fff !important;
  background-color: #ccac00 !important;
  border-color: #ccac00 !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-emas, 
.shepherd-element .shepherd-button:not(:disabled).btn-emas:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-emas.focus {
  color: #fff;
  background-color: #ccac00;
  border-color: #ccac00;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-emas, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-emas, 
.shepherd-element .shepherd-button:not(:disabled).btn-emas:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-emas.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-emas.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-emas.dropdown-toggle {
  color: #fff !important;
  background-color: #ccac00 !important;
  border-color: #ccac00 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-emas.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-emas:disabled {
  color: #fff !important;
  background-color: #FFD700 !important;
  border-color: #FFD700 !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-emas,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-emas {
  border-right: 1px solid #ccac00;
  border-left: 1px solid #ccac00;
}

.shepherd-element .shepherd-button:not(:disabled).btn-cokelat {
  color: #fff;
  background-color: #A52A2A;
  border-color: #A52A2A;
}
.shepherd-element .shepherd-button:not(:disabled).btn-cokelat:hover {
  color: #fff !important;
  background-color: #842121 !important;
  border-color: #842121 !important;
}
.btn-check:focus + .shepherd-element .shepherd-button:not(:disabled).btn-cokelat, 
.shepherd-element .shepherd-button:not(:disabled).btn-cokelat:focus, 
.shepherd-element .shepherd-button:not(:disabled).btn-cokelat.focus {
  color: #fff;
  background-color: #842121;
  border-color: #842121;
  box-shadow: none;
}
.btn-check:checked + .shepherd-element .shepherd-button:not(:disabled).btn-cokelat, 
.btn-check:active + .shepherd-element .shepherd-button:not(:disabled).btn-cokelat, 
.shepherd-element .shepherd-button:not(:disabled).btn-cokelat:active, 
.shepherd-element .shepherd-button:not(:disabled).btn-cokelat.active, 
.shepherd-element .shepherd-button:not(:disabled).btn-cokelat.show.dropdown-toggle, 
.show > .shepherd-element .shepherd-button:not(:disabled).btn-cokelat.dropdown-toggle {
  color: #fff !important;
  background-color: #842121 !important;
  border-color: #842121 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-cokelat.disabled, 
.shepherd-element .shepherd-button:not(:disabled).btn-cokelat:disabled {
  color: #fff !important;
  background-color: #A52A2A !important;
  border-color: #A52A2A !important;
  box-shadow: none !important;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-cokelat,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-cokelat {
  border-right: 1px solid #842121;
  border-left: 1px solid #842121;
}

.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary {
  color: #aeaba7;
  border-color: transparent;
  background: #f1f1f2;
}
.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.waves-effect .waves-ripple {
  background: radial-gradient(rgba(174, 171, 167, 0.2) 0, rgba(174, 171, 167, 0.3) 40%, rgba(174, 171, 167, 0.4) 50%, rgba(174, 171, 167, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:hover {
  border-color: transparent !important;
  background: #ecebea !important;
  color: #aeaba7 !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:focus, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.focus {
  color: #aeaba7;
  background: #ecebea;
  box-shadow: none !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:active, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.active, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.show.dropdown-toggle, .show > .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.dropdown-toggle {
  color: #aeaba7 !important;
  background-color: #ecebea !important;
  border-color: transparent !important;
}
.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:active:focus, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.active:focus, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.show.dropdown-toggle:focus, .show > .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.dropdown-toggle:focus {
  box-shadow: none;
}
.shepherd-element .shepherd-button:not(:disabled).btn-label-secondary.disabled, .shepherd-element .shepherd-button:not(:disabled).btn-label-secondary:disabled {
  color: #aeaba7 !important;
  border-color: transparent !important;
  background: #f2f2f3 !important;
  box-shadow: none;
}
.shepherd-element .btn-group .shepherd-button:not(:disabled).btn-label-secondary,
.shepherd-element .input-group .shepherd-button:not(:disabled).btn-label-secondary {
  border-right: 1px solid #ecebea;
  border-left: 1px solid #ecebea;
}

.bs-stepper .step.active .bs-stepper-circle {
  background-color: #f0b766;
  color: #fff;
}
.bs-stepper .step.active .bs-stepper-icon svg {
  fill: #f0b766 !important;
}
.bs-stepper .step.active .bs-stepper-icon i,
.bs-stepper .step.active .bs-stepper-label {
  color: #f0b766 !important;
}
.bs-stepper .step.crossed .step-trigger .bs-stepper-circle {
  background-color: #fef8f1 !important;
  color: #f6d3a2 !important;
}
.bs-stepper .step.crossed .step-trigger .bs-stepper-icon svg {
  fill: #f0b766 !important;
}
.bs-stepper .step.crossed .step-trigger .bs-stepper-icon i {
  color: #f0b766 !important;
}
.bs-stepper.wizard-icons .step.crossed .bs-stepper-label {
  color: #f0b766 !important;
}
.bs-stepper.wizard-icons .step.crossed + .line i {
  color: #f0b766;
}

.app-chat .sidebar-body .chat-contact-list li.active {
  background: linear-gradient(72.47deg, #f0b766 22.16%, rgba(240, 183, 102, 0.7) 76.47%);
}
[dir=rtl] .app-chat .sidebar-body .chat-contact-list li.active {
  background: linear-gradient(72.47deg, rgba(240, 183, 102, 0.7) 22.16%, #f0b766 76.47%) !important;
}
.app-chat .app-chat-history .chat-history .chat-message.chat-message-right .chat-message-text {
  background-color: #f0b766 !important;
}

.bg-navbar-theme {
  background-color: rgba(255, 255, 255, 0.95) !important;
  color: #7c746a;
}
.bg-navbar-theme .navbar-brand,
.bg-navbar-theme .navbar-brand a {
  color: #6d655a;
}
.bg-navbar-theme .navbar-brand:hover, .bg-navbar-theme .navbar-brand:focus,
.bg-navbar-theme .navbar-brand a:hover,
.bg-navbar-theme .navbar-brand a:focus {
  color: #6d655a;
}
.bg-navbar-theme .navbar-search-wrapper .navbar-search-icon,
.bg-navbar-theme .navbar-search-wrapper .search-input {
  color: #7c746a;
}
.bg-navbar-theme .search-input-wrapper .search-input,
.bg-navbar-theme .search-input-wrapper .search-toggler {
  background-color: #fff !important;
  color: #7c746a;
}
.bg-navbar-theme .navbar-nav > .nav-link,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link {
  color: #7c746a;
}
.bg-navbar-theme .navbar-nav > .nav-link:hover, .bg-navbar-theme .navbar-nav > .nav-link:focus,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link:hover,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link:focus,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:hover,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link:focus {
  color: #6d655a;
}
.bg-navbar-theme .navbar-nav > .nav-link.disabled,
.bg-navbar-theme .navbar-nav > .nav-item > .nav-link.disabled,
.bg-navbar-theme .navbar-nav > .nav > .nav-item > .nav-link.disabled {
  color: #a9a6b1 !important;
}
.bg-navbar-theme .navbar-nav .show > .nav-link,
.bg-navbar-theme .navbar-nav .active > .nav-link,
.bg-navbar-theme .navbar-nav .nav-link.show,
.bg-navbar-theme .navbar-nav .nav-link.active {
  color: #6d655a;
}
.bg-navbar-theme .navbar-toggler {
  color: #7c746a;
  border-color: rgba(93, 89, 108, 0.075);
}
.bg-navbar-theme .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='11px' viewBox='0 0 14 11' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath d='M0,0 L14,0 L14,1.75 L0,1.75 L0,0 Z M0,4.375 L14,4.375 L14,6.125 L0,6.125 L0,4.375 Z M0,8.75 L14,8.75 L14,10.5 L0,10.5 L0,8.75 Z' id='path-1'%3E%3C/path%3E%3C/defs%3E%3Cg id='💎-UI-Elements' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='12)-Navbar' transform='translate(-1174.000000, -1290.000000)'%3E%3Cg id='Group' transform='translate(1174.000000, 1288.000000)'%3E%3Cg id='Icon-Color' transform='translate(0.000000, 2.000000)'%3E%3Cuse fill='rgba(93, 84, 70, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3Cuse fill-opacity='0.1' fill='rgba(93, 84, 70, 0.5)' xlink:href='%23path-1'%3E%3C/use%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.bg-navbar-theme .navbar-text {
  color: #7c746a;
}
.bg-navbar-theme .navbar-text a {
  color: #6d655a;
}
.bg-navbar-theme .navbar-text a:hover, .bg-navbar-theme .navbar-text a:focus {
  color: #6d655a;
}
.bg-navbar-theme hr {
  border-color: rgba(93, 89, 108, 0.075);
}

.layout-navbar {
  box-shadow: 0 0 10px #dddcd9;
  backdrop-filter: saturate(200%) blur(6px);
}

.menu-horizontal {
  backdrop-filter: saturate(200%) blur(6px);
}

.layout-horizontal .layout-navbar {
  box-shadow: 0 1px 0 #dddcd9;
}

.navbar-detached {
  box-shadow: 0 0.125rem 0.25rem rgba(174, 169, 163, 0.3);
}

.layout-navbar-fixed .layout-page:before {
  backdrop-filter: saturate(200%) blur(10px);
  background: linear-gradient(180deg, rgba(248, 247, 250, 0.7) 44%, rgba(248, 247, 250, 0.43) 73%, rgba(248, 247, 250, 0));
  -webkit-mask: linear-gradient(#f9f8f6, #f9f8f6 18%, transparent 100%);
  mask: linear-gradient(#f9f8f6, #f9f8f6 18%, transparent 100%);
}

.bg-menu-theme {
  background-color: #fff !important;
  color: #7c746a;
}
.bg-menu-theme.menu-horizontal {
  background-color: rgba(255, 255, 255, 0.95) !important;
}
.bg-menu-theme .menu-link,
.bg-menu-theme .menu-horizontal-prev,
.bg-menu-theme .menu-horizontal-next {
  color: #7c746a;
}
.bg-menu-theme .menu-link:hover, .bg-menu-theme .menu-link:focus,
.bg-menu-theme .menu-horizontal-prev:hover,
.bg-menu-theme .menu-horizontal-prev:focus,
.bg-menu-theme .menu-horizontal-next:hover,
.bg-menu-theme .menu-horizontal-next:focus {
  color: #6d655a;
}
.bg-menu-theme .menu-link.active,
.bg-menu-theme .menu-horizontal-prev.active,
.bg-menu-theme .menu-horizontal-next.active {
  color: #6d655a;
}
.bg-menu-theme .menu-item.disabled .menu-link,
.bg-menu-theme .menu-horizontal-prev.disabled,
.bg-menu-theme .menu-horizontal-next.disabled {
  color: #a9a6b1 !important;
}
.bg-menu-theme .menu-item.open:not(.menu-item-closing) > .menu-toggle,
.bg-menu-theme .menu-item.active > .menu-link {
  color: #6d655a;
}
.bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, #f0b766 22.16%, rgba(240, 183, 102, 0.7) 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(240, 183, 102, 0.48);
  color: #fff !important;
}
[dir=rtl] .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
  background: linear-gradient(72.47deg, rgba(240, 183, 102, 0.7) 22.16%, #f0b766 76.47%) !important;
}
.bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, #f0b766 22.16%, rgba(240, 183, 102, 0.7) 76.47%);
  color: #fff !important;
  box-shadow: 0px 2px 6px 0px rgba(240, 183, 102, 0.48);
}
[dir=rtl] .bg-menu-theme.menu-horizontal .menu-inner > .menu-item.active > .menu-link.menu-toggle {
  background: linear-gradient(72.47deg, rgba(240, 183, 102, 0.7) 22.16%, #f0b766 76.47%);
  box-shadow: 0px 2px 6px 0px rgba(240, 183, 102, 0.48);
  color: #fff !important;
}
.bg-menu-theme.menu-horizontal .menu-inner .menu-item:not(.menu-item-closing) > .menu-sub,
.bg-menu-theme.menu-horizontal .menu-inner .menu-item.open > .menu-toggle {
  background: #fff;
}
.bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
  background: #fef8f1;
  color: #f0b766 !important;
}
.bg-menu-theme .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-sub,
.bg-menu-theme .menu-inner > .menu-item.menu-item-closing .menu-item.open .menu-toggle {
  background: transparent;
  color: #fff;
}
.bg-menu-theme .menu-inner-shadow {
  background: linear-gradient(#fff 41%, rgba(255, 255, 255, 0.11) 95%, rgba(255, 255, 255, 0));
}
.bg-menu-theme .menu-text {
  color: #6d655a;
}
.bg-menu-theme .menu-header {
  color: #93909e;
}
.bg-menu-theme hr,
.bg-menu-theme .menu-divider,
.bg-menu-theme .menu-inner > .menu-item.open > .menu-sub::before {
  border-color: transparent !important;
}
.bg-menu-theme .menu-block::before {
  background-color: #93909e;
}
.bg-menu-theme .ps__thumb-y,
.bg-menu-theme .ps__rail-y.ps--clicking > .ps__thumb-y {
  background: rgba(93, 89, 108, 0.2) !important;
}

@media (min-width: 1200px) {
  .bg-menu-theme {
    box-shadow: 0 0.125rem 0.25rem rgba(174, 169, 163, 0.3);
  }
}
.bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle, .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle {
  background: #f8f8f8;
}
html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover {
  background: #f8f8f8;
}
.bg-menu-theme .menu-inner .menu-sub .menu-item:not(.active) > .menu-link::before {
  color: #aea9a3 !important;
}

.layout-footer-fixed .layout-horizontal .bg-footer-theme {
  background-color: #fff !important;
  color: #7c746a;
}
.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .bg-footer-theme .footer-container {
  background-color: #fff !important;
  color: #7c746a;
}
.bg-footer-theme .footer-link {
  color: #7c746a;
}
.bg-footer-theme .footer-link:hover, .bg-footer-theme .footer-link:focus {
  color: #6d655a;
}
.bg-footer-theme .footer-link.disabled {
  color: #a9a6b1 !important;
}
.bg-footer-theme .footer-text {
  color: #6d655a;
}
.bg-footer-theme .show > .footer-link,
.bg-footer-theme .active > .footer-link,
.bg-footer-theme .footer-link.show,
.bg-footer-theme .footer-link.active {
  color: #6d655a;
}
.bg-footer-theme hr {
  border-color: rgba(93, 89, 108, 0.075);
}

.layout-footer-fixed .layout-wrapper:not(.layout-horizontal) .content-footer .footer-container,
.layout-footer-fixed .layout-wrapper.layout-horizontal .content-footer {
  box-shadow: 0 0.25rem 1rem rgba(174, 169, 163, 0.45);
}