@charset "UTF-8";
/*INTERNET EXPLORER*/
@media screen\0  {
  /* PARA RESOLVER EL PROBLEMA DE LOS CARDS ENORMES COMO EN LA PAGINA DE LOS LOGIN DE DEMO */
  .card-body > .row > .card {
    display: block !important;
  }
  /* PARA RESOLVER EL PROBLEMA DE LOS CHARTS QUE NO SALGAN ALARGADAS LAS LABELS */
  .card-chart > .card-footer > .row {
    display: block !important;
  }
  /* ESTO ES PARA QUE NO SE SOLAPEN LOS BOTONES DE GENERAR CONTRASEÑA Y VER CONTRASEÑA */
  .col-lg-10, .col-lg-12, .col-lg-8 {
    flex: none !important;
  }
  /* ESTO ES PARA QUE APAREZCA LA BARRA DE PROGRESO DE LIBERAR ESPACIO */
  #barraespacio {
    line-height: 0;
  }
}
/*ALL BROWSERS*/
/* ESTO ES PARA QUE NO APAREZCA LA BARRA GRIS (ABAJO) EN ALGUNAS VISTAS*/
.wrapper.wrapper-full-page {
  height: 100vh !important;
}

/* ESTA LINEA ARREGLA LA BARRA DE PROGRESO SUPERPUESTA EN LA SUBIDA DE ARCHIVOS */
.dz-progress {
  top: 62% !important;
}

/* ESTA LINEA HACE QUE NO SE SOLAPEN LOS TEXTOS DE LAS DATATABLES */
.table > tbody > tr {
  word-wrap: break-word;
}

/* Esta línea es para que el footer quede al final de la página en el modo aplicación, pero sin hacer scroll */
.main-panel > .content {
  min-height: calc(100vh - 155px);
}

/*
 * Esta línea es para que el footer quede al final de la página en el modo portal web, pero sin hacer scroll
 * Se habilita con distintas resoluciones
 */
.main-panel > .content-pw {
  min-height: calc(100vh - 203px);
}

@media only screen and (max-width: 991px) {
  .main-panel > .content-pw {
    min-height: calc(100vh - 253px);
  }
}
@media only screen and (max-width: 767px) {
  .main-panel > .content-pw {
    min-height: calc(100vh - 277px);
  }
}
/*
 * Estos estilos son para que el select de select2 se muestre como se mostraban los
 * select anteriormente, sólo con un borde inferior.
 */
span.select2-container span.select2-selection {
  border-radius: unset;
  border: none;
  border-bottom: 1px solid #aaa;
}

.select2-dropdown.select2-dropdown--below {
  z-index: 9999;
}

.select2-search__field {
  border: none;
  border-bottom: 1px solid #aaa;
  border-radius: unset;
  max-height: 22px !important;
}

.select2-container {
  font-size: initial;
}

table.dataTable th.dt-type-date,
table.dataTable th.dt-type-numeric {
  text-align: left;
}

table.dataTable th.dt-type-date div.dt-column-header,
table.dataTable th.dt-type-date div.dt-column-footer,
table.dataTable td.dt-type-date div.dt-column-header,
table.dataTable td.dt-type-date div.dt-column-footer,
table.dataTable th.dt-type-numeric div.dt-column-header,
table.dataTable th.dt-type-numeric div.dt-column-footer,
table.dataTable td.dt-type-numeric div.dt-column-header,
table.dataTable td.dt-type-numeric div.dt-column-footer {
  flex-direction: row;
}

table.dataTable td.dt-type-date,
table.dataTable td.dt-type-numeric {
  text-align: left;
}

.material-datatables select.custom-select {
  width: auto;
  padding: 10px;
}

.dt-length label {
  padding: 8px 0px;
}

div.dt-search {
  float: inline-end;
  padding: 15px;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
}

div.dt-container .dt-search input {
  border: none !important;
  height: auto;
}

div.dt-container .dt-paging .dt-paging-button:hover {
  background: none;
  border-radius: 30px !important;
  border-color: rgba(51, 51, 51, 0.2);
}

div.dt-container .dt-paging .dt-paging-button.active {
  background: none;
  border-radius: 30px !important;
  border-color: rgba(51, 51, 51, 0.2);
}

.pagination > .page-item.active > a,
.pagination > .page-item.active > a:focus,
.pagination > .page-item.active > a:hover,
.pagination > .page-item.active > span,
.pagination > .page-item.active > span:focus,
.pagination > .page-item.active > span:hover {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
  color: #999999;
}

div.dt-container .dt-paging .dt-paging-button {
  padding: 0px !important;
}

.dt-paging {
  float: inline-end;
}

@media only screen and (min-width: 671px) {
  .dt-paging {
    margin-top: -26px;
  }
}
/* Ocultar la paginación si tiene menos de 6 elementos li */
.pagination:not(:has(li:nth-child(6))) {
  display: none;
}

/* Ocultar los botones de paginación deshabilitados */
.dt-paging-button.page-item.disabled {
  display: none !important;
}

/* Colorpicker */
input.spectrum.with-add-on {
  max-height: 26px;
}

.sp-original-input-container .sp-add-on {
  background: transparent !important;
}

.sp-original-input-container .sp-add-on .sp-colorize {
  position: relative;
  display: inline-block;
  width: 20px !important;
  height: 20px !important;
  border: 1px solid rgba(0, 0, 0, 0.54);
  overflow: hidden;
  z-index: 1;
  border-radius: 3px !important;
}

input.spectrum.with-add-on {
  min-width: 64px;
}