@charset "utf-8";


/* aviso legal */

@media screen and (max-width:870px){

	#contentError {
		padding: 0px 0px 25px 0px;
		padding-top:60px;
	}

	#contentErrorIn{
		padding:40px 40px 0px 40px;
	}

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

	#titularError {
		font-size: 250%;
	}
}

@media screen and (max-width:700px){
	#avisoTxt{
		-webkit-column-count: 1; /* Chrome, Safari, Opera */
		-moz-column-count: 1; /* Firefox */
		column-count: 1;

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

	}

	#avisoTxt table {
		overflow-x: auto;
		display: block;

	 /* These are technically the same, but use both */
	  overflow-wrap: initial;
	  word-wrap: initial;

	  -ms-word-break: initial;
	  /* This is the dangerous one in WebKit, as it breaks things wherever */
	  word-break: initial;
	  /* Instead use this non-standard one: */
	  word-break: initial;

	  /* Adds a hyphen where the word breaks, if supported (No Blink) */
	  -ms-hyphens: initial;
	  -moz-hyphens: initial;
	  -webkit-hyphens: initial;
	  hyphens: initial;
	}

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

@media screen and (max-width:460px){
	#contentErrorIn{
		padding:0px 20px 0px 20px;
	}

	#titularError {
		font-size: 200%;
	}
	
	#orderMenu{
		font-size: 80%;
	}

	#orderBody{
		padding-top: 46px;
	}

	#orderData,
	#toBorrador,
	#formalizarOpen,
	#addLinesToOrder {
		min-height: 31px;
	}
}

/* general */

@media screen and (min-width:2000px){
	.centradorBig{
		text-align: center;
		max-width: 2200px;
	}
}

@media screen and (max-width:600px){

	.paddinger{
		padding:40px 20px;
	}

	.paddinger.contacto{
		padding:20px;
	}

	.slider_topos.absolute {
		padding-right: 5px;
	}
}

@media screen and (max-width:460px){
	.entity_dato {
		white-space: initial;
	}

}

/* home */



/* app */


@media screen and (max-width:1200px){
	#filtersOrders{
		width: 25%;
	}

	.noSpare #filtersFilters {
		width: 75%;
	}


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

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

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

	.filter:nth-child(3),
	.filter:nth-child(6),
	.filter:nth-child(9),
	.filter:last-child{
		border-right:0px solid #ccc;
	}	

}

@media screen and (max-width:1100px){

	#menuHome li.level_0{
		width:33%;
		padding-top:33%;
	}
}


@media screen and (max-width:850px){
/*	#filters{
		top:60px;
		right:0px;
		width:100%;
	}*/

	#headerLogOutUser {
		padding-bottom: 20px;
		margin-bottom:20px;

		border-bottom:1px solid #ccc;

		padding-top: 10px;
		margin-top:5px;
		/*border-top:1px solid #ccc;*/
	}

	#filtersOutOut.js{
		top:40px;
		width:100%; /* por el padding */
	}

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

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

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

	.filter:nth-child(3),
	.filter:nth-child(6),
	.filter:nth-child(9){
		border-right:1px solid #ccc;
	}	

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

	body.blanco #filters {
		padding-top: 0px;
	}

	body.logged #cabecera{
		background:#fff;
		z-index: 65;
	}

/*
	#ordersForm .botones_form_div{
		left:20px;
		width:calc(100% - 20px);
	}
*/
}

@media screen and (max-width:850px) and (max-height:600px){
/*	#filters{
		top:auto;
		right:auto;
		position:relative;
	}


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

@media screen and (max-width:750px){
	#menuHome .secParentLabel,
	#menuHome li a {
		font-size: 110%;
	}
	#menuHome .level_0 ul{
		font-size:75%;
	}
}

@media screen and (max-width:560px){
	#filtersOrders{
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
	}

	.noSpare #filtersFilters {
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		margin-top:7px;
	}



	#filtersButtons{
		padding-right:0px;
	}


	/*.filtersOrderElement:last-child{
		margin-bottom:15px;
	}*/

	.filterClassTit{
		cursor:pointer;
	}

	.filOuterBlockOpener{
		display:inline-block;
		width:10px;
		height:10px;
		background: transparent url("../img/flDown.png") no-repeat center center;
		margin-left:5px;
	}

	.filterClassTit.opened .filOuterBlockOpener{
		background-image:url("../img/flUp.png");
	}

	.filterClassCont{
		display:none;
	}

	.filterClassCont.opened{
		display:block;
	}


	.filtersOrderElementSentido,
	.filtersOrderElementRemove{
		width: 31px;
	}

	#menuHome li.level_0{
		width:50%;
		padding-top:50%;
	}
}

