/*
company: EPIXEL;
Autor: Eduardo Paz Amaya;
Área: SISTEMAS;
Año:2023;
*/
/*/@import url('https://fonts.googleapis.com/css?family=Cairo');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
/*@font-face {
  font-family: Mont;
  src: url("../font/MontBlancTrialThin.ttf");
  ondas https://www.youtube.com/watch?v=ZvgaSmLuIAQ
  https://www.mlgdiseno.es/los-10-mejores-generadores-de-css/
  https://www.google.com/search?q=illustrator%20en%20laptop%20vector&tbm=isch&hl=es&tbs=rimg:CbyX0GZqXfycYfj8hCgyNOSzsgIMCgIIABAAOgQIABAAwAIA&bih=789&biw=1440&rlz=1C1ONGR_esPE1014PE1014&sa=X&ved=0CBwQuIIBahcKEwjI87OzjfD-AhUAAAAAHQAAAAAQHg#imgrc=oIcVpCCUlXQBwM
}*/
*{
    padding: 0;
    margin: 0;
    //font-family: 'Cairo', sans-serif;
    font-family: 'Poppins', sans-serif;
}
body{
    width: 100%;
    height: 100vh;
    display: block;
    float: left;
    //background: rgb(2,61,119);
    //background: linear-gradient(48deg, rgb(157 0 207) 0%, rgb(0 249 205) 100%);
    //background:linear-gradient(12deg, rgb(113 230 255) 0%, rgb(0 64 255) 100%);
    //background-color:#5747d4;
    //background: linear-gradient(151deg, #789cf9 0%, #1601b7 100%);
    background: linear-gradient(344deg, #3196a4 0%, rgb(0 249 205) 100%);
    background-repeat: no-repeat;
    background-size: 100%;
 }
 .body-login-content{
 	width: 100%;
 	display: block;
 	float: left;
 	padding: 50px;
 	box-sizing: border-box;
 }
 .body-blur{
 	width: 80%;
 	height: 85vh;
 	position: absolute;
 	display: block;
 	float: left;
 	/*backdrop-filter: blur(3px);*/
 	z-index: -1;
 	background-image: url(../img/slider/vlavab.png);
 	background-repeat: no-repeat;
    background-size: 45%;
    background-position: 10% 50%;
    background-color: white;
    border-radius: 50px;
    /*background-size: cover;
    animation: animacion-back-rotar 45s infinite;
    opacity: 0.4;*/
 }
@keyframes cd-pulso-input
{
0%  {box-shadow:0 0 0 0 #0487C4}
100%{box-shadow:0 0 0 20px rgba(4,135,196,0)}
}
@keyframes cd-pulso-expor
{
0%  {box-shadow:0 0 0 0 #00D8A3}
100%{box-shadow:0 0 0 20px rgba(0,216,163,0)}
}
@keyframes cd-pulso-red
{
0%  {box-shadow:0 0 0 0 #dc7329}
100%{box-shadow:0 0 0 20px rgba(7,229,158,0)}
}
@keyframes cd-flecha
{
0%  {opacity: 0.2;}
100%{opacity: 1;}
}
.box-menu{
	width:100%;
	display: block;
	float: left;
	box-sizing: border-box;
	position: absolute;
	/*//background: white;
	//border-bottom: 1px solid gray;
	//padding: 5px;
	z-index: 999999999999999;
	//backdrop-filter: blur(10px);
    //-webkit-backdrop-filter: blur(10px);
    //background-color: rgba(255, 255, 255, 0.3);
    //position: fixed;*/
}
.box-menu-logo{
	width:70%;
	display: block;
	float: left;
	text-align: left;
	padding: 10px;
	padding-left: 12%;
	padding-top: 25px;
	box-sizing: border-box;	
}
.box-menu-logo img{
	width:13%;
	display: block;
	float: left;
	margin-right: 10px;
}
.box-menu-opciones{
	width: 280px;
	height: 100%;
	display: block;
	float: left;
	position: fixed;
	background: white;
	z-index: 9999999999999999999999999999;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.3);
	left: -100%;
	text-align:center;
	//border-radius: 10px;
}
#close-menu{
	width: 100%;
    position: relative;
    display: block;
    float: left;
    text-align: right;
    cursor: pointer;
    margin-bottom: 20px;
}
#open-menu{
	width: 48px;
    //position: relative;
    display: none;
    float: left;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    background: white;
    color: black;
    padding: 7px;
    box-sizing: border-box;
    border-radius: 50px;
    box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.3);
    cursor: pointer;
    margin-top:-33px;
    right: 36px;
    //top: 10px;
    position: fixed;
    z-index: 99999999999999999;
}
#open-menu:hover{
	background: white;
	color: black;
}
.box-menu-opciones nav{
	width:100%;
	display: block;
	float: left;
	margin-top: 50px;
	//height:78%;
}
.box-menu-opciones ul{
	width:100%;
	display: block;
	float: left;
}
.box-menu-opciones ul li{
	width:100%;
	display: block;
	float: left;
}
.box-menu-opciones ul li a{
	width:100%;
	display: block;
	float: left;
	text-decoration: none;
	color: #030152;
	font-size: 13px;
	text-align: left;
	padding: 10px;
	box-sizing: border-box;
}
.box-menu-opciones ul li a i{
	font-size: 14px;
	margin-right: 15px;
}
.box-menu-opciones ul li a:hover{
	background: #f5f7f6;
	color: #003399;
	font-weight: bold;
	border-radius:5px;
	//border-bottom: 3px solid blue;
}
#action{
	border-bottom: 3px solid blue;
}
.box-menu-opciones img{
	width:25%;
}
.box-menu-opciones footer{
	width:100%;
	display: block;
	float: left;
	text-decoration: none;
	color: #003399;
	font-size: 10px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	//background: #f5f7f6;
	border-radius: 5px;
	font-weight: bold;
	margin-top: 20px;
	letter-spacing:1px;
}
.box-menu-redes{
	width: 140px;
	display: block;
	float: left;
	//margin-top: -70px;
	//backdrop-filter: blur(10px);
    //-webkit-backdrop-filter: blur(10px);
    //background-color: rgba(255, 255, 255, 0.3);
}
.box-menu-redes-b{
	width: 60%;
	margin: 0px auto;
}
.menu-redes-titu{
	width: 100%;
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
	color: white;
	//background: white;
	padding: 5px;
	box-sizing: border-box;
	font-weight: normal;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.menu-redes{
	width: 100%;
	display: flex;
	float: left;
	justify-content: space-between;	
}
.menu-redes i{
	width: 28.5%;
	display: block;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 30px;
	border: 1px solid white;
	//box-shadow: 5px 5px 7px 0px rgba(143,143,143,0.3);
	text-align: center;
	//margin-right: 5px;
	//background: white;
	color: white;
	font-size: 18px;
	justify-content: center;
	cursor: pointer;
}
.cant-corazon{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-top: 7px;
	color: white;
	//background: white;
	border-radius: 10px;
	box-sizing: border-box;
}
/*------SISTEMA EQMED----*/
.box-index{
	width: 100%;
	display: flex;
	float: left;
	justify-content: center;
}
.box-img-index{
	width: 300px;
	display: block;
	float: left;
	margin-top:5%;
	padding: 20px;
	box-sizing: border-box;
}
.box-img-A{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
.box-tit-index{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	font-size: 14px;
	color: white;
	margin-bottom: 15px;
}
.box-img-A img{
	width: 50%;
}
.box-input-sesion{
	width: 100%;
	display: block;
	float: left;
}
.box-input-sesion input{
	width: 100%;
	display: block;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid white;
	border-radius: 5px;
	margin-bottom: 10px;
	outline-color: blue;
}
#user_user{
	background-image: url('../img/icon/person.svg');
	background-position: 10px 13px;
    background-repeat: no-repeat;
	padding-left: 35px;
}
#user_pass{
	background-image: url('../img/icon/shield-lock.svg');
	background-position: 10px 13px;
    background-repeat: no-repeat;
	padding-left: 35px;
}
#box-mensaje-sistema{
	width: 100%;
	display: flex;
	float: left;
	text-align: center;
	justify-content: center;
}
#box-subtitulo{
	width: 100%;
	display: block;
	float: left;
	color: white;
}
#btn-session{
	width: 100%;
	display: block;
	float: left;
	background: blue;
	color: white;
	font-size: 13px;
	text-align: center;
	box-shadow: none;
	border: none;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
	font-weight: bold;
	cursor: pointer;
}
#btn-session:hover{
	background: darkviolet;
	color: white;
	transition: 0.5s;
}
#box-subtitulo{
	width: 100%;
	display: block;
	float: left;
	color: white;
}
#btn-session{
	width: 100%;
	display: block;
	float: left;
	background: blue;
	color: white;
	font-size: 13px;
	text-align: center;
	box-shadow: none;
	border: none;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
	font-weight: bold;
	cursor: pointer;
}
#btn-session:hover{
	background: darkviolet;
	color: white;
	transition: 0.5s;
}
.box-cuerpo{
	width: 100%;
	display: block;
	float: left;
	/*background: rgb(2,61,119);
    background: linear-gradient(48deg, rgba(0,15,74,1) 0%, rgba(0,101,83,1) 100%);
    background: linear-gradient(48deg, rgb(157 0 207) 0%, rgb(0 249 205) 100%);
    height: 100vh;
    fill-change: filter;*/
}
.titulo-usuario{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: white;
	margin-top:100px;
	margin-bottom: 20px;	
}
.titulo-usuario span{
	background: blue;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding: 5px;
	box-sizing: border-box;
	text-transform: capitalize;
	box-shadow: 3px 10px 14px 1px rgba(00,00,00,0.2);
}
.titulo-principal{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	color: white;
}
.box-opciones-sis{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 50px;
	box-sizing: border-box;
	top: 35%;
	position: absolute;
}
.item-opcion-sis{
	width: 16%;
	display: block;
	float: left;
	background: none;
	padding: 40px;
	box-sizing: border-box;
	border-radius:100%;
	text-align: center;
	cursor: pointer;
	margin-right: 15px;
	/*border: 4px solid white;*/
}
.item-opcion-sis i{
	text-align: center;
	font-size: 60px;
	color: white;	
}
.item-opcion-sis span{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	color: white;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.item-opcion-sis:hover{
	transform: scale(1.2);
	transition: 1s;
}
.item-opcion-sis:hover > i{
	background: -webkit-linear-gradient(#03a4ff, #042e91);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.btn-cerrar-sesion{
	width: 120px;
	display: block;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background: orangered;
	position: absolute;
	right: 20px;
	border-radius: 30px;
	color: white;
	font-size: 13px;
	margin-top: 0px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
	cursor: pointer;
}
.btn-cerrar-sesion:hover{
	background: white;
	color: gray;
}
footer{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	color: white;
	background: none!important;
	position: absolute;
	bottom: 10%;
}
.footer-principal footer{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	font-size: 11px;
	color: white;
	background: none!important;
	position: absolute;
	bottom: 10%;
}
.box-pagos{
	width: 60%;
	height: 105vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0;
	box-sizing: border-box;
	position: absolute;
	background: #f5f5f5;
	border-radius: 0px;
	/*z-index: 9999999999999999999999999999;*/
	left: -100%;
}
.box-pagos .seccion-A-pago{
	position: absolute;
	width: 38%;
}
.titulo-modal{
	width: 70%;
	display: block;
	float: right;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.titulo-modal small{
	font-weight: normal!important;
	font-size: 12px;
}
#close-modal{
	position: absolute;
	font-size: 20px;
	font-weight: bold;
	text-align: right;
	right: 10px;
    top: 5px;
	z-index: 999999999999999999999999999999999999999999;
}
.seccion-B-pago{
	width: 70%;
	height: 80vh;
	display: block;
	float: right;	
}
.item-pago{
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 10px;
}
.item-pago select,
.item-pago input{
	width: 24.5%;
	display: block;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid #d5d3d3;
	//margin-left: 5px;
}
.titulo-item{
	width: 100%;
	display: block;
	float: left;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	margin-bottom: 5px;
}
.titulo-item img{
	width: 30%;
}
.box-distr select,
.box-distr input{
	width: 30%;
	margin-right: 0px!important;
	//text-transform: lowercase!important;
}
#btn-add{
	background: #0066ff;
	width:auto;
	color: white!important;
	font-size: 10px;
	font-weight: bold;
	border: none;
	padding: 10px;
	border-radius: 5px;
	float: right;
	box-sizing: border-box;
}
#btn-eli{
	background: orangered;!important;
	width:auto;
	color: white!important;
	font-size: 10px;
	font-weight: bold;
	border: none;
	padding: 10px;
	border-radius: 5px;
	float: right;
	box-sizing: border-box;
	margin-right: 5px;
}
.box-distr{
	width: 100%;
	display: flex;
	float: left;
	justify-content: space-between;
}
#input-buscar-cliente{
	width: 100%;
	display: block;
	float: left;
}
.tipdoctribu{
	width: 40%!important;
	float: right!important;
	display: flex;
	justify-content: space-between;
	border: 1px solid #cfcfcf;
	border-radius:5px;
	padding:10px;
	box-sizing: border-box;
}
.opcionesPag{
	width: 32%!important;
	float: left!important;
	display: flex;
	justify-content: space-between;
	border-radius:5px;
	padding:10px;
	box-sizing: border-box;
}
.opcionesPag i{
	font-size: 20px;
	border-radius: 100%;
	/*border: 1px solid #d5d3d3;*/
	padding: 5px;
	box-sizing: border-box;
	height: 40px;
	width: 40px;
	text-align: center;
	background: white;
	box-shadow: 5px 5px 14px 1px rgba(00,00,00,0.2)
}
.opcionesPag i:hover{
	transition: 0.3s;
	cursor: pointer;
	color: blue;
	font-weight: bold;
	animation: cd-pulso-expor 1s infinite;
}
.tipdoctribu input,select{
	width: 31%!important;
	margin-right: 0!important;
}
table{
    border-collapse: 
    collapse; margin: 25px 0; 
    font-size: 1em; 
    min-width: 100%;
    display: block;
    float: left;
}
table thead{
    /*width: 150%;
    display: table;
    float: left;*/
}
table tbody{
	max-width: 100%;
}
table thead tr {
	background-color: white; 
	color: blue; 
	text-align: center; 
}
table thead tr th {
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #ebebeb;
    text-align: center;
}
table tbody tr {
	text-align: center; 
    margin-bottom: 5px;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
}
table tbody tr th,
table tbody tr td{
    font-size: 11px;
    text-align: left;
    text-transform: uppercase;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background-color: white;
}
table tbody tr:hover {
    color: blue;
    background: #efefff!important;
}
table tbody tr td i {
    color: black;
    cursor: pointer;
    font-size: 16px;
    padding: 3px;
    box-sizing: border-box;
}
table tbody tr th i {
    color: black;
    cursor: pointer;
    font-size: 15px;
    padding: 3px;
    box-sizing: border-box;
}
table tbody tr td span{
	background: none;
	color: none;
	padding: 2px;
	box-sizing: border-box;
	border-radius:5px;
	font-weight: bold;
	width: 75px;
	display: block;
	text-align: center;
	font-size: 9px!important;
	width: 85px;
}
table tbody tr td span i{
	color: white;
}
.TablaReimpresion th{
	padding-left: 3px;
	box-sizing: border-box;
}
#pago_total{
	color: green;
}
.tabla-titulo{
	text-align: center!important;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	//color: #0202a5!important;
	//font-weight: normal!important;
	text-transform: capitalize!important;
}
.tabla-titulo i{
	font-size: 20px!important;
	text-align: right!important;	
	color: black!important;
	background: -webkit-linear-gradient(#fb6969,#69028b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.box-list-reg .tabla-titulo{
	margin-bottom: 30px;
}
.box-btn-pago{
	width: 100%;
	display: flex;
	float: left;
	justify-content: right;
}
#btn-pago-pen{
    width: 100px!important;
	background: #575757;
	border: none;
	color: white!important;
	font-size: 11px;
	font-weight: bold;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 5px;
}
#btn-pago{
	background: #00a884;
	width:auto;
	color: white!important;
	font-size: 10px;
	font-weight: bold;
	border: none;
	padding: 10px;
	border-radius: 5px;
	float: right;
	box-sizing: border-box;
}
.box-list-pagos-pend{
	width: 100%;
	height:75vh;
	display: block;
	float: left;
	padding: 10px;
	padding-top:20px;
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: scroll;
}
.item-pago-pen{
	width: 100%;
	display: block;
	float: left;
	padding: 15px;
	box-sizing: border-box;
	background: white;
	margin-bottom: 5px;
}
.item-pago-pen i{
	font-size: 13px;
}
.item-pago-pen small{
	width: auto;
	display: block;
	float: left;
	font-size: 10px;
	font-weight: bold;	
}
.item-pago-pen span{
	width: auto;
	display: block;
	float: right;
	font-size: 10px;
	text-align: right;
	//background: #f3f3f3;
	font-weight: bold;
}
.p-cliente{
	width: 100%;
	display: flex;
	float: left;
	border: 1px solid #d3d1d1;
    border-radius: 3px;
    padding: 3px;
    box-sizing: border-box;
    margin-bottom: 3px;
    justify-content: space-between;
}
.p-colabor{
	width: 100%;
	display: flex;
	float: left;
	border: 1px solid #d3d1d1;
    border-radius: 3px;
    padding: 3px;
    box-sizing: border-box;
    margin-bottom: 3px;
    justify-content: space-between;
}
.p-tmontos{
	width: 100%;
	display: flex;
	float: left;
	border: 1px solid #d3d1d1;
    border-radius: 3px;
    padding: 3px;
    box-sizing: border-box;
    margin-bottom: 3px;
    justify-content: space-between;
}
.atendido{
	width: 100%!important;
	float: right!important;
}
.atendido select{
	width: 100%!important;
	margin-left: 0!important;
}
.seccion-A-pago{
	width: 28%;
	height: 100vh;
	display: block;
	float: left;
	top: 0;
	position: absolute;
	background: white;
	z-index: 99;
    //box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.9);
    //box-shadow: 10px 10px 20px #bebebe, -20px -20px 60px #ffffff;
}
.box-cliente{
	width: 100%;
	height: 100vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	background: white;
	border-radius: 0px;
	z-index: 9999999999999999999999999999;
	left: -100%;
	background: #f5f5f5;
}
.box-cliente .seccion-C-pago .tabla-titulo {
    width: 100%;
    background: white;
    border-radius: 5px;
    font-weight: normal;
    margin-bottom: 10px;
}
.seccion-C-pago{
	width: 71%;
	height: 80vh;
	display: block;
	float: right;
	padding-left: 30px;
	box-sizing: border-box;
}
/*.box-cliente .item-pago table{
    width: 100%;
    font-size: 1em;
    min-width: 100%;
    display: block;
    float: left;
}
.box-cliente .item-pago table thead{
}
.box-cliente .item-pago table tbody{
	max-width: 100%;
    height: 300px;
}
.box-cliente .item-pago table thead tr {
    background-color: white;
    color: blue;
    text-align: center;
}
.box-cliente .item-pago table thead tr th {
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #ebebeb;
    text-align: center;
}
.box-cliente .item-pago table tbody tr {
    text-align: center;
    margin-bottom: 5px;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
}
.box-cliente .item-pago table tbody tr th{
	font-size: 10px;
    text-align: left;
    text-transform: uppercase;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background-color: white;
}*/
.box-cliente .item-pago table tbody tr th i:hover {
    color: blue;
}
.box-cliente .item-pago table tbody tr th i {
    color: gray;
    cursor: pointer;
    font-size: 13px;
    width: 17px;
    height: 13px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 100%;
}
.box-cliente .item-pago table tbody tr th span{
	background: #00a884;
	color: white;
	padding: 2px;
	box-sizing: border-box;
	border-radius:5px;
	font-weight: bold;
	width: 75px;
	display: block;
	text-align: center;
	font-size: 9px!important;
	width: 85px;
}
.box-cliente .item-pago table tbody tr th span i{
	color: white;
}
#box-btn-cliente input{
	margin-right: 5px;
}
.box-list-reg{
	width: 100%;
	height:90vh;
	display: block;
	float: left;
	padding: 20px;
	padding-top: 0;
	box-sizing: border-box;
	//border-right: 1px solid gray;
}
.box-list-reg .box-distr select,
.box-list-reg .box-distr input{
	width: 100%!important;
	margin-right: 0px!important;
	margin-left: 0px!important;
}
.box-list-reg .box-distr input::placeholder{
	font-size: 10px;
	opacity: 0.7;
}
.sombre{
	/*box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.1);*/
}
.box-producto{
	width: 100%;
	height: 130vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	background: white;
	border-radius: 0px;
	z-index: 9999999999999999999999999999;
	left: -100%;
	background: #f5f5f5;
}
.box-producto .seccion-C-pago .tabla-titulo {
    width: 85%;
    background: white;
    border-radius: 5px;
    font-weight: normal;
    margin-bottom: 0;
}
.box-producto .seccion-A-pago {
    background: white!important;
    height: 130vh;
}
#box-btn-item input{
	margin-right: 5px;
}
/*.box-producto .item-pago table{
	font-size: 1em;
    min-width: 100%;
    display: block;
    float: left;
}
.box-producto .item-pago table thead{
}
.box-producto .item-pago table thead tr {
    background-color: white;
    color: blue;
    text-align: center;
}
.box-producto .item-pago table thead tr th {
    font-weight: bold;
    font-size: 11px;
    border: 1px solid #ebebeb;
    text-align: center;
}
.box-producto .item-pago table tbody{
	max-width: 100%;
    height: 300px;
}
.box-producto .item-pago table tbody tr {
    text-align: center;
    margin-bottom: 5px;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
}
.box-producto .item-pago table tbody tr th{
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background-color: white;
}*/
.box-producto .item-pago table tbody tr th i:hover {
    color: blue;
}
.box-producto .item-pago table tbody tr th i {
    color: gray;
    cursor: pointer;
    font-size: 13px;
    width: 17px;
    height: 13px;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 100%;
}
.box-procedencia,
.box-marca{
	width: 23%;
	height: 100vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	background: white;
	border-radius: 0px;
	z-index: 9999999999999999999999999999;
	left: -100%;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
#box-btn-marca input{
	margin-right: 5px;
}
.box-marca .seccion-A-pago,
.box-procedencia .seccion-A-pago{
	width: 100%;
	height: auto!important;
	display: block;
	float: left;
	top: 0;
	position: absolute;
	background: #fcffe1;
    //box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.9);
    //box-shadow: 10px 10px 20px #bebebe, -20px -20px 60px #ffffff;
}
.box-marca .box-list-reg,
.box-procedencia .box-list-reg{
	height: auto!important;
}
.box-marca .procedencia,
.box-marca .marcaTabla{
	padding: 20px;
	box-sizing: border-box;
}
/*.box-marca .item-pago table tbody{
	width: 100%;
	height: 40vh;
	display: block;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
}
.box-marca .item-pago table thead tr th{
	width: 100%;
	display: block;
	float: left;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box-marca .item-pago table tbody tr {
    width: 100%!important;
    justify-content: left!important;
    background: white;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.box-marca .item-pago table tbody tr th{
	width: 100%;
	display: block;
	float: left;
    font-size: 10px!important;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
    font-weight: bold;!important;
}*/
.box-marca .item-pago table tbody tr th i:hover {
    color: blue;
}
.box-marca .item-pago table tbody tr th i {
    color: gray;
    cursor: pointer;
    font-size: 13px;
    width: 17px;
    height: 13px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 100%;
}
.btn-marca{
	width: auto!important;
	padding: 10px!important;
	box-sizing: border-box!important;
}
.btn-cance{
	width: auto!important;
	padding: 10px!important;
	box-sizing: border-box!important;
	background: #cb0142!important;
}
#btn-modal-marca{
	color:green!important;
	animation: cd-pulso-expor 1s infinite;
	border-radius: 100%;
	font-size: 15px;
	position: absolute;
	margin-top: -5px;
	margin-left: 5px;
}
#buscarItem,#buscarEmpresa,#buscarPersona,#buscarCaja{
	width: 100%;
	margin-left: 0!important;
	outline-color: #b9b9ff;
	background-image: url('../img/icon/search.svg');
	background-position: 15px 14px;
    background-repeat: no-repeat;
    background-size: 13px;
    padding: 10px;
    padding-left: 42px;
    box-sizing: border-box;
}
.box-empresa{
	width: 100%;
	height: 100vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	background: white;
	border-radius: 0px;
	z-index: 9999999999999999999999999999;
	left: -100%;
	background: #f5f5f5;
}
.box-empresa .seccion-A-pago {
    background: white!important;
}
.box-empresa .seccion-C-pago .tabla-titulo {
    width: 100%;
    background: white;
    border-radius: 5px;
    font-weight: normal;
    margin-bottom: 10px;
}
#box-btn-empr input{
	margin-right: 5px;
}
/*.box-empresa .item-pago table{
	width: 100%;
	display: block;
	float: left;
}
.box-empresa .item-pago table thead{
	width: 100%;
	display: block;
	float: left;	
}
.box-empresa .item-pago table thead tr{
	width: 100%;
	display: flex;
	float: left;
	justify-content: space-between;
	border-top: none;	
	box-sizing: border-box;
	padding-top: 7px!important;
    padding-bottom: 7px!important;
    border-bottom: 1px solid #dddddd;
    justify-content: left!important;
    background: white;
}
.box-empresa .item-pago table tbody{
	width: 100%;
	height: 40vh;
	display: block;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	border-bottom: none!important;
}
.box-empresa .item-pago table thead tr th{
	width: 25%;
	display: block;
	float: left;
    font-size: 11px;
    text-align: left;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none!important;
    color: #0202a5;
}
.box-empresa .item-pago table tbody tr {
    width: 100%!important;
    justify-content: left!important;
    background: white;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.box-empresa .item-pago table tbody tr th{
	width: 25%;
    display: block;
    float: left;
    font-size: 10px!important;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    //color: black;
    font-weight: normal!important;
    text-transform: uppercase;
}*/
.box-empresa .item-pago table tbody tr th i:hover {
    color: blue;
}
.box-empresa .item-pago table tbody tr th i {
    color: gray;
    cursor: pointer;
    font-size: 17px;
    width: 17px;
    height: 13px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 100%;
}
.box-sucursal{
	width: 23%;
	height: 100vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	background: white;
	border-radius: 0px;
	z-index: 9999999999999999999999999999;
	left: -100%;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
.box-sucursal .seccion-A-pago{
	width: 100%;
	height: auto!important;
	display: block;
	float: left;
	top: 0;
	position: absolute;
	background: #fcffe1;
    //box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.9);
    //box-shadow: 10px 10px 20px #bebebe, -20px -20px 60px #ffffff;
}
.box-sucursal .box-list-reg{
	height: auto!important;
}
.box-sucursal .marcaTabla{
	padding: 20px;
	box-sizing: border-box;
}
#box-btn-sucursal{
	margin-right: 5px;
}
/*.box-sucursal .item-pago table tbody{
	width: 100%;
	height: 40vh;
	display: block;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
}
.box-sucursal .item-pago table thead tr th{
	width: 100%;
	display: block;
	float: left;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box-sucursal .item-pago table tbody tr {
    width: 100%!important;
    justify-content: left!important;
    background: white;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    background: white;
}
.box-sucursal .item-pago table tbody tr th{
	width: 100%;
    display: block;
    float: left;
    font-size: 10px!important;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    //color: black;
    font-weight: normal!important;
    text-transform: uppercase;
}*/
.box-sucursal .item-pago table tbody tr th i:hover {
    color: blue;
}
.box-sucursal .item-pago table tbody tr th i {
    color: gray;
    cursor: pointer;
    font-size: 13px;
    width: 17px;
    height: 13px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 100%;
}
.box-persona{
	width: 100%;
	height: 105vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	background: white;
	border-radius: 0px;
	z-index: 9999999999999999999999999999;
	left: -100%;
	background: #f5f5f5;
}
#box-btn-persona input{
	margin-right: 5px;
}
.box-persona .seccion-A-pago {
    background: white;
}
.box-persona .seccion-C-pago .tabla-titulo {
    width: 100%;
    background: white;
    border-radius: 5px;
    font-weight: normal;
    margin-bottom: 10px;
}
/*.box-persona .item-pago table{
	width: 100%;
	display: block;
	float: left;
	overflow-x: scroll;
}
.box-persona .item-pago table thead{
	width: 148%;
	display: block;
	float: left;
}
.box-persona .item-pago table tbody{
	width: 150%;
	height: 30vh;
	display: block;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	border-top: none;
}
.box-persona .item-pago table thead tr {
    justify-content: left!important;
    background: white;
    //#eff4ff: ;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    border-bottom: 1px solid #dddddd;
    box-sizing: border-box;
}
.box-persona .item-pago table thead tr th {
    text-align: left;
    padding-left: 9px;
    font-weight: bold;
    color: #0202a5;
    font-size: 10px;
    border: none;
}
.box-persona .item-pago table tbody tr {
    width: 100%!important;
    justify-content: left!important;
    background: white;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 0;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.box-persona .item-pago table tbody tr th {
    width: 25%;
    display: block;
    float: left;
    font-size: 10px!important;
    text-align: left;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 10px;
    //color: black;
    font-weight: normal!important;
    text-transform: uppercase;
}*/
.box-persona .item-pago table tbody tr th i:hover {
    color: blue;
}
.box-persona .item-pago table tbody tr th i {
    color: gray;
    cursor: pointer;
    font-size: 16px;
    width: 17px;
    height: 13px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 100%;
}
.box-persona .item-pago table tbody tr th span{
	background: #00a884;
	color: white;
	padding: 2px;
	box-sizing: border-box;
	border-radius:5px;
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: 11px!important;
	width: auto;
}
.box-persona .item-pago table tbody tr th span i{
	color: white;
	font-size: 11px;
}
.box-permisis{
	width: 25%;
	height: auto!important;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	border-radius: 0px;
	left: -100%;
	top: 10%;
	z-index: 9999999999999999999999999999;
	//left: -100%;
}
.box-permisis .box-list-reg{
	height: auto!important;
	padding: 30px;
}
.box-permisis .seccion-A-pago{
	width: 100%;
	height: auto;
	display: block;
	float: left;
	top: 0;
	position: absolute;
	background:white;
	border-radius: 10px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
    //box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.9);
    //box-shadow: 10px 10px 20px #bebebe, -20px -20px 60px #ffffff;
}
.box-permisis .box-input{
	width: 100%;
	margin-top:7px;
	background:#ecf5ff;
	padding:3px;
	box-sizing:	border-box;
	border-radius:5px;
	margin-bottom: 3px;
	cursor: pointer;
	float: right;
	margin-top: 0;
	display: flex;
    align-items: center;
}
.box-permisis .box-input i{
	padding-left: 10px;
	font-size: 12px;
}
.box-permisis .check-input{
	font-size:11px;width:100%;
	font-weight: bold;
	text-align: center;
	color: #01016c;
	text-align: left;
	padding-left: 10px;
	box-sizing: border-box;
}
.box-permisis .tabla-titulo small{
	background: #fff4cf;
	font-size: 10px;
	padding: 5px;
	box-sizing: border-box;
	text-transform: none!important;
}
.box-input{
	width: 100%;
	margin-top:7px;
	background:#fde596;
	padding:3px;
	box-sizing:	border-box;
	border-radius:5px;
	cursor: pointer;
	float: right;
	margin-top: 0;
}
.check-input{
	font-size:11px;width:100%;
	font-weight: bold;
	text-align: center;
}
.sel_opcion,
#sel_opcion{
	width:10%!important;margin-top:7px;
}
table tr{
	align-items: center;
}
.box-caja{
	width: 100%;
	height: 100vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	border-radius: 0px;
	z-index: 9999999999999999999999999999;
	left: -100%;
	background: #f5f5f5;
}
.box-caja .seccion-A-pago{
	background: white;
}
#box-btn-caja input{
	margin-right: 5px;
}
.box-caja .titulo-modal{
	width: 100%;
	/*background: white;
	border-radius: 5px;
	//margin-bottom: 10px;*/
}
.box-datos-descr{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
	margin-bottom: 15px;
}
.Cant-reg{
	width: auto;
	display: block;
	float: left;
	padding: 11px;
	box-sizing: border-box;
	font-size: 13px;
	text-align: center;
	border-radius: 5px;
	background: #fde596;
    color:white;
    color: black;
}
.Cant-reg small{
	font-size: 10px!important;
}
.box-caja .seccion-C-pago .tabla-titulo{
	width: 85%;
	background: white;
	border-radius: 5px;
	font-weight: normal;
	margin-bottom: 0;
}
.box-caja .seccion-C-pago .tabla-titulo i{
	font-size: 10px!important;
}
.box-caja #buscarCaja{
	width: 30%;
	float: right;
	border: white;
}
/*.box-caja .item-pago table{
	width: 100%;
	display: block;
	float: left;
	overflow-x: hidden;
}
.box-caja .item-pago table thead{
	width: 100%;
	display: block;
	float: left;
	//padding-left: 10px;
	//box-sizing: border-box;
	//background: #d6e8ff;
}
.box-caja .item-pago table tbody{
	width: 100%;
	height: 40vh;
	display: block;
	float: left;
	//background: #eff4ff;
	overflow-x: hidden;
	overflow-y: auto;
	border-top: none;
	//padding-left: 10px;
	//box-sizing: border-box;
	/*border-bottom: 1px solid gray;*/
}
/*.box-caja .item-pago table thead tr{
	justify-content: left!important;
	background: white;//#eff4ff;
	padding-top: 5px!important;
    padding-bottom: 5px!important;
    border-bottom: 1px solid #dddddd;
}
.box-caja .item-pago table thead tr th{
	text-align: left;
    padding-left: 9px;
    font-weight: bold;
    color: #0202a5;
    font-size: 10px;
    border: none!important;
}
.box-caja .item-pago table tbody tr{
	width: 100%!important;
	justify-content: left!important;
	background: white;
	//border-radius: 5px;
	border-bottom: 1px solid #dddddd;
	margin-bottom:0;
	padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.box-caja .item-pago table tbody tr th{
	width: 25%;
	display: block;
	float: left;
    font-size: 10px!important;
    text-align: left;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 10px;
    //color: black;
    font-weight: normal!important;
    text-transform: uppercase;
}*/
.box-caja .item-pago table tbody tr th i{
	color:blue;
	//background: white;
	cursor: pointer;
	font-size: 19px!important;
	width: 13px;
	height: 13px;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 100%;
	//border-bottom: 1px solid gray;
}
.box-caja table tbody tr th i:hover{
	color: blue;
}
.box-caja .item-pago table tbody tr th span{
	background: #00a884;
	color: white;
	padding: 2px;
	box-sizing: border-box;
	border-radius:5px;
	font-weight: bold;
	width: 75px;
	display: block;
	text-align: center;
	font-size: 9px!important;
}
.box-caja .item-pago table tbody tr th span i{
	color: white;
}
.box-CajaDetalle{
	width: 31%;
	height: 100vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	background: white;
	border-radius: 0px;
	z-index: 9999999999999999999999999999;
	left: -100%;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
.box-CajaDetalle .seccion-A-pago{
	width: 100%;
	height: auto!important;
	display: block;
	float: left;
	top: 0;
	position: absolute;
	background: #fcffe1;
    //box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.9);
    //box-shadow: 10px 10px 20px #bebebe, -20px -20px 60px #ffffff;
}
.box-CajaDetalle .box-list-reg{
	padding-bottom: 0;
	height: auto!important;
}
.box-CajaDetalle .marcaTabla{
	padding: 20px;
	box-sizing: border-box;
}
#box-btn-CajaDet input{
	margin-right: 5px;
}
/*.box-CajaDetalle .item-pago table tbody{
	width: 100%;
	height: 30vh;
	display: block;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	border:none;
}
.box-CajaDetalle .item-pago table thead tr th{
	width: 100%;
	display: block;
	float: left;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box-CajaDetalle .item-pago table thead tr{
	border-bottom: 1px solid #dddddd;
}
.box-CajaDetalle .item-pago table tbody tr{
	background: white;
	border-bottom: 1px solid #dddddd;
}
.box-CajaDetalle .item-pago table tbody tr th{
	width: 100%;
	display: block;
	float: left;
    font-size: 12px!important;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
    font-weight: normal;
    padding-left: 0px;
}*/
.box-CajaDetalle .item-pago table tbody tr th i{
	color: gray;
	cursor: pointer;
	font-size: 14px;
}
.box-CajaDetalle .item-pago table tbody tr th i:hover{
	color: blue;
}
.btn-CajaDetalle{
	width: auto!important;
	padding: 10px!important;
	box-sizing: border-box!important;
}
.tablaTalonario{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0;
	box-sizing: border-box;
}
.box-asig-persTalonario .tablaTalonario{
	padding-left: 0px;
	padding-right: 0px;
	box-sizing: border-box;
}
.box-asig-persTalonario{
	width: 28%;
	height: auto!important;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	position: absolute;
	border-radius: 0px;
	left: -100%;
	top: 10%;
	z-index: 9999999999999999999999999999;
	background: white;
	border-radius:5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
.box-asig-persTalonario input,select{
	width: 100%!important;
	margin-right: 0!important;
}
.cuerpo-modal-perscaja .item-pago .btn-asig-persTalo{
	width: auto!important;
	cursor: pointer;
}
.box-list-personas-tal{
	width: 350px;
	height: 200px;
	display: none;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	background: white;
}
#cajp_parmtr{
	background-image: url('../img/icon/search.svg');
	background-position: 10px 7px;
    background-repeat: no-repeat;
    background-size: 13px;
    padding-left: 30px;
    box-sizing: border-box;
    font-size: 11px;
    height: 32px;
}
.persTal{
	width: 100%;
	display: block;
	float: left;
	padding: 5px;
	padding-top: 0;
	font-size: 11px;
	border: none!important;
	border-radius: 0!important;
	border-bottom: 1px solid #dddddd!important;
	cursor: pointer;
	background: white;
	background-image: url('../img/icon/person-check.svg');
	background-position: 10px 7px;
    background-repeat: no-repeat;
    background-size: 15px;
    text-align: left;
    padding-left: 30px!important;
	box-sizing: border-box;
	box-shadow: none;
}
.persTal i{
	font-size: 16px;
	color: lightgray;
}
.persTal:hover{
	background: blue;
	color: white;
	transition: 0.5s;
}
.box-list-personas-tal input[type=button]:focus {
  background-color: blue;
  outline-color: none;
  outline-style: none;
  color: white;
}
/*.box-asig-persTalonario .item-pago table tbody{
	width: 100%;
	height: 20vh;
	display: block;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	border:none;
}
.box-asig-persTalonario .item-pago table thead tr th{
	width: 100%;
	display: block;
	float: left;
    font-size: 11px;
    text-align: center;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}
.box-asig-persTalonario .item-pago table thead tr{
	border-bottom: 1px solid #dddddd;
}
.box-asig-persTalonario .item-pago table tbody tr{
	background: white;
	border-bottom: 1px solid #dddddd;
}
.box-asig-persTalonario .item-pago table tbody tr th{
	width: 100%;
	display: block;
	float: left;
    font-size: 10px!important;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    color: black;
    font-weight: normal;
    padding-left: 0px;
}*/
.box-asig-persTalonario .item-pago table tbody tr th i{
	color: gray;
	cursor: pointer;
	font-size: 14px;
}
.box-asig-persTalonario .item-pago table tbody tr th i:hover{
	color: blue;
}
#vent_idcajd{
	text-transform: uppercase;
}
.montodiario{
	width: 48%;
	display: block;
	float: left;
	text-align: center;
    font-size: 13px;
    padding: 10px;
    padding-top: 8px;
    box-sizing: border-box;
    border-radius: 5px;
    color: #0000b3;
    background: white;
    box-shadow: 3px 10px 14px 1px rgba(00,00,00,0.2);
}
.montomensua{
	width: 48%;
	display: block;
	float: left;
	text-align: center;
    font-size: 13px;
    padding: 10px;
    padding-top: 8px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-right: 15px;
    color: #0000b3;
    background: white;
    box-shadow: 3px 10px 14px 1px rgba(00,00,00,0.2);
}
.montolimite{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
    font-size: 13px;
    padding: 10px;
    padding-top: 8px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-right: 15px;
    color: #0000b3;
    background: #dbebff;
    margin-bottom: 10px;
}
.montodiario b{
	padding-bottom: 4px;
    /*border-bottom:3px solid #1a73e8;*/
	box-sizing: border-box;
}
.montomensua b{
	padding-bottom: 4px;
    /*border-bottom:3px solid #f9ab00;*/
	box-sizing: border-box;
}
.montolimite b{
	padding-bottom: 4px;
    border-bottom:3px solid blue;
	box-sizing: border-box;
}
.box-list-clientes-cita{
	width: 90%;
	height: 200px;
	display: none;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	background: white;
	box-shadow: 0px 10px 14px 1px rgba(00,00,00,0.2);
}
.box-list-clientes-pago{
	width: 67%;
	height: 200px;
	display: none;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	background: white;
	box-shadow: 0px 10px 14px 1px rgba(00,00,00,0.2);
}
.clie_parmtrCita,
.clie_parmtr{
	background: white;
	background-image: url('../img/icon/search.svg');
	background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-left: 33px!important;
    box-sizing: border-box;
    font-size: 11px;
    height: 32px;
    font-weight: bold;
    
}
.cliePag{
	width: 100%!important;
	display: block;
	float: left;
	padding: 5px;
	padding-top: 7px;
	font-size: 11px;
	border: none!important;
	border-radius: 0!important;
	border-bottom: 1px solid #dddddd!important;
	cursor: pointer;
	background: white;
	background-image: url('../img/icon/person-check.svg');
	background-position: 10px 7px;
    background-repeat: no-repeat;
    background-size: 15px;
    text-align: left;
    padding-left: 30px!important;
	box-sizing: border-box;
	box-shadow: none;
	font-weight: bold;
}
.cliePag i{
	font-size: 16px;
	color: lightgray;
}
.cliePag:hover{
	background: blue;
	color: white;
	transition: 0.5s;
}
.box-list-clientes-cita input[type=button]:focus,
.box-list-clientes-pago input[type=button]:focus {
  background-color: blue;
  outline-color: none;
  outline-style: none;
  color: white;
}
input[type=search]{
	width: 100%!important;
	background-color: white!important;
    background-image: url(../img/icon/search.svg);
    background-position: 12px 12px;
    background-repeat: no-repeat;
    background-size: 13px;
    padding: 10px!important;
    padding-left: 42px!important;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: bold;
    margin-left: 0!important;
    border: 1px solid #d5d3d3!important;
	/*width: 100%!important;
	margin-left: 0!important;
	outline-color: #b9b9ff;
	background-image: url('../img/icon/search.svg');
	background-position: 15px 14px;
    background-repeat: no-repeat;
    background-size: 13px!important;
    padding: 10px!important;
    padding-left: 42px!important;
    box-sizing: border-box;
    border: none!important;*/
}
#item_parmtrCita{
	background: white;
	background-image: url('../img/icon/search.svg');
	background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 12px;
    padding-left: 33px!important;
    box-sizing: border-box;
    font-size: 11px;
    height: 32px;
    font-weight: bold;
}
#item_parmtr{
	width: 60%!important;
	background-image: url('../img/icon/search.svg');
	background-position: 10px 10px;
    background-repeat: no-repeat;
    background-size: 13px;
    padding-left: 33px!important;
    box-sizing: border-box;
    font-size: 11px;
    font-weight: bold;
}
#item_prevtp{
	width: 15%!important;
	background: white;
}
#item_cantip{
	width: 15%!important;
}
.box-list-item-cita{
	width: 90%;
	height: 200px;
	display: none;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	background: white;
	box-shadow: 0px 10px 14px 1px rgba(00,00,00,0.2);
}
.box-list-item-pago{
	width: 67%;
	height: 200px;
	display: none;
	float: left;
	overflow-x: hidden;
	overflow-y: scroll;
	position: absolute;
	background: white;
	z-index: 999999999999999999;
	box-shadow: 0px 10px 14px 1px rgba(00,00,00,0.2);
}
.itemPag{
	width: 100%!important;
	display: block;
	float: left;
	padding: 5px;
	padding-top: 7px;
	font-size: 11px;
	border: none!important;
	border-radius: 0!important;
	border-bottom: 1px solid #dddddd!important;
	cursor: pointer;
	background: white;
	background-image: url('../img/icon/box-seam.svg');
	background-position: 10px 7px;
    background-repeat: no-repeat;
    background-size: 15px;
    text-align: left;
    padding-left: 30px!important;
	box-sizing: border-box;
	box-shadow: none;
	font-weight: bold;
}
.itemPag i{
	font-size: 16px;
	color: lightgray;
}
.itemPag:hover{
	background: blue;
	color: white;
	transition: 0.5s;
}
.box-list-item-cita input[type=button]:focus ,
.box-list-item-pago input[type=button]:focus {
  background-color: blue;
  outline-color: none;
  outline-style: none;
  color: white;
}
.box-total{
	width: 157px;
	display: block;
	float: right;	
}
.box-total input{
	width: 50%;
	display: block;
	float: right;
	text-align: right;
	font-weight: bold;
	/*box-shadow: 0px 10px 14px 1px rgba(00,00,00,0.2);*/
}
.box-total .titulo-item{
	width: 50%;
	padding: 5px;
	box-sizing: border-box;
}
#itemcarrito{
	width: 70%;
	text-align: left;
	padding-left: 30px!important;
	box-sizing: border-box;
	padding-top: 5px;
	padding-bottom: 5px;
}
#vent_series,
#vent_correl,
#tmpvta_totvta{
	background: white;
}
.box-asig-tipopago .tablaTipopago{
	padding-left: 0px;
	padding-right: 0px;
	box-sizing: border-box;
}
.box-asig-tipopago{
	width: 28%;
	height: auto!important;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	position: absolute;
	border-radius: 0px;
	left:-100%;
	top: 5%;
	z-index: 9999999999999999999999999999;
	background: white;
	border-radius:5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
.box-asig-tipopago input,select{
	width: 100%!important;
	margin-right: 0!important;
}
.btn-fin-pago{
	background: #00a884!important;
	cursor: pointer;
	opacity: 0.3;
}
#box-blur{
	width: 100%;
	height: 100vh;
	display: none;
	float: left;
	background: rgb(85 5 143 / 50%);
	position: fixed;
	z-index: 9999999999999;
	opacity: 0.5;
}
#range_mensua{
	width: 100%;
	display: block;
	float: left;
	margin-top:7px;
}
#range_diario{
	width: 100%;
	display: block;
	float: left;
	margin-top:7px;
}
#box-progress-diario{
  width: 100%;
  display: block;
  float: left;
  background-color: white;
  border-radius: 3px;
  height: 7px;
  border:1px solid #d5d3d3;
  box-sizing: border-box;
  margin-top:3px;
}
#progress-diario{
  width: 50%;
  display: block;
  float: left;
  background-color: #0075ff;
  border-radius: 3px;
  height: 7px;
  box-sizing: border-box;
}
#box-progress-mensual{
  width: 100%;
  display: block;
  float: left;
  background-color: white;
  border-radius: 3px;
  height: 7px;
  border:1px solid #d5d3d3;
  box-sizing: border-box;
  margin-top:3px;
}
#progress-mensual{
  width: 50%;
  display: block;
  float: left;
  background-color: #0075ff;
  border-radius: 3px;
  height: 7px;
  box-sizing: border-box;
}
/*=====IMPRESION DOCUMENTO=====*/
#box-impresion-boleta{
	width: 595.28px;
	height: 100vh;
	/*width: 80px;*/
	display: none;
	float: left;
	padding: 5px;
	box-sizing:border-box;
	background: white;
	position: absolute;
	right: 0;
}
#imgdocumento{
	width: 30%;
}
.TablaReimpresion{
	font-size: 100px!important;
}
#nomempresa{
	text-transform: uppercase!important;
}
#num-boleta,
#num-client,
#num-pacien,
#num-Docume,
#num-Fechas,
#num-horasa,
#num-metpag,
#num-despag,
#num-obseva,
#num-detall{
	width: 100%;
	display: block;
	float: left;
	font-size: 9px!important;
	text-align: left!important;
	font-weight: normal!important;
}
#box-impresion-boleta #box-subtitulo{
	width: 100%;
	display: block;
	float: left;
	padding:10px;
	box-sizing: border-box;
	font-size: 18px;
	text-align: center;
	color: black!important;
}
.box-reimprimir-documento{
	width: 35%;
	height: auto!important;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	position: absolute;
	border-radius: 0px;
	left:-100%;
	top: 5%;
	z-index: 9999999999999999999999999999;
	background: white;
	border-radius:5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
#box-input-reimpr{
	width: 100%;
	display: flex;
	float: left;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.box-reimprimir-documento input,select{
	width: 100%;
}
#rvent_idcajd{
	width: 50%!important;
}
#rvent_series,
#rvent_correl{
	width: 17%!important;
}
.btn-fin-rimprimir{
	width: 12%!important;
	padding: 8px!important;
}
.box-cerrar-caja{
	width: 31%;
	height: auto!important;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	position: absolute;
	border-radius: 0px;
	left:-100%;
	top: 0%;
	z-index: 9999999999999999999999999999;
	background: white;
	border-radius:5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
.box-cerrar-caja input{
	width: 100%!important;
	margin-right: 0!important;
}
#box-datos-totales-cierre div{
	width: 100%;
	display: flex;
	float: left;
	font-size: 11px;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	border-bottom:1px solid #d5d3d3;
	box-sizing: border-box;
	padding-top: 3px;
	padding-bottom: 3px;
}
#box-datos-totales-cierre span{
	width: 70%;
	display: block;
	float: left;
	text-align: left;!important;
}
#box-datos-totales-cierre b{
	width: auto;
	display: block;
	float: left;
	text-align: right!important;
}
#box-datos-totales-cierre i{
	color: green;
}
#totalcierre{
	font-size: 12px!important;
	text-align: center;!important;
	border-top:3px solid #d5d3d3;
	border-radius: 5px;
	box-sizing: border-box;
	margin-top: 0px;
	color: #0028c3;
	font-weight: bold;
}
#totalApertu{
	font-size: 12px!important;
	color: #0028c3;
	font-weight: bold;
}
#fechacierre{
	text-align: right;
	color:#0028c3;
	font-weight:bold;
}
.box-aperturar-caja{
	width: 31%;
	height: auto!important;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	position: absolute;
	border-radius: 0px;
	left:-100%;
	top: 10%;
	z-index: 9999999999999999999999999999;
	background: white;
	border-radius:5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
.box-aperturar-caja input{
	width: 100%!important;
	margin-right: 0!important;
}
#Tabla-CierreCaja th{
	font-weight: normal;
}
/*======SECCION REPORTES====*/
.box-reportes{
	width: 100%;
	height: 100vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0;
	box-sizing: border-box;
	position: absolute;
	background: #f5f5f5;
	border-radius: 0px;
	z-index: 9999999999999999999999999999;
	left:-100%;
}
#titulo-box-report{
	width: 100%;
}
.box-reportes .opcionesPag{
	width: 55px!important;
	padding: 0;
	margin-bottom: 0;
}
.box-reportes .seccion-A-pago{
    width: 19%;
    position: fixed;
}
.box-reportes .seccion-B-pago {
    width: 100%;
    padding-left: 30px;
	box-sizing: border-box;
}
#box-input-busqueda{
	width: 50%;
	display: flex;
	float: left;
	justify-content: space-between;
	align-items: center;
	justify-items: center;
	padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    background: #e3ecff;/*#0246de#057195*/;
}
#repo_idsucu{
	width: 98%!important;
	height: 50px;
	background: #3c78ff;
	color: white;
	border: none;
	margin-bottom: 0;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
