body{
  font-size: 14px;
}

/* .text-sm .select2-container--default .select2-selection--single .select2-selection_rendered, select.form-control-sm~.select2-container--default .select2-selection--single .select2-selection_rendered {
  margin-top: -0.1rem;
}

.select2-size-sm{
  width: 50%;
  margin: auto;
} */
#dtekskecil{
  display: none;
}

.card-stats{
  cursor: pointer;
}

@media screen and (max-width: 1536px) {
  .text-uppercase{
    display: none;
  }
  #dtekskecil{
    display: block;
  }
}

.icon {
  padding:7px 10px;
    min-width: 40px;
    color:#9a9a9a;
}

.text-biru{
  color:#4F94CD;
}
.bg-biru, .card-biru{
  background:#4F94CD !important;
}
.bg-merah{
  background:#e93b3b;
}
.btn-primary, .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:disabled {
    color: #fff;
    background-color: #4F94CD;
    border-color: #4F94CD;
}
.badge-primary {
    color: #fff;
    background-color: #4F94CD;
}
.badge-primary:hover, .badge-primary:focus, .badge-primary:active {
    color: #fff !important;
    background-color: #4F94CD !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
    color: #fff !important;
    background-color: #4F94CD !important;
    border-color: #4F94CD !important;
}
.btn-outline-primary {
    color: #4F94CD;
    border-color: #4F94CD;
}
.alert-hijau {
  background-color: #cbf4db;
}

.alert-kuning {
  background-color: #f1f4cb;
}

.alert-merah {
  background-color: #ffd2da;
}

.alert-biru {
  background-color: #c3d4f3;
}

.text-sekar{
  color:#515151 !important;
}
.form-control{
  margin-bottom: 10px;
}
.form-control:focus{
  border:1px solid #b4b4bc;
}
.text-8{
  color: #888888;
}
.text-6{
  color: #666666;
}
.text-sekar2{
  color:#b4b4bc !important;
}
.bg-sekar{
  background:#b4b4bc !important;
}
.bg0-sekar{
  background:#b4b4bc !important;
}
.bg1-sekar{
  background:#bbbccd !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
  background-color: #4F94CD;
  color: #fff;
}

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: 6px;
}

.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;
}
a.dropdown-item:hover {
  background: #ddd;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #4F94CD !important;
    background-color: #f1f4cb !important;
}
.navbar-expand .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    color:#f2f4f8;
}
.navbar-expand .navbar-nav .nav-link:hover {
  color:#4F94CD;
  background: #f1f4cb;
  /* background: #e3e3e9; */
}

/* konten sidebar */
.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:#f7f5f2;
}
.sidebar-mini .main-sidebar .nav-link:hover, .sidebar-mini-md .main-sidebar .nav-link:hover, .sidebar-mini-xs .main-sidebar .nav-link:hover {
  color:#4F94CD;
  /* background: #e3e3e9; */
  background: #f1f4cb;
}
.divtengah {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  min-height: 100vh;
}

.page-link{
  color: #4F94CD;
}

/* data tables activ*/
.page-item.active .page-link {
    z-index: 3;
    color: #f2f4f8;
    background-color: #4F94CD;
    border-color: #4F94CD;
}

.page-item.active:hover .page-link:hover {
    z-index: 3;
    color: #f2f4f8;
    background-color: #4F94CD;
    border-color: #4F94CD;
}

/* btn sekar */
.btn-sekar{
  color:#515151;
  background-color:#bbbccd;
  border-color:#bbbccd;
  box-shadow:none;
}
.btn-sekar:hover{
  color:#515151;
  background-color:#b4b4bc;
  border-color:#b4b4ac;
}
.btn-sekar.focus,.btn-sekar:focus{
  color:#515151;
  background-color:#b4b4bc;
  border-color:#b4b4ac;
  box-shadow:0 0 0 0 rgba(187,188,205,.5);
}
.btn-sekar.disabled,.btn-sekar:disabled{
  color:#515151;
  background-color:#bbbccd;
  border-color:#bbbccd;
}
.btn-sekar:not(:disabled):not(.disabled).active,
.btn-sekar:not(:disabled):not(.disabled):active,
.show>.btn-sekar.dropdown-toggle{
  color:#515151;
  background-color:#b4b4ac;
  border-color:#bbbccd;
}
.btn-sekar:not(:disabled):not(.disabled).active:focus,
.btn-sekar:not(:disabled):not(.disabled):active:focus,
.show>.btn-sekar.dropdown-toggle:focus{
  box-shadow:0 0 0 0 rgba(187,188,205,.5);
}
/* batas btn sekar */
.select2-size-sm{
  width: 50%;
  margin: auto;
}
