#portesPriceAdvice{
	margin-top:10px;
}

#portesPriceAdviceClon{
	margin-bottom:10px;
}

#portesPriceAdviceClon .labelExtra.noRProductsAdvice {
	margin-top:0px;
}

#addExc{
	display:inline-block;
	padding:4px 10px;
	border:1px solid #ccc;
	cursor:pointer;
}

.removeExc{
	display:inline-block;
	width:18px;
	height:18px;
	background: transparent url("../img/app/pedidos/close.png?val=12052021") no-repeat center center;
	background-size:contain;
	cursor:pointer;
	vertical-align:top;
	margin-left:6px;
}

.campos_form .fila.cloname .removeExc{
	display:none;
}	

.campos_form .fila.EXCEPTIONS{
	display:inline-block;
	width:200px;
	margin:3px;
}

#model_fast_searchDiv{
	display:inline-block;
	margin-bottom: 15px;
	vertical-align: middle;
	margin-left:10px;
	z-index: 51;
	position: relative;
}


#model_fast_search{
	display:inline-block;
	padding:4px 10px;
	border:1px solid #ccc;
	width: 90px;
	/*margin-right:15px;
	margin-bottom:10px;*/
}

.loadingError{
	padding-top:9px;
	color:#f00;
}



.customScrollBars::-webkit-scrollbar-button {
	background: rgba(0,0,0,0) url("../img/flScUp.png?val=2018") no-repeat center center;
}


.customScrollBars::-webkit-scrollbar-button:horizontal{
	background: rgba(0,0,0,0) url("../img/flScLeft.png?val=2018") no-repeat center center;
}

.customScrollBars::-webkit-scrollbar-button:end{
	background: rgba(0,0,0,0) url("../img/flScDown.png?val=2018") no-repeat center center;
}

.customScrollBars::-webkit-scrollbar-button:horizontal:end{
	background: rgba(0,0,0,0) url("../img/flScRight.png?val=2018") no-repeat center center;
}


#menuButtonClon,
#menuButton{
	background: transparent url("../img/mobile/menuBot.png?val=2019b") no-repeat center center;
}

#menuButton.opened{
	background: transparent url("../img/mobile/menuClose.png?val=2019b") no-repeat center center;
}

#menuPie li.level_0{
	background: transparent url("../img/liPie.png") no-repeat center left;
}



.aviso24h{
	font-size:80%;
	display: block;
	color: #8c1010;
	margin-top:8px;
}

.aviso24h:first-child{
	margin-top:0px;
}


#scrollFlecha{
	width:46px;
	height:61px;
	position:absolute;
	bottom:25px;
	right:25px;
	background: transparent url("../img/scroll.png?val=12052021") no-repeat bottom center;
	cursor:pointer;
	z-index: 5;
	opacity:0;
}


#scrollFlecha.showFlecha{
	opacity:1;
	bottom:14px;
	-webkit-transition: opacity 600ms ease-out,bottom 400ms ease-out;
	-moz-transition: opacity 600ms ease-out,bottom 400ms ease-out;
	-o-transition: opacity 600ms ease-out,bottom 400ms ease-out;
	-ms-transition: opacity 600ms ease-out,bottom 400ms ease-out;
	transition: opacity 600ms ease-out,bottom 400ms ease-out;
}

#scrollFlecha.hideFlecha:not(.showFlecha){
	opacity:0;
	bottom:14px;
	-webkit-transition: opacity 200ms ease-out;
	-moz-transition: opacity 200ms ease-out;
	-o-transition: opacity 200ms ease-out;
	-ms-transition: opacity 200ms ease-out;
	transition: opacity 200ms ease-out;
}




.legend{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	text-align:left;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.95);
	line-height:100%;
	padding: 10px 13px;
	box-sizing:border-box;
	letter-spacing:0.02em;
	font-size:110%;
}

p.noWidows{
	display:inline-block;
}

.noWidowsCss{
	widows:2;
	orphans:2;
}

.noMay{
	text-transform:none;
}

.noSepara{
	white-space: nowrap;
}

.hypenado{
	overflow-wrap: break-word;
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.entraTextoVideos{
	-moz-animation: entraTextoVideos 0.7s ease-out;
	-webkit-animation: entraTextoVideos 0.7s ease-out;
	animation: entraTextoVideos 0.7s ease-out;
}



@-webkit-keyframes entraTextoVideos {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 5%, 0);
		transform: translate3d(0, 5%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes entraTextoVideos {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 5%, 0);
		transform: translate3d(0, 5%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

#butMenuHover.active{
	background-position: -30px 0px;
}


/* fijos */



.animable{
	cursor:pointer;
	-webkit-will-change: filter, transform;
	-moz-will-change: filter, transform;
	-o-will-change: filter, transform;
	-ms-will-change: filter, transform;
	will-change: filter, transform;
}

.animable video,
.animable img{
	-webkit-transition: filter 400ms ease-out,transform 400ms ease-out;
	-moz-transition: filter 400ms ease-out,transform 400ms ease-out;
	-o-transition: filter 400ms ease-out,transform 400ms ease-out;
	-ms-transition: filter 400ms ease-out,transform 400ms ease-out;
	transition: filter 400ms ease-out,transform 400ms ease-out;
}


.animable.sepia video,
.animable.sepia img{
	-webkit-filter: sepia(0%);
	-moz-filter: sepia(0%);
	-ms-filter: sepia(0%);
	-o-filter: sepia(0%);
	filter: sepia(0%);
}


.animable.saturate video,
.animable.saturate img{
	-webkit-filter: saturate(100%);
	-moz-filter: saturate(100%);
	-ms-filter: saturate(100%);
	-o-filter: saturate(100%);
	filter: saturate(100%);
}

.animable.huerotate video,
.animable.huerotate img{
	-webkit-filter: hue-rotate(0deg);
	-moz-filter: hue-rotate(0deg);
	-ms-filter: hue-rotate(0deg);
	-o-filter: hue-rotate(0deg);
	filter: hue-rotate(0deg);
}

.animable.invert video,
.animable.invert img{
	-webkit-filter: invert(0%);
	-moz-filter: invert(0%);
	-ms-filter: invert(0%);
	-o-filter: invert(0%);
	filter: invert(0%);
}

.animable.grayscale video,
.animable.grayscale img{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%);
}

.animable.contrast video,
.animable.contrast img{
	-webkit-filter: contrast(100%);
	-moz-filter: contrast(100%);
	-ms-filter: contrast(100%);
	-o-filter: contrast(100%);
	filter: contrast(100%);
}

.animable.brightness video,
.animable.brightness img{
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-ms-filter: brightness(100%);
	-o-filter: brightness(100%);
	filter: brightness(100%);
}


.animable.blur video,
.animable.blur img{
	-webkit-filter: blur(0px);
	-moz-filter: blur(0px);
	-ms-filter: blur(0px);
	-o-filter: blur(0px);
	filter: blur(0px);
}


.animable.scale video,
.animable.scale img{
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-ms-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;

	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1);
}

.animable.scale:not(.sioverflow) figure,
.animable.scale:not(.sioverflow){
	overflow: hidden;
}




.animable.sepia:hover video,
.animable.sepia:hover img{
	-webkit-filter: sepia(100%);
	-moz-filter: sepia(100%);
	-ms-filter: sepia(100%);
	-o-filter: sepia(100%);
	filter: sepia(100%);
}

.animable.saturate:hover video,
.animable.saturate:hover img{
	-webkit-filter: saturate(200%);
	-moz-filter: saturate(200%);
	-ms-filter: saturate(200%);
	-o-filter: saturate(200%);
	filter: saturate(200%);
}

.animable.huerotate:hover video,
.animable.huerotate:hover img{
	-webkit-filter: hue-rotate(200deg);
	-moz-filter: hue-rotate(200deg);
	-ms-filter: hue-rotate(200deg);
	-o-filter: hue-rotate(200deg);
	filter: hue-rotate(200deg);
}

.animable.invert:hover video,
.animable.invert:hover img{
	-webkit-filter: invert(100%);
	-moz-filter: invert(100%);
	-ms-filter: invert(100%);
	-o-filter: invert(100%);
	filter: invert(100%);
}

.animable.grayscale:hover video,
.animable.grayscale:hover img{
	filter: grayscale(100%);
}

.animable.contrast:hover video,
.animable.contrast:hover img{
	-webkit-filter: contrast(130%);
	-moz-filter: contrast(130%);
	-ms-filter: contrast(130%);
	-o-filter: contrast(130%);
	filter: contrast(130%);
}

.animable.brightness:hover video,
.animable.brightness:hover img{
	-webkit-filter: brightness(60%);
	-moz-filter: brightness(60%);
	-ms-filter: brightness(60%);
	-o-filter: brightness(60%);
	filter: brightness(60%);
}

.animable.blur:hover video,
.animable.blur:hover img{
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-ms-filter: blur(1px);
	-o-filter: blur(1px);
	filter: blur(1px);
}

.animable.scale:hover video,
.animable.scale:hover img{
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}

.ampliable:hover::after{
	content:"";
	position:absolute;
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	background: transparent url("../img/zoom.png?val=12052021") no-repeat center center;
}

.animable.fakeMult::after{
	content:"";
	position:absolute;
	top:0%;
	left:0%;
	height:100%;
	width:100%;

	mix-blend-mode: darken;

	background-color: transparent;
	-webkit-transition: background-color 400ms ease-out,transform 400ms ease-out;
	-moz-transition: background-color 400ms ease-out,transform 400ms ease-out;
	-o-transition: background-color 400ms ease-out,transform 400ms ease-out;
	-ms-transition: background-color 400ms ease-out,transform 400ms ease-out;
	transition: background-color 400ms ease-out,transform 400ms ease-out;
}



.animable.fakeMult:hover::after{
	background-color: rgba(173,21,138,0.25);
}

.animable.scale.fakeMult:hover::after{
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05);
}



.sombraTxt{
	-moz-text-shadow:2px 2px 4px rgb(0, 0, 0);
	-webkit-text-shadow:2px 2px 4px rgb(0, 0, 0);
	text-shadow:2px 2px 4px rgb(0, 0, 0);
	-moz-text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);
	-webkit-text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);
	text-shadow:2px 2px 4px rgba(0, 0, 0, 0.5);
}


.sombraBox{
	-moz-box-shadow:3px 3px 4px rgb(0, 0, 0);
	-webkit-box-shadow:3px 3px 4px rgb(0, 0, 0);
	box-shadow:3px 3px 4px rgb(0, 0, 0);
	-moz-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.3);
	box-shadow:3px 3px 4px rgba(0, 0, 0, 0.3);
}

.skipLink{
	/*font-family:Arial, Helvetica, Tahoma,sans-serif;*/
	color: #DD0F1C;
}

.skipLink:focus, .skipLink:active {
	position: static;
	clip: auto;
}


.suavizado{
	text-shadow: rgba(0, 0, 0, .1) 0 0 1px;
	-moz-text-shadow: rgba(0, 0, 0, .1) 0 0 1px;
	-webkit-text-shadow: rgba(0, 0, 0, .1) 0 0 1px;
}

.suavizado2{
	text-stroke: 1px rgba(0,0,0,0.4);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}


.errorDB{
	position:relative;
	width:auto;
	padding:5px;
	border:1px inset #ff0000;
	color: #ff0000;
	background:#ffff00;
	font-size:80%;
	font-family:Arial;
	text-align:center;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-weight: normal;
 font-weight: 400;
 line-height:100%;
 font-size:100%;
}


/* web dinamics */

#contQRExtra{
	position:relative;
	width:auto;
	margin-left:auto;
	margin-right:auto;
	padding:20px 20px;
}

/* preload */

.cargandoGlobal{
	width:30px;
	height:30px;
	z-index:100000000000000000;
}

.cargandoGlobalIn{
	position:absolute;
	left:-15px;
	top:-15px;
	width:30px;
	height:30px;
	z-index:1000000000000000001;
	overflow:hidden;
}


.cargandoGlobalInImg{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1000000000000000002;
}


/* capas ocultas */ 
/*--------------------------------------------*/

.nombreDescarga{
	position:absolute;
	top:0px;
	left:0px;
	height:0px;
	width:0px;
	overflow:hidden;
	visibility:hidden;
	display:none;
}


#jsGeneral{
	position:absolute;
	top:0px;
	left:0px;
	height:0px;
	width:0px;
	overflow:hidden;
	visibility:hidden;
	display:none;
}


/* selector vertical */

#vSectionSelector{
	position:fixed;
	top:0px;
	right:0px;
	width:auto;
	height:100%;
	display:table;
}

#vSectionSelectorIn{
	position:relative;
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	list-style-type:none;
}

.vSectionSel{
	text-align:center;
	cursor:pointer;
	position:relative;
	text-align: right;
}

.vSectionSel .titulo{
/*	position:absolute;
	right:-3002px;
	top:-1px;*/
	white-space: nowrap;
/*	display:none;*/
	color: #000000;
	

	/*color: #000;*/
	/*text-shadow:1px 1px 1px rgba(255,255,255,0.4);*/

	font-size:100%;
	/*opacity:0;*/
	text-transform:uppercase;


	-webkit-transition: right 400ms ease-in,opacity 800ms ease-in;
	-moz-transition: right 400ms ease-in,opacity 800ms ease-in;
	-o-transition: right 400ms ease-in,opacity 800ms ease-in;
	-ms-transition: right 400ms ease-in,opacity 800ms ease-in;
	transition: right 400ms ease-in,opacity 800ms ease-in;


	/*background:#fdf8ee;*/
	display:inline-block;
	padding:3px 5px;
	vertical-align:middle;
	margin-top: 3px;

}

.vSectionSel:hover .titulo{
/*	display:block;*/
/*	opacity:1;
	right:30px;*/
}


.vSectionSel.sombra{
/*	filter: drop-shadow(1px 1px 2px rgba(255,255,255,0.4));*/
}


.vSectionSel span.icono{
	display:inline-block;
	width:18px;
	height:21px;
	/*background: transparent url("../img/topoVScr.png?val=12052021") no-repeat center center;*/
	background: transparent url("../img/topoVScr_inactivo.png?val=12052021") no-repeat center center;
	vertical-align:middle;
}
/*
.vSectionSel.activo span.icono{
	background: transparent url("../img/topoVScr_inactivo.png?val=12052021") no-repeat center center;
}
*/
.vSectionSel.activo .titulo{
	
	text-decoration:underline;
}

/* menu magento */

.menuMagento{
	position:relative;
	display:inline;
	float:right;
	width:auto;
	list-style-type:none;
	overflow:hidden;
	margin-right:10px;
}

.menuMagento li{
	position:relative;
	display:inline-block;
	width:auto;
	text-align:center;
}


.menuMagento li{
	text-transform:uppercase;
	padding:4px 8px;
	border-left:1px solid #cccccc;
}

.menuMagento li.last{
	width:24px;
	height:28px;
	text-align:center;
	padding:0px;
	padding-right:10px;
	padding-left:8px;
}

.menuMagento li.last a.fuente_menu_tienda{
	color:#ffffff;
	font-size:90%;
/*	font-weight:600;*/
}

.menuMagento li.last a.fuente_menu_tienda,
.menuMagento li.last a.fuente_menu_tienda span{
	display:block;
	padding:0px;
}

/* newsletter */

.ID_7_21 textarea{
	height:150px;
}

/*#claimProduct.contacto{
	font-size:80%;
}*/

#textInClaim{
	position:relative;
	margin-top:30px;
	width:100%;
	font-size:110%;
	line-height:140%;
	max-width:1220px;
	margin-left:auto;
	margin-right:auto;
}


#textInClaimTable{
	position:relative;
	display:table;
	width:100%;
}


#textInClaimTR{
	position:relative;
	display:table-row;
	width:100%;
}



.textInClaimCell{
	position:relative;
	display:table-cell;
	width:50%;
	padding:4px 30px;
	vertical-align:top;
	box-sizing:border-box;
	text-align:justify;
	max-width:1290px;
	margin-left:auto;
	margin-right:auto;

}


.textInClaimCell:first-child{
	border-right:1px solid #d9d9d9;
	padding-left:60px;
}


.textInClaimCell:flast-child{
	padding-right:60px;
}

#contentNews{
	position:relative;
	margin-top:60px;
}

#contentNewsIn{
	position:relative;
	max-width:680px;
	display:block;
	margin:0px auto;
	width:auto;
	padding: 0px 20px;
}

#titularNews{
	text-align:center;
	font-size: 165%;
	color: #333333;
}

#contentNewsIn.confirmNews{
	background:#f00;
}


#contentNewsIn.confirmNews.altaOK{
	background:#0f0;
}

#galNews{
	padding-left:5px;
	padding-right:5px;
	margin-top:140px;
}

/*--------------------------------------------*/
/* pagina de error */

#contentError{
	position:relative;
	width:auto;
	overflow:hidden;
	padding:0px 0px 55px 0px;
	text-align:left;
	margin-top:-20px;
	padding-top:100px;
}

#contentErrorIn{
	position:relative;
	width:auto;
	max-width:1300px;
	margin:0px auto;
	padding:00px 60px 0px 60px;
}

#contentError.light #contentErrorIn {
    padding: 0px 30px;
}

#titularError h1{
	display:block;

}



#titularError h1{
	margin: 0 auto;
	padding: 0px 40px 20px;
	font-size: 70%;
	text-align: Center;
	color: #195633;
}


#urlErronea.error,
#titularError.error{
	text-align:left;
}




#titularError{
	text-align:center;
	padding-top:30px;
	margin-bottom:20px;
	/*text-transform:uppercase;*/
	text-align:center;
	font-size:300%;
}

#urlErronea{
	font-size:120%;
	margin-left:auto;
	margin-right:auto;
	text-transform:uppercase;
	padding: 20px 0px;
	text-align:center;
	text-decoration:underline;
}


#contenidoError a{
	text-decoration:underline;
	color:#195633;
}

#contenidoError li a{
	color:#195633;
	text-decoration:underline;
	font-size:120%;
}

#contenidoError a:hover,
#contenidoError li a:hover{
	text-decoration:none;
}

#contenidoError ul{
	list-style-type: none;
	padding-bottom:15px;
}


#avisoTxt #contenidoError ul li,
#contenidoError li{
	position: relative;
	padding-left: 10px;
	background: transparent url("../img/lipoint.svg") no-repeat top 7px left;
	
	background-size:7px 7px;

	list-style-type: none;
	padding-bottom:0px;
}




/* aviso legal */

#contentError.light{
	position: relative;
	width: auto;
	min-height:0px;
	background: transparent;
	padding-top:40px;
}



#avisoTxt{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;

	-webkit-column-gap: 40px; /* Chrome, Safari, Opera */
	-moz-column-gap: 40px; /* Firefox */
	column-gap: 40px;

	text-align:justify;

	/*padding:0px 60px;*/
}

#myLightBoxContIn #avisoTxt{
	padding:0px 10px;
}

#myLightBoxContIn #titularError{
	padding-top:0px;
}

#contenidoError p{
	line-height:120%;
}

#avisoTxt p{
	margin-bottom:15px;
	/*font-size: 95%;*/
	line-height:120%;
}

#avisoTxt p.centrado{
	text-align:center;
}

#avisoTxt a{
	color:#195633;
}

#avisoTxt li{
	text-align:left;
}

#avisoTxt p strong{
}

#avisoTxt h2{
	display: block;
	font-size: 120%;
	color: #195633;
	text-align: left;
	padding-bottom: 10px;
	padding-top:15px;
	font-weight:600;
}

#avisoTxt h2:first-child{
	/*background: transparent;
	padding-top:0px;*/
}

#avisoTxt h3{
	color:#195633;
	text-decoration:underline;
}


#avisoTxt h4{
	color:#195633;
	padding-bottom:10px;
}

#avisoTxt ol,
#avisoTxt ul{
	list-style-type:initial;
	list-style-position:initial;
	padding-left:15px;
}

#avisoTxt ol li,
#avisoTxt ul li{
	
	padding-bottom:15px;
}

#avisoTxt ul ol,
#avisoTxt ol ul,
#avisoTxt ul ul{
	list-style-type:circle;
}

#avisoTxt table{
	margin-top:5px;
	margin-bottom:20px;
	width:100%;
	table-layout: fixed;
}

#avisoTxt table td{
	border:1px solid #cccccc;
	border-top:0px solid #cccccc;
	padding:5px 10px;
}

#avisoTxt table thead td{
	background-color: #666;
	color:#FFF;
}

#avisoTxt table thead td.noBG{
	background-color: #F9F9F9;
	color:#FFF;
	border:0px solid #cccccc;
}

/*
#avisoTxt table tr:nth-child(odd) {
	background-color: #ffffff;
}

#avisoTxt table tr:nth-child(even) {
	background-color: #e0e0e0;
}
*/

#avisoTxt tr, #avisoTxt td, #avisoTxt table , #avisoTxt tbody {
    display: block;
}

#avisoTxt table td:first-child {
    background-color: #e0e0e0;
}

#avisoTxt.general table tr:last-child td:last-child,
#avisoTxt.privacidad table tr:last-child td:last-child{
	display:none;
}

#avisoTxt table tr:first-child td:first-child{
	border-top:1px solid #cccccc;
}

/* paginacion */


.paginacion{
	position:relative;
	width:100%;
	overflow:hidden;
	text-align:right;
	padding-top:40px;
	text-align:center;
	padding-bottom:40px;
	vertical-align:middle;
	display:inline-block;
	color: #999999;
	font-size: 104%;
	letter-spacing:0.02em;

/*	border-bottom:1px solid #efefe5;
	border-top:1px solid #efefe5;*/
/*	margin-top:25px;*/
}

.paginacion a{
	color:#999999;
	text-decoration:none;
	vertical-align:middle;
	display:inline-block;
	padding:3px;
}

.paginacion a:hover{
	/*color:#000;*/
	text-decoration:underline;
}

.paginacion a.inactivo{
	/*color:#000;*/
	text-decoration:underline;
}

.paginacion span.pagSelected{
	/*color:#000;*/
	text-decoration:underline;
	padding:3px;
}

.paginacion span{
	padding:0px;
	vertical-align:middle;
}

.paginacion a img,
.paginacion img{
	vertical-align:middle;
}

.paginacion a img{
	display:block;
}

.paginacion span.pagPoint{
	padding:0px 4px;
	color: #999999;
}

.paginacion span.pagPoint.noBG{
	/*background: transparent;*/
}


#pagTexto{
	font-size:110%;
	color:#ffffff;
}


.paginacion span.inicio,.paginacion a.inicio{
/*	padding-left:10px;*/
}

.paginacion span.fin,.paginacion a.fin{
/*	padding-right:10px;*/
}

.pagTit{
	text-transform:uppercase;
}

#noArticulos{
	position:relative;
	width:100%;
	padding-top:20px;
	font-size:80%;
	text-align:center;
}

#noArticulos h3{
	color:#a88600;
}


.pagFlecha.der{
	margin-left:5px;
}

.pagFlecha.izq{
	margin-right:5px;
}


/* slider */




.slider_topos{
	position:relative;
	width:auto;
	height:17px;
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	display:none;
}
.slider_topos.alin_right{
	text-align:right;
}

.slider_topos.openGalBut{
	padding-top:0px;
}


.slider_topos_in{
	position:relative;
	width:auto;
	text-align:center;
	display:inline-block;
	list-style-type:none;
}

.slider_topos_in li{
	display:inline-block;
}

.slider_topo_dest,
.slider_topo_c,
.slider_topo_b,
.slider_topo{
	position:relative;
	width:17px;
	height:17px;
	/*margin-left:2px;
	margin-right:2px;*/
	overflow:hidden;
	display:inline;
	float:left;

}

.slider_topos.absolute{
	position:absolute;
	width:auto;
	padding-top:10px;
	padding-bottom:25px;
	bottom:0px;
	left:0px;
	width:100%;
	z-index: 3;
}



