@charset "UTF-8";
/* CSS Document */

/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(/core/webfonts/material-icons.woff2) format('woff2');
}
/*
#form_copy{background:#efefef;width:400px;height:300px;margin-left:0;margin-top:0;border-radius:4px;display:none;}
#form_copy #title_form{font-size:18px;line-height:30px;text-align:center;margin-top:20px;}
*/
/*.form-menu{position:absolute;background:#efefef;width:400px;height:350px;margin-left:0;margin-top:0;border-radius:4px;z-index:5;}
.form-menu #title_form{font-size:18px;line-height:30px;text-align:center;margin-top:20px;}*/



.conta-sello-ko{color:#ff0000;}
.conta-sello-ok{color:#00aa00;}

span.conta-sello span{
	width:10px;height:10px;display:block;
}
.pull-bottom-list{height:20px;}

.scroll-container.evenodd a:nth-child(odd), .scroll-container.evenodd a:nth-child(odd) > .sticky-left, .scroll-container.evenodd div.registro:nth-child(odd), .scroll-container.evenodd div.registro:nth-child(odd) > .sticky-left   {
  background: #ffffff;
}
.scroll-container.evenodd a:nth-child(even), .scroll-container.evenodd a:nth-child(even) > .sticky-left, .scroll-container.evenodd div.registro:nth-child(even), .scroll-container.evenodd div.registro:nth-child(even) > .sticky-left  {
  background: #efefef;
}
.scroll-container{
	/*max-height:405px;*/
	/*overflow-y:scroll;*/
	/*overflow-x:scroll;*/
}

.program-body-inner{height:calc(100vh - 340px);overflow-y:none;overflow-x:scroll;	}
.program-body-inner-no-pagination{
	height:calc(100vh - 270px);overflow-y:none;overflow-x:scroll;	
}


.button-circle{width:40px;height:40px;font-size:20px;border-radius:50%;background-color:#00b4ce;text-align:center;transition:all 0.3s;overflow:hidden;}
.button-circle i{line-height:40px;color:#ffffff;}

.button-circle:hover{background-color:#b1eaf1;}


.upload-icon-circle-label{padding:0!important;font-size:20px!important;height:40px;width:40px;background:#00b4ce;transition:all 0.3s;}
.upload-icon-circle-label:hover{background:#b1eaf1!important;}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}
body{background-color:#f5f5f5;}
.no-scrollbar::-webkit-scrollbar { width: 0 !important }
.nv{display:none!important;}
.v{display:block!important;}
.label{color:#333333;}

.delete-row{float:left;margin-left:10px;cursor:pointer;}

.find-selection-menu{width:400px;height:100px;background:#ffffff;}

#add, .add{
	width:30px;height:30px;text-align:center;cursor:pointer;line-height:30px;font-size:24px;color:#00b4ce;
}


.delete-product-row{width:30px;height:30px;cursor:pointer;margin-left:10px;}

.menu-shadow{box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
.menu-body-container .menu-body-title{font-size:16px;line-height:20px;}
.menu-body-totals{font-size:64px;text-align:center;font-weight:bold;}
.menu-body-line-div{width:100%;height:1px;background:#eeeeee;margin-top:40px;}
.menu-body-emergency{font-size:14px;line-height:20px;text-align:center;margin-top:30px;}

.menu-body-container .menu-body-stock-registro{font-size:11px;line-height:30px;}

.menu-body-container a{color:#000000;display:block;}
.menu-body-container a:hover{color:#999999;}

.menu-body-container{width:1240px;margin: 0 auto 0 auto;}
.menu-body-subcontainer-1{width:800px;height:600px;float:left;}
.menu-body-subcontainer-2{width:400px;height:600px;float:left;}
.menu-body-subcontainer-1-1{height:290px;width:800px;}
.menu-body-subcontainer-1-2{height:270px;width:740px;padding:20px;background-color:#ffffff;}
.menu-body-subcontainer-1-1-1{width:205px;height:230px;background-color:#ffffff;padding:20px;}
.menu-body-subcontainer-1-1-2{width:205px;height:230px;margin-left:20px;background-color:#ffffff;padding:20px;}
.menu-body-subcontainer-1-1-3{width:205px;height:230px;margin-left:20px;background-color:#ffffff;padding:20px;}
.menu-body-3{width:340px;height:560px;background-color:#ffffff;padding:20px;}
.menu-body-3 .article{width:300px;overflow:hidden;}
.menu-body-4{width:200px;height:290px;float:left;background-color:#ffffff;}
.menu-body-5{width:110px;height:290px;float:left;margin-top:20px;background-color:#ffffff;}
.menu-body-6{width:110px;height:290px;float:left;margin-top:20px;margin-left:20px;background-color:#ffffff;}


/***** MENUS MAESTROS ******/
.menu-base{background:#efefef;border-radius:4px;border:1px solid #dfdfdf;top:50%;left:50%;position:fixed;transform:translate(-50%,-50%);box-shadow: 0 3px 5px rgba(0,0,0,0.12), 0 3px 4px rgba(0,0,0,0.24);z-index:9999;}
.menu-base .title{padding:20px 20px 10px 20px;border-bottom:1px solid #555555;text-align:center;}
.menu-base .content{padding:20px 20px 40px 20px;text-align:center;}
.menu-base .content label{font-size:13px;color:#333333;line-height:20px;}
.menu-base .close-menu{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer;}

.listacontainermenu ul{margin-top:20px;border:1px solid #555555;max-height:240px;background-color:#ffffff;overflow:scroll;}
	
.listacontainermenu ul li{height:40px;line-height:40px;border-bottom:1px solid #efefef;}

.listacontainermenu ul li:hover{background-color:rgb(204,204,204);cursor:pointer;}

.menu-base .menu-pagos-dark-bg{background: #cfcfcf;}
.menu-base .menu-pagos-light-bg{background: #efefef;}

.menu-base .menu-pagos-dark-bottom-border{border-bottom:1px solid #aaaaaa;}
.menu-base .menu-pagos-dark-bottom-border{border-bottom:1px solid #cccccc;}
.menu-base .hide-menu{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
}


.menu-base .content .filter .label{
	font-size: 12px;
	line-height: 15px;
	text-transform: capitalize;
	color: #000000;
	letter-spacing: 1px;
	height: 30px;
	display: flex;
	align-items: center;
}
.filter .input-container{/*width: calc(100% - 20px);*/width: calc(100%);}
.filter .select-style{/*width: calc(100% - 20px);*/width: calc(100%);}

/*******  MENU *******/
header #menu{width:auto;
				height:50px;
				float:right;
				line-height:50px;
				padding-right:15px;
				padding-left:15px;
				transition: all .25s;
				-webkit-transition:all .25s;
				cursor:pointer;
			}
	.span-menu			
	{
	width: 24px;
	position: relative;
	top:15px;
	height:19px;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
		
	}
	 .span-menu-bar {
			width: 24px;
			height: 3px;
			position: absolute;
			left: 0;
			display: inline-block;
			border-radius: 3px;
			transition:all .25s;
			background-color:#ffffff;
	}
	.span-menu-top {
		top:0px;
		transition:all .35s;
		transform-origin: top left;
	}
	 .span-menu-middle {
		top:8px;
		transition:all .35s;
	}
	 .span-menu-bottom {
		top:16px;
		transition:all .35s;
		transform-origin: bottom left;
	}
	.menu-change{background-color:#00bcd4;color:#ffffff;}
	.menu-change:hover{background-color:#ffffff;color:#00bcd4;}
	.menu-change-fixed{background-color:#ffffff;color:#00bcd4;}
	.menu-change:hover .span-menu-bar{background-color:#00bcd4;}
	.span-menu-bar-fixed{background-color:#00bcd4;}
	.transforma-x-top{transform: rotate(45deg);  }
	.transforma-x-middle{ opacity:0;  }
	.transforma-x-bottom{transform: rotate(-45deg);}
	header #menu-alerts{width:auto;
				height:50px;
				float:right;
				line-height:50px;
				padding-right:15px;
				padding-left:15px;
				transition: all .25s;
				-webkit-transition:all .25s;
				cursor:pointer;
				text-align:center;
				display: flex;
				align-items: center;
				justify-content: center;
				}
	.span-menu-alerts{
	width: 24px;
	position: relative;
	
	height:19px;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
		font-size:18px;
	}
	 .span-menu-alerts-bubble {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	position: absolute;
	left: 10px;
	top: -5px;
	display: block;
	background-color: #ff7e0b;
	z-index: 2;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
		 color:#ffffff;
	}
	.menu-alerts{background-color:#00bcd4;color:#ffffff;}
	.menu-alerts:hover{background-color:#ffffff;color:#00bcd4;}
	.menu-alerts-fixed{background-color:#ffffff;color:#00bcd4;}
	.menu-alerts:hover .span-menu-alerts-bar{background-color:#00bcd4;}


/***********************HAMBURGER MENU************************/
		#hamburger-menu{
			background-color:#444444;
			z-index:21;
			width:300px;
			transform: translate(20%, 0);
			min-height: calc(100% - 50px);
			top: 50px;
			position:fixed;
			transition: all .25s;
			height:1px;
			right:-300px;
			display:flex;
			flex-direction:column;
		}
		#hamburger-menu.a{transform: translate(-300px, 0);}
		#hamburger-menu #head{
			display:flex;flex-direction:column;padding:20px 20px;
		}
		#hamburger-menu #content{
			display:flex;flex-direction:column;padding:20px 20px;flex-grow:1;
		}
		#hamburger-menu #content ul{
			display: flex;
			flex-direction: column;
			flex-grow:1;
		}	
		#hamburger-menu #content li{
			color:#ffffff;font-size:18px;
		}	
			
		#hamburger-menu #content  a{
			font-size:16px;
			height:40px;
			color:#ffffff;
			line-height:40px;
		}
		
		
		#hamburger-menu #content a:hover{
			color:#cccccc;	
			
		}
	/**********************************************/
/***** CREADO Y ACTUALIZADO POR *****/

.creado_por{height:20px;width:250px;float:right;margin-left:20px;font-size:13px;}
.actualizado_por{height:20px;width:250px;float:right;margin-left:20px;font-size:13px;}

/******* LISTA AL ELEGIR CLIENTE ******/
/*#listacliente{position:absolute;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);border-radius:4px;border:1px solid #656565; max-height:180px;background-color:#ffffff;overflow-y:scroll;overflow-x:hidden;z-index:5;margin-top:30px;}*/
/*#listacliente .reglistacliente{display:block;height:30px;font-size:15px;line-height:30px;cursor:pointer;background-color:#ffffff;padding:0 20px;}*/

/******* LISTA AL ELEGIR PROVEEDOR ******/
/*#listaproveedor{position:absolute;border:1px solid #333333;max-height:180px;background-color:#ffffff;overflow-y:scroll;overflow-x:hidden;z-index:5;margin-top:30px;width:600px;}
#listaproveedor .reglistaproveedor{display:block;height:30px;font-size:15px;line-height:30px;cursor:pointer;background-color:#ffffff;padding:0 10px;}
*/

/******* LISTA AL ELEGIR PRODUCTO CATALOGO ******/
#listaproducto{position:absolute;border:1px solid #333333;max-height:120px;background-color:#ffffff;overflow-y:scroll;overflow-x:hidden;z-index:5;margin-top:30px;}
#listaproducto .reglistaproducto{display:block;height:30px;font-size:15px;line-height:30px;cursor:pointer;background-color:#ffffff;padding:0 10px;}

#listaproductos ul li{padding:0 10px;}
#listaproductos ul li span{display:block;float:left;overflow:hidden;height: 40px;font-size:13px;}


/******** LISTA GENERAL ********/

.lista{
	position: absolute;
	max-height: 400px;
	background-color: #ffffff;
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: 5;
	margin-top: 30px;
	width: auto;
	border-radius: 4px;
	border: 1px solid #999999;
	/*transform: translatex(-25%);*/
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 3px 4px rgba(0, 0, 0, 0.24);
	padding:5px 0;
}
.lista .reglista, .lista .noreglista{
	display: block;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	cursor: pointer;
	background-color: #ffffff;
	padding: 0 20px;
	cursor: pointer;
}
.lista .reglista:hover{
	background-color:#efefef;
}
.lista .loading-line{
	width:200px;
	text-align:center;
}
.lista .loading-line img{
	height:60px;
	width:auto;
}

/*******/

#form_invoices_provider_deliverys{}
#form_invoices_provider_deliverys #title_form{font-size:18px;line-height:30px;text-align:center;margin-top:20px;}
#form_invoices_provider_deliverys #nombre_cliente{font-size:13px;line-height:30px;text-align:center;}

#form_invoices_client_deliverys #title_form{font-size:18px;line-height:30px;text-align:center;margin-top:20px;}
#form_invoices_client_deliverys #nombre_cliente{font-size:13px;line-height:30px;text-align:center;}


#form_invoices_intervalo_deliverys{}
#form_invoices_intervalo_deliverys #title_form{font-size:18px;line-height:30px;text-align:center;margin-top:20px;}
#form_invoices_intervalo_deliverys #nombre_intervalo{font-size:13px;line-height:30px;text-align:center;}


#form_send_mail_client{display:none;position:absolute;background:#efefef;width:400px;margin-left:0;margin-top:0;border-radius:4px;z-index:9996;}
#form_send_mail_client #title_form{font-size:18px;line-height:30px;text-align:center;margin-top:20px;}
#form_send_mail_client #nombre_cliente{font-size:13px;line-height:30px;text-align:center;}
#form_send_mail_client #texto{font-size:13px;line-height:30px;text-align:center;}


#form_new_remesa{display:none;position:absolute;background:#efefef;width:400px;height:400px;margin-left:0;margin-top:0;border-radius:4px;}
#form_new_remesa #title_form{font-size:18px;line-height:30px;text-align:center;margin-top:20px;}
#form_new_remesa #nombre_cliente{font-size:13px;line-height:30px;text-align:center;}



.form-menu{display:none;position:fixed;background:#efefef;margin-left:0;margin-top:0;border-radius:4px;transform:translate(-50% , -50%);top:50%;left:50%;padding-bottom:20px;}
.form-menu .title{font-size:18px;line-height:50px;text-align:center;}
.form-menu .datos{font-size:13px;line-height:30px;text-align:center;}
.form-menu .text{font-size:13px;line-height:24px;text-align:center;padding:10px 20px;}

/************* LOGIN ****************/
.row-form{height:70px;}
.login{}
.login-container {width: 400px;	margin-left:auto;	margin-right:auto;	margin-top:0;border-radius:4px;}

.login-container .login-header{
	width: 400px;
	line-height: 80px;
	padding-top:30px;
	text-align: center;
	height: auto;
}

.login-container .login-title{width: 100px;height: 35px;float: left;line-height: 35px;font-size: 16px;color: #111111;margin-left: 10px;}
.login-container .login-row{height: 60px;}

/*********NAVIGATION ********/
#navigation-box{height:50px;position:fixed;width:100%;z-index:9999;}
#navigation{	width:100%;}
/*.nav a{}/*si está elegida esta opcion*/
/*.nav a.selected{}/*si está elegida esta opcion*/
			.nav {			}
			 
						.nav > li {
							float:left;
						}
						
						.nav > li > .nav-logo{
							flex-wrap:wrap;height:30px;width:30px;background:#ffffff;border-radius:4px;margin-top:10px;margin-left:10px;margin-right:10px;
						}
						.nav > li > .nav-logo img{
							height:20px;
							width:auto;
						}
						/* HEADER */
						  .nav li a {
							  color:#ffffff;line-height:50px;font-size:12px;text-transform:uppercase;font-weight:400;display:block;letter-spacing:1px;transition:all .35s;
						  }
						  
						  
						  .nav li a.basic {
							  padding:0 10px 0 10px;
						  }
						
						
						
						
						.nav li a.selected{background:#00838F;color:#ffffff;}
						.nav li a:hover {
							color:#ffffff;
							background:#b1eaf1;
						}
						
						.nav li ul {
							display:none;
							position:absolute;
							min-width:140px;
						}
						
						.nav li:hover > ul {
							display:block;
							z-index:9999;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 3px 4px rgba(0,0,0,0.24);
						}
						
						.nav li ul li {
							position:relative;
							height:50px;
							background:#00bcd4;
							transition:all .5s;
						}
			
						.nav li ul li a{
							padding:0 10px 0 10px;
							height:50px;
							line-height:50px;
						}
						.nav li ul li a:hover{height:50px;background:#b1eaf1;}
						.nav li ul li ul {
							right:-140px;
							top:0px;
							height:50px;
						}
			
			
			#welcome-bar{width:100%;}
			#welcome-bar .logo{float:left;width:25%;height:40px;line-height:65px;font-size:24px;color:#ffffff;margin-left:20px;font-weight:300;}
			#welcome-bar  a{display:block;width:65px;height:40px;float:right;}


/********** ACTION BAR *************/
#action-bar .separator{float:left;height:20px;width:1px;background:#eae9e9;margin-top:15px;}
#action-bar{
	width: 300px;
	float:left;
	margin-left:40px;
	/*border-bottom: 2px solid #ffffff;*/
	/*background: #ffffff;*/
}

#action-bar .option{margin:0 15px 0 15px;float:left;}
#action-bar .option a{color:#616874;line-height:50px;font-size:15px;}

/***** PROGRAM BODY ***********/
#program-body.full-page{
	position: fixed;
	height: calc(100vh - 80px);
	z-index: 99998;
	width: calc(100vw - 80px);
	top: 40px;
	border-radius:8px;
}
#program-body.full-page .program-body-inner{
	max-height: calc(100vh - 180px)
}
#program-body .maximize-program-body-close{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
}

#program-body-finder{min-width:1200px;max-width:1440px;margin:0px auto 0 auto;background-color:#ffffff;padding:20px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);border-bottom:1px solid #e0e0e0; border-radius:4px 4px 0 0; }
#program-body-finder .title{color:#444444;font-size:24px;font-weight:400;line-height:45px;}
#program-body-finder .finder{height:60px;}
#program-body-finder .finder .filter{padding-right:20px;}

#program-body{min-width:1200px;max-width:1440px;height:auto;margin:0px auto 20px auto;background-color:#ffffff;padding:0px 20px 0 20px;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);border-radius:0 0 4px 4px;}


.program-body{
	min-width: 1200px;
	max-width: 1440px;
	height: auto;
	margin: 0px auto 20px auto;
	background-color: #ffffff;
	padding: 20px 20px 0 20px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	border-radius: 0 0 4px 4px;
}







#bottom-separator{height:150px;width:100%;}

#bottom-separator{height:150px;width:100%;}

.campo{
	margin-top: 20px;}
.campo .input-container{width: calc(100% - 10px);}
.campo .select-style{width: calc(100% - 10px);}

.valores{}
.valores .input-container{width:calc(100% - 10px);}
.valores .select-style{width:calc(100% - 10px);}
/********** SELECCION DE PRODUCTO MINI MENÚ *********/
.product-select-menu{position:relative;width:0px;height:0px;}
.product-select-menu .seleccionar-producto-inner-menu{position: absolute; top: 0; left: 30px; width: 400px; height: 100px; background-color:#e0e0e0;}
.product-select-menu .close-seleccion-producto{position:absolute;top:10px;right:10px;cursor:pointer;color:#4444;}
.product-select-menu .input-container{width:360px;margin-left:20px;}
.product-select-menu .styled-input{width:360px;margin-left:0px;}
.product-select-menu .styled-input input{width:340px;margin-left:10px;}
.product-select-menu ul{border:1px solid #c1c1c1;background:#ffffff;margin-top:30px;width:360px;}
.product-select-menu li{font-size:12px;color:#333333;padding-left:10px;}
.find-button-product{font-size:24px; line-height:30px; width:30px;height:30px;cursor:pointer; color:#00b4ce;}
/********** SELECCION DE OBJETOS MINI MENÚ *********/
/*
.find-selection-menu .styled-input{width:360px;margin-left:0px;}
.find-selection-menu .styled-input input{width:340px;margin-left:10px;}*/
.find-selection-menu ul{border:1px solid #c1c1c1;background:#ffffff;margin-top:30px;width:378px;    max-height: 150px;overflow-y: scroll;}
.find-selection-menu li{font-size:12px;color:#333333;padding-left:10px;cursor:pointer;}
.find-selection-button-menu{cursor:pointer;}
.find-selection-button-menu .find-selection-menu{position: absolute; top: 0; left: 50px; width: 400px; height: 100px; background-color:#ffffff;}

.find-selection-button-menu .close-selection-menu{height:40px;line-height:40px;font-size:24px;width;40px;}

.find-selection-input{ margin:10px;width:378px!important;}

.find-selection-button-menu .lista{position:absolute;border:1px solid #333333;max-height:120px;background-color:#ffffff;overflow-y:scroll;overflow-x:hidden;width:300px;z-index:5000;margin-top:30px;padding-left:10px;}
.find-selection-button-menu .listaproducto .reglistaproducto{display:block;height:20px;font-size:13px;line-height:20px;width:300px;cursor:pointer;background-color:#ffffff;}



/******* PAGOS MENU *********/
#pagos-form{background-color:#ffffff;}
 

#pagos-button{ width:30px;height:30px;cursor:pointer;float:left; margin:30px 0 0 20px;font-size:30px;}
.pagos-delete{width:30px;height:30px;margin-left:10px;cursor:pointer;background-position:center;background-repeat:none;background-size:30px 30px;}

/******* VENCIMIENTOS MENU *********/
#vencimientos-menu{display:none;z-index:9999;position:absolute;background:#ffffff;width:640px;height:500px;border:1px solid #cccccc;margin-left:0;margin-top:0;border-radius:4px;-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.52);
-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.52);
box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.52);
}
 
#vencimientos-menu .title{font-size:24px;line-height:60px;text-align:center;margin-top:20px;}
#vencimientos-menu .close-vencimientos{color:#666666;position:absolute;top:20px;right:20px;cursor:pointer;}
#vencimientos-button{ width:30px;height:30px;cursor:pointer;/*background-image:url(/img/vencimiento-icon.png);*/background-position:center;background-repeat:no-repeat;background-size:30px 30px;float:left; margin:25px 0 0 30px;}
.vencimientos-delete{width:30px;height:30px;margin-left:20px;cursor:pointer;/*background-image:url(../img/buttons/button-remove/ic_remove_circle_outline_cyan_48dp_1x.png);background-position:center;background-repeat:none;background-size:30px 30px;*/}
/*****CONTAINER MENU *********/
#menu-box{
	float: left;
	background: #ffffff;
}
#container-menu-box{
}

#menu{}
#menu .subtitle{font-size: 18px;font-weight: 400;line-height: 20px;color: #4f4f4f;margin-top: 40px;}

#menu .label{font-size: 14px;line-height: 25px;}

#list{}
#list .row-list{height: 50px;line-height: 50px;font-size: 13px;color: #333333;}
#list .row-list .column1{width: 30px;height: 50px;}
#list .row-list .column2{width: 80px;height: 50px;}
#list .row-list .column3{width:60px;height:50px;text-align:center;}
#list .row-list .column4{width: 520px;}

#list .row-list a{	height: 30px;	width: 30px;	float: right;	margin-top: 10px;	margin-right: 10px;display:block;background:#000;}
.row-separator{height:1px;background:#cccccc;}



/* ********* MENU ************* */
 #pagination{
	width: 100%;
	
}
#pagination a{text-align:center;line-height:25px;margin:15px 2px;display:block;float:left;border-radius:4px;}
 #pagination a.inuse{color:#ffffff;font-size:14px;height:25px;width:25px;background:#00bcd4;}
  #pagination a.not-inuse{color:#ffffff;font-size:14px;height:25px;width:25px;background:#818181;}
  #pagination a.not-inuse:hover{color:#ffffff;background:#00bcd4;}
.pagination-top-separator{border-top:1px solid #cccccc;}

/*************** IMAGE *****************/
.imagepreview-container{width:100%;}
.imagepreview{width:200px;height:120px;margin:10px auto;background-image:url(../img/no-photo.png); background-position:center;background-size:cover;border:1px solid #999999;}


/********** UPDATE MENU **************/
.webpanel-update-images-container{}
.webpanel-update-images-container .webpanel-update-image{
	width: 162px;
	padding: 10px;
	float: left;
}
.photo_associated_update{ widh:150px;border:1px solid #cccccc;padding:5px;}
.photo_associated_update img { width:150px;height:112px;}

/******** PRINT *******/
.print-bar{width:916px;height:auto;margin:30px auto 0 auto;background-color:#ffffff;padding:20px;}
.print-bar .return-print{width:150px;height:30px;line-height:30px;display:block;float:left;background:#333333;text-align:center;color:#ffffff;font-size:14px;border-radius:0px;}
.print-bar .send-print{width:150px;height:30px;line-height:30px;display:block;float:right;background:#333333;text-align:center;color:#ffffff;font-size:14px;border-radius:0px;margin-right:20px;}
.print-bar .button-print{width:150px;height:30px;line-height:30px;display:block;float:right;background:#333333;text-align:center;color:#ffffff;font-size:14px;border-radius:0px;}


/******* SELECCION DE PRODUCTO LISTA ******/
#seleccion-producto{position:relative;}
#seleccion-producto .nv {display:none;}
#seleccion-producto .v {display:block;}
#seleccion-lista{height:200px;background:#ff0000;position:absolute;z-index:9999;overflow-y:scroll;left:-200px;border:1px solid #cccccc;border-radius:4px;font-size:13px;}
#seleccion-lista li{width:400px;height:30px;line-height:30px;background:#ffffff;text-transform:uppercase;}
#seleccion-lista li:hover{background:#dddddd;cursor:pointer;}





/******** PRINT **********/

#print-header{position:relative;height:180px;}
#print-header img{width:300px; height:60px;}
#print-header ul{list-style:none;margin-top:10px;}
#print-header ul li{text-align:center;line-height:20px;font-size:14px;}
#print-header .rig{width:400px;}
#print-header .rig ul{margin-top:40px;}
#print-header .rig ul li{line-height:30px;font-size:18px;font-style:italic;}
.print-body {min-height:780px;}


/******* LISTADOS *********/
.resultado-dato-listado-container{}
.resultado-dato-listado{width:80px;height:60px;float:left;}
.resultado-dato-listado .label{height:30px;border-bottom:2px solid #000000;line-height:30px;text-align:center;font-size:13px;font-weight:bold;}
.resultado-dato-listado .resultado{height:30px;line-height:30px;text-align:center;font-size:13px;}


/**** BUTTONS *****/

.button-register{padding:0 10px;background:#ffffff;color:#00bcd3;fonts-size:13px;line-height:30px;margin-top:7px;z-index:2;}
.button-register:hover{background:#00bcd3;color:#ffffff;}


@media screen and (min-width: 1460px) {
	
#pull-down{height:70px!important;margin-bottom:20px!important;}

.nav > li > .nav-logo{
	margin-top:20px;
}
 .nav li a.basic {
	 padding:0 15px 0 15px;
 }
 
.nav li a {
	 color:#ffffff;line-height:70px;font-size:13px;text-transform:uppercase;font-weight:400;display:block;letter-spacing:1px;
 }
  #navigation-box{height:70px;}
  
  header #menu-alerts{width:auto;
  height:70px;
  float:right;
  line-height:50px;
  padding-right:25px;
  padding-left:25px;
 
  }
  .span-menu-alerts{
	  font-size:22px;
  }
  
  header #menu{width:auto;
  height:70px;
  line-height:50px;
  padding-right:25px;
  padding-left:25px;
  
  
  }
 .span-menu
  {
  width: 24px;
  position: relative;
  top:25px;
  height:19px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
	  
  }
#hamburger-menu{
	  background-color:#444444;
	  z-index:21;
	  width:300px;
	  transform: translate(20%, 0);
	  min-height: calc(100% - 70px);
	  top: 70px;
	  position:fixed;
	  transition: all .25s;
	  height:1px;
	  right:-300px;
	  display:flex;
	  flex-direction:column;
  }
}