@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

.dark-layout .form-control[type=file]::file-selector-button {
  background-color: #283046;
}

body{
    font-family: "IBM Plex Sans", sans-serif!important;
    color: #212529!important;
    background: #2d75ff1f!important;
}

.bg-menu-theme .menu-link, .bg-menu-theme .menu-horizontal-prev, .bg-menu-theme .menu-horizontal-next {
    color: #dbdbdb !important;
}

.bg-menu-theme.menu-horizontal .menu-item.active > .menu-link:not(.menu-toggle) {
    background: #000a16!important;
    color: #f4f3fe!important;
}

.bg-menu-theme.menu-horizontal .menu-item.hover > .menu-link:not(.menu-toggle) {
    background: #000a16!important;
    color: #17296c!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: #17296c!important;
}

.menu-horizontal .menu-inner > .menu-item > .menu-sub {
    margin-top: 0.5rem!important;
    border-top-left-radius: 0px!important;
    border-top-right-radius: 0px!important;
}

aside#layout-menu {
    background: #17296c !important;
}

:root {
  --bs-primary: #0c366b!important;
  /* --bs-primary-rgb: #0c366b!important; */
}

.login-bg{
  background-size: 150%;
  background-image: url("/images/logonaker.png");
  background-color: #17296cf2!important;
  background-blend-mode: overlay;
  background-position: left;
}

.light-style .auth-cover-bg-color{
  background-color: transparent!important;
}

.select2{
  width: 100%!important;
}

.detail-card{
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 10px 15px 0px 15px;
  margin: 5px 0px;
  width: 100%;
}

.detail-card label {
  color: #a3a3a3;
}

.detail-card h5{
  font-weight: 500;
}

.select-status{
  border: 1px solid #17296c1f;
  background: #ffffff;
  border-radius: 5px;
  padding: 1px 3px;
  min-width: 90px;
}

.dark-style select.select-status {
  background: #00000063;
}

.dark-style .c3-axis-y text {
  fill: #f2f2f2;
}
.dark-style .c3-axis-x text {
   fill:#f2f2f2;
}

.dark-style .c3-legend-item text{
  fill:#f2f2f2
}

li.menu-item:last-child a.menu-toggle{
  margin-right: 50px;
}

/* Primary */
.card-border-shadow-primary .card-body h4,
.card-border-shadow-primary .card-body p {
    color: #fff;
}
.card-border-shadow-primary .card-body {
    background: #001a79;
    box-shadow: 0 4px 6px rgba(0, 26, 121, 0.5);
}

/* Warning */
.card-border-shadow-warning .card-body h4,
.card-border-shadow-warning .card-body p {
    color: #856404;
}
.card-border-shadow-warning .card-body {
    background: #fff3cd;
    box-shadow: 0 4px 6px rgba(255, 193, 7, 0.5);
}

/* Danger */
.card-border-shadow-danger .card-body h4,
.card-border-shadow-danger .card-body p {
    color: #721c24;
}
.card-border-shadow-danger .card-body {
    background: #f8d7da;
    box-shadow: 0 4px 6px rgba(220, 53, 69, 0.5);
}

/* Success */
.card-border-shadow-success .card-body h4,
.card-border-shadow-success .card-body p {
    color: #155724;
}
.card-border-shadow-success .card-body {
    background: #d4edda;
    box-shadow: 0 4px 6px rgba(40, 167, 69, 0.5);
}

/* Info */
.card-border-shadow-info .card-body h4,
.card-border-shadow-info .card-body p {
    color: #0c5460;
}
.card-border-shadow-info .card-body {
    background: #d1ecf1;
    box-shadow: 0 4px 6px rgba(23, 162, 184, 0.5);
}

/* Secondary */
.card-border-shadow-secondary .card-body h4,
.card-border-shadow-secondary .card-body p {
    color: #383d41;
}
.card-border-shadow-secondary .card-body {
    background: #e2e3e5;
    box-shadow: 0 4px 6px rgba(108, 117, 125, 0.5);
}

/* Light */
.card-border-shadow-light .card-body h4,
.card-border-shadow-light .card-body p {
    color: #818182;
}
.card-border-shadow-light .card-body {
    background: #fefefe;
    box-shadow: 0 4px 6px rgba(248, 249, 250, 0.5);
}

/* Dark */
.card-border-shadow-dark .card-body h4,
.card-border-shadow-dark .card-body p {
    color: #1b1e21;
}
.card-border-shadow-dark .card-body {
    background: #d6d8d9;
    box-shadow: 0 4px 6px rgba(52, 58, 64, 0.5);
}

.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: #0c366b!important;
}