@charset "utf-8";
body {
	/*font: 100% Verdana, Arial, Helvetica, sans-serif;*/
	font-family:Verdana, Geneva, sans-serif;
	background-color: #24599A;  /*fe9e89 #FF5733;*/
	/*background-image:url(../images/bground.gif);*/
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	margin-top:15px;
}

#container {
	min-width: 1100px;
	width: 92%;
	background: #FFFFFF;
	margin: 0 auto;
	text-align: left;
	height:auto;
	border: 1px solid #46B90D;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	}
#tblReportResults{
	/*border: 2px solid #46B90D;*/
	width:100%;
	padding:0;
	margin:0;
}
#header {
	/*background-image:url(../images/logo_zuggy.png);*/
	background-repeat:no-repeat;
	background-position:center center;
	height:100px;
	text-align:right;
	padding: 0 10px 0 10px;
	background-color: #FFFFFF;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border:0px solid #333;
}

#contenidos{
	padding-left:15px;
	padding-right:15px;
	min-height:650px;
	height:auto;
	text-align:center;
	border: 0px solid #46B90D;
	border-radius: 15px 15px 15px 15px;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	}

#sideMenu{
	float: left;
	margin-top:30px;
	width:17.8%;
	min-height:600px;
	text-align:left;
	background: #ccc;
	padding: 10px 0;
	border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #46B90D;
	border-bottom-width: 1px;
	border-bottom-color: #46B90D;
	border-bottom-style:solid;
	border-left-width: 1px;
	border-left-color: #46B90D;
	border-left-style:solid;
	}

#contenidoAdmin{
	   float: right;
	   margin-top:30px;
	   width:82%;/*720 680*/
	   min-height:600px;
	   background: #ccc;
	   padding: 10px 0;
	   border-top-style:solid;
	   border-top-width: 1px;
	   border-top-color: #46B90D;
	   border-bottom-width: 1px;
	   border-bottom-color: #46B90D;
	   border-bottom-style:solid;
	   border-right-width: 1px;
	   border-right-color: #46B90D;
	   border-right-style:solid;
	   }
	   