@media screen and (max-width:440px){
	body.logged #contenido {
		padding: 85px 15px 15px;
		min-width:290px; /* por el padding */
	}

	#menuHome li a {
		font-size: 100%;
	}
/*

	.filter {
	  flex-grow: 1; 
	  width: 100%;

	}

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

	.filter:nth-child(1),
	.filter:nth-child(3),
	.filter:nth-child(5),
	.filter:nth-child(7),
	.filter:nth-child(9),
	.filter:nth-child(11){
		border-right:0px solid #ccc;
	}	

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

	.iframeInner {
		padding: 10px !important;
	}



	.iframeInnerCont.notVSized .overlayIframeClose{
		top: -8px;
		right: -8px;
	}

	.iframeOuter.related .overlayIframeClose{
		/*top: 6px;
		right: 20px;*/
		display:none;
	}

	#filters #removeFilters {
		padding: 4px 8px;
		font-weight: 600;
	}

	#used_filters {
		font-size: 75%;
		max-width: calc(100% - 100px);
	}

/*
	.iframeOuter.related .iframeInner{
		padding: 5px !important;
	}*/
/*
	.onIframe.related #contentPedidos #fakeRelatedClose,
	.onIframe.related #contentAlbaranes #fakeRelatedClose,
	.onIframe.related #contentFacturas #fakeRelatedClose{
		display: inline-block;
		position: fixed;
		top: 3px;
		right: 3px;
		z-index: 2;
	}	*/
}



/* lista pedidos */

@media screen and (max-width:1100px){
	#ordersStats{
		display:block;
		float:none;
	}
}

@media screen and (max-width:600px){
	.entity_list{
		padding:15px 0px;
		display:block;
	}

	.entity_text{
		display:block;
	}

	.entity_delete{
		display:block;
		padding-left:0px;
	}
}

/* vista de pedido */


@media screen and (min-width:527px){
/*
	#ordersForm.collapsed .labels{
		display:none;
	}

	#ordersForm.collapsed .orderLineSizes{
		font-size:80%;
	}

	#ordersForm.collapsed .orderLineData.price{
		display:none;
	}

	#ordersForm.collapsed .orderLineData input.qty {
		width: 25px;
		border: 0px solid #d0cccc;
	}

	#ordersForm.collapsed .orderLineData span {
		padding: 2px;
	}


	#ordersForm.collapsed .line_table{
		padding-top: 3px;
		width: 100%;
		padding-left: 0px;
		padding-right: 0px;
		flex-basis: 100%;
		text-align:right;
	}


	#ordersForm.collapsed .orderLine{
		flex-wrap: wrap;
		align-items: flex-start;
	}

	#ordersForm.collapsed .line_image {
		width: auto;
		flex-basis: 13%;
		padding-right:0px;
	}

	#ordersForm.collapsed .line_text{
		flex-basis: 85%;
		padding-right:0px;
		padding-left:2%;
		font-size:80%;
		position:relative;
		text-align:right;
	}

	#ordersForm.collapsed .linetotals + br,
	#ordersForm.collapsed .linetotals{
		display:none;
	}


	#ordersForm.collapsed .delete_btn{

		padding:3px 10px;
	}



	#formContainer.collapsed{
		display:inline-block;
		width:20%;
		padding-left:5%;
		vertical-align:top;
		height:100%;
		position:relative;
		
	}

	#formContainer.collapsed #formContainerIn{
		width:100%;
		height:100%;
		box-sizing:border-box;
		padding-right:15px;
		overflow-y:scroll;
	}


	#ordersForm.collapsed{
		text-align: right;
	}



	#ordersForm.collapsed .botones_form{
		text-align:right;
	}


	#ordersForm.collapsed .formAviso{
		text-align:right;
	}

*/
}






