@charset "utf-8";
/* CSS Document */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position:relative; }
html, body {height:100%;}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	color: #000;
	font-size:12px;
	width:100%;
	max-width:100%;
	min-width:100%;
	}

/* ~~ Selectores de elemento/etiqueta ~~ */
ul, ol, dl { /* Debido a las diferencias existentes entre los navegadores, es recomendable no añadir relleno ni márgenes en las listas. Para lograr coherencia, puede especificar las cantidades deseadas aquí o en los elementos de lista (LI, DT, DD) que contienen. Recuerde que lo que haga aquí se aplicará en cascada en la lista .nav, a no ser que escriba un selector más específico. */
	padding: 0;
	margin: 0;
}
h1 { margin:0px; padding:6px; font-weight:normal; font-size:14px; color:#003; background:  url('../Images/gradient45587532_GrisaBlanco.png');	}
h3, .h3{
	margin:0px 0px 5px 5px;
	padding:0px;
	list-style-position:outside;
	list-style-type:none;
	font-size:13px;
	color:#09F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	}
h2, h4, h5, h6, p {
	margin-top: 0;	 /* la eliminación del margen superior resuelve un problema que origina que los márgenes escapen de la etiqueta div contenedora. El margen inferior restante lo mantendrá separado de los elementos de que le sigan. */
	padding-right: 15px;
	padding-left: 15px; /* la adición de relleno a los lados del elemento dentro de las divs, en lugar de en las divs propiamente dichas, elimina todas las matemáticas de modelo de cuadro. Una div anidada con relleno lateral también puede usarse como método alternativo. */
}
a img { /* este selector elimina el borde azul predeterminado que se muestra en algunos navegadores alrededor de una imagen cuando está rodeada por un vínculo */
	border: none;
	outline:none;
}

#header { 
background-image: radial-gradient( circle farthest-corner at -3.1% -4.3%, rgba(21,38,82,1) 0%, rgba(57,255,186,1) 90% );
/*background-image:url('../Images/gradient36518069_AzulOscuro.png'); */
background-repeat:repeat-y; vertical-align:top; 
width:100%; 
margin:0px; 
}
.login_form { border-radius:5px; border:1px solid #186487; font-size:11px; }
.login_form td { border-spacing:0px; padding:3px;}

.style1 {font-size: 24px;}
.style3 {font-size: 14px;}
.style4 {font-size: 14px;}
.style5 {font-size: 14px;}
.style6 {font-size: 18px;
		 color: #FF9900;}
.style7 {font-size: 12px;}



/* ~~ este contenedor rodea a todas las demás divs, lo que les asigna su anchura basada en porcentaje ~~ */
.container {
	width: 100%;
	max-width: 100%;
	min-width: 100%;
	background: #FFFFFF;
	margin: 0px; /* el valor automático de los lados, unido a la anchura, centra el diseño. No es necesario si establece la anchura de .container en el 100%. */
}


#SessionDataBox{ color:#06C;}

/* Estilos para el Area Sidebar */
.sidebar1 {
	top:0px;
	left:0px;
	width: 210px;
	background: #FFFFFF;
	font-size: 9px;
	color: #999999;
	padding: 2px;
	margin:0px;
}

.TitModulo {
	color: #000000;
	font-weight: bold;
}

#menu {
	font-size:11px; 
	margin:10px 5px 5px 0px; 
	width:180px; 
	max-width:180px; 
	min-width:180px; 
	display:block; 
	padding:0px;}

.Menu_Option1, .Menu_Option2 { 
	list-style:none; 
	margin:0px 0px 5px 0px; 
	width:100%; 
	display:block; 
	padding:0px;  }

.Menu_Option1 a, .Menu_Option2 a { 
	font-size:11px; padding:5px; color:#03F; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#d6e7f0)); 
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #d6e7f0 100%); 
	border-radius:0px 0px 7px 0px ; 
	border:1px solid #a4cce5; 
	width:100%; 
	display: block; 
	text-decoration:none; 
	}

.Menu_Option1 a:hover, .Menu_Option2 a:hover, { 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#ccc)); 
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #ccc 100%); 
	border:1px solid #999; 
	cursor:pointer; 
	text-decoration:underline; 
	}

.SubMenu{ 
	margin:0px 0px 10px 5px; 
	width:100%; 
	display:block;
	}
.SubMenu li{ 
	list-style:none; 
	margin:5px 0px 0px 10px; 
	padding:0px; 
	width:100%; 
	display:block; 
	font-size:11px;
	}

.SubMenu li a{ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#a4cce5));
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #a4cce5 100%);
	padding:4px;
	color:#03F;
	text-decoration:none;
	border:1px solid #39C;
	border-radius:0px 0px 7px 0px;
	border-left:2px dotted; 
	display:block;
	width:92%;
	margin:0px;
	}


.SubMenu li a:hover
{ 
	text-decoration:underline; 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#d6e7f0)); 
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #d6e7f0 100%); 
	border:1px solid #999; 
	cursor:pointer;
}




.SubMenu li a .option_selected{ 
	padding:3px; 
	color:#03F; 
	text-decoration:none; 
	border-left: #003366 dotted 2px;  
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#006)); 
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #006 100%); 
	border:1px solid #39C; 
	border-radius:0px 0px 7px 0px; 
	border-left:2px dotted;  width:100%;
	}




.Menu_OptionActive:active { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#06C), color-stop(100%,#099)); background: -moz-linear-gradient(center top, #06C 0%, #099 100%); border:1px solid #06F; color:#fff; cursor:pointer; text-decoration:underline; display:block; }





/* Estilos para el Area Header */
.header { 
	width: 100%;
	background-color:#FFFFFF;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#fff;
	font-weight: bold;
	padding: 0px;
}

.header a:link, a:visited, a:hover, a:active {
	text-decoration: none;
	color:#09F;
}

/* Estilos para el Area Content */
.content {
	width: 100%;
	position:absolute;
	top:62px;
	background-color: #FFFFFF;
	font-size: 10px;
	color: #003366;
	padding: 0px;
}


.BrowseSection{ width:100%; min-width:100%; max-width:100%; height:100%; max-height:100%; min-height:100%; margin:0px; padding:0px; border:0px; display:block;}


#sel {font-size:15 px;}
a.sel{color:#FFFFCA; text-decoration:none; font-weight:bold; }
a.sel:visited{color:#FFFFCA; text-decoration:none; font-weight:bold; font-size:20 px;}
a.sel:hover {color:#003366; text-decoration:none; font-weight:bold; font-size:20 px;}
a.sel:active {color:#003366; text-decoration:none; font-weight:bold; font-size:20 px;}

.content a:link, .content a:visited, .content a:active { color: #003366; }
.content a:hover { 	color: #999999; }

.tbl_tit_proceso {
	border-color:#FFFFFF;
}
.tbl_barra_opc {
	padding: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background: #eeeeee;
	overflow:hidden;
}
/* Estilos para Barra de TABS de opcion */
.tbl_barra_tabs {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


/*Estilos para Tabs*/
.tabs {
	width:150px;
	border-top-right-radius:10px;
	border: solid 1px #a8a8a8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#CCCCCC));
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #CCCCCC 100%);
	text-align:center;
	vertical-align:middle;
	border-spacing:0px;
	color: #003366;text-decoration:none;
	font-weight:bold;
	}
.tabs:hover{color:#133e58; text-decoration:underline; cursor:pointer;}


.tabs_selected {
	color:#ffffff;
	text-decoration:none;
	border: solid 1px #a8a8a8;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#999999), color-stop(100%,#000033));
	background: -moz-linear-gradient(center top, #999999 50%, #000033 100%);
	}
.tabs_selected:hover{color:#AECFE1; text-decoration:underline; cursor:pointer;}


/* Estilos para botones de opcion */
.opc_button a, .opc_button a:link, .opc_button a:visited { color: #003366;text-decoration:none;}
.opc_button a:hover{color:#133e58; text-decoration:underline;}

.opc_button {
	width:25px;
	max-width:25px;
	padding: 2px;
	font-family: Helvetica, Verdana, Arial, sans-serif;
	text-decoration:none;
	display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#d6e7f0));
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #d6e7f0 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: #a4cce5 1px solid;
  font-size: 11px;
	font-weight:bold;
  color: #186487;
	height:24px;
	vertical-align:middle;
}

.ReportButtons{
	float:right;
margin-left: auto;
	}

input[type="radio"]{
	padding:0px;
	margin:0px 3px 0px 0px;
	}



input[type="text"],
input[type="url"],
input[type="email"],
input[type="password"],
input[type="number"],
select,
option,
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:middle;
	resize:none;
	border:1px solid #999;
	}

input[type="text"]:focus,
input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
option:focus,
textarea:focus
  { background-color:#FFC; }

.editable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  vertical-align:middle;
  background-color:transparent;
  border: #999 1px solid;
  text-align:center; 
  }
.editable:focus { background-color:#FFC; border: #a4cce5 1px solid; }


.editable2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  vertical-align:middle;
  background-color:transparent;
  border:0px;
  text-align:center; 
  }
.editable:focus2 { background-color:#FFC; border: #a4cce5 1px solid; }



.td_tbl_reg.ReadonlyFields, .td_tbl_reg.ReadonlyFields:focus, .td_tbl_reg input[readonly], .td_tbl_reg input[readonly]:focus  {
	background-color:transparent;
	border:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	vertical-align:middle;
	}

.td_tbl_blk { color:#fff; background-color:#333;}


input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
select,
option,
textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:normal;
	text-align:left;
	vertical-align:middle; }


.td_eti {background: #CCCCCC; font-size:11px;}
.td_cap {background: #DFDFFF;}
.td_cap2 {background: #DFDFFF;}
.td_tbl_tit {background: #09F; color:#fff; text-decoration:none; font-weight:bold; font-size:11px; text-align:left; vertical-align:middle;}
.td_tbl_reg {background:#E0E0E0; font-size:11px; text-align:left; vertical-align:middle; cursor:pointer;}
.td_tbl_reg1 {background:#E0E0E0; font-size:11px; text-align:left; vertical-align:middle; cursor:pointer;}
.td_tbl_reg2 {background:#E0E0E0; font-size:11px; text-align:left; vertical-align:middle; cursor:pointer;}
.td_tbl_reg_edos {background:#E0E0E0; font-size:11px; text-align:left; vertical-align:middle; cursor:pointer;}
.td_tbl_reg_muni {background:#E0E0E0; font-size:11px; text-align:left; vertical-align:middle; cursor:pointer;}
.td_tbl_reg_srv {background:#E0E0E0; font-size:11px; text-align:left; vertical-align:middle; cursor:pointer;}
.td_tbl_sel { background:#FF9;}
.td_tbl_reg_focus { background:#FE9A2E;}


.td_tbl_reg:hover, .td_tbl_reg1:hover, .td_tbl_reg2:hover, .td_tbl_reg_edos:hover, .td_tbl_reg_muni:hover, .td_tbl_reg_srv:hover {background:#F8F8F8;}

.menu_graphic_row{background:#E0E0E0; font-size:10px; text-align:left; vertical-align:top;}
.menu_graphic_row td { border:1px #666 solid; border-radius:3px;}
.menu_graphic_row td:hover {background:#F8F8F8;}

.menu_graphic_row td table td{ border:0px;}
.menu_graphic_row td input{ font-size:11px;}



input.no {
background:#DDDDDD;
}

#ZonaMensaje { color:#f00; font-weight:bolder;}

/* Estilos para el Area Footer */
.footer {
	padding: 1px 0;
	background: #e9e9e9;
	position: absolute;
	bottom:0px;/* esto da a IE6 hasLayout para borrar correctamente */
	width:100%;
	height:30px;
	clear: both; /* esta propiedad de borrado fuerza a .container a conocer dónde terminan las columnas y a contenerlas */
}

.blue{
	color:#36F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.error {
	color:#F60;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
 }
.exito {
	color:#0C0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
.aviso {
	color:#FF0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	font-size:11px;
	}
.NoAccess{
	color:#06C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
	}

#Notificacion a,
#Notificacion a:hover,
#Notificacion a:link,
#Notificacion avisited{
	color:#B4EBFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	font-size:11px;
	}


.icon { height:18px; width:18px; cursor:pointer; margin:auto auto 0px auto; }

.center { text-align:center; }
.justify { text-align:justify; }
.left { text-align:left; }
.right { text-align:right; }
.top { vertical-align:top; }
.bottom { vertical-align:bottom;}
.middle { vertical-align:middle;}


input.error { border: 2px solid #f00;; } 
select.error { border: 2px solid #f00;; } 
textarea.error { border: 2px solid #f00; } 



#ProvMensaje { padding:5px;}
.Enteros { text-align:right; }
.DecimalesNutri { text-align:right; width:80px; max-width:80px; min-width:80px; }
input .Decimales, input .Decimales2 { text-align:right; }
.Decimales, .Decimales2 { text-align:right; }
input .Cantidad { text-align:right; }
.Cantidad { text-align:right; }

.edit_drop_hidden { visibility:hidden; }
.DatesHidden { visibility:hidden; }

.ReadonlyFields, .ReadonlyFields:focus, input[readonly], input[readonly]:focus, textarea[readonly], textarea[readonly]:focus, select[disabled] { background-color:transparent; border:0px; width:auto; outline:none;}

.RecetaImageUpload { height:60px; margin:0px; }
.RecetaImage { height:60px;  margin:0px; }
#PlatilloImage { cursor:pointer;}

/* all */
::-webkit-input-placeholder { font-size:10px; text-align:center; text-transform:uppercase; color:#69C; }
::-moz-placeholder { font-size:10px; text-align:center; text-transform:uppercase; color:#69C; } /* firefox 19+ */
:-ms-input-placeholder { font-size:10px; text-align:center; text-transform:uppercase; color:#69C; } /* ie */
input:-moz-placeholder { font-size:10px; text-align:center; text-transform:uppercase; color:#69C; }




/*** UPLOAD PROGRESS BAR ***/
/*iframe*/
#upload_frame {
  border:0px; height:40px; width:400px; display:none;
}

#progress_container {
  width:300px; height: 30px; border:1px solid #CCCCCC; background-color:#A8A8A8; display: block; margin:5px 0px -15px 0px;
}

#progress_bar {
  position: relative; height: 30px; background-color:#06F; width: 0%; z-index:10; 
}

#progress_completed {
  font-size:16px; z-index:40; line-height:30px; padding-left:4px; color:#FFFFFF;
}


#LinkExport { width:100%; margin: 10px auto 0px auto; text-align:center;}
.ComedorActivo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}

#LinkExport a:link { text-decoration: none;	color:#09F; }
#LinkExport a:visited { text-decoration: none;	color:#09F; }
#LinkExport a:hover { text-decoration: none;	color:#09F; }
#LinkExport a:active { text-decoration: none;	color:#09F; }

.ComedorAsigna{
	font-size:13px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.td_header{
	height:0px;
	visibility:hidden;
	}

.td_header td{
	height:0px;
	visibility:hidden;
	padding:0px;
	border-spacing:0px;
  border-collapse:collapse;
	}
.td_header th{
	height:0px;
	visibility:hidden;
	padding:0px;
	border-spacing:0px;
  border-collapse:collapse;
	}

.td_title{
	width:100%;
	display:block;
	height:20px;
	background-color:#09F;
	color: #fff;
	font-weight:bolder;
	padding:2px;
	margin:0px;
	font-size:11px;
	}

.ComedorAsigna{ font-size:11px; font-weight:bold;}

.PageBlock { margin:0px; padding:0px; }
.PageBlock li { display:inline-block; width:23px; text-align: center; margin:2px;}
.Page { padding:3px; background:#F0F0F0; border:#09F 1px solid; border-radius:10px; font-weight:bold; color:#333; margin:0px; text-decoration:none; display:inline-block; width:100%; }
.Page:hover { padding:3px; background:#666; border:#09F 1px solid; border-radius:10px; font-weight:bold; color:#fff; margin:0px; text-decoration:none; display:inline-block; width:100%; }
.PageActive { padding:3px; background:#BAC5ED; border:#09F 1px solid; border-radius:10px; font-weight:bold; color:#333; margin:0px; text-decoration:none; display:inline-block; width:100%; }

.ScrollDiv{
	width:99%; 
	overflow:scroll;
	overflow-x: scroll;
  overflow-y: scroll;
	}

.ScrollDiv::-webkit-scrollbar{ width: 12px; }
.ScrollDiv::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); border-radius: 10px; background:#F4F4F4; }
.ScrollDiv::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px; height:40px; background:#CCC; }

.ScrollDiv::-webkit-scrollbar:horizontal{ height: 12px; }
.ScrollDiv::-webkit-scrollbar-track:horizontal{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);  border-radius: 10px; background:#F4F4F4; }
.ScrollDiv::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  background:#CCC; width:40px;  }

.ScrollDivSmall{
	max-height: 150px;
	overflow:scroll;
	overflow-x: hidden;
  overflow-y: scroll;
	width:99%; 
	padding:0px; 
	margin:0px;
	}

.ScrollDivSmall::-webkit-scrollbar{ width: 12px; }
.ScrollDivSmall::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); border-radius: 10px; background:#F4F4F4; }
.ScrollDivSmall::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px; height:40px; background:#CCC; }


.AutoScroll{
	overflow:scroll;
	overflow-x: hidden;
  overflow-y: scroll;
	width:100%; 
	padding:0px; 
	margin:0px;
	}

.AutoScroll::-webkit-scrollbar{ width: 12px; }
.AutoScroll::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); border-radius: 10px; background:#F4F4F4; }
.AutoScroll::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px; height:40px; background:#CCC; }


.AutoScrollBox{
	overflow:scroll;
	overflow-x: hidden;
  overflow-y: scroll;
	width:100%; 
	padding:0px; 
	margin:0px;
	height:92%;
	}

.AutoScrollBox::-webkit-scrollbar{ width: 12px; }
.AutoScrollBox::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); border-radius: 10px; background:#F4F4F4; }
.AutoScrollBox::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px; height:40px; background:#CCC; }

.PlatillosGrid{
	min-height: 350px;
	max-height: 350px;
	overflow:scroll;
	overflow-x: scroll;
  overflow-y: scroll;
	vertical-align:top;
	}

.PlatillosGrid::-webkit-scrollbar{ width: 12px; }
.PlatillosGrid::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); border-radius: 10px; background:#F4F4F4; }
.PlatillosGrid::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 10px; height:40px; background:#CCC; }




.PlatilloDrag{ font-size:11px; margin:2px; list-style:none; padding:3px; border:2px solid #EEE; border-radius:3px; display:block; width:100%; z-index:15;}
.PlatilloDrag:hover{ list-style:none; cursor:pointer;}
.PlatilloDrag:active{ list-style:none; cursor:move;}



.MenuSpace{
	background-color:#E3E2EF;
	padding:3px;
	}

.PlatilloSpace{
	width:170px;
	min-width:170px;
	padding:0px;
	margin:0px;
	}


.DesignGrid{
	overflow-style:auto;
	overflow-x:scroll;
	overflow-y:scroll; 
	position: absolute;
	left:0px;
	top:0px;
	resize:none;
	width:100%;
	min-width:100%;
	min-width:100%;
	}

.DesignGrid::-webkit-scrollbar{ width: 12px; }
.DesignGrid::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); border-radius: 5px; background:#F4F4F4; }
.DesignGrid::-webkit-scrollbar-thumb{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); border-radius: 5px; height:40px; background:#CCC; }

.DesignGrid::-webkit-scrollbar:horizontal{ height: 12px;  }
.DesignGrid::-webkit-scrollbar-track:horizontal{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4);  border-radius: 5px; background:#F4F4F4; }
.DesignGrid::-webkit-scrollbar-thumb{ border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  background:#CCC; width:40px; min-width:40px; max-width:40px;  }


.NoMenuCell{ width:45px !important; min-width:45px !important; max-width:45px !important; }
.MenuCell{ width:270px !important; min-width:270px !important; max-width:270px !important; }

.Remove{ height:10px; display:inline; float:right; vertical-align:bottom;}
.HiddenButton{ width:1px; min-width:1px; max-width:1px; visibility:hidden;}

/********************************* BUTTON STYLES CODE *********************************/

input[type="button"], input[type="submit"], input[type="reset"] {
	width:75px;
	max-width:75px;
	height:22px;
	padding: 2px;
	text-decoration:none;
	display: inline-block;
	font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 11px;
	font-weight:bold;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#d6e7f0));
	background: -moz-linear-gradient(center top, #FFFFFF 0%, #d6e7f0 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: #a4cce5 1px solid;
  border-radius: 3px;
  color: #186487;
	vertical-align:middle;
	}


input[type="button"][disabled], input[type="button"][disabled]:hover{
	text-decoration:none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#69C));
    background: -moz-linear-gradient(center top, #999 0%, #69C 100%);
    border-color: #a8a8a8;
    color: #ffffff;
}

input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .opc_button:hover {
	text-decoration:none;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8fc), color-stop(100%,#c1e0ed));
  background: -moz-linear-gradient(center top, #f2f8fc 0%, #c1e0ed 100%);
  border-color: #53a3d6;
  color: #133e58;
}
input[type="button"]:active, .opc_button:active {
	text-decoration:none;
    background: #cee5f4;
    text-shadow: 1px 1px 0px #e5f0f7;
    border-color: #7ab8df;
    color: #658a9d;
}



input[id^="ButtonExpo"]:hover, input[id^="ButtonImpo"]:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC3), color-stop(100%,#CC0));
	background: -moz-linear-gradient(center top, #FC3 0%, #CC0 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
	border:1px solid #A5B557;
  color: #000;
	}

	
input[id^="ButtonEdit"]:hover, input[id^="ButtonSave"]:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C5CDD8), color-stop(100%,#A5B557));
	background: -moz-linear-gradient(center top, #C5CDD8 0%, #A5B557 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
	border:1px solid #A5B557;
  color: #000;
	}

input[id^="ButtonDrop"]:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C5CDD8), color-stop(100%,#841F27));
	background: -moz-linear-gradient(center top, #C5CDD8 0%, #841F27 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
	border:1px solid #841F27;
  color: #fff;
	}

input[id^="ButtonNews"]:hover{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C5CDD8), color-stop(100%,#354E71));
	background: -moz-linear-gradient(center top, #C5CDD8 0%, #354E71 100%);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
	border:1px solid #354E71;
  color: #fff;
	}

.Reportes_Listado{
	text-align:center;
	max-width:95%;
	margin:0px;
	}

.Reportes_Links{
	display:inline-table;
	text-align:center;
	padding:0px;
	margin:5px 20px 20px 0px;
	max-width:85px;
	min-width:85px;
	width:85px;
	font-size:11px;
	}

.Reportes_Links a {
	text-decoration:none;
	color:#39F;
	}
	

.Reportes_Icon{
	height:25px;
	}
/********************************* BUTTON STYLES ENDS *********************************/


.SearchSpan {float:right; width:40%; margin-right:0px; padding-right:0px; text-align:right;}
.SearchIcon {height:14px; padding:0px; margin:0px; bottom:0; vertical-align:text-top;}
.SearchText {width:90%;}

.BackLink{
	position:absolute;
	bottom:0px;
	margin:20px 0px 0px 0px;
	}

.BackLink a, .BackLink a:visited, .BackLink a:link{
	text-decoration:none;
	color:#09F;
	font-weight:bold;
	}.

.BackLink a:hover{
	text-decoration:none;
	color:#a8a8a8;
	font-weight:bold;
	}
	
.DownloadFile a{
	text-decoration:none;
	color:#03F;
	}

.DownloadFile a:hover{
	text-decoration:underline;
	color:#999;
	}
	
.EmptyCell{ color:#FFF !important; border:0px !important;}


.dropzone { height:50px; width:500px; border:1px solid #f00;}
.draggable{ border:1px dotted #a8a8a8 ; display:block;  border-radius:3px; font-family:Arial, Helvetica, sans-serif; font-size:10px; width:160px; max-width:160px; min-width:160px; overflow:hidden; height:16px; list-style:none; margin:3px 0px 0px 0px; padding:0px; text-align:left; z-index:999999 ;}
.draggable:active{ background-color:#09C !important; color:#fff; }
.droppable{ margin:2px;}


.MD_Platillo { list-style:none; margin:0px 0px 3px 0px;}
.MD_DiaDIV { display:inline-table; width:320px !important; min-width:320px !important; max-width:320px !important; position:relative; margin:10px 10px 0px 0px; }
.MD_DiaDIV ul { display:inline-block;}
.MD_DiaDIV ul li { }

.Moneda{color:#5A5A5A; margin:0px; float:left;}

.INT2, .INT3, .INT5, 
.DEC23, .DEC32, .DEC32P, .DEC43, .DEC52, .DEC53, .DEC54, .DEC62, .DEC63, .DEC72 { text-align:right; }

.10P { width:10% !important; min-width:10% !important; max-width:10% !important; }

.image-upload > input{ display: none;}
.image-upload img{width: 80px; cursor: pointer;}


/* --- emmanue estilos inicio ---*/
.titulo_cabecera{ color:white; font-size:15px; font-weight: bold;  padding-right: 5px; padding-top: 3px;}
.titulo_cabecera2{ color:black; font-size:17px;  padding-right: 5px; padding-top: 3px;}


.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden;
    background-color: #fff;

    background: #fff url("../Images/arrowdown.gif") no-repeat 90% 50%;
}

.select-style select {

    padding: 5px 8px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.select-style select:focus {
    outline: none;
}
#parent{
 display:flex;
}

/* --- emmanue estilos fin ---*/