.slider_topos.vertical{
	position:absolute;
	width:auto;
	padding-left:25px;
	top:0px;
	height:100%;
	z-index: 3;
	display:table;
	width:50px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.slider_topos.vertical .slider_topos_in{
	position:relative;
	width:100%;
	height:100%;
	vertical-align:middle;
	display:table-cell;
}

.slider_topos.vertical .slider_topos_in .slider_topo{
	float:none;
}


.slider_topos.vertical .slider_topos_in li {
    display: block;
}

.slider_topos.vertical.abajo .slider_topos_in{
	vertical-align:bottom;
	padding-bottom:35px;
	box-sizing:border-box;
}

.control{
	position:relative;
	display:inline-block;
	overflow:hidden;
}


.controlStop,
.controlPause{
	position:relative;
	display:inline-block;
	float:none;
	width:17px;
	height:17px;
	overflow:hidden;
	cursor:pointer;
	margin-left:2px;
	margin-right:2px;
}

.slider_topos.absolute .slider_topos_in .controlStop,
.slider_topos.absolute .slider_topos_in .controlPause{
	margin-left:0px;
	margin-right:1px;
}

.controlPause{
	background: transparent url("../img/controlSlider.png?val=12052021") no-repeat 0px -36px;
}

.controlStop{
	background: transparent url("../img/controlSlider.png?val=12052021") no-repeat 0px 0px;
	margin-left:2px;
}

.controlStop.activo,
.controlPause.activo{
	background: transparent url("../img/controlSlider.png?val=12052021") no-repeat 0px -19px;
}

.slider_topos.absolute .controlStop,
.slider_topos.absolute .controlPause,
.slider_topos.absolute .controlStop.activo,
.slider_topos.absolute .controlPause.activo{
	background-image: url("../img/controlSliderB.png?val=12052021");
}


.slider_flecha_left_span{
	position:absolute;
	top:0px;
	left:0px;
	display: block;
	height:100%;
	z-index: 3;

	/* para que se pueda tocar el control del video */
	top:50%;
	height:100px;
	margin-top:-50px;
}


.slider_flecha_right_span{
	position:absolute;
	top:0px;
	right:0px;
	display: block;
	height:100%;
	

	/* para que se pueda tocar el control del video */
	top:50%;
	height:100px;
	margin-top:-50px;

}

.slider_flecha_right_span_in,
.slider_flecha_left_span_in{
	display: table;
	height:100%;
}

.slider_flecha_right_span_in_in,
.slider_flecha_left_span_in_in{
	vertical-align: middle;
	display: table-cell;
	height:100%;
}

.slider_flecha_right_button,
.slider_flecha_left_button{
	position:relative;
	display:inline-block;
	padding:0px 20px 0px 20px;
	z-index: 2;
}



.centerer{
	position:relative;
	width:100%;
	height:100%;
	display:table;
}


.centererIn{
	position:relative;
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

.centerer.absolute{
	position:absolute;
	top:0px;
	left:0px;
}


.paddinger{
	position:relative;
	text-align:center;
	padding:100px 10%;
}



/* prehome */

#contPrehome{
	padding:0px 20px;
}

#formPrehome{
	padding-top:30px;
}

#formPrehome p{
	padding-bottom:20px;
	color: #000000;
	font-size:140%;
}

#specialPrehome{
	padding-top:30px;
}

#preNo,
#preSi{
	display:inline-block;
	cursor:pointer;
	padding:10px;
	background:#195633;
	color:#fff;
	font-size:120%;
	width: auto;
}

#preSi{
	margin-right:5px;
	margin-bottom:20px;
}

#preNo{
	margin-left:5px;
	margin-bottom:20px;
}

#rememberEdad_id{
	width:auto;
}

#formPrehome label{
	margin-left:5px;
}

#langPrehome{
	font-size:90%;
	max-width:500px;
	margin:0px auto;
	margin-top:10px;
	padding-bottom:20px;
}

#langPrehome a{
	color:#195633
}


#contPrehome .menuIdiomas li{
	background:#ccc;
}

#moderationPrehome a{
	display:inline-block;
	max-width:250px;
}

#moderationPrehome a img{
	width:100%;
	height:auto;
}


/* home */

#loginFormInCont{
	text-align:center;
	width:100%;
	position:relative;
}

#loginFormInContIn{
	padding:20px;
}

#loginFormInContDiv{
	max-width:400px;
	text-align:left;
	margin:0px auto;
	padding:30px;
	background:rgba(255,255,255,0.85);
	border-radius: 25px;
	box-shadow: 7px 7px 26px 0px rgba(0,0,0,0.28);
}

#inicioSesion{
	text-align:center;
	font-size:200%;
}

#loginFormInContDiv .campos_form {
    position: relative;
    padding-top: 25px;
}

#loginFormInContDiv .botones_form {
    position: relative;
    padding-bottom: 10px;
}

#menuCabecera{
	/*display:none;*/
}


#centrador{
	/*max-width:1200px;
	box-sizing:border-box;
	padding:30px;
	padding-top:150px;
	margin:0px auto;*/
/*	padding:0px 10px;*/
}

#headerLogOutUser{
	font-size:110%;
	
}


#welcome{
	border-bottom:1px dotted #e8e8e8;
	padding-bottom:5px;
}


#logOut{
/*	margin-left:20px;
	text-decoration:underline;
	float:right;*/
	text-align:center;
}

#logOut span{
	display:inline-block;
	vertical-align:middle;
}

#logOut .etiqueta{
	/*display:none;*/
}

#logOut .icon{
	display:inline-block;
	width:20px;
	height:20px;
	background: transparent url("../img/logoff.png?val=12052021") no-repeat center center;
	background-size:contain;
	margin-left:8px;
	
}

.domains{
	list-style-type:none;
	border-top:1px solid #ccc;
	font-size:120%;
}


.domains li{
	border-bottom:1px solid #ccc;
}

.domains li a{
	display:block;
	padding:20px;
}

#domListTit{
	padding-top:30px;
	padding-bottom:10px;
	font-size:150%;
}


.ID_23 #domListTit{
	font-size:100%;
	padding-bottom:6px;
}


#domListTit a{
	text-decoration:underline;
}

.stats-link{
	display:inline-block;
	font-size:80%;
	padding:7px 20px;
	background:#ccc;
	text-decoration:none;
}


#userErrors{
	position: relative;
	margin: 5px 0px;
	padding: 7px 10px 7px 20px;
	background: #f4f4f4;
	color: black;
	border-left: 5px solid #df280a;
	background-color: #faebe7;
	font-size:90%;
}

#userErrors::before {
    top: 50%;
    left: 0;
    margin-top: -6px;
}

#userErrors::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    display: block;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #df280a;
    border-right: none;
}

#allDomains{
	margin-left:10px;
}

#linkData a:not(.stats-link),
#allDomains a{
	text-decoration:underline;
	color:#050;
}

#linkData ul{
	list-style:none;
}
#linkData li{
	margin-bottom:5px;
}


fieldset.oculto,
.botones_form.oculto{
	display:none;
}	

#updateForm.oculto form{
	display:none;
}

#openEditLinkForm{
	margin-top:10px;
	cursor:pointer;
	display:inline-block;
	font-size:80%;
	padding:7px 20px;
	background:#ccc;
}

#stats{
	border-top: 1px solid #ccc;
	margin-top:30px;
	padding-top:30px;
}

#statsTit{
	font-size:150%;
}

.domains li.linkLi a{
	/*display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;*/
	display:table;
	box-sizing:border-box;
	width:100%;
	table-layout:fixed;
}

.date,
.hits,
.name{
	display:table-cell;
}


.date{
	width:20%;
	text-align:right;
}

.hits{
	width:30%;
}

.name{
	width:50%;
}


.chart_container_out{
	padding:20px;
	border:1px solid #ccc;
	background:#fff;
	border-radius:10px;
}

.chart_container{
	width: 100%;
	padding-top:50%;
	position:relative;
}

.chart{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
	height:100%;
	/*height: 500px;*/
	/*padding-top:50%;*/
}

.chartController{
	margin-bottom:20px;
}

.chartControllerButton{
	cursor:pointer;
	display:inline-block;
	font-size:80%;
	padding:7px 20px;
	background:#ccc;
}

.chartControllerButton.active{
	color:#000;
	background:#919191;
}

#topStats{
	padding: 10px;
	border:1px solid #ccc;
	margin-top:12px;
	margin-bottom:15px;
	background:#fbfbfb;
}

.midchart{
	display:inline-block;
	box-sizing:border-box;
	width:50%;
	vertical-align:top;
	padding-right:15px;
}

.midchart.right{
	padding-left:15px;
	padding-right:0%;
}

#tops{
	margin-top:30px;
	margin-bottom:30px;
}

#device{
	margin-top:30px;
	margin-bottom:30px;
}

#browser{
	margin-bottom:70px;
}

#statsTxt{
	position:relative;
	min-height:100px;
}

.chart.loading,
#statsTxt.loading{
	background: transparent url("../img/miPreloadFiles.png?val=12052021") no-repeat center center;
}


#updateStats{
	cursor:pointer;
	display:inline-block;
	font-size:60%;
	padding:2px 20px;
	background:#ccc;
	margin-left:10px;
}


#updateStats.loading{
	padding-right:50px;
	background: #ccc url("../img/miPreloadFiles.png?val=12052021") no-repeat center right 9px;
}

.inptIn.rojo{
	background:#f9bfbf;
}

.inptIn.verde{
	background:#e6f4e6;
}

#nodomainlinks{
	color:#c62222;
	font-size:150%;
	margin-top:20px;
}

.chart{

}

.domainStatsLinkOnTitle,
.domStats{
	display:inline-block;
	font-size:80%;
	padding:7px 20px;
	background:#ccc;
	vertical-align:middle;
}

#domListTit a.domainStatsLinkOnTitle{
	font-size:60%;
	text-decoration:none;
	padding:6px 20px;
	vertical-align:middle;
	margin-top:10px;
}




#domListTit a.newLink{
	display:inline-block;
	font-size:60%;
	padding:6px 20px;
	background:#ccc;
	text-decoration:none;
	vertical-align:middle;
	margin-top:10px;
	
}

.linkname{
	font-size:80%;
	margin-left:5px;
}
.linkname::before{
	content:"⇐";
}

#graphsTypeChangeButtons{
	text-align:center;
	padding-top:10px;
}

#graphsTypeChangeButtons.oculta{
	display:none;
}

.graphsTypeChangeButton {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 6px;
  border: 1px solid #ccc;
  cursor: pointer;
  margin: 3px;
  line-height: 100%;
  vertical-align:middle;
}

.graphsTypeChangeButton.used{
	color: #fff;
	background: #383838;
}


/* buttons */

.btn_a{
	width: auto;
	border:1px solid #aaaaaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffefe+0,d2cfca+100 */
	background: rgb(255,254,254); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,254,254,1) 0%, rgba(210,207,202,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,254,254,1) 0%,rgba(210,207,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,254,254,1) 0%,rgba(210,207,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#d2cfca',GradientType=0 ); /* IE6-9 */
	
	display:inline-block;
	color:#000;
	padding:5px 15px;
	font-size:80%;
	cursor:pointer;
}

.btn_b{
	width: auto;
	border:1px solid #bdbcba;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7d2ce+0,9b9592+100 */
	background: rgb(215,210,206); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(215,210,206,1) 0%, rgba(155,149,146,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(215,210,206,1) 0%,rgba(155,149,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(215,210,206,1) 0%,rgba(155,149,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d2ce', endColorstr='#9b9592',GradientType=0 ); /* IE6-9 */

	
	display:inline-block;
	color:#000;
	padding:5px 15px;
	font-size:80%;
	cursor:pointer;
}

.btn_c{
	width: auto;
	border:1px solid #c5abab;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f18c8c+0,ec1208+100 */
	background: rgb(241,140,140); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(241,140,140,1) 0%, rgba(236,18,8,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(241,140,140,1) 0%,rgba(236,18,8,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(241,140,140,1) 0%,rgba(236,18,8,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f18c8c', endColorstr='#ec1208',GradientType=0 ); /* IE6-9 */

	
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	padding:5px 15px;
	font-size:80%;
	cursor:pointer;
}

.btn_d{
	width: auto;
	border:1px solid #b0bca7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;


	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5db8c+0,11a500+100 */
	background: rgb(181,219,140); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(181,219,140,1) 0%, rgba(17,165,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(181,219,140,1) 0%,rgba(17,165,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(181,219,140,1) 0%,rgba(17,165,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5db8c', endColorstr='#11a500',GradientType=0 ); /* IE6-9 */


	
	display:inline-block;
	color:#fff;
	text-transform:uppercase;
	font-weight:600;
	padding:8px 20px;
	font-size:90%;
	cursor:pointer;
}


.btn_a.fondowhite{
	background: #fff; /* Old browsers */
}


input.enviaFormAjax.sending,
.btn_a.sending,
.btn_c.sending,
.btn_d.sending{
	background-image: url("../img/buttonLoadingBlack.png?val=12052021")!important;
	background-position:center right 10px !important;
	background-repeat:no-repeat;
}

.btn_b.sending{
	background-image: url("../img/buttonLoadingWhite.png?val=12052021")!important;
	background-position:center right 10px !important;
	background-repeat:no-repeat;
}

input.enviaFormAjax.sended_ok,
.btn_a.sended_ok,
.btn_c.sended_ok,
.btn_d.sended_ok{
	background-image: url("../img/btn_yes.png?val=12052021")!important;
	background-position:center right 10px !important;
	background-repeat:no-repeat;
}


input.enviaFormAjax.sended_ko,
.btn_a.sended_ko,
.btn_c.sended_ko,
.btn_d.sended_ko{
	background-image: url("../img/btn_no.png?val=12052021")!important;
	background-position:center right 10px !important;
	background-repeat:no-repeat;
}


.btn_b.sended_ok{
	background-image: url("../img/btn_yes_white.png?val=12052021")!important;
	background-position:center right 10px !important;
	background-repeat:no-repeat;
}

.btn_b.sended_ko{
	background-image: url("../img/btn_no_white.png?val=12052021")!important;
	background-position:center right 10px !important;
	background-repeat:no-repeat;
}


#submitLogin.disabled,
.btn_a.disabled{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffefe+0,d2cfca+100 */
	background: url("../img/buttonLoadingBlack.png?val=12052021") no-repeat center right 5px, rgb(255,254,254); /* Old browsers */
	background: url("../img/buttonLoadingBlack.png?val=12052021") no-repeat center right 5px, -moz-linear-gradient(top,  rgba(255,254,254,1) 0%, rgba(210,207,202,1) 100%); /* FF3.6-15 */
	background: url("../img/buttonLoadingBlack.png?val=12052021") no-repeat center right 5px, -webkit-linear-gradient(top,  rgba(255,254,254,1) 0%,rgba(210,207,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("../img/buttonLoadingBlack.png?val=12052021") no-repeat center right 5px, linear-gradient(to bottom,  rgba(255,254,254,1) 0%,rgba(210,207,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffefe', endColorstr='#d2cfca',GradientType=0 ); /* IE6-9 */
}

.btn_b.disabled{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d7d2ce+0,9b9592+100 */
	background: url("../img/buttonLoadingWhite.png?val=12052021") no-repeat center right 5px, rgb(215,210,206); /* Old browsers */
	background: url("../img/buttonLoadingWhite.png?val=12052021") no-repeat center right 5px, -moz-linear-gradient(top,  rgba(215,210,206,1) 0%, rgba(155,149,146,1) 100%); /* FF3.6-15 */
	background: url("../img/buttonLoadingWhite.png?val=12052021") no-repeat center right 5px, -webkit-linear-gradient(top,  rgba(215,210,206,1) 0%,rgba(155,149,146,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: url("../img/buttonLoadingWhite.png?val=12052021") no-repeat center right 5px, linear-gradient(to bottom,  rgba(215,210,206,1) 0%,rgba(155,149,146,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7d2ce', endColorstr='#9b9592',GradientType=0 ); /* IE6-9 */
}


/* filtros */

#filtersOutOut.js{
	position:fixed;
	top:20px;
	right:20px;
	width:calc(100% - 214px); /* por el padding */

	top:0px;
	right:0px;
	width:calc(100% - 174px);

	/*background:rgba(0,255,0,0.5);*/

	background:#fff;
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 95%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); 

	z-index: 60;
	/*background:#f00;*/
}

.onIframe #filtersOutOut.js{
	width:100%;
}

#filtersOutOut.js #filters{
	padding-top:30px;
	padding-left:20px;
	padding-right:20px;
}

#filtersOutOutClon{
/*	background:#f00;*/
}
/*
.contListado{
	margin-top:200px;
}*/



.filOuterBlockOpener{
	display:none;
}

#sendFilters{
	display:none;
}


#removeFilters.oculto{
	display:none;
}

#filtersFilters,
#filtersOrders,
#filtersSpare{
	position:relative;
	display:inline-block;
	width:20%;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left:5px;
	padding-right:5px;
}

.filterClassTit{
	background: #55514e;
	color: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 90%;
	text-transform: uppercase;
	padding: 5px 10px;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
}

.filterClassCont.conBg{
	background:#fff;
	border:1px solid #ccc;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 3px 0px rgba(0, 0, 0, 0.1);
	padding-top:10px;
	padding-bottom:10px;
}

#filtersFilters{
	width:60%;
}


.noSpare #filtersFilters{
	width:80%;
}


#filters{
	padding-bottom:20px;
	padding-top:20px;
/*
	position:fixed;
	top:10px;
	right:0px;
	width:calc(100% - 180px);*/
}

/*
.contListado{
	margin-top:140px;
}
*/

#filtersOrder{
	position:relative;
	list-style-type:none;
	margin-top:10px;
}


#filtersOrder li{
	position:relative;
	width:100%;


	border: 1px solid #005500;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#02c502+0,005500+100 */
	background: #02c502; /* Old browsers */
	background: -moz-linear-gradient(top,  #02c502 0%, #005500 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #02c502 0%,#005500 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #02c502 0%,#005500 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02c502', endColorstr='#005500',GradientType=0 ); /* IE6-9 */

	color: #fff;
	/*font-weight: 600;*/
	padding: 8px 10px 8px 14px;
	font-size: 90%;

		-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	margin-top: 4px;
}

#filtersOrder li:first-child{
	margin-top: 0px;
}

#filtersOrder li:last-child{
	border-bottom:0px solid #ccc;
}

.filtersOrderElementName{
	/*display:inline-block;
	margin-right:4px;*/
	display:block;
	padding-right:40px;
	cursor:pointer;
}


.filtersOrderElementSentido{
	display:inline-block;
	margin-right:2px;
	/*width:11px;
	height:10px;*/
	float:right;
	/*margin-top: -12px;*/
	cursor:pointer;

	width: 20px;
	height: 30px;
	margin-top:-23px;
}


#filtersOrderButtons{
	position:relative;
	display:block;
	background:#fff;
	padding:10px;
}

.filtersOrderAddButton{
	position: relative;
	display: block;
	border-bottom: 1px solid #d1cfcd;
	padding: 5px 10px;
	font-size: 80%;
	cursor:pointer;
}

.filtersOrderAddButton:last-child{
	border-bottom: 0px solid #a53333;
}

/*
.filtersOrderAddButton:after{
	content:"+";
	margin-left:4px;
}*/

.filtersOrderElementRemove{
	position: relative;
	display: inline-block;
	/*background: #fed3d3;
	border: 1px solid #a53333;*/
	/*padding: 3px 5px;*/
	font-size: 100%;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	margin-right:0px;
	color:#fff;
	/*font-weight:600;*/
	float:right;
	vertical-align:middle;
	/*margin-top: -19px;


	padding: 0px;*/
	width: 20px;
	height: 30px;
	margin-top:-23px;
	background: transparent url("../img/noWhite.png?val=12052021") no-repeat center center;
	background-size:15px 15px;
}

.filtersOrderAddButton.oculto{
	display:none;
}

.filtersOrderElementSentido.asc{
	background: transparent url("../img/flUp.png?val=12052021") no-repeat center center;
}

.filtersOrderElementSentido.desc{
	background: transparent url("../img/flDown.png?val=12052021") no-repeat center center;
}

.strAdvControlInput,
.filter_string{
	position: relative;
	display: inline-block;
	background: #f4f3f1;
	border: 1px solid #c6c6c6;
	padding: 3px 10px;
	font-size: 80%;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color:#000;
}

#removeFilters{
	margin-left:5px;
}


.filter{
	position:relative;
	display:inline-block;
	width:100%;
	padding:10px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

.filter:nth-child(1),
.filter:nth-child(2),
.filter:nth-child(3),
.filter:nth-child(4){
	border-top:0px solid #ccc;
}

.filter:nth-child(4),
.filter:nth-child(8),
.filter:nth-child(12),
.filter:last-child{
	border-right:0px solid #ccc;
}	

.filterVal input{
	margin-top:5px;
}
.filterVal input:first-child{
	margin-top:0px;
}

.filterName{
	cursor:pointer;
	padding-right:10px;
	background: transparent url("../img/anyClose.png?val=12052021") no-repeat center right -1px;
}

.filterName.oculto{
	background: transparent url("../img/anyOpen.png?val=12052021") no-repeat center right -1px;
}	

.filterVal.oculto{
	/*display:none;*/
}	

.filterVal.js.oculto{
	display:none;
}	

#filtersOrderButtons.closed{
	display:none;
}

#filters #sendHoras{
	text-transform:none;
}


#filters #removeFilters{
	/*padding: 10px 20px;*/
	/*font-weight: 600;*/
}

#filtersButtons{
	/**/
	text-align:left;
	padding-right:5px;
	margin-top:10px;
}

#filtersButtons.nofilters{
	display:none;
}

.filterBlock{
	position:relative;
/*	display:inline-block;
	width:25%;
	vertical-align:top;*/
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding:0px 10px;
	/*border-right:1px solid #ccc;*/

	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start; 
	align-content: flex-start;
}

.filter {
  flex-grow: 1; /* default 0 */
  width: 25%;
}

/*
.filterBlock:last-child{
	border-right:0px solid #ccc;
}
*/


.contListado{
	background:#fff;
	padding:0px 0px;
	padding-bottom:0px;
	position: relative;
}


.filterVal select{
	width:100%;
	max-width:100%;
}

.filterName{
	font-size:80%;
	color:#000;
	/*font-weight:600;*/
	margin-bottom:4px;
}


#horasMessage{
	padding-top: 15px;
	/*padding-left: 15%;*/
}


#filtersOrderButtonsOpener{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	margin-top: 5px;
}


.spareFilter{
	padding:10px 8px;
	border-bottom: 1px solid #ccc;
	font-size:90%;
}

.spareFilter:last-child{
	border-bottom: 0px solid #ccc;
}

.spareFilter input{
	float:right;
	margin-top:3px;
}

.select2-container {
  /*  width: 100% !important;*/
}

#used_filters{
	display:inline-block;
	max-width:calc(100% - 120px);
	vertical-align:middle;
	font-size:85%;
}

.filtered_by,
.sortered_by{
	display:block;
}

.used_filters_tit{
	color:#050;
}

#filtered_by{
	/*margin-left:5px;*/
}


/* modals */

.modalOuter{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	height:100vh;
	z-index:70;

	display:table;
	pointer-events: none;
}

.modalOuter.blockFondo{
	background:rgba(0,0,0,0.4);
	pointer-events: auto;
}

.modalInner{
	position:relative;
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
	pointer-events: none;
}

.modalInner.blockFondo{
	pointer-events: auto;
}


.modalWindow{
	position:relative;
	display:inline-block;
	background:#fff;
	padding:15px;
	border:1px solid #000;
	pointer-events: auto;
	margin:10px;
}

.modalClose{
    position: absolute;
    display: inline-block;
    top: -10px;
    right: -10px;
    padding: 3px 7px;
    background: #333;
    color: #fff;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 14px;
}

.modalButtons{
	display:inline-block;
	padding:4px 20px;
	padding-bottom:0px;
	border-top:1px solid #ccc;
	margin-top:15px;
}

.modalButtons.error{
	color:#841f1f;
}

.modalButtons.success{
	color: #005500;
}

.modalButtonOk{
	display:inline-block;
	width:20px;
	height:20px;
	background: transparent url("../img/yes.png?val=12052021") no-repeat center center;
	margin-right:3px;
	cursor:pointer;
}

.modalButtonKo{
	display:inline-block;
	width:20px;
	height:20px;
	background: transparent url("../img/no.png?val=12052021") no-repeat center center;
	margin-left:3px;
	cursor:pointer;
}

/* iframe overlay */
.iframeOuter{
	position:fixed;
	/*display:block;*/
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	/*height:100vh;*/
	background:rgba(0,0,0,0.8);
	z-index:66;
	opacity:0;
	transition: opacity 200ms ease-out;
	
}



.iframeOuter.appear{
	opacity:1;
}

.iframeInner{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:transparent;
	padding:20px !important;
	box-sizing:border-box;
}

.iframeOuter.black50{
	background:#fff;
}
.iframeOuter.black50 .iframeInner{
	padding:0px !important;
}

.iframeInnerTable{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:table;
}

.iframeInnerCell{
	position:relative;
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
	text-align:center;
}

.iframeInnerCell.alin_left{
	text-align:left;
}


.iframeInnerCell.alin_left .iframeInnerCont{
	margin-left:20px;
}

.iframeInnerCont{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:inline-block;
	background:#fff;
}

.overlayIframeClose{
    position: absolute;
    display: inline-block;
    top: -10px;
    right: -10px;
    padding: 3px 7px;
    background: #333;
    color: #fff;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 14px;
	z-index: 1;
	
}

