/* menu */
.layout-fixed .brand-link {
  max-width: 200px !important;
}

.main-sidebar {
  width: 200px;
}

.main-sidebar,
.main-sidebar::before {
  transition: margin-left 0.3s ease-in-out, width 0.3s ease-in-out;
  width: 200px;
}

.sidebar-mini .main-sidebar .nav-child-indent.nav-legacy.nav-compact .nav-link,
.sidebar-mini-md
  .main-sidebar
  .nav-child-indent.nav-legacy.nav-compact
  .nav-link,
.sidebar-mini-xs
  .main-sidebar
  .nav-child-indent.nav-legacy.nav-compact
  .nav-link {
  width: calc(215px - 0.5rem * 2);
}

.sidebar-mini .main-sidebar .nav-flat .nav-link,
.sidebar-mini-md .main-sidebar .nav-flat .nav-link,
.sidebar-mini-xs .main-sidebar .nav-flat .nav-link {
  width: calc(215px - 0.5rem * 2);
  transition: width ease-in-out 0.3s;
}

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
  width: calc(200px - 0.5rem * 2);
  transition: width ease-in-out 0.3s;
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active,
.sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: #004d9a;
  color: #fff;
}

/* menu colapsado */
.sidebar-mini-xs.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover,
.sidebar-mini-xs.sidebar-collapse
  .main-sidebar:not(.sidebar-no-expand).sidebar-focused {
  width: 200px;
}
.sidebar-mini-xs.sidebar-collapse
  .main-sidebar:not(.sidebar-no-expand):hover
  .brand-link,
.sidebar-mini-xs.sidebar-collapse
  .main-sidebar:not(.sidebar-no-expand).sidebar-focused
  .brand-link {
  width: 200px;
}

.sidebar-mini-xs.sidebar-collapse.layout-fixed .main-sidebar:hover .brand-link {
  width: 200px;
}

.sidebar-collapse.sidebar-mini
  .main-sidebar.sidebar-focused:not(.sidebar-no-expand)
  .nav-link,
.sidebar-collapse.sidebar-mini
  .main-sidebar:hover:not(.sidebar-no-expand)
  .nav-link,
.sidebar-collapse.sidebar-mini-md
  .main-sidebar.sidebar-focused:not(.sidebar-no-expand)
  .nav-link,
.sidebar-collapse.sidebar-mini-md
  .main-sidebar:hover:not(.sidebar-no-expand)
  .nav-link,
.sidebar-collapse.sidebar-mini-xs
  .main-sidebar.sidebar-focused:not(.sidebar-no-expand)
  .nav-link,
.sidebar-collapse.sidebar-mini-xs
  .main-sidebar:hover:not(.sidebar-no-expand)
  .nav-link {
  width: calc(210px - 0.5rem * 2);
}

.sidebar-collapse.sidebar-mini
  .main-sidebar
  .nav-sidebar.nav-child-indent.nav-compact
  .nav-link,
.sidebar-collapse.sidebar-mini-md
  .main-sidebar
  .nav-sidebar.nav-child-indent.nav-compact
  .nav-link,
.sidebar-collapse.sidebar-mini-xs
  .main-sidebar
  .nav-sidebar.nav-child-indent.nav-compact
  .nav-link {
  width: calc(5.6rem - 0.5rem * 2);
}

@media (min-width: 768px) {
  .sidebar-mini-xs .content-wrapper,
  .sidebar-mini-xs .main-footer,
  .sidebar-mini-xs .main-header {
    transition: margin-left 0.3s ease-in-out;
    margin-left: 200px;
  }
}

@media (max-width: 991.99px) {
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
    .content-wrapper,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
    .main-footer,
  body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav)
    .main-header {
    margin-left: 0;
  }
}

/* iconos del menu */
.nav-sidebar > .nav-item .nav-icon.fa,
.nav-sidebar > .nav-item .nav-icon.fab,
.nav-sidebar > .nav-item .nav-icon.fad,
.nav-sidebar > .nav-item .nav-icon.fal,
.nav-sidebar > .nav-item .nav-icon.far,
.nav-sidebar > .nav-item .nav-icon.fas,
.nav-sidebar > .nav-item .nav-icon.ion,
.nav-sidebar > .nav-item .nav-icon.svg-inline--fa {
  font-size: 0.95rem;
}

/* item del menu activo */
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #004d9a;
  border-color: #004d9ad8;
}

.subsubmenu.active {
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
}

.page-link {
  color: #0d427b;
}

/* botones */
.btn-secondary {
  color: #fff;
  background-color: #183e61;
  border-color: #6c757d;
  box-shadow: none;
}

.text-sm .btn {
  font-size: 90% !important;
}

/* datatable */

.table th,
.table td {
  padding: 0.5rem !important;
}

.table thead th {
  background-color: #183e61;
  color: white;
}

.dt-body-center {
  text-align: center !important;
  vertical-align: middle !important;
}

.dt-body-right {
  text-align: right !important;
  vertical-align: middle !important;
}

.dt-body-left {
  text-align: left !important;
  vertical-align: middle !important;
}

/* formulario */
/* .form-control {
  height: calc(1.9rem + 2px) !important;
  padding: 0.3rem 1rem 0.3rem 0.5rem !important;
} */

.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.custom-select,
.btn,
.dropdown-menu,
.form-control,
.input-group-text {
  font-size: 90% !important;
}

/* Dashboards */
.info-box .info-box-number {
  display: block;
  /* margin-top: 0.25rem; */
  font-weight: 700;
  font-size: 1.5rem;
}

.card-dashboard {
  min-width: 230px;
}

.card-dashboard-did {
  min-width: 225px;
}

@media (min-width: 768px) {
  .col-md-6-dashboard {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 50%;
  }
  .col-md-4-dashboard-count {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 480px;
    /* min-width: 270px; */
  }
}
