/*********
 * LOGIN *
 *********/
/*@font-face {font-family: "Open Sans";src: url("/fuentes/Open_Sans/OpenSans-Regular.ttf");}*/
*{
	padding:0;
	margin:0;
	font-family: "sans","verdana","arial","sans-serif";
	box-sizing: border-box;
	font-size:12px;
	scrollbar-width: 6px;
}
::-webkit-scrollbar {width: 6px;height:6px;}
::-webkit-scrollbar-track {background: transparent;}
::-webkit-scrollbar-thumb {
	background-color: rgba(155, 155, 155, 0.5);
	border-radius: 0;
	border: transparent;
}
html,body {
	height:100%;
	width:100%;
	color:#666;
	min-width:300px;
}
html{background:#f5faff;}
body{background:transparent;}
body.login2 {
	background:url(/img/fondo.png) #ffffff no-repeat auto 100%;
}
div.login {
	background:#ffffff;
	height:100%;
	margin:0 auto;
	overflow:auto;
	width:100%;
	min-width:300px;
	text-align:center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	color:#333333;
}
div.login div.login2 {
	width:390px;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
div.login form, div.login table {
	width:100%;
}
div.login img {
	width:100%;
	margin-bottom:30px;
}
div.login input[type=text],div.login input[type=password] {
	width:100%;
	height:65px;
	background:#e6e6e6;
	padding:10px 30px;
	border-radius:5px;
	border:none;
	font-weight:bold;
	color:#615f5c;
	font-size:12px;
}
div.login input[type=submit] {
	width:100%;
	height:65px;
	background:#19771f;
	border-radius:5px;
	border:none;
	color:white;
	font-weight:bold;
	font-size:1rem;
	transition:.5s all;
	margin-top:1rem;
}
div.login input[type=submit]:hover {
	background:#29c833;
	transition:.5s all;
}
div#loadpage {
	height:100%;
	width:100%;
	position:absolute;
	z-index:1000;
	background:white;
	text-align:center;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}
div#loadpage img {
	width:90%;
	max-width:800px;
	height:auto;
	position: relative;
}
@media screen and (max-width:410px) {
	div.login, div.login div.login2 {
		width:95%;
	}
}
div.form2 input[type="submit"] {
	padding:0px 0px;
	margin-bottom:0px;
}
div.form2 input#logout {
	padding:5px 1rem;
	background:#cc0000;
	height:auto;
}
div.form2 input#logout:hover {
	background:#770000;
}
div.form2 input[type="submit"] {
	padding:0px 0px;
	margin-bottom:0px;
}
div.form2 input#admusr {
	padding:5px 1rem;
	background:#0068b5;
	height:auto;
}
div.form2 input#admusr:hover {
	background:#666666;
}
div.form2 button {
	display:block;
	width:100%;
	padding:3px 1rem;
	border:1px solid transparent;
	border-radius:10px;
	margin-bottom:.3rem;
	background:#0097ea;
	font-weight:bold;
	color:white;
	box-shadow:2px 0px #ccc;
	font-size:.8rem;
}
div.form2 button:active {
	border:1px solid #333;
	box-shadow:0px;
	background:#0068b5;
	margin-left:2px;
}
div.form2 button:hover {
	border:1px solid #0068b5;
	background:#666666;
}
div.login div.borde1,div.login div.borde2 {
	padding:5px 0;
	background:transparent;
	position:relative;
	margin:0;
}
html,body {
	height:100%;
	color:#555;
	/*background:#f5faff;*/
}
/************
 * CABECERA *
 ************/