.iframeOuter.black50 .overlayIframeClose{
	top: 5px !important;
	right: 20px !important;
	display:none;
}

.iframeOuter.noclose .overlayIframeClose{
	top: 5px !important;
	right: 20px !important;
	display:none;
}

.overlayIframeLoading{
	display:inline-block;
	width:30px;
	height:30px;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center center;
	background-size:contain;
}

.overlayIframeLoadingTab{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:table;
	opacity:1;
}

.overlayIframeLoadingCell{
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.iframeOverlay{
	position:relative;
	width:100%;
	height:100%;
	background:#fff;
}

.overlayIframeLoadingTab.dissapear{
	opacity:0;
	transition: opacity 200ms ease-out;
}

/*
.iframeOverlay.noloaded{
	visibility:hidden;
	
}
*/
/* selector de recursos api */

#resource_error{
	display:inline-block;
	width:10px;
	height:10px;
	background:#f00;
	border-radius:5px;
}	

#resource_ok{
	display:inline-block;
	width:10px;
	height:10px;
	background:#0f0;
	border-radius:5px;
}	


#selectResource.error{
	background-color:#f4d1d1;
	border:1px solid #f00;
}

#userResources .formError{
	font-size:65%;
	color:#f00;
}


#userResources{
	margin-top:10px;
	margin-bottom:10px;
	display:block;
	position:relative;
	
}
#selectResource{
	border:1px solid #ccc;
	font-size: 80%;
}

#welcometext{
	font-size:80%;
}

#welcomeTit{
	display:block;
}

#resState{
	margin-bottom:2px;
}

#nomUser a {
	vertical-align:middle;
}


#nomUser a .texto{
	display:inline-block;
	vertical-align:middle;
	pointer-events: none;
	margin-right:3px;
}


#nomUser a .icono{
	display:inline-block;
	width:15px;
	height:15px;
	background: transparent url("../img/editbutton.png?val=12052021") no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}


/* invitar usuario */

#editUserTit{
	vertical-align:middle;
}

#sendInvitation{
	cursor:pointer;
	vertical-align:middle;
	display:inline-block;
	margin-left:10px;
}

#sendInvitation .etiqueta{
	display:none;
}

#sendInvitation .icono{
	display:inline-block;
	width:20px;
	height:20px;
	background: transparent url("../img/ico_invitacion.png?val=12052021") no-repeat center center;
	background-size:contain;
}

#sendingInvitation{
	display:inline-block;
	width:25px;
	height:25px;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center center;
	background-size:contain;
	margin-top:4px;
}

#inviteresponse{
	display:inline-block;
	margin-top:4px;
}


/* listados */

.loadingNextPageDiv{
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center left;
	padding:20px 0px;
	padding-left:40px;
	display:block;
	width:100%;
	box-sizing:border-box;
	color:#005500;
}

.label span.requestedChange,
.requestedChange{
	color:#005500 !important;
}




/* producto */
.capaColor{
	display:inline-block;
	padding:5px;
	border:1px solid #ccc;
}

.tallaTit,
.tallaSku{
	display:inline-block;
}

.tallaSku{
	margin-left:7px;
}




.animeIn{
	-moz-animation: animeIn 0.5s ease-out;
	-webkit-animation: animeIn 0.5s ease-out;
	animation: animeIn 0.5s ease-out;
}

.animeOut{
	-moz-animation: animeOut 0.5s normal ease-out;
	-webkit-animation: animeOut 0.5s normal ease-out;
	animation: animeOut 0.5s normal ease-out;
}

.animeInFast{
	-moz-animation: animeIn 0.25s ease-out;
	-webkit-animation: animeIn 0.25s ease-out;
	animation: animeIn 0.25s ease-out;
}


@-webkit-keyframes animeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes animeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}


@-webkit-keyframes animeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes animeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.imagePlaceHolder{
	position:relative;
	width:100%;
	padding-top:84%;
}

.imagePlaceHolder img{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	object-fit:contain;
	object-position: center left;
}





.lazycargando{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	min-height:80px;
	width:100%;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center center;
}




#capaColores{

}

.imagePlaceHolder,
#capaColores,
.capaColorImage{
	position:relative;
	z-index:0;
}

#capaColoresTit{
	margin-bottom:10px;
}



.redoImage{
	display:inline-block;
	width:20px;
	height:20px;

	background: transparent url("../img/reload.png?val=12052021") no-repeat center center;
	background-size:contain;
	cursor:pointer;
}

.redoAllImages{
	display:inline-block;
	background: transparent url("../img/reload.png?val=12052021") no-repeat center left;
	background-size:contain;
	cursor:pointer;
	padding-left:24px;
}


.redoImage.processing,
.redoAllImages.processing{
	background-image:url("../img/lazy_loading.png?val=12052021");
}

.redoImage{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}

.redoAllImages{
	vertical-align:top;
	margin-left:20px;
}







#userProductSelectorTitle{
	display:inline-block;
}

#userProductSelectorSelectDiv{
	display:inline-block;
	margin-left:5px;
	min-width:150px;
}

#clientProductSelectorTitle{
	display:inline-block;
}

#clientProductSelectorSelectDiv{
	display:inline-block;
	margin-left:5px;
	min-width:150px;
}

#userProductSelector{
	display:inline-block;
}

#clientProductSelector{
	display:inline-block;
	margin-left:15px;
}

#userProductSelectorSelectDiv.processing,
#clientProductSelectorSelectDiv.processing{
	opacity:0.6;
	pointer-events: none;
}

#clientProductSelector:not(.esvisible),
#userProductSelector:not(.esvisible){
	display:none;
}




/* productdetail*/






/* edit pedido */






.reopener{
	cursor:pointer;
}
.editorderline{
	padding:10px 10px;
	border-bottom:1px solid #ccc;
}

/*
.editorderline ul li{
	display:inline-block;
	width:14.28%;
	box-sizing:border-box;
}*/

#capaColoresCont.order .capaColor{
	width:100%;
	display:block;
	box-sizing:border-box;
	display:flex;
	flex-wrap:no-wrap;
	border:0px;
	border-bottom:1px solid #ccc;
	padding:15px 0px;
}

#capaColoresCont.order .capaColor:first-child{
	padding-top:0px;
}

#capaColoresCont.order .capaColor:last-child{
	border-bottom:0px solid #ccc;
	padding-bottom:0px;
}

#capaColoresCont.order .capaColorData{
	flex-grow: 1;
}

#capaColoresCont.order .capaColorInfo{
	flex-grow: 0;
	min-width:200px;
	max-width:200px;
	text-align:left;
	padding-right:35px;
}

#capaColoresCont.order .colorClientDataCont{
	display:none;
}

#capaColoresCont.order .capaColorInfo .capaColorTit{
	/*text-align:center;
	padding-top:5px;
	color:#050;*/
	padding-bottom:5px;
}


#capaColoresCont.order .capaColorInfo .addColorClientDataDiv{
	margin-top:5px;
	text-align:left;
}

#capaColoresCont.order .capaColorInfo .addColorClientDataDiv.opened{
	/*margin-top:25px;*/
	display:none;
}

.line_editor_button,
#capaColoresCont.order .capaColorInfo .addColorClientData{
	display:inline-block;
	padding:9px 28px 9px 13px;
	border:1px solid #ccc;
	border-radius: 6px;
	cursor:pointer;
	background: transparent url("../img/fl_slider_right.png?val=12052021") no-repeat center right 4px;
 	background-size: 20px 20px;
	font-size: 100%;
}

#capaColoresCont.order .capaColor.opened{
	width:100%;
}

#capaColoresCont.order .capaColor.opened .colorClientDataCont{
	display:block;
}


#capaColoresCont.order .capaColor.opened .reopener{
	display:none;
}

#capaColoresCont.order .capaColorClientData{
	/*height:100%;*/
	/*padding-left:15px;*/
	box-sizing:border-box;
}

#capaColoresCont.order .colorClientDataCont,
#capaColoresCont.order .capaColorClientData{
	min-height:100%;
}

#capaColoresCont.order .colorClientDataCont.cargando{
	height:100%;
	min-height:40px;
	display:block;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center center;
}

#capaColoresCont.order .capaColorInfo .addColorClientData.order.blocked{
	/*display:none;*/
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center right 5px;
	background-size:18px;
	cursor:default;
	color:#ccc;
}

#capaColoresCont.order .capaColorInfo .addColorClientData.order.hided{
	display:none;
}



.orderedHelper{

}


/*
.orderedHelper.oculta{
	display:none;
}*/

.addtalla{
	/*border:1px solid #ccc;*/
	padding:5px;
	box-sizing:border-box;
	background:#fff;

	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	position:relative;
}



.pastetallas,
.copytallas,
.sendtallas{
	display:inline-block;
	padding:10px 20px;
	padding-right:35px;
	background: #078534 url("../img/fl_slider_righ_white.png?val=12052021") no-repeat center right 4px;
	background-size: 30px 30px;
	cursor:pointer;
	margin:5px 0px;
	border:1px solid #ccc;
	border-radius: 6px;
	margin-top:10px;
	color:#fff;
}



.pastetallas.disabled,
.copytallas.disabled,
.sendtallas.disabled{
	display:none;
}

.copytallas{
	margin-left:0px;
	padding-right:40px;
	background: #ffffff url("../img/app/icoSave.png?val=12052021") no-repeat center right 9px;
	background-size: auto;
	color:#333;
}

.pastetallas{
	margin-left:8px;
	padding-right:40px;
	background: #ffffff url("../img/app/paste.png?val=12052021") no-repeat center right 9px;
	background-size: 20px 15px;
	color:#333;
}

.copytallas.ok{
	background: #ffffff url("../img/app/pedidos/yes.png?val=12052021") no-repeat center right 9px;
}

.sendTallasDone{
	color:#841f1f;
	margin-top: 10px;
	display: block;
}

.delete_newlineOrder.confirming,
.action_btn.confirming,
.delete_btn.confirming{
	opacity:0.6;
	cursor:default;
	vertical-align:middle;
}

.delete_btn.inactivo{
	opacity:0.2;
	cursor:default;
}


.confirm_ok{
	display:inline-block;
	width:20px;
	height:20px;
	background: transparent url("../img/app/pedidos/yes.png?val=12052021") no-repeat center right;
	
	cursor:pointer;
	vertical-align:middle;
	margin-left:6px;
}

.confirm_ko{
	display:inline-block;
	width:20px;
	height:20px;
	background: transparent url("../img/app/pedidos/no.png?val=12052021") no-repeat center right;
	
	cursor:pointer;
	vertical-align:middle;
	margin-left:2px;

}

.deleteLoading{
	display:inline-block;
	width:20px;
	height:20px;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center center;
	background-size:contain;
	margin-left:6px;
	vertical-align:middle;
}

.simpleSelectorHelper{
	/*margin-bottom:10px;*/
	width:100%;
}

.simpleSelectorHelper span,
.simpleSelectorInputRangeSliderOut{
	vertical-align:middle;
}

.simpleSelectorHelper span.handlerSize{
	position: absolute;
	top: -20px;
	font-size:90%;
}

.simpleSelectorHelper .ui-slider-handle{
	border-radius:12px;
}


.simpleSelectorHelperAdd,
.simpleSelectorHelperRemove{
	display:inline-block;
	/*width:20px;
	height:20px;*/
	padding:3px 13px 2px 22px;
	background: transparent url("../img/app/pedidos/addtoline.png?val=12052021") no-repeat center left 0px;
	cursor:pointer;
	/*border: 1px solid #ccc;
	border-radius: 6px;*/
	/*background-size:15px 15px;*/
	margin-top:5px;
}

.simpleSelectorHelperAdd{
	border-right:1px solid #ccc;
}


.simpleSelectorHelperRemove{
	background: transparent url("../img/app/pedidos/removefromline.png?val=12052021") no-repeat center left 0px;
	/*background-size:15px 15px;*/
	margin-left:10px;
}

.simpleSelectorRangeLabel{
	margin-left:20px;
	margin-right:10px;
}

.simpleSelectorInputRangeSliderOut{
	display:inline-block;
	width:100%;
	/*max-width:170px;*/
	/*margin-left:10px;*/
}



.addSimpleSelectorLi{
	display:inline-block;
	width:auto;
	box-sizing:border-box;
	/*padding:10px 7px;*/
	/*background:#f7f5f5;*/
	text-align:center;
	margin: 10px 0px;
	vertical-align:top;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
	background: #fbfbfb;
}

.addSimpleSelector{
	font-size:95%;
}

.addSimpleSelector .labels{
	display:inline-block;
	margin: 10px 0px;
	vertical-align:top;
	border: 1px solid #ccc;
	border-bottom: 0px solid #ccc;
}

.addSimpleSelectorLi .tallaInputLabel{
	display:none;
}

.addSimpleSelectorLi .addtalla{
	width:30px;
	background: #fff;
	text-align:center;
		padding:0px;
}




.addtalla::placeholder{
	font-family: 'Light', Arial, sans-serif;
	color:#841f1f;
	position:absolute;
	top:1px;
	right:1px;
	font-size:85%;
}

.addSimpleSelectorLi .addtalla{
	width:70px;
}
/*.addSimpleSelectorLi .tallaInput{
	font-size:140%;
}

.colorClientDataCont .orderLineData.qty{
	font-size:140%;
}*/



/*
.addSimpleSelectorLi .tallaInput{
	margin:5px 0px;
}*/

.addSimpleSelectorLi .tallaStock{
	font-size:80%;
}


.addSimpleSelectorLi .tallaRetailPrice,
.addSimpleSelectorLi .tallaPrice,
.addSimpleSelectorLi .tallaStockReal,
.addSimpleSelectorLi .tallaStockDisponible,
.addSimpleSelectorLi .tallaStockE,
.addSimpleSelectorLi .tallaInput,
.addSimpleSelectorLi .tallaName{
	display: block;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}



.orderLineData.price,
.orderLineData.qty,
.orderLineData.servidos,
.orderLineData.tallaRetailPrice,
.orderLineData.amount,
.orderLineData.tallaStockReal,
.orderLineData.tallaStockDisponible,
.orderLineData.tallaStockE{
	border-bottom: 1px solid #ccc;
}
/*
.addSimpleSelectorLi .tallaRetailPrice{
	border-bottom: 0px solid #ccc;
}
*/
.capaColor.opened .hiders{
	margin-top:5px;
}

.hider{
	display:block;
	padding:3px 0px;
	padding-left:23px;
	background: transparent url("../img/app/pedidos/hiderOK.png?val=12052021") no-repeat center left;
	cursor:pointer;
}

.hider.disabled{
	background: transparent url("../img/app/pedidos/hiderKO.png?val=12052021") no-repeat center left;
}

.addSimpleSelectorLi .oculto,
.orderLineData.oculto{
	display:none;
}


/* form add */

input.oculto,
.modalClose.oculto,
#openForm.oculto,
#openFields.oculto,
.botones_form.oculto,
#newOrderEditor.oculto,
.fila.escondido,
.fila.oculta{
	display:none;
}

#changeToPendiente.sending,
.changeToBorrador.sending{
	padding-right:40px;
}


/* menu home*/
/*
#menuHome .menutit{
	display:none;
}
*/

#menuHome ul,
#menuHome li{
	display:inline-block;
}


#menuHome .level_0 ul{
	display:inline-block;
	margin-top:5px;
}
#menuHome .level_0 li{
	display:block;
	border-top:1px solid #ccc;
}

#menuHome .level_0 li:first-child{
	border-top:0px solid #ccc;
}

#menuHome ul{
	list-style-type:none;
}

#menuHome li.level_0{
	width:25%;
	box-sizing:border-box;
	padding:10px;
	padding-top:25%;
	position:relative;
	
}

#menuHome li.level_0 .tab{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:10px;
	box-sizing:border-box;
	display:table;
}

#menuHome li.level_0 .cell{
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	border:1px solid #ccc;
	text-align: center;
	
}

#menuHome li.level_0:not(.withchilds) .cell{
	cursor:pointer;
}

#menuHome li.level_1 .tab{
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	height:auto;
	padding:2px;
	box-sizing:border-box;
	display:block;
}

#menuHome li.level_1 .cell{
	width:100%;
	height:auto;
	display:block;
	vertical-align:middle;
	border:0px solid #ccc;
	cursor:pointer;
}

#menuHome .secParentLabel{
	font-size:150%;
	letter-spacing: 0.04em;
	text-align:center;
}

#menuHome .level_0 ul{
	font-size:70%;
}

#menuHome li a{
	display:block;
	/*padding-top:40%;
	padding-bottom:40%;*/
	text-align:center;
	
	font-size:150%;
	letter-spacing: 0.04em;
	/*padding-left: 10px;
	padding-right: 10px;*/
}

#menuHome li.level_0:not(.withchilds) .cell:hover{
	background:#f1f1f1;
}

#menuHome li.level_0:not(.withchilds) .cell:hover a{
	color: #195633;
	text-decoration:underline;
}



/* listado pedidos */

#efectOnOrdersBtn{
	display: inline-block;
	margin-left: 10px;
	z-index: 50;
	position: relative;
	vertical-align:top;
	cursor:pointer;
	margin-top:1px;
}

.addDiv{
	margin-bottom:15px;
}

#entities_ul{
	list-style-type:none;
}

.entity_list{
	padding:15px 0px;
	border-bottom:1px solid #ccc;
	width:100%;
	display:flex;
	flex-wrap: nowrap;
	justify-content:space-between;
	align-items:center;
	align-content:space-between;
}

.entity_text{
	flex-grow: 1;
}

.entity_delete{
	flex-grow: 0;
}

.entity_list .entity_link{
	display:block;
}

.entity_list .entity_link:hover{
	text-decoration:none;
}

.entity_list:last-child{
	border-bottom:0px solid #ccc;
}

.entity_delete{
	padding-left:20px;
}

.entity_dato{
	white-space: nowrap; 
}

.withicon .buttonText{
	display:none;
}

.delete_newlineOrder,
.action_btn,
.duplicate_btn,
.delete_btn{
	cursor:pointer;
}
 
.delete_newlineOrder,
.action_btn.withicon,
.duplicate_btn.withicon,
.delete_btn.withicon{
	padding: 5px 5px;
	display:inline-block;
}

.delete_btn.withicon .buttonIcon{
	display:inline-block;
	width:36px;
	height:36px;
	background: transparent url("../img/app/deleteEntity.png?val=12052021") no-repeat center center;
	vertical-align:middle;
	background-size:36px 36px;
}


.duplicate_btn.withicon .buttonIcon{
	display:inline-block;
	width:36px;
	height:36px;
	background: transparent url("../img/app/duplicateEntity.png?val=12052021") no-repeat center center;
	vertical-align:middle;
	background-size:36px 36px;
}

.action_btn.withicon .buttonIcon{
	display:inline-block;
	width:36px;
	height:36px;
	background: transparent url("../img/app/duplicateEntity.png?val=12052021") no-repeat center center;
	vertical-align:middle;
	background-size:36px 36px;
}

.status_icon{
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	margin-left:5px;
}

.updatableIframe[name="status"],
.updatableIframe[data-field="status"]{
	vertical-align:top;
}

.entity_li_label,
.entity_li_value,
.status_label{
	vertical-align:middle;
}

.status_icon.status_-1{
	background: transparent url("../img/app/pedidos/status_-1.png?val=12052021") no-repeat center center;
	background-size:contain;
}

.status_icon.status_0{
	background: transparent url("../img/app/pedidos/status_0.png?val=12052021") no-repeat center center;
	background-size:contain;
}

.status_icon.status_1{
	background: transparent url("../img/app/pedidos/status_1.png?val=12052021") no-repeat center center;
	background-size:contain;
}

.status_icon.status_2{
	background: transparent url("../img/app/pedidos/status_2.png?val=12052021") no-repeat center center;
	background-size:contain;
}

.status_icon.status_3{
	background: transparent url("../img/app/pedidos/status_3.png?val=12052021") no-repeat center center;
	background-size:contain;
}
.status_icon.status_4{
	background: transparent url("../img/app/pedidos/status_4.png?val=12052021") no-repeat center center;
	background-size:contain;
}

.status_label.status_-1{
/*	color:#ccc;*/
}

.status_label.status_4{
	/*color:#ccc;*/
}

.status_label.status_3,
.status_label.status_0{
	color:#ee1509;
}
.status_label.status_2,
.status_label.status_1{
	color:#050;
}	



.backButton {
	margin-top:20px;
	display:inline-block;
}

#listaOrderLines{
	list-style-type:none;
}

/* activo */
.linestatus.status_1{
	color:#9b7e0c;
}

/* cancelado */
.linestatus.status_0{
	color:#ee1509;
}

/* servido */
.linestatus.status_2{
	color:#050;
}

/* asignado */
.linestatus.status_3{
	color:#0a427d;
}

.orderLineSizes{
	list-style-type:none;
}


.orderLineSizes li{
	display:inline-block;
	vertical-align:top;
}

.orderLineData span{
	display:block;
}

.orderLineData{
	text-align:center;
}

.orderLineData span.fuente_tit{
	display:none;
}

.labels .orderLineData span.fuente_tit{
	display:block;
}

.labels .orderLineData{
	text-align:left;
}



.orderLine{
	width:100%;
	display:flex;
	/*flex-wrap: nowrap;
	justify-content:space-between;
	align-items:center;
	align-content:space-between;*/
	padding:20px 0px;
	border-bottom:1px solid #ccc;
}

.orderLine:last-child{
	border-bottom:1px solid #eee;
}

.orderLine:first-child{
	border-top:1px solid #eee;
}

.lineSeries{
	flex-grow: 0;
	padding-left:10px;
	padding-right:10px;
}

.line_table{
	flex-grow: 0;
	padding-left:10px;
	padding-right:10px;
}


.line_text{
	flex-grow: 0;
	padding-left:10px;
	padding-right:10px;
	/*background:#f00;*/
	min-width:140px;
}

.line_image{
	flex-grow: 0;
	width:300px;
	padding-right:10px;
	max-width:300px;
	min-width:300px;
}

.line_table {
    flex-grow: 1;
	/*background:#f00;*/
}

.line_editor{	
	flex-grow: 0;
}	

#topLoaderBlock{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: #fff url("../img/lazy_loading.png?val=12052021") no-repeat center center;
}

.orderLineData span{
	display:block;
	padding:5px;
}

.orderLineSizesLi.nocompleted{
	background:#ffeded;
}

.orderLineSizesLi.completed{
	background:#e0ffe0;
}


.realTotals{
	display:none;
}

.orderTotals{
	margin-top:15px;
}

.orderLineData input.qty{
	width:30px;
	text-align:center;
	/*border:1px solid #d0cccc;*/
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
}

.orderLineData input.qtydis{
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.25);
	pointer-events: none;
}




#catalogIframe{
	display:none;
}



#catalogIframeContainer.visible{
	display:block;
	width:100%;
	vertical-align:top;
	height:100%;
	position:relative;
}

#catalogIframe.visible{
	width:100%;
	height:100%;
	display:block;

}

#changeToPendiente{
	margin-top:15px;
	display:inline-block;
	background-image: url("../img/app/pedidos/formalizar.png?val=12052021");
	background-size: 25px 25px;
	background-position: center right 10px;
	background-repeat:no-repeat;
	font-size: 120%;
	padding: 10px 15px;
	padding-right: 48px;
	font-family: 'Light',Arial,sans-serif;
	border: 1px solid #aaaaaa;
	border-radius: 6px;
	cursor:pointer;
}

#changeToPendiente br{
	display:none;
}
	
#addLinesToOrder.oculto{
	display:none;
}

#catalogIframeCloser {
    position: absolute;
    top: -16px;
    right: -14px;
	right: -11px; /* sin simplescroll */
    cursor: pointer;
    text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    line-height: 100%;
    padding: 6px 9px 4px;
    border-radius: 15px;
}

#catalogIframeCloser.oculto{
	display:none;
}

#ordersForm .botones_form_enviar{
	float:none;
}

#duplicateForm .formAviso,
#ordersForm .formAviso{
	text-align:left;
}


body.onIframe #filtersOutOut.js #filters {
    padding-top: 20px;
}

#catalogIframeContainer.loading{
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center center;
}

html.withNiceScroll{
	height:100%;
	overflow-y:scroll;
	display:block;
}

html.withNiceScroll body{
	display:block;
}

#formContainer .campos_form{
	padding-top:10px;
}

#orderStringData .isDefaultAddress{
	display:none;
}

#orderStringData{
	display:none;
}

#orderStringData.visible{
	display:block;
}

#openForm{
	margin-top:15px;
	margin-bottom: 30px;
}

.orderTotals.oculto{
	display:none;
}


.colorInList{
	display:inline-block;
	position:relative;
	z-index:0;
}