.btnAdminMenuActive{
	width: 150px;
	background-color:#ededed;
	/*border:2px solid #ccc;*/
	display:inline-block;
	color:#46B90D;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	float:right;
	margin-right:0px;
	border-top-style:solid;
	border-top-width: 3px;
	border-top-color: #ccc;
	border-bottom-width: 3px;
	border-bottom-color: #ccc;
	border-bottom-style:solid;
	border-left-width: 2px;
	border-left-color: #ccc;
	border-left-style:solid;
	border-radius: 33px 0px 10px 33px;
	-moz-border-radius: 33px 0px 10px 33px;
	-webkit-border-radius: 33px 0px 10px 33px;
}.btnAdminMenuActive:hover {
	background: #5EB035;
  	background-image: -webkit-linear-gradient(top, #5EB035, #46B90D);
  	background-image: -moz-linear-gradient(top, #5EB035, #46B90D);
  	background-image: -ms-linear-gradient(top, #5EB035, #46B90D);
  	background-image: -o-linear-gradient(top, #5EB035, #46B90D);
  	background-image: linear-gradient(to bottom, #5EB035, #46B90D);
	color:#000;
}.btnAdminMenuActive:active {
	position:relative;
	top:1px;
}

.btnAdminMenu{
	width: 150px;
	background-color:#46B90D;
	/*border:2px solid #ccc;*/
	display:inline-block;
	float:right;
	color:#fff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #666;
	margin-right:0px;
	border-top-style:solid;
	border-top-width: 3px;
	border-top-color: #ccc;
	border-bottom-width: 3px;
	border-bottom-color: #ccc;
	border-bottom-style:solid;
	border-left-width: 2px;
	border-left-color: #ccc;
	border-left-style:solid;
  	background: #46B90D;
  	background-image: -webkit-linear-gradient(top, #46B90D, #3A8F10);
  	background-image: -moz-linear-gradient(top, #46B90D, #3A8F10);
  	background-image: -ms-linear-gradient(top, #46B90D, #3A8F10);
  	background-image: -o-linear-gradient(top, #46B90D, #3A8F10);
  	background-image: linear-gradient(to bottom, #46B90D, #3A8F10);
	border-radius: 33px 0px 10px 33px;
	-moz-border-radius: 33px 0px 10px 33px;
	-webkit-border-radius: 33px 0px 10px 33px;
  	font-family: Arial;
  	color: #ffffff;
  	font-size: 14px;
	padding:3px 12px;
  	text-decoration: none;

}.btnAdminMenu:hover {
	background: #5EB035;
  	background-image: -webkit-linear-gradient(top, #5EB035, #46B90D);
  	background-image: -moz-linear-gradient(top, #5EB035, #46B90D);
  	background-image: -ms-linear-gradient(top, #5EB035, #46B90D);
  	background-image: -o-linear-gradient(top, #5EB035, #46B90D);
  	background-image: linear-gradient(to bottom, #5EB035, #46B90D);
	color:#CCC;
}.btnAdminMenu:active {
	position:relative;
	top:1px;
}
.textSmall{
	font-weight:normal;
	font-size:.8em;
	color:#666;
}
.tituloGris{
	font-weight:bold;
	font-size:1em;
	color:#666;
	}

#header .tituloGrisAdmon{
	font-weight:bold;
	font-size: 1.6em;
	color:#666;
	padding-top:100px;
	margin-bottom:20px;
	}

.textoGris{
	font-size:12px;
	color:#cccccc;
	}

#header h1 {
	margin: 0;
	padding: 10px 0;
	text-align:left;
}

#mainContent {
	border: 0px solid #46B90D;
	padding: 0px;
	background: #FFFFFF;
	margin-bottom:5px;
}

#footer {
	/*background-image:url(../images/logo-fertech.png);*/
	background-repeat:no-repeat;
	background-position:top center;
	padding:0px;
	text-align:center;
	color:#333;
	font-size:10px;
	width:100%;
	height:55px;
	border:0px solid #333;
}

#footer p {
	color:#FFFFFF;
	margin: 0;
	padding: 10px 0;
	padding-top:60px;
	vertical-align:bottom;
}
.espaciadorNaranja{
	border-bottom:solid 0px #46B90D;
	height:10px;
}

/* FORM DECORATION S*/
/*-------------------------------------------------*/
#loginForm{
	display:block;
	height:320px;
	width:100%;
	font-size:12px;
	color:#666666;
	margin:0px;
	border:solid 0px #000;
	text-align:center;
	}


fieldset {
	height: 30em;
	width: 19em;
	border: 0;
	margin: 0;
	padding: 1em;
	float: left;
	display:inline-block;	
	}

input{
	font-size:12px;
	color:#333;
	border:1px solid #46B90D;
	}
	
.btn_consultar{
	margin-left:15px;
	padding-left:10px;
	padding-right:10px;
	font-size:12px;
	font-weight:bold;
	color:#333;
	border:1px solid #46B90D;
	}

select{
	font-size:12px;
	color:#333;
	border:1px solid #46B90D;
	}

.inputsLargos{
	width:220px;
	}
.inputsChicos{
	width:80px;
	}
.inputsTextAreaLargos{
	width:220px;
	height:100px;
	border:1px solid #46B90D;
	}

/*FORMULARIO*/
#full_form{
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	color:#46B90D;
	font-size:12px;
	/*border:#46B90D solid 2px;*/
	width:70%;
	margin: 0 auto;
}
select.pos{
	font-size:12px;
	color:#333;
	border:1px solid #46B90D;
	margin-left:30px;
	}
input.pos{
	font-size:12px;
	color:#333;
	border:1px solid #46B90D;
	margin-left:30px;
	}
.form label {display:block;margin:2px; text-align:left;}
.form {
	padding:0px;
	margin: 0 auto;
	border:#46B90D solid 2px;
	background-color:#CCC;
	width:80%;
	/*position:relative;*/
	/*float:left;*/
}
.form li {width:90%;margin:3px;padding:5px 5px 5px 30px;list-style:none;position:relative;text-align:left;}
.form li img {position:absolute;left:5px;}
.form .error {border:1px solid #A90000;padding:4px 4px 4px 29px;background-color:#F8E5E5;}
.form .success {border:1px solid #CCC;padding:4px 4px 4px 29px;background-color:#CCC;}
.form .selected {
	/*border:1px solid #F90;
	padding:4px 4px 4px 30px;*/
	background-color:#AEAEAE;
}
#login_table .pad {padding:15px;}
.form input.login {padding:2px 7px;width:auto;}
.form input {width:180px;}
#full_msg{ height:30px;}
.div_form_msg {
	color:#0099FF;
	padding:5px;
	margin:0px;
	margin-top:10px;
	border:#46B90D solid 1px;
	background-color:#CCC;
	width:240px;
	height:50px;
	overflow:hidden;
	position:relative;
	float:left;
}


.div_form_msgQR{
	color:#09F;
	padding:5px;
	margin:0px;
	margin-top:10px;
	border:#46B90D solid 1px;
	background-color:#CCC;
	width:250px;
	height:300px;
	overflow:hidden;
	position:relative;
	float:left;
}


#div_form{
	margin:10px auto;
	font-size:12px;
	font-weight:bold;
	color:#F00;
	width:100%;
	text-align:center;
	/*border:#46B90D solid 2px;*/
}

.divBlanco{background-color:#FFF;border:#FFF solid 0px; height:52px;}
.divGris{background-color:#ccc;border:#ccc solid 0px; height:25px;}

.btn_operacion{
	color:#0099FF;/*azul celeste*/
	text-decoration:underline;
	text-align:center;
	margin-bottom:5px;
}
.separador{
	margin-bottom:5px;
	margin-top:10px;
	background-color:#46B90D;
	color:#FFF;
	}
/*---------- BOTON DE LOGIN-------*/
.BTN_LOGIN {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #46B90D), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #46B90D 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#46B90D', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#fff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #000;
	margin-right:10px;
}.BTN_LOGIN:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.BTN_LOGIN:active {
	top:1px;
}
/*---------- BOTON DE LOGOUT-------*/
.BTN_LOGOUT {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#46B90D;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	float:right;
	margin-right:10px;
}.BTN_LOGOUT:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.BTN_LOGOUT:active {
	position:relative;
	top:1px;
}

/*------- LOGOUT ------------------*/
.BTN_LINKS  {
	-moz-box-shadow:inset 0px 1px 0px 0px #141214;
	-webkit-box-shadow:inset 0px 1px 0px 0px #141214;
	box-shadow:inset 0px 1px 0px 0px #141214;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #db350b), color-stop(1, #f04f23) );
	background:-moz-linear-gradient( center top, #db350b 5%, #f04f23 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#db350b', endColorstr='#f04f23');
	background-color:#db350b;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ebdeda;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #e8380c;
	float:right;
	margin-right:10px;
}.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f04f23), color-stop(1, #db350b) );
	background:-moz-linear-gradient( center top, #f04f23 5%, #db350b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f04f23', endColorstr='#db350b');
	background-color:#f04f23;
}.classname:active {
	position:relative;
	top:1px;
}
/*----------------------------------------------*/
.btn_operacion{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#46B90D;
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ccc;
	margin-right:10px;
}.btn_operacion:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.btn_operacion:active {
	position:relative;
	top:1px;
}
/*---------- TABLA  -------*/
.tableList{
	width:90%;
	border:2px solid #dcdcdc;
	}
	
.tableHeader{
	background-color:#FFFFFF;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	color:#FF5733;/*NARANJA FUERTE*/
	}
	
.tableItem{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-align:left;
	}	
.tableItemCentered{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	color:#666;
	text-align:center;
	}
.tableItemTools{
	width:230px;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#666;
	padding-left:10px;
	}
.titleTable{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	color:#666
	}
.titleItem{
	font-family:arial;
	font-size:12px;
	color:#666;
	text-align:right;
	}
.textItem{
	font-family:arial;
	font-size:12px;
	color:#999;
	text-align:left;
	}
.row_1{
	background-color:#FFFFFF;
}
.row_2{
	background-color:#dcdcdc;
}
/*-----------------------*/
.btn_tools{
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f5fc), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #f4f5fc 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f5fc', endColorstr='#dfdfdf');
	background-color:#f4f5fc;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#7e8497;/*f04e23*/
	font-family:arial;
	font-size:9px;
	font-weight:bold;
	padding:3px 3px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	margin-right:10px;
}.btn_tools:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.btn_tools:active {
	position:relative;
	top:1px;
}
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/*------------------------------------------------------------------------------------*/
#menuReports{
	padding-left:30px;
	border-bottom:1px solid #46B90D;
}

ul.menuReports {
list-style-type:none;
width:auto;
/*position:relative;*/
display:block;
height:18px;
font-size:.9em;
font-family:Verdana,Helvetica,Arial,sans-serif;
margin:0;
padding:0;
}

ul.menuReports li {
display:block;
float:left;
margin:0;
padding:0;
}

/*-------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
#contenidoReports{
	/*border:1px solid #C00;*/
	width:95%;
	min-height:640px;
	height:auto;
	padding-left:5px;
	color:#666666;
	}
a.btn_reports:link, a.btn_reports:visited, a.btn_reports:active{
	display:block;
	height:14px;
	/*width:120px;*/
	padding-left:20px;
	padding-right:15px;
	background-image:url(../images/icono-flecha.png);
	background-repeat:no-repeat;
	text-decoration: none;
	font-weight: normal;
	font-size:12px;
	color:#666666; /* ff9a00 NARANJA*/
	font-weight:bold;
	/*border:1px solid #C00;*/
	}
	
a.btn_reports:hover {
	/*background-image:url(../images/arrows_back.png);*/
	background-image:url(../images/icono-flecha-hov.png);
	background-repeat:no-repeat;
	text-decoration: none;
	color:#FFF;
	}
	
#reportResults{
	padding-top:10px;
	/*border:1px solid #000;*/
	height:430px;
	overflow-y: scroll;
	}
	
#reportResults -webkit-scrollbar {
    width: 1em;
}
 
#reportResults -webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
#reportResults -webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
	
#productList{
	padding-top:10px;
	border:0px solid #000;
	height:400px;
	overflow-y:scroll;
	}
	
.reportRow{
	font-size:10px;
	padding-right:5px;
	color:#666;	
	}
	
.reportRowTitle{
	font-weight:bold;
	font-size:11px;
	padding-right:10px;
	color:#666;
	background-color:#CCC;
	}
.reportRowTitlePin{
	width:200px;
	font-weight:bold;
	font-size:11px;
	padding-right:10px;
	color:#666;
	background-color:#CCC;
	}
.report_title_form{
	text-align:left;
	font-weight:bold;
	font-size:10px;
	}
#contenidoReports select{
	font-size:10px;
	color:#666;
	border:1px solid #46B90D;
	}

.reportXLS{
	height:20px;
	width:500px;
	}

a.btn_reportsXLS:link, a.btn_reportsXLS:visited, a.btn_reportsXLS:active{
	display:block;
	float:left;
	height:20px;
	width:100px;
	padding-left:20px;
	padding-right:10px;
	background-image:url(../images/icons/xls_icon.jpg);
	background-repeat:no-repeat;
	text-decoration: none;
	font-weight: normal;
	font-size:12px;
	color:#666;
	font-weight:bold;
	}
	
a.btn_reportsXLS:hover {
	color:#ff9a00;
	font-weight:bold;
	}

a.btn_reportsTXT:link, a.btn_reportsTXT:visited, a.btn_reportsTXT:active{
	display:block;
	float:left;
	height:20px;
	width:100px;
	padding-left:20px;
	padding-right:10px;
	background-image:url(../images/icons/icon_csv.gif);
	background-repeat:no-repeat;
	text-decoration: none;
	font-weight: normal;
	font-size:12px;
	color:#666;
	font-weight:bold;
	}
	
a.btn_reportsTXT:hover {
	color:#ff9a00;
	font-weight:bold;
	}
a.theButtonIsOn{
	display:block;
	float:left;
	height:20px;
	width:40px;
	margin-right:5px;
	border:0px solid #46B90D;
	background-image:url(../images/on_switch_button.png);
	background-repeat:no-repeat;
}
.center{
	text-align:center;
}
a.theButtonIsOff{
	display:block;
	float:left;
	height:20px;
	width:40px;
	margin-right:5px;
	border:0px solid #46B90D;
	background-image:url(../images/off_switch_button.png);
	background-repeat:no-repeat;
}

a.theButtonExternoOn{
	display:block;
	margin: 0 auto;
	/*float:left;*/
	height:20px;
	width:40px;
	/*margin-right:5px;*/
	border:0px solid #46B90D;
	background-image:url(../images/out_switch_button.png);
	background-repeat:no-repeat;
}

a.theButtonExternoOff{
	display:block;
	margin: 0 auto;
	/*float:left:*/
	height:20px;
	width:40px;
	/*margin-right:5px;*/
	border:0px solid #46B90D;
	background-image:url(../images/in_switch_button.png);
	background-repeat:no-repeat;
}
#merchantList{
	padding-top:10px;
	border:0px solid #000;
	height:400px;
	overflow-y:scroll;
	}
#divProductosList{
	padding-top:10px;
	border:0px solid #000;
	height:300px;
	overflow-y:scroll;
 	scrollbar-base-color: #C0C0C0;
	scrollbar-base-color: #C0C0C0;
	scrollbar-3dlight-color: #C0C0C0;
	scrollbar-highlight-color: #C0C0C0;
  	scrollbar-track-color: #EBEBEB;
  	scrollbar-arrow-color: black;
  	scrollbar-shadow-color: #C0C0C0;
    scrollbar-dark-shadow-color: #C0C0C0;
	}
	
#divProductos{
	background-color:#FFF;
	border:1px solid #46B90D;
	width:98%;
	float: left;
	margin-bottom:5px;
	text-align:left;	/*border:1px #06F solid;*/
	}
#divProductos .productItem{
	display:block;
	float:left;
	padding-bottom:3px;
	padding-top:3px;
	padding-right:10px;
	font-size:12px;
	color:#666;
	/*border:1px #0FF solid;*/
	}
#divProductos .input_comision{
	width:35px;
	}
	