div.top {
	clear:both;
	overflow:hidden;
	background: rgba(19,122,170,1);
	background: -moz-linear-gradient(left, rgba(19,122,170,1) 0%, rgba(19,122,170,1) 20%, rgba(35,169,230,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(19,122,170,1)), color-stop(20%, rgba(19,122,170,1)), color-stop(100%, rgba(35,169,230,1)));
	background: -webkit-linear-gradient(left, rgba(19,122,170,1) 0%, rgba(19,122,170,1) 20%, rgba(35,169,230,1) 100%);
	background: -o-linear-gradient(left, rgba(19,122,170,1) 0%, rgba(19,122,170,1) 20%, rgba(35,169,230,1) 100%);
	background: -ms-linear-gradient(left, rgba(19,122,170,1) 0%, rgba(19,122,170,1) 20%, rgba(35,169,230,1) 100%);
	background: linear-gradient(to right, rgb(16 49 2) 0%, rgb(2 69 16) 20%, rgb(23 113 49) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137aaa', endColorstr='#23a9e6', GradientType=1 );
	height:230px;
	min-width:300px;
}
div.top div.contenido {
	width:90%;
	min-width:300px;
	text-align:center;
	margin:0 auto;
	height:230px;
	padding-top:75px;
}
div.top div.izquierda {
	z-index:0;
	float:left;
}
div.top div.izquierda img {
	width:200px;
	height:auto;
	float:left;
}
/* FOTOS A LA DERECHA EN CABECERA */
div.top div.derecha {
	float:right;
	overflow:hidden;
	clear:none;
}
div.top div.derecha a {
	text-decoration:none;
}
div.top div.derecha img {
	width:45px;
	height:45px;
	border-radius:100%;
	border:2px solid white;
}
div.usuario div.tarjeta {
	background:#feffff;
	position:absolute;
	z-index:1002;
	float:left;
	opacity:0;
	width:360px;
	height:auto;
	min-height:230px;
	border:#c4c8cc 1px solid;
	margin-left:-300px;
	transition:.3s all;
	visibility: hidden;
	display:block;
	overflow:hidden;
}
div.tarjeta div.sup {
	background:#feffff;
	height:auto;
	min-height:170px;
	border-bottom:#c4c8cc 1px solid;
	clear:both;
	overflow:hidden;
}
div.tarjeta div.sup table tr,div.tarjeta div.sup table,div.tarjeta div.sup table td{
	background:transparent;
}
div.tarjeta div.inf {
	background:#f2f2f2;
	height:auto;
	min-height:60px;
	clear:both;
	overflow:hidden;
}

div.tarjeta div.sup div.izquierda {
	float:left;
	padding:10% 15px 0 15px;
	height:auto;
	width:110px;
	min-height:170px;
}
div.tarjeta div.sup div.izquierda img {
	width:80px;
	height:80px;
}
div.tarjeta div.sup div.derecha {
	padding:25px 20px 0 10px;
	text-align:left;
	width:auto;
	float:left;
	clear:none;
	overflow:hidden;
	height:auto;
	min-height:170px;
	font-size:0.8rem;
}

img {pointer-events: none;}
label {
	display: block !important;
}
input#usuario:checked ~ div.tarjeta {
	transition:.3s all;
	position:absolute;
	margin-left:-320px;
	visibility: visible;
	opacity:1;
	z-index:1002;
	width:360px;
	height:auto;
	min-height:230px;
}
div.tarjeta div.inf div.izquierda {
	float:left;
	clear:none;
	overflow:hidden;
	line-height:60px;
	padding-left:15px;
}
div.tarjeta div.inf div.derecha {
	line-height:60px;
	float:right;
	clear:none;
	overflow:hidden;
	padding-right:15px;
}
div.tarjeta div.inf a {
	padding:10px;
	background:#feffff;
	color:#555;
	text-decoration:none;
	border:#c4c8cc 1px solid;
	border-radius:3px;
	font-weight:bold;
}
div.tarjeta p.nombre {
	font-weight:bold;
	font-size:1rem;
}
div.tarjeta p {
	padding:0;
	margin:0;
}
div.tarjeta div.inf a:hover {
	background:#1199d3;
	color:white;
}
div.tarjeta div.enlaces {
	padding:10px;
}
/**********
 * CUERPO *
 **********/
div.cuerpo {
	min-width:300px !important;
	z-index:0;
	background:transparent;
	width:100%;
	height:100%;
	clear:both;
	overflow:hidden;
	min-height:100%;
}
/* MENÚ */
div.cuerpo div.izquierda {
	float:left;
	clear:none;
	width:100px;
	height:100%;
	position:absolute;
	margin-left:0px;
	top:230px;
}
div.menu {
	background:#f5faff;
	top:0;
}
div.menu div.menu2 {
	background: #f5faff;
	margin-left:-270px;
	padding: 0;
	height:100%;
	top:0;
	max-height:none;
	bottom:0;
	z-index:1000;
	transition:.3s all;
}
div.menu ul {list-style: none;}
/*
div.menu div.menu2:hover {
	margin-left:0px;
	background: #f5faff;
	transition:.5s all;
}
*/
div.menu div.menu2 ul li {
	min-height:60px;
	background: #f5faff;
	line-height:60px;
}
div.menu div.menu2 {
	float:left;
	position:absolute;
	box-shadow: 0px 0px 5px #666;
	top:0;
	width:300px;
	margin-left:-230px;
	transition:.5s margin;
	z-index:1001;
	height:100%;
	overflow: hidden;
	/*opacity:0;*/
}
/* MENÚ REAL */
div.cuerpo div.menu2 {
	height:100%;
	margin-left:-230px;
}
div.cuerpo div.izquierda:hover div.menu2 {
	margin-left:0px;
	position:fixed;
	transition:.2s margin;
	opacity:1;
	line-height:230px;
	overflow: auto;
}
div.cuerpo div.izquierda:hover .titulo {
	visibility: visible;
	opacity:1;
	transition:1s all;
	height:230px;
	width:100%;
	display:block;
	background:url(/img/logo_square.png) no-repeat;
	background-color:white;
	background-position:center;
}
div.menu ul a {
	color:#555;
	text-decoration:none;
}
div.menu2 .titulo {
	min-height: 0px;
	background:url(/img/logo_square.png) no-repeat;
	background-color:white;
	background-position:center;
	height:0px;
	text-align:center;
	opacity:0;
	visibility:hidden;
	display:none;
	transition:1s all;
}
div.menu div.menu2 ul li span {
	width:40px;
	height:auto;
	margin: 0 15px;
	float: right;
	clear: none;
	overflow: hidden;
}
div.menu div.menu2 ul li span i {
	color:#6e7683;
	background: #e8eef4;
	vertical-align: middle;
	font-size: 1.8rem;
	padding-left: 5px;
	width: 40px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 50%;
	text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}
