@CHARSET "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Dosis&subset=all");

body {font-family:'Dosis',Arial,Helvetica,sans-serif;font-size:0.8em;}


p.textintro {
	color:#262b30;
	font-size:16px;
	font-family:'Dosis',Arial,Helvetica,sans-serif;
	margin-bottom:0px;
	
	}
a, img {
	border:0;
}

div#contenido .yui-panel-container.shadow .underlay {
	opacity:0.18;
	left:5px;
	right:-5px;
	bottom:-5px;
	top:4px;
}
img#frontal {
	display:block;
	width:992px;
	height:71px;
	margin-bottom:1px;
}
body div.yui-simple-dialog .yui-panel {
	border-color:#fba05d;
}

body div.yui-simple-dialog .yui-panel div.hd {
	text-align:center;
	color:#5b1b0b;
}
body div.yui-simple-dialog .yui-panel div.bd,
body div.yui-simple-dialog .yui-panel div.hd,
body div.yui-simple-dialog .yui-panel div.ft {
	border-color:#fba05d;
	text-align:center;
}
body div.yui-simple-dialog .yui-panel div.bd .warnicon {
	margin-right:0;
}

body div.yui-simple-dialog .yui-panel div.ft .button-group {
	text-align:center;
}
body div.yui-simple-dialog .yui-panel div.bd img {
	display:block;
	margin:0 auto;
}
body div#dialogo_error div.hd {
	color:red;
}
body div#dialogo_error_c .yui-panel,
body div#dialogo_error_c .yui-panel div.bd,
body div#dialogo_error_c .yui-panel div.hd,
body div#dialogo_error_c .yui-panel div.ft {
	border-color:red;
}

body div#dialogo_error_c .hd img {
	vertical-align:middle;
	margin-right:5px;
}

div#contenido {
	/*color:#5b1b0b;*/
	color:#262b30;
	font-size:14px;
	font-family:'Dosis',Arial,Helvetica,sans-serif;
}

div#contenido h1 {
	padding:5px 10px;
	/*background-color:#ffcfa1;
	color:#5b1b0b;
	background-color:#dedede;*/
	text-align:right;
	font-size:1.1em;
	margin-top:0;
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:30px;
	padding-right:15px;
	color:#262b30;
	text-transform:uppercase;	
}
div#contenido h2 {
	font-size:1em;
	color:#ff5800;
}
a {
	color:#f60;
}

div.cuadro {
	/*border:1px solid #ffcfa1;
	background-color:#fbf3ec;*/
	border:0px;
	background-color:#efefef;
	padding:10px;
}

div.formulario table th {
	text-align:left;
	padding-right:5px;
}

div.formulario input,select,textarea {
	font-family:'Dosis',Arial,Helvetica,sans-serif;font-size:1em;
	color:#5b1b0b;
	border:1px solid #a5acd2;
	background-color:#fff;
}
div.formulario input, textarea {
	padding:3px;
}
div.formulario input, textarea {
	width:94%;
}
div.formulario select {
	width:99%;
}
div.formulario input.check {
	border:0;
	width:auto;
}

div.formulario input.boton {
	/*background-color:#f60;
	border:1px solid;
	border-bottom-color:#6b2d20;
	border-right-color:#6b2d20;
	border-top-color:#d1d1d1;
	border-left-color:#d1d1d1;
	width:99%;
	padding:3px 10px;
	color:#fff;
	margin-top:7px;
	cursor:pointer;*/	
	background:none;
	background-color:#f60;
	border:0px;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	border-radius: 4px;
	padding:6px 15px 6px 15px;
	margin-top:7px;
}
div.formulario input.boton.boton-informe-tipo-visitas {
	width: 120px;
}
div.formulario table tr td .yui-button {
	margin:0;
	padding:0;
	width:98%;
	text-align:center;
	display:block;
	margin-top:10px;
}

div.formulario table tr td.seguido .yui-button {
	margin-top:0;
}

div.formulario table tr td .yui-button span {
	text-align:center;
}
div.formulario table tr td .yui-button span button {
	margin:0 auto;
}

p.error {
	color:#ee2323;
}

table.ficha {
	margin:0 auto;
}

table.ficha td,
table.ficha th {
	border:1px solid #f60;
	padding:4px 10px;
}
table.ficha th {
	text-align:left;
}
table.ficha td.botones {
	border:0;
	text-align:center;
	padding-top:20px;
}
table.ficha caption {
	margin:0 auto;
	padding:0 2px;
}

table.ficha caption div {
	border:1px solid #79a8b3;
	background:#b6e3ee url(../images/fondo_titulo_tabla.gif) scroll repeat-x;
	padding:4px 10px;
	text-align:center;
	font-weight:bold;
	color:#4f4d4d;
}

a.boton {
	background:none;
	text-decoration:none;
	display:inline;
	background-color:#f60;
	border:0px;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	border-radius: 4px;
	padding:6px 15px 6px 15px;
	margin-top:7px;
	
	/*display:inline;
	text-decoration:none;
	background-color:#f60;
	border:1px solid;
	border-bottom-color:#6b2d20;
	border-right-color:#6b2d20;
	border-top-color:#d1d1d1;
	border-left-color:#d1d1d1;
	width:99%;
	padding:3px 10px;
	color:#fff;
	margin-top:7px;*/
}

div#btn_xls input.boton {
	background:none;
	text-decoration:none;
	display:inline;
	background-color:#f60;
	border:0px;
	color:#fff;
	font-size:14px;
	cursor:pointer;
	border-radius: 4px;
	padding:6px 15px 6px 15px;
	margin-top:7px;	
	}