@media screen and (min-width:600px){
	#orderHeader .orderAddress{
		/*text-align: right;
		float: right;
		margin-top: -80px;*/
	}

	#formContainer.add #orderHeader .orderAddress{
/*		margin-top: -70px;*/
	}


}

@media screen and (max-width:1250px){
/*
	#formContainer.collapsed{
		width:30%;
		padding-left: 3%;
	}


	#catalogIframeContainer.visible {
		width: 67%;
	}*/
}

@media screen and (max-width:1200px){
	.orderLine{
		flex-wrap: wrap;
	}
	.line_table{
		padding-top:15px;
		width:100%;
	}
}

@media screen and (max-width:980px){
/*
	#formContainer.collapsed{
		width:40%;
		padding-left: 2%;
	}


	#catalogIframeContainer.visible {
		width: 58%;
	}
	*/
}

@media screen and (max-width:650px){
	.lineSeries{
		margin-top:10px;
	}

	#headerOrderProductView{
		padding-right: 100px;
	}

	#fakeClose{
		top:20px;
	}
}	


@media screen and (max-width:600px){
	#capaColoresCont.order .capaColorInfo{
		width:100%;
		padding-right:0px;
		min-width: 100%;
		max-width: 100%;
	}

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

	#capaColoresCont .capaColorImage{
		width:50%;
		display:inline-block;
		vertical-align:middle;
		padding-right:10%;
		box-sizing:border-box;
	}

	.tools{
		width:50%;
		display:inline-block;
		vertical-align:middle;
	}

	.sendtallasDiv,
	.addColorClientDataDiv{
		font-size:90%;
	}


	.pastetallas, .copytallas{
		padding: 7px 35px 7px 15px;
	}

	#capaColoresCont.order .capaColorInfo .addColorClientData{
		padding:7px 28px 7px 13px;
	}
}


@media screen and (max-width:526px){
	#orderBody{
		/*background:#0f0;*/
	}

/*
	#formContainer.collapsed{
		display:block;
		width:100%;
	}


	#catalogIframeContainer.visible {
		display:block;
		width:100%;
		height: 100vh;
	}
	*/


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


}



@media screen and (max-width:480px){
	.line_image {
		flex-grow: 0;
		width: 60%;
		box-sizing:border-box;
		max-width:60%;
		min-width:60%;
	}

	.line_image .modelName{
		width:172%;
		display:block;
		padding-bottom: 2px;
	}

	.line_text{
		width: 40%;
		min-width:0px;
		box-sizing:border-box;
		padding-top: 50px;
	}

	.lineSeries table,
	.lineSeries{
		width:100%;

	}

	.line_table{
		text-align:center;
	}

	.lineSeries,
	.line_table{
		padding-left:0px;
		padding-right:0px;
	}

	.sendtallasDiv,
	.addColorClientDataDiv{
		font-size:80%;
		
	}

	.pastetallas, .copytallas{
		padding: 5px 30px 5px 10px;
		background-position:center right 5px;
	}

	.line_editor{
		width:100%;
		padding:15px 10px 0px;
	}


	#capaColoresCont.order .capaColorInfo .addColorClientData{
		padding:5px 28px 5px 13px;
	}
}
 

 @media screen and (max-width:440px){
	.tools{
		font-size:80%;
	}

	.sendtallasDiv,
	.addSimpleSelector{
		text-align:center;
	}

	#ordersForm .botones_form_div {
		left: 15px;
	}
}

@media screen and (max-width:400px){
	#capaColoresCont .capaColorImage{
		width:35%;
		padding-right:5%;
		vertical-align:top;
	}

	.tools{
		width:60%;
	}

	

	#capaColoresCont.order .capaColor.opened .capaColorInfo .capaColorTit {
		padding-bottom: 25px;
	}
}

/* lista de productos */
@media screen and (max-width:1450px){
	.listaProductos .liproducto{
		width:16.6%;
	}
}

@media screen and (max-width:1050px){
	.listaProductos .liproducto{
		width:25%;
	}
}


