.cancel{
  background-color: #CA0B0B !important;
}
.cancel:hover{
  background-color: #8B0003 !important;
  transition: all 1s ease;
}
.confirm{
  background-color: #619518 !important;
}
.confirm:hover{
  background-color: #4E7713 !important;
  transition: all 1s ease;
}

.colorgris{/*para icono de fecha*/
  color: #818DA2;
}

.ocultar{
  display: none;
}

.width110{
  width: 110px;
}

.puntero{
  cursor: url(skins/cursorx.cur), pointer;
}

#particles-js{
	width: 100%;
	height: auto;
	position: fixed;
}
/*clases para el tooltip de botones de quitar de la tabla detalle*/
.claseTooltip {
  position: relative;     /* Esta clase tiene que ser posición relativa */
  color: #fff;         /* Color de texto */
}
.claseTooltip span {
  text-align: center;
  background: rgba(20, 20, 20, 0.9);
  border: 1px solid #87CEFA;
  border-radius: 5px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.15), 0 0 10px rgba(255,255,255,.15);
  color: #87CEFA;
  display: none;/* El tooltip por defecto estará oculto */
  font-size: 0.8em;
  font-size: 11px;
  padding: 3px 10px 1px 10px;/*para los margenes dentro de la caja*/
  max-width: 6000px;
  position: absolute;  /* El tooltip se posiciona de forma absoluta para no modificar el aspecto del resto de la página */
  top: 10px;  /* Posición a partir de la parte superior del primer elemento madre con posición relativa */
  left: 10px; /* Posición a partir de la parte izquierda del primer elemento padre con posición relativa */
  z-index: 100000000000; /* Poner un z-index alto para que aparezca por encima del resto de elementos */
}
/* El tooltip cuando se muestra */
.claseTooltip:hover span {
  left: -135%;
  top: -150%;
  display: block; /* Para mostrarlo simplemente usamos display block, por ejemeplo */
}
/*para la flecha que uniendo ambos formara la fecha completa*/
.claseTooltip span:after {
  content: "";
  position: absolute;
  bottom: -6px;
  z-index: 100;
  border: 0 solid rgba(20, 20, 20, 0.9);
  border-bottom: 6px solid transparent;
  border-left-width: 5px;
  width: 50%;
  left: 50%;
}
.claseTooltip span:before {
  content: "";
  position: absolute;
  bottom: -6px;
  z-index: 100;
  border: 0 solid rgba(20, 20, 20, 0.9);
  border-bottom: 6px solid transparent;
  border-right-width: 5px;
  width: 50%;
  right: 50%;
}
/*aca termina el codigo del tooltip*/

/*para venta*/
.letras {/*se aplica a cada linea del combo */
  font-family: 'Inconsolata', monospace;/**/
  font-size: 13px;
  /*color:black;/*color de texto si no se pone es de color plomo y se bien tambn*/    
}