/*importar fonts desde un archivo local*/
@font-face{
  font-family: 'Philosopher';
  src: url('../../assets/fonts_googleapis/Philosopher/Philosopher-Regular.ttf') format("truetype");
}

img.redondear {
  /* cambia estos dos valores para definir el tamaño de tu imagen */
  height: 70px;
  width: 70px;
  /* para el borde de tu imagen */
  border-radius: 10%;
  float: left;
  padding: 2px 2px;
}

.cobro{
  width: 100px;
  background-color: #529000;
}
.cobro:hover{
  width: 110px;
  background-color: #4E7713;
  transition: all 1s ease;
  color: #BECCFD;
}

.icono_left{
  float: left;
}

input[type=checkbox] {
  transform: scale(2.9);
}

.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 ejemplo */
}
/*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 ve bien tambn*/    
}
/*para el typehead*/
div .dropdown-menu {
  background: white;
  border-radius: 4px;
  border: 1px solid #0097cf;
  margin-top: 10px;
  max-height: 250px;
  overflow-y: auto;
  width: 95%;
  text-align: left;
}

/*clases para el tooltip para maximizar*/
.claseTooltip_m {
  position: relative;     /* Esta clase tiene que ser posición relativa */
}
.claseTooltip_m:hover {
    color: #87CEFA;
}
.claseTooltip_m 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_m:hover span {
  left: -250%;
  top: -230%;
  display: block; /* Para mostrarlo simplemente usamos display block, por ejemplo */
}
/*para la flecha que uniendo ambos formara la fecha completa*/
.claseTooltip_m span:after {
  content: "";
  position: absolute;
  bottom: -9px;
  z-index: 100;
  border: 0 solid #87CEFA;
  border-bottom: 8px solid transparent;
  border-left-width: 4px;
  width: 50%;
  left: 50%;
}
.claseTooltip_m span:before {
  content: "";
  position: absolute;
  bottom: -9px;
  z-index: 100;
  border: 0 solid #87CEFA;
  border-bottom: 8px solid transparent;
  border-right-width: 4px;
  width: 50%;
  right: 50%;
}
/*aca termina el codigo del tooltip maximixar*/