@media screen and (max-width:850px){
/*	html.onIframe #contentProductos{
		padding-top:65px;
	}*/

	html.onIframe #filtersOutOut.js{
		top:0px;
	}

	html.onIframe .contListado.js{
		margin-top:0px;
	}
}

@media screen and (max-width:780px){
	.listaProductos .liproducto{
		width:33.3%;
	}
}

@media screen and (max-width:560px){
	.listaProductos .liproducto{
		width:50%;
	}

/*	html.onIframe #contentProductos{
		padding-top:25px;
	}*/
}



/* aņadiro productos pedido */

/*
@media screen and (max-width:800px){
	#capaColoresCont.order .capaColor{
		display:block;
	}

}*/

/* facturas */



@media screen and (max-width:640px){
/*	.invoiceTotalsCell,
	.invoiceTotalsRow,
	.invoiceTotalsTab{
		display:block;
	}
*/	
	.titInCell{
		display:inline-block;
		line-height:100%;
		padding-bottom:3px;
		text-transform:uppercase;
	}	

	.textInCell{
		display:block;
	}

	.invoiceTotalsTh{
		display:none;
	}

	/*.invoiceTotalsCell{
		display:inline-block;
		width:33.3%;
	}*/

	.invoiceTotalsTab{
		display:block;
	}

	.invoiceTotalsRow{
		display:flex;
		flex-flow: wrap;
	}

	.invoiceTotalsCell{
		display:initial;
		width:25%;
		flex-basis: 25%;

		align-self: stretch;
		display: flex;
		align-items: center;
	}


/*
	html.ID_34 .invoiceTotalsCell{
		width:50.00%;
		flex-basis: 50.00%;
	}
*/

	/*.invoiceTotalsTab.payments .invoiceTotalsRow{
		flex-flow: column;
	}*/

	.invoiceTotalsTab.payments .invoiceTotalsCell{
		flex-basis: 100%;
	}

	html.ID_24 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(5),
	html.ID_24 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(6),
	html.ID_24 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(7),
	html.ID_24 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(3),
	html.ID_24 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(2),
	html.ID_24 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(1),
	html.ID_24 .invoiceTotalsTab.payments.comission .invoiceTotalsCell:first-child{
		border-right:0px;
	}


	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(5),
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(6),
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(7),
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(3),
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(2),
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(1),
	html.ID_34 .invoiceTotalsTab.payments.comission .invoiceTotalsCell:first-child{
		border-right:0px;
	}

	html.ID_47 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(5),
	html.ID_47 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(6),
	html.ID_47 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(3),
	html.ID_47 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(2),
	html.ID_47 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(1),
	html.ID_47 .invoiceTotalsTab.payments.comission .invoiceTotalsCell:first-child{
		border-right:0px;
	}


/*
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(2),
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(1){
		border-bottom:0px;
	}

	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(3),
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(1){
		border-right:0px;
	}
*/


	html.ID_24 .invoiceTotalsTab.payments .invoiceTotalsCell.iban{
		flex-basis: 100%;
		border-top:0px;
	}

	html.ID_24 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(4),
	html.ID_24 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(3),
	html.ID_24 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(2),
	html.ID_24 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(1){
		border-bottom:0px;
	}


	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(4),
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(3),
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(2),
	html.ID_34 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(1){
		border-bottom:0px;
	}


	html.ID_47 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(3),
	html.ID_47 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(2),
	html.ID_47 .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(1){
		border-bottom:0px;
	}

	html.ID_34 #ordersForm .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(4),
	html.ID_34 #ordersForm .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(3),
	html.ID_34 #ordersForm .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(2),
	html.ID_34 #ordersForm .invoiceTotalsTab:not(.payments) .invoiceTotalsCell:nth-child(1){
		border-bottom:1px solid #ccc;
	}

	

	.line_text{
		font-size:95%;
	}
	.lineSeries,
	.lineTable{
		font-size:85%;
	}

	html.ID_24 .invoiceTotalsTab.payments.comission .invoiceTotalsCell:nth-child(1){
		flex-basis: 65%;
	}
	html.ID_24 .invoiceTotalsTab.payments.comission .invoiceTotalsCell:nth-child(2){
		flex-basis: 35%;
	}




}

