@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/woff2/PoppinsVN-400.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-400i.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-500.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-500i.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-600.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-600i.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-700.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-700i.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-800.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-800i.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-900.woff2') format('woff2'),
    url('../fonts/Poppins/woff2/PoppinsVN-900i.woff2') format('woff2')
    ;
    font-weight: 400;
    font-style: normal;
    font-display: fallback;
}
*:not(i){
    font-family: 'Poppins'!important;

}
.navbar-inner, .bg-header-custom {
    /* background-color: #0063b8 !important; */
    background-color: #fff !important;
}
.nav-link-text, .navbar-vertical.navbar-expand-xs .navbar-nav .nav .nav-link {
    /* color: #fff; */
    color: #333;
}
.navbar-vertical.navbar-expand-xs .navbar-nav>.nav-item>.nav-link.active {
    /* background: #1477ce !important; */
    background: rgba(33, 99, 179, 0.1) !important;
}
.btn-primary {
    background-color: #0063b8 !important;
}

body.g-sidenav-hidden #sidenav-main {
    transform: translateX(-100%) !important;
    transition: transform 0.3s ease-in-out;
  }
  
  /* Sidebar hiện ra */
  body.g-sidenav-show #sidenav-main {
    transform: translateX(0) !important;
    transition: transform 0.3s ease-in-out;
  }

body.g-sidenav-pinned .main-content {
    margin-left: 250px !important;
  }
  
  body.g-sidenav-hidden .main-content {
    margin-left: 0 !important;
  }

  .navbar-top.border-bottom.navbar-dark {
    border-color: rgba(255, 255, 255, .08) !important;
    box-shadow: 0px 4px 20px rgba(39, 32, 120, 0.1);
}

.navbar-vertical.navbar-expand-xs::-webkit-scrollbar {
  width: 4px;
}

.navbar-vertical.navbar-expand-xs::-webkit-scrollbar-track {
  background: transparent;
}

.navbar-vertical.navbar-expand-xs::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.navbar-vertical.navbar-expand-xs::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.5);
}