/* .roundedTwo */
#divProductos .roundedTwo {
	width: 20px;
	height: 20px;
	margin:0;
	padding:0;
	padding-left:5px;
}

.imagenProducto{
	width: 150px;
	height: 143px;
	margin:0;
	padding:0;
	padding-left:5px;
}
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
#menuUsers{
	padding-left:30px;
	border-bottom:1px solid #46B90D;
}

ul.menuUsers {
list-style-type:none;
width:auto;
/*position:relative;*/
display:block;
height:18px;
font-size:.9em;
font-family:Verdana,Helvetica,Arial,sans-serif;
margin:0;
padding:0;
}

ul.menuUsers li {
display:block;
float:left;
margin:0;
padding:0;
} 

#usersList{
	padding-top:10px;
	border:0px solid #000;
	height:350px;
	overflow-y:scroll;
	}

#contenidoUsuarios .titleTable{
	text-align:left;
	padding-left:10px;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	background-color:#46B90D;
	color:#fff
	}
/*------------------------------------*/	
/*      Style The Dropdown Button     */
/*------------------------------------*/
.dropdown {
    display: block;
    margin:0;
}
.dropbtn {
    margin:0;
	width: 175px;
	display:inline-block;
	float:right;
	color:#fff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:3px 12px;
	text-decoration:none;
	text-shadow:1px 1px 0px #666;
	margin-right:0px;
	border-top-style:solid;
	border-top-width: 3px;
	border-top-color: #ccc;
	border-bottom-width: 3px;
	border-bottom-color: #ccc;
	border-bottom-style:solid;
	border-left-width: 2px;
	border-left-color: #ccc;
	border-left-style:solid;
  	background: #46B90D;
  	background-image: -webkit-linear-gradient(top, #46B90D, #3A8F10);
  	background-image: -moz-linear-gradient(top, #46B90D, #3A8F10);
  	background-image: -ms-linear-gradient(top, #46B90D, #3A8F10);
  	background-image: -o-linear-gradient(top, #46B90D, #3A8F10);
  	background-image: linear-gradient(to bottom, #46B90D, #3A8F10);
	border-radius: 33px 0px 10px 33px;
	-moz-border-radius: 33px 0px 10px 33px;
	-webkit-border-radius: 33px 0px 10px 33px;
  	font-family: Arial;
  	color: #ffffff;
  	font-size: 14px;
  	text-decoration: none;
/*
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
*/
    cursor: pointer;
    
	
	background-image:url(../images/icono-low-flecha-white.png);
	background-repeat:no-repeat;
	background-position: right bottom;
}



.dropdown-content {
	float:right;
	display:inline-block;
	display: none;
    /*
	margin-right:0px;
    position: absolute;*/
    background-color:none;
    width: 175px;
    /*box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);*/
}

.dropdown-content a {
	color:#fff;
	padding:3px 12px;
    text-decoration: none;
	display:inline-block;
}

/*.dropdown-content a:hover {background-color: #f1f1f1}*/

.dropdown:hover .dropdown-content {
	display:inline-block;
}

.dropdown:hover .dropbtn {
    background-color: #2A7604;/*611A71*/
    background-image:url(../images/icono-low-flecha.png);
    
}
/*------------------------------------*/
/*------------------------------------*/
.arrowDiv{
  margin: 0, auto;
  text-align:center;
  border:0px solid #666;
  margin-bottom:10px;
}
.arrowforward{
	background: url(../images/arrows_adelante.png) no-repeat;
	background-position: center;
	width: 10px;
	height: 11px;
	padding: 0;
	margin: 0;
	margin-right:10px;
	display: inline-block;
}
.arrowback{
	background: url(../images/arrows_back.png) no-repeat;
	background-position: center;
	width: 10px;
	height: 11px;
	padding: 0;
	margin: 0;
	margin-top:5px;
	margin-left:10px;
	display:  inline-block;
}
#arrows a:link, #arrows a:visited, #arrows a:active{
	display:inline-block;
	height:14px;
	width:130px;
	padding-left:17px;
	background-repeat:no-repeat;
	text-decoration: none;
	font-weight: bold;
	font-size:12px;
	color:#FF5733; /*NARANJA FUERTE*/
	border:0px solid #F00;
	}

#arrows a:hover {
	color:#FFFFFF; /*490e60*/
	}
/*------------------------------------*/
/*------------------------------------*/
/*-----------------------*/
#lista_pedido{
	width:80%;
	margin:0 auto;
	margin-top:25px;
	margin-bottom:25px;
	border:1px solid #666;
	border-spacing: 0;
    font: normal 13px Arial, sans-serif;
}

#lista_pedido thead th {
    background-color: #46B90D;/*3c8dbc*/;/*81BEF7*/
    border: solid 1px #46B90D;/*3c8dbc*/;/*81BEF7*/
    color: #FFF;
    padding: 10px;
    text-align: left;
    text-shadow: 1px 1px 1px #fff;
}
#lista_pedido tbody td {
    border: solid 1px #46B90D;/*3c8dbc*/;/*81BEF7*/
    color: #333;
    padding: 2px;
    text-shadow: 1px 1px 1px #fff;
}
#lista_pedido {
    border: none;
}
#lista_pedido thead th {
    background-color: #46B90D;/*3c8dbc*/;/*81BEF7*/
    border: none;
    text-shadow: 1px 1px 1px #666;
    color: #FFF;
}
#lista_pedido thead th:first-child {
    border-radius: 10px 0 0 0;
}
#lista_pedido thead th:last-child {
    border-radius: 0 10px 0 0;
}
#lista_pedido tfoot th {
    background-color: #46B90D;/*3c8dbc*/;/*81BEF7*/
    border: none;
    text-shadow: 1px 1px 1px #666;
    color: #FFF;
}
#lista_pedido tfoot th:first-child {
 	border-radius: 0 0 0 10px;
}
#lista_pedido tfoot th:last-child {
   border-radius: 0 0 10px 0;
}

