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

.acordeon .card-header .btn {
  text-align: left;
  margin: 5px 0;
  width: 100%;
}

button {
  outline: none !important;
}

.spinner {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10000000000000;
  background: rgba(0, 0, 0, 0.1);
  display: none;
  top: 0;
}

.no-scroll {
  overflow: hidden;
  height: 100%;
}

.paginate_button.active {
  color: white !important;
  border: 1px solid #111 !important;
  background-color: #585858 !important;
}

.selected-menu {
  background: #212529;
}

.top_nav .dropdown-usermenu.show {
  width: 100px !important;
}

.dropdown-usermenu a {
  font-size: 14px;
}

.top_nav .dropdown-menu li {
  padding: 10px;
}

.right_col {
  height: 100%;
}

body {
  background: #f7f7f7 !important;
}

.main_container {
  background: #2a3f54 !important;
}

.nav.side-menu > li > a,
.nav.child_menu > li > a {
  background: inherit !important;
}

/* ===== Hover expand sidebar en nav-sm ===== */
.nav-sm .container.body .col-md-3.left_col {
  transition: width 0.2s ease;
}

.nav-sm .container.body .col-md-3.left_col:hover {
  width: 230px;
}

.nav-sm .container.body .col-md-3.left_col:hover .navbar.nav_title {
  width: 230px;
}

.nav-sm .container.body .col-md-3.left_col:hover .navbar.nav_title a span {
  display: inline-block;
}

.nav-sm .container.body .col-md-3.left_col:hover .navbar.nav_title a i {
  font-size: 22px;
  margin: 10px 0 0 10px;
}

.nav-sm .container.body .col-md-3.left_col:hover .nav.side-menu > li > a {
  text-align: left !important;
  font-size: 12px;
  padding: 10px 15px;
}

.nav-sm .container.body .col-md-3.left_col:hover .nav.side-menu > li > a i {
  font-size: 16px !important;
  text-align: left;
  width: auto !important;
  margin-bottom: 0;
  margin-right: 8px;
}

.nav-sm .container.body .col-md-3.left_col:hover .nav.side-menu > li > a i.toggle-up {
  display: inline-block !important;
}

.nav-sm .container.body .col-md-3.left_col:hover span.fa,
.nav-sm .container.body .col-md-3.left_col:hover .menu_section h3 {
  display: inline-block;
}

.nav-sm .container.body .col-md-3.left_col:hover .menu_section {
  margin-bottom: 35px;
}

.nav-sm .container.body .col-md-3.left_col:hover ul.nav.child_menu {
  position: static;
  left: auto;
  top: auto;
  width: auto;
  z-index: auto;
  background: inherit;
}

.nav-sm .container.body .col-md-3.left_col:hover .nav.child_menu li a {
  text-align: left !important;
}