/*Scrollbar*/
@media (min-width: 992px) {
  /* width */
  ::-webkit-scrollbar {
    width: 10px;
  }

  /* Track */
  ::-webkit-scrollbar-track {
    border-radius: 10px;
  }

  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
  }

  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #023e8a !important;
  }
}
/*End Scrollbar*/

.page-title-box {
  background-color: #f5f7fa;
  background-image: none;
}

.page-title-box h4 {
  color: #636e75;
}

.breadcrumb-item > a {
  color: #636e75;
}

.breadcrumb-item + .breadcrumb-item::before {
  color: #636e75;
}

.breadcrumb-item.active {
  color: #999 !important;
}

.btn-shadow {
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 20%),
    0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  transition: 0.1s;
  border: 2px solid #023e8a !important;
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ddd !important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ddd !important;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ddd !important;
}

.tox-tinymce-aux {
  z-index: 99999999 !important;
}

/*Datatables modification color*/

table > thead > tr,
th {
  height: 0px !important;
}

table > tbody > tr {
  border: 1px solid #eee !important;
}

table > tbody > tr:active {
  --bs-table-accent-bg: none;
  background-color: #fce4ec !important;
  cursor: pointer;
  transition: 0.5s;
}

div.dataTables_processing > div:last-child > div {
  background: #023e8a !important;
  box-shadow:
    0 2px 5px 0 rgb(0 0 0 / 20%),
    0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

/*End datatable*/

.mm-active > a {
  color: #023e8a !important;
  background-color: #f5f7fa !important;
}

.sub-menu .mm-active > a {
  color: #fff !important;
  background-color: #f5f7fa !important;
}

.mm-active > a:hover {
  color: #023e8a !important;
  background-color: #f5f7fa !important;
}

.sub-menu .mm-active > a:hover {
  color: #fff !important;
  background-color: #f5f7fa !important;
}

.mm-active > a i {
  color: #023e8a !important;
}

.sub-menu .mm-active > a i {
  color: #fff !important;
}

/* .mm-active > a i:hover {
  color: #023E8A !important;
} */

.mm-active .active {
  color: #023e8a !important;
}

.mm-active .active i {
  color: #023e8a !important;
}

.bg-primary {
  background-color: #023e8a;
}

.btn-primary {
  background-color: #0077b6 !important;
  border-color: #0077b6 !important;
}

.btn-primary:hover {
  background-color: #0077b6 !important;
  border-color: #0077b6 !important;
}

.page-item.active .page-link {
  background-color: #023e8a;
  border-color: #023e8a;
}

.user-sidebar {
  background-color: #bb002f;
}

.item-nowrap {
  white-space: nowrap !important;
  overflow-x: hidden;
}

.form-check-input:checked {
  background-color: #0077b6 !important;
  border-color: #0077b6 !important;
}

.text-primary {
  color: #023e8a !important;
}

.tw-nowrap {
  white-space: nowrap !important;
}

.typeahead.dropdown-menu li.active {
  background-color: #eee !important;
}

.bg-primary-theme {
  background-color: #0077b6 !important;
}

.form-check-input.theme-secondary:checked {
  background-color: #0fbcdf;
  border-color: #0fbcdf;
}

#sidebar-menu ul li a:hover {
  /* color: #023E8A !important; */
  opacity: 0.6;
}

#sidebar-menu ul li a i:hover {
  /* color: #023E8A !important; */
  opacity: 0.6;
}

.nav-link:active {
  background-color: #ddd !important;
  transition: 0.1s;
}

.nav-link:hover {
  transition: 0.3s;
  background-color: #32beb3 !important;
  color: white !important;
}

.accordion-button:not(.collapsed) {
  color: #606060 !important;
  background-color: #def768 !important;
  font-weight: bold;
  font-size: 1rem;
}

.accordion-button.collapsed {
  font-weight: bold;
  font-size: 1rem;
}

/* #sidebar-menu ul li a:hover i {
  color: #023E8A !important;
} */

@media (max-width: 992px) {
  .navbar-brand-box {
    display: none !important;
  }

  .vertical-menu {
    top: 0px !important;
    box-shadow:
      0 4px 8px 0 rgba(0, 0, 0, 0.2),
      0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }

  .page-content {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #datatable_processing {
    border: 2px solid #023e8a !important;
  }

  div.dataTables_wrapper div.dataTables_filter {
    text-align: center !important;
  }
}