:root {
    --text-dark-color: #01081D;
    --text-light-color: #F3F5FB;
    --text-font-family: 'Roboto', sans-serif;
}

body {
  background-color: #F3F5FB !important;
  color: var(--text-dark-color) !important;
}

.content-page, .content {
  background-color: #F3F5FB !important;
}


h1, h3 {
  font-weight: 700 !important;

  @media (max-width: 575.98px) {
    font-size: 1.5rem !important;
  }
}

.breadcrumb-item+.breadcrumb-item::before {
  font-size: 2.4rem !important;
  color: var(--text-dark-color) !important;

  @media (max-width: 575.98px) {
    font-size: 1.2rem !important;
  }
}

.left-side-menu, .left-side-menu #sidebar-logo {
    background: var(--text-dark-color) !important;
}

.left-side-menu {
  box-shadow: 0 0 3px 0 rgba(154,161,171,.15);

}

.left-side-menu .close-icon {
  height: 1rem !important;
  width: 32px !important;
  display: none !important;

  @media (max-width: 767.9px) {
    /* display: block !important; */
    display: flex !important;
  }
}

body[data-leftbar-theme="dark"] .side-nav .side-nav-link {
    color: #fff !important;
}

.side-nav .side-nav-link {
  font-size: 1.05rem !important;
}

.side-nav .side-nav-link span {
  /* font-weight: 501 !important; */
  letter-spacing: 0.1px;
}

.side-nav .side-nav-title {
	font-size: .9rem;
  letter-spacing: 0.1px;
}

.navbar-custom {
  @media (max-width: 575.98px) {
    padding: 0 2rem !important;
  }
}
/* Top Navigation */
.navbar-custom .nav-user {
  padding: 0 !important;
  background-color: #fff;
  border: none !important;
  margin-left: 1rem !important;
}

.button-menu-mobile {
  width: auto !important;
}

#top-search-form .input-group {
  border: 1px solid #CAD0D8;
  border-radius: 0.3rem;
  background-color: #fff;
}

#top-search-form input {
  border: none;
  border-radius: 0.3rem 0 0 0.3rem;
  font-size: 1rem;
  color: var(--text-dark-color);
  background-color: #fff
}

#top-search-form input::placeholder {
  color: var(--text-dark-color);        /* change to any color */
  opacity: 0.8;         /* ensures the color is solid, not faded */
}

#top-search-form button {
  background: none;
  border: none;
  padding: 0 0.7rem;
  cursor: pointer;
  color: var(--text-dark-color);
}

.navbar-custom .nav-user .account-user-avatar {
  position: static !important;
  padding-right: 10px !important;
}

.navbar-custom .nav-user .account-user-name,.navbar-custom .nav-user .account-user-position {
  color: var(--text-dark-color) !important;
}

.dripicons-bell {
  font-size: 1.5rem !important;
  color: var(--text-dark-color) !important;

  @media (max-width: 575.98px) {
    font-size: initial !important;
  }
}



/* Table css override */
.table .thead-light th {
  background-color: #ffffff;
  /* border-color: #E9EDF2;  */
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff; 
}

.table-hover tbody tr:hover {
  background-color: #fff; 
}

@media (max-width: 767.98px) {
  .left-side-menu {
    z-index: 1040 !important;
    width: 100% !important;
  }

  /* .left-side-menu .mm-show {
    width: 100% !important;
  } */

  #sidebar-logo {
    text-align: left !important;
    padding: 0 2rem !important;
    width: 100% !important;
    border-bottom: 1px solid #fff;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    cursor: initial !important;
  }
  

  #sidebar-logo img, #topbar-logo img {
    height: 3rem !important;
    /* padding: 0 2rem !important; */
    /* width: auto !important; */
  }

  #sidebar-logo .close-icon {
    cursor: pointer !important;
  }

  /* #left-side-menu-container {
    width: 100% !important;
  } */

  /* . d-flex flex-column h-100 */
  .metismenu.side-nav {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  } 
  .simplebar-content {
    height: 100% !important;
  }

  #mobile-side-bar-notification, #login-menu-item {
    margin-top: auto !important;
  }

  #mobile-side-bar-notification * {
    color: #fff !important;
  }
}