body {
  font-size: 0.8rem !important;
}

.h1,
h1 {
  font-size: 1.35rem !important;
}

.h2,
h2 {
  font-size: 1.29rem !important;
}

.h3,
h3 {
  font-size: 1.27rem !important;
}

.h4,
h4 {
  font-size: 1.25rem !important;
}

.h5,
h5 {
  font-size: 1.2rem !important;
}

.h6,
h6 {
  font-size: 1rem !important;
}

/* 
.login-footer {} */

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

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

.dropdown-menu{
  z-index: 99999;
}

.custom-select-sm {
  height: calc(1.8125rem + 2px) !important;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
  padding-left: 0.5rem !important;
  padding-right: 1.5rem !important;
  font-size: 75%;
}

.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;
}

.table th,
.table td {
  padding: 0.3rem !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;
}

.login-page,
.register-page {
  height: 90vh !important;
}

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

.main-sidebar {
  width: 200px;
}

.tab {
  padding-left: 15px;
}

.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);
}

.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;
}

.dropdown-item:focus,
.dropdown-item:hover {
  cursor: pointer;
}

.cursor-pointer {
  cursor: pointer;
}

.nav-link-menu {
  color: rgba(0, 0, 0, 0.9);
  font-size: 1.15rem !important;
  margin-right: 1rem;
}

a.nav-link-menu:hover {
  color: rgba(0, 0, 0, 0.5);
}

.nav-link-title {
  padding-top: 0.1rem;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #004d9a;
}

.btn-primary {
  color: #fff;
  background-color: #004d9a;
  border-color: #183e61;
  box-shadow: none;
}

.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;
}

.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;
}

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

.select2-hidden-accessible {
  position: fixed !important;
}

.inline-block-form {
  width: 155px;
  display: inline-block;
  margin: 2px;
}

.content-single {
  height: 100%;
  background-color: #f4f6f9;
  padding-right: 1em;
  padding-left: 1em;
}

.badge-ambar {
  background-color: #ff7b00;
  color: #ffffff;
}

.badge-revisado {
  background-color: #e3893e;
  color: #ffffff;
}

/* librería de Datapicker */
.ui-widget-header {
  border: 0px solid #dddddd;
  background: #ffffff;
  color: #13264e;
}

.modal-open {
  overflow: scroll;
}

.info-box {
  cursor: pointer;
}

.info-box-number {
  font-size: x-large;
}

.info-box .info-box-number {
  margin-top: -0.75rem;
  color: #525461;
}

.fieldset {
  border: 1px solid rgba(0, 0, 0, 0.125);
  /* border: 1px solid rgba(51, 51, 51, 0.651); */
  border-radius: 0.25rem;
  padding: 15px;
}

@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;
  }

  /* 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 {
        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;
  }
}

.dataTables_scrollBody thead tr {
  visibility: collapse !important;
}

@media (max-width: 768px) {
  .btn.full-width {
    width: 100%;
  }
}

.green-text {
  color: green;
}

.orange-text {
  color: orange;
}

.red-text {
  color: red;
}

.contenedor-permisos {
  border-collapse: collapse;
  width: 100%;
}

.contenedor-permisos .permisos {
  display: grid;
  grid-template-columns: 1fr 1fr 5%;
  align-items: center;
  justify-content: center;
  padding: 6.5px 15px;
  margin-left: 5%;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
}
.contenedor-permisos .permisos:last-child {
  border-bottom: none;
}

.contenedor-permisos .permisos p {
  margin: 0;
  padding: 0;
  text-align: center;
}

.switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 18px;
  margin-bottom: 0;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 3.4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #2196f3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196f3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

pre code {
  font-size: 12px;
}

/*Rounded sliders*/
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.custom-modal {
  position: absolute;
  top: 35%;
  transform: translateY(-50%) !important;
  right: 5vw;
  width: 300px;
  max-width: 300px;
}
.custom-file-input {
  display: none;
}

.custom-file-label {
  position: relative;
  display: inline-block;
  padding: 0.375rem 0.75rem;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.8;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.15s ease;
}

.custom-file-label::after {
  content: 'Seleccionar archivo';
  padding-left: 0.75rem;
}

.custom-file-input:focus + .custom-file-label,
.custom-file-input:valid + .custom-file-label {
  border-color: #80bdff;
  box-shadow: 0 0 0 0.25rem rgba(38, 143, 255, 0.25);
}

.custom-file-input:active + .custom-file-label {
  background-color: #e9ecef;
}

.custom-file-input:disabled + .custom-file-label {
  background-color: #e9ecef;
  cursor: not-allowed;
}

.filter-panel {
  position: absolute;
  top: 100%;
  /* Justo debajo del input */
  left: 0;
  width: 100%;
  background: white;
  border-radius: 5px;
  display: none;
  /* Oculto por defecto */
  z-index: 1000;
  /* Para que esté encima de otros elementos */
}

/* Para pantallas más pequeñas, ajusta la posición y el ancho */
@media (max-width: 768px) {
  .custom-modal {
    left: 50%;
    top: 50%;
    width: 300px;
    transform: translate(-50%, -50%) !important;
  }
}

@media (max-width: 480px) {
  .custom-modal {
    left: 50%;
    top: 50%;
    width: 90%;
    max-width: 90%;
    transform: translate(-50%, -50%) !important;
  }
}