div.buscador table {
	width:100%;
}
div.buscador table td {
	text-align:center;

}
div.buscador table td p {
	margin:5px 0;
}
div#contenedorProductos {
	margin-top:30px;
}
/*div#contenido .yui-button {
	background:none;
	background-color:#f60;
	border:1px solid;
	border-bottom-color:#6b2d20;
	border-right-color:#6b2d20;
	border-top-color:#d1d1d1;
	border-left-color:#d1d1d1;
	color:#fff;
	cursor:pointer;
}*/
div#contenido .yui-button {
	background:none;
	background-color:#f60;
	border:0px;
	color:#fff;
	font-size:16px;
	cursor:pointer;
	border-radius: 4px;
	padding:6px 15px 6px 15px;
	vertical-align:baseline;
}
div#contenido .yui-button .borrar {
	background-color:#ff3600;
}

div#contenido .yui-push-button,
div#contenido .yui-button-hover,
div#contenido .yui-button-focus,
div#contenido .yui-button-active {
	outline:none;
}

div#contenido .yui-button .first-child,
div#contenido .yui-button-hover .first-child,
div#contenido .yui-button-focus .first-child,
div#contenido .yui-button-active .first-child {
	border:0;
	margin:0;
	outline:none;
}
div#contenido .yui-push-button button,
div#contenido .yui-button-hover button,
div#contenido .yui-button-focus button,
div#contenido button {
	border:0;
	color:#fff;
	outline:none;
}

div#fichaproducto_caracteristicas {
	margin-top:20px;
}
div#fichaproducto_caracteristicas table {
	width:100%;
}

div#formproducto_caracteristicas table input {
	width:12em;
}

/* Empresas */
ul.categorias-contratadas li {
	font-weight:bold;
}
ul.categorias-contratadas li ul li {
	font-weight:normal;
}

ul.marcas-contratadas li {
	width:14em;
	float:left;
}

.checkbox-multiple-option {
	width:15em;
	float:left;
}

#tableProducts span.sube {
	color:green;
}
#tableProducts span.baja {
	color:red;
}

#tableProducts span.alerta {
	color:red;
	font-weight:bold;
}
#tableProducts span.noalerta {
	color:green;
}
#tableProducts span.aviso-calidad {
	color:red;
	font-size:0.9em;
}

#tableCategories span.alerta {
	color:red;
	font-weight:bold;
}

#tableCategories span.noalerta {
	color:green;
}

/* Sectores y categorías */
div#contenedorSectores .ygtvhtml {
	font-weight:bold;
	padding-bottom:5px;
	padding-top:15px;
}
div#contenedorSectores .ygtvhtml a {
	font-weight:normal;
}
div#contenedorSectores .ygtvchildren .ygtvchildren .ygtvhtml {
	font-weight:normal;
	padding-bottom:0px;
	padding-top:0px;
}
div#contenedorSectores td.ygtvlm,
div#contenedorSectores td.ygtvlmh {
	background:transparent url(../images/arbol_menos.gif) scroll no-repeat;
}
div#contenedorSectores td.ygtvlp,
div#contenedorSectores td.ygtvlph {
	background:transparent url(../images/arbol_mas.gif) scroll no-repeat;
}
div#contenedorSectores td.ygtvtm,
div#contenedorSectores td.ygtvtmh {
	background:transparent url(../images/arbol_menos.gif) scroll no-repeat;
}
div#contenedorSectores td.ygtvtp,
div#contenedorSectores td.ygtvtph {
	background:transparent url(../images/arbol_mas.gif) scroll no-repeat;
}
div#contenedorSectores td.ygtvtn {
	background:transparent url(../images/arbol.gif) scroll no-repeat left -4px;
}
div#contenedorSectores .ygtvchildren .ygtvchildren td.ygtvtn {
	background-position:left -16px;
}

div#contenedorSectores .ygtvhtml a.eliminar {
	color:#da0505;
}

div#fichacategoria_caracteristicas p {
	width:310px;
	float:left;
	border:0;
	height:26px;
	margin:5px 0;
}
div#modFichaCategoria p.modificar {
	clear:both;
	border-top:1px solid #5b1b0b;
	text-align:center;
	padding-top:10px;
}

div#panelRangosCaracteristica div.bd,
div#panelCaracteristica div.bd,
div#appPOSContainer div.bd,
div#panelPreciosProducto div.bd {
	background-color:#fff;
}
.producto-tipo-plv--mob .fa-times,
#producto-tipo-plv .fa-times{ /*ocultamos close de ventana*/
    visibility: hidden;
    display: none;
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 1.4rem;
	color: #fff;
}

/* Validacion POS */
#appPOSContainer div.bd {
	overflow:auto;
	padding-bottom:15px;
}
#appPOSContainer div.bd table td ul {
	margin:0;
	padding:0;
	text-align:left;
}

form#form_caracteristica input {
	width:96%;
}

/* usuarios */
#contenedorReports .yui-dt-col-descripcion,
#contenedorReports .yui-dt-col-name {
	text-align:left;
}

/* botones de borrado */
span#boton_eliminar_usuariobackoffice button,
span#boton_eliminar_usuariopos button,
span#boton_eliminar_cliente button {
	background-color:#ff3600;
}

/* Marcas / colores */
div#contenido #gestionMarcas .yui-dt button.boton-color {
	background-color:#fff;
	color:#000;
	width:12em;
	text-align:center;
}
#gestionMarcas #yui-picker-controls div.hd {
	background-image:none;
}
#gestionMarcas #yui-picker-controls #yui-picker-hex-summary {
	display:none;
}

