/* CONTENT START */
body {
  overflow-y: hidden;
}

/* SIDEBAR START */
.custom-sidebar {
  background-color: var(--primary-dark);
  color: var(--gray-50);
  position: fixed;
  z-index: 999;
  /* DO LÀ ĐÃ CÓ HEADER CÓ HEIGHT 56px ở trên rồi nên fai trừ đi mới nhìn thấy hết rồi */
  height: calc(100% - 56px);
  overflow: visible;
}

.header-container {
  display: flex;
  justify-content: center;
}

.logo-container > .sidebar-logo {
  width: 135px;
  height: 48px;
  margin-left: 6px;
}

.sidebar-sub-header {
  margin: 5px 20px;
  color: var(--gray-400);
}

.rs-dropdown-item-panel {
  padding: 15px 20px;
  color: var(--gray-400);
}

.custom-sidebar .rs-dropdown.rs-dropdown-placement-right-start.rs-dropdown-expand,
.rs-dropdown-menu.rs-dropdown-menu-collapse-in {
  background-color: var(--primary-color);
}
/* FIX LỖI DROPDOWN MENU BỊ CHE KHI THU GỌN */
.custom-sidebar .rs-dropdown {
  /* Có dòng này thì lúc thu gọn mới nhìn hết được đống nội dung bên trong */
  position: unset !important;
}
.custom-sidebar .rs-dropdown-placement-right-start.rs-dropdown-open .rs-dropdown-menu {
  overflow-y: auto;
  height: 100%;
}
.custom-sidebar .rs-dropdown-placement-right-end.rs-dropdown-open .rs-dropdown-menu {
  overflow-y: auto;
  height: 100%;
}
/* ===================================== */
.custom-sidebar .rs-dropdown-item-active .rs-dropdown-item-content {
  color: var(--gray-50) !important;
}

.custom-sidebar.rs-sidebar-collapse
  .rs-sidenav-collapse-out
  .rs-dropdown-item-active
  .rs-dropdown-item-content {
  color: var(--blue-dark) !important;
}
.nav-toggle {
  position: fixed;
  bottom: 0;
  z-index: 1000;
}
/* SIDEBAR END */

/* MOBILE MENU START */
.main-app-menu-drawer .rs-drawer-content {
  background-color: var(--primary-dark) !important;
}

.main-app-menu-drawer .rs-drawer-content .rs-drawer-body {
  margin: 25px 18px !important;
}

.main-app-menu-drawer .rs-drawer-content .rs-drawer-title {
  color: var(--gray-200);
}

.main-app-menu-drawer .rs-drawer-content .rs-drawer-header-close {
  color: var(--gray-200) !important;
  font-size: 16px;
}

.tnhc-menu-drawer .rs-drawer-content {
  background-color: var(--green-dark) !important;
}

.tnhc-menu-drawer .rs-drawer-content .rs-drawer-body {
  margin: 25px 18px !important;
}

.tnhc-menu-drawer .rs-drawer-content .rs-drawer-title {
  color: var(--gray-200);
}

.tnhc-menu-drawer .rs-drawer-content .rs-drawer-header-close {
  color: var(--gray-200) !important;
  font-size: 16px;
}

/* MOBILE MENU END */

/* TNHC NAVBAR START */
.tnhc-navbar .dropdown-item.active,
.tnhc-navbar .dropdown-item:active {
  background-color: var(--green) !important;
}

/* CONTENT START */
.detail-page-has-sidebar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/* CONTENT END */
/* MOBILE BOTTOM BAR START */
.mobile-bottom-bar {
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  position: fixed !important;
  height: 50px;
  padding-top: 8px;
  padding-bottom: 8px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
}

.mobile-bottom-bar .rs-nav-item {
  text-align: center;
}

/* MOBILE BOTTOM BAR END */

/* CUSTOM RSUITE GRID */
.rs-row {
  margin-left: -5px !important;
  margin-right: -5px !important;
}