html,
body {
  height: 100%;
}

html {
  font-size: 14px;
}

body {
  overflow-x: hidden;
}

.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.75);
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 1);
}

.navbar-dark .sidebar-toggle {
  color: rgba(255, 255, 255, 1);
}

.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.75);
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 1);
}

.navbar-light .sidebar-toggle {
  color: rgba(0, 0, 0, 1);
}

.sidebar {
  min-width: 280px;
  max-width: 280px;
  min-height: calc(100vh - 49px);
  transition: all 0.3s;
  border-right: 1px solid rgb(230, 230, 230);
}

.sidebar ul li a {
  display: block;
  padding: 0.75rem 1rem;
  text-decoration: none;
}

.sidebar ul ul a {
  padding-left: 1rem;
}

.sidebar [data-toggle="collapse"] {
  position: relative;
}

.sidebar [data-toggle="collapse"]:before {
  content: "\e5cc";
  font-family: "Material Icons";
  font-weight: 900;
  position: absolute;
  right: 1rem;
}

.sidebar [aria-expanded="true"]:before {
  content: "\e313";
}

/* .sidebar li {
} */

.sidebar li li {
  border-left: 4px solid #333;
  margin-left: 1rem;
}

.sidebar.toggled {
  margin-left: -280px;
}

.sidebar-dark ul li a {
  color: rgba(255, 255, 255, 0.75);
}

.sidebar-dark ul ul a {
  background: rgba(0, 0, 0, 0.15);
}

.sidebar-dark ul li a:hover,
.sidebar-dark ul .active a {
  color: rgba(255, 255, 255, 1);
  background: rgba(0, 0, 0, 0.15);
}

.sidebar-dark [aria-expanded="true"] {
  background: rgba(0, 0, 0, 0.15);
}

.sidebar-light ul li a {
  color: rgba(0, 0, 0, 0.75);
}

.sidebar-light ul ul a {
  /* background: rgba(0, 0, 0, 0.05); */
}

.sidebar-light ul ul a:hover {
  background: rgba(0, 0, 0, 0.03);
}

.sidebar-light ul ul a:active {
  background: rgba(0, 0, 0, 0.05);
}

.sidebar-light ul li a:hover,
.sidebar-light ul .active a {
  color: rgba(0, 0, 0, 1);
  /* background: rgba(0, 0, 0, 0.05); */
}

/* .sidebar-light [aria-expanded="true"] {
  background: rgba(0, 0, 0, 0.05);
} */

.btn-square {
  us: 0;
}

.btn-pill {
  border-radius: 1.5rem;
}

.btn-icon {
  padding: 0.375rem 0.5rem;
}

.btn-icon.btn-sm {
  padding: 0.25rem 0.375rem;
}

.btn-icon.btn-lg {
  padding: 0.5rem 0.675rem;
}

.accordion .card-header {
  padding: 0;
}

.accordion .card-header a {
  padding: 0.75rem 1.25rem;
  display: block;
  color: inherit;
  text-decoration: none;
}

.accordion .card-header .collapse-icon:before {
  content: "\e5cc";
  font-family: "Material Icons";
  font-weight: 900;
}

.accordion .card-header .collapsed .collapse-icon:before {
  font-family: "Material Icons";
  content: "\e5cc";
  font-weight: 900;
}

.content {
  width: 100%;
}

.dataTables_wrapper {
  padding: 0;
}

.dataTables_wrapper table {
  overflow: hidden;
}

.dataTables_wrapper th,
.dataTables_wrapper td {
  vertical-align: middle;
}

.dataTables_wrapper th {
  white-space: nowrap;
}

.dataTables_wrapper .actions {
  white-space: nowrap;
  text-align: right;
}

@media (max-width: 768px) {
  .sidebar {
    margin-left: -280px;
  }

  .sidebar.toggled {
    margin-left: 0;
  }
}