.colorInListIcon{
	border:1px solid #ccc;
	display:inline-block;
	width:10px;
	height:10px;
	position:relative;
	z-index:0;
}

.colorInListName{
	display:none;
}

.colorInList:hover{
	z-index:1;
}

.colorInList:hover .colorInListName{
	display:block;
	position:absolute;
	top:100%;
	left:-75px;
	margin-top:4px;
	width:160px;
	background:#fff;
	border:1px solid #ccc;
	text-align:center;
	z-index:1;
}	



/* lista de productos */

#redoCatalog{
	display: inline-block;
	margin-right: 10px;
	z-index: 50;
	position: relative;
	vertical-align:top;
	cursor:pointer;
	margin-top:1px;
}

.catchedatprolist{
	font-size:80%;
	/*font-weight:600;*/
}

#notify_email{
	border:1px solid #ccc;
	padding:2px 5px;
	margin:0px 5px;
	box-sizing:border-box;
	width: auto;
	display: inline-block;
}	

.emptyToDefault{
	font-size:70%;
}

#redoCatalog.processing{
	background-repeat:no-repeat;
	background-position:center right 8px;
	background-image:url("../img/lazy_loading.png?val=12052021");
	background-size:15px auto;
	padding-right:30px;
}


.listaProductos .liproducto{
	display:inline-block;
	width:12.5%;
	vertical-align:top;
	box-sizing:border-box;
	padding:5px;
	position:relative;
	z-index:0;
}

.productLi .capaColorImage img{
	/*display:inline-block;
	width:160px;
	vertical-align:top;*/
}

.productLi .productData{
	display:none;
	font-size:95%;
}

.productLi .productImage,
.listaProductos .liproducto .product_view .productLi,
.listaProductos .liproducto .product_view{
	position:relative;
	z-index:0;
	display:block;
}

.listaProductos .liproducto .product_view .productLi .capaColorImage .imagePlaceHolder img{
	z-index:0;
	display:block;
}

.listaProductos .liproducto:hover{
	z-index:2;
}


a.product_view:hover,
a.product_view:hover .productLi{
	position:absolute;
	text-decoration:none;
	z-index:300;
}


a.product_view:hover .productLi .productData{
	display:block;
	position:absolute;
	width:100%;
	top:100%;
	top:calc(100% + 5px);
	background:#fff;
	z-index:100;
	padding:5px 8px;
	border:1px solid #ccc;
	box-sizing:border-box;
}


.productLi .productImage img{
	display:block;
	position:relative;
	width:100%;
	height:auto;
}

.productLi .colorlist{
	display:block;
	margin-top:3px;
}

.productLi .colorInList{
	margin:1px;
}

.productLi .modelRef{
	font-size:90%;
	color:#595959;
}

.productLi .productText{
	font-size:80%;
	margin-top:5px;
}

.productLi .productTextHeader{
	text-align:center;
}

.productLi .productTextHeader .price{
	font-size:120%;
	color:#050;
}


/* aDD PEDIDO */
.fieldsetval{
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	padding:10px 10px 15px;
	text-transform: none;
	border:3px solid #fff;
	position:relative;
	background:#f9f9f9;
}

.fieldsetval label{
	cursor:pointer;
	display:block;
	text-align:center;
}

.isDefaultAddress{
	font-size:65%;
	color:#050;
	position:absolute;
	bottom:2px;
	left:0px;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	/*padding-right:5px;*/
}

.fieldsetval.selected{
	border:3px solid #050;
}


.fieldsetval input{
	display:none;
}




/* product view para pedido */

#headerOrderProductView{
	margin-bottom:10px;
}


/*
#headerOrderProductView .price{
	font-size:110%;
	color:#050;
}*/

#headerOrderProductView .price .client_amount.visible {
    display: inline-block;
    vertical-align: middle;
}


.onLowerRate{
	display:block;
	font-size:80%;
}

.client_amount{
	display:none;
}

.client_amount.visible{
	display:block;
}


/* lista de pedidos */

.statsLiLabel{
	display:inline-block;
	color:#050;
}

.statsLiData{
	display:inline-block;
}

.statsLi{
	display:none;
}

.statsLi:first-child{
	display:block;
}


#ordersStats,
.addDiv{
	display:inline-block;
}

#ordersStats,
.exportDiv{
	display:inline-block;
	margin-left: 10px;
	z-index: 51;
	position:relative;
	vertical-align: middle;
}

#ordersStats{
	padding-left:18px;
	float:right;
	background: transparent url("../img/anyOpen.png?val=12052021") no-repeat top 4px left;
	cursor:pointer;
}

#ordersStats.opened{
	background: transparent url("../img/anyClose.png?val=12052021") no-repeat top 4px left;
}

#ordersStats.opened .statsLi{
	display:block;
}


/* formalizar pedido */

#formalizarPedido{
	/*margin-top:20px;*/
}

#formalizarPedido.oculto{
	display:none;
}

#formalizarForm{
	margin-top:20px;
/*	border:1px solid #eaeaea;
	padding:10px;
	border-radius: 15px;
	
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.19);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.19);
	box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.19);
	margin-bottom:10px;
*/
}

#formalizarForm input,
#formalizarForm textarea{
	padding:6px 14px;
	width:100%;
	box-sizing:border-box;
	border-radius: 3px;
	border: 1px solid #aaa;
}

/*
#ordersForm.collapsed #formalizarForm .label,
#ordersForm.collapsed #formalizarForm input,
#ordersForm.collapsed #formalizarForm textarea,
#ordersForm.collapsed #formalizarForm{
	text-align:right;
}

#ordersForm.collapsed #formalizarForm .field{
	border:1px solid #ccc;
	border-radius: 5px;
	padding:3px 6px;
}
*/

#formalizarForm.oculto{
	display:none;
	margin-top:0px;
}

#formalizarPedido .formAviso.inField{
	margin-top:5px;
}

/*
#formalizarForm .field{
	border:1px solid #dfdfdf;
}

#formalizarForm .field textarea,
#formalizarForm .field input{
	box-sizing:border-box;
	padding:3px 5px;
}
*/



/* vista de pedidos */

#listaOrderLines.status_4 .servidos,
#listaOrderLines.status_4 .served_line,
#listaOrderLines.status_4 .del_date_line{
	display:none;
}

#orderHeader{
	position:relative;
}

/*
#orderHeader{
	background:#00f;
}

#orderBody{
	background:#f00;
}
*/
/* idiomas */

html:lang(en) .clase{
}

html:lang(fr) .clase{
}



.tallaStocksAdvice{
	color:#841f1f;
	font-size:80%;
	margin-top:5px;
}


.tallaWrongAddAdvice{
	color:#841f1f;
	font-size:80%;
	margin-top:5px;
}

.pulseit{
	-webkit-animation: pulse linear .5s 3;
	animation: pulse linear .5s 3;
}

.pulseit.borde{
	border:1px solid #841f1f !important;
}

@-webkit-keyframes pulse {
	0% { opacity: 1; } 
	50% { opacity: .5; } 
	100% { opacity: 1; }
}
@keyframes pulse {
	0% { opacity: 1; } 
	50% { opacity: .5; } 
	100% { opacity: 1; }
}


/* menu pedidos */

#formContainer.oculto{
	display:none;
}

.orderMenuBtn{
	cursor:pointer;
}

.orderMenuBtn.active{
	background:#cccccc;
	color:#000;
}


#catalogIframeCloser{
	display:none;
}

#orderHeader.oculta,
#orderResumeButton.oculto,
#orderInfo.oculta,
#orderDeliverynotesDiv.oculta,
#orderInvoicesDiv.oculta{
	display:none;
}

#formContainer.collapsed .campos_form,
#formContainer.collapsed #orderResume,
#formContainer.collapsed #orderHeader{
	display:none;
}


#ordersForm .botones_form.oculto{
	display:none;
}

#duplicateForm .formAviso,
#ordersForm .formAviso {
	margin-left:15px;
	margin-top:0px;
	padding-bottom: 0px;
}

#overlayAll{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#ff0;
}	

#contentPedidos{
	position:relative;
}

#orderBody{
	padding-top: 56px;
	z-index: 0;
	position: relative;
}



#orderMenu{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	display:flex;
	align-items:stretch;


	position: fixed;
	z-index: 1;
	background: #fff;
	width: 100%;
}

.orderMenuBtn .big{
	display:block;
}

.orderMenuBtn .fuente_2,
.orderMenuBtn.fuente_2{
	text-transform:uppercase;
	line-height:95%;
}

.orderMenuBtn .small{
	font-size:75%;
	line-height: 95%;
	display:block;
	margin-top:1px;
}


#orderData,
#toBorrador,
#formalizarOpen,
#addLinesToOrder {
	align-self:stretch;
	display:flex;
	align-items:center;
	min-height: 39px;
}

.orderMenuBtn{
	padding:8px 12px;
	border-right:1px solid #ccc;
	text-align:center;
}

.orderMenuBtn:first-child{
	border-left:1px solid #ccc;
}



#orderHeader{
	padding-top:15px;
	padding-bottom:10px;
	/*max-width: 1490px;*/
}




#changeOrderShippingAddress{
	display:block;
	cursor:pointer;
	text-decoration:underline;
	color: #195633;
}




/* ver helpers */

span[class~="line_table_line"] input:first-child{
	display:inline-block;
	width: 20px;
}


/* removing by merge */

.linetotals{
	display:none;
}

#orderResume .line_text,
#listaOrderLines.status_4 .line_text{
	display:none;
}


.line_image_color{
	display:block;
}

.colorLineName{
	margin-left:5px;
	font-size:90%;
	vertical-align:middle;
}


.line_image_color .colorInListIcon,
#capaColoresCont.order .capaColorInfo .colorInListIcon{
	width:15px;
	height:15px;
	vertical-align: middle;
	margin-right:2px;
}

.line_image_color .colorLineName,
#capaColoresCont.order .capaColorInfo .colorLineName{
	text-transform: capitalize;
}

.line_image .imagePlaceHolder{
	max-width:170px;
	padding-top: 48%;
}

.modelName{
	font-size:85%;
}

.orderLine .withicon .buttonIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: transparent url("../img/app/pedidos/deleteLine.png?val=12052021") no-repeat center center;
        background-size: auto;
    vertical-align: middle;
    background-size: 20px 20px;
}

.confirm_ok {
	margin-left:0px;
}

#ordersForm .campos_form {
    padding-top: 0px;
}


#orderBody .orderTotals{
	display: block;
	padding-bottom: 30px;
}


/*
html:not(.dinid_0_add) #orderBody .orderTotals{
	padding-bottom: 0px;
}

html:not(.dinid_0_add) #orderBody #invoiceTotals{
	padding-bottom: 60px;
}
*/
#orderBody.view .orderTotals{
	display: inline-block;
	padding-bottom: 0px;
}

.orderTotal{
	display:inline-block;
	padding:0px 20px;
	/*border-left:1px solid #ccc;*/
	border-right:1px solid #ccc;
}

#ordersForm .orderTotal{
	display:block;
	border-right:0px solid #ccc;
}

.orderTotal:first-child{
	padding-left:0px;
}

.orderTotal:last-child{
	border-right:0px solid #ccc;
}

.orderTotalTit{
	text-transform:uppercase;
	font-size:125%;
	padding-bottom: 7px
}


.changeToBorradorDiv{
	display:inline-block;
	width:auto;
	padding-left:20px;
	border-left:1px solid #ccc;
	font-size: 130%;
	text-align: center;
}

.changeToBorradorDiv .btn_a{
	background-image: url("../img/app/pedidos/editOrder.png?val=12052021");
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:center left 10px;
	padding-left: 48px;
}


#proveedordistributionForm input.enviaFormAjax,
#supplierdnotesForm input.enviaFormAjax,
#ordersForm input.enviaFormAjax {
    background-image: url("../img/app/pedidos/save.png?val=12052021");
    background-size:25px 25px;
    background-position: center right 10px;
	font-size:120%;
	
	padding: 5px 15px;
	padding-right: 48px;

	font-family: 'Light',Arial,sans-serif;
}


#proveedordistributionForm input.enviaFormAjax.sended_ko,
#proveedordistributionForm input.enviaFormAjax.sended_ok,
#proveedordistributionForm input.enviaFormAjax.sending,
#supplierdnotesForm input.enviaFormAjax.sended_ko,
#supplierdnotesForm input.enviaFormAjax.sended_ok,
#supplierdnotesForm input.enviaFormAjax.sending,
#ordersForm input.enviaFormAjax.sended_ko,
#ordersForm input.enviaFormAjax.sended_ok,
#ordersForm input.enviaFormAjax.sending{
    background-size:20px 20px;
	padding-right: 38px;
}

#proveedordistributionForm input.enviaFormAjax.sended_ok,
#supplierdnotesForm input.enviaFormAjax.sended_ok,
#ordersForm input.enviaFormAjax.sended_ok{
	 background-size:15px 15px;
	 padding-right: 33px;
}

#proveedordistributionForm input.enviaFormAjax.sended_ko,
#supplierdnotesForm input.enviaFormAjax.sended_ko,
#ordersForm input.enviaFormAjax.sended_ko{
	 background-size:15px 15px;
	 padding-right: 31px;
}

#ordersForm .botones_form_enviar{
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border: 1px solid #aaaaaa;
	border-radius: 6px;
}

#ordersForm .botones_form_enviar .loadingQuant {
    padding-right: 0px;
	margin-right: 7px;
}


.loadingQuant.oculta{
	display:none !important;
}

#formContainer.collapsed .orderTotals{
	display:none;
}

#formContainer.collapsed #ordersForm .botones_form_div {
    vertical-align: bottom;
    padding-left: 0px;
    border-left: 0px solid #ccc;
}

.line_table,
.lineSeries{
	font-size:90%;
}

.lineSeries table{
	border-collapse:collapse;
}

.lineSeries th,
.lineSeries td{
	border:1px solid #ccc;
	padding:4px 7px;
	text-align:center;
	white-space: nowrap;
}

.lineSeries th{
	text-transform:uppercase;
	text-align:center;
	font-weight: 400;
}

li.line_table_line{
	display:none;
}

.orderLineSizes .fuente_tit{
	text-align:center;
}



/*
.orderLineSizes .fuente_tit.qty{
	padding:6px 5px 5px;
}
*/
/*
.orderLineData{
	border-right:1px solid #ccc;
}*/


.orderLineSizes li{
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #ccc;*/
	margin:10px 0px;
	box-sizing:border-box;
	
}

.orderLineSizesLi{
	background: #fbfbfb;
}

.orderLineSizes li:first-child{
	border-left:1px solid #ccc;
}

.orderLineData.qty,
.orderLineData.size{
	border-bottom:1px solid #ccc;
}

.orderLineData.qty{
	text-transform: capitalize;
}
/*
#listaOrderLines.status_4 .orderLineData.qty{
	border-bottom:0px solid #ccc;
}
*/




.labels.separator{
	border-left:1px solid #ccc;
}




.orderLineSizes{
	margin-top:-10px;
	width:100%;
	display: block;
	
	/*background:#f00;*/
	/*max-width: 800px;*/
}


.lineSeries,
.line_table {
/*	align-self: stretch;
	display: flex;
	align-items: center;*/
}



#ordersForm .botones_form_div:not(.noVis){
	display:block;
	position:sticky;
	bottom:20px;
	left:0px;
	border-left:0px;
	width:100%;
}

#ordersForm .botones_form_div:not(.noVis):after{
	content:"";
	display:block;
	width:100%;
	height:20px;
	background:#fff;
	position:absolute;
	top:100%;
	left:0px;
}


/*
#orderBody{
	padding-bottom:60px;
}*/

#orderBody.view{
	padding-bottom:0px;
}

#duplicateForm .botones_form_div,
#ordersForm .botones_form_div{
	background:#fff;
	padding-top:20px;
	padding-bottom:20px;
}

#ordersForm .botones_form_div{
	padding-bottom:0px;
}

/*
#formContainer.collapsed .botones_form_div{
	padding-top:0px;
}
*/
#duplicateForm .botones_form,
#duplicateForm .formAviso,
#ordersForm .botones_form,
#ordersForm .formAviso {
    display: inline-block;
	width:auto;
	vertical-align:middle;
}

#duplicateForm .formAviso,
#ordersForm .formAviso {
	max-width:50%;
}

#duplicateForm .formAviso.nomargleft{
	margin-left:0px;
}


#duplicateForm .formAviso.margtop{
	margin-top:10px;
}


#duplicateForm .botones_form,
#ordersForm .botones_form{
	/*padding-top:20px;
	padding-bottom:20px;*/
	
	/*display:block;
	width:100%;*/
	margin-top: 0px;
}

#fakeClose{
	cursor:pointer;
	display: inline-block;
	padding: 5px 31px 5px 13px;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	background: #fff url("../img/app/pedidos/close.png?val=12052021") no-repeat center right 9px;
	margin-left:10px;
	font-size: 90%;
	background-size:13px 13px;
	position:fixed;
	right:5px;
	top:15px;
	z-index:1;
}

#headerOrderProductView .price,
#headerOrderProductView h2{
	display:inline-block;
	vertical-align:middle;
}

#headerOrderProductView{
	font-size:110%;
}



/* selector de add tallas */
/*
.tallaRetailPrice{
	display:none;
}
*/
.redoClientsOK,
.redoClients{
	margin-left:5px;
}

.redoClientsOK{
	color:#050;
}

.redoClients.sending{
	padding-right:40px;
}

.redoClientsKO{
	color:#841f1f;
	margin-left:5px;
	font-size:80%;
}

#cachedClientsNames{
	overflow: auto;
	width: 100%;
	height: 100%;
	position: absolute;
}

#cachedClientsNamesTab{
	display:table;
	width:100%;
	height:100%;
	vertical-align:middle;
}

#cachedClientsNamesCell{
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}

#clientListTit{
	font-size:150%;
	padding-bottom:5px;
	margin-top:10px;
}

#clientSearch{
	display:inline-block;
	margin-left:5px;
	border:1px solid #ccc;
	padding:3px 10px;
	width: auto;
}

#clientList{
	list-style-type:none;
	margin-top:10px;
	margin-bottom:10px;
}

#clientList li{
	padding:5px 0px;
	border-top:1px solid #ccc;
}

#clientList li.oculto{
	display:none;
}

#clientSearchDiv.inline,
#clientListTit.inline{
	display:inline-block;
}

#clientSearchDiv.inline{
	margin-left:10px;
}

/* invoices */

.status_label.invoice.status_0{
	color:#828080;
}

.status_label.invoice.status_1{
	color:#050;
}

.status_label.invoice.status_2{
	color:#ee1509;
}	

.status_icon.invoice.status_0{
	background:none;
}

.status_icon.invoice.status_1{
	background: transparent url("../img/app/facturas/status_0.png?val=12052021") no-repeat center center;
	background-size:contain;
}

.status_icon.invoice.status_2{
	background: transparent url("../img/app/facturas/status_1.png?val=12052021") no-repeat center center;
	background-size:contain;
}

#toPrinter,
.downPFD,
#toDownload{
	display:inline-block;
	min-width:30px;
	height:30px;
	cursor:pointer;
	margin-left:10px;
	vertical-align:middle;
}

.downPFD:not(:first-child){
	margin-left:5px;
}

#toPrinter{
	background: transparent url("../img/app/toprint.png?val=12052021") no-repeat center center;
	background-size: 34px auto;
	background-size:contain;

}
.downPFD,
#toDownload{
	background: transparent url("../img/app/todownload.png?val=12052021") no-repeat center center;
	background-size: 34px auto;

}
.downPFD.pimages{
	background: transparent url("../img/app/pimages.png?val=12052021") no-repeat center center;
	background-size:contain;
	background-size: 34px auto;
	width:auto;
}


.downPFD.xls{
	background: transparent url("../img/app/export.png?val=12052021") no-repeat center center;
	background-size:contain;
	background-size: 34px auto;
	width:auto;
}

.downPFD.csv{
	background: transparent url("../img/app/exportCSV.png?val=12052021") no-repeat center center;
	background-size:contain;
	/*background-size: 34px auto;*/
	width:auto;
}

.downPFD.pinfo{
	background: transparent url("../img/app/pinfo.png?val=12052021") no-repeat center center;
	background-size:contain;
	background-size: 34px auto;
	width:auto;
}


.downPFD.pinfobox{
	background: transparent url("../img/app/boxcount.png?val=12052021") no-repeat center center;
	background-size:contain;
	background-size: 34px auto;
	width:auto;
}


.downPFD.plabel{
	background: transparent url("../img/app/plabel.png?val=12052021") no-repeat center center;
	background-size:contain;
	background-size: 34px auto;
	width:auto;
}



.downPFD.loading{
	opacity:0.55;
	width:45px;
	background: url("../img/app/todownload.png?val=12052021") no-repeat center left, url("../img/lazy_loading.png?val=12052021") no-repeat center right;
	background-size:contain, 15px 15px;
	cursor:default;
}

.downPFD.pimages.loading{
	background: url("../img/app/pimages.png?val=12052021") no-repeat center left, url("../img/lazy_loading.png?val=12052021") no-repeat center right;
	background-size:contain, 15px 15px;
}


.downPFD.xls.loading{
	background: url("../img/app/export.png?val=12052021") no-repeat center left, url("../img/lazy_loading.png?val=12052021") no-repeat center right;
	background-size:contain, 15px 15px;
}

.downPFD.csv.loading{
	background: url("../img/app/exportCSV.png?val=12052021") no-repeat center left, url("../img/lazy_loading.png?val=12052021") no-repeat center right;
	background-size:contain, 15px 15px;
}

.downPFD.pinfo.loading{
	background: url("../img/app/pinfo.png?val=12052021") no-repeat center left, url("../img/lazy_loading.png?val=12052021") no-repeat center right;
	background-size:contain, 15px 15px;
}


.downPFD.plabel.loading{
	background: url("../img/app/plabel.png?val=12052021") no-repeat center left, url("../img/lazy_loading.png?val=12052021") no-repeat center right;
	background-size:contain, 15px 15px;
}


/*



.downPFD.plabelfront.loading{
	background: transparent url("../img/app/frontisfull.jpg?val=12052021") no-repeat center center;
	background-size:contain;

/*	background: url("../img/app/frontisfull.jpg?val=12052021") no-repeat center left, url("../img/lazy_loading.png?val=12052021") no-repeat center right;
	background-size:contain, 15px 15px;*/
/*}*/


.orderLine.view .plabelfront {
  display: block;
  height: auto;
  background-position: right center;
  margin-left: 0px;
  padding: 7px 63px 7px 5px;
  text-align: right;
  height: 60px;
  box-sizing: border-box;
  flex-grow: 0;
  flex-shrink: 0;
  position:relative;
}



.downPFDLab{
	display:none;
}

.orderLine.view .plabelfront .downPFDLab{
	display: inline-block;
}

/*
.downPFD.plabelfront.loading {
  opacity: 0.55;
  background-image: url("../img/lazy_loading.png?val=12052021");
  cursor: default;
  background-size: 20px 20px;
  background-position: right 3px center;
  width: auto;
}
*/

.downloadFrontis{
	margin:0px auto;
}

.downPFD.plabelfront .downPFDLab{
	position:relative;
	width:50px;
	height:40px;
}

.downPFD.plabelfront .labelImage{
	position:absolute;
	top:0px;
	left:0px;
}

.downPFD.plabelfront .silImage{
	width:43px;
	height:auto;
}


.downPFD.plabelfront .labelModel{
	position: absolute;
	top: 30px;
	left: 0px;
	font-size: 50%;
	text-align: left;
	font-family: arial;
	font-weight: 600;
	white-space: nowrap;
}

.downPFD.plabelfront .labelColor{
	position: absolute;
	top: 38px;
	left: 0px;
	font-size: 50%;
	text-align: left;
	font-family: arial;
	font-weight: 600;
}

.downPFD.plabelfront .labelColorName{
	position: absolute;
	top: 38px;
	left: 14px;
	font-size: 45%;
	text-align: left;
	font-family: arial;
	font-weight: 600;
}

.downPFD.plabelfront{
	background: transparent url("../img/app/frontisfull.jpg?val=2322023") no-repeat center center;
	background-size:contain;
	width:auto;
}

.downPFD.plabelfront.loadingPrinc:after{
	content: "";
	width: 30px;
	height: 30px;
	background: rgba(255,255,255,0.8) url("../img/lazy_loading.png?val=12052021") no-repeat center center;
	background-size: contain;
	display: inline-block;
	position: absolute;
	z-index: 10;
	top: 15px;
	left: 42px;
}

#downloadList{
	display:inline-block;
}

#invoiceTotals{
	margin-top:15px;
}

#listaOrderLines.invoice .orderLine {
    padding: 10px 0px;
}