div.menu div.menu2 ul li:hover span i,i.seleccion {
	background:#058b16 !important;
	color:white;
}
div.menu2 ul.menu {
	overflow-y:hidden;
	padding-bottom:4rem;
	max-height:none;
}
div.menu div.menu2 ul.menu a,div.menu div.menu2 ul.menu label {
	width:100%;
	padding-left:30px;
	display:block;
	height:auto;
}
/*
div.menu div.menu2 ul li.elem1 span {background:url(/img/iconmenu.png) 0px 0px no-repeat;}div.menu div.menu2 ul li.elem1:hover span {background:url(/img/iconmenu.png) 0px -40px no-repeat;}
div.menu div.menu2 ul li.elem2 span {background:url(/img/iconmenu.png) -40px 0px no-repeat;}div.menu div.menu2 ul li.elem2:hover span {background:url(/img/iconmenu.png) -40px -40px no-repeat;}
div.menu div.menu2 ul li.elem3 span {background:url(/img/iconmenu.png) -80px 0px no-repeat;}div.menu div.menu2 ul li.elem3:hover span {background:url(/img/iconmenu.png) -80px -40px no-repeat;}
div.menu div.menu2 ul li.elem4 span {background:url(/img/iconmenu.png) -120px 0px no-repeat;}div.menu div.menu2 ul li.elem4:hover span {background:url(/img/iconmenu.png) -120px -40px no-repeat;}
div.menu div.menu2 ul li.elem5 span {background:url(/img/iconmenu.png) -160px 0px no-repeat;}div.menu div.menu2 ul li.elem5:hover span {background:url(/img/iconmenu.png) -160px -40px no-repeat;}
div.menu div.menu2 ul li.elem6 span {background:url(/img/iconmenu.png) -200px 0px no-repeat;}div.menu div.menu2 ul li.elem6:hover span {background:url(/img/iconmenu.png) -200px -40px no-repeat;}
div.menu div.menu2 ul li.elem7 span {background:url(/img/iconmenu.png) -240px 0px no-repeat;}div.menu div.menu2 ul li.elem7:hover span {background:url(/img/iconmenu.png) -240px -40px no-repeat;}*/

