*:focus {
    outline: none;
}

body {
    font: 12px/19px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.slidecontainer {
  width: 100%; /* Width of the outside container */
}

/* The slider itself */
.slider {
  /*-webkit-appearance: none;*/  /* Override default CSS styles */
  /*appearance: none;*/
  width: 100%; /* Full-width */
  height: 25px; /* Specified height */
  background: #d3d3d3; /* Grey background */
  outline: none; /* Remove outline */
  opacity: 0.7; /* Set transparency (for mouse-over effects on hover) */
  -webkit-transition: .2s; /* 0.2 seconds transition on hover */
  transition: opacity .2s;
}

/* Mouse-over effects */
.slider:hover {
  opacity: 1; /* Fully shown on mouse-over */
}

/* The slider handle (use -webkit- (Chrome, Opera, Safari, Edge) and -moz- (Firefox) to override default look) */
.slider::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  /*cursor: pointer;*/ /* Cursor on hover */
}

.slider::-moz-range-thumb {
  width: 25px; /* Set a specific slider handle width */
  height: 25px; /* Slider handle height */
  background: #04AA6D; /* Green background */
  cursor: pointer; /* Cursor on hover */
}

/* Imagenes */
.imglogo {
    width: 200px;
    height:auto;
}

/* Tabla */
table {
  width: 100%;
  font-size: 12px;
  /*border:1px solid black;*/
  vertical-align: top;
}
.tabla_odc {
  width: 100%;
  font-size: 12px;
  border:1px solid black;
  vertical-align: top;
  text-align: left;
}
.celda_centro {text-align: center;}
.celda_izquierda {text-align: left;}
.celda_derecha {text-align: right;}
.celda_borde {border:1px solid black;}
.celda_bold {font-weight: bold;}

/* Funciones */
#odc {display: none;}
#bl {display: none;}
#factura {display: none;}
#hds {display: none;}
#cdo {display: none;}
#cda {display: none;}
#pl {display: none;}

/* Footer */
footer  {
  padding:0;
  padding-top: 2em;
  padding-bottom: 2em;
  margin-left: 10%;
  color:rgb(17,17,81);
}
footer a {
  color:rgb(0,51,255);
  text-decoration: none;
}
footer a:hover {color:rgb(3,192,54)}