@font-face{
  font-family: 'code128';
  src: url(https://www.conosurexclusivas.com/fonts/code128.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
body{
  margin:0;
}
table.tablaCCC{
  width:65%;
  margin:30px auto;
}
a.botones{
  margin-top: 100px;
}
textarea{
  width: 250px;
}
td.centrado{
  text-align:center;
}
td i.icono{
  font-size: 18px;
  color:black;
}
select.crit{
  width: 250px;
}
input#bus{
  width:150px;
}
nav i:hover{
  cursor: pointer;
}
#buscador>i{
  font-size: 25px;
}
p{
  text-align: center;
}
#formCrear{
  padding-top: 25px;

}

table#pagos{
  margin:20px auto;
}

label{
  margin-right: 50px;
  width: 150px;
}
input,select{
  width: 250px;
}
input[name=modo]{
  width: 250px;
}
input.btn {
  width: 130px;
}
div.lineacam{
  height: 2em;
  width: 24em;
}
div.textocam{
  height: 2em;
  width: 22em;
}
div.selectorcam{
  height: 1em;
  width: 2em;
  margin-top: -2em;
  margin-left: 23em;
  position: relative;
}
div#tabla_wrapper{
  width:95%;
  margin: 0 auto;
}
input.plazo{
  width: 60px;
}
select.desactivado{
  background-color:rgb(235, 235, 228);
}
td.columna1, th.columna1{
  width:50%;
}
td.resultados, th.resultados{
  width:16.6666667%;
}
table.derecha th,table.derecha td{
  text-align:right;
}
table.centrado,th.centrado,td.centrado{
  text-align: center;
}
.encabezado{
  font-size:16px;
}
.blanco{
  color:white;
}
.azul{
  background-color: #0099CC;
}
.rojo{
  background-color: red;
}
.gris{
  background-color: grey ;
}
.verde{
  background-color: #669933;
}
.verde2{
  background-color: #336633;
}
.marron{
  background-color: #CC9933;
}
.opcion_lector{
    width: 155px;
    font-size: 18px;
}
/* Animacion de Checkbox */
.material-switch > input[type="checkbox"] {
    display: none;
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative;
    width: 36px;
    left: 3px;
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 30px;
}
.material-switch > label::after {
    background: rgb(255, 0, 0);
    border-radius: 8px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 16px;
    /*left: 1px;*/
    margin-top: -4px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 20px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 10px;
}