#listaOrderLines.invoice .orderLine .line_table.oculta .orderLineSizes{
	display:none;
}

.line_table_viewer{
	display: inline-block;
	padding: 9px 28px 9px 13px;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	background: transparent url("../img/fl_slider_right.png?val=12052021") no-repeat center right 4px;
		background-size: auto;
	background-size: 20px 20px;
	font-size: 100%
}

.invoiceTotalsTab{
	display:table;
	width:100%;
	border-collapse:collapse;
	margin-top:15px;
}

.invoiceTotalsTab.totals{
	margin-top:10px;
}

.invoiceTotalsRow{
	display:table-row;
	width:100%;
}

.invoiceTotalsTh{
	text-transform:uppercase;
}

.invoiceTotalsTh,
.invoiceTotalsCell{
	display:table-cell;
	vertical-align:middle;
	padding:5px;
	border:1px solid #ccc;
	text-align:center;
	box-sizing:border-box;
}

.titInCell{
	display:none;
}	

.blockInCell{
	display:block;
	width: 100%;
}



/* dnotes */

.dnoteLinks{
	margin-top:5px;
}

.relatedlink{
	/*padding:4px;*/
	padding-right:15px;
	background: transparent url("../img/app/goto.png?val=12052021") no-repeat right center;
	background-size:15px 15px;
	cursor:pointer;
	/*border:1px solid #ccc;
	border-radius: 4px;*/
	display:inline-block;
	text-decoration:underline;
}

.relatedlink.oninvoiceline{
	margin-top:4px;
}


.iframeOuter.inapiresources,
.iframeOuter.related{
	/*background:#fff;*/

	background:#ccc;
	border:1px solid #fff;
	box-sizing:border-box;
}


.iframeOuter.inapiresources,
.iframeOuter.related{
	border:0px solid #fff;
}


.iframeOuter.inapiresources{
	background: rgba(147,147,147,0.6);
}


.iframeOuter.related .iframeInner{
	padding:0px !important;
}

.iframeOuter.related .overlayIframeClose{
	display:none;
}


#contentProveedoresPedidos #fakeRelatedClose,
#contentProveedoresAlbaranes #fakeRelatedClose,
#contentPedidos #fakeRelatedClose,
#contentAlbaranes #fakeRelatedClose,
#contentFacturas #fakeRelatedClose{
	display:none;

	cursor:pointer;
	padding: 5px 31px 5px 13px;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	background: #fff url("../img/app/pedidos/close.png?val=12052021") no-repeat center right 9px;
	font-size: 90%;
	background-size:13px 13px;
}	



.relatedConcordance{
	color:#841f1f;
}

a.highlightedConcordance{
	color:#050;
}


#contentProductView .colorInList{
	margin-left:2px;
}

#contentProductView .colorInList:first-child{
	margin-left:0px;
}

#contentProductView .colorInList,
#contentProductView .colorlist{
	vertical-align:middle;
}

#contentProductView .colorInListIcon{
	width:15px;
	height:15px;
}

.pview .capaColor{
	width:150px;
	vertical-align:top;
}

#contentProductView #capaColores{
	margin-top:10px;
}

#contentProductView #capaColores .colorInListIcon {
    vertical-align: middle;
}



#contentProductView .capaColorClientData{
	text-align:center;
	margin-top:5px;
}

.pViewGetStock{
	display: inline-block;
	padding: 4px 28px 4px 13px;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor: pointer;
	background: transparent url("../img/app/down.png?val=12052021") no-repeat center right 4px;
		background-size: auto;
	background-size: 20px 20px;
	font-size: 100%;
	
}

.pViewGetStock.opened{
	background-image:url("../img/app/up.png?val=12052021");
}

.pViewGetStock.usado{
	cursor:initial;
	border-color:#fff;
	user-select: none;
}

.capaColorClientData.cargando{
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center center;
	background-size:contain;
	min-height:20px;
}

.capaColorClientData.cargando .pViewGetStock{
	display:none;
}

#contentProductView .capaColorData,
#contentProductView .capaColorData.oculta{
	display:none;
}

#contentProductView .capaColor{
	position:relative;
	z-index:0;
}

#contentProductView .capaColor:hover{
	z-index:1;
}

#contentProductView .capaColorClientData:not(.hoverable) .capaColorData.abierta,
#contentProductView .capaColorClientData.hoverable:hover .capaColorData:not(.oculta){
	display:block;
	position:absolute;
	top:100%;
	left:0px;
	background:#fff;
	z-index:2;
	width:100%;
	padding-left:5px;
	padding-right:5px;
	box-sizing:border-box;
}

.capaColorData .prices,
.capaColorData .sizes{
	display:table;
	border-collapse:collapse;
	width:100%;
	margin-top:5px;
	font-size:80%;
}	

.capaColorData .prices{
	margin-bottom:5px;
}


.capaColorData .sizes .tits,
.capaColorData .sizes .vals,
.capaColorData .prices .tits,
.capaColorData .prices .vals{
	display:table-row;
}

.capaColorData .sizes .tits div,
.capaColorData .sizes .vals div,
.capaColorData .prices .tits div,
.capaColorData .prices .vals div{
	display:table-cell;
	padding:3px;
	border:1px solid #ccc;
}

.oncolourName{
	max-width:100%;
}


.pview .capaColorImage,
.pview .capaColorTit{
	text-align:center;
}

.pview .capaColor{
	border:0.5px solid #f4f4f4;
}

.openerBigImage.clickable{
	cursor:pointer;
}

.due_date_line{
	display:block;
}

.maxQtySupplier{
	margin-top:5px;
	font-size:70%;
}

.maxQtySupplier.pulseit{
	color: #f00;
	font-weight: 600;
}

.maxQtySupplier.oculta{
	display:none;
}

.dnoteFormLineOrderLink{
	/*border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;*/
	margin-top:10px;
}

/*  usuarios */

#userHeader{
	padding-top:0px;
	padding-bottom:10px;
	/*max-width: 1490px;*/
}

#pai_count,
#res_count{
	display:inline-block;
	pointer-events: none;
	width:auto;
	max-width:40px;
}


#documentosForm .campos_form,
#addDocumentosForm .campos_form,
#adduserResourcesForm .campos_form,
#userResourcesForm .campos_form,
#addusersForm .campos_form,
#usersForm .campos_form {
    padding-top: 0px;
}


#adduserResourcesForm input.enviaFormAjax,
#userResourcesForm input.enviaFormAjax,
#addusersForm input.enviaFormAjax,
#usersForm input.enviaFormAjax {
    font-family: 'Light',Arial,sans-serif;
}



#usersForm{
	width:35%;
	display:inline-block;
	vertical-align:top;
}

#apiResources{
	width:65%;
	width:calc(65% - 20px);
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:10px 20px;
	border:1px solid #ccc;
	margin-left:20px;
	position:relative;
}



#apiResources #addContacto{
	position:absolute;
	top:5px;
	right:19px;
}

#listaRecursosApi{
	list-style-type:none;
}


#listaRecursosApi li{
	padding:7px 0px;
	border-top:1px solid #ccc;
}

#apiResources h3{
	padding-bottom:12px;
}

.entity_brands .entity_li_value{
	font-size:80%;
}


#adduserResourcesForm .campos_form .formAviso,
#userResourcesForm .campos_form .formAviso,
#adduserResourcesForm .botones_form_div,
#adduserResourcesForm .fila:not(.FORMLABEL_BRANDS,.COMPANY_LABEL),
#userResourcesForm .botones_form_div,
#userResourcesForm .fila:not(.FORMLABEL_BRANDS,.COMPANY_LABEL){
	width: 45%;
}

#adduserResourcesForm .fila.COMPANY_LABEL,
#userResourcesForm .fila.COMPANY_LABEL{
	position: absolute;
	top: -37px;
	right: 0px;
	width: 52%;
}

#adduserResourcesForm .fila.FORMLABEL_BRANDS,
#userResourcesForm .fila.FORMLABEL_BRANDS{
	position: absolute;
	top: 37px;
	right: 0px;
	width: 52%;
}

.fieldCheckOption{
	margin:3px;
	margin-left: 15px;
	display: inline-block;
	white-space: nowrap;
}

.fieldCheckOptionIn{
	
}
.fieldCheckOptionLabel{
	font-size:80%;
	vertical-align:middle;
	
}

.fieldCheckOption input{
	vertical-align:middle;
}

/* clientes */

.requestedChange{
	font-size:80%;
}

.entity_list .requestedChange{
	margin-left:0px;
}

.entity_list .requestedChange .updatableIframe{
	vertical-align:baseline !important;
}	


#addclientAddressForm .campos_form,
#clientAddressForm .campos_form,
#clientBillingdataForm .campos_form,
#clientsForm .campos_form{
    padding-top: 0px;
}

#clientsForm {
    width: 35%;
    display: inline-block;
    vertical-align: top;
}

#clientsData{
	width:65%;
	width:calc(65% - 20px);
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:10px 15px;
	border:1px solid #ccc;
	margin-left:20px;
	position:relative;
}

#clientsData.subresource{
	margin-left:0px;
	width:100%;
}


.clientDataElementList ul{
	list-style-type:none;
}

.clientDataElementList li {
    padding: 7px 0px;
    border-top: 1px solid #ccc;
}

.clientDataElementList li:first-child {
    border-top: 0px solid #ccc;
}

.clientDataElement{
	margin-top:10px;
}

.clientDataElement:first-child{
	margin-top:0px;
}


#clientsForm input.enviaFormAjax,
#clientAddressForm input.enviaFormAjax,
#clientBillingdataForm input.enviaFormAjax{
    font-family: 'Light',Arial,sans-serif;
}


.clientDataElementList{
	font-size:90%;
	padding:0px 5px;
}

.clientDataElementTit{
	background: #f0f0f0;
	padding: 4px 5px;
}


/* proveedores */

#contentProveedoresAlbaranes #orderResumeButton{
	padding: 12px 12px;
}

.provData{
	display:inline-block;
	width:50%;
	box-sizing:border-box;
	vertical-align:top;
}


#supplierordersForm .campos_form {
    padding-top: 0px;
}


.dnoteFormLine{
	display:block;
	padding:15px 0px;
	border-top:1px solid #ccc;
}

.dnoteFormLineSize{
	display:inline-block;
	border-right:1px solid #ccc;
	text-align:center;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #ccc;
	padding: 1px;
}

.dnoteFormLine:first-child{
	border-top:0px solid #ccc;
	/*padding-top:0px;*/
}

.dnoteFormInputSize,
.dnoteFormInputQty{
	display:inline-block;
	width:30px;
	text-align:center;
}

.dnoteFormInputSize{
	pointer-events: none;
}

.dnoteFormInputModel,
.dnoteFormInputColor{
	display:inline-block;
	width:60px;
	text-align:center;
}


#addDnoteLinesFromOrder.oculto,
#addDnoteLine.oculto{
	display:none;
}


.dnoteFormInputColor.disabled,
.dnoteFormInputModel.disabled,
.dnoteFormInputQty.disabled,
.dnoteFormInputQty.sizelabel{
	pointer-events:none;	
}

.dnoteFormInputColor.disabled,
.dnoteFormInputModel.disabled{
	background:transparent;
	border:0px;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0);
}

.dnoteFormInputQty.disabled{
	opacity:0.3;
}

#supplierdnotesForm .dnoteFormInputQty{
	pointer-events: none;
    background: none;
    border: none;
    box-shadow: none;
}
#supplierdnotesForm .maxQtySupplier{
	display:none;
}

.dnoteFormLine.proveedor.disabled{
	display:none;
}


.dnoteFormLineSizeLabel{
	/*border-top:1px solid #ccc;*/
	padding: 5px;
	background: #fbfbfb;
	text-align:center;
}


.dnoteFormLineModelColor .dnoteFormLineSizeLabel{
	border:1px solid #ccc;
	/*font-size:90%;*/
}

.dnoteFormLineModelColor .dnoteFormLineSizeLabel.noborderTop{
	border-top:0px solid #ccc;
}



.dnoteFormLineSizeQty{
	border-top:1px solid #ccc;
	/*border-bottom:1px solid #ccc;*/
	padding: 5px;
	background: #fbfbfb;
	background: #f0f0f0;
	font-size: 90%;
}

.dnoteFormLineSizeModel{
	background: #fbfbfb;
	padding: 5px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	text-align:center;
	font-size: 90%;
}



.dnoteFormLineSizeModel:last-child{
	border-bottom:1px solid #ccc;
}

.dnoteFormLineSizeLabel.white,
.dnoteFormLineSizeQty.white{
	background:#fff;
}


.dnoteFormInputModel,
.dnoteFormInputColor,
.dnoteFormInputQty{
	background: #fff;
	box-sizing:border-box;
	background:#fff;

	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
}	



.dnoteFormLine{
	display:flex;
}
/*
.dnoteFormLineSizes,
.dnoteFormLineModelColor{
	display:inline-block;
	vertical-align:top;
}
*/

/*
.dnoteFormLineModelColor{
	border:1px solid #ccc;
}*/

.dnoteFormLineSizes{
	margin-left:10px;

}

.dnoteFormLineSizesIn{
/*	border-left:1px solid #ccc;
	border-top:1px solid #ccc;*/
}


#dnoteCountDivIn.oculta,
#addDnoteLine br,
#addDnoteLinesFromOrder br{
	display:none;
}

#addDnoteLinesFromOrder,
#addDnoteLine{
	margin-top:15px;
	width: auto;
	border: 1px solid #aaaaaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 3px 23px 3px 8px;

	background: transparent url("../img/app/down.png") no-repeat center right 3px;
	background-size:14px;
	display: inline-block;
	color: #000;
	cursor: pointer;	
}


#addDnoteFoot{
	display:flex;
	justify-content:space-between;
}

#supplierdnotesForm .botones_form{
	margin-top:0px;
	padding:4px 0px;
}


#dnoteCount{
	width:50px;
	display:inline-block;
	pointer-events: none;
}


.dnoteFormLineRemoveBtn {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent url("../img/app/pedidos/deleteLine.png?val=12052021") no-repeat center center;
    background-size: auto;
  background-size: auto;
  vertical-align: middle;
  background-size: 18px 18px;
  cursor:pointer;
}


.dnoteFormLineRemoveBtn.confirming{
	opacity:0.6;
	cursor:default;
	vertical-align:middle;
}

.modelDnoteName{
	display:flex;
	justify-content:center;
}

.dnoteFormLineModelImage img{
	/*max-width:150px;*/
	width: 100%;
	height: auto;
}

.dnoteFormLineModelImage{
	text-align:center;
	min-height:40px;
	width:150px;
	min-width: 150px;
	padding-left:10px;
	box-sizing:border-box;
	max-height: 135px;
}

.dnoteFormLineModelImage.loading{
	
	background: rgba(255,255,255,0.85) url("../img/lazy_loading.png?val=12052021") no-repeat center center;
}

.dnoteFormLineModelColor {
	min-width:180px;
}


#supplierdnotesForm .fila:nth-child(2n) {
  margin-top: 0px;
}

.selectColorImg{
	width:40px;
	height:auto;
}

.selectColorImg,
.selectColorLabel{
	display:inline-block;
	vertical-align:middle;
}



#supplierdnotesForm .deleteLoading{
	margin-right:5px;
	margin-left: 1px;
}


#supplierdnotesForm .deleteWrapper .confirm_ko{
	margin-right:5px;
}


.dnoteFormInputSerie,
.dnoteFormLineOrderIdOculto,
.dnoteFormLineOrderLineIdOculto,
.dnoteFormLineSizePrice,
.dnoteFormLineSizeSerie,
.dnoteFormInputColorOculto,
.dnoteFormInputModelOculto,
.dnoteFormLineSizeApiLineIDComposed,
.dnoteFormInputDnoteLineOculto,
.dnoteFormLineSizeEan,
.dnoteFormLineSizeApiLineID{
	display:block;
	display:none;
}
/*
.dnoteFormLineOrderLineIdOculto{
	font-size:200%;
}
*/
.fila.SUPPLIER_NAME{
	display:none;
}



#addDnoteLinesFromOrder.sending{
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center right 4px;
	background-size:16px auto;

}

.proAddDnoteOrderLinesItem{
	cursor:pointer;
}

#clientSearchDiv.disabled,
#clientList li.disabled{
	pointer-events: none;
	opacity:0.3;
	cursor:initial;
}

#clientList li.sending span{
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center right 4px;
	background-size:16px auto;
	padding-right: 25px;

}

.proAddDnoteOrderLinesItem .dnoteFormLineSizesIn {
  display: inline-block;
}

#clientList.supplierorders li{
	  padding: 15px;
}


.dnoteFormLineSelectBtn{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent url("../img/app/pedidos/hiderKO.png?val=12052021") no-repeat center center;
    background-size: auto;
  background-size: auto;
  vertical-align: middle;
  background-size: 18px 18px;
  cursor:pointer;
  margin-right:3px;
}

.dnoteFormLineSelectBtn.selected{
	background-image:url("../img/app/pedidos/hiderOK.png?val=12052021");
}



.clientListHead{
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 1;

  border-bottom:1px solid #ccc;
  background:#fff;
  padding:10px;
}

#clientList.supplierorders{
	padding-left:15px;
	padding-right:15px;
	margin-top:0px;
}

#clientList.supplierorders li{
	border-top:0px;
	border-bottom:1px solid #ccc;
}


#clientList.supplierorders li.orderLineNotice{
	border-bottom:0px;
}

#clientList.supplierorders li.orderLineNotice{
	padding-bottom:0px;
	/*margin-bottom:-8px;*/
	color:#841f1f;
	text-align:left;
	 font-size:90%;
}

#clientList.supplierorders #clientListTit{
	margin-top:0px;
}

#clientList.supplierorders .dnoteFormLineSizesIn{
	text-align:left;
}

.suppAddLinesHeadBut{
	padding:7px 9px;
	display:inline-block;
	cursor:pointer;
	border:1px solid #ccc;
	font-size:70%;
	margin:5px;
	border-radius: 6px;
}

#sup_lines_select_all{
	background: transparent url("../img/app/pedidos/hiderOK.png?val=12052021") no-repeat center left 6px;
    background-size: auto;
	padding-left:30px;
}

#sup_lines_unselect_all{
	background: transparent url("../img/app/pedidos/hiderKO.png?val=12052021") no-repeat center left 6px;
    background-size: auto;
	padding-left:30px;
}




#sup_lines_add{
	background: #078534 url("../img/fl_slider_righ_white.png?val=12052021") no-repeat center right 0px;
	background-size: 30px 30px;
	color:#fff;
	padding-right:26px;
}


#clientList.supplierorders .dnoteFormLineOrderLink{
	display:none;
}


.dnoteFormLineSizesInSerie.disabled{
	/*background:#f00;*/
	opacity:0.3;
}

.dnoteFormLine.disabled .dnoteFormLineSizesInSerie.disabled{
	opacity:1;
}

#clientList .dnoteFormLineSizeQty{
	font-size:80%;
}

/*
.dnoteFormLineSizesInSerie{
	display:inline-block;
}
*/

/*
.dnoteFormLineModelColorField.color .dnoteFormLineSizeModel,
.dnoteFormLineModelColorField.color .dnoteFormLineSizeLabel{
	background: #f7eeee;
}
*/
.dnoteFormLineSizeModel{
	background: #f0f0f0;
}




#sendShipping.sending,
#changeDistribution.sending{
	padding-right:40px;
}


#sendShipping,
#changeDistribution{
	margin-top:15px;
	display:inline-block;
	background-image: url("../img/app/pedidos/save.png?val=12052021");
	background-size: 25px 25px;
	background-position: center right 10px;
	background-repeat:no-repeat;
	font-size: 120%;
	padding: 10px 15px;
	padding-right: 42px;
	font-family: 'Light',Arial,sans-serif;
	border: 1px solid #aaaaaa;
	border-radius: 6px;
	cursor:pointer;
}

#sendShipping br,
#changeDistribution br{
	display:none;
}

#sendShipping.sending,
#changeDistribution.sending{
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center right 12px;
	background-size:16px auto;
}

#sendShipping.error,
#changeDistribution.error{
	background: transparent url("../img/app/removeSearch.png?val=12052021") no-repeat center right 12px;
	background-size:16px auto;
}

#sendShipping.deshabilitada,
#changeDistribution.deshabilitada{
	display:none;
}

#formalizarForm.empaquetado{
	/*max-width:500px;*/
	margin-top:15px;
}

#envioForm,
#empaquetadoForm{
	padding:20px;
	border:1px solid #ccc;
	border-radius: 10px;
}

#envioForm{
	margin-top:10px;
}

#envioFormTit,
#empaquetadoFormTit{
	font-size:120%;
	text-transform:uppercase;
}

#downloadList.packinglist{
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 10px;
}
#envioForm.deshabilitada #envioFormForm,
#downloadList.packinglist.deshabilitada #packingDescargas{
	opacity:0.5;
	pointer-events: none;
}

#packingDescargasNotice .formAviso,
#shippingFormNotice .formAviso{
	margin-top: 0px;
}

#packingDescargasNotice{

}



#season-ordercheck-wrap{
	display:inline-block;
	width:auto;
}	

#season-ordercheck{
	display:inline-block;
	width:auto;
}	



#modelsCheckWrap.loading{
	min-height:30px;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center center;
	background-size:16px auto;
}

#downloadProviderReport,
#getProviderReport{
	display:inline-block;
	padding:4px 10px;
	border: 1px solid #ccc;
	border-radius: 6px;
	cursor:pointer;
	margin-top:20px;
}

#downloadProviderReport{
	margin-left:4px;
}	

#downloadProviderReport.disabled{
	pointer-events: none;
	padding-right:22px;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat right 4px center;
	background-size:14px auto;
}}

#formularioCheck.disabled{
	pointer-events: none;
	opacity:0.5;
}

#formularioCheck.disabled #getProviderReport{
	padding-right:22px;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat right 4px center;
	background-size:14px auto;
}


/* documentos */
#downDocument{
	padding:10px;
	cursor:pointer;
	border:1px solid #aaa;
	margin-top:10px;
	display:inline-block;
}
#downDocument .downPFD{
	margin-left:0px;
}



#addLinesToOrder.disabled{
	opacity:0.5 !important;
	pointer-events: none;
}

#packingDivIn.oculto{
	display:none;
}



#packingDivIn{
	margin-top:15px;
	padding: 15px;
    border: 1px solid #ccc;
    border-radius: 10px;
}



#tickedAdvice{
	position:absolute;
	top:0%;
	left:0px;
	width:100%;
	background: #df2e10fc;
	color: #fff;
	z-index:100000;
}

#tickedAdvice.advice{
	background: #dadf12;
	color:#000;
}

#tickedAdviceIn{
	padding: 10px 5px;
	text-align:Center;
}

#captureInput{
	padding:5px;
	border:1px solid #ccc;
	max-width:120px;
	border-radius: 4px;
}

#captureInput.loading{
	background: rgba(255,255,255,0.85) url("../img/lazy_loading.png?val=12052021") no-repeat center right 8px;
	background-size:15px;
	padding-right:20px;
	pointer-events: none;
}

#boxDiv{
	margin-top:10px;
	padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.providerPack .partial td{
	background: #ffe2b4;
}

.providerPack .complete td{
	background: #9fef37;
}

#captureDiv{
	display:flex;
    flex-direction: row;
    justify-content: space-between;
}

.providerPack tr{
	position:relative;
}
.providerPack td{
	width:44px;
}
.providerPack td.color{
	width:38px;
}
.providerPack td.talla{
	width:30px;
}
.providerPack td.units{
	width:59px;
}
.providerPack td.packeds{
	width:59px;
}
.providerPack td.matriculas{
	width:auto;
}

.seePackeds{
	display:inline-block;
	cursor:pointer;
	width:20px;
	height:15px;
	background: transparent url("../img/app/ojoBlack.png?val=12052021") no-repeat center left 4px;
	background-size:15px 10px;
	margin-left:3px;
	display:none;
}


.seePackeds.hide{
	background: transparent url("../img/app/ojoBlackNo.png?val=12052021") no-repeat center left 4px;
	background-size:15px 10px;
}

.providerPack #matHelper{
	position:absolute;
	top:0px;
	left:0px;
	background:#fff;
	border:1px solid #ccc;
	padding:3px;
}

/* efectos */

#contentFacturacheques #orderBody,
#contentProveedoresDistribucion #orderBody,
#contentProveedores #orderBody,
#contentPagos #orderBody,
#contentEfectos #orderBody {
    padding-top: 0px;
}

#contentApp::before{
	content:"";
	opacity:0;
	display: block;
}

#contentApp.filtering{
	/*opacity:0.5;*/
	pointer-events: none;
}