.tip-r-descrip{
	font-weight:normal;
	border-bottom: 1px solid #d5d3d3;
	padding-bottom: 20px;
	box-sizing: border-box;
}
.tipdocreporte{
	width: 100%!important;
	float: right!important;
	display: flex;
	justify-content: space-between;
	align-items: center;
	justify-items: center;
	/*order: 1px solid #d5d3d3;
	border-radius:5px;
	padding:10px;*/
	box-sizing: border-box;
}
.box-reportes .tipdocreporte input,
.box-reportes .tipdocreporte select{
	width: 98%;
	height: 50px;
	margin-left:6px!important;
	background: white;
	font-family: 'Poppins', sans-serif;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
	text-align: center;
	outline-color: blue;
}
.btn-buscar-report{
	width: 90px!important;
	height: 50px!important;
	padding:9px!important;
	box-sizing: border-box;
	background: #123770!important;
	margin-top: -9px;
}
.tipdocreporte .titulo-item {
    width: auto!important;
    padding: 3px;
    color: white;
    text-align: center!important;
    font-size: 9px;
    position: absolute;
    background: white;
    box-sizing: border-box;
    margin-left: 7px;
    margin-top: -9px;
    background: #3c78ff;
    border-radius: 3px;
    letter-spacing: 0.5px;
}
/*.tipdocreporte .titulo-item{
	width: 100%!important;
	color: #0000b3;
	text-align: center!important;
	font-size: 13px;
}*/
#tablaReporte{
	/*width: 100%;
	display: block;
	float: left;
	overflow-x: scroll;	*/
}
/*.box-reportes thead{
	width: 300%!important;
}
.box-reportes thead th{
	color: #0000b3;
	font-weight: bold!important;
	font-size: 10px!important;
}
.box-reportes tbody{
	width: 301%!important;
	height: 250px!important;
	overflow-x: hidden!important;
	overflow-y: scroll!important;
}
.box-reportes tbody th{
	color: black;
	font-weight: bold!important;
	font-size: 10px!important;
	text-transform: uppercase!important;
	padding-top: 7px!important;
	padding-bottom: 7px!important;
}*/
.box-reportes tbody th i{
	font-size: 18px!important;
}
.box-list-tipo-reporte{
	width: 100%;
	display: block;
	float: left;
	padding: 10px;
	padding-top:20px;
	box-sizing: border-box;
}
.item-reporte{
	width: 100%;
	display: block;
	float: left;
	padding: 3px;
	padding-top: 10px;
    padding-bottom: 10px;
	box-sizing: border-box;
	text-align: left;
	font-size: 12px;
	color: black;
	cursor: pointer;
	border-radius: 5px;	
}
.item-reporte i{
	font-size: 15px;
	padding-left: 10px;
	padding-right: 10px;
	color: gray;
	box-sizing: border-box;
}
.item-reporte:hover{
	color:blue;
	background: #dbebff;
	border-radius: 5px;
}
.item-reporte:hover>i{
	color:blue;
}
.box-reportes #tablaReporte_length{
	display: block!important;
	color: #f5f5f5;
}
/*#recursReporte select{
	color: black;
    position: absolute;
    width: 70px!important;
    background: white;
    right: 0px;
    padding: 8px;
    box-sizing: border-box;
}*/
.dt-buttons{
	margin-bottom: 7px!important;
}
.dt-button{
    width: 42px;
    padding: 5px!important;
    box-sizing: border-box!important;
    font-size: 21px!important;
    border: none!important;
    box-shadow: none!important;
    color: black!important;
    font-weight: bold!important;
    border-radius: 100%!important;
    background: white!important;
    margin-bottom: 7px!important;
}
.dt-button:hover{
	color: blue!important;
}
.dt-button span{
	display: none!important;
}
.buttons-collection{
	width: auto!important;
	font-size: 12px!important;
	color: black;
    position: absolute!important;
    background: white;
    right: 0px;
    padding: 8px;
    box-sizing: border-box;
    border-radius: 5px!important;
}
.buttons-collection span{
	display: block!important;
}
.button-page-length span{
	display: block!important;
}
.box-img-report{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	margin-top: 150px;
}
.box-img-report img{
	width: 200px;
	opacity: 0.7;
}
.cuerpo-modal-reporte .Cant-reg{
	margin-top: 0px!important;
}
.box-cajcierre-colle{
	width: 100%;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	justify-items: center;
}
.box-cerrar-cajacierre-detalle{
	width: 28%;
	height: auto!important;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 0px;
	left:20%;
	top: 0%;
	background: white;
	border-radius:5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.1);
}
#titulo-detalle-caja-cierre{
	width: 100%;
	display: none;
	float: right;
	padding: 20px;
	box-sizing: border-box;
	font-size: 15px;
	background: white;
	color: black;
	border-radius: 5px;
	margin-bottom: 20px;
}
.rmontodiario{
	width: 100%;
	display: block;
	float: left;
	text-align: left;
    font-size: 13px;
    padding: 10px;
    padding-top: 8px;
    box-sizing: border-box;
    border-radius: 5px;
    color: #0000b3;
    background: white;
    box-shadow: 3px 10px 14px 1px rgba(00,00,00,0.2);
}
.rmontomensua{
	width: 100%;
	display: block;
	float: left;
	text-align: left;
    font-size: 13px;
    padding: 10px;
    padding-top: 8px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-right: 15px;
    color: black;
    background: white;
    box-shadow: 3px 10px 14px 1px rgba(00,00,00,0.2);
    margin-bottom: 10px;
    /*background-image: url('../img/icon/iconregalo.png');*/
    background-size: 40px;
	background-position: 17px 9px;
    background-repeat: no-repeat;
	padding-left: 70px;
}
.rmontolimite{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
    font-size: 13px;
    padding: 10px;
    padding-top: 8px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-right: 15px;
    color: #0000b3;
    background: #dbebff;
    margin-bottom: 10px;
}
.rmontodiario b{
	padding-bottom: 4px;
    /*border-bottom:3px solid #1a73e8;*/
	box-sizing: border-box;
}
.rmontomensua b{
	padding-bottom: 4px;
    /*border-bottom:3px solid #f9ab00;*/
	box-sizing: border-box;
}
.rmontolimite b{
	padding-bottom: 4px;
    border-bottom:3px solid blue;
	box-sizing: border-box;
}
#box-progress-rdiario{
  width: 100%;
  display: block;
  float: left;
  background-color: white;
  border-radius: 3px;
  height: 7px;
  border:1px solid #d5d3d3;
  box-sizing: border-box;
  margin-top:3px;
}
#progress-rdiario{
  width: 50%;
  display: block;
  float: left;
  background-color: #0075ff;
  border-radius: 3px;
  height: 7px;
  box-sizing: border-box;
}
#box-progress-rmensual{
  width: 90%;
  display: block;
  float: left;
  background-color: white;
  border-radius: 3px;
  height: auto;
  border:1px solid #d5d3d3;
  box-sizing: border-box;
  margin-top:3px;
}
#progress-rmensual{
  width: 0%;
  display: block;
  float: left;
  background-color: #0075ff;
  border-radius: 3px;
  height: 10px;
  box-sizing: border-box;
}
#rmensual{
	width: 10%;
	display: block;
	float: right;
    text-align: center;
    font-size: 25px;
    margin-top: -15px;
}
.sucurSesion{
	width: 100%;
    display: block;
    float: left;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 12px;
}
.sucurSesion b{
    width: auto;
    padding: 7px;
    box-sizing: border-box;
    background: #02b101;
    border-radius: 5px;
    box-shadow: 3px 10px 14px 1px rgba(00,00,00,0.2);
}
/*-----CUMPLEAÑOS FELIZ-----*/
.box-cumpleanhos{
	width: 50%;
	height: auto!important;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	position: absolute;
	border-radius: 0px;
	left:-100%;
	top: 0%;
	z-index: 9999999999999999999999999999;
	background: white;
	border-radius:5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
/*.box-cumpleanhos thead{
	width: 100%!important;
}
.box-cumpleanhos tbody{
	width: 100%!important;
	height: 400px!important;
}
.box-list-cumpleanheros tr{
	background: white!important;
	border-bottom: 1px solid #d5d3d3;
	margin-bottom: 0!important;
}*/
.box-cumpleanhos tbody tr th span{
	background: #03826e;
	color: white;
	padding: 2px;
	padding-left: 10px;
	box-sizing: border-box;
	border-radius:5px;
	font-weight: bold;
	width: 75px;
	display: block;
	text-align: left;
	font-size: 9px!important;
	width: 85px;
}
/*.box-list-cumpleanheros th{
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	text-transform: uppercase!important;
	box-sizing: border-box;
	font-weight: bold!important;
}*/
.box-list-cumpleanheros th span i{
	font-size: 12px;
	color: white!important;
}
#btn-cumple{
	width: 70px;
	padding: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	box-sizing: border-box;
	background: blueviolet;
	border-radius: 100%;
	box-shadow: 5px 5px 10px 1px rgba(00,00,00,0.2);
	cursor: pointer;
}
#btn-cumple:hover{
	background: blue;
}
/*=====ANULAR DOCUMENTO=====*/
#box-anular-boleta{
	width: 100%;
	display: block;
	float: left;
	padding: 5px;
	box-sizing:border-box;
	background: white;
	border-top: 1px solid #d5d3d3;
}
#nomempresaa{
	text-transform: uppercase!important;
	font-size: 12px;
}
#dato-boleta-cabezaa{
	font-size: 11px;
}
#num-boletaa,
#num-clienta,
#num-paciena,
#num-Documea,
#num-Fechasa,
#num-horasaa,
#num-metpaga,
#num-despaga,
#num-obsevaa,
#num-detalla{
	width: 100%;
	display: block;
	float: left;
	font-size: 10px!important;
	text-align: left!important;
	font-weight: bold;!important;
}
#box-anular-boleta #box-subtitulo{
	width: 100%;
	display: block;
	float: left;
	padding:10px;
	box-sizing: border-box;
	font-size: 11px;
	text-align: center;
	color: black!important;
}
.box-anular-documento{
	width: 35%;
	height: auto!important;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	position: absolute;
	border-radius: 0px;
	left:-100%;
	top: 5%;
	z-index: 9999999999999999999999999999;
	background: white;
	border-radius:5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
#box-input-anular{
	width: 100%;
	display: flex;
	float: left;
	justify-content: space-between;
	align-items: center;
	align-content: center;
}
.box-anular-documento input,select{
	width: 100%;
}
#avent_idcajd{
	width: 50%!important;
}
#avent_series,
#avent_correl{
	width: 17%!important;
}
.btn-nular-vta{
	background: red!important;
}
#vent_observ{
	width: 100%;
    display: block;
    float: left;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #d5d3d3;
    margin-bottom: 10px;
}
#cajp_idcajd{
	text-transform: uppercase!important;
}
.dataTables_filter{
	width: 100%;
	background: none;
	margin-bottom: 10px;
}
.dataTables_filter label{
	font-size: 0px;
}
.dataTables_info,
#Tabla-Empresa_info{
	display: none;
}
#Tabla-Empresa_previous,#Tabla-Empresa_next{
	font-size: 10px;
}
table.dataTable.no-footer{
	border-bottom: none!important;
}
.paginate_button{
	font-size: 9px;
}
.dataTables_length,
#Tabla-Empresa_length{
	display: none!important;
}
.dataTables_empty{
	font-size: 9px;
}
#box-btn-pago-final{
	width: 50%;
	float: right;
}
#box-limite-pago{
	width: 50%;
	display: none;
}
.box-pagos .opcionesPag{
	padding-left: 0;
}
.imgbpa{
    width: 10%!important;
    position: relative;
    margin-left: 50px;
}
.box-empresa .opcionesPag,
.box-persona .opcionesPag,
.box-caja .opcionesPag,
.box-cliente .opcionesPag,
.box-producto .opcionesPag{
	padding: 0;
	margin-bottom: 0;
}
.box-cliente .opcionesPag i,
.box-empresa .opcionesPag i,
.box-persona .opcionesPag i,
.box-producto .opcionesPag i{
	border: none;
	background: white;
}
.box-caja .opcionesPag i{
	border: none;
	background: white;
	margin-top: 5px;
}
#Tabla-CierreCaja{
	width: 100%;
}
.box-cumpleanhos thead th{
	padding-top: 10px!important;
	padding-bottom: 10px!important;
	box-sizing: border-box;
}
#imgvalid{
	padding: 0!important;
	text-align: left;
}
#imgvalid img{
	width: 34%;
}
#imgvalid input{
	width: 100%;
	display: block;
	float: right;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid white;
	border-radius: 5px;
	margin-bottom: 10px;
	outline-color: blue;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