@media screen and (max-width:480px){

	#listaOrderLines.invoice .line_table,
	.line_table_viewer{
		display:none;
	}

}

@media screen and (max-width:420px){
/*	.invoiceTotalsTab{
		font-size:90%;
	}*/

	#orderHeader,
	.orderTotal{
		font-size:90%;
	}

	.line_text{
		font-size:90%;
	}

	#invoiceTotals{
		font-size:93%;
	}

	.lineSeries,
	.lineTable{
		font-size:80%;
	}
	.titInCell{
		font-size:85%;
	}

	.textInCell{
		font-size:90%;
	}

}


/* vista producto */


@media screen and (max-width:600px){
	.pview .capaColor {
		width: 33%;
		box-sizing:border-box;
	}
	.pview #capaColoresCont .capaColorImage {
	  width: 100%;
	  display: block;
	  padding-right:0px;
	}


	.pViewGetStock,
	.pview .capaColorTit{
		font-size:90%;
	}
}

@media screen and (max-width:459px){
	.pview .capaColor {
		width: 50%;
		box-sizing:border-box;
	}
}

/* usuarios  */

@media screen and (max-width:600px){
	#adduserResourcesForm .formAviso,
	#userResourcesForm .formAviso,
	#adduserResourcesForm .botones_form_div,
	#adduserResourcesForm .fila:not(.FORMLABEL_BRANDS,.COMPANY_LABEL),
	#userResourcesForm .botones_form_div,
	#userResourcesForm .fila:not(.FORMLABEL_BRANDS,.COMPANY_LABEL){
		width: 100%;
	}

	#adduserResourcesForm .fila.COMPANY_LABEL,
	#userResourcesForm .fila.COMPANY_LABEL,
	#adduserResourcesForm .fila.FORMLABEL_BRANDS,
	#userResourcesForm .fila.FORMLABEL_BRANDS{
		position: relative;
		top: auto;
		right: auto;
		width: 100%;
	}


	#apiResources,
	#usersForm{
		width:100%;
		display:block;
		margin-left:0px;
	}

	#apiResources{
		margin-top:20px;
	}

}


@media screen and (max-width:460px){
	.iframeInnerCont.usuarios{
		max-width:none !important;
		max-height:none !important;
	}

	#apiResources {
		padding: 10px 7px;
	}

	#apiResources #addContacto {
		right: 7px;
	}
}


/* clientes */

@media screen and (max-width:600px){

	#clientsData,
	#clientsForm{
		width:100%;
		display:block;
		margin-left:0px;
	}

	#clientsData{
		margin-top:20px;
	}

	/*.entity_list .requestedChange {
		margin-left: 0px;
		display:block;
	}*/
}


@media screen and (max-width:460px){

	#clientsData {
		padding: 10px 7px;
	}



}

/* repres */



@media screen and (max-width:800px){


	#apiResources.reprePaises,
	#represForm{
		width:100%;
		display:block;
		margin-left:0px;
	}

}




/* table format */

@media screen and (max-width:850px){

	html.tablesupport:not(.onIframe) #entities_list ul#entities_ul li#tabHeadersWhite{
		top: 40px;
	}

	html.tablesupport:not(.onIframe) #entities_list.tablesupport:not(.onIframe) ul#entities_ul li#tabHeaders{
		top: 58px;
	}

	html.tablesupport:not(.onIframe) #filtersOutOut{
		margin-top:-25px;
	}

	html.tablesupport .contListado.js {
		margin-top: 0px;
	}
}