#lista_pedido tbody td {
    border: none;
    border-top: solid 1px #957030;
    background-color: #F2F2F2;
}
.dos-columnas {
  float: left;
  width: 35%;
}
.success{
	color: #0F0;
}

.error{
	color: #F00;
}
.isDisabled {
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
  pointer-events: none;
}

.enabled{
  color: currentColor;
  cursor: default;
  opacity: 1;
  text-decoration: auto;
  pointer-events: initial;
}
/*-------------------------------------------------------------------------------------*/
.btn_forgot {
	display:block;
	height:14px;
	/*width:120px;*/
	padding-left:20px;
	padding-right:15px;
	text-decoration: none;
	font-weight: normal;
	font-size:12px;
	color:#46B90D;
	font-weight:bold;
	/*border:1px solid #C00;*/
	}.btn_forgot:hover {
	text-decoration: none;
	color:#CCC;
	}.btn_forgot:active {
	text-decoration: none;
	color:#CCC;
	}
/*------------------------------------------------------------------------------------*/
/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/*------------------------------------------------------------------------------------*/
.littleText{
	width:85px;
	font-size:12px;
	}
a.littleLink:link, a.littleLink:visited, a.littleLink:active{
	padding-left:10px;
	text-decoration: none;
	font-weight: normal;
	font-size:12px;
	color:#666;
	font-weight:normal;
	}
	
a.littleLink:hover {
	color:#ff9a00;
	font-weight:normal;
	}
/*------------------------------------------------------------------------------------*/