#contentApp.filtering::before{
	content:"";
	position:fixed;
	top:0px;
	left:0px;
	/*width:100px;
	height:100px;
	background:#f00;*/
	width:100%;
	height:100vh;
	background: rgba(255,255,255,0.85) url("../img/lazy_loading.png?val=12052021") no-repeat center center;
	z-index: 1;
	
	opacity:1;
	transition: opacity 600ms ease-out;
}

#contentApp.filtering div:first-child{
	z-index: 0;
	position:relative;
}


#addDnoteTopCont {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  top: 20px;
  z-index: 1;

  border-bottom:1px solid #ccc;
  background:#fff;
  padding-bottom: 15px;
 /* padding-top: 15px;*/

}

#formContainer.edit #addDnoteTopCont {
 top: 77px;
 padding-top:0px;
}


#preDnoteTopCont{
	background:#fff;
	position: fixed;
	top: 0px;
	width:100%;
	height:20px;
	z-index: 1;
}




#addDnoteFoot {
  position: -webkit-sticky;
  position: sticky;
  bottom: 20px;
  z-index: 1;

  border-top:1px solid #ccc;
  background:#fff;
  padding-top: 15px;
 /* padding-top: 15px;*/

}

#posDnoteFoot{
	background:#fff;
	position: fixed;
	bottom: 0px;
	width:100%;
	height:20px;
	z-index: 1;
}



#supplierdnotesForm .campos_form {
    padding-top: 0px;
}


#dnoteCountDiv .fuente_text{
	text-transform:capitalize;
}

/* table format */



.addDiv{
	z-index: 52;
	position: relative;
}


#entities_list.tablesupport ul#entities_ul{
	margin-top: -35px;
	z-index: 0;
}

#entities_list ul.tablesupport{
	font-size:80%;
}

#entities_list.tablesupport ul#entities_ul li#tabHeaders,
#entities_list.tablesupport ul#entities_ul li#tabFooter,
#entities_list ul.tablesupport li{
	display:flex;
	justify-content: space-between;
	align-items: center;
	align-content: space-between;
	flex-wrap: wrap;
	padding: 0px 0px;
	align-items: center;
}

#entities_list.tablesupport ul#entities_ul li#tabHeaders{
	align-items: flex-end;
	z-index:3;
}


#entities_list.tablesupport ul#entities_ul li#tabHeadersWhite{
	position: -webkit-sticky; 
	position:sticky;
	top:0px;
	background:#fff;
	font-size:0px;
	height:18px;
	padding:0px;
	z-index: 1;
}


#entities_list.tablesupport ul#entities_ul li#tabFooter,
#entities_list.tablesupport ul#entities_ul li#tabHeaders{
	position: -webkit-sticky; 
	position:sticky;
	top:18px;
	background:#fff;
	padding-top:0px;
	border-bottom:1px solid #000;
}

#entities_list.tablesupport ul#entities_ul li#tabFooter{
	border-bottom:0px solid #000;
	border-top:1px solid #000;
	top:auto;
	bottom:0px;
	padding:3px 0px;
}


#entities_list.tablesupport ul#entities_ul li#tabFooter .entity_dato,
#entities_list.tablesupport ul#entities_ul li#tabHeaders .entity_dato,
#entities_list ul.tablesupport .entity_dato{
	width:8%;
	width: 90px;

	padding: 3px;
	box-sizing:border-box;
}


#entities_list.tablesupport ul#entities_ul li#tabFooter .entity_dato.tracking_link,
#entities_list.tablesupport ul#entities_ul li#tabHeaders .entity_dato.tracking_link,
#entities_list ul.tablesupport .entity_dato.tracking_link,
#entities_list.tablesupport ul#entities_ul li#tabFooter .entity_dato.delete,
#entities_list.tablesupport ul#entities_ul li#tabHeaders .entity_dato.delete,
#entities_list ul.tablesupport .entity_dato.delete{
	width:50px;
}

#entities_list ul.tablesupport #tabFooter .entity_dato{
	white-space: nowrap;
}


#entities_list ul.tablesupport #tabFooter .entity_dato,
#entities_list ul.tablesupport .entity_list .entity_dato{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

#entities_list ul.tablesupport #tabFooter .entity_dato.noEllipsable,
#entities_list ul.tablesupport .entity_list .entity_dato.noEllipsable{
	text-overflow: initial;
	overflow: visible;
}

#entities_list ul.tablesupport #tabFooter .entity_dato:hover,
#entities_list ul.tablesupport .entity_list .entity_dato:hover{
	z-index:3;
	overflow:visible;
	
}



#entities_list ul.tablesupport #tabFooter .entity_dato:not(.delete):hover span.ellipsable,
#entities_list ul.tablesupport .entity_list .entity_dato:not(.delete):hover span.ellipsable{
	background:#dedede;
	padding:0px 1px;
}

#entities_list ul.tablesupport .action_btn.withicon .buttonIcon,
#entities_list ul.tablesupport .duplicate_btn.withicon .buttonIcon,
#entities_list ul.tablesupport .delete_btn.withicon .buttonIcon {
    display: inline-block;
    width: 18px;
    height: 18px;
	background-size:contain;
}

#entities_list ul.tablesupport .action_btn.withicon,
#entities_list ul.tablesupport .duplicate_btn.withicon,
#entities_list ul.tablesupport .delete_btn.withicon{
	padding:0px;
}

.action_btn,
.duplicate_btn,
.delete_btn{
	position:relative;
}

.action_btn:hover .buttonText,
.delete_btn:hover .buttonText,
.duplicate_btn:hover .buttonText{
	display:block;
	position:absolute;
	right:100%;
	top:0%;

	background: #fff;
	border: 1px solid #ccc;
	padding: 3px 5px;
	box-sizing: border-box;
	text-align: center;
	font-family:"Bold";
}

#entities_list ul.tablesupport li.entity_list:nth-last-child(3) .entity_dato{
	border-bottom:0px solid #fff;
}

#entities_list ul.tablesupport li.entity_list .entity_link {
    display: block;
    display: initial;
}



ul.tablesupport #tabFooter .entity_dato.alin_center,
ul.tablesupport #tabHeaders .entity_dato.alin_center,
ul.tablesupport .entity_list .entity_dato.alin_center{
	text-align:center;
}

ul.tablesupport #tabFooter .entity_dato.alin_right,
ul.tablesupport #tabHeaders .entity_dato.alin_right,
ul.tablesupport .entity_list .entity_dato.alin_right{
	text-align:right;
}


.header_label{
	/*display:block;
	width:100%;*/
	flex-grow: 1;
	overflow:hidden;
	text-overflow: ellipsis;
	
	white-space: normal;
	white-space: nowrap;
}

#entities_list.tablesupport ul#entities_ul li#tabHeaders .entity_dato:hover{
	z-index:100;
}

.header_label:hover{
	overflow:visible;
	background:#dedede;
	padding:0px 3px;
	box-sizing:border-box;
}

/*
.inner .header_label{
	display:block;
	width:100%;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
*/

.filterer,
.sortener{
	flex-grow: 0;
	flex-shrink: 0;
	margin-left:1px;
}



#entities_list.tablesupport ul#entities_ul li#tabHeaders .entity_dato{
	display:flex;
	align-items: flex-end;
}


#entities_list ul.tablesupport[data-lines="true"] li{
	padding: 5px 0px;
}

#entities_list ul.tablesupport[data-lines="true"] li.entity_list{
	border-bottom: 1px solid #aaa8a8;
}


#entities_list.tablesupport ul[data-lines="true"] li#tabFooter .entity_dato,
#entities_list.tablesupport ul[data-lines="true"] li#tabHeaders .entity_dato,
#entities_list ul.tablesupport[data-lines="true"] li.entity_list .entity_dato{
	border-left:1px solid #ececec;
	border-bottom:1px solid #ececec;
}

#entities_list.tablesupport ul[data-lines="true"] li#tabFooter .entity_dato.noBorderBottom,
#entities_list.tablesupport ul[data-lines="true"] li#tabHeaders .entity_dato.noBorderBottom,
#entities_list ul.tablesupport[data-lines="true"] li.entity_list .entity_dato.noBorderBottom{
	border-bottom:0px solid #ececec;
}

#entities_list.tablesupport ul[data-lines="true"] li#tabFooter .entity_dato.noBorderLeft,
#entities_list.tablesupport ul[data-lines="true"] li#tabHeaders .entity_dato.noBorderLeft,
#entities_list ul.tablesupport[data-lines="true"] li.entity_list .entity_dato.noBorderLeft{
	border-left:0px solid #ececec;
}

#entities_list ul.tablesupport[data-lines="true"] li.entity_list .entity_dato.delete{
	padding-top:0px;
	padding-bottom:0px;
}

#entities_list ul.tablesupport[data-lines="true"] li{
	align-items: flex-start;
}



#entities_list{
	position:relative;
}

#entities_list.tablesupport .loadingNextPageDiv{
	position:absolute;
	bottom:23px;
	left:0px;
	width:100%;
	text-align:center;
	padding:0px;
	background:transparent;
	z-index: 55;
}


#entities_list.tablesupport .loadingNextPageDiv span{
	background: #fff url("../img/lazy_loading.png?val=12052021") no-repeat center left 10px;
	background-size:20px 20px;
	padding:10px;
	padding-left:37px;
	display:inline-block;
	box-sizing:border-box;
	color:#005500;
	border:1px solid #ccc;
	border-radius: 6px;
	font-size: 90%;
}

#entities_list.tablesupport .loadingNextPageDiv span.error{
	background: transparent;
	padding-left:10px;
	color:#cf2727;
}

#entities_list ul.tablesupport li .entity_dato .status_icon{
	display:none;
}

#entities_list ul.tablesupport li .entity_dato .status_label{
	vertical-align:top;
}

#entities_list ul.tablesupport li .entity_dato .status_label.status_-1,
#entities_list ul.tablesupport li .entity_dato .status_label.status_2{
	font-family:"Bold";
}


html.tablesupport #centrador,
html.tablesupport #contenido{
	padding-bottom:0px !important;
}

.tablesupport li.entity_list.clickable{
	cursor:pointer;
}

.filterer,
.sortener{
	display:inline-block;
	width:12px;
	height:16px;
	vertical-align:bottom;
	background:#f00;
	
}

.filterer{
	background: #fff url("../img/app/icoFilterNo.png?val=12052021") no-repeat center center;
	background-size:12px 12px;
	cursor:pointer;

	position:relative;
	z-index:0;

	/*float:right;
	margin-right: 5px;*/
}

.filterer[data-status="used"]{ 
	background: #fff url("../img/app/icoFilter.png?val=12052021") no-repeat center center;
	background-size:12px 12px;
}

.sortener{
	background: #fff url("../img/app/icoSorterNo.png?val=12052021") no-repeat center center;
	background-size:11px 13px;
	/*cursor:pointer;*/
	margin-left:0px;
	width:12px;
	cursor:pointer;
	position:relative;
}

.filterer_label,
.sortener_label{
	
	position:absolute;
	/*left:-500%;
	width:1000%;*/
	width: 250px;
	left:-125px;

	bottom:110%;
	background:#fff;
	border:1px solid #ccc;
	padding:3px;
	box-sizing:border-box;
	
	text-align:center;

	display:none;
}

.filterer_label{
	bottom:auto;
	top:110%;
	display:none;
	padding:8px;
	white-space: initial;
}


.sortener.hoverable:hover .sortener_label{
	display:inline-block;
	z-index:51;
}

.filterer.opened .filterer_label{
	display:inline-block;
	z-index:51;
}

.filterer_label_text{
	display:block;
}

/*
.sortener:nth-child(2){
	margin-left:6px;
}*/
.sortener[data-status="asc"]{ 
	background: #fff url("../img/app/icoSorterUp.png?val=12052021") no-repeat center center;
	background-size:11px 13px;
}

.sortener[data-status="desc"]{ 
	background: #fff url("../img/app/icoSorterDown.png?val=12052021") no-repeat center center;
	background-size:11px 13px;
}

#tabHeaders .entity_dato.clickable{
	cursor:pointer;
}

#filtersSpare.oculto,
#filtersOrders.oculto,
#filtersFilters.oculto{
	height:0px;
	overflow:hidden;
	width:0px;
	display:none;
}

#filtersOutOut.js #filters.tablesupport,
#filters.tablesupport{
	padding-top:0px;
	padding-bottom:0px;
}	




#filtersOutOut.js #filters.tablesupport #filtersButtons,
#filters.tablesupport #filtersButtons{
	margin-top:0px;
	margin-bottom:10px;
}

#entities_list.tablesupport{
	margin-top:10px;
}

#filtersOutOut.js.tablesupport,
#filtersOutOut.tablesupport{
	position:relative;
	top:auto;
	left:auto;
}

.filterOK{
	float: right;
	margin-top: 9px;
	margin-right: 2px;
	background: transparent url("../img/app/sendFilter.png?val=12052021") no-repeat center right 2px;
	background-size:contain;
	display:inline-block;
/*	width: 17px;
	height: 13px;*/
	cursor:pointer;
	padding: 3px 6px;
	padding-right: 25px;
	border: 1px solid #aaaaaa;
	border-radius: 6px;
	line-height: 125%;

}

.filterOK.oculto{
	display:none;
}

.filterer_label_text_label{
	margin-bottom:3px;
	display:block;
}

.filterer_label_text{
	margin-top:8px;
}

.filterer_label_text:first-child{
	margin-top:0px;
}

.filterer_label_text .filter_string{
	font-size:90%;
}


#columnHidersDiv{
	display:inline-block;
	vertical-align:middle;
	position: relative;
	z-index: 52;
	margin-bottom:15px;
	vertical-align:middle;
}

.exportDiv,
.addDiv{
	margin-bottom:15px;
	vertical-align:middle;
}

#addOrder{
	margin-right:15px;
}

.columnHidersList{
	list-style-type:none;
}

.columnHidersLi{
	font-size:80%;
}

#columnHidersBot{
	display:inline-block;
}

.columnHidersList{
	padding:5px;
	display:none;
}

.columnHidersList.visible{
	display:inline-block;
	position: absolute;
	background: #fff;
	border: 1px solid #aaaaaa;
	border-radius: 6px;
	width: 290px;
	left: 130%;
}

.columnHidersLi{
	display:inline-block;
	padding:5px 10px;
	padding-left:20px;
	background: transparent url("../img/app/ojoBlack.png?val=12052021") no-repeat center left 4px;
	background-size:15px 10px;
	cursor:pointer;
}

.columnHidersLi.hided{
	background: transparent url("../img/app/ojoBlackNo.png?val=12052021") no-repeat center left 4px;
	background-size:15px 10px;
}

.columnHidersAll{
	display:inline-block;
	width:50%;
	box-sizing:border-box;
	padding-left:22px;
	background: transparent url("../img/app/ojoBlack.png?val=12052021") no-repeat center left 4px;
	background-size:15px 10px;
	cursor:pointer;
	border-bottom: 1px solid #ccc;
	font-size: 90%;
	padding-bottom: 4px;
	padding-top: 4px;
}

.columnHidersAll[data-type="remove"]{
	background: transparent url("../img/app/ojoBlackNo.png?val=12052021") no-repeat center left 4px;
	background-size:15px 10px;
}

#entities_list.tablesupport ul#entities_ul li#tabFooter .entity_dato.oculto,
#entities_list.tablesupport ul#entities_ul li#tabHeaders .entity_dato.oculto,
#entities_list ul.tablesupport li .entity_dato.oculto,
#entities_list ul.tablesupport li.headers .entity_dato.oculto,
#entities_list ul.tablesupport li.footers .entity_dato.oculto{
	display:none;
}


.btn_table{
	width: auto;
	border:1px solid #aaaaaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;

	padding:1px;
	background:#fff;

	display:inline-block;
	color:#000;
	font-size:80%;
	cursor:pointer;
}

.btn_table.btn_b{
	background:#ececec;
}



#doExportLi{
	display:block;
	width:auto;
	padding-top: 5px;
	padding-bottom: 7px;
}

#doExport{
	display:inline-block;
	padding:3px 10px 3px 6px;
	border:1px solid #aaaaaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
}

#doExportIcon{
	display:inline-block;
	width:20px;
	height:20px;
	background: transparent url("../img/app/pedidos/save.png?val=12052021") no-repeat center center;
	background-size:15px 15px;
	cursor:pointer;
	vertical-align: middle;
}

#doExport.loading{
	padding-right:28px;
	background: #ececec url("../img/lazy_loading.png?val=12052021") no-repeat center right 5px;
	background-size:17px 17px;
}

#doExportLabel{
	font-size:80%;
	margin-left:5px;
}


.eyeIcon{
	display:inline-block;
	width:25px;
	height:25px;
	background: transparent url("../img/app/ojoBlack.png?val=12052021") no-repeat center center;
	background-size:12px 8px;
	vertical-align: middle;
}

.exportIcon{
	display:inline-block;
	width:25px;
	height:25px;
	background: transparent url("../img/app/export.png?val=12052021") no-repeat center center;
	background-size:contain;
	vertical-align: middle;
}

.addIcon{
	display:inline-block;
	width:25px;
	height:25px;
	background: transparent url("../img/app/add.png?val=12052021") no-repeat center center;
	background-size:15px 15px;
	vertical-align: middle;
}



#addOrder {
    margin-right: 10px;
    vertical-align: middle;
}


.no_data{
	display:inline-block;
	width:1px;
	height:12px;
}

.entity_dato.delete .no_data{
	height:18px;
}


/* tabla especial productos */

#contentProductos #tabHeaders,
#contentProductos #tabFooter{
	font-size:80%;
}



.typeExplanation{
	display:none;

/*	display:inline-block;
	margin-left:4px;
	border:1px solid #ccc;
	background:#fff;
	padding:2px;
	vertical-align:middle;
	font-family: 'Regular',Arial,sans-serif;
	display: block;
	position: absolute;
	width:200px;
	margin-left:-100px;*/
}

#entities_list ul.tablesupport .entity_list .entity_dato:not(.delete):hover span.typeExplanation{
	display:inline-block;
	margin-left:4px;
	border:1px solid #ccc;
	background:#fff;
	padding:3px;
	vertical-align:middle;
	font-family: 'Regular',Arial,sans-serif;
	display: block;
	position: absolute;
	width:180px;
	margin-left:-90px;
	margin-top:4px;
	white-space: normal;
	text-align:center;
}





/* duplicate */


#orderBody.duplicate #orderHeader,
#orderBody.duplicate{
	padding-top: 0px;
}

#orderBody.duplicate .orderTotals{
	padding-bottom: 10px;
}

#duplicateFormUserDiv.oculto #duplicateFormUserDivIn,
#duplicateFormClientDiv.oculto #duplicateFormClientDivIn,
#duplicateFormAddressDiv.oculto #duplicateFormAddressDivIn{
	display:none;
}

#duplicateFormUserDiv.loading,
#duplicateFormClientDiv.loading,
#duplicateFormAddressDiv.loading{
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center left;
	background-size:contain;
	min-height:20px;
	margin-top:5px;
}

#duplicateFormUserDiv,
#duplicateFormClientDiv,
#duplicateFormAddressDiv{
	margin-top:10px;
}



#orderHeader h2 .grande{
	font-size:130%;
	margin-bottom:10px;
	display: inline-block;
}

#entities_list ul.tablesupport .duplicate_btn{
	margin-right:3px;
}




/* gestion de pagos */

.action_btn.withicon.log .buttonIcon{
	background-image:url("../gestor/iconos/menu/web_usuarios.png?val=12052021");
}

.action_btn.withicon.check .buttonIcon{
	background-image:url("../img/app/pagos/check.png?val=12052021");
}

.action_btn.withicon.force .buttonIcon{
	background-image:url("../img/app/pagos/force.png?val=12052021");
}

.action_btn.withicon.resend .buttonIcon{
	background-image:url("../img/app/pagos/resend.png?val=12052021");
}

.action_btn.withicon.resend .buttonIcon{
	background-image:url("../img/app/pagos/resend.png?val=12052021");
}

.action_btn.withicon.deactive .buttonIcon{
	background-image:url("../img/app/pagos/deactive.png?val=12052021");
}

.action_btn.withicon.reactive .buttonIcon{
	background-image:url("../img/app/pagos/reactive.png?val=12052021");
}


.action_btn.withicon.sessupdate .buttonIcon{
	background-image:url("../img/app/seasons/update.png?val=12052021");
}



.action_btn.withicon.sessstatusupdate .buttonIcon{
	background-image:url("../img/app/pedidos/yes.png?val=12052021");
}

.action_btn.withicon.sessstatusupdate.disabled .buttonIcon{
	background-image:url("../img/app/pedidos/no.png?val=12052021");
}

.action_btn.withicon.check.oculto,
.action_btn.withicon.force.oculto,
.action_btn.withicon.resend.oculto{
	display:none;
}



.pago_status_0,
.venc_status_0{
	color:#050;
}


.pago_status_1,
.pago_status_2,
.pago_status_3,
.pago_status_4,
.pago_status_5,
.pago_status_6,
.pago_status_7,
.venc_status_1{
	color:#dd7301;
}

.pago_status_8,
.venc_status_2{
	color:#ee1509;
}

#orderBody .pago_status_0,
#orderBody .pago_status_1,
#orderBody .pago_status_2,
#orderBody .pago_status_3,
#orderBody .pago_status_4,
#orderBody .pago_status_5,
#orderBody .pago_status_6,
#orderBody .pago_status_7,
#orderBody .pago_status_8,
#orderBody .venc_status_0,
#orderBody .venc_status_1,
#orderBody .venc_status_2{
	font-weight:600;
}


/* clientes bloqueados*/

html.clientblocked #centrador.onIframe,
html.clientblocked #contenido{
	padding:0px !important;
}

#clientblocked{
	padding:20px;
	text-align:center;
}

#clientblocked strong{
	font-size:130%;
	line-height:150%;
	color:#050;
}

#clientblockedBack{
	text-align:left;
}



/* clientes */

#addNewAddress{
	display: inline-block;
	width: 15px;
	height: 15px;
	background: transparent url("../img/app/add.png?val=12052021") no-repeat center center;
	background-size: 12px 12px;
	vertical-align: bottom;
	cursor:pointer;
}

#clientsData span.requestedChange {
    margin-left:5px;
}

#clientsData span.requestedChange:before{
	content:"· ";
}



#addclientsForm .campos_form{
    width: 50%;
    display: inline-block;
	box-sizing:border-box;
    vertical-align: top;
	padding-right:20px;
}


#billing_data_addform,
#billing_addr_addform,
#shipping_addr_addform{
	width:50%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding-left:20px;
	position:relative;
}

#billing_addr_addform{
	padding-right:20px;
	padding-left:0px;
}

#addclientsForm .campos_form,
#billing_data_addform{
	padding-bottom:20px;
}

#shipping_addr_addform,
#billing_addr_addform{
	padding-top:20px;
	border-top:1px solid #ccc;
}

#addclientsForm h3{
	background: #f0f0f0;
	padding: 4px 5px;
}

#addclientsForm .campos_form,
#billing_addr_addform{
	border-right:1px solid #ccc;
}

#billing_data_addform {
    vertical-align: bottom;
}

#addclientsForm .campos_form{
	padding-top:0px;
	margin-top:10px;
}

#addclientsForm .labelExtra,
#clientBillingdataForm .labelExtra{
	display:block;
	font-size:80%;
	color:#841f1f;
}


.solo_id_desc.desplazado{
	position:absolute;
	top:0px;
	right:0px;
	background:#ccc;
	height:100%;
	box-sizing:border-box;
	display:table;
	padding:3px 6px;
	max-width: 85%;
}

.solo_id_desc_in{
	display:table-cell;
	vertical-align:middle;
	
	height:100%;
}


/* stock */

html.ID_32 .exportDiv .columnHidersList li:not(#doExportLi):not(.visible){
	display:none;
}

html.ID_32 .downPFD{
	vertical-align: middle;
	margin-bottom: 15px;
	padding: 0px;
	z-index: 50;
	position: relative;
	margin-left: 10px;

	border: 1px solid #aaaaaa;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 1px;
	box-sizing: border-box;

}

.stocklistPImage{
	display:inline-block;
	position:relative;
	vertical-align:middle;
	min-height:42px;
}

.stocklistPText{
	/*display:inline-block;**/
	position:relative;
	vertical-align:middle;
	margin-left:7px;
}


.stocklistPImage img{
	display:block;
	position:relative;
	width:50px;
	height:auto;
}

#stockCacheDate{
	display:inline-block;
	margin-left:7px;
	color:#8a8a8a;
	z-index: 50;
	position:relative;
	vertical-align:middle;
	font-size:80%;
}



#stockTable{
	display:table;
	width:100%;
	font-size: 80%;
}


#stockTotals,
.stockRow,
#stockHeaders{
	display:table-row;
	width:100%;
	position:relative;
}