@media screen and (max-width:480px){

/*	#segmentBy .columnHidersList.visible{
		left:0px;
		top:40px;
		width: 270px;
	}*/

	#columnHidersDiv .columnHidersList.visible{
		left:-40px;
		top:40px;
		width: 270px;
	}

	.exportDiv .columnHidersList.visible{
		left:-79px;
		top:40px;
		width: 270px;
	}


	html.ID_47 #columnHidersDiv .columnHidersList.visible,
	html.ID_49 #columnHidersDiv .columnHidersList.visible,
	html.ID_37 #columnHidersDiv .columnHidersList.visible,
	html.ID_38 #columnHidersDiv .columnHidersList.visible,
	html.ID_39 #columnHidersDiv .columnHidersList.visible,
	html.ID_41 #columnHidersDiv .columnHidersList.visible,
	html.ID_32 #columnHidersDiv .columnHidersList.visible,
	html.ID_36 #columnHidersDiv .columnHidersList.visible,
	html.ID_33 #columnHidersDiv .columnHidersList.visible,
	html.ID_31 #columnHidersDiv .columnHidersList.visible,
	html.ID_23 #columnHidersDiv .columnHidersList.visible,
	html.ID_28 #columnHidersDiv .columnHidersList.visible,
	html.ID_24 #columnHidersDiv .columnHidersList.visible{
		left:0px;
	}

	html.ID_47 .exportDiv .columnHidersList.visible,
	html.ID_49 .exportDiv .columnHidersList.visible,
	html.ID_37 .exportDiv .columnHidersList.visible,
	html.ID_38 .exportDiv .columnHidersList.visible,
	html.ID_39 .exportDiv .columnHidersList.visible,
	html.ID_41 .exportDiv .columnHidersList.visible,
	html.ID_32 .exportDiv .columnHidersList.visible,
	html.ID_36 .exportDiv .columnHidersList.visible,
	html.ID_33 .exportDiv .columnHidersList.visible,
	html.ID_31 .exportDiv .columnHidersList.visible,
	html.ID_23 .exportDiv .columnHidersList.visible,
	html.ID_28 .exportDiv .columnHidersList.visible,
	html.ID_24 .exportDiv .columnHidersList.visible{
		left:-39px;
	}

	#duplicateForm .botones_form,
	#duplicateForm .formAviso{
		display: block;
		max-width:none;
		width:100%;
	}

	#duplicateForm .botones_form_enviar{
		float:none;
	}

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

}


@media screen and (max-width:340px){
	#ordersForm .botones_form,
	#ordersForm .formAviso {
		display: block;
		max-width:none;
		width:100%;
	}

	#ordersForm .botones_form_enviar{
		float:none;
	}
	#ordersForm .formAviso {
		margin-left: 0px;
		margin-top: 15px;
	}
}

/* clientes */


@media screen and (max-width:600px){
	#billing_data_addform,
	#billing_addr_addform,
	#shipping_addr_addform,
	#addclientsForm .campos_form{
		width: 100%;
		display: block;
		border:0px;
	}

	#shipping_addr_addform,
	#billing_data_addform{
		padding-left:0px;
	}

	#addclientsForm .campos_form,
	#billing_addr_addform{
		padding-bottom:20px;
		padding-right:0px;
	}

	#shipping_addr_addform,
	#billing_addr_addform{
		padding-top:0px;
	}
}

/* stock */


@media screen and (max-width:600px){
	#stockHelp,
	#stockCacheDate{
		font-size:70%;
	}
}


/* stats */

@media screen and (max-width:680px){
	#segmentPeriod br.first{
		display:initial;
	}

/*	.chartwrapcont{
		height: 350px;
	}*/
	
	.chartwrapperOut{
		width:100%;
		display:block;
		
	}

	.zoomChart{
		display:none;
	}

	.chartwrapperIn{
		padding: 10px;
		box-sizing: border-box;
	}

	.chartwraptit{
		font-size:90%;
	}

	.exportChart{
		right:6px;
		top: 3px;
	}	

	#widgetContenidoInText{
		font-size:90%;
	}
	
}