#imgvalid input::placeholder{
	font-size: 13px;
	font-weight: normal;
}
.user_vali{
	background-image: url('../img/recval/capvalA.png');
	background-position: 0;
    background-repeat: no-repeat;
    padding-left: 100px!important;
    background-size: 100px;
}
.user_vala{
	background-image: url('../img/recval/capvalB.png');
	background-position: 0;
    background-repeat: no-repeat;
    padding-left: 100px!important;
    background-size: 100px;
}
.user_vale{
	background-image: url('../img/recval/capvalC.png');
	background-position: 0;
    background-repeat: no-repeat;
    padding-left: 100px!important;
    background-size: 100px;
}
.user_vall{
	background-image: url('../img/recval/capvalD.png');
	background-position: 0;
    background-repeat: no-repeat;
    padding-left: 100px!important;
    background-size: 100px;
}

/*--CITAS---*/
.box-citas{
	width: 100%;
	height: auto;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	background: white;
	border-radius: 0px;
	/*z-index: 9999999999999999999999999999;*/
	left: -200%;
	background: #f5f5f5;
}
.box-citas .titulo-modal{
	width: 100%;
	display: block;
	float: right;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
.box-citas .seccion-C-pago{
	width: 100%;
	height: auto;
	display: block;
	float: right;
	padding-left: 30px;
	box-sizing: border-box;
	position: relative;
}
.box-citas .seccion-A-pago{
	width: 28%;
	height: 100vh;
	display: block;
	float: left;
	top: 0;
	position: absolute;
	background: white;
	z-index: 99;
	left: -100%;
	z-index: 999999999999999999999999999;
}
.box-citas .seccion-C-pago .tabla-titulo {
    width: 100%;
    background: white;
    border-radius: 5px;
    font-weight: normal;
    margin-bottom: 10px;
}
.box-citas table{
    border-collapse: 
    collapse; margin: 25px 0; 
    font-size: 1em; 
    min-width: 100%;
    display: block;
    float: left;
}
.box-citas table thead{
    /*width: 150%;
    display: table;
    float: left;*/
}
.box-citas table tbody{
	max-width: 100%;
	height: 300px;
}
.box-citas table thead tr {
	background-color: white; 
	color: blue; 
	text-align: center; 
}
.box-citas table thead tr th {
    font-weight: bold;
    font-size: 13px;
    border: 1px solid #ebebeb;
    text-align: center;
}
.box-citas table tbody tr {
	text-align: center; 
    margin-bottom: 5px;
    border-bottom: 1px solid #ebebeb;
    box-sizing: border-box;
}
.box-citas table tbody tr td{
    font-size: 10px;
    text-align: left;
    text-transform: uppercase;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    background-color: white;
}
.box-citas table tbody tr:hover {
    color: blue;
    background: #efefff!important;
}
.box-citas table tbody tr td i {
    color: gray;
    cursor: pointer;
    font-size: 16px;
    padding: 3px;
    box-sizing: border-box;
}
.box-citas table tbody tr td span{
	background: none;
	color: none;
	padding: 2px;
	box-sizing: border-box;
	border-radius:5px;
	font-weight: bold;
	width: 75px;
	display: block;
	text-align: center;
	font-size: 9px!important;
	width: 85px;
}
.box-citas table tbody tr td span i{
	color: white;
}
#box-btn-cliente input{
	margin-right: 5px;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: none!important;
}
#reloj{
    width: 150px;
    display: block;
    float: right;
    font-size: 25px;
    background: #057195;
    text-align: center;
    border-radius: 5px;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
    color: white;
}
#reloj span{
	width: 100%;
	display: block;
	float: left;
	font-size: 11px;
}
.horacita{
	font-size: 12px!important;
	font-weight: bold;
	text-align: center!important;
	/*border: none!important;
	border-radius: 10px;
	border: 1px solid #f5ddf4!important;*/
	box-sizing: border-box;
}
#Bfechacita{
    width: 130px;
	height: 34px;
	border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
    border: none;
    text-align: center;
    color: blue;
    background: #efefff;
    outline-color: blue;
    font-weight: bold;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