.stockCell{
	display:table-cell;
	padding:3px;
}

#stockHeaders .stockCell{
	border-bottom: 1px solid #000;
	
}

#stockTotals .stockCell{
	border-top: 1px solid #000;
	
}

.stockRow .stockCell{
	border-bottom: 1px solid #ccc;
}

.stocksPerSize{
	position:absolute;
	top:30px;
	left:0px;
	width:100%;
	display:table;
}

.stocksPerSizeRow{
	display:table-row;
	width:100%;
}

.stockRow.persize.no_visible{
	display:none;
}

.stockRow .stockCell{
	cursor:pointer;
}

.stockRow.persize .stockCell{
	border-bottom: 1px solid #eee;
	cursor:initial;
}


.stockRow.persize .stockCell:first-child{
	padding-left:58px;
}	

#stockIframeOnProduct{
	width:100%;
	height:500px;
}

#stockHelp{
	display: inline-block;
	margin-left: 7px;
	color: #dd3d3d;
	z-index: 50;
	position: relative;
	vertical-align: middle;
	font-size: 80%;
}


.columnHidersLiSelect{
	font-size:90%;
}

.columnHidersLiSelect select{
	background-color:#fff;
	border: 1px solid #aaa;
	border-radius: 4px;
}

/* nuevo slider productos */




#contentProductView #capaColoresCont{
	height: 220px;
	overflow: hidden;
}

#contentProductView #capaColoresContIn{
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}

#contentProductView .capaColor {
    position: relative;
    z-index: 0;
    float: left;
    width: 227px;
    height: 100%;
    margin: 0 1px 0 0;
    padding: 0;
 /*   background: #333;
    color: #ddd;*/
    text-align: center;
    cursor: pointer;
	box-sizing: border-box;
}

#contentProductView .capaColor .capaColorTit{
	overflow:hidden;
	white-space: nowrap;
}

/* Scrollbar */

.scrollbar {
  margin: 1em 0 1em 0;
  height: 2px;
  background: #ccc;
  line-height: 0;
}

.scrollbar .handle {
  width: 100px;
  height: 100%;
  background: #292a33;
  cursor: pointer;
}

.scrollbar .handle .mousearea {
  position: absolute;
  top: -9px;
  left: 0;
  width: 100%;
  height: 20px;
}



/* string advanced search */

.strAdvControl{
	margin-top: -25px;
	background: #fff;
	z-index: 2;
	position: relative;
}

.strAdvControlAddLine{
	position:absolute;
	top:-20px;
	right:0px;
	
	text-align:right;
}

.strAdvControlAddLineBtn{
	display:inline-block;
	width:15px;
	height:15px;
	background: #fff url("../img/app/add.png?val=12052021") no-repeat center center;
	background-size:contain;
    z-index: 12;
    position: relative;

}
.strAdvControlLine{
	display:flex;
	align-items:center;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom:1px solid #ccc;
}

.strAdvControlLine:last-child{
	padding-bottom:0px;
	border-bottom:0px;
}

.strAdvControlButton{
	display:inline-block;
	width:15px;
	height:15px;
	background: #fff url("../img/app/add.png?val=12052021") no-repeat center center;
	background-size:contain;
	margin:0px 2px;
	flex-grow: 0;
	flex-shrink: 0;
}

.strAdvControlButton.remove{
	background-image: url("../img/app/remove.png?val=12052021")
}

.strAdvControlButton.remove.oculto{
	opacity:0.2;
	cursor:default;
}

.strAdvControlButton.binary{
	opacity:0.6;
	background-image: url("../img/app/casesensitive.png?val=12052021")
}

.strAdvControlButton.binary.used{
	opacity:1;
}


.strAdvControlInput{
	flex-grow: 1;
	flex-shrink: 3;
	font-size: 90%;
}


.filterVal select.strAdvControlSelect,
.strAdvControlSelect{
	padding: 4px 4px;
	padding-right:15px;
	min-height:20px;
	max-width:100px;
	width:100px;
	border: 1px solid #c6c6c6;
	font-size:80%;
	background-position: center right -10px;
}

.filterer_label_text_label {
 	cursor: default;
}



#zeroproducts{
	display:block;
	margin-top:10px;
	padding:10px;
	border:1px solid #f00;
	color:#f00;
	font-weight:400;
	text-align: center;
	font-size: 16px;
}





/* representante */

#methods_div{
	display:none;
}

#represForm{
	width:65%;
	display:inline-block;
	vertical-align:top;
}

#apiResources.reprePaises{
	width:35%;
	width:calc(35% - 20px);
}














/* ANALITICA */



#tabFooter.oculta,
.loadingNextPageDiv.oculta,
#graphsSpace.oculta,
#entities_ul .entity_list.oculta{
	display:none !important;
}

#entities_list.tablesupport ul#entities_ul.graphs #tabHeaders{
	border-bottom: 1px solid #ccc;
	
}

#entities_list.tablesupport ul#entities_ul.graphs #tabHeaders .sortener{
	display:none;
}


#entities_list.tablesupport ul#entities_ul.graphs #tabHeaders .entity_dato.clickable{
	cursor:default;
	pointer-events: none;
}

#entities_list.tablesupport ul#entities_ul.graphs #tabHeaders .entity_dato.clickable .filterer{
	pointer-events: auto;
}

#graphsSpaceLoading{
	position:relative;
	text-align:center;
}

#graphsSpaceLoadingSpan{
	padding-left:30px;
	margin-top:20px;
	margin-bottom:20px;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center left;
	background-size:contain;
	display:inline-block;
}

#loadingChartError{
	color:#a61414;
}


#segmentByBot{
	display:none;
}

.periodsegmentInput{
	display:inline-block;
	box-sizing: border-box;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid #aaa;
	width:auto;
	max-width: 55px;
	text-align: center;
}


.segmentAutoButton{
	display:inline-block;
	padding:3px 6px;
	border-radius: 6px;
	border: 1px solid #ccc;
	cursor:pointer;
	margin:3px;
	line-height:100%;
}


.segmentAutoButton.active{
	background: #666e73;
	color: #fff;
}

.columnSegmentsLi{
	font-size:80%;
}

.columnSegmentsLi{
	display:inline-block;
	padding:2px 3px;
	padding-left:20px;
	background: transparent url("../img/app/unchecked.png?val=12052021") no-repeat center left 4px;
	background-size:15px 15px;
	cursor:pointer;
}

.columnSegmentsLi.hided{
	background: transparent url("../img/app/checked.png?val=12052021") no-repeat center left 4px;
	background-size:15px 15px;
}


#reportType,
#segmentPeriod{
	font-size:80%;
	display:block;
	padding:5px 2px;
	
	border-bottom:1px solid #ececec;
	line-height: 190%;


	padding-top:3px;
}

#segmentPeriod{
	border-top:1px solid #ececec;
	margin-top:3px;
	z-index: 54;
	position: relative;
}

#reportType{
	margin-bottom:7px;
}


#segmentByTit{
	display:inline-block;
	font-size:80%;
	padding: 0px 2px 3px;
}

#segmentAutoButtons{
	display:inline-block;
	vertical-align:middle;
	position:relative;
	z-index:1;
}



.thePeriod{
	display:inline-block;
	vertical-align:middle;
}

#segmentPeriod span,
#segmentPeriod input{
	vertical-align:middle;
	display: inline-block;
}

#segmentPeriod br{
	display:none;
}


#segmentByList.columnHidersList{
	display:block;
	padding:0px;
	position:relative;
	width: auto;
	height: auto;
	left: 0;
	border: 0;
}


.periodSegmentSend{
	margin-top: 2px;
	position:relative;
	z-index:2;
}

.periodSegmentSend.oculto{
	display:none !important;
}

.reportTypeTitButton{
	cursor:pointer;
	padding-left:20px;
	background: transparent url("../img/app/unchecked.png?val=12052021") no-repeat center left 4px;
	background-size:15px 15px;
}

.reportTypeTitButton.active{
	background-image: url("../img/app/checked.png?val=12052021");
}

.chartwrapperOut{
	width:50%;
	display:inline-block;
	/*width:100%;
	display:block;*/
	position:relative;
	box-sizing:border-box;
	padding:5px;
	margin-top: 10px;
	vertical-align: top;
}


.chartwrapper{
	position:relative;
	box-sizing:border-box;
	border:1px solid #ccc;
	width:100%;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;

}

.chartwraptit{
	position:relative;
	border-bottom:1px solid #ccc;
	text-align:center;
	padding: 4px;
}


.chartwrapleg{
	position:relative;
	border-top:1px solid #ccc;
	text-align:center;
	color: #757373;
	font-size:80%;
	padding: 2px;
}

.chartwrapcont{
	/*height: 450px;*/
	position:relative;
	padding-top:50%;
	font-size:90%;
	line-height:90%;
}

.chartwrapperIn{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px
}

.chartwrapperIn{
	padding: 20px;
	box-sizing: border-box;
}

.chartarea{
	width: 100%; 
	height: 100%;
}


.chartControl{
	/*padding-top:5px;*/
}

.graphControl{
	display:inline-block;
	padding:3px;
	cursor:pointer;
	border:1px solid #ccc;
	margin:2px;
	/*margin-bottom:0px;*/
	background: #fff;
}


.graphControl.disabled{
	opacity:0.5;
}

.graphControlGroupOut.withHelper .graphControlGroup .graphControl.disabled{
	opacity:1;
}



.google-visualization-tooltip { 
	pointer-events: none; 
	color:#383838 !important;
	border-radius: 5px !important;
	/*background:#f00 !important;*/
	/*fill: yellow;*/
}

.google-visualization-tooltip > ul > li > span {
	color:#383838 !important;
}

.google-visualization-tooltip text{
	color:#383838 !important;
	fill:#383838;
	stroke:#383838;
}

.toomuchrows{
	width:100%;
	height:100%;
	display:table;
}

.toomuchrowsin{
	width:100%;
	height:100%;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	color:#f00;
}

.graphControlSeparator{
	width:100%;
	height:0px;
	line-height:0%;
	border-top:1px solid #ccc;
	margin-top:5px;
	margin-bottom:5px;
}

.chartControl.oculta{
	display:none;
}


.blockHiderIn{
	cursor:pointer;
	display:block;
	border:1px solid #ccc;
	padding:3px;
	background: #ececec;
	border-radius: 5px;
}


.zoomChart{
	position:absolute;
	display:inline-block;
	cursor:pointer;
	top:5px;
	right:6px;
	width:18px;
	height:18px;
	background: #ffffff url("../img/app/zoomChart.png?val=12052021") no-repeat center center;
	background-size: contain;
}

.zoomChart.full{
	background: #ffffff url("../img/app/zoomChartFull.png?val=12052021") no-repeat center center;
	background-size: contain;
}


.exportChart{
	position:absolute;
	display:inline-block;
	cursor:pointer;
	top:5px;
	right:30px;
	width:18px;
	height:18px;
	background: #ffffff url("../img/app/export.png?val=12052021") no-repeat center center;
	background-size: contain;
}

.exportChart.loading{
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center center;
	background-size:14px 14px;
}

.chartwrapperOut.full{
	width:100%;
}

.graphControlGroupOut{
	display:flex;
	width:100%;
	margin-top:5px;
}
.blockHiderOut{
	width:19%;
	margin-right:1%;
}

.graphControlGroup{
	width:80%;
	/*border:1px solid #ccc;*/
	background: #ececec;
	padding:3px;
	box-sizing:border-box;
	position:relative;
}


.hidersAssistButtons{
	border:1px solid #f00;
	display:none;
}


.hidersAssistButtons.remove,
.hidersAssistButtons.add{
	border:1px solid #ccc;
	display:block;
	padding:4px;
	background:#f9f9f9;
	margin-top:3px;
	width:100%;
	box-sizing:border-box;
}


.graphControl.hiddenByHelper,
.graphControl.hiddenBySearch,
.hidersAssistButtons.remove .graphControl.disabled,
.hidersAssistButtons.add .graphControl:not(.disabled){
	display:none;
}

.hidersAssistButtons.remove{
	position: absolute;
	background: #fff;
	z-index: 1;
	top: 100%;
	left: 0px;
	top: calc(100% - 30px);
}

.hidersAssistButtons.remove.noaddbut{
	top: 100%;
}


.hidersAssistButtons.add{
	position: absolute;
	background: #fff;
	z-index: 1;
	top: 100%;
	left: 0px;
}


.graphControl,
.hidersAssistAdd,
.hidersAssistRemove,
.hidersAssistRemoveEnt{
	display:inline-block;
	margin:1px;
	padding:3px 12px;
	border:1px solid #ccc;
	cursor:pointer;
	position:relative;
	border-radius:5px;
	background:#fff;
}

.hidersAssistAllNone,
.hidersAssistAdd,
.hidersAssistRemove{
	padding:3px 8px;
}


.hidersAssistRemove{
/*	background: #9f9f9f;
	background: #ffffff url("../img/app/ojoBlackNo.png?val=2018") no-repeat right 2px center;
	padding-right:24px;
	color: #383838;*/
	/*color: #fff;
	-webkit-text-stroke: 1px rgba(255,255,255,0.1);*/
	padding: 3px 12px;
}

.hidersAssistAdd{
	background: #c8c8c8;
/*	background: #c8c8c8 url("../img/app/ojoWhite.png?val=2018") no-repeat right 2px center;*/
	/*padding-right:24px;*/
	color: #383838;
	/*-webkit-text-stroke: 0px rgba(0,0,0,0.1);*/


	/*
	display:block;*/
	
}

.hiderAssistAddSeparator{
	display:block;
	width:100%;
	height:2px;
	/*background:#f00;*/
}

.hidersAssistRemove.using,
.hidersAssistAdd.using{
	opacity:0.5;
}


.hidersAssistRemove:before,
.graphControl:before,
.graphControl.disabled:before,
.hidersAssistButtons.add .graphControl:before,
.hidersAssistButtons.remove .graphControl:before,
.hidersAssistRemoveEnt:before{
	content:"x";
	position:absolute;
	right:3px;
	top:-1px;
	font-size:90%;
	font-family: 'Light',Arial,sans-serif;
	color:#ccc;
}

.graphControl.disabled:before,
.hidersAssistButtons.add .graphControl:before{
	content:"+";
}

.graphControl.stack:before,
.graphControl.disabled.stack:before{
	display:none;
}

.graphControl.stack,
.blockHiderIn{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.graphControl.stack{
	display:block;
	margin:0px;
}

.hidersAssistAllNone{
	color:#383838;
	display:block;
}


.hidersAssistButtonsSearch{
	padding:3px 0px 5px;
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
}

.hidersAssistButtonsSearcher{
	background:#fff;
	box-sizing: border-box;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid #aaa;
}


.hidersAssistButtonsSearch{
	display:flex;
	width:100%;
	align-items:center;
}


.hidersAssistButtonsSearch label{
	flex-grow: 0;
	padding-right:8px;
	padding-left:4px;
}

.hidersAssistButtonsSearch input{
	flex-grow: 1;
}

.hidersAssistButtonsSearch .clearsearch{
	flex-grow: 0;
	padding-left:6px;
}

.hidersAssistButtonsSearch .clearsearchIn{
	cursor:pointer;
	padding: 2px 8px 2px 17px;
	border: 1px solid #ccc;
	cursor: pointer;
	position: relative;
	border-radius: 5px;
	background: #fff;
	font-family: 'Light',Arial,sans-serif;
	background: transparent url("../img/app/clear.png?val=2018") no-repeat center left 2px;
	background-size:15px 15px;
}


.hidersAssistButtonsSearch .closeHelp{
	flex-grow: 0;
	padding-left:6px;
}

.hidersAssistButtonsSearch .closeHelpIn{
	display:block;
	width:18px;
	height:18px;
	background:#f00;
	cursor:pointer;
	background: transparent url("../img/app/removeSearch.png?val=2018") no-repeat center center;
	background-size:13px 13px;
}

.hidersAssistButtonsList{
	max-height:300px;
	overflow:hidden;
	overflow-y:scroll;
}



.reportHelper{
	display:inline-block;
	margin-left: 10px;
	z-index: 50;
	position:relative;
	vertical-align: top;
}
.reportHelpButton{
	display:inline-block;
	width:25px;
	height:25px;
	background: transparent url("../img/app/reportHelp.png?val=12052021") no-repeat center center;
	background-size:20px 20px;
	vertical-align: middle;
}




/* reports widget */

#reportWidgetBg{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	background:rgba(0,0,0,0.8);
	z-index: 65;

	-webkit-transition: background 400ms ease-in;
	-moz-transition: background 400ms ease-in;
	-o-transition: background 400ms ease-in;
	-ms-transition: background 400ms ease-in;
	transition: background 400ms ease-in;
}

#reportWidgetBg.transparente{
	background:rgba(0,0,0,0.0);
}


#reportWidgetArea{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:20px;
	box-sizing: border-box;


	display: flex;
	align-items: center;
	align-items: safe center;
}

#reportWidgetDiv{
	position:relative;
	width:100%;
	height:100%;
	max-width:700px;
	max-height:700px;
	background: #fff;
	margin: auto;
	border-radius: 6px;
}

#reportWidgetDiv.shadow{
	-webkit-box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.63); 
	box-shadow: 5px 5px 15px -3px rgba(0,0,0,0.63);
}


#reportWidgetDiv.parpadeo{
	-webkit-animation: flash linear 0.3s infinite;
	animation: flash linear 0.3s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}


#reportWidgetContent{
	/*position:relative;*/
	width:100%;
	height:100%;

	overflow-y:auto;
	display: flex;
	align-items: center;
	align-items: safe center;
}

#widgetContenido{
	width:100%;
	margin: auto;
}

#widgetContenidoIn{
	text-align:center;
	padding:10px;
	width:100%;
	box-sizing:border-box;
}

#widgetContenidoInText{
	padding:20px 0px;
}

#reportWidgetClose{
	width:27px;
	height:26px;
	position:absolute;
	top:-10px;
	right:-10px;
	cursor:pointer;
	display:block;
	background: #fff url("../img/btn_no_white.png?val=2018") no-repeat center center;
	border:1px solid #ccc;
	border-radius: 14px;
	-webkit-box-shadow: -3px 3px 4px -3px rgba(0,0,0,0.23);
	box-shadow: -3px 3px 4px -3px rgba(0,0,0,0.23);
}


.widgetAction{
	border-bottom:1px solid #ccc;
	padding:8px 8px 6px 8px;
	cursor:pointer;
}

.widgetActionChildsOpener{
	padding:8px 8px 6px 8px;
	cursor:pointer;
	display:block;
}

.widgetActionChildsOpener.with_icon,
.widgetAction.with_icon{
	padding:8px 8px 6px 27px;
	background: #fff url("../img/app/estadistica/type_fechas.png?val=2018") no-repeat center left;
	background-size:21px;
}

.widgetAction.with_icon.repre{
	background-image:url("../img/app/estadistica/type_repre.png?val=2018");
}

.widgetAction.with_icon.client{
	background-image:url("../img/app/estadistica/type_client.png?val=2018");
}

.widgetAction.with_icon.season{
	background-image:url("../img/app/estadistica/type_season.png?val=2018");
}

.widgetAction.with_icon.company{
	background-image:url("../img/app/estadistica/type_company.png?val=2018");
}

.widgetAction.with_icon.nodatesegment{
	background-image:url("../img/app/estadistica/segment_no.png?val=2018");
}

.widgetAction.with_icon.yearsegment{
	background-image:url("../img/app/estadistica/segment_year.png?val=2018");
}

.widgetAction.with_icon.monthsegment{
	background-image:url("../img/app/estadistica/segment_month.png?val=2018");
}

.widgetAction.with_icon.yearmonthsegment{
	background-image:url("../img/app/estadistica/segment_yearmonth.png?val=2018");
}



.widgetAction.with_icon.euro{
	background-image:url("../img/app/estadistica/currency_eur.png?val=2018");
}

.widgetAction.with_icon.dolar{
	background-image:url("../img/app/estadistica/currency_dol.png?val=2018");
}

.widgetAction.with_icon.libra{
	background-image:url("../img/app/estadistica/currency_lib.png?val=2018");
}

.widgetAction.with_icon.all_currency{
	background-image:url("../img/app/estadistica/currency_all.png?val=2018");
}


.widgetAction.with_icon.seetable{
	background-image:url("../img/app/estadistica/present_table.png?val=2018");
}
.widgetAction.with_icon.seecharts{
	background-image:url("../img/app/estadistica/present_chart.png?val=2018");
}


.widgetActionChildsOpener.with_icon.filter_si{
	background-image:url("../img/app/estadistica/filter_si.png?val=2018");
}
.widgetAction.with_icon.filter_no{
	background-image:url("../img/app/estadistica/filter_no.png?val=2018");
}



.widgetAction.with_icon.money{
	background-image:url("../img/app/estadistica/money.png?val=2018");
}
.widgetAction.with_icon.commision{
	background-image:url("../img/app/estadistica/commision.png?val=2018");
}
.widgetAction.with_icon.count{
	background-image:url("../img/app/estadistica/count.png?val=2018");
}
.widgetAction.with_icon.shoes{
	background-image:url("../img/app/estadistica/shoes.png?val=2018");
}




.widgetAction:last-child{
	border-bottom:0px solid #ccc;
}

.widgetAction.oculta{
	display:none;
}	

.reportWidgetPage ul{
	padding-top:20px;
	display: inline-block;
	list-style-type:none;
	text-align:left;
}

.widgetPrevPage{
	cursor:pointer;
}


.widgetActionChildsDiv.oculta{
	display:none;
}

.widgetActionChildsDiv{
	padding: 10px;
	border: 1px solid #dddada;
}


#selectedWidget.ccount_0 .waction_todas,
#selectedWidget.ccount_1 .waction_todas{
	display:none;
}


#widgetActionChildsDivTit{
	text-align:center;
}

.periodsegmentInputWidget{
	box-sizing: border-box;
	padding: 3px 6px;
	border-radius: 3px;
	border: 1px solid #aaa;
	width: auto;
	vertical-align: middle;
	display: inline-block;
	max-width: 55px;
	text-align: center;
}
.periodsegmentLabel{
	vertical-align: middle;
	display: inline-block;
	margin-right:3px;
}

.widgetTimePeriod{
  border-bottom: 1px solid #ccc;
  padding: 8px 8px 6px 8px;
}

.widgetTimePeriod,
.timeperiodselector .widgetAction{
	padding-left:15px;
	background: transparent url("../img/app/estadistica/topoA.png?val=12052021") no-repeat center left 2px;
	background-size: 10px;
}


.timeperiodselector ul{
	padding-top:10px;
}

#selectedWidgetDiv{
	text-align:center;
	text-align: left;
	font-size: 90%;
}	

#selectedWidgetDiv.oculta{

}

#selectedWidget{
	list-style-type:none;
	display:inline-block;
}

#selectedWidget li{
	padding:1px 5px;
	/*border-bottom:1px solid #ececec;*/
}

#selectedWidget li:last-child{
	border-bottom:0px solid #ccc;
}

#selectedWidget li .titulo{
	background: transparent url("../img/btn_yes.png?val=12052021") no-repeat center left;
	background-size:10px;
	padding-left: 13px;
}

/* boton enviar fechas */
.widgetTimePeriod .widgetAction{
	background: transparent;
	padding:2px 10px;
	border:1px solid #ccc;
	display: inline-block;
	vertical-align: middle;
	border-radius: 6px;
	margin-left: 3px;
}

.waitingForFiltering{
	display:inline-block;
	width:30px;
	height:30px;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat center center;
	background-size:contain;

}

.waitingForFilteringOut{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
	align-items: center;
}



#widgetContenido{
	height:100%;
}

#widgetContenidoIn{
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.changeAutoLoadHelp{
	cursor:pointer;
	display:inline-block;
}

.changeAutoLoadHelp:hover{
	text-decoration:underline;
	
}

.changeAutoLoadHelp.selected{
	display:none;
}
	

.configShowAlwaysControl{
	display:inline-block;
}

#widgetConfigControl{
	text-align:right;
	font-size: 90%;
}

.changeAutoLoadHelp.noshow{
	padding-left:16px;
	background: transparent url("../img/btn_no_white.png?val=2018") no-repeat top 2px left;
	background-size:15px;
}


.changeAutoLoadHelp.sishow{
	padding-left:18px;
	background: transparent url("../img/btn_yes.png?val=2018") no-repeat top 3px left;
	background-size:15px;
	text-align: left;
}

.widgetPrevPage{
	display:inline-block;
	border:1px solid #ccc;
	padding:5px 14px 5px 24px;
	border-radius: 6px;
	background: transparent url("../img/fl_slider_left.png?val=2018") no-repeat center left 5px;
	background-size: 18px;
	margin-top:30px;
}