@media screen and (max-width:460px){
/*	.chartwrapcont{
		height: 250px;
	}*/

	#reportTypeTit,
	#segmentByTit,
	#segmentPeriodTit{
		display:block;
	}

	#segmentBy{
		display:inline-block;
		margin-right:10px;
		z-index: 53;
		margin-bottom: 15px;
		vertical-align: middle;
		position: relative;
	}

	#segmentByList.columnHidersList{
		display:none;
	}

	.periodSegmentSend{
		margin-top: 0px;
		margin-bottom: 4px;
		margin-top: -24px;
	}

	#segmentByList.columnHidersList.visible{
		display:block;
		padding:5px;
		left: 0px;
		top: 40px;
		width: 270px;
		border: 1px solid #aaa;
		border-radius: 6px;
		position:absolute;
	}


	#segmentPeriod span#segmentPeriodTit{
		display:block;
	}


	#segmentByBot{
		display:inline-block;
		width:25px;
		height:25px;
		background: transparent url("../img/app/sendFilter.png?val=12052021") no-repeat center center;
		background-size:20px 20px;	
		
		vertical-align: middle;
	}

	#segmentByBot.btn_b{
		background-color: #ececec;
	}

	#reportType {
	  border-bottom: 0px solid #ccc;
	}

	
	.graphControlGroupOut{
		display:block;
		margin-top:8px;
	}

	.blockHiderOut{
		width:100%;
		margin-right:0%;
		margin-top: 1px;
	}

	.graphControlGroup{
		width:100%;
	}

	.chartwrapperIn{
		padding: 5px;
		box-sizing: border-box;
	}

	.hidersAssistButtonsList{
		max-height:200px;
	}

	#widgetConfigControl,
	#selectedWidgetDiv {
	  font-size: 75%;
	}

	.changeAutoLoadHelp.sishow{
		padding-left:13px;
		background-size:10px;
	}

	.changeAutoLoadHelp.noshow{
		padding-left:13px;
		background-size:11px;
	}

	#widgetContenidoInText {
	  font-size: 80%;
	}

	#widgetContenidoInText{
		padding:10px 0px;
	}

	.widgetPrevPage {
		margin-top:13px;
	}
	.reportWidgetPage ul {
		padding-top: 10px;
	}

	.timeperiodselector ul{
		padding-top:0px;
	}

	.widgetTimePeriod .widgetAction{
		display: block;
		width: auto;
		margin-top: 6px;
		text-align: center;
	}

	.wPageTit br{
		display:none;
	}

	.graphsTypeChangeButton{
		font-size:80%;
	}
}

@media screen and (max-height:440px){
	#selectedWidgetDiv:not(.oculta){
		border-bottom:1px solid #ccc;
		padding-bottom: 5px;
	}

	#widgetConfigControl{
		padding-top: 5px;
		padding-bottom: 5px;
		border-top:1px solid #ccc;
	}

	#widgetContenidoInText{
		padding:10px 0px;
	}

	.widgetPrevPage {
		margin-top:13px;
	}
	.reportWidgetPage ul {
		padding-top: 10px;
	}
}


/* proveedores */

@media screen and (max-width:920px){
	#clientListTit.inline{
		font-size: 120%;
	}


}

@media screen and (max-width:850px){
	html:not(.onIframe) #addDnoteTopCont{
		top: 60px;
	}

	html:not(.onIframe) #preDnoteTopCont{
		height:60px;
	}


	html:not(.onIframe) #formContainer.edit #addDnoteTopCont {
	 top: 142px;
	}

	html:not(.onIframe) #formContainer.edit #preDnoteTopCont{
		height:142px;
	}

}

@media screen and (max-width:640px){

	.provData{
		display:block;
		width:100%;
		box-sizing:border-box;
		vertical-align:top;
		margin-top: 10px;
	}

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

	.clientListHead.inline{
		text-align:left;
	}
}

@media screen and (max-width:680px){
	.dnoteFormLine{
		display:block;
	}

	.dnoteFormLineSizes {
		margin-left: 0px;
		margin-top: 10px;
		display:inline-block;
	}

	.dnoteFormLineModelColor {
		display:inline-block;
		width:140px;
		min-width:140px;
	}

	.dnoteFormLineModelImage{
		display:inline-block;
	}

	#clientList.supplierorders li.orderLineNotice{
		margin-top:0px;
		text-align:center;
	}



	/*.dnoteFormLineModelColorField{
		display:inline-block;
	}

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

	.dnoteFormLineModelColorField.color .dnoteFormLineSizeModel{
		border-left:0px;
	}*/
	

}

