/*PARA QUE FUNCIONE EL adminltePageOverlay.js */
#pageOverlay {
  position: fixed;
  inset: 0;
  z-index: 1050;

  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}

body.overlay-active #pageOverlay {
  opacity: 1;
  pointer-events: all;
}

body.overlay-active {
  overflow: hidden;
}

/* modo crítico: bloquea TODO */
body.overlay-critical {
  pointer-events: none;
}

body.overlay-critical #pageOverlay {
  pointer-events: all;
}
/*FIN QUE FUNCIONE EL adminltePageOverlay.js */


.bg-lightgray{
    background-color: #f4f4f4;
}
/*has-float-label*/
.has-float-label {
  display: block;
  position: relative;
}
.has-float-label label, .has-float-label > span {
  position: absolute;
  cursor: text;
  font-size: 75%;
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
  top: -.5em;
  left: 1rem;
  z-index: 3;
  line-height: 1;
  padding: 0 1px;
  font-weight:normal;

}
.has-float-label label::after, .has-float-label > span::after {
  content: " ";
  display: block;
  position: absolute;
  background: white;
  height: 2px;
  top: 50%;
  left: -.2em;
  right: -.2em;
  z-index: -1;
  font-weight: normal;
}
.has-float-label .form-control::-webkit-input-placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-label .form-control::-moz-placeholder {
  opacity: 1;
  transition: all .2s;
}
.has-float-label .form-control:-ms-input-placeholder {
  opacity: 1;
  transition: all .2s;
}
.has-float-label .form-control::placeholder {
  opacity: 1;
  -webkit-transition: all .2s;
          transition: all .2s;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder {
  opacity: 0;
}
.has-float-label .form-control:placeholder-shown:not(:focus) + * {
  /*font-size: 90%;*/
  opacity: .5;
  top: 1.2em;
}

.no-flex{
    display: block !important;
}



.input-group .has-float-label {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.input-group .has-float-label .form-control {
  width: 100%;
  
}
.input-group .has-float-label:not(:last-child), .input-group .has-float-label:not(:last-child) .form-control {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right: 0;
}
.input-group .has-float-label:not(:first-child), .input-group .has-float-label:not(:first-child) .form-control {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
/*has-float-label*/



.dzPreviews {

min-height: 250px;
padding-top: 25px;
padding-bottom: 15px;
font-size: 18px;
border: dashed 3px green;
cursor: pointer ;
background-repeat: no-repeat;
background-position: center center;
}


.dzPreviews .delete {
display: none;
}

.dzPreviews .dz-success .start,
.dzPreviews .dz-success .cancel {
display: none;
}

.dzPreviews .dz-success .delete {
display: block;
}
#template{
border:solid red 1px;
}
.dzPreviews .name {
font-size: 12px
border: solid 1px red;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
background-color: white;
}
.dzPreviews .name:hover {
font-size: 12px
border: solid 1px red;
white-space: nowrap;
text-overflow: ellipsis;
overflow: visible;
border: solid 1px gray;
z-index: 100;
position: absolute;
}

/*.dz-image-preview {
min-height: 160px;
}*/

.dzPreview {
background: #fff;

}

.dzPreview img {
cursor: pointer;
}


.modal.modal-fullscreen .modal-dialog {
  width: 97vw;
  height: 97vh;
  margin: 1vh;
  
  padding: 0;
  max-width: none; }

.modal.modal-fullscreen .modal-content {
  height: auto;
  height: 100vh;
  border-radius: 0;
  border: none; }

.modal.modal-fullscreen .modal-body {
  overflow-y: auto; 
}
  
.tbdatatable.dataTable thead th {
    background-color: #eaeaea;  /* Fondo oscuro profesional */  
    box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
    vertical-align: middle;
}

/* Cambiar cursor al pasar el mouse para indicar ordenamiento */
.tbdatatable.dataTable thead th.sorting,
.tbdatatable.dataTable thead th.sorting_asc,
.tbdatatable.dataTable thead th.sorting_desc {
    cursor: pointer;
}

/* Remover el ícono de ordenamiento pero mantener el clic */
.tbdatatable.dataTable thead th.sorting:after,
.tbdatatable.dataTable thead th.sorting_asc:after,
.tbdatatable.dataTable thead th.sorting_desc:after {
    content: "" !important;
}


.tbdatatable.dataTable>thead>tr>th:not(.sorting_disabled), .tbdatatable.dataTable>thead>tr>td:not(.sorting_disabled){
  padding-right: 4px !important;
}

/*Ocultar el icono de ordenamiento (las flechitas)*/
.tbdatatable.dataTable>thead>tr>th .dt-column-order{
  display: none;
}

.tbdatatable.dataTable tbody tr.selected a {
  color: #007bff;
}

.tbdatatable.dataTable td {
  font-size: 0.8em;
}
.tbdatatable.dataTable tbody .rowhead {
  background-color: #f4f4f4 !important;
}
.tbdatatable.dataTable tbody tr.selected {
  background-color: #F9F4BC;
  color: black;
}
.tbdatatable.dataTable tbody tr.selected .rowhead {
  font-weight: bold;
  color: black !important;
}
.tbdatatable.dataTable tbody td .badge{
  font-size: 0.8em;
}