/* :root {
    --red: #ff0000;
}

html, body {
    background-color: var(--red);
} */
body{
  font-size:14px;
}
.text-muted{
  color:#677788;
}
.dropdown-item:focus, .dropdown-item:hover{
  background: #1C5B5B;
  color:#1C5B5B;
}
.clock { display: inline;font-weight: bold; }
.text-8{ color: #888888; }
.main-header{
  padding:1px 0px 0px 5px !important;
  background:#ffffff;
  color:#677788 !important;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #677788;
}
.navbar-expand .navbar-nav .nav-link:hover {
  background: #1C5B5B;
  color:#fff;
}
.navbar-expand .navbar-nav .nav-link:focus {
  background: transparent;
  color:#1C5B5B;
}
.nav-sidebar>.nav-item .nav-icon.fa, .nav-sidebar>.nav-item .nav-icon.fab, .nav-sidebar>.nav-item .nav-icon.fad, .nav-sidebar>.nav-item .nav-icon.fal, .nav-sidebar>.nav-item .nav-icon.far, .nav-sidebar>.nav-item .nav-icon.fas, .nav-sidebar>.nav-item .nav-icon.ion, .nav-sidebar>.nav-item .nav-icon.svg-inline--fa {
  font-size: 14px;
}
.idar-side{ background:#ffffff; } .tekssebagai, li.nav-header{ color:#677788; }
.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {
  width: calc(250px - 0.5rem * 2);
  transition: width ease-in-out .3s;
  color:#677788;
}
.sidebar-mini .main-sidebar .nav-link:hover, .sidebar-mini-md .main-sidebar .nav-link:hover, .sidebar-mini-xs .main-sidebar .nav-link:hover {
  color:#fff;
  background: #1C5B5B;
}

.sidebar-mini .main-sidebar .nav-link, .sidebar-mini-md .main-sidebar .nav-link, .sidebar-mini-xs .main-sidebar .nav-link {
  color:#1C5B5B;
  background: #fff;
}

.icon {
  padding:7px 10px;
  min-width: 40px;
  color:#9a9a9a;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
  color: #fff !important;
  background-color: #1C5B5B !important;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #1C5B5B;
  border-color: #1C5B5B;
}

/* warna */
.bg-primary, .card-primary{
  background:#1C5B5B !important;
}
.text-primary{
  color:#1C5B5B !important;
}
.btn-primary, .btn-primary:disabled{
  color: #fff;
  background-color: #1C5B5B;
  border-color: #1C5B5B;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active{
  color: #f0f0f0;
  background-color: #1C5B5B;
  border-color: #1C5B5B;
}
.badge-primary, .alert-primary{
  color: #fff;
  background-color: #1C5B5B;
  border-color: #ceddfa;
}
.badge-primary:hover, .badge-primary:focus, .badge-primary:active {
  color: #fff !important;
  background-color: #1C5B5B !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active {
  color: #fff !important;
  background-color: #1C5B5B !important;
  border-color: #1C5B5B !important;
}
.btn-outline-primary {
  color: #1C5B5B;
  border-color: #1C5B5B;
}
.btn-primary.disabled,.btn-primary:disabled{color:#f0f0f0;background-color:#1C5B5B;border-color:#1C5B5B}
.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#1C5B5B;border-color:#1C5B5B}

.bg-warning, .card-warning{
  background:#F4901A !important;
}
.text-warning{
  color:#F4901A !important;
}
.btn-warning, .btn-warning:disabled{
  color: #fff;
  background-color: #F4901A;
  border-color: #F4901A;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active{
  color: #1f2d3d;
  background-color: #F4901A;
  border-color: #F4901A;
}
.badge-warning, .alert-warning{
  color: #fdac41;
  background-color: #F4901A;
  border-color: #F4901A;
}
.badge-warning:hover, .badge-warning:focus, .badge-warning:active {
  color: #fdac41 !important;
  background-color: #F4901A !important;
}
.btn-outline-warning:hover, .btn-outline-warning:active {
  color: #1f2d3d !important;
  background-color: #F4901A !important;
  border-color: #F4901A !important;
}
.btn-outline-warning {
  color: #F4901A;
  border-color: #F4901A;
}
.btn-warning.disabled,.btn-warning:disabled{color:#1f2d3d;background-color:#F4901A;border-color:#F4901A}
.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#1f2d3d;background-color:#F4901A;border-color:#F4901A}

.bg-info, .card-info{
  background:#00cfdd !important;
}
.text-info{
  color:#00cfdd !important;
}
.btn-info, .btn-info:disabled{
  color: #ffffff;
  background-color: #00cfdd;
  border-color: #00cfdd;
}
.btn-info:hover, .btn-info:focus, .btn-info:active{
  color: #ffffff;
  background-color: #00cfdd;
  border-color: #00cfdd;
}
.badge-info, .alert-info{
  color: #00cfdd;
  background-color: #d6f7fa;
  border-color: #b3f1f5;
}
.badge-info:hover, .badge-info:focus, .badge-info:active {
  color: #00cfdd !important;
  background-color: #d6f7fa !important;
}
.btn-outline-info:hover, .btn-outline-info:active {
  color: #ffffff !important;
  background-color: #00cfdd !important;
  border-color: #00cfdd !important;
}
.btn-outline-info {
  color: #00cfdd;
  border-color: #00cfdd;
}
.btn-info.disabled,.btn-info:disabled{color:#ffffff;background-color:#00cfdd;border-color:#00cfdd}
.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#ffffff;background-color:#00cfdd;border-color:#00cfdd}

.bg-success, .card-success{
  background:#90C342 !important;
}
.bg-success:hover, .bg-success:focus{
  background:#90C342 !important;
}
.text-success{
  color:#90C342 !important;
}
.btn-success, .btn-success:disabled{
  color: #ffffff;
  background-color: #90C342;
  border-color: #90C342;
}
.btn-success:hover, .btn-success:focus, .btn-success:active{
  color: #ffffff;
  background-color: #dff9ec;
  border-color: #dff9ec;
}
.badge-success, .alert-success{
  color: #fff;
  background-color: #dff9ec;
  border-color: #dff9ec;
}
.badge-success:hover, .badge-success:focus, .badge-success:active {
  color: #fff !important;
  background-color: #90C342 !important;
}
.btn-outline-success:hover, .btn-outline-success:active {
  color: #ffffff !important;
  background-color: #90C342 !important;
  border-color: #90C342 !important;
}
.btn-outline-success {
  color: #90C342;
  border-color: #90C342;
}
.btn-success.disabled,.btn-success:disabled{color:#ffffff;background-color:#90C342;border-color:#90C342}
.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#ffffff;background-color:#90C342;border-color:#90C342}

.bg-danger, .card-danger{
  background:#ff5b5c !important;
}
.text-danger{
  color:#ff5b5c !important;
}
.btn-danger, .btn-danger:disabled{
  color: #ffffff;
  background-color: #ff5b5c;
  border-color: #ff5b5c;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active{
  color: #ffffff;
  background-color: #ff5b5c;
  border-color: #ff5b5c;
}
.badge-danger, .alert-danger{
  color: #ff5b5c;
  background-color: #ffe5e5;
  border-color: #ffcece;
}
.badge-danger:hover, .badge-danger:focus, .badge-danger:active {
  color: #ff5b5c !important;
  background-color: #ffe5e5 !important;
}
.btn-outline-danger:hover, .btn-outline-danger:active {
  color: #ffffff !important;
  background-color: #ff5b5c !important;
  border-color: #ff5b5c !important;
}
.btn-outline-danger {
  color: #ff5b5c;
  border-color: #ff5b5c;
}
.btn-danger.disabled,.btn-danger:disabled{color:#ffffff;background-color:#ff5b5c;border-color:#ff5b5c}
.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#ffffff;background-color:#ff5b5c;border-color:#ff5b5c}

.bg-dark, .card-dark{
  background:#495563 !important;
}
.text-dark{
  color:#495563 !important;
}
.btn-dark, .btn-dark:disabled{
  color: #ffffff;
  background-color: #495563;
  border-color: #495563;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active{
  color: #ffffff;
  background-color: #495563;
  border-color: #495563;
}
.badge-dark, .alert-dark{
  color: #495563;
  background-color: #e2e4e6;
  border-color: #c8ccd0;
}
.badge-dark:hover, .badge-dark:focus, .badge-dark:active {
  color: #495563 !important;
  background-color: #e2e4e6 !important;
}
.btn-outline-dark:hover, .btn-outline-dark:active {
  color: #ffffff !important;
  background-color: #495563 !important;
  border-color: #495563 !important;
}
.btn-outline-dark {
  color: #495563;
  border-color: #495563;
}
.btn-dark.disabled,.btn-dark:disabled{color:#ffffff;background-color:#495563;border-color:#495563}
.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#ffffff;background-color:#495563;border-color:#495563}

.bg-secondary, .card-secondary{
  background:#69809a !important;
}
.text-secondary{
  color:#69809a !important;
}
.btn-secondary, .btn-secondary:disabled{
  color: #ffffff;
  background-color: #69809a;
  border-color: #69809a;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active{
  color: #ffffff;
  background-color: #69809a;
  border-color: #69809a;
}
.badge-secondary, .alert-secondary{
  color: #69809a;
  background-color: #e7ebef;
  border-color: #d2d9e1;
}
.badge-secondary:hover, .badge-secondary:focus, .badge-secondary:active {
  color: #69809a !important;
  background-color: #e7ebef !important;
}
.btn-outline-secondary:hover, .btn-outline-secondary:active {
  color: #ffffff !important;
  background-color: #69809a !important;
  border-color: #69809a !important;
}
.btn-outline-secondary {
  color: #69809a;
  border-color: #69809a;
}
.btn-secondary.disabled,.btn-secondary:disabled{color:#ffffff;background-color:#69809a;border-color:#69809a}
.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#ffffff;background-color:#69809a;border-color:#69809a}

select.form-control-sm~.select2-container--default {
    font-size: 100%;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color:#1C5B5B !important;
  color: #1C5B5B;
}
.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f2f4f8;
}

select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection__rendered {
  margin-top: -0.4rem;
  padding-left: 0px;
  font-size: 12px;
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    padding-left: 10px;
}

select2-size-sm{
  width: 50%;
  margin: auto;
}