@media screen and (max-width:560px){
	#sup_lines_add{
		width:100%;
		box-sizing:border-box;
		margin-left:0px;
		margin-right:0px;
	}

	#sup_lines_select_all,
	#sup_lines_unselect_all{
		padding:0px;
		border:0px;
		background:transparent;
		text-decoration:underline;
	}

	.providerPack{
		font-size:90%;
	}

	.providerPack td{
		width:40px;
	}
	.providerPack td.color{
		width:34px;
	}
	.providerPack td.talla{
		width:27px;
	}
	.providerPack td.units{
		width:53px;
	}
	.providerPack td.packeds{
		width:48px;
	}


	.providerPack td.matriculas{
		display:none;
	}

	.seePackeds{
		display:inline-block;
		cursor:pointer;
	}
}

@media screen and (max-width:460px){
	#formContainer.edit #addDnoteTopCont {
		top: 69px;
	}

	html:not(.onIframe) #formContainer.edit #addDnoteTopCont {
	 top: 138px;
	}

	html:not(.onIframe) #formContainer.edit #preDnoteTopCont{
		height:138px;
	}

	#clientList.supplierorders li {
	  padding-left: 5px;
	   padding-right: 5px;
	}

	#clientList.supplierorders li.orderLineNotice {
	  font-size:70%;
	}

	#clientSearch{
		width:120px;
	}

	#clientList.supplierorders .dnoteFormLine{
		font-size:80%;
	}

}

@media screen and (max-width:420px){
	#clientList.supplierorders .dnoteFormLineModelImage {
	  width: 100px;
	  min-width: 100px;
	}

	#clientList.supplierorders .dnoteFormLineModelColor {
	  width: 110px;
	  min-width: 110px;
	}


}


/* descargas */


@media screen and (min-width:1000px){
	#downloadList{
		/*position: absolute;
		top: 10px;
		right: 0px;*/
		padding: 10px;
		border: 1px solid #ccc;
		border-radius: 10px;
	}

	#orderHeader .orderAddress{
		/*position: absolute;
		top: 10px;
		right: 0px;*/
		padding: 10px 13px;
		border: 1px solid #ccc;
		border-radius: 10px;
	}

	#orderHeader{
		display:flex;
		gap: 10px;
		flex-wrap: nowrap;
		align-items: flex-start;
	}

	#orderHeaderInfo{
		flex-grow: 1;
	}

	#downloadList{
		flex-shrink: 0;
	}

	#downloadList .downPFDLab{
		display:inline-block;
	}



	#downloadList .downPFD{
		display:block;
		height:auto;
		background-position:right center;
		margin-left:0px;
		padding:7px 38px 7px 5px;
		text-align:right;
	}

	#downloadList .downPFD:not(:first-child) {
		margin-left: 0px;
		margin-top: 2px;
	}


	#downloadList .downPFD.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;
	}

}

@media screen and (max-width:999px){
	#downloadList{
		padding-top:10px;
		margin-top:10px;
		border-top:1px solid #ccc;
	}

	.downPFD:first-child{
		margin-left: 0px;
	}

}


/*  terminal */


@media screen and (max-width:1020px){
	.itemTerminal .sku{
		display:table-cell;
	}

	.itemTerminal span.cell.model,
	.itemTerminal span.cell.color,
	.itemTerminal span.cell.talla,
	.itemTerminal .model,
	.itemTerminal .color,
	.itemTerminal .talla{
		display:none;
		padding:0px;
	}
}

@media screen and (max-width:740px){
	.itemTerminal span.cell.ean,
	.itemTerminal .ean{
		display:none;
		padding:0px;
	}
}

@media screen and (max-width:580px){

	.itemTerminal{
		font-size:80%;
	}

	.itemTerminal span.cell.temporada,
	.itemTerminal .temporada{
		display:none;
		padding:0px;
	}
}

@media screen and (max-width:400px){

	.itemTerminal span.cell {
	  padding: 2px 2px;
	}


	.itemTerminal span.cell.repuesta,
	.itemTerminal .repuesta{
		display:none;
		padding:0px;
	}

	.itemTerminal span.cell.sku{
		max-width:
	}
}


/* odoo */

@media screen and (max-width:1280px){

	.odooStockSection{
		width:100%;
		padding-top:0%;
		display:block;
	}

	.odooStockSection .tab{
		position:relative;
	}
}

/* magento */

@media screen and (max-width:850px){

	#mageWorkShips td.skus:hover .theSkus{
		width: 92vw;
	}
}