html,body{
	font-family:sans-serif;
	margin:0px;
	padding:0px;
	height:100%;
}

.col-md-12,
.col-md-8,
.col-md-6,
.col-md-4,
.col-md-3{
	margin:0px;
	padding:2px 5px;
}

.table-sm{
	font-size:13px;
}

.input-group{
	position: relative;
	z-index: 0;
}

#imagen_amplia #img{
	max-width: 350px;
	margin:10px auto;
}

#imagen_amplia img{
	width:100%;
}

#pw_administrador{
	display:none;
	max-width:400px;
	text-align:center;
	height:230px;
}

#pw_administrador input{
	margin-top:10px;
}

#pw_administrador i{
	display: block;
	margin-top:5px;
}

#print_comand{
	display: none;
	padding:10px;
	width:250px;	
}

#print_comand thead{
	border-bottom:1px solid #000;
}

#id_empresa{
	display: none;
}

a{
	text-decoration:none;
	cursor:pointer;
	color:#000;
}

a:hover{
	text-decoration:underline;
}

#cargando{
	display: none;
	border-radius:30px;
	position:fixed;
	z-index: 15;
	margin:auto;
	left:0;right:0;top:0;bottom:0;
	max-width:160px;
	height:140px;
	text-align:center;	
	background-color:#FFF;
	border:1px solid #CCC;
}

#cargando img{
	border-radius:30px;
	width:100%;
	height:100%;
}

.titulos_puntos{
	text-align: center;
	font-size:16px;
	padding:2px;
	border:1px dashed #000;
	width:100%;	
}

#div_agrupado{
	display: none;
	max-width:350px;
	height:160px;
	text-align: center;
}

#div_agrupado .ventanas_contenido > div{
	font-size:20px;
	cursor:pointer;
	display:inline-block;
	width:49%;
	padding:15px 10px;	
	color:#000;	
}

#div_agrupado .ventanas_contenido > div:hover{
	opacity:0.5;
}

#precio_total ~ .input-group-addon{
	font-size:18px;
}

.btn,
.btn-opt,
#pestanas li,
.fa-power-off{
	font-size:17px;
}

.btn-primary-addon{
	background-color:#0880C5;
	color:#FFF;
}

#filtros_mesa{
	margin:10px 0px;
	display: none;
}

#busquedas{
	z-index:10;
	display: none;
	max-width:500px;
	height:400px;
}

#busquedas select{
	height:auto;
	margin:0px;
}

#busquedas_resultados{
	margin-bottom:10px;
	height:200px;
	overflow-y:scroll;
}

#busquedas_resultados tbody tr{
	cursor:pointer;
}

#busquedas_resultados tbody tr:hover{
	opacity:0.8;
}

.paginado div{
	cursor:pointer;
	cursor:pointer;
	font-size:25px;
	display: inline-block;
	padding:10px 20px;
	color:#FFF;
	background-color:#5CB85C;
	margin:5px;
}

#conf_conexion{
	display: none;
	max-width:500px;
	height:500px;
	overflow-y:scroll;
}

#conf_conexion .btn-primary{
	font-size:15px;
	margin-bottom:10px;
	padding:5px;
}

.btn-primary{
	background-color:#0880C5;
	color:#FFF;
}

#conf_conexion .input-group{
	margin-bottom:10px;
}

#reg_cli{	
	overflow-y: scroll;
	display: none;
	max-width:800px;
	max-height: 520px;
}

#detalle_cuenta{	
	display: none;
	max-width:500px;	
	overflow-y:scroll;
}

#detalle_cuenta .titulos{
	margin:0px;
}

#detalle_cuenta input{
	margin-bottom:5px;
	text-align: left;
}

#detalle_cuenta .btn{
	margin-top:5px;
}

#productos_agregados table thead th:nth-child(3),
#productos_agregados table tbody td:nth-child(3){
	display: none;
}

.input-group-addon{
	cursor:pointer;
}

.input-group-addon:hover{
	opacity:0.5;
}

#notas{
	display: none;
	max-width:500px;
	height:280px;
}

#descuentos{
	text-align: center;
	display: none;
	max-width:300px;
	height:250px;
}

#notas textarea{
	font-size:20px;
	resize:none;
	height:150px;
	margin-bottom:10px;
}

.ventanas{
	box-shadow: 0px 0px 8px #666;
	z-index: 3;
	position:fixed;
	margin:auto;
	left:0px;right:0px;top:0px;bottom:0px;
	background-color: #FFF;
	border:1px solid #CCC;	
	border-radius:5px;	
}

.titulos{
	text-align:center;
	background-color:#0880C5;
	color:#FFF;
	font-size: 19px;
	padding:5px 0px;
	margin-bottom:10px;
}

.ventanas_contenido{
	padding:10px 20px;
	font-size:17px;
}

.input-group,
.form-control,
.ventanas_contenido select{
	height:40px;
	font-size:18px;
	margin-bottom:10px;
}

#bloqueo{	
	display: none;
	width:100%;
	height:100%;
	min-height: 100%;
	background-color:#000;
	opacity:0.1;
	z-index: 2;
}

#login{
	display: none;
	max-width:400px;
	height:300px;
}

#login .btn{
	display: inline-block;
	width:49%;	
	font-size:18px;
	padding:10px 0px;
}

#cantidad{
	display: none;	
	max-width:300px;
	height:170px;
	text-align: center;	
}

#cantidad .form-control{
	font-size:20px;
	height:40px;
	text-align: center;				
}

