.cGris {
    background: rgb(205, 241, 234);
    
}
.orstr{
    background: rgb(4, 4, 161);
    color: burlywood;
    height: 5px;
    line-height: 5px;

}
.orsnegro{
    background: rgb(20, 20, 20);
    color: rgb(5, 5, 5);
}

.orstd{
    background: rgb(70, 69, 69);
    color: rgb(211, 211, 212);
    border: 1px black;
}
#canvas {
    display: block;
    background-color: #000;    
    background:rgb(148, 147, 147);
    border-radius: 3px;
    box-shadow: 0px 0px 15px 3px #ccc;
    cursor:pointer;
  }
  #canvas{ width:100%; height:260px; }
  @media (max-width:767px){ #canvas{ height:220px; } }
  p{
    text-align:center;
    cursor:pointer;
    
  }
  .table-custom tbody tr:nth-child(odd) {
    background-color: #f2f2f2; /* Color de fondo para las filas impares */
  }
  .table-custom tbody tr:nth-child(even) {
    background-color: #ffffff; /* Color de fondo para las filas pares */
  }
  .table-custom th {
    background-color: #4CAF50; /* Color de fondo para los encabezados */
    color: white; /* Color de texto para los encabezados */
  }
.os-icon{
  max-width: 100%;
  max-height: 45px;   /* altura máxima */
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}

.os-icon{
  width:52px;
  height:52px;
  object-fit:contain;
  display:inline-block;
}

.os-icontext{
  margin-top:6px;
  font-size:12px;
  color:#555;
}

/* Estado “seleccionado”: el input está escondido, pero lo controlamos con CSS */
.os-check:checked + .os-iconbox{
  border-color:#00a65a;
  box-shadow:0 0 0 2px rgba(0,166,90,.15);
}