/*
:root{
    --primary: #A233FF;
    --light: #FF33D4;
    --grey: #efefef;
    --fondo: #00FFD4;
    --nav: #CBCBCB;
}
*/
:root{
    --primary: #818181;
    --light: #FF33D4;
    --grey: #efefef;
    --fondo: #00FFD4;
    --nav: #CBCBCB;
    --focus: #F8F10E;
}

.btn-primary:hover{
    background-color: #E84646 !important;
}
.btn-primary:focus{
    background-color: #E84646 !important;
}
.btn-primary:box-shadow{
    background-color: #E84646 !important;
}


.body {

    overflow: hidden;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    color: var(--primary);
}
/*div de toda la pagina */ 
.container-fluid{
    padding-left: 10px;
    padding-right: 10px;
    padding: 0;
    background-color: white; 
}
.navbar-expand-lg{
    padding: auto;
    padding-left: 10px;
    padding-right: 10px;
}
a#ti{
   color: #E84646 !important;
   font-size: 30px;
   text-align: center;
   text-align-last: center;
}
/* menu de la izquierda */
i#i1{
    /*cambia el tama«Šo del icono*/ 
    font-size:35px;

}
a{/* borra el subrayado del enlace */
    text-decoration: none;
    font-weight: bold;
}
div#menuIzquierda{
    margin-top: 0px;
    position: fixed;
    width: 125px;
    height: 100%;
    background-color: #E84646 !important;
    text-align: center;
    text-decoration: none;
}
div#general{
    margin: auto;
    margin-top: 0px;
    width: 100%;
    height: 625px;
}
div#formulario{
    margin: auto;
    margin-top: 20px;
    width:100%;
    height: 555px;    
}
div#formPagos{
    margin-top: 80px;
    float: right;
    width: 1241px;
    color: #000000;   
}
div#clientes{
    margin: auto;
    margin-left: 150px;
    margin-top: 20px;
    height: 100%;
    width:90%;
    color: #000000;   
}
div#titulo{
    font-family: 'Muli', sans-serif;
    color: black;
    text-align: center !important;;
}
h3#ht{
    text-align: right;
}
button#titulo{
    border: 0px;
    background-color: var(--primary); 
}
.customIcon{
    font-size: 100px;
}
/* fotochek */ 
img.fotochek{
  width: 50px;
  height: 50px;
  border:3px solid var(--primary) ;
}
img.fotovoucher{
  border:5px solid var(--primary) ;
}
button#bt{
    background: var(--primary);
    border: 0px;
    float: right;
}
a#btn_edi{
    color: #000000;
    background-color: Transparent;
    border: 0px;
}
button#btn_bor{
    color: #000000;
    background-color: Transparent;
    border: 0px;
}
table#table{
    margin: auto;
    margin-right: 10px;
}
.form-control{
    padding: auto;
    padding-right: 20px;
    padding-left: 20px;
    margin: auto;
    margin-right: 10px;
    margin-left: 10;
}
a#btn1{
    background-color: var(--primary);
    border-color: var(--primary);
}
h3#titu{
    margin: auto;
    margin-top: 0px;
    text-align: center;
    color: var(--primary);
}
table#in_de{
    font-family: 'Muli', sans-serif;
}
.btn{
    background-color: var(--primary);
     border-color: var(--primary);
}
table#pago thead{
    text-align: left;
}
table#pago tbody{
    text-align: center;
}
/* Estilos para los botones de paginacion */
.page-item.active .page-link {
    background-color: var(--primary) !important;
    color: azure !important;
    /* border: 1px solid black; */
}
.page-link {
    color: var(--primary);
    border: var(--primary);
}
/* foto del cliente */ 
img.foto_cli{
  width: 50px;
  height: 50px;
  border:3px solid var(--primary) ;
}
img.imagen{
  width: 500px;
  height: 500px;
  border:3px solid var(--primary) ;
}