.main-sidebar {
  background-color: #f4f4f4 !important;
}




body.skin-reverse.sidebar-mini .main-sidebar:after {
  background-color: #ebe29d ;
}
body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li.active > a {
  background-color: #222226 !important;
  box-shadow: none;
  color: #ffc530;
}
body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li.active ul.dropdown-menu li a,
body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  background-color: #f4f4f4 !important;
  color: #868e96;
}
body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li.active ul.dropdown-menu li a:hover,
body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  background-color: #f4f4f4 !important;
  color: #191d21;
}
body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li.active ul.dropdown-menu li.active a,
body.skin-reverse.sidebar-mini .main-sidebar .sidebar-menu li ul.dropdown-menu li.active a {
  background-color: #222226 !important;
  color: #ffc530;
}
body.skin-reverse .main-sidebar {
  background-color: #ffc530;
}
body.skin-reverse .main-sidebar .sidebar-brand a {
  color: #fff;
}
body.skin-reverse .main-sidebar .sidebar-menu li a {
  color: #dadefb;
}
body.skin-reverse .main-sidebar .sidebar-menu li a:hover {
  background-color: #ebe29d;
}
body.skin-reverse .main-sidebar .sidebar-menu li.active a,
body.skin-reverse .main-sidebar .sidebar-menu li.active a:hover,
body.skin-reverse .main-sidebar .sidebar-menu li.active ul.dropdown-menu li a:hover,
body.skin-reverse .main-sidebar .sidebar-menu li.active ul.dropdown-menu li a {
  background-color: #173655;
}
body.skin-reverse .main-sidebar .sidebar-menu li.menu-header {
  color: #afb7ff;
}
body.skin-reverse .main-sidebar .sidebar-menu li ul.dropdown-menu li a {
  color: #222226;
}
body.skin-reverse .main-sidebar .sidebar-menu li ul.dropdown-menu li a:hover {
  background-color: #ebe29d ;
  color: #fff;
}
body.skin-reverse .main-sidebar .sidebar-menu li ul.dropdown-menu li.active a {
  color: #fff;
}
body.skin-reverse .navbar-bg,
body.skin-reverse .navbar {
  background-color: #222226 !important;
}
body.skin-reverse .navbar-bg .nav-link.nav-link-user,
body.skin-reverse .navbar-bg .nav-link,
body.skin-reverse .navbar .nav-link.nav-link-user,
body.skin-reverse .navbar .nav-link {
  color: #000;
}
body.skin-reverse .navbar-bg .nav-link.nav-link-user:hover,
body.skin-reverse .navbar-bg .nav-link:hover,
body.skin-reverse .navbar .nav-link.nav-link-user:hover,
body.skin-reverse .navbar .nav-link:hover {
  color: #1a1a1a;
}
body.skin-reverse .navbar-bg .form-inline .btn,
body.skin-reverse .navbar-bg .form-inline .form-control,
body.skin-reverse .navbar .form-inline .btn,
body.skin-reverse .navbar .form-inline .form-control {
  background-color: #ebe29d;
}

/* .main-sidebar {
  background-color: #222226 !important;
} */

/* Ganti warna background pada sidebar */
.sidebar-style-4 {
  background-color: #f4f4f4 !important;
}

/* Ganti warna background pada sidebar kecil (responsive) */
.sidebar-brand-sm {
  background-color: #f4f4f4 !important;
}

.sidebar-menu {
  background-color: #f4f4f4 !important;
}

.sidebar-wrapper {
  background-color: #f4f4f4 !important;
}

.crt {
  margin-left: auto; /* Mengatur agar elemen tetap di sebelah kanan */
  margin-right: 0;
}

/* Warna default sidebar */
.main-sidebar {
  background-color: #f4f4f4 !important;
}

/* Atur warna saat sidebar mini diaktifkan */
body.sidebar-mini .main-sidebar {
  background-color: #f4f4f4 !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu li a {
  color: #173655 !important; 
}

/* Warna teks dan hover di sidebar mini */
body.sidebar-mini .main-sidebar .sidebar-menu li a:hover {
  background-color: #ebe29d !important; 
  color: #222226 !important;
}

/* Aktifkan warna pada link yang sedang aktif */
body.sidebar-mini .main-sidebar .sidebar-menu li.active > a {
  background-color: #ebe29d !important;
  color: #173655 !important;
}

/* Atur warna pada menu header dan dropdown jika diperlukan */
body.sidebar-mini .main-sidebar .sidebar-menu li.menu-header {
  color: #868e96; /* Warna teks header */
}

.sidebar-wrapper{
  background-color: #f4f4f4;
}

/* ipad pro  vertikal*/
@media screen and (max-width: 1024px) and (min-height: 1366px) {
  .user-info { display: none !important; } /* Sembunyikan di navbar */
  .user-info-ipad { display: block !important; } /* Munculkan di sidebar */
    }
  .user-info-ipad { display: none; } /* Sembunyikan di layar normal */


/* ipad air vertikal*/
@media screen and (max-width: 820px) and (min-height: 1180px) {
  .user-info {
      display: none !important;
  }
}

/* ipad mini vertikal */
@media screen and (max-width: 768px) and (min-height: 1024px) {
  .user-info {
      display: none !important;
  }
}


/* ipad mini horizontal */
@media screen and (max-width: 1024px) and (min-height: 768px) {
  .user-info {
      display: none !important;
  }
}

/* ipad pro horizontal */
@media screen and (max-width: 1024px) and (min-height: 768px) {
  .user-info {
      display: none !important;
  }
}
/*# sourceMappingURL=reverse.css.map */