@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{
		width: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 li a {
		font-size: 110%;
	}
}

@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{
		width: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;
	}	*/
}




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

	.entity_text{
		display:block;
	}

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


@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;
	}
}



/* usuarios  */

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

	#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;
	}
}






/* 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){
	#columnHidersDiv .columnHidersList.visible{
		left:-40px;
		top:40px;
		width: 270px;
	}

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

	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_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;
	}

}



/* api nueva */


/* productos, selectores api */

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

	.apiselector_selection_attribute{
		display:block;
		width:100%;
		margin-top:2px;
		padding-right: 0px !important;
		padding-left: 0px !important;
	}

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

	#optionalAttrsList li.fila{
		width:calc(50% - 4px);
	}

	#contentSimples #simplesForm,
	#contentModelos #modelsForm,
	#contentConfigs #configsForm{
		display:block;
		width:100%;
		padding-right:0px;
	}

	#contentSimples #childrens,
	#contentModelos #childrens,
	#contentConfigs #childrens{
		display:block;
		width:100%;
		padding-left:0px;
		padding-top:20px;
	}

	#childrensIframeContainer.visible{
		height:60vh;
	}

	#contentSimples #pricesIframeContainer.visible {
	  height: 30vh;
	}

}

@media screen and (max-width:360px){
	.apiselector_selection_list li{
		display:block;
	}
	.remover{
		margin:7px 0px -10px 0px;
		text-align:right;
	}

	.removeSelectionLine{
		margin-left:auto;
		margin-right:0px;
	}



}



/* api nueva */


@media screen and (max-width:380px){
	#contentInvoicing #saltodelinea{
		display:block;
	}

}