#cantidad .btn{	
	margin-top:10px;
}

#cantidad b{
	display: block;
	font-size:20px;
	margin-bottom:5px;
}

#contenedor{	
	position: relative;
	width:100%;
	min-height: 100%;
	display:-ms-flexbox;
	display:-moz-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	align-items:flex-start;
	-webkit-align-items:flex-start;
	justify-content:center;
	-webkit-justify-content:center;
	margin-bottom:-50px;
	padding:10px 0px;
}

#contenedor:after{
	content:"";
	display: block;
	height:50px;
}

footer{
	position: relative;
	clear:both;
	height:50px;
	text-align: center;
	color:#FFF;	
	padding-top:10px;
	background-color: #000;
	border-top:5px solid #0E5B8A;
}

footer a{
	color:#FFF;
}

#msj_php{	
	display: none;
	text-align: center;
	max-width:300px;
	height: 200px;
	overflow: auto;
}

#msj_php .fa-check{
	color:#5CB85C;
	font-size:30px;
}

#msj_php .fa-times{
	color:#E02327;
	font-size:30px;
}

#msj_php .btn{
	margin-top:10px;
}

#cod_vend{
	display: none;
}

#logo{	
	border-radius:10px;
	border:2px solid #000;
	padding:10px 20px;
}

#logo{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
}

#logo div{
	width:200px;
	height: 60px;
}

#logo img{
	width:100%;
}

#div_izquierda,
#div_derecha{	
	padding:15px 20px;	
}

#div_derecha{
	text-align: center;
}

#div_izquierda > div .form-control{	
	height:40px;
}

#div_izquierda > div input:nth-child(3),
#div_izquierda > div input:nth-child(4),
#div_izquierda > div .input-group{
	margin:5px 0px;
}	

#div_izquierda .btn-success,
#div_izquierda .btn-danger,
#div_izquierda .btn-warning{
	width:32%;
	display: inline-block;
	padding:8px 0px;
}

#productos_agregados{
	margin-top:5px;
	height:200px;
	overflow-y:scroll;	
	border:1px solid #CCC;
}

#en_transito{
	display: none;
	max-height:350px;
	overflow-y:scroll;
	margin-bottom:40px;
}

#div_izquierda thead{
	font-size: 14px;
	background-color:#0880C5;
	color:#FFF;
}

#productos_agregados .fa-edit,
#productos_agregados .fa-times,
#productos_agregados .fa-percent{
	cursor:pointer;
	font-size:30px;
}

#productos_agregados .fa-edit:hover,
#productos_agregados .fa-times:hover,
#productos_agregados .fa-percent:hover{
	opacity:0.5;
}

#productos_agregados .fa-times{
	color:#E02327;
}

#precio_total{	
	background-color:#000;
	color:#FFF;		
	text-align:right;
	font-size:25px;		
}

#pestanas{	
	margin-bottom:5px;
	font-size: 0px;
	text-align: center;
}

#pestanas li{		
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	border:1px solid #CCC;
	cursor:pointer;
	display:inline-block;
	list-style:none;
	padding:15px 0px;	
}

#pestanas li:hover,
#div_derecha .btn-opt:hover{
	background: linear-gradient(to bottom, #e5e5e5 0%,#ffffff 100%);
}

#div_derecha .btn-opt{	
	margin-bottom:10px;
	cursor:pointer;
	display: inline-block;
	padding:15px;
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	border:1px solid #CCC;
}

#inventario{
	display:-ms-flexbox;
	display:-moz-box;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	flex-direction:row;
	align-items:stretch;
	-webkit-align-items:stretch;
	justify-content:center;
	-webkit-justify-content:center;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}

#inventario li{		
	font-size: 13px;
	position: relative;
	cursor:pointer;	
	margin:5px ;
	list-style: none;
	display: block;
	height:120px;
	width:150px;
	text-align: center;
	border:1px solid #C8C8C8;	
	overflow:hidden;	
}

#inventario li:hover > div{
	background-color:#79C142;
}

#inventario li img{
	width:100%;
	height:100%;	
}

#inventario div{
	transition:all linear 0.1s;
	font-size: 13px;
	position: absolute;
	width:100%;
	bottom:0;	
	background-color:#0880C5;
	padding:5px 0px;
	color:#FFF;
}

@media screen and (min-width:0px){

	#pestanas li{
		width:33.33%;		
	}	

	#pestanas li:last-child,
	#div_derecha .btn-opt:last-child{
		display: inline-block;
	}

	#contenedor{
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		flex-direction:column;
	}

	#div_derecha{
		display: none;
	}

	#div_izquierda,
	#div_derecha{
		width:100%;
	}

	.paginado{
		margin-bottom:0px;
	}

}

@media screen and (min-width:800px){

	#pestanas li{
		width:50%;
	}

	#pestanas li:last-child,
	#div_derecha > .btn-opt:nth-child(3){
		display: none;
	}	

	#contenedor{
		flex-wrap:nowrap;
		-webkit-flex-wrap:nowrap;
		flex-direction:row;
	}

	#div_derecha{
		display: block;
	}	

	#div_izquierda,
	#div_derecha{
		width:50%;		
	}	

	.paginado{
		margin-bottom:20px;
	}	

}

@media screen and (min-height:0px){

	#detalle_cuenta{
		height:300px;	
	}

}

@media screen and (min-height:450px){

	#detalle_cuenta{
		height:450px;	
	}

}

@media screen and (min-height:580px){

	#detalle_cuenta{
		height:580px;	
	}

}