#imagen-logotipo-cliente {
	float:right;
	text-align:right;
	width:420px;
}
#form_tipopromo_nuevo #fecha_promo{
	width:120px;
	height:70px;
}

#form_tipopromo_nuevo .ui-datepicker-trigger{
	float: right;
	padding-left:5px;
	position:absolute;
}
#form_tipopromo_modificar #fecha_promo{
	width:120px;
	height:70px;
}

#form_tipopromo_modificar .ui-datepicker-trigger{
	float: right;
	padding-left:5px;
	position:absolute;
}

/* Clearfix */
.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*Estilos splash incidencias*/
.ui-widget-overlay{
	background-color: gray;
}
.ui-dialog-titlebar-close{
	display: none;
}

.ui-dialog-titlebar{
	display:none;
}
.ui-widget-overlay{
	background:#C0C0C0;
	position:absolute;
	top:0;
	left:0;
}
#splash{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #DDDDDD;
	display: none;
	left: 26em;
	margin: 0 auto;
	padding-bottom: 30px;
	position: fixed;
	text-align: center;
	top: 12em;
	width: 650px;
	z-index:999;
}
#contenedor_incidencia{
	margin:5px 5px 0px 5px;
}
#contenedor_incidencia textarea{
	width:380px;
	height:120px;
}
#contenedor_incidencia table{
	border-collapse:separate;
	border-spacing:2px;
	font-family:arial;
	font-size:13px;
	width: 100%;
}
#contenedor_incidencia table th{
	background:url("../images/fondo_titulo_tabla.gif") repeat-x scroll 0 0 #B6E3EE;
	border:1px solid #79A8B3;
	color:#4F4D4D;
	font-weight:bold;
	padding:4px 10px;
}
#contenedor_incidencia table tr.par{
	background-color:#FBF3EC;
}
#contenedor_incidencia table tr.impar{
	background-color:#FFFFFF;
}
#contenedor_incidencia table td{
	border:1px solid #FF6600;
	color:#4F4D4D;
	padding:4px 10px;
	text-align:center;
}
#contenedor_incidencia .campo{
	font-weight:bold;
	color:#5B1B0B;
}
#contenedor_incidencia input.boton{
	background-color:#FF6600;
	color:#eee;
}
#contenedor_incidencia #nueva_incidencia #id_incidencia{
	width:389px;
}
.contenido_tabla table{
	border-collapse:separate;
	border-spacing:2px;
	font-family:'Dosis', Arial, sans-serif;
	font-size:13px;
	width: 100%;
}
.contenido_tabla table th{
	background-color:#B6E3EE;
	/*border:1px solid #79A8B3;*/
	color:#4F4D4D;
	font-weight:bold;
	padding:4px 10px;
}
.contenido_tabla table tr.par{
	background-color:#FBF3EC;
}
.contenido_tabla table tr.impar{
	background-color:#FFFFFF;
}
.contenido_tabla table td{
	/*border:1px solid #FF6600;*/
	border-bottom:1px solid #DEDEDE;
	color:#262b30;
	padding:4px 10px;
	text-align:center;
}
.contenido_tabla input.boton{
	background-color:#FF6600;
	color:#eee;
}

#opciones_busqueda input{
	width:12px;
}

table.tabla_tmr{
	border-collapse: separate;
	border-spacing: 2px;
	font-family: arial;
	font-size: 13px;
	width: 100%;
}

table.tabla_tmr th{
	background: url("../images/fondo_titulo_tabla.gif") repeat-x scroll 0 0 #B6E3EE;
	border: 1px solid #79A8B3;
	color: #4F4D4D;
	font-weight: bold;
	padding: 4px 10px;
}

table.tabla_tmr td{
	border: 1px solid #FF6600;
	color: #4F4D4D;
	padding: 4px 10px;
	text-align: center;
}

.tmr_button{
	background: none repeat scroll 0 0 #FF6600;
	border-color: #D1D1D1 #6B2D20 #6B2D20 #D1D1D1;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	cursor: pointer;
}

#subir_imagen{
	margin-top:20px;
}
#producto-tipo-plv .cuadro td {
	vertical-align:top;
}
.cuadro-expositor {
	margin-left: 40px;
	display: none;
}
.cuadro-expositor p {
	margin-top:6px;
	margin-bottom:6px;
}

div#contenido button[disabled] {
	background: #888 none repeat scroll 0 0;
}

/* Informe visitas tipo  */
div.buscador #busquedaFecha {
	padding-left: 40px;
}

div.buscador #busquedaFecha table td {
	vertical-align: top;
	padding-left: 5px;
}

.buscador #busquedaFecha table label {
	font-weight: 100;
}

.edit-date {
	margin-left: 12px;
	vertical-align: bottom;
}

#splash.splash-edit-date, .splash.splash-edit-date {
	width: 250px;
	top: 0;
	left: 0;
	padding-bottom: 10px;
}

.splash.splash-edit-date {
	display: none;
	position: absolute;
	z-index:9999;
	background-color:#fff;
	top: 0;
	left: 0;
}

.yui-dt-col-fecha_creacion,
.yui-dt-col-fecha_revision_pos {
	position: relative;
}
/*ocultamos en desktop el desplegable posición lineal*/
.td-dropdown{
    text-indent: -9999em;
    display: none;
}

