/* TechnoEnology - Panel Admin - Hoja de estilos CSS - Octavio Molano - Abr-Sep, 2008 */

html
{
	font: 62.5% Arial, Helvetica, Geneva, sans-serif;
	cursor: default;
	width: 100%;
}

* {
	margin: 0; padding: 0;
	-moz-user-select: -moz-none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

input, textarea
{
	-webkit-appearance: none; /* Para evitar el estilado de elementos de iOS */
	-moz-appearance: none; /* Lo mismo en Firefox móvil */
	appearance: none; /* Para navegadores que admitan este atributo */
	-moz-user-select: text;
	-khtml-user-select: text;
	-webkit-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

body
{
	color: #ffffff;
	background: #000000 url('../img/te-panel_bigbkg.jpg') no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
}
body, h1
{
	width: 76em;
	margin: 0 auto;
	font-size: 100%;
}
body > h1 {margin: auto;}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address /* Vertical margin elements */
{
	font-weight: normal;
	margin: 0 0 1em 0;
}

/* Botones fijos */
#btn_back,#btn_logout,#btn_trans,#btn_minstockpage,#btn_openedstockpage,#btn_print,#btn_pdf,#btn_csv
{
	position: fixed;
	opacity: 0.9;
	background-color: transparent;
	background-repeat: no-repeat;
	border: 0;
	width: 39px;
	height: 38px;
	bottom: 4.5em; /* 4.5% */
	z-index: 10;
}
#btn_back
{
	left: 4.5em; /* 3% */
	background-image: url('../img/te-panel_back.png');
}
#btn_trans
{
	left: 9em; /* 8% */
	background-image: url('../img/te-panel_autotr.png');
}
#btn_print
{
	left: 9em;
	background-image: url('../img/te-panel_print.png');
}
#btn_pdf
{
	left: 9em;
	background-image: url('../img/te-panel_pdf.png');
}
#btn_csv
{
	left: 13.5em;
	background-image: url('../img/te-panel_csv.png');
}
#btn_logout
{
	right: 4.5em; /* 3% */
	background-image: url('../img/te-panel_logout.png');
}
#btn_minstockpage
{
	left: 18em;
	background-image: url('../img/te-panel_minstock.png');
}
#btn_openedstockpage
{
	left: 22.5em;
	background-image: url('../img/te-panel_openedstock.png');
}
#btn_back:hover,#btn_back:focus,
#btn_trans:hover,#btn_trans:focus,
#btn_logout:hover,#btn_logout:focus,
#btn_pdf:hover,#btn_pdf:focus,
#btn_csv:hover,#btn_csv:focus,
#btn_minstockpage:hover,#btn_minstockpage:focus,
#btn_openedstockpage:hover,#btn_openedstockpage:focus,
#btn_print:hover,#btn_print:focus
{
	opacity: 1;
}

/* Enlaces */
a, a:link, a:visited, a:focus, a:hover, a:active
{
	color: #f72d6a;
	font-weight:bold;
	cursor: pointer;
}
a:link, a:visited {text-decoration: none;}
a:focus, a:hover, a:active {text-decoration: underline;}
a:focus,button:focus {outline: none;}
a img,img
{
	border: none;
	text-decoration: none;
}

/* Formularios */
form fieldset {font-size: 1.3em;}
fieldset
{
	border: none;
	border-top: 1px solid #a15f79;
}
fieldset legend
{
	padding: 0em 0.5em 0 0;
	margin: 0.1em 0 0 0;
	color: #ffffff; /* #eeeeee */
	font-weight: bold;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 1.6em;
}
fieldset div
{
	padding: 1.6em 2em;
}
fieldset div div
{
	position: relative;
	height: 2.18em;
	padding: 0;
	clear: both;
	margin-bottom: 1em;
}
fieldset div button, div button
{
	cursor: pointer;
	display: block;
	margin: 2.2em auto 0 auto;
	border: none;
	width: 166px;
	height: 42px;
	background-image: url('../img/te-panel_btn.png');
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: center;
}
fieldset div button.dis:hover
{
	background-image: url('../img/te-panel_btn.png');
}
fieldset div button:hover, fieldset div button:focus, div button:hover, div button:focus, div.file_upload
{
	background-image: url('../img/te-panel_btn_hl.png');
}
iframe
{
	border: 0;
	margin: 0;
	width: 37.4em;
	height: 26.1em;
}
input.file_ctl
{
	height: 2.8em;
	position: absolute;
	left: 16em;
	margin: 2.8em 5em;
	z-index: 2;
/*	opacity: 0; */
	cursor: pointer;
}
fieldset div button span, div button span
{
	display: block;
	color: #eeeeee;
	font-size: 13px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 15px;
}
button span em {font-style: normal !important;}
fieldset div button.dis
{
	opacity: 0.4 !important;
	cursor: default;
}
label
{
	clear: both;
	float: left;
	padding-top: 0.5em;
	cursor: pointer;
}
label, button {cursor: pointer;}
input, textarea, select, ul.list li,div.imgfld, button.chkbox
{
	background-color: #912755; /* #782043 */
	opacity: 0.75;
	color: #ffffff;
	width: 30em;
	float: right;
	padding: 0.45em 0.4em 0.3em;
	border: 1px solid #a15f79;
	text-align: left;
	height: 1.4em;
	cursor: default;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	border-radius: 0.4em;
}
input[id^="mvb_"]
{
	width: 31em;
	height: 2.3em;
}
div.imgfld
{
	float: left;
	clear: both;
/*
	height: 135px;
	width: 135px;
	height: 101px;
*/
	height: auto;
	width: 100px;
	margin-top: 1em;
	margin-left: 30em;
/*	padding: 0.35em 0.35em 0.3em 0.3em; */
	padding: 4px;
	text-align: center;
}
div.imgfld a
{
	cursor: zoom-in;
}
div.imgfld img
{
	display: block;
	margin: auto;
}
#login_box input {width: 13em;}

#imgctl_m_imagen_tn
{
	margin-left: 22.6em !important;
	width: 289px !important;
}
#imgctl_m_imagen_tn img {width: 289px;}

input.thickbox, input.multival
{
	cursor: help;
	width: 31em;
	height: 2.3em;
	padding: 0 0.3em 0.1em;
	text-align: left;
}
input.multival {font-weight: bold; font-style: italic;}
input.chkbox
{
	width: 2.25em;
	height: 2.3em;
	padding: 0 0.3em 0.1em;
	margin-right: 20.75em;
	text-align: center;
}
button.chkbox
{
	width: 2.25em;
	height: 2.3em;
	padding: 0 0.3em 0.1em;
	margin: 0 28.7em 0 0;
}
button.chkbox,button.chkbox:hover,button.chkbox:focus {background-image: none;}
img.chkbox
{
	position: relative;
	top: 0;
	left: 0.4em;
}
textarea
{
	overflow: hidden;
	height: 7.1em;
	width: 29.93em;
	min-width: 29.93em;
	max-width: 36px;
	padding: 0.4em 0.45em 0.5em;
	margin-bottom: 0.8em;
}
textarea.focused
{
	overflow-y: auto;
}
div.txa
{
	height: 8.3em;
	margin-bottom: 0.7em;
/*	background-color: #ff0000; */
}
div.txa div
{
	display: none;
	clear: left;
	font-size: 0.85em;
	color: #cccccc;
	padding-top: 0.5em;
	width: 15em;
	height: 1.3em;
	margin: 0;
}
div.txa div span
{
	font-weight: bold;
	font-size: 1.1em;
}
ul.list
{
	width: 34em;
	height: 18.25em;
	overflow-y: auto;
	overflow-x: hidden;
	list-style-type: none;
	margin: 2em 0 0;
	-webkit-overflow-scrolling: touch;
/*	-webkit-transform: translate3d(0, 0, 0); */
}
ul.list li
{
	float: none;
	margin: 0em 1em 0.5em 1em;
	padding: 0.3em 0.4em 0.3em 0.4em;
	width: 30em;
	overflow: hidden;
	line-height: 1.43em; /* 1 Abr 2011 */
}
ul.list li pre
{
	display: none !important;
}
ul.list li.enter
{
	display: block !important; /* !important para que se visualice aún con estilos aplicados con JS */
	border: none;
	background-color: transparent;
	font-weight: bold;
}
ul.list li.enter:hover {opacity: 0.75;}

input, select, textarea, button {font: 100% Arial, Helvetica, sans-serif;}
input:focus, select:focus, textarea:focus, input:hover, textarea:hover, button:hover, ul.list li:hover {opacity: 1;}

fieldset.simplebox .listsearch_frm fieldset input {width: 30.4em;}

#fixedbuttons {position: fixed;}

#list_blk
{
	height: 18.5em;
	margin-bottom: 0.5em;
}
#list_blk ul.list
{
	width: 52em;
	margin-top: 0.5em;
	height: 18.05em;
}
#list_blk ul.list li
{
	width: 48em;
	height: 2.7em;
	line-height: 1.3em;
	overflow: hidden;
}
#list_blk.singleht ul.list li {height: 1.33em;}

span.i0,span.i1,span.i2,span.i3,span.i4
{
	height: 1.3em;
	overflow: hidden;
}
span.i1,span.i3
{
	float: left;
	width: 71%;
}
span.i1 span
{
	font-weight: normal;
	font-size: 0.8em;
}
span.i2,span.i4
{
	float: right;
	width: 26%;
	margin-right: 0.1em;
	text-align: right;
}
span.i0
{
	float: left;
	height: 2.7em;
	width: 2.5%;
	position: relative;
	top: 1px;
	left: 1px;
}
span.i0x {color: #f73448;}
span.i0t
{
	color: #EE7300;
	font-weight: bold;
}
span.i1 {font-weight: bold;}

li.sel
{
	background-color: #a15f79 !important;
}

#listbtn_blk,#listbtntrad_blk
{
	float: left;
	clear: none;
	margin: 0 1.75em 0 1.5em; /* 0 1.8em */
	width: 12.7em;
	height: 12em;
}
#listbtn_blk button,#listbtntrad_blk button
{
	float: left;
	clear: left;
	margin: 0.8em 0 0 0;
}
div.listsearch_frm
{
	float: left;
	height: 50px;
	width: 33em;
	margin: 16px 0 0 12px;
	padding: 0;
}
div.listsearch_frm fieldset legend
{
	font-size: 15px;
}
div.listsearch_frm input
{
	margin-top: 5px;
	padding: 0.45em 2em 0.3em 0.4em;
	width: 27.65em;
	float: left;
}
#listsearch_blk
{
	float: left;
	clear: none;
	margin-top: 2.5em;
	height: 7.7em;
}
#list_box #listsearch_blk {margin-top: 1.3em;}
#listsearch_blk div
{
	margin: 0;
	height: 4.5em;
}
#listsearch_blk label
{
	margin: 0.4em 0;
}
#listsearch_blk label #progress
{
	color: #cccccc;
	font-weight: bold;
	margin-left: 7.05em;
}
#listsearch_blk input
{
	float: left;
	clear: left;
	width: 17.65em;
	padding-right: 2em;
}
#search_info
{
	width: 34em;
	padding-top: 0.8em;
	font-size: 0.8em;
	color: #dedede;
	height: 3.1em !important;
}
#search_info em
{
	font-weight: bold;
	font-style: normal;
}
#search_clear,div.search_clear_frm
{
	display: none;
	position: relative;
	top: -5.25em;
	left: 25.2em;
	font-weight: bold;
	width: 0.55em;
	height: 0.5em !important;
	line-height: 0.4em;
	padding: 0.75em 0.75em 0.75em 0.7em;
	cursor: pointer;
	color: #bf7190;
}
div.search_clear_frm
{
	top: -2.15em;
	left: 25.6em;
	font-size: 1.1em;
}
fieldset.simplebox div.search_clear_frm
{
	top: -2.1em;
	left: 28em;
}
#search_clear:hover,div.search_clear_frm:hover
{
	color: #ffffff;
}
div.ia_blk
{
	float: right;
	clear: right;
	margin: 30px 0 0 0;
	padding: 0;
	width: 170px;
	color: #dedede;
	height: 61px;
	overflow: hidden;
	text-align: center;
}
input.narrowerforopt {width: 28.6em;}
button.btn_add_elem
{
	background-image: url('../img/te-panel_btn_add.png') !important;
	width: 26px;
	height: 30px;
}
button.btn_options_box
{
	background-image: url('../img/te-panel_btn_options.png') !important;
	left: 18.7em;
}
button.btn_reset_img
{
	background-image: url('../img/te-panel_btn_reset.png') !important;
	right: 315px;
}

button.btn_options_box, button.btn_reset_img
{
	width: 28px;
	height: 32px;
	position: absolute;
	top: -5px;
}
button.btn_add_elem, button.btn_options_box, button.btn_reset_img
{
	margin: 5px 0 0 0;
	opacity: 0.75;
	float: right;
	margin: 4px -1px 0 0;
}
button.btn_add_elem span, button.btn_options_box span, button.btn_reset_img span
{
	margin: 3px auto 0 1px;
}
button.btn_add_elem:hover, button.btn_options_box:hover, button.btn_reset_img:hover {opacity: 1;}
div.fb_blk
{
	clear: both;
	height: 39px;
	margin: 0 auto;
	padding: 13px 0 0 0;
	width: 365px;
}
div.fb_blk button
{
	clear: none;
	float: left;
	margin: 0 0 0 11px;
	padding: 0;	
}
div.opt_blk
{
	margin-top: 1em;
	padding-right: 1em;
	padding-bottom: 0;
}
div.opt_blk label
{
	clear: none;
	float: left;
}
div.opt_blk button.chkbox
{
	float: left;
	margin: 0 1em 0 0;
}
div.opt_blk div.chb_desc
{
	border-left: 1px solid #a15f79;
	margin: 0 0 2em 6em;
	float: left;
	clear: left;
	padding: 0.1em 0.6em 0.4em;
	height: auto;
	color: #dddddd;
}
div.opt_btn_blk
{
	padding: 0;
}

div.tagiconbox
{
	border: 1px solid #8c4c65;
	height: 49px;
	width: 324px;
	text-align: center;
	border-radius: 8px;
	padding: 5px 2px 0 6px;
	margin: 0;
}
.tagicon
{
	float: left;
	height: 32px;
	width: 32px;
	margin: 3px 1px;
	padding: 1px;
	border: solid 2px transparent;
	background-color: #340a1f;
	opacity: 0.8;
}
.tagicon:hover {opacity: 1;}
.tagiconsel
{
	border-color: #b46886;
	opacity: 1;
}

/* Ajustes varios */
sup
{
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}
sub
{
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}
li, dd, blockquote {margin-left: 1em;}

/* Clases básicas */
.clear {clear: both;}
.float-left {float: left;}
.float-right {float: right;}
.cen {text-align: center;}
.inv {display: none !important;} /* !important para invisibilidad permanente (aunque se modifique el atributo style desde JS) */
.vis {display: block !important;}
.atm {margin-top: 3em;}

/* Contenedores */
h1,#logo_cust,#logo_teadm
{
	display: block;
	height: 15em;
}
#logo_cust
{
	float: left;
	height: 100px;
	width: 100px;
	margin: 3.5em 0 0 0;
}
#logo_teadm
{
	float: right;
	width: 13.5em;
	margin-right: 1.4em;
}
h1.nocust #logo_teadm
{
	float: none;
	margin: auto;
}
#content
{
	margin-top: 1.5em;
}
#footer
{
	color: #dddddd;
	margin: 7em 0 0 0;
	padding-bottom: 5em;
	font-size: 1.1em;
	text-align: center;
	background: none;
}
#logout
{
	margin-bottom: 2em;
}

#login_box
{
	margin: 8em auto 0;
}
#list_box,#form_box
{
	margin: 2em auto 0;
}
#login_box {width: 40em;}
#login_box #msg_login
{
	width: 26em;
	height: 2.6em;
	margin: 2em auto 0;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
	color: #EE115D;
}
#list_box {width: 73em;}
#form_box {width: 70em;}

div.msg_proc
{
	color: #ffffff;
	font-size: 1.1em;
	margin: 8px auto 0;
	padding-bottom: 0.2em;
	padding-left: 0;
	padding-right: 0;
}
div.msg_proc img
{
	clear: both;
	margin-top: 15px;
}
div.msg_proc em
{
	font-weight: bold;
	font-style: italic;
}
img.msg_icon
{
	position: absolute;
	top: 1.1em;
	right: 1.1em;
}
div.ctldis,input.ctldis
{
	opacity: 0.75 !important;
}
button.ctldis
{
	opacity: 0.5 !important;
}
div.ctldis input {cursor: default;}
div.currency
{
	font-size: 1.4em;
	text-align: right;
/*	position: relative;
	top: -1.35em;
	left: 33.2em; */
	width: 2.2em;
	height: 1.2em;
	opacity: 0.75;
	overflow: hidden;
	position: absolute;
	left: 33.05em;
	top: 0.29em;
}
div.multiclear
{
    clear: none;
    color: #BF7190;
	cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    height: 2em;
    left: 43.5em;
    line-height: 0.4em;
    margin: 0;
    opacity: 0.75;
    padding: 0.75em 0.75em 0.25em;
    position: absolute;
    width: 0.55em;
	top: 0.1em;
}
div.multiclear:hover {color: #ffffff;}
#msg_reqfld,#msg_delitem,#msg_delitemtr,#msg_addunitsitem,#msg_remunitsitem,#msg_minstockitem,
#msg_addelemitem,#msg_modelemitem,#msg_remelemitem,
#msg_addelemtritem,#msg_modelemtritem,#msg_remelemtritem,
#msg_resbackupitem,#msg_delbackupitem,#msg_stocklogitem, #msg_minstockctitem
{
	font-size: 1.1em;
	font-weight: bold;
}
#msg_delitem,#msg_delitemtr,#msg_addunitsitem,#msg_remunitsitem,#msg_minstockitem,
#msg_addelemitem,#msg_modelemitem,#msg_remelemitem,
#msg_addelemtritem,#msg_modelemtritem,#msg_remelemtritem,
#msg_resbackupitem,#msg_delbackupitem,#msg_stocklogitem, #msg_minstockctitem
{
	display: block;
	margin: 0 auto;
	width: 30.5em;
	height: 1.2em;
	overflow: hidden;
}

#msg_remelemnotice, #msg_minstockctnotice
{
	height: 3.5em;
	padding: 0;
	margin: 1.2em 0 0em;
}
#msg_remelemlist, #msg_minstockctoptlist
{
	margin: 0 0 0 3.35em;
	width: 32em;
	height: 10.3em;
}
#msg_remelemlist li, #msg_minstockctoptlist li {width: 28em !important;}
#msg_delmultilist li {width: 29em;}
#msg_delmultilist
{
	margin: 0.6em 1.2em 1.6em 2.9em;
	width: 31em;
	height: 12.85em;
}

label.changed, label span {font-weight: bold;}
label.changed {font-style: oblique;}
label span {margin: 0 0.4em 0 0.9em;}
#list_ajaxload /* No usado */
{
	display: none;
	position: relative;
	top:-2.5em;
	left:25.2em;
}
div.autotrans
{
	margin-left: 15.9em;
	font-size: 0.8em;
}
button.autobtn
{
	clear: none;
	width: 3em;
}
#glogo, #blogo
{
	position: relative;
	top: 5px;
}
#progress_bar
{
	margin: 0;
	padding: 0;
	width: 360px;
	height: 12px;
	background-image: url('../img/te-panel_pbar_bkg.png');
	background-position: -360px 50%;
}
#progress_percent
{
	margin: 8px auto;
	padding-left: 3px;
	width: 41px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
#msg_progress_topmsg {height: 1.25em;}
div.progress_blk
{
	width: 360px;
	height: 40px;
	margin: 47px auto 24px;
}
div.progress_spinner
{
	width: 27em;
	text-align: center;
	margin: 0 auto 58px;
	font-size: 0.8em;
}

#ajax_load, #ajax_load_list
{
	width: 16px !important;
	height: 16px !important;
	background-image: url('../img/te-panel_load_ajax.gif');
	background-repeat: no-repeat;
	padding: 0;
	margin: 4em auto 0;
}

#ajax_load_list
{
	margin-top: 0;
	border: 0;
	height: 1.4em !important;
	background-color: transparent;
	display: none;
}

button.btn_infomsg
{
	background-image: url('../img/te-panel_msg_info.png') !important;
	opacity: 0.75;
	height: 24px;
	width: 24px;
	clear: both;
	position: relative;
	left: -70px;
	top: -26px;
}

button.btn_infomsg:hover {opacity: 1;}

span.infobox_text
{
	display: block;
	text-align: left;
}

/* Iconos de características en menú de comidas */

li[id^="item_m_caracteristica"], div.feat li, input.feat,
li[id^="item_m_alergeno"], div.allg li, input.allg,
input.tagsmi
{
	background-repeat: no-repeat;
}
li[id^="item_m_caracteristica"],
li[id^="item_m_alergeno"]
{
	background-position: top -1px left 4px;
	padding-left: 33px !important;
	width: 27.15em !important;
	background-size: 25px;
}
div.feat li,
div.allg li
{
	background-position: top 0 left 4px;
	padding-left: 32px !important;
	width: 19.95em !important;
	background-size: 25px;
}
input.feat,
input.allg,
input.tagsmi
{
	background-position: top 1px left 4px;
	padding-left: 32px !important;
	padding-top: 1px;
	background-size: 25px;
}

li[id^='item_m_caracteristica'], div.feat li[id^='item'], input.feat {background-image: url('../img/te-panel_ico_feat00.png');} /* Icono genérico */
li[id^='item_m_caracteristica'][id$='_1'], div.feat li[id^='item'][id$='_1'], input.feat_1 {background-image: url('../img/te-panel_ico_feat01.png');}
li[id^='item_m_caracteristica'][id$='_2'], div.feat li[id^='item'][id$='_2'], input.feat_2 {background-image: url('../img/te-panel_ico_feat02.png');}
li[id^='item_m_caracteristica'][id$='_3'], div.feat li[id^='item'][id$='_3'], input.feat_3 {background-image: url('../img/te-panel_ico_feat03.png');}
li[id^='item_m_caracteristica'][id$='_4'], div.feat li[id^='item'][id$='_4'], input.feat_4 {background-image: url('../img/te-panel_ico_feat04.png');}

li[id^='item_m_alergeno'], div.allg li[id^='item'], input.allg {background-image: url('../img/te-panel_ico_feat00.png');} /* Icono genérico */
li[id^='item_m_alergeno'][id$='_1'], div.allg li[id^='item'][id$='_1'], input.allg_1 {background-image: url('../img/te-panel_ico_allg01.png');}
li[id^='item_m_alergeno'][id$='_2'], div.allg li[id^='item'][id$='_2'], input.allg_2 {background-image: url('../img/te-panel_ico_allg02.png');}
li[id^='item_m_alergeno'][id$='_3'], div.allg li[id^='item'][id$='_3'], input.allg_3 {background-image: url('../img/te-panel_ico_allg03.png');}
li[id^='item_m_alergeno'][id$='_4'], div.allg li[id^='item'][id$='_4'], input.allg_4 {background-image: url('../img/te-panel_ico_allg04.png');}
li[id^='item_m_alergeno'][id$='_5'], div.allg li[id^='item'][id$='_5'], input.allg_5 {background-image: url('../img/te-panel_ico_allg05.png');}
li[id^='item_m_alergeno'][id$='_6'], div.allg li[id^='item'][id$='_6'], input.allg_6 {background-image: url('../img/te-panel_ico_allg06.png');}
li[id^='item_m_alergeno'][id$='_7'], div.allg li[id^='item'][id$='_7'], input.allg_7 {background-image: url('../img/te-panel_ico_allg07.png');}
li[id^='item_m_alergeno'][id$='_8'], div.allg li[id^='item'][id$='_8'], input.allg_8 {background-image: url('../img/te-panel_ico_allg08.png');}
li[id^='item_m_alergeno'][id$='_9'], div.allg li[id^='item'][id$='_9'], input.allg_9 {background-image: url('../img/te-panel_ico_allg09.png');}
li[id^='item_m_alergeno'][id$='_10'], div.allg li[id^='item'][id$='_10'], input.allg_10 {background-image: url('../img/te-panel_ico_allg10.png');}
li[id^='item_m_alergeno'][id$='_11'], div.allg li[id^='item'][id$='_11'], input.allg_11 {background-image: url('../img/te-panel_ico_allg11.png');}
li[id^='item_m_alergeno'][id$='_12'], div.allg li[id^='item'][id$='_12'], input.allg_12 {background-image: url('../img/te-panel_ico_allg12.png');}
li[id^='item_m_alergeno'][id$='_13'], div.allg li[id^='item'][id$='_13'], input.allg_13 {background-image: url('../img/te-panel_ico_allg13.png');}
li[id^='item_m_alergeno'][id$='_14'], div.allg li[id^='item'][id$='_14'], input.allg_14 {background-image: url('../img/te-panel_ico_allg14.png');}

li[id$='_selthis'], li[id$='_addnew'], li[id$='_notf']
{
	background-image: none;
	padding-left: 0.4em !important;
	width: 30em !important;
}

.baselang {color: #ff9999;}

#businesslogo
{
	position: absolute;
	top: 1.7em;
	left: 50%;
}
#businesslogo a {opacity: 0.9;}
#businesslogo a:hover {opacity: 1;}
#businesslogo img
{
	position: relative;
	left: -50%;
	width: 160px !important;
	height: 120px !important;
	border-radius: 8px;
}

.colorinput
{
	box-sizing: content-box;
	opacity: 1;
	background-color: #851F48;
	border-color: #924963;
}

button.btn_infomsg {left: -100px;}

/* Para quitar el resaltado amarillo en campos autorrellenados de Chrome */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 20px #912755 inset; font-weight: bold; font-style: italic;}

/* Para quitar la X de las cajas de texto en IE10+ */
input[type='text']::-ms-clear {width: 0; height: 0;}

/* Para hacer visibles los mensajes de XDebug */
.xdebug-error {color: #000000;}
.xdebug-error a {color: #000099;}

/* Magnific Popup */
.msgbox
{
	position: relative;
	background: #370c1d url('../img/te-panel_bkg.png') repeat-y center;
	color: #ffffff;
	border: 1px solid #8c4c65;
	border-radius: 1em;
	padding: 15px;
	font-size: 1.2em;
	margin: 0 auto;
	width: 35%;
	max-width: 400px;
	min-width: 280px;
}
.msgbox .msg_proc {text-align: center;}
.selbox
{
	width: 35em;
	max-width: 550px;
	min-width: 280px;
}
.optbox
{
	width: 32em;
	max-width: 550px;
	min-width: 280px;
}
#msg_infobox
{
	width: 45%;
	max-width: 550px;
}
#msg_infobox .msg_proc {text-align: left;}
#msg_sav {width: 280px;}
#msg_exit, #msg_del, #msg_deltr, #msg_delmulti, #msg_versionupd, .msgbox-wide,
#msg_addunits, #msg_remunits, #msg_minstock, #msg_autr, #msg_remelemtr, #msg_remstocklog,
#msg_notr, #msg_auer, #msg_aunf, #msg_usrex, #msg_minstockct
{
	width: 500px;
	max-width: 500px;
}
.msgbox-narrow
{
	width: 350px;
	max-width: 350px;
}

.mfp-close {display: none !important;}

/* overlay at start */
.mfp-bg
{
	opacity: 0;
	transition: all 0.25s;
}
/* overlay animate in */
.mfp-bg.mfp-ready {opacity: 0.8;}
/* overlay animate out */
.mfp-bg.mfp-removing {opacity: 0;}

/* content at start */
.mfp-wrap .mfp-content
{
	opacity: 0;
	transform: scale(1.5);
	transition: all 0.2s ease-out;
}
/* content - animate it */
.mfp-wrap.mfp-ready .mfp-content
{
	opacity: 1;
	transform: scale(1);
}
/* content - animate out */
.mfp-wrap.mfp-removing .mfp-content
{
	opacity: 0;
	transform: scale(1.5);
}

/* iframe */
.mfp-iframe-holder .mfp-content
{
	width: 95% !important;
	height: 90% !important;
	max-width: none !important;
}

.mfp-iframe
{
	border: 1px solid #8c4c65;
	border-radius: 1em;
	min-width: 960px;
}

.mfp-iframe-holder {padding: 0 !important;}

button:active {animation: effect_push 0.8s ease-out;}
@keyframes effect_push
{
	50% {
		transform: scale(0.9, 0.9);
		opacity: 1;
	}
}