.iatenok{
	width: 100%;
	display: block;
	text-align: center;
	font-size: 20px!important;
	padding: 0!important;
}
.item-pago-cita .tabla-titulo{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0!important;
	background: none!important;
}
.item-pago-cita .tabla-titulo i{
	/*margin-left: 20px;*/
}
.cita-title{
	width: 35%;
	display: flex;
	justify-content: space-between;
	align-items: center;
    margin-left: 80px;
    background: #0246de/*#970262*/;
    color: white;
    padding: 20px;
    border-radius: 5px;
    box-sizing: border-box;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
#cita_idsucb{
    background: #3c78ff;
    color: white;
    padding:7px;
    border-radius: 5px;
    box-sizing: border-box;
    margin-left: 0!important;
    outline: none;
    border: none;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
#IconRcita{
    text-align: center!important;
    width: 42px;
    padding: 5px!important;
    box-sizing: border-box!important;
    font-size: 21px!important;
    border: none!important;
    color: black!important;
    font-weight: bold!important;
    border-radius: 100%!important;
    background: white!important;
    margin-bottom: 7px!important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: black;
	box-shadow: 5px 5px 14px 1px rgba(00,00,00,0.2);
}
.cita_escitd{
    width: 100%!important;
    margin: 0!important;
    font-size: 11px;
    border-radius: 3px;
    background: white;
    border: none;
    padding: 5px;
    box-sizing: border-box;
	box-shadow: 5px 5px 14px 1px rgba(00,00,00,0.2);
}
#IconRventa{
    text-align: center!important;
    width: 42px;
    display:block;
    padding: 5px!important;
    box-sizing: border-box!important;
    font-size: 21px!important;
    border: none!important;
    color: black!important;
    font-weight: bold!important;
    border-radius: 100%!important;
    background: white!important;
    margin-bottom: 7px!important;
    -webkit-background-clip: text;
    -webkit-text-fill-color: black;
    box-shadow: 5px 5px 14px 1px rgba(00,00,00,0.2);
}
/*--VEHICULOS--*/
.box-vehiculos-cli{
	width: 33%;
	height: auto!important;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	position: absolute;
	border-radius: 0px;
	left:-100%;
	top: 5%;
	z-index: 9999999999999999999999;
	background: white;
	border-radius:5px;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
#box-input-vehiculo{
	width: 100%;
	display: grid;
	float: left;
	align-items: center;
	align-content: center;
}
#box-input-vehiculo input,select{
	width: 100%;
	margin-bottom: 5px;
}
#vehi_idcat{
	width: 100%!important;
	margin-left: 0px!important;
}
#vehi_placas{
	width: 100%!important;
}
#vehi_descri{
	width: 100%!important;
}
.btn-fin-vehiculo{
	width: 100%!important;
	padding: 8px!important;
}
#ConsolReportecolletion{
	width: 100%;
	display: block;
	float: left;
	background: white;
	margin-bottom: 20px;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
}
.itemConsolTipo{
	width: 100%;
	display: block;
	float: left;
}
.secc-tipo-desc{
	width: 50%;
	display: block;
	float: left;
	font-size: 12px;
	text-align: left;
	padding: 5px;
	padding-bottom: 0;
	box-sizing: border-box;
	font-weight: bold;
}
.secc-tipo-cant{
	width: 50%;
	display: block;
	float: left;
	font-size: 15px;
	text-align: left;
	padding: 5px;
	padding-bottom: 0;
	box-sizing: border-box;
	font-weight: bold;
}
#titulo-record-vehiculo{
	background: blue;
    color: white;
    font-size: 13px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
}
#headItem{
	padding-bottom: 10px;
	border-bottom: 1px solid gray;
	box-sizing: border-box;
}
.box-input-busqueda .titulo-item{
	color: white!important;
}
/*---TIPO VEHICULO---*/
.box-tipoVehiculo{
	width: 23%;
	height: 100vh;
	display: block;
	float: left;
	padding: 30px;
	padding-left: 0	;
	box-sizing: border-box;
	position: absolute;
	background: white;
	border-radius: 0px;
	z-index: 9999999999999999999999999999;
	left: -100%;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
.box-tipoVehiculo .seccion-A-pago{
	width: 100%;
	height: auto!important;
	display: block;
	float: left;
	top: 0;
	position: absolute;
	background: #fcffe1;
    //box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.9);
    //box-shadow: 10px 10px 20px #bebebe, -20px -20px 60px #ffffff;
}
.box-tipoVehiculo .box-list-reg{
	height: auto!important;
}
.box-tipoVehiculo .TipvehiTabla{
	padding: 20px;
	box-sizing: border-box;
}
.box-list-reg .item-pago .titulo-item {
    position: absolute;
    background: white;
    width: auto;
    padding: 3px;
    box-sizing: border-box;
    margin-top: -15px;
    margin-left: 5px;
    font-size: 10px;
    border-radius: 3px;
}
.box-list-reg .item-pago{
	margin-bottom: 15px;
	padding: 2px;
	box-sizing: border-box;
}
.titulo-item-b{
	font-size: 11px;
}
/*--SCROLLBAR--*/

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
*::-webkit-scrollbar:hover {
  width: 10px;
}
*::-webkit-scrollbar-track {
  background: none;
}

*::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  //border-radius: 10px;
}
*::-webkit-scrollbar-thumb:hover {
  background-color:lightgray;
}
*::-webkit-scrollbar-arrow-color{
	background-color: gray;
}
*::-webkit-scrollbar-button:single-button {
  //background-color: #d7e2f5;
  display: block;
  border-style: 1px solid #c5c5c5;
  height: 16px;
  width: 16px;
  box-sizing: border-box;
}
*::-webkit-scrollbar-button:single-button:vertical:decrement {
  //background-color: #c5c5c5;
  background-position: center -1px;
  background-image:url('../img/icon/arrow-up-short.svg');
  background-repeat: no-repeat;
}

