/* make submenu more visible */
.main-sidebar {
  background-color: #e9ecef;
}

body::-webkit-scrollbar-track, .sidebar::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track {
  background-color: #ECECEC !important;
}

body::-webkit-scrollbar-thumb, .sidebar::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {
  background-color: darkgrey !important;
}

  body::-webkit-scrollbar-thumb:hover, .sidebar::-webkit-scrollbar-thumb:hover, .table-responsive::-webkit-scrollbar-thumb:hover {
    background-color: #787878 !important;
  }

.brand-link, .sidebar {
  background-color: #E8EBEE !important;
}

.content-wrapper {
  background-color: #e6e8eb !important;
}

nav.main-header, body {
  background-color: white;
}

.active-user, .toggle-btn {
  background-color: #E8EBEE;
}

.user-settings {
  background-color: white !important;
}

.sidebar .nav-section {
  border-top: 1px solid #d9dcde;
  color: #aaacad;
}

.user-settings a:hover {
  background-color: #E9E9E9;
}

.select2-selection {
  border-color: #DFDFDF !important;
}

.select2-dropdown {
  box-shadow: 0px 3px 6px 3px rgba(205, 231, 246, 0.8) !important;
}

.dropbtn, .btn-remove {
  background-color: transparent;
  color: #6F6F6F;
  border: none;
}

  .dropbtn:hover, .btn-remove:hover {
    background-color: #E9E9E9;
    color: black !important;
    border: none;
  }

.notification-bell {
  background-color: #E8EBEE;
}

.dashboard-card-footer {
  background-color: white !important;
}

.form-control-button {
  background-color: white;
}

.vault-port-char-table .form-row {
  border-bottom: 1px solid #dbdbdb !important;
}

#table-personnel td {
  border-right: 1px solid #D8D8D8 !important;
}

.striped, .table tbody tr.striped td {
  background-color: #f0f0f0 !important;
}

.table-striped tbody tr {
  background-color: white !important;
}

.daily-reports .card-firm-report {
  border: 1px solid #f0f0f0 !important;
  border-radius: 7px 7px !important;
  padding: 5px !important;
  margin-bottom: 0px !important;
  box-shadow: 4px 4px 7px 1px rgba(0, 0, 0, 0.15);
}

.recon-reports .card {
  border: 1px solid #f0f0f0 !important;
  border-radius: 7px 7px !important;
  margin-bottom: 2px !important;
  box-shadow: 4px 4px 7px 1px rgba(0, 0, 0, 0.15);
}

.daily-reports .card-firm-report .card-dataset-report {
  border: 1px solid #f0f0f0 !important;
  border-radius: 7px 7px !important;
  padding: 0px !important;
  margin-bottom: 0px !important;
  box-shadow: 4px 4px 7px 1px rgba(0, 0, 0, 0.15);
}

  .daily-reports .card-firm-report .card-dataset-report table {
    margin-bottom: 2px !important;
  }

.daily-reports .card-firm-report .card {
  border-bottom: 1px solid #E6E9EB !important;
  padding: 3px !important;
  margin-bottom: 0px !important;
}

#tbl .tbl thead {
  background-color: #e9ecef !important;
}

table thead, table thead th {
  background-color: white !important;
}

  table thead tr:last-of-type th, table thead tr:first-of-type th[rowspan] {
    background-color: white !important;
    border-bottom: 3px solid #CACACA !important;
  }

.prob-addressed {
  background-color: #f3ede9 !important;
}

tr.prob-addressed td {
  background-color: #f3ede9 !important;
}

tbody tr:hover {
  background-color: #e6ecf0 !important;
}

#tableDetail tbody tr:nth-of-type(odd) {
  background-color: #f0f0f0 !important;
}

.table-striped tbody tr:nth-of-type(even), .dataTable tbody tr:nth-of-type(even), .table tbody td[rowspan] {
  background-color: white;
}

[class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link {
  color: #212529;
}

.main-sidebar .nav-link {
  padding: .5rem .3rem;
}

  .main-sidebar .nav-link:hover {
    box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, .1) !important;
  }

.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  box-shadow: none;
  border-left: 3px solid var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
  box-shadow: 3px 3px 8px 1px rgba(0, 0, 0, .2) !important;
}

.nav-flat.nav-sidebar > .nav-item .nav-treeview,
.nav-flat.nav-sidebar > .nav-item > .nav-treeview {
  background-color: rgba(0, 0, 0, .08);
  color: #212529;
}

[class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link.active,
[class*=sidebar-light-] .nav-treeview > .nav-item > .nav-link.active:hover {
  background-color: rgba(0,0,0,.1);
  color: #212529;
}

[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link,
[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
  border-left: 3px solid rgba(0,0,0,.5);
}

  [class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item .active > .nav-link,
  [class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active,
  [class*=sidebar-light-] .nav-flat .nav-item .nav-treeview .menu-open > .nav-item {
    background-color: var(--primary-color);
    color: #fff;
  }

/* START Nav */
.layout-navbar-fixed .wrapper .brand-link {
  background: var(--terciary-color);
}

.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  box-shadow: none;
  border-left: 3px solid var(--primary-color);
  background-color: var(--primary-color);
  color: #fff;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: white;
}

.vault-login-navbar {
  background: var(--terciary-color) !important;
}

[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item .active > .nav-link,
[class*=sidebar-light-] .nav-flat .nav-item .nav-treeview > .nav-item > .nav-link.active {
  background-color: var(--secondary-color);
}

[class*=sidebar-light-] .nav-flat .has-treeview .nav-item .nav-treeview .nav-link.active {
  background-color: var(--terciary-color);
}

.select2-container--bootstrap4.select2-container--disabled .select2-selection, .select2-container--bootstrap4.select2-container--disabled.select2-container--focus .select2-selection {
  background-color: var(--secondary-color);
}

.select2-container--bootstrap4 .select2-dropdown .select2-results__option[aria-selected=true] {
  background-color: var(--secondary-color);
}

.select2-container--bootstrap4 .select2-results__option--highlighted, .select2-container--bootstrap4 .select2-results__option--highlighted.select2-results__option[aria-selected=true] {
  background-color: var(--primary-color);
  color: #fff;
}

select + .select2-container {
  width: 100% !important;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:active,
.navbar-light .navbar-nav .nav-link:focus {
  color: var(--dark-font);
}

.nav-pills .nav-link:not(.active).logout:hover {
  color: #fff;
}
/* END Nav */
/* end make submenu more visible */

.gridjs-table tbody tr:hover td {
  background-color: #ebf5ff;
}

/*.gridjs-table tbody tr:hover td {
  background-color: #d8d9dc
}*/

.noInceptionDate {
  color: red;
  font-size: 1.06rem;
}

  .noInceptionDate b {
    color: red;
    font-size: 1.02rem;
  }

.perf-gaps {
  background-color: #FCE6E6 !important;
  color: red;
}