.wPageTit{
	font-size:150%;
}

.labelExtra.noRProductsAdvice{
	margin-top:5px;
	font-size: 78%;
}

.labelExtra.noRProductsAdvice ul{
	list-style-type:none;
	color:#b53232;
}

.labelExtra.noRProductsAdvice li{
	padding-left:8px;
	background: transparent url("../img/topoA_inactivo.png?val=2018") no-repeat center left;
	background-size: 8px auto;
	margin-top:2px;
}
/*
.noRProductsAdvice li:first-child{
	margin-top:0px;
}	
*/



.distGenderSelectorButton{
	display:inline-block;
	margin-left:10px;
	cursor:pointer;

	padding: 4px 13px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.distGenderSelectorButton:first-child{
	margin-left:0px;
}

.distGenderSelectorButton.used{
	color:#195633;
}


#contentProveedoresDistribucion .botones_form{
	margin-top:0px;
	padding:4px 0px;
}

#distributionInfo{
	margin-top:20px;
	margin-bottom:20px;
}

.wrapable{
	white-space: initial;
}


.order_distribution,
#order_distribution{
	width:100%;
	border-collapse:collapse;
}


.order_distribution td,
#order_distribution td{
	padding:3px;
	border:1px solid #ccc;
}

.order_distribution thead,
#order_distribution thead{
	background:#ffffff;
}

.order_distribution .header th,
#order_distribution .header th{
/*	background:#383838;
	color:#fff;*/
	background-color:transparent;
}

.order_distribution .header,
#order_distribution .header{
	background:#ffffff;
	position:sticky;
    top: 0px;
    z-index: 3;
}

.discountLine{
	display:inline-block;
	width:20px;
	height:20px;
	background:#f00;
	cursor:pointer;
	background: transparent url("../img/app/pedidos/no.png") no-repeat center center;
}

.discountLine.loading{
	opacity:0.5;
	cursor:initial;
}

.distributionAssignedLine.status_1 .discountLine{
	display:none;
}

.distributionAssignedLine.status_1{
	background:#e9bdbd;
}


.distributionAssignedLine.packstatus_1{
	background:#e6e9bd;
}

.distributionAssignedLine.packstatus_2{
	background:#c3e9bd;
}




/*


TABLESORTER


*/


.tablesorter-default .header, .tablesorter-default .tablesorter-header {
  /*  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
    background-position: center right;
    background-repeat: no-repeat;*/
	padding:3px;
	border:1px solid #ccc;
    cursor: pointer;
 /*   white-space: normal;
	padding-right:20px;*/
}

.tablesorter-default thead .headerSortUp, .tablesorter-default thead .tablesorter-headerAsc, .tablesorter-default thead .tablesorter-headerSortUp {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
    background-position: center right;
    background-repeat: no-repeat;
	padding-right:20px;
}

.tablesorter-default thead .headerSortDown, .tablesorter-default thead .tablesorter-headerDesc, .tablesorter-default thead .tablesorter-headerSortDown {
    background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
	background-position: center right;
    background-repeat: no-repeat;
	padding-right:20px;
}




#order_distribution .distributionAssignedLine.status_1 td{
	
	border:1px solid #fff;
}


.statusIcon{
	display:inline-block;
	position:relative;
	margin-left:3px;
}

.statusIcon:before{
	content:"";
	display:inline-block;
	position:relative;
	border:1px solid #00000022;
	width:10px;
	height:10px;
	vertical-align:middle;
}

/* activo */
.l_status_1:before{
	background:#9b7e0c;
}

/* cancelado */
.l_status_0:before{
	background:#ee1509;
}

/* servido */
.l_status_2:before{
	background:#050;
}

/* asignado */
.l_status_3:before{
	background:#0a427d;
}


.o_status_4:before{
	background:#383838;
}

.o_status_3:before,
.o_status_0:before{
	background:#ee1509;
}
.o_status_2:before,
.o_status_1:before{
	background:#050;
}	



.statusIconLabel{
	display:none;
}

.statusIcon:hover .statusIconLabel{
	display:inline-block;
	/*margin-left:2px;*/
	background:#fff;
	padding:4px;
	vertical-align:middle;
	position:absolute;
	top:0px;
	left:15px;
	z-index: 1000;
}

#showStatuses{
	color:#005500;
	text-decoration:underline;
	cursor:pointer;
}

#showStatuses.disabled{
	color:#383838;
	font-family: 'Light', Arial, sans-serif;
	cursor:initial;
	text-decoration:none;
}

#showStatuses.loading{
	cursor:initial;
	text-decoration:none;
	background-image: url("../img/lazy_loading.png?val=12052021");
	background-size:20px auto;
	background-repeat:no-repeat;
    padding-right: 25px;
    background-position: center right;
}


#resultadosProv{
	padding-top:20px;
}


	
/* terminal */

#terminalTopMenu{
	position: sticky;
	top: 0px;
	background:#fff;
	top: 20px;
	z-index: 1;
	padding-bottom: 10px;
}

#terminalPreTopMenu{
	position: fixed;
	top: 0px;
	background: #fff;
	height: 20px;
	width: 100%;
	z-index: 1;
}




.simscan{
	display:inline-block;
	border:1px solid #ccc;
	cursor:pointer;
	padding:3px 6px;
	position:relative;
	z-index:1;
}

#totalDiv,
#sim,
#dia,
#formTit,
#formField,
#questions{
	display:inline-block;
}

#sim{
	margin-right:10px;
}

#qrdata,
#date{
	box-sizing: border-box;
	padding: 6px 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #aaa;
	color: #333333;
	width:106px;
}

#formTit{
	margin-left:10px;
	margin-right:5px;
}

#questions{
	margin-left:10px;
	margin-right:10px;
}

#sim.oculto,
#downloadForm.oculto,
#uploadForm.oculto{
	display:none;
}

.deleteTerminal{
	display:inline-block;
	width:20px;
	height:20px;
	background: transparent url("../img/btn_no.png?val=12052021") no-repeat center center;
	cursor:pointer;
}




.itemTerminal{
	/*border-bottom:1px solid #ccc;*/
	
	padding:5px;
	text-align:left;
	line-height:120%;
	position:relative;
	/*max-width:300px;
	display:inline-block;*/
}

.itemTerminalIn{
	background:#fdfdfd;
	padding:10px;
	border: 1px solid #ececec;
}


.loadingTerminalCheck{
	margin-top:12px;
}

.terminal_modal_error{
	margin-top:5px;
	color:#c60e0e;
}


.terminal_modal_ok{
	margin-top:5px;
	color:#205f07;
}


#tickedElements{
	display:table;
	width:100%;
	border-collapse:collapse;
}

.itemTerminal{
	display:table-row;
	width:100%;
	/*border-bottom:1px solid #ccc;*/
}

.itemTerminal span.cell{
	display:table-cell;
	/*border-bottom:1px solid #ccc;*/
	padding:3px 5px;
	vertical-align: middle;
}

.itemTerminal:nth-child(odd) span.cell{
	background:#f4f4f4;
}
.itemTerminal.headers{
	position: sticky;
	top: 61px;
	background: #f9f9f9;
	height: 20px;
	width: 100%;
	z-index: 1;
	
}
.itemTerminal.headers .cell{
	padding: 5px 5px;
}

.terminalImage{
	max-width:50px;
	height:auto;
	display:block;
}

.itemTerminal .image{
	position:relative;
	height:43px;
	display:block;
}

.itemTerminal .sku{
	display:none;
}

.terminalImage:hover{
	max-width:400px;
	height:auto;
	position:absolute;
	z-index:100;
	top:0px;
	right:0px;
}

.loadingTerminalCheckOut{
	display:block;
	width:100%;
	text-align:center;
}


#matriculasForm .campos_form {
    padding-top: 0px;
}

#matInfoTable{
	border-collapse:collapse;
}

#matInfoTable tr.head td{
	background:#cfcfcf;
	border:1px solid #fff;
}

#matInfoTable td{
	padding:5px;
	border:1px solid #ccc;
}

/* albaranes */

.action_btn.withicon .buttonIcon{
	display:inline-block;
	width:36px;
	height:36px;
	background: transparent url("../img/app/duplicateEntity.png?val=12052021") no-repeat center center;
	vertical-align:middle;
	background-size:36px 36px;
}


.action_btn.withicon.opentracking .buttonIcon{
	display:inline-block;
	width:50px;
	height:36px;
	background: #fff url("../img/app/opentracking.png?val=12052021") no-repeat center center;
	vertical-align:middle;
	background-size:36px 36px;
}

#entities_list ul.tablesupport .action_btn.withicon.opentracking .buttonIcon{
    width: 50px;
    height: 18px;
}

.action_btn.withicon.update .buttonIcon{
	background-image:url("../img/app/seasons/update.png?val=12052021");
}

/*
#entities_list ul.tablesupport .action_btn.withicon .buttonIcon,
#entities_list ul.tablesupport .duplicate_btn.withicon .buttonIcon,
#entities_list ul.tablesupport .delete_btn.withicon .buttonIcon {
    display: inline-block;
    width: 18px;
    height: 18px;
	background-size:contain;
}*/

#accumBody{
	padding:10px;
	border:1px solid #ccc;
}

#accumView{
	margin-bottom:20px;
}

#tablaAccum{
	display:table;
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
}

.tablaAccumRow{
	display:table-row;
}


.tablaAccumCell{
	display:table-cell;
	border:1px solid #ccc;
	padding:5px;
	vertical-align:middle;
}

.tablaAccumCell .expl{
	display:block;
	font-size:70%;
}

.tablaAccumCell .downPFD{
	margin-left:0px;
}	


.tablaAccumRow:nth-child(odd) .tablaAccumCell{
	background:#f4f4f4;
}

.tablaAccumRow.header .tablaAccumCell{
	background: #5b5b5b;
	color:#fff;
}

.tablaAccumRow.header .tablaAccumCell:first-child{
	background: #fff;
}



/* purchaser table */

.purchaserTable{
	display:inline-table;
	border-collapse:collapse;
	margin:5px;
}


.purchaserTable td{
	padding:5px;
	border:1px solid #ccc;
}

.purchaserTableCompany{
	background:#333;
	color:#fff;
}	

.purchaserTableOrder{
	background:#ccc;
}



/* odoo */

.controlLinesBtn{
	display:inline-block;
	padding:4px 8px;
	border:1px solid #ccc;
	margin-left:5px;
	cursor:pointer;
}

.controlLinesBtn.selected{
	background:#666;
	color:#fff;
}

.controlLinesBtn:first-child{
	margin-left:0px;
}

.odooResultTable{
	margin-top:5px;
	margin-bottom:20px;
	width:100%;
	/*table-layout: fixed;*/
	border-collapse:collapse;
}

.addEansListTable td,
.dnoteToSendTable td,
.odooResultTable td{
	border:1px solid #cccccc;
	border-top:0px solid #cccccc;
	padding:5px 10px;
}

.addEansListTable tr.headers td,
.dnoteToSendTable tr.headers td,
.odooResultTable tr.thead td{
	background-color: #666;
	color:#FFF;
}

.odooResultTable tr.thead td.noBG{
	background-color: #F9F9F9;
	color:#FFF;
	border:0px solid #cccccc;
}

.odooResultTable tr.child{
	display:none;
}

.odooResultTable tr.child.visible{
	display:table-row;
}

.sendOdooStock{
	cursor: pointer;
    padding: 7px 30px 7px 20px;
    background: transparent url("../img/flSend.png") no-repeat center right 10px;
	box-shadow: 2px 2px 4px 0px rgba(50, 50, 50, 0.25);
	display:inline-block;
}

.sending{
	background-image: url("../img/lazy_loading.png?val=12052021");
	background-size:20px auto;
	padding-right: 40px;
}

.addEansListTable,
.dnoteToSendTable{
	width:100%;
	border-collapse:collapse;
}

#dnoteToSendTableDiv{
	max-height:400px;
	max-height: 40vh;
	overflow-y:scroll;
	padding-right: 5px;
	margin-top:15px;
	margin-bottom:5px;
}


.addEansListTable tr.headers,
.dnoteToSendTable tr.headers{
    position: sticky;
    top: 0px;
}

.linkDnoteToOdoo{
	text-decoration:underline;
}	


.cancelDnoteToOdoo,
.acceptDnoteToOdoo{
	display:inline-block;
	cursor:pointer;
	width:20px;
	height:20px;
	margin:6px 2px 8px 2px;
	background: transparent url("../img/btn_yes.png") no-repeat center top 2px;
	background-size:contain;
	vertical-align:middle;
}

.cancelDnoteToOdoo{
	background-image: url("../img/btn_no.png");
	background-position:center center;
}


.odooStockSection{
	position:relative;
	display:inline-block;
	padding:5px;
	box-sizing:border-box;
	width:33.3%;
	padding-top:33%;
	height:100%;
}

.odooStockSection .tab{
	position:absolute;
	top:0px;
	left:0px;
	padding:5px;
	width:100%;
	height:100%;
	box-sizing:border-box;
	display:table;
}


.odooStockSection .cell{
	width:100%;
	height:100%;
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	border:1px solid #ccc;
	padding: 15px;
}

.odooStockSectionText.oculto{
	display:none;
	margin-top:0px;
}

.odooStockSectionTit{
    font-size: 150%;
    letter-spacing: 0.04em;
	text-align:center;
	cursor:pointer;
}

.odooStockSectionText{
	padding:15px;
	/*max-width:300px;*/
	margin:0px auto;
	border:1px solid #ccc;
	margin-top:10px;
}
.sendOdooStockForm{
	margin-top: 7px;
    text-align: right;
}

.odooStockSectionForm{
	margin-top:10px;
}

.odooStockXplain{
	text-align:center;
	border-bottom:1px solid #ccc;
	padding-bottom: 15px;
}

.odooStockSectionText .fila.ean{
	width:50%;
	display:inline-block;
	margin-top: 0px;
}

.odooStockSectionText .fila.qty{
	width:20%;
	margin-left:5%;
	display:inline-block;
	margin-top: 0px;
}


#addEanToUpdateList,
#addEanToList{
	width:20%;
	margin-left:5%;
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #ccc;
	text-align:center;
	cursor:pointer;
	padding:4px;
	margin-top: 0px;

	background: transparent url("../img/app/add.png") no-repeat center center;
	background-size:12px auto;
}


#updateEansList,
#addEansList{
	max-height:400px;
	max-height: 40vh;
	overflow-y:scroll;
	padding-right: 5px;
	padding-left: 5px;
	margin-top:15px;
	margin-bottom:15px;

}

.addEansListOut{
	margin-top:15px;
	border-top:1px solid #ccc;
}

.addEansListOut.fromexcel{
	margin-top:5px;
	border-top:0px solid #ccc;
}


.sendOdooStockForm.justified{
    text-align: justify;
}

.sendOdooStockForm.centered{
    text-align: center;
}

.excelButtonOdooStock{
   display: inline-block;
    box-sizing: border-box;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    padding: 6px 40px 6px 10px;
    background: transparent url(../img/app/export.png) no-repeat center right 4px;
    background-size: 30px auto;
}

.excelAddButDiv{
	margin-bottom:-15px;
    z-index: 2;
    position: relative;
    padding-bottom: 10px;
}


#selectedUpdateFile,
#selectedAddFile{
	display:none;
}


#updateFromExcel.blocked,
#addFromExcel.blocked{
	opacity:0.3;
}


#updateFromExcel.loading,
#addFromExcel.loading{
	background-image: url("../img/lazy_loading.png?val=12052021");
	background-size:20px auto;
}

.a_mano{
   display: inline-block;
    box-sizing: border-box;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    padding: 6px 10px 6px 10px;
	float:left;
}

.typeodooeansinsert{
	margin-top: 7px;
    text-align: right;
}


.odooStockSectionFormRestart{
	margin-top:10px;
	text-align:center;
	padding:4px 10px;
	border:1px solid #ccc;
	cursor:pointer;
}


.a_mano.oculto,
.odooStockSectionFormRestart.oculto,
.typeodooeansinsert.oculto,
.excelAddButDiv.oculto,
.sendOdooStockForm.oculto,
.addEansListOut.oculto,
.manualForm.oculto{
	display:none;
}

.manualForm{
	clear:both;
}

.xmlStockOdooTemplate{
   display: inline-block;
    box-sizing: border-box;
    /*border: 1px solid #ccc;*/
	margin-top:5px;
	margin-bottom:-6px;
    text-align: center;
    cursor: pointer;
    padding: 6px 40px 6px 10px;
    background: transparent url(../img/app/export.png) no-repeat center right 4px;
    background-size: 30px auto;
}


.xmlStockOdooTemplateNotice{
	font-size:80%;
	font-style:italic;
	color:#f00;
}

.regStockForm{
	text-align:left;
	display:block;
}

#linesResults tr.oculto{
	display:none;
}

#odooStoreSelect{
	max-width:400;
}


/* magento app */

.controllerFileButton{
	display:inline-block;
	cursor:pointer;
	width:30px;
	height:30px;
    background: transparent url(../img/app/export.png) no-repeat center right 4px;
    background-size: 30px auto;
}

.controllerFileButton.csv{
	background-image:url(../img/app/exportCSV.png);
}

.controllerFileButton.blocked{
	opacity:0.5;
}


.controllerFileButton.loading{
	background-image: url("../img/lazy_loading.png?val=12052021");
	background-size:20px auto;
}

.botones_form_div.oculto{
	display:none;
}

.controllerFile{
	display:none;
}


#mageworkForm .campos_form,
#addmageworkForm .campos_form{
	padding-top:0px;
}

#mageworkForm .legend_form,
#addmageworkForm .legend_form,
#mageworkForm .campos_form .label,
#mageworkForm .campos_form .inpt,
#addmageworkForm .campos_form .label,
#addmageworkForm .campos_form .inpt{
	opacity:0.5 !important;
	display:none;
}

#contentMageWorks .botones_form_div{
	display:none;
}

.controllerForm{
	display:inline-block;
	width:50%;
	border:1px solid #ccc;
	padding:40px;
	text-align:center;
	box-sizing:border-box;
	cursor:pointer;
	/* sin casilleros */
	width:100%;
}

.controllerForm span{
	vertical-align:middle;
}

.controllerForm.activo{
	background:#286709;
	color:#fff;
	-webkit-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.75);
	box-shadow: inset 0px 0px 25px 0px rgba(0,0,0,0.75);
}

#formMageWorkControllerInfo{
	padding-bottom:10px;
}


#mageWorkMats{
	display:table;
	border-collapse:collapse;
	margin-top:20px;
}

#mageWorkShips{
	display:table;
	table-layout:fixed;
	border-collapse:collapse;
	width:100%;
}


#mageWorkMats td,
#mageWorkShips td{
	border:1px solid #ccc;
	padding:3px;
}

#mageWorkShips .fakeRow td{
	padding:5px;
}

#mageWorkMats tr.head td,
#mageWorkShips tr.head td{
	background:#333;
	color:#fff;
}

#mageWorkShips tr.ready td{
	background: #e3ffbf;
}

#mageWorkShips tr.rupt td{
	background: #ffe2e2;
}

#mageWorkShips tr.canc td{
	background: #e3e3e3;
}

#mageWorkShips tr.some td{
	background: #ffe2b4;
}

#mageWorkShips td.hist{
	position:relative;
}

.theHist{
	height:20px;
	overflow:hidden;
	display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.theComs{
	overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	display: block;
}

#mageWorkShips td.hist:hover .theHist{
	height:auto;
	position:absolute;

	top:0px;
	left:0px;
	width: 100%;
    background: #fff;
	border:1px solid #000;
	padding:3px;
	box-sizing:border-box;
	white-space: initial;
	z-index:1;
}

#mageWorkShips td.com,
#mageWorkShips td.skus{
	overflow:hidden;
	white-space: nowrap;
	position:relative;
	
}


#mageWorkShips td.skus{
	width:100px;
	text-align:right;
}


#mageWorkShips td.com:hover,
#mageWorkShips td.skus:hover{
	overflow:visible;
}


#mageWorkShips td.skus:hover .theSkus{
	position:absolute;
	top:0px;
	right:0px;
	width: calc(100vw - 250px);
    background: #fff;
	border:1px solid #000;
	padding:3px;
	white-space: initial;
	z-index:1;
}


#mageWorkShips td.com:hover .theComs{
	position:absolute;
	top:0px;
	left:0px;
	width: 100%;
    background: #fff;
	border:1px solid #000;
	padding:3px;
	box-sizing:border-box;
	white-space: initial;
	z-index:1;
}

#mageWorkShips td.envio{
	width:150px;
}


#mageWorkShips td.ref{
	width:125px;
}

#mageWorkShips td.ref.shipped{
	background:#47ad09;
	color:#fff;
}

#mageWorkShips td.rupt,
#mageWorkShips td.prep,
#mageWorkShips td.uds{
	width:32px;
}


.ruptSpan{
	color:#f00;
	    font-family: 'Bold', Helvetica, sans-serif;
}
/*
#mageWorkShips td.com{
	overflow:hidden;
	white-space: nowrap;
	position:relative;
	text-align:right;
}

#mageWorkShips td.com:hover{
	overflow:visible;
}
*/

#formMageWorkCasilleroTable,
#formMageWorkControllerTable{
	display:table;
	width:100%;
	border-collapse:collapse;
	box-sizing:border-box;
}


#formMageWorkCasilleroTable .tr,
#formMageWorkControllerTable .tr{
	display:table-row;
}



#formMageWorkCasilleroTable .td,
#formMageWorkControllerTable .td{
	display:table-cell;
	padding:3px;
	border:1px solid #ccc;
	position:relative;
}

#formMageWorkCasilleroTable .tr.head .td,
#formMageWorkControllerTable .tr.head .td{
	background:#333;
	color:#fff;
}

#formMageWorkControllerTable .deleteItem{
	display:inline-block;
	width:18px;
	height:18px;
	background: transparent url("../img/app/pedidos/close.png?val=12052021") no-repeat center center;
	background-size:contain;
	cursor:pointer;
}


#formMageWorkControllerTable .okMageChange{
	display:inline-block;
	width:22px;
	height:25px;
	background: #fff url("../img/app/pedidos/yes.png?val=12052021") no-repeat center center;
    background-size: 18px auto;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 25px;
}


#formMageWorkControllerTable .koMageChange{
	display:inline-block;
	width:22px;
	height:25px;
	background: #fff url("../img/app/pedidos/no.png?val=12052021") no-repeat center center;
    background-size: 18px auto;
    cursor: pointer;
    position: absolute;
    top: 2px;
    right: 5px;
}


#formMageWorkControllerTable.oculta,
#formMageWorkCasilleroTable.oculta{
	display:none;
}

#mageWorkTables{
	display:block;
	margin-top:10px;
	max-height: 380px;
	overflow-y:auto;
}

.rowOpener{
	cursor:pointer;
	border:1px solid #ccc;
	background:#fff;
	padding:0px 5px;
	margin-right:4px;
}


.mageDeepInfo{
	width:49.5%;
	margin-right:0.5%;
	display:inline-block;
	list-style-type:none;
	font-size:90%;
	vertical-align:top;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.mageDeepInfo.hist{
	margin-left:0.5%;
	margin-right:0%;
}

.mageDeepInfo li{
	padding:5px;
	border-bottom:1px solid #ccc;
}


.mageDeepInfo li:last-child{
	border-bottom:0px solid #ccc;
}

.mageDeepInfo li.cancelada{
	background: #e3e3e3;
}

.mageDeepInfo li.rupt{
	background: #ffe2e266;
}

.mageDeepInfo li.prep{
	background: #e3ffbf66;
}


.fds_req_info_cont{
	display:none;
}

.fds_req_info{
	position:relative;
}

.fds_req_info:hover{
	z-index:100;
}

.fds_req_info:hover .fds_req_info_cont{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	background:#fff;
	padding:20px;
	border:2px solid #ccc;
	z-index:100;
	width:380px;
}

.addSolution,
.addHist{
	cursor:pointer;
	display:inline-block;
	border:1px solid #ccc;
	padding:2px 5px;
}

#histCom{
	display:block;
	width:100%;
	min-height:100px;
	border:1px solid #ccc;
	padding:4px 10px;
	box-sizing:border-box;
	min-width: 400px;
}

#sendNewHistCom{
	cursor:pointer;
	display:inline-block;
	border:1px solid #ccc;
	padding:2px 5px;
}

#sendNewHistCom.disabled{
	cursor:initial;
	opacity:0.5;
}	

#sendNewHistCom.loading{
	cursor:initial;
	background: transparent url("../img/lazy_loading.png?val=12052021") no-repeat right 4px center;
    background-size: 15px auto;
    padding-right: 23px;
    opacity: 0.75;
}