.white-bg {
    background-color: #fff;
  }
  
  div.MuiPaper-root {
    background-color: #262936;
    color: #656d8b;
  }
  
  svg.MuiSvgIcon-root {
    color: #656d8b;
  }
  
  div.MuiTableContainer-root,
  div.MuiDialog-paper {
    background-color: #fff;
  }
  
  .sidebar-top {
    margin-top: 2rem;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
            justify-content: center;
    -webkit-box-align: center;
            align-items: center;
    margin-bottom: 5rem;
  }
  
  .sidebar-top--open {
    margin-right: -22px;
  }
  
  .sidebar-top--close {
    margin-left: -45px;
  }
  
  .sidebar-top--close .side-bar-logo {
    position: relative;
    right: 1px;
    height: 31px;
    width: 23px;
  }
  
  .sidebar-logo {
    height: 80%;
    width: 80%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  
  div.MuiListItemIcon-root {
    margin-left: 5px;
  }
  
  /* width */
  
  ::-webkit-scrollbar {
    width: 0.4rem;
  }
  
  /* Track */
  
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
  }
  
  /* Handle */
  
  ::-webkit-scrollbar-thumb {
    background: #4a4a4a;
  }
  
  /* Handle on hover */
  
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  
  /**** TOOLBAR ******/
  
  .top-toolbar {
    height: 75px;
    background-color: #DDDDE1;
    display: -webkit-box;
    display: flex;
  }
  
  .top-toolbar__left {
    margin-right: auto;
  }
  
  .top-toolbar__right {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
  
  .top-toolbar__right--item {
    padding: 0 1rem;
  }
  
  .user-setting {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
  }
  
  .active-menu {
    border-left: 5px solid #ffba01 !important;
    color: white !important;
  }
  
  .user-table {
    margin-top: 5rem;
  }
  
  body {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Roboto", sans-serif !important;
  }