/*botón deshabilitado*/
.disabled-button{
    background-color: grey !important;
}
.steps-dropdown,
#producto-tipo-plv{
    display: none;
}
.hide{
	display: none !important;
}
/******* MEDIA QUERIES *******/
/*hasta 991px*/
@media only screen and (max-width: 61.938em){
	*{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}
	html,
	body{
		height: 100%;
		font-family: 'Dosis','Roboto', sans-serif;
	}
	html{
		font-size: 15px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*quitamos background de touch en móvil*/
	}
	body{
		margin: 0;
		padding: 0;
	}
    select option{
        font-size: .96rem;
    }
    th.hidden-element-mob,
    td.hidden-element-mob{
        visibility: hidden !important;
        display: none !important;
    }
	table,
	.yui-skin-sam .yui-dt table{
		font-size: 1rem;
	}
    label[for="canal"],
    select[name="canal"]{
        visibility: hidden;
        display: none;
    }
	/***bloque contenedor***/
	div#pagina{
		width: 100%;
		max-width: 991px;
		min-height: 91%;
		min-height: 91vh;
		margin: 0 auto;
		padding: 0;
	}
	/*cabecera*/
	div#menupos{
		width: 100%;
		height: 6%;
		height: 6vh;
		line-height: 6%;
		line-height: 6vh;
		margin-bottom: 2%;
		margin-bottom: 2vh;
		padding: 0 .8rem;
		overflow: hidden;
	}
	div#menupos h1{
		margin: 0;
		padding: 0;
		font-size: 1.3rem;
	}
	div#menupos a{
		margin: 0;
		padding: 0;
		font-size: .95rem;
		color: #ff6600;
		text-shadow: 
		 3px 0px 3px white,
		-3px 0px 3px white,
		 6px 0px 6px white,
		-6px 0px 6px white;
		text-decoration: none;
	}
	div#menupos a::before{
		font-family: FontAwesome;
		content: '\f08b';
	}
	/*contenido*/
	#contenedor{
		width: 100%;
		overflow: hidden;
		padding: .333rem 1.333rem 1.333rem 1.333rem; /*en el top se restan 15 del margen inferior del header*/
	}
	div#contenido{
		width: 100%;
		max-width: 962px;
		padding: 0;
		border-radius: 3px;
	}
    div#contenido h2{
        width: 98%;
        margin: 15px auto 5px auto;
        font-size: 1rem;
    }
    div#appPOS div#interfProduct h3{
        font-size: 1.02rem;
    }
	div.cuadro{
		padding: 1.333rem .667rem;
	}
	div.cuadro form#form_login{ }
	div.cuadro form#form_login div.formulario{
		width: 100% !important; /*se pisa un ancho de 18em que está en línea*/
		margin: 0;
		padding: 0;
	}
	div.cuadro form#form_login div.formulario table,
	form#newLinealForm table{
		width: 100%;
		min-width: 256px;
		max-width: 380px;
		margin: 0 auto;
	}
	form#newLinealForm table input,
	form#newLinealForm table select{
		margin-bottom: 10px;
	}
	/*tablas*/
	div#contenido .yui-dt-bd table,
	div#appPOS div.formulario_nuevo{
		width: 98% !important;
		margin-left: auto;
		margin-right: auto;
		border-collapse: collapse;
		border-spacing: 0;
	}
    div#appPOS #interfProduct div#tab1.formulario_nuevo,
    div#appPOS #interfProduct div#tab2.formulario_nuevo,
    div#appPOS #interfProduct div#tab3.formulario_nuevo,
    div#appPOS #interfProduct div#tab4.formulario_nuevo,
    div#appPOS #interfProduct div#tab5.formulario_nuevo{
        width: 100% !important;
    }
	.yui-dt-bd{
		 padding: 10px 0;
	 }
	
	div#contenido .yui-dt th {
	font-family:'Dosis',Arial,Helvetica,sans-serif;
	border:0px;
	background:#d2f0f6;
	padding:5px 3px;
	font-weight:bold;
	vertical-align: middle;
    font-size:1rem;
	color:#4f4d4d;
	}
	div#contenido .yui-dt th a {
		font-weight:bold;
		color:#4f4d4d;
		font-size:1rem;
	}
	
    .yui-skin-sam th.yui-dt-asc .yui-dt-liner{
        background-position: right 8px; /*icono flecha up en th tabla*/
    }
	div#appPOS div.formulario_nuevo table td,
	div#appPOS div.formulario_nuevo table th{
		padding: 5px 0;
	}
	/***botonera***/
	div#contenido .yui-module .botonera,
	#interfSelProducts .botonera,
	#interfSelCategory .botonera,
	#interfLastVisits .botonera,
	#interfSelProducts .yui-module,
    #interfProduct .botonera{
		margin: 20px auto;
		text-align:center
	}
    #interfProduct .botonera{
        text-align: left !important;
    }
	#interfSelLineal .botonera span,
	#interfSelProducts .botonera span,
	#interfSelCategory .botonera span,
	#interfLastVisits .botonera span,
	#interfSelProducts .yui-module span,
    #interfProduct .botonera span{
		display: inline-block !important;
		vertical-align: middle;
		margin-left: 2px !important;
		margin-right: 2px !important;
	}
    #interfProduct .botonera span{
        padding: 0 5px !important;
    }
	#interfLastVisits .botonera span.texto-elige-visita{
		width: calc(100% - 5px);
		display: block !important;
		margin-left: 5px !important;
		font-size: .85rem;
	}
	#interfSelLineal .botonera .yui-button button,
	#interfSelProducts .botonera .yui-button button,
	#interfSelCategory .botonera .yui-button button,
	#interfLastVisits .botonera .yui-button button,
	#interfSelProducts .yui-module .yui-button button,
    #interfProduct .botonera .yui-buton button{
		font-size: .8rem;
	}
	#interfLastVisits .botonera .yui-button button{
		padding-left: 4px;
		padding-right: 4px;
	}
	#interfSelLineal .botonera .yui-button button:hover,
	#interfSelProducts .botonera .yui-button button:hover,
	#interfSelCategory .botonera .yui-button button:hover,
	#interfLastVisits .botonera .yui-button button:hover,
	#interfSelProducts .yui-module .yui-button button:hover{
		opacity: .9;
	}
	#interfLastVisits .botonera .yui-button.btn-visit-active button{
		background: #f60 !important;
		color: #eee;
	}
    /*bloque datos (pestañas)*/
    #interfProduct.yui-module{
        width: 98%;
        margin: 10px auto;
    }
    #interfProduct.yui-module #TabProduct .yui-nav li a{
        padding: 5px 0;
        border-radius: 3px 3px 0 0;
    }
    #interfProduct.yui-module #TabProduct .yui-nav li a em{
        border: 0;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm table td{
        display: table-cell;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table th{
        padding-top: 1.2rem;
        padding-left: 0 !important;
        margin-bottom: 3px;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table td[colspan="2"]{
        padding-top: 1.2rem;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table td.colspan-mob[colspan="2"]{
        padding-top: .9rem;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table td.td-etiquetado-incorrecto{
        padding-bottom: 20px;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm table td#posicionLinealContainer{
        padding-left: 0;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm table td#posicionLinealContainer table.graficolineal{
        border-collapse: collapse;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm table td#posicionLinealContainer table.graficolineal caption{
        font-size: 1.02rem;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm table td#posicionLinealContainer table.graficolineal td{
        padding: 5px;
        text-align: center;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm table td#posicionLinealContainer table.graficolineal td input{
        margin-bottom: 4px !important;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }
    .plv_fabricante--mob{ /*ocultamos bloque que sale sólo en móvil*/
        display: none;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table input,
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table select{
        margin-bottom: 15px;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table input{
        font-size: .95rem;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table input[type="checkbox"]{
        display: inline-block;
        vertical-align: middle;
        margin-top: 1px;
        margin-bottom: 0;
    }
    span.text-checkbox{
        width: calc(100% - 35px);
        display: inline-block;
        vertical-align: middle;
        padding: 5px 0;
        font-size: .85rem;
    }
    #imagenExistente{
        margin: .938rem 0;
        font-size: .85rem;
    }
    #imagenExistente span#borrarImagen{
        background: none;
    }
    #nuevaImagen strong{
        display: block;
        margin-bottom: 5px;
        font-size: 1.02rem;
    }
    #nuevaImagen input{
        margin-bottom: 0;
        border: 1px solid #ffcfa1 !important;
    }
    #promociones1 #producto-promocion p{
        font-size: .85rem;
    }
    #promociones1 #producto-promocion input,
    #promociones1 #producto-promocion select{
        margin-top: 5px;
    }
    #promociones2{
        width: 100% !important;
        max-width: 650px;
        margin: 0 auto 10px auto;
        float: none;
    }
    #promociones2 .cuadro p{
        font-size: .85rem;
    }
        /***footer***/
	div#pie{
		width: 100%;
		max-width: 991px;
		height: 3%;
		height: 3vh;
		/*line-height: 3%;
		line-height: 3%;
		line-height: 3vh;
		margin-top: -17%;
		margin-top: -17vh;*/
	}
	/***estilos elementos de formulario***/
	form .formulario input,
	div#appPOS div.formulario_nuevo input{
		width: 100%;
		padding: .933rem .667rem;
		border-radius: 3px;
		font-size: 1rem;
	}
	form .formulario input:focus{
		outline: 0;
	}
    div#appPOS div.formulario_nuevo textarea{
        padding: 1.3rem .667rem;
        font-size: 1rem;
    }
	form .formulario input[type="submit"],
	div#contenido .yui-button,
	.yui-skin-sam .yui-button button{
		min-height: 5px;
		display: inline-block;
		margin: 5px auto;
		padding: 2px 10px;
		border: 0;
		border-radius: 3px;
		text-align: center;
		font-size: .9rem;
		font-weight: 700;
		text-transform: uppercase;
	}
	form#form_login .formulario input[type="submit"]{ /*botón en loguearse*/
		max-width: 250px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-top: .938rem;
		padding-bottom: .938rem;
	}
	.yui-skin-sam #filterShopsButton.yui-button,
	.yui-skin-sam #filterShopsButton.yui-button button{ /*botón buscar tiendas*/
		max-width: 250px;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	div#contenido #filterShopsButton.yui-button{
		margin-top: 20px;
	}
	div#contenido .yui-button.yui-button--newvisit{
		max-width: 250px;
		margin-left: 1% !important;

	}
	form .formulario input[type="submit"]:hover{
		background-color: #f60;
		opacity: .9;
	}
    #interfSearchProduct form#formFilterProducts table select,
    #interfSearchProduct form#formFilterProducts table input,
    #interfIdentifyProduct form#identifyArticuloExposicionForm input{
        margin-bottom: 15px;
    }
    #interfSearchProduct form#formFilterProducts #segmentosDeCategoria select{
        margin-bottom: 20px;
    }
	/*selects*/
	form select{
		width: 100%;
		display: block;
		padding: .933rem 0;
		font-size: 1rem;
	}
	/*celdas*/
	form table tr th,
	form table tr td{
		display: block;
		text-align: left;
	}
	form .formulario table tr th{
		text-align: left;
	}
	/*background y texto en input en Chrome*/
	input:-webkit-autofill {
		-webkit-box-shadow: 0 0 0px 1000px #fff inset;
	}
	input:-webkit-autofill {
		-webkit-text-fill-color: #000;
	}
	/*labels*/
	form label,
	div#appPOS div.formulario_nuevo table th{
		display: inline-block;
		text-align: left;
		margin-bottom: 3px;
		font-size: 1.02rem;
	}
	div.cuadro form#form_login div.formulario table label[for="password"]{
		margin-top: 10px;
	}
	/**PASOS**/
	/*paso 2 tienda*/
	#appPOS,
	#interfSelShop{
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0 auto;
	}
	#filterShops form table,
	#interfSearchProduct form table,
    #interfIdentifyProduct .formulario_nuevo form#identifyArticuloExposicionForm table{
		width: 96%;
		max-width: 380px;
		margin: 0 auto;
		border-collapse: collapse;
	}
	#filterShops form table label,
	#interfSearchProduct form table label{
		margin-top: 15px;
	}
	#interfSearchProduct form table label{
		color: #5b1b0b;
		font-weight: 700;
	}
	#interfSelShop #tableShops{
		width: 99%;
		margin-left: auto;
		margin-right: auto;
	}
	#interfSelShop #tableShops.yui-dt,
	div#contenido .yui-dt{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	#interfSelShop #tableShops.yui-dt tr td,
	.yui-skin-sam .yui-dt-liner{
		padding: 5px 0;
	}
    /*iconos de tablas*/
    /*td .yui-dt-col-revisado_pos.yui-dt-liner img,
    td .yui-dt-col-revisado_backoffice.yui-dt-liner img,
    td .yui-dt-col-print.yui-dt-liner img{
        visibility: hidden;
        position: absolute;
        z-index: 1;
    }
    td .yui-dt-col-revisado_pos,
    td .yui-dt-col-revisado_backoffice,
    td .yui-dt-col-print{
        position: relative;
    }
    td .yui-dt-col-revisado_pos::before,
    td .yui-dt-col-revisado_backoffice::before,
    td .yui-dt-col-print::before{
        font-family: FontAwesome;
        font-size: 14px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
    }
    td .yui-dt-col-revisado_pos::before,
    td .yui-dt-col-revisado_backoffice::before{
        content: '\f059';
        color: #ff3600;
    }
    td .yui-dt-col-print::before{
        content: '\f02f';
    }*/
	.edit-date{
		margin-left: 5px;
	}
        /*fin iconos tablas*/
	div#contenido a.yui-pg-page{
		padding: 5px 10px;
		margin-right: 5px;
		border: 1px solid #eee;
	}
	.yui-skin-sam th.yui-dt-sortable .yui-dt-label{/*se quita margen derecho en celdas encabezado tablas*/
		margin-right: 0;
		padding-left: 5px;
		padding-right: 5px;
	}
	div#contenido span.yui-pg-current-page{
		padding: 5px 10px;
		margin-right: 5px;
		background-color: #eee;
	}
	/*paso 3 Visita*/
	div#menuNav,
	#interfLastVisits #yui-dt1-bodytable{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
	}
    div#menuNav{
        width: 100%;
        padding: 5px 0 5px 10px;
        display: none;
    }
    #interfLastVisits #yui-dt1-bodytable{
        min-width: 400px;
    }
	#menuTienda.yui-module,
	#menuVisita.yui-module,
	#menuCategoria.yui-module,
	#menuLineal.yui-module,
    #menuProducto.yui-module{
        overflow: visible;
		border-bottom: 1px solid #fff;
	}
    #menuTienda,
	#menuVisita,
	#menuCategoria,
	#menuLineal,
    #menuProducto{
		padding-top: 6px;
		padding-bottom: 6px;
        position: relative;
	}
	/*#menuTienda{
		padding-top: 10px;
	}*/
    #appPOS #menuNav .yui-module:last-child{
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
	#menuTienda strong,
	#menuVisita strong,
	#menuCategoria strong,
	#menuLineal strong,
    #menuProducto strong{
		display: block;
		margin-bottom: 5px;
		font-size: 1rem;
	}
	#menuTienda .valor,
	#menuVisita .valor,
	#menuCategoria .valor,
	#menuLineal .valor,
    #menuProducto .valor{
        width: 100%;
		display: inline-block !important;
		padding-left: 10px;
		font-size: .9rem;
	}
	/***Iconos***/
	div#appPOS div#menuNav .boton-volver,
	div#appPOS div#menuNav .boton-borrar,
	div#appPOS div#menuNav .boton-imprimir{
		background: none;
		text-indent: 0;
		overflow: visible;
		margin-top: 0;
	}
    div#appPOS div#menuNav .boton-volver{
        height: 25px;
        display: block;
        float: right;
        margin-right: 25px;
    }
	div#appPOS div#menuNav .boton-volver::before{
		font-family: FontAwesome;
		content: '\f0a8 ';
		font-size: 1.9rem;
		color: rgba(255, 102, 0, .8);
	}
	div#appPOS div#menuNav .boton-borrar,
	div#appPOS div#menuNav .boton-imprimir{
        height: 30px;
		display: inline-block;
		vertical-align: middle;
        margin-top: 0;
        margin-bottom: 0;
	}
	div#appPOS div#menuNav .boton-borrar::before,
	div#appPOS div#menuNav .boton-imprimir::before{
		font-family: FontAwesome;
		font-size: 1.4rem;
		color: rgba(255, 102, 0, .8);
	}
	div#appPOS div#menuNav .boton-borrar::before{
		content: '\f014';
	}
	div#appPOS div#menuNav .boton-imprimir::before{
		content: '\f02f';
	}
	div#appPOS div#menuNav .boton-borrar .first-child,
	div#appPOS div#menuNav .boton-imprimir .first-child{
		background: none;
	}
	/***POPUPS***/
	/*error*/
	body div#dialogo_error_c .yui-panel,
	body div#dialogo_error_c .yui-panel div.bd,
	body div#dialogo_error_c .yui-panel div.hd,
	body div#dialogo_error_c .yui-panel div.ft{
		border: 0;
		background-color: #FF0505;
		font-size: .9rem;
		color: #fff;
	}
	body div#dialogo_error_c .yui-panel div.hd{
		padding: 5px 0;
		color: #FF0505;
		font-size: .85rem;
		font-weight: 600;
		text-transform: uppercase;
	}
	body div#dialogo_error_c .hd img{
		margin-top: -3px;
	}
	div#dialogo_error .yui-button{
		max-width: 160px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		background: none;
		border: 0;
		background-color: #fff;
		color: #000;
		font-size: .9rem;
	}
	div#dialogo_error .yui-button .first-child{
		border: 0 !important;
		margin: 0 !important;
	}
	div#dialogo_error .yui-button button{
		height: 2.5rem;
		line-height: 2.5rem;
	}
	/*incidendias*/
	#splash,
	.splash{
		width: 98%;
		max-width: 600px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: 999;
		-webkit-box-shadow: 0 0 5px #666;
		-moz-box-shadow: 0 0 5px #666;
        box-shadow: 0 2px 8px #666;
        background-color: #fff;
	}
	.splash{
		display: none;
	}
	#splash table th,
	#splash table td,
    .splash table th,
    .splash table td{
		padding: 5px 0;
        font-size: .8rem;
	}
	#splash table th
    .splash table th{
		background: #f60 url(../images/fondo_menu.jpg);
		background-size: cover;
		text-transform: uppercase;
		color: #fff;
	}
	#splash input.boton,
    .splash input.boton{
		width: 100%;
		max-width: 125px;
		min-height: 5px;
		height: 2rem;
		line-height: 2rem;
		display: block;
		margin: 5px;
		padding: 0;
		border: 0;
		border-radius: 3px;
		text-align: center;
		font-size: .8rem;
		font-weight: 700;
		text-transform: uppercase;
	}
    #splash.splash-edit-date,
    .splash.splash-edit-date{
        width: 98%;
        max-width: 600px;
        position: fixed;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    #splash.splash.splash-edit-date .contenedor_fecha input#fecha,
    .splash.splash-edit-date .contenedor_fecha input#fecha{
        margin: 5px auto;
        padding: .8rem .4rem;
        text-align: center;
    }
    #splash.splash.splash-edit-date .contenedor_fecha div input.boton,
    .splash.splash-edit-date .contenedor_fecha div input.boton{
        margin-left: auto;
        margin-right: auto;
        padding: 1.5rem 0;
        line-height: 0;
        background-color: rgb(255, 102, 0);
        font-size: .95rem;
        color: #fff;
    }
    #splash.splash.splash-edit-date .contenedor_fecha table th,
    .splash.splash-edit-date .contenedor_fecha table th{
        font-size: .95rem;
    }
        /*contenedor incidencia*/
    #contenedor_incidencia{
        margin: 0 auto;
    }
    #contenedor_incidencia input:focus{
        outline: 0;
    }
    #contenedor_incidencia table th{
        font-size: .82rem;
    }
    #contenedor_incidencia #nueva_incidencia #id_incidencia,
    #contenedor_incidencia textarea{
        width: 98%;
        margin-left: auto;
        margin-right: auto;
        font-size: .8rem;
    }
    .nueva_incidencia__text{
        display: block;
        text-align: left;
        font-size: .9rem;
        margin-left: 1%;
        margin-bottom: 5px;
    }
    /*** barra scroll ***/
    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    ::-webkit-scrollbar-track {
        background-color: #eee;
    }
    ::-webkit-scrollbar-thumb {
        background-color: rgba(255, 102, 0, .7);
        border-radius: 4px;
    }
    ::-webkit-scrollbar-button {
        background-color: #f60;
        border-radius: 3px;
    }
    ::-webkit-scrollbar-corner {
        background-color: #f60;
    }
    /*Flecha volver arriba*/
      #IrArriba {
          position: fixed;
          bottom: 30px; /* Distancia desde abajo */
          right: 15px; /* Distancia desde la derecha */
      }
      #IrArriba  .fa{
          font-size: 3rem;
          color: rgba(255, 102, 0, .7);
      }
    /*botón deshabilitado*/
    .disabled-button{
        opacity: .6 !important;
        background-color: transparent !important;
    }
    /*desplegable migas*/
    .steps-dropdown{
		width: 98%;
        max-width: 140px;
		margin: 0;
        padding: .6em 0;
        display: block;
		font-size: 9px;
		font-weight: 600;
		text-transform: uppercase;
		text-align: center;
        color: #000;
		background-color: #fbf3ec;
		border: 1px solid #ffcfa1;
        border-left: 0;
		border-radius: 0 2px 0 2px;
    }
    .steps-dropdown span{
		padding: 0;
        display: inline-block;
        vertical-align: middle;
        margin-right: 4px;
        margin-left: 4px;
    }
    .steps-dropdown::before{
        content: url(../images/steps.png);
        display: inline-block;
        vertical-align: middle;
    }
	.steps-dropdown::after{
		font-family: FontAwesome;
		content: '\f107';
        display: inline-block;
        vertical-align: middle;
        color: #000;
	}
    .steps-dropdown .icon-close::after{
        font-family: FontAwesome;
        content:"\f107" !important;
        color: #000;
    }
}
/*hasta 767px*/
@media only screen and (max-width: 47.938em)
{
    div#appPOS div#menuNav .boton-volver{
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 0;
        margin-right: 15px;
    }
    div#appPOS div#menuNav .boton-borrar,
    div#appPOS div#menuNav .boton-imprimir{
        height: 20px;
        position: absolute;
        top: 0;
    }
    div#appPOS div#menuNav .boton-borrar{
        right: 85px;
    }
    div#appPOS div#menuNav .boton-imprimir{
        right: 55px;
    }
	/*bloque tplv*/
	#producto-tipo-plv{
		width: 98%;
		max-width: 650px;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		box-shadow: 0 0 3px #666;
	}
    /*.plv-fabricante--desktop,
    .producto-tipo-plv--desktop{
        display: none !important;
    }*/
	#producto-tipo-plv h3{
		margin: 0 !important;
		padding: .6rem;
		color: #fff;
		background-color: #fc6e00;
	}
    .producto-tipo-plv--mob .fa-times{
        visibility: visible;
        display: block;
        position: absolute;
        top: 8px;
        right: 7px;
        font-size: 16px;
        color: #fff;
    }
    #producto-tipo-plv .cuadro table{
		text-align: center;
	}
	#producto-tipo-plv .cuadro table td input{
		float: left;
	}
    #producto-tipo-plv .cuadro-expositor{
        margin-left: 15px;
    }
    tr.plv_fabricante--mob{ /*hacemos visible bloque que sale sólo en móvil*/
        display: table-row;
    }
	#interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table tr.plv_fabricante--mob th,
	#interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table tr.plv_fabricante--mob td{
		display: table-cell;
		vertical-align: middle;
	}
	#interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table tr.plv_fabricante--mob th{
		padding-top: 0;
	}
    .producto-tipo-plv--mob{
        width: 100%;
		position: relative;
        top: -25px;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
	}
    .producto-tipo-plv--mob h3{
        margin: 0 !important;
        padding: 6px;
        background-color: #fc6e00;
        color: #fff;
    }
    .producto-tipo-plv--mob .fa-times,
    #producto-tipo-plv .fa-times{
        visibility: visible;
        display: block;
        position: absolute;
        top: 5px;
        right: 5px;
        font-size: 1.4rem;
        color: #fff;
    }
	.producto-tipo-plv--mob table td input{
		float: left !important;
	}
    .block-plv{
        display: block;
        margin-right: 0;
    }
    #menuTienda .valor,
    #menuVisita .valor,
    #menuCategoria .valor,
    #menuLineal .valor,
    #menuProducto .valor{
        width: calc(100% - 23px);
    }
}
/*hasta 520px*/
@media only screen and (max-width: 32.500em){
	html{
		font-size: 13px;
	}
    table,
    .yui-skin-sam .yui-dt table{
        font-size: 1.1em;
    }
	.yui-dt-bd{
		overflow-x: auto;
	}
	.yui-skin-sam .yui-dt th .yui-dt-liner{
		padding-left: 3px;
		padding-right: 3px;
	}
    div#contenido .yui-dt{
        width: 98%;
        margin-left: auto;
        margin-right: auto;
    }
    .yui-skin-sam .yui-dt-paginator{
        margin: 10px 0;
    }
    div#contenido .yui-dt th{
        padding-left: 0;
        padding-right: 0;
    }
    /*div#contenido .yui-dt td{
        padding-left: 2px;
        padding-right: 2px;
    }*/
    /*desplegable 'ver posición lineal'*/
    .td-dropdown{
        text-indent: 0;
        display: block;
        margin-bottom: 10px;
        text-align: left;
        font-size: 1rem;
        font-weight: 700;
        text-transform: capitalize;
        color: #5b1b0b;
        cursor: pointer;
    }
    .td-dropdown::before{
        font-family: FontAwesome;
        content: '\f06e';
        margin-right: 4px;
    }
    .td-dropdown::after{
        font-family: FontAwesome;
        content: '\f107';
        margin-left: 4px;
    }
    .icon-close::after{
        font-family: FontAwesome;
        content:"\f105" !important;
        margin-left: 4px;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm table td#posicionLinealContainer{
        position: absolute;
        z-index: 999;
        width: 98%;
        left: 1%;
        top: 60px;
        background-color: #fff;
        visibility: visible !important;
    }
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm table td#posicionLinealContainer table.graficolineal{
        width: 100%;
    }
    .yui-dt-label{
        white-space: pre-wrap;
        font-size: 1rem;
    }
	.edit-date{
		margin-left: 5px;
	}
	.edit-date{
		display: block;
		margin-top: 2px;
		margin-left: auto;
		margin-right: auto;
	}
}
/*hasta 340px*/
@media only screen and (max-width: 21.250em)
{
	html{
		font-size: 12px;
	}
    div#appPOS div.formulario_nuevo input:not(input[type="checkbox"]),
    #interfProduct.yui-module #TabProduct form#updateArticuloExposicionForm .yui-content table select{
        width: 93%;
    }
    #promociones2 .cuadro p{
        font-size: .92rem;
    }
}
/*hasta 767px y orientación horizontal*/
@media only screen and (max-width: 47.938em) and (orientation: landscape){
    div#menupos{
        height: 11%;
        height: 11vh;
        line-height: 11%;
        line-height: 11vh;
    }
	div#menupos a{
		margin: 0;
		padding: 0;
		font-size: .95rem;
		color: #ff6600;
		text-shadow: 0px 0px 6px #FFFFFF;
		text-decoration: none;
	}
}