.texto-bco {
  color:white;
}

.bg-bco {
  background:#3cbc4d; 
  color:white;
}

.fondo-bco {
  background:white; 
}

.table-sin-bordes > tbody > tr > td,
.table-sin-bordes > tbody > tr > th,
.table-sin-bordes > tfoot > tr > td,
.table-sin-bordes > tfoot > tr > th,
.table-sin-bordes > thead > tr > td,
.table-sin-bordes > thead > tr > th {
    border: none;
}

.column-left {
    float: left;
    /* para mantener visible un elemento en todo momento aunque se haga scroll en la página */
    position: fixed;
    width: 200px;
}

.mantener-posicion {
	position: sticky;
  top:80px;
  z-index: 1;
}

/*ocultar y mostrar icono respecto a lo que se está colapsando*/
[data-toggle="collapse"].collapsed .if-not-collapsed,
[data-toggle="collapse"]:not(.collapsed) .if-collapsed {display: none;}



/*COLOR DESTACADO DE DATATABLES*/
mark {
        padding: 0;
        background: #f1c40f;
      }



/* CONTROL CONEXION IMPRESORA */

.switch {
  align-items: center;
  background-color: gray;
  border-radius: 500px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: space-between;
  padding: 0 10px;
  position: relative;
  user-select: none;
  width: 80px;
}

.checkboxImpresora {
  display: none;
}
.checkboxImpresora:checked ~ .switch {
  background-color: royalblue;
}

.checkboxImpresora:not(:checked) ~ .switch {
  background-color: gray;
}

.switch__left,
.switch__right {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.checkboxImpresora:checked ~ .switch .switch__left {
  visibility: hidden;
}

.checkboxImpresora:not(:checked) ~ .switch .switch__right {
  visibility: hidden;
}

.switch__circle {
  height: 40px;
  padding: 5px;
  position: absolute;
  transition: all 0.1s linear;
  width: 40px;
}

.checkboxImpresora:checked ~ .switch .switch__circle {
  left: 0;
  right: calc(100% - 40px);
}

.checkboxImpresora:not(:checked) ~ .switch .switch__circle {
  left: calc(100% - 40px);
  right: 0;
}

.switch__circle-inner {
  background-color: white;
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}

/* CONTROL USO IMPRESORA */

.switchUsoImpresora {
  align-items: center;
  background-color: gray;
  border-radius: 500px;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: space-between;
  padding: 0 10px;
  position: relative;
  user-select: none;
  width: 80px;
}

.checkboxUsoImpresora {
  display: none;
}
.checkboxUsoImpresora:checked ~ .switchUsoImpresora {
  background-color: purple;
}

.checkboxUsoImpresora:not(:checked) ~ .switchUsoImpresora {
  background-color: darkslategray;
}

.switch__left_usoImpresora,
.switch__right_usoImpresora {
  color: white;
  font-weight: bold;
  text-transform: uppercase;
}

.checkboxUsoImpresora:checked ~ .switchUsoImpresora .switch__left_usoImpresora {
  visibility: hidden;
}

.checkboxUsoImpresora:not(:checked) ~ .switchUsoImpresora .switch__right_usoImpresora {
  visibility: hidden;
}

.switch__circleUsoImpresora {
  height: 40px;
  padding: 5px;
  position: absolute;
  transition: all 0.1s linear;
  width: 40px;
}

.checkboxUsoImpresora:checked ~ .switchUsoImpresora .switch__circleUsoImpresora {
  left: 0;
  right: calc(100% - 40px);
}

.checkboxUsoImpresora:not(:checked) ~ .switchUsoImpresora .switch__circleUsoImpresora {
  left: calc(100% - 40px);
  right: 0;
}

.switch__circleUsoImpresora-inner {
  background-color: white;
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}




  /*background-color: #cce5ff;  Cambia el color de fondo de las filas seleccionadas */
.filaSeleccionable.filaSeleccionada {
  background-color: rgb(150,150,150); /* Cambia el color de fondo de las filas seleccionadas */
}

.btn-circle.btn-sm {
    width: 20px;
    height: 20px;
    padding: 0px 0px;
    border-radius: 15px;
    font-size: 10px;
    text-align: center;
}

.input-seguido {
  display: inline-block;
  margin-right: 10px; /* Espacio entre los inputs (puedes ajustar según tus necesidades) */
}
