@import url('https://fonts.googleapis.com/css?family=Sarabun:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i');



body{
  background-color: #f0f6ff;
  margin: 0;
  padding: 0;
  /*font-size: 17px;*/
  font-weight: lighter;
  line-height: 1.5;
  color: #00abea;
  font-family: 'Sarabun', sans-serif;
  background-image: url(https://www.taxislibres.com.co/doc_taxislibres/imag_avales/fondo-inicio.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
ul {
    margin: 0;
    padding: 0px;
    list-style: none;
}
a,
a:hover,
a:focus {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  outline: 0;
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  -ms-transition: all 0.25s ease-out;
  -o-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  outline: 0;
}
h1{
  font-size: 30px !important;
  
  border-bottom: 4px solid #feda00;
  color: #000;
}



.container-fluid{
  margin: 0px auto !important;
  padding: 0px !important;
  position: relative;
  z-index: 1;
}
.container-pagado{
  width: 70%; 
  
  margin: 0px auto !important;
  padding-top:20px !important;
  

}
.container-valor{
  width: 70%; 
  
  margin: 0px auto !important;
  padding-top:20px !important;
  

}
.container-detalles{
  width: 70%; 
  
  margin: 0px auto !important;
  padding-top:20px !important;
  

}
.container-contenido-tablas{
  width: 70%; 
  
  margin: 0px auto !important;
  padding-top:20px !important;
  text-align: center;

}
.logo{
  width: 350px; 
  height: 150px; 
  background: url(http://bimoney.co/imagenes/logo.png) no-repeat;
  margin: 0px auto !important;
  padding: 0px !important;
}

.contenedor-tablas{
  width: 100%; 
  
  margin: 0px auto !important;
  padding: 0px !important;
}
.container{
  float: left; 
  background-color: #dceafe;

    width: 100%;
 padding-right: 0px !important; 
 padding-left: 0px !important; 
    margin-left: auto;


}
.container-footer{
      float: left;
    
    width: 100%;
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-left: auto;
    max-width: 1600px;
    padding-top: 20px;
    padding-bottom: 5px;
}
.container-2{
  float: left; 
  background-color: #f0f6ff;

}
.tablas{

  float: left;
  font-size: 14px;

}
.texto-span {

  float: left;
  font-size: 20px; 
  font-weight: 300;
  color: #00abea;
  
}
.texto-span-inicio {

  float: left;
  font-size: 20px; 
  font-weight: 300;
  color: #fff;
  
}
.texto-span-final {

  float: left;
  font-size: 20px; 
  font-weight: 300;
  color: #fff;
  
}
.inicio-li{
    float: left;
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left: 21px; 
    padding-right: 70px;
    background-color: #00c0ff;
    
    color: #fff; 


}
.contenido-li{
    float: left;
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left: 36px; 
    padding-right: 37px;
    
}

.final-li{
    float: left;
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left: 60px; 
    padding-right: 31px;
    background-color: #00c0ff;
    text-shadow: 2px 2px 5px #8ea2bd;
    color: #fff;

}

.final-li:hover{
  background-color: #84e0fe;

}
.final-li-v2{
    float: left;
    padding-top: 5px; 
    padding-bottom: 5px; 
    padding-left: 60px; 
    padding-right: 31px;
    background-color: #5dd6fe;
    text-shadow: 2px 2px 5px #8ea2bd;
    color: #fff;
  }
.final-li-v2:hover{
  background-color: #84e0fe;

}
.li-codigo{

  float: left;  
  width: 150px; 
  padding-left: 10px; 
  text-align: left; 
  font-weight: 700; 
  font-size: 18px; 
  padding: 10px;
}

.li-nombre{
float: left; 
width: 370px; 
padding-left: 10px; 
text-align: left; 
font-weight: 600; 
font-size: 18px; 
padding: 10px;
}

.li-fecha{

  float: left; 
  width: 120px; 
  padding-left: 10px; 
  text-align: left; 
  font-weight: 300; 
  font-size: 18px; 
  padding: 10px;
}
.li-hora{

  float: left;  
  width: 130px; 
  padding-left: 10px; 
  text-align: left; 
  font-weight: 300; 
  font-size: 18px; 
  padding: 10px;
}
.li-saldo{
  float: left;  
  width: 236px; 
  padding-left: 10px; 
  text-align: left; 
  font-weight: 700; 
  font-size: 19px; 
  background-color: #00c2fa; 
  padding: 9px; 
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px; 
  color: #fff; 
  border-color: #00c2fa;


}