*::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  background-color: white;
}
/* Down */
*::-webkit-scrollbar-button:single-button:vertical:increment {
  //background-color: #c5c5c5;
  background-position: center -1px;
  background-image:url('../img/icon/arrow-down-short.svg');
  background-repeat: no-repeat;
}

*::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  background-color: white;
}
*::-webkit-scrollbar-button:single-button:horizontal:decrement {
  //background-color: #c5c5c5;
  background-position: center -3px;
  background-image:url('../img/icon/arrow-left-short.svg');
  background-repeat: no-repeat;
}

*::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  background-color: white;
}
/* Down */
*::-webkit-scrollbar-button:single-button:horizontal:increment {
  //background-color: #c5c5c5;
  background-position: center -3px;
  background-image:url('../img/icon/arrow-right-short.svg');
  background-repeat: no-repeat;
}

*::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
  background-color: white;
}
@keyframes animacion-nave
{
0%    {top: -10px}
50%   {top:   0px}
100%  {top: -10px}
}
@keyframes animacion-logo-b
{
0%    {filter: blur(25px);transform: scale(1.0);}
50%   {filter: blur(15px);transform: scale(1.0);}
70%   {filter: blur(10px);transform: scale(1.0);}
80%   {filter: blur(10px);transform: scale(1.0);}
100%  {filter: blur( 0px);transform: scale(1.0);filter: drop-shadow(0px 0px 3px #fff);}
}
@keyframes animacion-logo
{
0%  {filter: blur(25px);transform: scale(1.0);border-radius: 100%;transform: rotate(0deg);width:10px;background: green;}
10%  {filter: blur(25px);transform: scale(1.0);border-radius: 100%;transform: rotate(0deg);width:50px;background: green;}
30%  {filter: blur(25px);transform: scale(1.0);border-radius: 0%;transform: rotate(0deg);width:100px;background: white;}
80%{filter: blur(0px);transform: scale(1.0);}
}
@keyframes animacion-slider
{
0%  {filter: blur(25px);}
10% {filter: blur(25px);}
30% {filter: blur(25px);}
80% {filter: blur(0px);}
}
@keyframes animacion-logo-final
{
  0%{opacity: 1;}
  50%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes animacion-back-rotar
{
	0%{background-image: url('../img/slider/wash.png');}
   25%{background-image: url('../img/slider/ferb.jpg');}
  100%{background-image: url('../img/slider/wash.png');}
   50%{background-image: url('../img/slider/ferb.jpg');}
  /*0%  {transform: rotate(0deg);}
  100%{transform: rotate(360deg);}*/
}
/*---------------------------*/
/*------RESPONSIVE-----------*/
@media screen and (min-width: 250px) and (max-width: 399px){
.box-menu-logo img {
    width: 40%;
    margin-right: 10px;
}
.box-opciones-sis{
	width: 100%;
	display: block;
	padding: 10px;
	top: 42%;
}
.item-opcion-sis{
	width: 25%;
	padding: 10px;
	text-align: center;
	margin-right: 0px;
}
.item-opcion-sis i{
	text-align: center;
	font-size: 35px;	
}
.item-opcion-sis span{
	width: 100%;
	text-align: center;
	font-size: 8px;
	letter-spacing: 0.5px;
}
}
@media screen and (min-width: 400px) and (max-width: 1000px){
.box-menu-logo img {
    width: 30%;
    margin-right: 10px;
}
.box-opciones-sis{
	width: 100%;
	display: block;
	padding: 10px;
	top: 42%;
}
.item-opcion-sis{
	width: 20%;
	padding: 10px;
	text-align: center;
	margin-right: 0px;
}
.item-opcion-sis i{
	text-align: center;
	font-size: 50px;	
}
.item-opcion-sis span{
	width: 100%;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0.5px;
}
}
@media screen and (min-width: 250px) and (max-width: 1000px){
.box-cumpleanhos {
    width: 100%;
    height: 100vh;
    box-shadow: none;
}
.btn-cerrar-sesion {
    width: auto;
    padding: 5px;
    right: 20px;
    border-radius: 30px;
    font-size: 10px;
}
.box-pagos{
	width: 100%;
	height: auto;
	padding: 10px;
	box-shadow: none;
}
.box-cliente{
	width: 100%;
	height: auto;
	box-shadow: none;
	padding: 10px;
}
.titulo-modal{
	width: 100%;
}
.montodiario,
.montomensua {
    width: 100%;
}
.tipdoctribu {
    width: 100%!important;
}
.opcionesPag {
    width: 100%!important;
    justify-content: center;
}
.box-pagos .opcionesPag {
    width: 100%!important;
    justify-content: space-between;
}
.atendido{
	width: 100%!important;
}
.box-pagos .seccion-B-pago {
    width: 69%;
    height: auto;
}
.item-pago-pen {
    width: 100%;
    padding: 2px;
    margin-bottom: 5px;
}
.box-list-pagos-pend {
    width: 100%;
    padding: 2px;
    padding-top: 20px;
}
#vent_idpers,
#vent_idcajd{
	background: white;
}
/*.item-pago table thead tr th {
    padding-top: 5px;
    padding-bottom: 5px;
}*/
.box-anular-documento{
	width: 100%;
	box-shadow: none;
	padding: 10px;
}
#avent_idcajd{
	margin-left: 0!important;
}
.box-reimprimir-documento{
	width: 100%!important;
	box-shadow: none;
}
.box-cerrar-caja{
	width: 100%!important;
	box-shadow: none;
}
.box-aperturar-caja{
	width: 100%!important;
	box-shadow: none;
}
.box-producto{
	width: 100%!important;
	box-shadow: none;
	height: auto;
	padding: 10px;
}
.box-marca{
	width: 100%!important;
	box-shadow: none;
}
.box-caja{
	width: 100%!important;
	box-shadow: none;
	padding: 10px;
	height: auto;
}
.box-persona{
	width: 100%!important;
	box-shadow: none;
	padding: 10px;
	height: auto;
}
.box-empresa{
	width: 100%!important;
	box-shadow: none;
	padding: 10px;
	height: auto;
}
.box-sucursal{
	width: 100%!important;
	box-shadow: none;
}
.box-CajaDetalle{
	width: 100%!important;
	box-shadow: none;
}
.box-asig-persTalonario{
	width: 100%!important;
	box-shadow: none;
}
.box-asig-tipopago{
	width: 100%!important;
	box-shadow: none;
}
.box-permisis{
	width: 100%!important;
	box-shadow: none;
}
.box-permisis .seccion-A-pago{
	box-shadow: none;
}

.box-caja .seccion-C-pago .tabla-titulo{
	width: 100%;
}
.Cant-reg{
	width: 100%;
}
/*.box-persona .item-pago table thead{
	width: 250%;
}
.box-persona .item-pago table tbody{
	width: 250%;
}
.box-cliente .item-pago table thead{
	width: 250%;
}
.box-cliente .item-pago table tbody{
	width: 250%;
}
.box-caja .item-pago table {
    overflow-x: scroll;
}
.box-caja .item-pago table thead{
	width: 200%;
}
.box-caja .item-pago table tbody{
	width: 200%;
}
.box-empresa .item-pago table {
    overflow-x: scroll;
}
.box-empresa .item-pago table thead{
	width: 200%;
}
.box-empresa .item-pago table tbody{
	width: 200%;
}
.box-producto .item-pago table thead{
	width: 300%;
}
.box-producto .item-pago table tbody{
	width: 300%;
}*/
.item-reporte{
	text-align: center;
}
.item-reporte i {
	font-size: 30px;
	display: block;
}
.tipdocreporte {
    width: 100%!important;
    display:block;
}
#box-input-busqueda{
    width:100%;
    display:block;
    padding:10px;
}
#repo_idsucu{
	width: 100%!important;
    margin-left:0!important;
    margin-bottom:5px;
}
#repo_finici{
    width:100%;
    margin-left:0!important;
}
#repo_ffinal{
    width:100%;
    margin-left:0!important;
}
/*.box-reportes thead,
.box-reportes tbody {
   width: 700%!important;
}*/
.box-cajcierre-colle {
    width: 100%;
    display: block;
}
.box-cerrar-cajacierre-detalle {
    width: 100%;
    margin-bottom:10px;
}
.rmontolimite {
    width: 100%;
    font-size: 10px;
}
.box-persona .box-list-reg div,
.box-cliente .box-list-reg div{
	width: 100%!important;
}
.box-persona .box-list-reg,
.box-persona .seccion-A-pago,
.box-persona .seccion-C-pago{
	height: auto;
}
.seccion-C-pago{
	padding-left: 0;
	height: auto;
}
#box-pago-pend{
	width: 100%;
	left: -100%;
	z-index: 999999999999999999;
}
#box-dato-pago{
	width: 100%;
}
#titulo-box-pago{
	width: 100%;
}
#box-btn-pago-final,
#box-limite-pago{
	width: 100%;
}
.box-cliente .box-list-reg{
	height: auto;
}
#box-datos-clie-reg{
	width: 100%;
	height: auto;
	z-index: 999999999999999999;
	box-shadow: none;
	left: -100%;
}
#box-lista-cliente{
	width: 100%;
}
#box-lista-citas{
	width: 100%;
}
.box-producto .box-list-reg{
	height: auto;
}
#titulo-box-prod{
	width: 100%;
}
#box-datos-prod-reg{
	width: 100%;
	height: auto;
	z-index: 999999999999999999;
	box-shadow: none;
	left: -100%;
}
#box-lista-prod{
	width: 100%;
	height: auto;
}
#titulo-box-prod{
	width: 100%;
}
.box-producto .opcionesPag{
	width: 100%;
    padding: 0;
    z-index: 99;
}
.box-producto .seccion-C-pago .tabla-titulo{
	width: 100%;
}
.box-reportes{
    padding:10px;
    height: auto;
}
.box-reportes .box-list-reg{
	height: auto;
}
#titulo-box-report{
	width: 100%;
}
#box-datos-report-reg{
	width: 100%;
	height: auto;
	z-index: 999999999999999999;
	box-shadow: none;
	left: -100%;
}
#box-lista-report{
	width: 100%;
	height: auto;
	padding-left:0px;
}
#titulo-box-report{
	width: 100%;
}
.box-reportes .opcionesPag{
    padding: 0;
    justify-content: center;
    display: flex;
    width: 100%!important;
}
.box-producto .Cant-reg,
.box-reportes .Cant-reg{
    width:100%;
    margin-top:5px!important;
}
.box-datos-descr{
	display: block;
}
#box-datos-caja-reg{
	width: 100%;
	left: -100%;
	z-index: 9999999999;
}
#box-lista-caja{
	width: 100%;
}
#box-datos-persona-reg{
	width: 100%;
	left: -100%;
	z-index: 9999999999;
}
#box-lista-persona{
	width: 100%;
}
#titulo-box-persona{
	width: 100%;
}
#box-datos-Admin-reg{
	width: 100%;
	left: -100%;
	z-index: 9999999999;
}
#box-lista-Admin{
	width: 100%;
}
#titulo-box-Admin{
	width: 100%;
}
.rmontolimite b{
	border-bottom: 0;
}
#Tabla-CierreCaja{
	width: 100%;
	overflow-x: scroll;
}
.box-cumpleanhos thead{
	width: 150%!important;
}
.box-cumpleanhos tbody{
	width: 150%!important;
}
/*--CITA--*/
.box-citas{
	padding: 10px;
}
.box-citas .seccion-A-pago{
	width: 100%;
}
.box-citas .seccion-C-pago{
	padding-left: 0px;
}
.item-pago-cita .tabla-titulo {
    display: block;
}
.cita-title{
	width: 100%;
	display: block;
	margin-left: 0;
}
#reloj{
	width: 100%;
	margin-top: 5px;
}
#IconRcita{
	padding: 10px!important;
}
.titu-buscar-fcitas{
	width: 100%;
	display: block;
	float: left;
}
#Bfechacita{
	width: 100%;
	margin-bottom: 5px;
}
#box-datos-cita-reg{
	width: 100%;
	height: auto;
	z-index: 999999999999999999;
	box-shadow: none;
}
.box-reimprimir-documento{
	padding: 10px;
}
#avent_idcajd,
#rvent_idcajd{
	margin-left: 0!important;
	font-size: 9px;
	width: 48%;
}
#avent_series, #avent_correl,
#rvent_series, #rvent_correl {
    font-size: 9px!important;
}
#vent_idcajd{
	margin-left: 0!important;
}
.btn-fin-rimprimir{
    width: 15%!important;
    padding: 7px!important;
    font-size: 8px!important;
}
#box-anular-boleta{
	padding: 0!important;
}
#box-anular-boleta #box-subtitulo{
	padding: 0!important;
}
.box-vehiculos-cli{
	width: 100%;
	box-shadow: none;
}
.body-blur{
	width: 100%;
}
/*.body-login-content {
    width: 100%;
    padding: 0px;
}
.box-img-index{
	width: 100%;
	border-radius:50px;
	margin-top: 4%;
}*/
.tipdocreporte .item-pago{
	width: 50%;
}
#boxrepo_idsucu{
	width: 100%;
}
.titulo-principal{
	font-size: 12px;
}
.box-tipoVehiculo{
	width: 100%;
	box-shadow: none;
}
.box-list-reg .item-pago .titulo-item{
	width: auto!important;
}

}