div.menu div.menu2 ul li:hover,.menusel {
	background:#eef3f8;
	color:#333;
}
div.menu div.menu2 ul.submenu li {
	background:#e8eef4;
	line-height:45px;
	min-height:45px;
}
div.menu div.menu2 ul.submenu a,div.menu div.menu2 ul.submenu label {padding-left:3.5rem;}
input.submenu,input.submenu2 {display:none}
input.usuario {display:none}
input.submenu:checked ~ ul.submenu,input.submenu2:checked ~ ul.submenu2 {
	max-height:1000px;
	overflow:hidden;
	transition:max-height 0.5s ease-in;
}
ul.submenu,ul.submenu2 {
	max-height:0;
	padding:0;
	overflow:hidden;
	position:relative;
	list-style-type:none;
	transition:max-height 0.5s ease-out;
	min-width:100%;
	margin:0;
}
ul.submenu a,ul.submenu label {color:#7e91a4;}
ul.submenu a,ul.submenu2 label {color:#6d8093;}
ul.submenu a:hover,ul.submenu label:hover {color:#333;}
ul.submenu li ul {padding-left:35px;}
ul.submenu2 li ul {padding-left:10px;}
/* DERECHA */
div.cuerpo div.derechant {
	float:left;
	min-width:300px;
	clear:none;
	overflow:hidden;
	background: transparent;
	z-index:0;
	top:180px;
	width:100%;
	position:absolute;
	min-height:100%;
}
div.cuerpo div.derecha {
	padding:0 30px;
	margin-left:70px;
	margin-top:50px;
	min-height:100%;
}
div.cuerpo div.datos {
	width:100%;
	margin-top:-50px;
	position:relative;
	min-height:100%;
}
div.cuerpo div.derecha div.datos div.contenido {
}
div.cuerpo div.datos div.col-lg-12 div.caja,div.cuerpo div.datos div.col-lg-11 div.caja,div.cuerpo div.datos div.col-lg-10 div.caja,div.cuerpo div.datos div.col-lg-9 div.caja,div.cuerpo div.datos div.col-lg-8 div.caja,div.cuerpo div.datos div.col-lg-7 div.caja,div.cuerpo div.datos div.col-lg-6 div.caja,div.cuerpo div.datos div.col-lg-5 div.caja,div.cuerpo div.datos div.col-lg-4 div.caja,div.cuerpo div.datos div.col-lg-3 div.caja,div.cuerpo div.datos div.col-lg-2 div.caja,div.cuerpo div.datos div.col-lg-1 div.caja,div.cuerpo div.datos div.col div.caja {
	border-radius:10px !important;
	box-shadow: 0px 0px 5px #666 !important;
	background:white !important;
	padding:2rem 2rem !important;
	/*min-height:500px;*/
	word-break:normal !important;
	margin-bottom:30px;
}
div.cuerpo div.container,.fullwidth{
	width:100% !important;
	max-width:100% !important;
}
h1,h2,h3,h4,h5,h6 {
	display:block;
	width:100% !important;
	text-align:left !important;
	margin-bottom:1rem !important;
	color:#1199d3 !important;
}
/*******
 * PIE *
 *******/
div.pie {
	text-align:right;
	color:#333;
	margin-top:1rem;
	padding:1rem 3rem;
	position:relative;
	bottom:0;
	width:100%;
	z-index:9999999;
}
/**********
 * SCROLL *
 **********/
div.topscroll {
	height:70px;
	/*transition:.1s height;*/
	width:100%;
	z-index:1005;
	position:fixed;
	overflow:visible;
	top: auto;
	left: auto;
	margin-bottom:200px;
}
div.topscroll div.contenido {
	height:70px;
}
div.topscroll div.contenido:first-child {
	padding-top:0;
	position:relative;
}
div.topscroll div.derecha {
	padding-top:10px;
	transition:.1s all;
}
div.topscroll div.inf div.derecha {
	padding-top:0px;
}
div.menscroll div.menu div.menu2 {
	position:fixed;
	/*top:70px;
	margin-left:300px;*/
	padding-top:70px;
	min-height:100%;
	max-height:none;
}
div.menscroll div.menu div.menu2 .titulo {
	width:100%;
	visibility:hidden;
	display:none;
	opacity:0;
}
#menucel {display:none;}
div.top div.botoncel {display:none;}
div.tarjeta div.nombrecel {display:none;}
/***********
 * CELULAR *
 ***********/
@media screen and (max-width: 750px) {
	div.top input#bcliente{display:none;}
	div.top {
		height:70px;
		transition:.1s all;
		width:100%;
		z-index:1005;
		position:fixed;
		overflow:visible;
		top: auto;
		left: auto;
		margin-bottom:200px;
		background: url(/img/contawebw.png) no-repeat #0097ea;
		background-size:200px auto;
		background-position:center;
	}
	div.top div.izquierda:first-child img {
		visibility:hidden;
		opacity:0;
		transition:1s all;
	}
	div.tarjeta div.izquierda:first-child img {
		visibility:initial;
		opacity:1;
		text-align:center;
		transition:1s all;
	}
	div.top div.derecha img {
		visibility:hidden;
		opacity:0;
	}
	div.tarjeta p.nombre {display:none;}
	div.tarjeta div.nombrecel {
		display:block;
		background:#1f95cc;
		font-weight:bold;
		height:50px;
		line-height:50px;
		width:90%;
		text-align:center;
		margin:1rem auto 0;
		color:white;
	}
	div.top div.tarjeta div.img {
		visibility:visible;
		opacity:1;
		background-size:100% 100%;
		border-radius:100px 100px;
		width:80px;
		height:80px;
	}
	div.top div.contenido:first-child {
		padding-top:0;
		position:relative;
	}
	div.usuario div.tarjeta {
		visibility: hidden;
		margin-right:-100%;
		width:100%;
		height:auto;
		top:70px;
		transition:.5s all;
	}
	div.top div.derecha {
		padding-top:10px;
		transition:.5s all;
	}
	div.top div.contenido {
		max-height:70px;
		width:100px;
	}
	div.top div.inf div.derecha {
		padding-top:0px;
	}
	div.top div.derecha div.botoncel {
		height:70px;
		width:70px;
		float:right;
		overflow:hidden;
		clear:none;
		transition:1s all;
		background:url(/img/engranaje.png) no-repeat center;
		background-size:30px 30px;
		display:inline-block;
		position:absolute;
		top:0;
		right:0px;
	}
	div.tarjeta {
		height:auto;
		top:70px;
		left:0;
		margin-left:-500px;
		visibility:hidden;
		opacity:0;
		transition:.5s margin;
		padding-bottom:1rem;
	}
	div.tarjeta div.sup, div.tarjeta div.inf {
		background:#197eac;
		width:90%;
		text-align:center;
		margin:0 auto;
		border:0;
	}
	div.tarjeta div.sup a {
		color:white;
	}
	div.tarjeta div.inf {
		background:#1f95cc;
	}
	input#usuario:checked ~ div.tarjeta {
		position:absolute;
		transition:.5s margin;
		width:100%;
		border:0;
		left:0;
		right:0;
		min-width:100%;
		height:auto;
		background: #23a8e4;
		margin:0;
		visibility:visible;
		opacity:1;
		/*max-height:100%;*/
		overflow-y:auto;
	}
	input#usuario:checked ~ div.botoncel {
		background-size:25px 25px;
	}
	div.cuerpo div.izquierda {
		margin-left:-100px;
		position:absolute;
		z-index:1001;
	}
	div.cuerpo div.derechant {
		overflow:visible;
		top:150px;
		transition:all 0.5s ease-in;
	}
	input#menucel {
		display:none;
		transition:.5s all;
		position:fixed;
		top:30px;
		z-index:1005;
		float:left;
	}
	label#menucel {
		display:inline-block;
		position:fixed;
		z-index:1005;
		float:left;
	}
	input#menucel:checked ~ div.izquierda div.menu {
		margin-left:330px;
		position:fixed;
		transition:.5s margin;
		opacity:1;
	}
	input#menucel:checked ~ label#menucel div {
		background-size:25px 25px;
		transition:.1s all;
	}
	label#menucel div {
		min-height:70px;
		min-width:70px;
		background:url(/img/botmen.png) no-repeat center;
		background-size:30px 30px;
		transition:.1s all;
	}
	div.cuerpo div.menu div.menu2 {
		position:fixed;
		top:70px;
		transition:.5s margin;
		min-height:100%;
	}
	div.cuerpo div.izquierda:hover div.menu2 {
		margin-left:-230px;
		position:fixed;
	}
	div.cuerpo div.izquierda:hover .titulo {
		visibility:hidden;
		opacity:0;
		display:none;
	}
	div.cuerpo div.derecha {
		margin:0;
		transition:all 0.5s;
	}
	div.top div.contenido {
		width: 100%;
	}
	div.bproducto{margin-bottom:0 !important;}
	div.resumenuevo{padding-top:1rem !important;}
}
table.productos input[type="checkbox"]{display:none;}
table.productos{display:table;}
div.tabs {
	/*capaz y se borra esta parte*/
	overflow:hidden;
	/*esta no se borra*/
	max-width:100%;
	height:30px;
	width:100%;
	display:inline-block !important;
	background:#eee;
}
div.tabs div {
	float:left;
	overflow:hidden;
	clear:none;
	width:100%;
	color:#999;
	font-weight:normal;
	border-top:2px transparent solid;
	border-bottom:2px #ddd solid;
	border-left:1px transparent #ddd;
	border-right:1px transparent #ddd;
	position:relative;
	word-break: normal !important;
}
div.tabs div.tabsel {
	background:white;
	color:#333;
	font-weight:bold;
	border-top:2px solid #ddd;
	border-bottom:2px transparent solid;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	display:block !important;
}
a.tab {
	display:block;
	float:left;
	overflow:hidden;
	clear:none;
	padding:2px 5px;
	width:100%;
}
/*a.tab:hover {
	background:#ededed;
}*/
a.cancelar {
	background:#da6666;
	border-radius:5px;
	color:white !important;
	text-decoration:none;
	padding:0.75rem !important;
}
a.eliminar:hover {
	background:#944040;
	color:white !important;
}
a.eliminar {
	background:red;
	padding:0.75rem !important;
	border-radius:5px;
	color:white !important;
	font-weight:bold;
	text-decoration:none;
	margin:1rem;
}
a.eliminar:hover {
	background:#cc0000;
	color:white !important;
}
a.confirmar {
	margin:1rem;
	padding:0.75rem !important;
	background:#007bff;
	border-radius:5px;
	color:white !important;
	font-weight:bold;
}
a.confirmar:hover {
	background:#137aaa;
	color:white !important;
}
.btn {
	padding:0.75rem !important;
}
div.tabs .cierratab {
	width:10px;
	position:absolute;
	top:0;
	right:0;
	height:10px;
	background:url(/img/cerrar.png) 0px -10px no-repeat;
	float:right;
	clear:none;
	overflow:hidden;
}
div.tabs .cierratab:hover {
	background:url(/img/cerrar.png) 0px 0px no-repeat;
}
div.informacion {
	width:100%;
	text-align:center;
	margin:0 auto;
	border:0;
	border-radius: 0px 0px 0px;
	overflow:visible;
}
div.pestana {
	display:block;
}
iframe {
	min-height:100%;
	position: static;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
}
table tbody tr:nth-child(even) {background-color: #f9f9f9;}
table tbody tr:nth-child(odd) {background-color: #ffffff;}
table thead {
	background:#ebebeb !important;
	color:#616f77 !important;
	font-weight:bold !important;
	word-break:normal !important;
}
table tbody a {
	color:#616f77;
}
table tbody a:hover {
	color:#137aaa;
	text-decoration:none;
}
table.tabla tbody tr td{
	padding-left:5px;
	padding-right:5px;
}
table tbody tr td {
	font-size:0.9rem;
}
.seleccion {
	background:#23a8e4 !important;
	color:white;
}
form.creausr label {
	font-weight:bold;
}
.ok {
	color:#7eda66;
	font-weight:bold;
}
.alerta{
	color:#999900;
	font-weight:bold;
}
.error {
	color:#da6666;
	font-weight:bold;
}
.modal, .modal2, .modal3, .modal4, .modal5, .modal6, .modal62, .modal63, .modal7 {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 30px; /* Location of the box */
	padding-bottom: 30px;
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto;
	background-color: rgb(150,150,150);
	background-color: rgba(200,200,200,0.9);
	z-index:9999998;
	border:none;
}
.modal8{
	border:none;
	display: none;
	width:100%;
	padding:0;
	margin:0;
	background:white;
}
.modal8-content{
	background-color: white;
	padding: 0;
	margin:0;
	width: 100%;
	border:none;
}
.titulo6,.titulo62,.titulo63{
	font-size:2rem;
}
span.titulo7, .modal2, .modal5, .modal6, .modal62,.modal63, .modal7 {z-index:9999999;}
.modal-content, .modal2-content, .modal3-content, .modal4-content, .modal5-content, .modal6-content, .modal62-content, .modal63-content, .modal7-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 90%;
	box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2),0px 6px 20px 0px rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	border:none;
	border-radius:5px;
	min-width:300px;
	max-width:1200px;
}
.modal2-content{
	width: 30%;
	max-width:500px;
	min-width: 100px;
}
.modal3-content {
	width: 50%;
	min-width: 300px;
}
.modal form, .modal2 form, .modal3 form, .modal4 form, .modal5 form, .modal6 form, .modal62 form,.modal63 form, .modal7 form {
	padding-bottom:3rem;
}
.modal form select, .modal2 form select, .modal3 form select, .modal4 form select, .modal5 form select, .modal6 form select, .modal62 form select, .modal63 form select, .modal7 form select {
	width:100%;
}
/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}
@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}
.modal-header, .modal2-header, .modal3-header, .modal4-header, .modal5-header, .modal6-header, .modal62-header, .modal63-header, .modal7-header {
	padding: 2rem;
	color: #1199d3;
	overflow:hidden;
	display:inline-block;
	width:100%;
	border:none;
}
/*.modal .close, .modal2 .close2, .modal3 .close3 {*/
.modal .close, .modal3 .close3, .modal4 .close4, .modal5 .close5, .modal6 .close6, .modal62 .close62,.modal63 .close63, .modal7 .close7 {
	color: #94b9ca;
	float: right;
	font-weight: bold;
	font-size: 2rem;
	text-decoration:mpme;
	cursor: pointer;
}
/*.close:hover, .close:focus, .close2:hover, .close2:focus, .close3:hover, .close3:focus {*/
.close:hover, .close:focus, .close3:hover, .close3:focus, .close4:hover, .close4:focus, .close5:hover, .close5:focus, .close6:hover, .close6:focus, .close62:hover, .close62:focus, .close63:hover, .close63:focus, .close7:hover, .close7:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}
.modal-title, .modal2-title, .modal3-title, .modal4-title, .modal5-title, .modal6-title, .modal62-title, .modal63-title, .modal7-title {
	font-weight: bold;
	font-size: 2rem;
}
.modal-body, .modal2-body, .modal3-body, .modal4-body, .modal5-body, .modal6-body, .modal62-body, .modal63-body, .modal7-body {padding: 1rem 1rem 2rem 1rem;}
.modal-footer, .modal2-footer, .modal3-footer, .modal4-footer, .modal5-footer, .modal6-footer, .modal62-footer, .modal63-footer, .modal7-footer {
	padding: 2px 16px;
	background-color: #0097ea;
	color: white;
	border:none;
}
/*div.cuerpo div.derecha {
	margin-left:100px;
	margin-right:100px;
}*/
span.responsivo{display:inline;}
td.responsivo,th.responsivo{display:table-cell;}
.filtersh{display:block;}
.filtershb{display:none;}
@media screen and (max-width: 600px) {
	* {font-size:10px;}
	span.leyendabtn,span.leyendabtn {display:none;}
	.derecha .datos .btn i.fa, .derecha .datos .btn i.fas, .modal4 .btn i.fas, .modal4 .btn i.fa, .modal6 .btn i.fas, .modal6 .btn i.fa, .modal62 .btn i.fas, .modal62 .btn i.fa, .modal63 .btn i.fas, .modal63 .btn i.fa{font-size:2rem;}
	.responsivo{display:none !important;}
	div.cuerpo div.datos div.col-lg-12,div.cuerpo div.datos div.col-lg-11,div.cuerpo div.datos div.col-lg-10,div.cuerpo div.datos div.col-lg-9,div.cuerpo div.datos div.col-lg-8,div.cuerpo div.datos div.col-lg-7,div.cuerpo div.datos div.col-lg-6,div.cuerpo div.datos div.col-lg-5,div.cuerpo div.datos div.col-lg-4,div.cuerpo div.datos div.col-lg-3,div.cuerpo div.datos div.col-lg-2,div.cuerpo div.datos div.col-lg-1,div.cuerpo div.datos div.col {padding-left:0 !important;padding-right:0 !important;}
	.filtersh,.filtersh2{display:none;}
	.filtershb{display:inline;float:right;}
	/*
	div.cuerpo div.derecha {
		margin-left:30px;
		margin-right:30px;
	}
	*/
}
div.top div.centro {
	text-align:center;
	margin:0 auto;
	width:400px;
	padding-top:1.2rem;
}
input#bcliente {
	width:60%;
	text-align:left;
	background:transparent;
	color:white;
	border:none;
	border-bottom:white 1px solid;
	padding:0 .5rem .3rem .5rem;
}
input#bcliente::placeholder {
	color: white;
	opacity: 1;
}
input#bcliente:-ms-input-placeholder {color: white;}
input#bcliente::-ms-input-placeholder {color: white;}
table {
	display:table;
	max-width:100% !important;
}
table.tabla {
	border-left:1px solid #dee2e6;
	border-right:1px solid #dee2e6;
	border-bottom:1px solid #dee2e6;
	overflow:auto;
}
table.tabla td {
	padding:0 5px;
	word-break: normal !important;
}
/*table.tabla a,table.tabla span {
	display:block;
	word-break: normal !important;
	padding:0.75rem;
}*/
table.tabla tbody tr:hover {
	background:#ccc;
}
.ui-autocomplete {
	z-index:9999999 !important;
}
iframe {
	border:none;
}
table.tabla tbody tr:hover {
	background:#ccc;
}
h2 {text-align:center;}
.listapriv0 {
	color:#ccc;
}
.listapriv1 {
	color:#333;
}
div.gesusr {
	background:#fafafa;
	border-radius:5px;
	min-height:100px;
	padding:1rem .5rem;
	margin-bottom:1rem;
}
div.gesusr div.bg {
	background:url(/img/logo_square2.png) no-repeat #fafafa center center;
	width:100%;
	height:100%;
}
table tbody a {
	font-size:0.9rem;
}
table table table tr:first-child td {
	border-top:none !important;
}
table.empresas button {
	background:transparent;
	border:0;
	display:block;
	width:100%;
	text-align:center;
	padding:.75rem 3rem;
	color:#616f77;
}
table.empresas button:hover {
	color:#039740;
}
.mCSB_inside > .mCSB_container {
	margin-right:0px !important;
}
div.ubicacion {
	color:#fff;
	margin-left:100px;
	font-weight:bold;
}
table.hojas td:first-child a,table.hojas1 td:first-child a,table.hojasnprod td:first-child a{
	border-radius:5px 0 0 5px !important;
}
table.hojas td:last-child a,table.hojas1 td:last-child a,table.hojasnprod td:last-child a{
	border-radius:0 5px 5px 0  !important;
}
table.hojas td a,table.hojas td span,table.hojas1 td a,table.hojas1 td span,table.hojanprod td a,table.hojanprod td span{
	word-break: normal !important;
	display:block;
	padding:.6rem;
	border:1px solid #ccc;
}
table.hojas td a:hover,table.hojas td span,table.hojas1 td a:hover,table.hojas1 td span,table.hojanprod td a:hover,table.hojanprod td span{
	background:#17a2b8;
	color:white;
	border:1px solid #999;
}
.left{text-align:left !important;}.fleft{float:left;overflow:hidden;clear:none;}
.center{text-align:center !important;}
.right{text-align:right !important;}.fright{float:right;overflow:hidden;clear:none;}
.fondocs{
	background: url('/img/contaweb22.png') #f5faff no-repeat center center fixed;
	background-size:50%;z-index:0;
}
table.resumennpped td,table.resumennpped th{
	text-align:center;
}
.edicion table tr{background:transparent;}
.edicion table tr td{padding:0 5px;}
i.fa,i.fas{
	padding-right:.5rem;
}
.fa-edit:hover{color:gold !important;}
.fa-trash:hover{color:#dc3545 !important;}
.btn {font-weight:bold;padding-left:2rem !important;padding-right:2rem !important;background:white;color:#666666;border:2px solid #cccccc;word-break: normal !important;}
.ocultar,.oculto,.script{display:none !important;visibility:hidden;opacity:0;}
button, a.btn, input[type="submit"]{word-break: normal !important;}
.negrita,.b{font-weight:bold !important;}
div.tabla,div.table{
	width:100%;
	max-width:100%;
	overflow-x:auto;
}
/* pestañas */
div.box{
	background:white;
	padding:2rem;
	border-radius:10px;
	margin-bottom:2rem;
}
table.datos{width:100%;}
table.datos tr{background:transparent;}
table.datos tr td:first-child{text-align:left;font-weight:bold;}
table.datos tr td:last-child{text-align:right;}
div.tabsx {border-bottom:2px solid #ccc;width:100%;}
div.tabsx a{display:block;padding:1rem 2rem;border-top:3px solid #137aaa;border-top:3px solid transparent;border-left:1px solid transparent;border-right:1px solid transparent;}
div.tabsx a:hover{border-top:3px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc;}
div.tabsx a.sel{border-top:3px solid #137aaa;border-left:1px solid #ccc;border-right:1px solid #ccc;}

table.paginador td:first-child a{border-radius:5px 0 0 5px !important;}
table.paginador td:last-child a{border-radius:0 5px 5px 0  !important;}
table.paginador td a,table.paginador td span{
	word-break: normal !important;
	display:block;
	padding:.6rem;
	color:#555555;
	border:1px solid #ccc;
}
table.paginador td a:hover,table.paginador td span{
	background:#17a2b8;
	color:white;
	border:1px solid #999;
}

/* PENDIENTES */
.pendienteqlo .col,.pendienteqlo2 .col{
	background:white;
	padding:10px;
	margin-right:10px;
	margin-bottom:10px;
	border-radius:3px;
	border-top:4px solid #cccccc;
	min-width:200px;
	box-shadow:1px 1px 3px #999999;
}
.pendienteqlo h6,.pendienteqlo2 h6{
	border-bottom:1px solid #cccccc;
	display:block;
}
.pendienteqlo .pendienteql,.pendienteqlo2 .pendienteql{
	/*border:1px solid #eeeeee;*/
	padding:5px;
	display:block;
	width:100%;
	transition:.3s all;
	padding-top:1rem;padding-bottom:1rem;
}
.pendienteqlo .pendienteql:hover,.pendienteqlo2 .pendienteql:hover{
	background:#eeeeee;
}
.pendienteqlo .pendienteql table,.pendienteqlo2 .pendienteql table{width:100%;}
.pendienteqlo .pendienteql table tr,.pendienteqlo2 .pendienteql table tr{background:transparent !important;}
.pendienteqlo .pendienteql > table tr td,.pendienteqlo2 .pendienteql > table tr td {padding:5px;}
.pendienteqlo .pendienteql table tr td:first-child,.pendienteqlo2 .pendienteql table tr td:first-child {
	width:3rem;
	text-align:center;
}
.pendienteqlo .pendienteql > table tr td p,.pendienteqlo .pendienteql > table tr td span,.pendienteqlo2 .pendienteql > table tr td p,.pendienteqlo2 .pendienteql > table tr td span{font-weight:bold;font-size:10px !important;}
.pendienteqlo .pendienteql i,.pendienteqlo2 .pendienteql i{font-size:2rem;}
.pendienteqlo .pendienteql table table tr td,.pendienteqlo2 .pendienteql table table tr td {width:50%;background:transparent;}
.pendienteqlo *{color:white;}
.pendienteqlo .pendienteql3{background:#da6666;}
.pendienteqlo .pendienteql3:hover *{color:#da6666;}
.pendienteqlo .pendienteql3:hover > table tr td:first-child{border-right:3px solid #da6666;}
.pendienteqlo .pendienteql2{background:#999900;}
.pendienteqlo .pendienteql2:hover *{color:#999900;}
.pendienteqlo .pendienteql2:hover > table tr td:first-child{border-right:3px solid #999900;}
.pendienteqlo .pendienteql1{background:#1199d3;}
.pendienteqlo .pendienteql1:hover *{color:#1199d3;}
.pendienteqlo .pendienteql1:hover > table tr td:first-child{border-right:3px solid #1199d3;}
.pendienteqlo .pendienteql > table tr td:first-child{text-align:center;border-right:3px solid white;}

div.resumenreport{
	border-radius: 10px !important;
	box-shadow: 0px 0px 5px #666 !important;
	background: white !important;
	padding: 2rem 2rem !important;
	min-height: initial !important;
	word-break: normal !important;
	margin-bottom: 30px;
}
div.resumenreport i.fas,div.resumenreport i.far{
	font-size:4rem;
	color:#cccccc;
	z-index:0;
}
div.resumenreport p{
	color:#999999;
	font-size:1.2rem;
	font-weight:bold;
}
div.resumenreport h4,div.resumenreport h5,div.resumenreport h6,div.resumenreport p{
	position:relative;
}
div.resumenreport div.icono{
	float:right;
	position:absolute;
	right:20px;
	top:50%;
	z-index:0 !important;
	margin-top:-4rem;
}
div.resumenreport span{
	z-index:10 !important;
}
div.resumenreport h4{
	z-index:10;
}
div.abafijo{
	position:fixed;
	bottom:30px;
	right:30px;
}
div.abafijo div.botonfijo{
	border-radius:10px;
	background:rgba(100, 100, 100, 0.3);
	width:3.5rem;
	height:3.5rem;
	float:right;
}
div.abafijo div.botonfijo .center{
	margin:0 auto;
	text-align:center;
	width:3rem;
}
div.abafijo div.botonfijo i.fas{
	font-size:3rem;
	line-height:3.5rem;
}
div.cuadrofijo,input#checkfijo {
	display:none;
}
div.cuadrofijo{
	box-shadow: 0px 0px 5px #666 !important;
	padding:1rem;
	width:250px;
	border-radius:5px;
	margin-bottom:0.5rem;
	background:#eeeeee;
	text-align:center;
}
div.cuadrofijo button {
	margin:1.5rem;
}
input#checkfijo:checked ~ div.cuadrofijo {
	display:block;
}
@-webkit-keyframes rotating /* Safari and Chrome */ {
	from {
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
	from {
		-ms-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
.rotating {
	-webkit-animation: rotating 1s linear infinite;
	-moz-animation: rotating 1s linear infinite;
	-ms-animation: rotating 1s linear infinite;
	-o-animation: rotating 1s linear infinite;
	animation: rotating 1s linear infinite;
	-ms-transform-origin: 50% 50%; /* IE 9 */
	-webkit-transform-origin: 50% 50%; /* Safari 3-8 */
	transform-origin: 50% 50%;
}
th.fijar,td.fijar{white-space: nowrap;width: 1px;}
.btn.sinpadding{padding:0 !important;}
td.editar,td.eliminar{padding:0 !important;}
td.resprivn{background:#ffffff;color:#777777;border-left:1px solid #dee2e6;padding:0 5px;vertical-align:middle !important;}
td.resprivn:hover{border:1px solid #555555;}
td.resprivs{background:#b8daff;color:#004085;border-left:1px solid #dee2e6;padding:0 5px;vertical-align:middle !important;}
table.resumen label div{
	display:block;
	min-height: 100%;
	height: 100%;
	width:100%;
}
table.resumen input{display:none;}
div.filtro{
	position:absolute;
	right:0;
	left:0;
	visibility:hidden;
	opacity:0;
	display:hidden;
	transition:.5s all;
}
div.filtrob{
	visibility:visible;
	opacity:1;
	display:block;
	transition:.5s all;
}
#facturando{
	position: fixed;
	bottom: 0;
	left: 50%;
	z-index: 9999999;
	background: white;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	box-shadow:0px 0px 10px #333;
	transform: translateX(-50%);
	max-height: 8rem;
}
input:disabled::-webkit-input-placeholder,input:disabled:-moz-placeholder,input:disabled::-moz-placeholder,input:disabled:-ms-input-placeholder{color: #e9ecef !important;}