/* BRANDING COLORS */
:root {
	--main-green: #76bc21;
	--secondary-gray: #D8D8D8;
	--light-gray: #F3F3F3;
}

/* GENERAL*/
body {
	font-family: "Montserrat" !important;
}

.text-centered {
	display: flex;
	justify-content: center;
}

/* FONT */
.font-45 {
	font-size: 45px !important;
}

.font-36 {
	font-size: 36px !important;
}

.font-30 {
	font-size: 30px !important;
}

.font-33 {
	font-size: 33px !important;
}

.font-24 {
	font-size: 24px !important;
}

.font-20 {
	font-size: 20px !important;
}

.font-15 {
	font-size: 15px !important;
	color: #595959;
}

.font-14 {
	font-size: 14px !important;
}

.font-12 {
	font-size: 12px !important;
}

.font-11 {
	font-size: 11px !important;
}



.txt-green {
	color: var(--main-green);
}


a:hover {
	color: #000000 !important;
	text-decoration: underline;
}

.a-vertical {
	margin-top: auto;
	margin-bottom: auto;
}

.a-horizontal {
	margin-right: auto;
	margin-left: auto;
}

/*input-color-autofill*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px white inset !important;
}


.h-buttons {
	background-color: var(--main-green) !important;
	color: white !important;
	border-radius: 10px !important;
	margin-right: 5px;
}

.btn:focus {
	box-shadow: 0 0 0 0.2rem #76bc2185 !important;
}

textarea:focus, /* Change Bootstrap input focus glow */
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: rgba(126, 239, 104, 0.8);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(126, 239, 104, 0.6);
	outline: 0 none;
}


/*HEADER*/
.header {
	padding: 15px 55px;
}

.a-nounderline {
	text-decoration: none !important;
}


/* header navbar*/

/*Elementos listas distancia y centrado*/
a.dropdown-item {
	height: 60px;
	display: flex;
	align-items: center;
}

.navbar {
	padding: 0px !important;
}

a.nav-link {
	color: black;
}



/*login-buttons*/
.home-button {
	background-color: #76BC21;
}

input.btn.login-button { /* Boton verde letra blanca */
	background-color: var(--main-green);
	color: white;
	border-radius: 10px;
}

input.btn.discover-button { /* Boton blanco letra verde */
	background-color: white;
	color: var(--main-green);
	border-radius: 10px;
}

	input.btn.discover-button:focus {
		box-shadow: 0 0 0 0.2rem #ffffff38 !important;
	}

/*HOME*/
.no-padding {
	padding: 0px;
}

.align-img-vertically {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.customer-service-logo {
	height: 70px;
}

.home-catalogue {
	line-height: 35px;
	background-color: #e5e5e5;
	padding: 60px 60px;
	padding-left: 70px;
	padding-right: 70px;
}

.home-order {
	background-color: #e4f2d3;
	padding: 60px;
	padding-left: 107px !important; /*Jira EC-96*/
}

	.home-order ul li {
		padding-bottom: 12px;
	}


#home ul li a {
	margin: 5px;
	color: #000000 !important;
	text-decoration: underline !important;
	font-size: 18px;
}

.padding-left-70 {
	padding-left: 70px !important;
}



@media (min-width: 768px) {
	.padding-left-50 {
		padding-left: 50px !important;
	}

	.padding-left-30 {
		padding-left: 30px !important;
	}
}



/*PROMOTIONS*/
.promotion-image {
	width: 390px;
}

.title-promotions {
	margin-bottom: 15px;
}



/*SUBMENU FOOTER*/
.submenu-footer {
	padding-left: 50px;
	padding-right: 50px;
}

	.submenu-footer h2 {
		color: #515151
	}

.col-centered {
	align-self: center;
}

@media (max-width: 767px) {
	.selector-sistemas {
		margin-left: -12vw
	}

	.documentos-tecnicos {
		margin-left: -17vw
	}

	.font-responsive {
		font-size: 2.5vw !important;
	}
}


@media (min-width: 768px) {
	div.submenu-footer div.col-md-3.b-left {
		border-left: solid #b2b2b2 1px;
	}

	.selector-sistemas {
		max-width: 100px;
		min-width: 60px;
		width: 100%
	}

	.tarifas {
		max-width: 70px;
		min-width: 20px;
		width: 100%
	}

	.documentos-tecnicos {
		max-width: 70px;
		width: 100%;
		min-width: 37px
	}

	.catalogo-productos {
		max-width: 70px;
		width: 100%
	}

	.font-responsive {
		font-size: 1.5vw !important;
	}
}




/* FOOTER */
.footer-corporative a {
	color: #ffffff;
}

.footer-corporative {
	justify-content: center; /* align horizontal */
	align-items: center; /* align vertical */
	height: 50px;
	background-color: var(--main-green);
	color: white !important;
}

/**** RESET + CLEARFIX ****/
* {
	margin: 0;
	padding: 0;
	outline: 0;
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
	border: 0;
	text-decoration: none;
	list-style-type: none
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0px
}

.clearfix {
	display: inline-block
}

* html .clearfix {
	height: 1%
}

.clearfix {
	display: block
}
/**************************/


/*-------/-------LAYOUTS -------/ -------*/
/*-------  HEADER  -------*/
html {
	overflow-y: scroll
}

body {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}

#page {
	/* background: url("../images/backg-body.jpg") repeat-y scroll center center */
	background-color: #ffffff;
}

.wrap {
	width: 980px;
	margin: 0 auto;
}

#errorHeader {
	padding-bottom: 10px;
}
/*#header .wrap {position:relative;}*/ /*no tocar*/


/*CAROUSEL WARNING*/
.carousel-inner {
	height: 60px;
	padding-left: 10px;
}

/*.carousel {
	background-color: #4970ff;
}
*/
.carousel-mid-box {
	padding-top: 10px !important;
}

/* CONTROLS*/
.carousel-control-prev {
	left: auto;
}

/*INDICATORS*/
div#carouselExampleIndicators ol li {
	list-style-type: none;
}

.carousel-indicators {
	z-index: 0 !important;
	margin-right: 0% !important;
	margin-left: 0% !important;
}

.carousel-close {
	margin-left: 15px;
}

/*-- HEADER / WARNING  --*/
.btn-primary-outline {
	padding: 0px !important;
}

#warnings {
	background-color: #76BC21;
	border-top: 1px solid #76BC21;
	border-bottom: 1px solid #76BC21;
	/*padding: 3px 0;*/
	height: 61px;
}

	#warnings .warningContent {
		width: 960px;
		margin: 0 auto;
		font-size: 13px;
		line-height: 24px;
		color: #666;
		position: relative;
		text-indent: 30px
	}

		#warnings .warningContent a {
			color: #004715;
			text-decoration: underline
		}

			#warnings .warningContent a:hover {
				color: black
			}

		#warnings .warningContent .icon {
			width: 23px;
			height: 22px;
			position: absolute
		}

		#warnings .warningContent .iconWarning {
			background-position: -148px -753px;
			top: 0px;
			left: 0px
		}

		#warnings .warningContent .close {
			background-position: -100px -750px;
			top: 2px;
			right: 2px
		}

			#warnings .warningContent .close:hover {
				background: url(../images/icons.png) no-repeat -100px -700px
			}


/*--  Top Toolbar  --*/
#topbar {
	height: 60px;
	position: relative;
	z-index: 1001
}

	#topbar .wrap {
		padding-top: 4px;
		position: relative;
	}
/*...más en menu.css*/

/*--  Logo Pladur y .biz  --*/
#logo {
	width: 187px;
	height: 55px;
	z-index: 1004;
	display: block;
	background: url(../images/biz-landing/LOGO_PLADUR-ALGISS_EDITED.png) no-repeat center top;
	position: absolute;
	left: 0;
	top: 24px;
	text-indent: -9999px
}

#logo-biz {
	width: 65px;
	height: 55px;
	background: url(../images/logo.gif) no-repeat right bottom;
	position: absolute;
	right: 0;
	top: 30px
}

/*-- Language (externo) --*/
#topbar .wrap #TabAux {
	_width: 92px;
	_height: 22px;
	position: absolute;
	right: 459px;
	top: 9px;
	background: url(../images/backg-lg.png) left top no-repeat;
	z-index: 100;
}
/* FLAGS */

#flags-language a {
	text-transform: capitalize;
}

#header #TabAux .languages {
	padding: 7px
}

	#header #TabAux .languages li {
		margin: 0px 3px 0px 0px;
		float: left
	}

		#header #TabAux .languages li a {
			overflow: hidden;
			width: 16px;
			height: 10px;
			border: 1px solid #ccc;
			background: url(../images/icons.png) left top no-repeat;
			text-indent: -9999px;
			display: block;
			padding: 0
		}

			#header #TabAux .languages li a:hover {
				border-color: #333
			}

	#header #TabAux .languages .spanish {
		background-position: -151px 0px
	}

	#header #TabAux .languages .portuguese {
		background-position: -151px -50px
	}

	#header #TabAux .languages .english {
		background-position: -151px -100px
	}

	#header #TabAux .languages .catalan {
		background-position: -151px -150px
	}

	#header #TabAux .languages .french {
		background-position: -299px -601px
	}

/*--  Main Menu  --*/
#menu {
	height: 100%;
	min-height: 48px;
	clear: both;
	top: 10px;
	position: relative
}
/*más en menu.css ... */

/*--  Main Search  --*/

.align-right {
	margin-left: auto;
}

#MainSearch {
	display: inline;
	padding: 11px 16px 0 0;
	float: right;
	max-width: 35%;
}

	#MainSearch form {
		width: 223px;
		height: 25px;
		padding: 0 0 7px 7px;
		background-color: #FFFFFF;
		border-radius: 25px;
	}

		#MainSearch form input {
			font-family: Montserrat, FontAwesome;
			font-weight: 500;
			width: 194px;
			height: 20px;
			/*float: left;*/
			vertical-align: middle;
			font-size: 13px;
			color: #000000;
			background-color: #FFFFFF;
		}

		#MainSearch form a {
			width: 28px;
			height: 22px;
			float: right
		}

/*------- CONTENT -------*/

.publicity-1 {
	background-image: url("../images/biz-landing/publi_1.png");
	background-repeat: no-repeat;
	height: 450px;
	background-size: cover;
	padding-top: 95px;
	padding-left: 75px;
}

.publicity-2 {
	background-image: url("../images/biz-landing/publi_2.png");
	background-repeat: no-repeat;
	height: 450px;
	background-size: cover;
	padding-top: 95px;
	padding-right: 50px;
}

#content {
	margin-top: 10px;
	min-height: 350px;
	padding-bottom: 40px;
	padding-left: 0px
}

/* min height para ie6 */
* html #content {
	height: 350px
}

	#content .colum-a {
		padding: 10px;
		float: left;
	}

	#content .colum-b {
		width: 80%;
		padding: 10px;
		float: right;
	}

/*------- FOOTER -------*/
#footer {
	padding: 10px 0px;
	width: 100%;
	margin: 0 auto
}

	#footer a {
		/*color: #345A44;*/
		text-decoration: none
	}

		#footer a:hover {
			color: #004715;
			text-decoration: underline
		}

	#footer .title {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 12px
	}

.footer-titles {
	font-size: 20px;
	font-weight: bold;
}

#footer-links {
	padding-bottom: 20px;
	padding-top: 70px;
	padding-left: 80px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	background-color: #76BC21;
	overflow: hidden;
	height: 1%
}

	#footer-links ul {
		/*width: 220px;*/
		padding: 0px 0px 0px 15px;
		float: left;
	}

		#footer-links ul li {
			line-height: 17px;
			margin-bottom: 10px;
		}

	#footer-links .last {
		border-right: none;
	}

	#footer-links .title {
		font-size: 14px;
	}
/*------- LEGAL -------*/
#footer-legal {
	font-size: 10px;
	height: 14px;
	padding: 5px 10px;
	text-align: right;
	border-bottom: 1px solid #ccc;
}

	#footer-legal li {
		margin-left: 20px;
		float: right
	}

	#footer-legal .iconPhone {
		float: left
	}
/*------- SUB FOOTER -------*/
#footer-corporative {
	font-size: 10px;
	height: 40px;
	margin-bottom: 5px;
	background-color: #76BC21;
}

	#footer-corporative li {
		padding-top: 25px;
		margin-right: 10px
	}

	#footer-corporative .label-1 {
		float: left
	}

	#footer-corporative .label-2 {
		float: right
	}
	/* logos */
	#footer-corporative .footer-logo {
		background-repeat: no-repeat;
		float: right;
		padding-top: 8px
	}

		#footer-corporative .footer-logo a {
			display: block;
			text-indent: -9999px;
			height: 42px
		}

	#footer-corporative .uralita {
		width: 120px;
		background-position: 5px 0px;
		float: left;
	}

	#footer-corporative .ursa {
		width: 65px;
		background-position: -124px 0px;
	}

	#footer-corporative .algiss {
		width: 70px;
		background-position: -190px 0px;
	}

	#footer-corporative .cobert {
		width: 60px;
		background-position: -265px 0px;
	}

	#footer-corporative .adequa {
		width: 80px;
		background-position: -325px 0px;
	}
/*------- ------- -------LOOK&FEEL ------- ------- -------*/


/*------- ------- HEADINGS ------- -------*/
/*.page-title {font-family:'Montserrat', Helvetica, sans-serif;font-size: 22px;color: #004715;line-height:22px;margin-bottom:20px;padding-bottom:5px;border-bottom: 3px solid #C1D63F;text-transform:uppercase;}
.page-title .iconNew{height:12px;}
.page-title .iconHighlight{height:16px;}
.page-subtitle {font-family:'Montserrat', Helvetica, sans-serif;font-size:18px;color:#333;line-height:18px;}*/

/* estilo de titulo h3 para contenido (ej. en pedidos) */
/*#content h3,
#content h4 {border-bottom:2px solid #C1D63F;margin-bottom:10px;color:#004715;font-weight:bold}
#content h3 {padding-bottom:5px;font-size:14px;text-transform:uppercase}
#content h4 {padding-bottom:3px;font-size:11px;text-transform:uppercase}*/

/*------- ------- TEXT  ------- -------*/
/*#content {font-family:"lucida grande", 'Montserrat', sans-serif;font-size:12px;}
#content p {line-height:18px;margin-bottom:18px;}
sup, sub  { font-size: 9px; }
strong { font-weight:bold; }
.EmptyData {font-weight:bold;color:#777}
.bold {font-weight:bold;}
.f9 {font-size:9px}.f10 {font-size:10px}.f11 {font-size:11px}.f12 {font-size:12px}.f13 {font-size:13px}.f14 {font-size:14px}.f15 {font-size:15px}*/

/*-------LINKS -------*/
.green-txt {
	color: #76BC21;
}

.dark-green-txt {
	color: #345A44;
}

#content a {
	color: #76BC21;
}

	#content a:hover {
		color: var(--secondary-gray);
	}

a.read_more {
	font-weight: bold;
	float: right;
}


/*------- COLOURS -------*/
.green-dark {
	color: #004715
}

.green-medium {
	color: #999900
}

.green-light {
	color: #C1D63F
}

.green-extra_light {
	color: #EAF1BE
}

.brown-medium {
	color: #B1B57B
}

.brown-light {
	color: #D7D9C0
}

.brown-extra_light {
	color: #EBEBD8
}

.blue_light {
	color: #edf3fe
}


/*------- ------- 
LISTS 
------- -------*/
ol {
	list-style-type: decimal
}

ul {
	list-style-type: disc
}

	ul ul {
		list-style-type: circle
	}

		ul ul ul {
			list-style-type: square
		}

ol li {
	list-style-type: decimal
}

ol ol li {
	list-style-type: lower-alpha
}


/*------- -------
TABLAS
Estilo-1 (ej. Lista de productos)
------- -------*/
#content .tableStyle1 {
	width: 100%;
	border: 1px solid #c9c9c9;
}

	#content .tableStyle1 th {
		vertical-align: top;
		padding-top: 15px;
		padding-bottom: 15px;
		background-color: var(--secondary-gray);
		color: #004715;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
	}

		#content .tableStyle1 th a {
			text-decoration: none;
			color: #004715
		}

	#content .tableStyle1 td {
		padding: 15px;
		vertical-align: top;
		text-align: center;
	}

	#content .tableStyle1 .whitebord {
		vertical-align: middle;
		outline: medium solid #ffffff;
		min-height: 50px;
		text-align: center;
	}

	#content .tableStyle1 td p {
		margin: 0;
		margin-bottom: 5px
	}

	#content .tableStyle1 .odd {
		background-color: #ffffff
	}

	#content .tableStyle1 .even {
		background-color: #ffffff
	}

	#content .tableStyle1 .thcenter th {
		text-align: center
	}

	#content .tableStyle1 td.tdhighlight {
		background-color: #ffffaf;
	}
	/* ACTIONS COLUMN */
	#content .tableStyle1 .actions {
		text-align: center
	}

		#content .tableStyle1 .actions a {
			position: relative;
			padding-left: 18px;
			margin: 0 5px
		}

		#content .tableStyle1 .actions .iconAdd {
			left: 2px
		}

		#content .tableStyle1 .actions .iconDownload,
		#content .tableStyle1 .actions .iconEdit,
		#content .tableStyle1 .actions .iconDelete {
			top: 0
		}

/***********************************
TABLA ESTILO 2 (ej. Informe compras)
************************************/
#content .tableStyle2 {
	border-width: 0 1px 1px 0;
	border-collapse: collapse
}

	#content .tableStyle2 th {
		border-top: 1px solid #c9c9c9;
		border-left: 1px solid #fff
	}

	#content .tableStyle2 .thtr1 th {
		text-transform: uppercase;
		text-align: center
	}

	#content .tableStyle2 .LastTh {
		border-right: 1px solid #c9c9c9
	}

	#content .tableStyle2 .tr1th1 {
		border-top: 0;
		background-color: #fff;
		border-right: 1px solid #c9c9c9
	}

	#content .tableStyle2 .emptyTh {
		background-color: #F9F9F9
	}

	#content .tableStyle2 td {
		border: 1px solid #FFFFFF
	}

	#content .tableStyle2 .tborder-left {
		border-left-color: #C9C9C9
	}

	#content .tableStyle2 .tborder-right {
		border-right-color: #C9C9C9
	}

	#content .tableStyle2 .lastTr td {
		border-bottom-color: #c9c9c9
	}

	#content .tableStyle2 tfoot tr {
		background-color: #E7E7E7
	}

	#content .tableStyle2 tfoot td {
		font-weight: bold;
		border-top: 2px solid #C9C9C9
	}
	/* flechas meses */
	#content .tableStyle2 th .fakeArrow {
		font-family: "Comic Sans MS";
		font-size: 16px;
		font-weight: bold;
		line-height: 8px;
		display: block;
		height: 14px
	}

		#content .tableStyle2 th .fakeArrow:hover {
			color: #999900
		}

	#content .tableStyle2 th .fakeArrowDisabled,
	#content .tableStyle2 th .fakeArrowDisabled:hover {
		color: #CCC;
		cursor: default
	}

/*******************************************
Información y Herramientas de tabla (abajo)
*******************************************/
#content .tableFooter {
	padding: 10px 0 10px 10px;
	border: 1px solid #c9c9c9;
	border-width: 0 1px 1px;
	margin-bottom: 10px;
	overflow: hidden;
	height: 1%
}

	#content .tableFooter p {
		margin: 0
	}

#content .rightActions {
	float: right;
	text-align: right
}

#content .leftActions {
	float: left;
	text-align: left
}

#content .tableFooterActions a {
	margin-right: 15px;
	position: relative;
	padding-left: 18px
}

/******************************
Herramientas de tabla (arriba)
******************************/
#content .tableHeader {
	padding: 10px 0;
	text-align: right
}

	#content .tableHeader a {
		padding-left: 22px;
		position: relative;
		margin-left: 30px;
		display: inline-block
	}

	#content .tableHeader .icon {
		top: 0
	}

	#content .tableHeader .iconChart {
		top: 10px
	}

	#content .tableHeader .iconExcel {
		top: 10px
	}

	#content .tableHeader .iconPrint {
		top: 10px
	}

/*******************
TABLA ORDENABLE
********************/
#content table .sortable {
	cursor: pointer;
	background-image: url(../images/sortable.gif);
	background-position: 95% 15px;
	background-repeat: no-repeat;
	padding-right: 10px;
}

#content table .headerSortUp {
	background-position: 95% -184px
}

#content table .headerSortDown {
	background-position: 95% -84px
}

#content table .sortable a {
	padding-right: 14px
}

/*******************
TABLA FILA CLICABLE
********************/
.SelectableRow tbody tr,
.SelectableRow tbody input {
	cursor: pointer
}

#content .trHover {
	background-color: #e7edf0 !important;
}

#content .trSelected {
	background-color: #e9f3ea !important;
	cursor: default
}

.noClick {
	cursor: default
}

/*****************       
TABLA EN ACORDION        
******************/
.AccordionTable tbody tr {
	cursor: pointer
}

#content .trOpen {
	background-color: #fff !important;
	cursor: default
}



/*------- ------- 
FORMS ELEMENTS 
------- -------*/
.input {
	padding: 2px;
}

textarea {
	padding: 2px 4px
}

.input,
textarea {
	background: url('../images/input_bg.gif') #fff left top repeat-x
}

.input,
textarea,
select {
	font-family: 'Montserrat';
	font-size: 12px;
	color: #333;
	border-width: 1px;
	border-style: solid;
	border-left-color: #acacac;
	border-top-color: #acacac;
	border-bottom-color: #d9d9d9;
	border-right-color: #d9d9d9
}

.select {
	border-left-color: #525252;
	border-top-color: #525252;
	border-bottom-color: #dfdfdf;
	border-right-color: #dfdfdf
}

.checkbox {
	cursor: pointer
}

.input.required, .input.requiredStyle {
	background: url('../images/input_bg_req.gif') #ffffcf left top repeat-x
}

optgroup {
	color: #aaa;
	font-style: normal
}

/* Estilo de label <span class="label"> */
#content .label {
	font-weight: bold;
	margin-right: 10px
}
/* Estilo de label <span class="label"> */
#content .label-block {
	font-weight: bold;
	margin-right: 10px;
	display: block;
	float: left;
}
/* Estilo para labels que contienen un radio o un check */
#content .radio-check-label {
	cursor: pointer
}

	#content .radio-check-label input {
		margin-right: 5px;
		position: relative;
		cursor: pointer
	}
/* label que contiene un radio */
#content .radio-label input {
	top: 1px
}
/* label que contiene un checkbox */
#content .checkbox-label input {
	top: 8px
}

#content .checkbox-label.required,
#content .radio-label.required,
#content .radio-check-label.required,
textarea.required,
input.required,
select.required,
#content .checkbox-label.requiredStyle,
#content .radio-label.requiredStyle,
#content .radio-check-label.requiredStyle,
select.requiredStyle {
	background-color: #ffffcf
}

/* SEPARACIONES DE FORMS */
#content .top-content-sep {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #d4d5cd
}

#content .content-sep {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #d4d5cd;
	padding-left: 10px
}

#content .contenedor_form label {
	margin-right: 30px;
	display: inline-block
}

#content .contenedor_form .closerLabels label {
	margin-right: 15px
}

#content .contenedor_form_filter label {
	margin-right: 10px
}

#content .contenedor_form .last-label {
	margin-right: 0
}

#content .column_form label {
	margin-right: 0
}

#content .column_form .label {
	display: inline-block;
	width: 120px
}

#content .three_column_form .label {
	width: 55px
}

#content fieldset {
	border: 1px solid #d4d5cd;
	padding: 10px;
	padding-top: 0
}

	#content fieldset p {
		margin: 8px 0
	}

#content .contenedor_form ul {
	margin: 5px 10px 10px
}

#content .contenedor_form li {
	margin: 5px 0
}

#content legend {
	color: #004715;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 5px;
	cursor: default;
	height: 40px;
	line-height: 40px
}

	#content legend .icon {
		position: relative;
		top: 3px;
		margin-right: 4px
	}

#content .contenedor_form textarea {
	width: 672px
}
/* input deshabilitado */
#page .disabledField {
	background: #f0f0f0;
	cursor: default;
	color: #666
}


/*------- ------- 
FORMS / CAJAS
------- -------*/
/* Caja A */
#content .bxa {
	position: relative;
	margin-bottom: 10px;
	height: 1%;
	overflow: hidden
}

#content .bx-corner {
	width: 9px;
	height: 9px;
	position: absolute;
	background: url('../images/bxa-corners.gif') #fff left top no-repeat;
	overflow: hidden
}

#content .bx-top-left {
	top: 0;
	left: 0;
	background-position: left top
}

#content .bx-top-right {
	top: 0;
	right: 0;
	background-position: right top
}

#content .bx-bottom-left {
	bottom: 0;
	left: 0;
	background-position: left -9px
}

#content .bx-bottom-right {
	bottom: 0;
	right: 0;
	background-position: right -9px
}

#content .bx-content {
	padding: 10px;
	background-position: right top;
	border: 1px solid lightgray;
	zoom: 1;
	position: relative;
}
/* ie hasLayout */
* html #content .bx-content {
	height: 1%
}

/* Dos columnas dentro de la caja */
#content .bxa-col-a,
#content .bxa-col-b {
	float: left;
	width: 46%
}

#content .bxa-col-a {
	margin-right: 10px
}


/****************
ESTILOS DE ERROR
****************/
.ErrorContainer {
	border: 1px solid #CC6600;
	color: #333;
	background-color: #FFECEC;
	padding: 5px;
	margin-bottom: 10px;
	cursor: default
}

.ErrorField {
	border: 1px solid #CC6600
}

/*******
DIALOGS
********/
.ui-dialog-content p {
	margin-bottom: 15px;
	color: #333;
	font-family: 'Montserrat' !important;
}

.ui-dialog-content .label {
	font-weight: bold;
	margin-right: 10px
}

.ui-dialog-content .globe {
	margin-bottom: 10px
}

.ui-dialog-content label {
	font-weight: bold;
	float: left;
	width: 120px
}

	.ui-dialog-content label.changeLogoInput {
		font-weight: bold;
		float: left;
		width: auto !important
	}

.large-form-dialog label {
	width: 150px
}

.ui-dialog-content .changeLogo img {
	float: left;
	margin-right: 10px;
}
/** TABLAS DENTRO DE UN DIALOGO **/
.ui-dialog-content .tableStyle1 {
	width: 100%;
	border: 1px solid #c9c9c9
}

	.ui-dialog-content .tableStyle1 th {
		vertical-align: top;
		padding: 3px 0 3px 5px;
		background-color: #e7e7e7;
		color: #004715;
		text-align: left
	}

		.ui-dialog-content .tableStyle1 th a {
			text-decoration: none;
			color: #004715
		}

	.ui-dialog-content .tableStyle1 td {
		padding: 5px;
		vertical-align: top
	}

		.ui-dialog-content .tableStyle1 td p {
			margin: 0;
			margin-bottom: 5px
		}

	.ui-dialog-content .tableStyle1 .odd {
		background-color: #f9f9f9
	}

	.ui-dialog-content .tableStyle1 .even {
		background-color: #f2f2f2
	}

/** TABLA ORDENABLE **/
.ui-dialog-content table .sortable {
	cursor: pointer;
	background-image: url(../images/sortable.gif);
	background-position: 95% 3px;
	background-repeat: no-repeat;
	padding-right: 10px;
}

.ui-dialog-content table .headerSortUp {
	background-position: 95% -197px
}

.ui-dialog-content table .headerSortDown {
	background-position: 95% -97px
}

.ui-dialog-content table .sortable a {
	padding-right: 14px;
}
/** TABLA FILA CLICABLE **/
.ui-dialog-content .trHover {
	background-color: #e7edf0 !important;
}

.ui-dialog-content .trSelected {
	background-color: #e9f3ea !important;
	cursor: default
}

.ui-dialog .ConfirmationDialog .icon {
	margin-right: 5px
}

.ui-dialog-content .mb20 {
	margin-bottom: 20px
}
/** BOTON DESTACADO **/
.ui-dialog .ui-dialog-buttonpane button.prefAction {
	background: var(--main-green);
	border-radius: 5px;
	padding: 3px;
	color: #fff;
}

	.ui-dialog .ui-dialog-buttonpane button.prefAction ~ button {
		border-radius: 5px;
		padding: 3px;
	}

/********************
NOTIFICATION MESSAGE
*********************/
.Notification {
	position: absolute;
	top: 0px;
	cursor: default;
	left: 50%;
	margin-left: -210px;
	z-index: 999999;
	width: 446px;
	height: 26px;
	display: none
}

.NotificationFixed {
	position: fixed;
	height: 26px
}

.NotificationStyle {
	border: 1px solid #adcce6;
	background-color: #E3F2D2;
	padding: 10px;
	width: 426px
}

#content .NotificationStyle p {
	color: #212529;
	font-weight: bold;
	margin: 0;
	text-align: center
}

#content .NotificationStyle a {
	color: #004715
}

	#content .NotificationStyle a:hover {
		text-decoration: underline
	}
/* HIDE FROM IE6 */
.Notification > .NotificationFixed {
	left: 50%;
	margin-left: -210px
}


/*------- ACTION LINK (links con icono) -------*/
a.actionlink {
	position: relative;
	background-color: var(--main-green);
	color: white !important;
	border-radius: 10px;
	padding: 10px !important;
	padding-right: 25px !important;
	padding-left: 25px !important;
	display: inline-flex;
}

	a.actionlink:hover {
		text-decoration: none;
	}

.icon {
	background: url(../images/icons.png) no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	font-size: 0;
}

a .icon {
	cursor: pointer;
	position: absolute;
	top: 1px;
	left: 0;
}

/*------- ICONS -------*/
.iconChart {
	background: url(../images/iconChart.svg) no-repeat;
	top: 10px;
}

.iconExcel {
	background: url(../images/iconExcel.svg) no-repeat;
	top: 10px;
}

.iconPrint {
	background: url(../images/iconPrint.svg) no-repeat;
	top: 10px;
}

.iconDownload {
	background-position: left -199px;
	width: 15px;
	height: 16px
}

.iconAccordionClose {
	background-position: left -300px;
}

.iconAccordionOpen {
	background-position: left -350px;
}

.iconMas-1 {
	background: url('../images/MasDetalle.svg');
}

.iconMenos-1 {
	background: url('../images/MenosDetalle.svg');
}

.iconMas-2 {
	background-position: left -600px;
}

.iconMenos-2 {
	background-position: left -650px;
}

.iconMessgUnreaded {
	background-position: -50px -47px;
}

.iconMessgReaded {
	background-position: -50px -98px;
}

.iconAttch {
	background-position: -51px -149px;
	width: 14px;
	height: 16px
}

.iconAttch_s {
	background-position: -200px -451px;
	width: 11px;
	height: 13px;
	margin-right: 5px
}

.iconInfo {
	background-position: -50px -200px;
	width: 14px;
	height: 14px
}

.iconInfo_l {
	background: url(../images/Informacion.svg) no-repeat;
	width: 26px;
	height: 26px
}

.iconExclamation {
	background-position: -50px -250px;
}

.iconBanned {
	background-position: -51px -299px;
	width: 14px;
	height: 14px
}

.iconBanned_l {
	background-position: -100px -650px;
	width: 26px;
	height: 26px
}

.iconTriangle {
	width: 26px;
	height: 26px;
	background: url(../images/Informacion.svg) no-repeat;
	display: table;
	margin: 0 auto;
}

.iconTriangle_l {
	width: 26px;
	height: 26px;
	background: url(../images/Informacion.svg) no-repeat;
}

.iconOk_s {
	background-position: -50px -400px;
}

.iconOk_m {
	background: url(../images/Tic.svg)no-repeat;
	width: 20px;
	height: 16px;
	display: table;
	margin: 0 auto;
}

.iconOk_l {
	background-position: -50px -500px;
	width: 22px;
}

.iconAdd {
	background-position: -50px -549px;
	width: 11px;
	height: 12px
}

a .iconAdd {
	left: 8px;
	top: 3px
}

.iconXClose {
	background-position: -50px -600px;
}

.iconX {
	background-position: -50px -650px;
}

.iconXRed {
	background: url(../images/iconXRed.svg)no-repeat;
	width: 15px;
	height: 15px;
	display: table;
	margin: 0 auto;
}

.iconXGrey {
	background-position: -104px -754px;
	width: 10px;
	height: 10px
}

a .icon.iconDelete {
	background: url(../images/iconDelete.svg) no-repeat;
	left: 15px;
}

.iconDelete-s {
	background-position: -200px -600px;
	width: 8px;
	height: 11px;
	margin-left: 5px
}

.iconCalendar {
	background-position: -200px -300px;
	width: 15px;
	height: 15px
}

.iconSpecial {
	background-position: -200px -350px;
}

.iconRefresh {
	background: url(../images/iconRefresh.svg) no-repeat;
	top: 10px;
}

.iconNew {
	background-position: -300px 0px;
	width: 35px !important;
}

.iconHighlight {
	background-position: -285px -550px;
	width: 35px !important;
}

.iconPhone {
	background-position: -199px -750px;
	width: 20px;
	height: 16px
}

.iconAddProduct {
	background: url(../images/iconAddProduct.svg) no-repeat;
	top: 10px;
}

.iconAddSpecialProduct {
	background: url(../images/iconAddProduct.svg) no-repeat;
	top: 10px;
}

.iconAenor {
	background-position: -150px -700px;
	width: 29px;
	height: 35px;
}

.iconEdit {
	background-position: -200px -250px;
	width: 14px;
	height: 16px
}

.iconEdit-s {
	background-position: -200px -650px;
}

.iconDoc {
	background-position: -200px -550px;
}

.iconSendOrder {
	background-position: -300px -446px;
	width: 17px;
	height: 17px
}

.iconCopyOrder {
	background-position: -299px -498px;
	width: 15px;
	height: 18px
}

.iconSpanish {
	background-position: -151px 0;
	height: 10px;
	width: 16px
}

.iconPortuguese {
	background-position: -151px -50px;
	height: 10px;
	width: 16px
}

.iconEnglish {
	background-position: -151px -99px;
	height: 11px;
	width: 16px
}

.iconCatalan {
	background-position: -151px -149px;
	height: 10px;
	width: 16px
}

.iconFrench {
	background-position: -299px -601px;
	height: 10px;
	width: 16px
}




/*******
BOTONES
*******/
/* CONTENEDOR DE BOTONES */
.ButtonContainer {
	padding-top: 10px;
	margin-top: 20px;
	border-top: 2px solid #C1D63F
}

/** Verde **/
.green-btt {
	text-decoration: none !important;
	height: 31px;
	padding-right: 12px;
	background: url(../images/buttons.png) no-repeat right top;
	display: inline-block;
}

	.green-btt .btt_end {
		height: 20px;
		padding: 7px 25px 4px 12px;
		font: bold 12px 'Montserrat', Helvetica, sans-serif;
		color: white;
		text-transform: uppercase;
		position: relative;
		display: inline-block;
		background: url(../images/buttons.png) no-repeat left -33px;
		cursor: pointer;
	}

	.green-btt .btt_end_left {
		padding-left: 37px;
		padding-right: 0
	}

	.green-btt .btt_end_no_text {
		padding-left: 0
	}

	.green-btt .btt_end_no_icon {
		padding-right: 4px
	}

	.green-btt:hover {
		background: url(../images/buttons.png) no-repeat right -65px;
	}

		.green-btt:hover .btt_end {
			background: url(../images/buttons.png) no-repeat left -98px;
		}

/** Btt Gris **/
.grey-btt {
	text-decoration: none !important;
	height: 24px;
	padding-right: 9px;
	background: url(../images/buttons.png) no-repeat right -200px;
	display: inline-block;
	*margin-top: -20px;
}

	.grey-btt .btt_end {
		height: 15px;
		padding: 5px 25px 4px 10px;
		line-height: 26px;
		font: bold 12px 'Montserrat', Helvetica, sans-serif;
		color: #004715;
		text-transform: uppercase;
		position: relative;
		display: inline-block;
		background: url(../images/buttons.png) no-repeat left -230px;
		cursor: pointer;
	}

	.grey-btt .btt_end_left {
		padding-left: 37px;
		padding-right: 0
	}

	.grey-btt .btt_end_no_icon {
		padding-right: 4px
	}

	.grey-btt:hover {
		background: url(../images/buttons.png) no-repeat right -140px;
	}

		.grey-btt:hover .btt_end {
			background: url(../images/buttons.png) no-repeat left -170px;
		}

	.grey-btt .icon-btt {
		top: -1px !important;
	}

/** Iconos para botones**/
.btt_end .icon-btt {
	background: url(../images/icons.png) left top no-repeat;
	position: absolute;
	top: 1px;
	right: -10px;
	width: 30px;
	height: 30px
}

.btt_end .iconBttOk {
	background-position: -98px -45px
}

.btt_end .iconBttKo {
	background-position: -148px -595px
}

.btt_end .iconBttEdit {
	background-position: -148px -646px
}

.btt_end .iconBttAdd {
	background-position: -98px -95px
}

.btt_end .iconBttSearch {
	background: url(../images/camion_verde_busqueda.svg) left top no-repeat;
	left: 90px;
	top: 10px;
}

.btt_end .iconBttBack {
	background: url(../images/atras.svg) left top no-repeat;
	left: 60px;
	top: 12px;
}

.btt_end .iconBttRight {
	background-position: -98px -197px
}

.btt_end .iconBttLeft {
	background-position: -98px -245px;
	left: 6px;
	right: 0
}

.btt_end .iconBttSave {
	background-position: -98px -297px
}

.btt_end .iconBttSaveOrder {
	background-position: -98px -348px
}

.btt_end .iconBttContinueOrder {
	background-position: -98px -398px
}

.btt_end .iconBttTemplateOrder {
	background-position: -98px -446px
}

.btt_end .iconBttTemplateOrder {
	background-position: -98px -446px
}

.btt_end .iconBttDuplicateOrder {
	background-position: -98px -445px
}


/** Bullets **/
.iconBulletGrey {
	background-position: -148px -198px;
}

.iconBulletGreen {
	background-position: -148px -248px;
}

.iconBulletDisc {
	background-position: -146px -298px;
}

.iconBulletLine {
	background-position: -148px -348px;
}

/** Arrows **/
.iconArrow-1 {
	background-position: -201px -99px;
}


/*------- ------- WARNINGS ------- -------*/
/* GLOBAL MESSAGE */
.globe {
	padding: 4px;
	color: #000;
	font-size: 13px;
	margin: 0 auto 10px;
	min-height: 26px
}
/* ie6 min-height */
* html .globe {
	height: 26px
}

#page .globe p {
	margin: 0
}

.globe .globe-message {
	color: #333;
	margin: 0
}

.globe .globe-message-content {
	vertical-align: sub;
}

.globe em {
	color: #c86100;
	font-weight: bold
}

.globe .icon {
	float: left;
	margin-right: 10px
}

/* GLOBAL MESSAGE SMALL */
.globe-small {
	padding: 2px;
	min-height: 14px;
	margin: 0 auto 5px
}

* html .globe-small {
	height: 16px
}

	.globe-small .globe-message {
		font-size: 11px;
		line-height: 15px
	}

/* BLUE INFO */
.blue-info {
	border: 1px solid #adcce6;
	background-color: #e8eafe
}

/* BLUE INFO SMALL */
.blue-info-small .iconInfo {
	position: relative;
	top: 2px
}

.blue-info-small {
	color: #333;
	font-size: 11px;
	line-height: 15px
}

/* GREEN INFO */
.green-info {
	border: 1px solid #ccc;
	background-color: #DFEEA4
}

/* YELLOW WARNING */
.yellow-warning {
	/*	border: 1px solid #c6c6c6;
	background-color: #FFFFCC*/
}

	.yellow-warning .iconTriangle {
		margin-top: 1px
	}

/* RED WARNING */
.red-warning {
	border: 1px solid #CC6600;
	background-color: #FFECEC
}




/*********************
TABS (ej. ProductPage)
**********************/
#content .tabs li {
	background: url(../images/tabs-left.gif) left -30px no-repeat;
	font-size: 12px;
	font-family: 'Montserrat', Helvetica, sans-serif;
	float: left;
	margin-right: 10px;
	position: relative;
	bottom: -1px
}

	#content .tabs li a {
		background: url(../images/tabs-right.gif) right -30px no-repeat;
		height: 30px;
		text-transform: uppercase;
		color: #002c00;
		text-decoration: none;
		padding: 8px 12px 0;
		height: 21px;
		text-align: center;
		font-weight: bold;
		float: left
	}
/* CURRENT TAB */
#content .tabs .current {
	background-position: left top
}

	#content .tabs .current a {
		background-position: right top;
		height: 22px;
		cursor: default
	}
/* TAB CONTENT */
.ContenidoTab {
	border: 1px solid #ccc;
	padding: 20px 10px
}

	.ContenidoTab .ColLeft,
	.ContenidoTab .ColRight {
		width: 325px;
		padding: 0 20px
	}

	.ContenidoTab .ColLeft {
		border-right: 1px solid #ccc;
		padding-left: 0;
		float: left
	}

	.ContenidoTab .ColRight {
		float: right
	}




/*********************************************************
PROPIEDADES GENERALES
Algunas deben tener la más alta prioridad (no modificar)
*********************************************************/

/*------- ALIGMENTS -------*/
#page #content .fl {
	float: left
}

#page #content .fr {
	float: right
}

#page #content .center {
	margin: 0 auto;
	display: block;
	clear: both
}

.clear_both {
	clear: both
}

.clear_left {
	clear: left
}

.clear_right {
	clear: right
}


/***************
TEXT PROPERTIES
***************/
#page #content .txtright {
	text-align: right
}

#page #content .txtcenter {
	text-align: center
}

#page #content .uppercase {
	text-transform: uppercase
}

/*-------WIDTHS -------*/
.width-20 {
	width: 20px
}

.width-30 {
	width: 30px
}

.width-40 {
	width: 40px
}

.width-50 {
	width: 50px
}

.width-60 {
	width: 60px
}

.width-70 {
	width: 70px
}

.width-80 {
	width: 80px
}

.width-90 {
	width: 90px
}

.width-100 {
	width: 100px
}

.width-110 {
	width: 110px
}

.width-120 {
	width: 120px
}

.width-130 {
	width: 130px
}

.width-140 {
	width: 140px
}

.width-150 {
	width: 150px
}

.width-160 {
	width: 160px
}

.width-170 {
	width: 170px
}

.width-180 {
	width: 180px
}

.width-190 {
	width: 190px
}

.width-200 {
	width: 200px
}

.width-210 {
	width: 210px
}

.width-220 {
	width: 220px
}

.width-230 {
	width: 230px
}

.width-240 {
	width: 240px
}

.width-250 {
	width: 250px
}

.width-291 {
	width: 291px
}

.width-300 {
	width: 300px
}

.width-310 {
	width: 310px
}

.width-320 {
	width: 320px
}

.width-330 {
	width: 330px
}

.width-340 {
	width: 340px
}

.width-350 {
	width: 350px
}

.width-380 {
	width: 380px
}

.width-400 {
	width: 400px
}

.width-450 {
	width: 450px
}

.width-470 {
	width: 470px
}

.width-500 {
	width: 500px
}

.width-550 {
	width: 550px
}

.width-600 {
	width: 600px
}

.width-630 {
	width: 630px
}


.width-25pc {
	width: 25%
}

.width-33pc {
	width: 33%
}

.width-middlesize, .width-50pc {
	width: 50%
}

.width-fullsize, .width-100pc {
	width: 100%
}

/* MARGINS / PADDINGS */
#page #content .mt10 {
	margin-top: 10px
}

#page #content .mt20 {
	margin-top: 20px
}

#page #content .mt30 {
	margin-top: 30px
}

#page #content .mt40 {
	margin-top: 40px
}

#page #content .mr0 {
	margin-right: 0px
}

#page #content .mr5 {
	margin-right: 5px
}

#page #content .mr10 {
	margin-right: 10px
}

#page #content .mb10 {
	margin-bottom: 10px
}

#page #content .mb20 {
	margin-bottom: 20px
}

#page #content .mb30 {
	margin-bottom: 30px
}

#page #content .mb40 {
	margin-bottom: 40px
}

#page #content .mb50 {
	margin-bottom: 50px
}

#page #content .mb60 {
	margin-bottom: 60px
}

#page #content .ml10 {
	margin-left: 10px
}

#page #content .ml23 {
	margin-left: 23px
}

#page #content .ml5 {
	margin-left: 5px
}

#page #content .pl10 {
	padding-left: 10px
}

/*-------VISIBILTY -------*/
#header .hidden, #page #content .hidden, .hidden, .toPrint {
	display: none
}

body #page .block {
	display: block
}

.invisibleText {
	font-size: 0px
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #CC6000
}

.field-validation-valid {
	display: none
}

input.input-validation-error {
	background: url('../images/input_bg_error.gif') #fee left top repeat-x
}

.validation-summary-errors {
	background: url(../images/bannedAlone.png) 5px 5px no-repeat;
	border: 1px solid #CC6600;
	background-color: #FFECEC;
	padding: 4px 30px;
	color: #000;
	font-size: 13px;
	margin: 0 auto 10px;
	font-family: Verdana;
	min-height: 26px
}

	.validation-summary-errors ul {
		margin: 5px 10px 10px
	}

	.validation-summary-errors li {
		margin: 5px 0
	}

.validation-summary-valid {
	display: none
}


/* For 404 and 500 error pages */
#errorHeader {
	height: 100px
}

#errorContent {
	width: 900px;
	padding-top: 40px
}


.informationIcon { /*background-image: url(../images/information.ico); background-position: right center; background-repeat: no-repeat; padding-right: 20px;*/
	background: url(../images/information.png) no-repeat 0 0;
	padding: 3px 20px 3px 0;
}

/*Mensages stock*/
.stock {
	font-size: 15px;
	font-weight: bold;
	color: #76BC21;
}

.stockNo {
	font-size: 15px;
	font-weight: bold;
	color: #FF3C00;
}

.padding-2 {
	padding-top: 2px;
	padding-bottom: 2px;
}

.padding-5 {
	padding-top: 5px;
	padding-bottom: 5px;
}

.padding-top-15 {
	padding-top: 15px;
}

.padding-bottom-15 {
	padding-bottom: 15px;
}

.breadcrumb-item + .breadcrumb-item::before {
	content: ">";
}

.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0.75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #D8D8D8D8;
	border-radius: 0.25rem;
}

button.btn.primary-button { /* Boton verde letra blanca */
	background-color: var(--main-green);
	color: white;
	border-radius: 10px;
}


.btnTruck {
	background-image: url(../images/camionblancopladur.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 50px;
	text-align: center;
}

.btnBack {
	background-image: url(../images/atras.svg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
	text-align: center;
}

button.btn.secondary-button { /* Boton blanco letra negra */
	background-color: white;
	color: gray;
	border-radius: 10px;
	border-color: gray;
}

button.btn.search-button { /* Boton blanco letra negra de busqueda */
	background-color: white;
	color: gray;
	border-radius: 2px;
	border-color: #80808073;
}

.bg-light {
	background-color: var(--secondary-gray) !important;
}

legend {
	font-size: 14px;
	background-color: var(--secondary-gray) !important;
	font-family: 'Montserrat';
	margin-bottom: .5rem;
	width: 100%;
	max-width: 100%;
}


.padding-bottom-50 {
	padding-bottom: 50px;
}

.padding-top-50 {
	padding-top: 50px;
}

.padding-top-35 {
	padding-top: 35px;
}

#content .contact textarea {
	width: 100%;
}

.contact {
}

.hbreadcrumb {
	height: 48px;
}

h3 {
	margin-top: 65px;
}

.inputCenter { /*Para liniar inputs por el centro de la tabla   &&& Sergii*/
	display: inline-block;
}

/*Orders*/
.labelTelefono {
	padding-left: 10px !important;
	min-width: 80px;
}

.labelContacto {
	min-width: 200px;
}

.inputContactoTelefono {
	padding-left: 10px;
}

.labelSuministroFor {
	min-width: 180px;
}

.labelSuministroInmediato {
	min-width: 230px;
}

.inputFor {
	min-width: 140px;
}

@media (min-width: 959px) {
	.purchasesli1 {
		white-space: nowrap;
	}
}

@media (min-width: 1053px) {
	.purchasesli2 {
		white-space: nowrap;
	}
}

@media (min-width: 11054px) {
	.purchasesli3 {
		white-space: nowrap;
	}
}
}

/*Home Communication*/
.title-comm {
	font-weight: bold;
}

.light-grey-comm {
	color: #939392;
}

.dark-grey-comm {
	color: #595959;
}


.limit-info-55 {
	display: block;
	text-overflow: ellipsis;
	width: 550px;
	overflow: hidden;
	white-space: nowrap;
}

.lines-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.lines-4 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4; /* number of lines to show */
	-webkit-box-orient: vertical;
}

.comm-images-index {
	width: 100%;
	height: 255px;
	object-fit: fill;
	object-position: bottom;
}

.comm-images-list {
	width: 100%;
	height: 90px;
	object-fit: cover;
	object-position: bottom;
}

/*BORDE SLIDES*/
.sliderCard {
	align-items: center;
	margin: 0px auto;
	border: 2px solid #aba4a436;
	height: 33rem;
	/*OK*/
	/*width: 50% !important;*/
}

/*Downloads*/

#marca .downloadimg {
	border: 1px solid #EFE6E4;
	height: 200px;
	max-width: 90%;
	width: auto;
	padding: 10px;
}

#marca .cat-name{
	color: black;
}

#marca .archivo{
	padding-left: 10px;
}

	#marca .archivo a {
		color: #B1ADAC !important;
	}
#marca .carpeta a{
	font-weight: bold !important;
}

.padding-bottom-35{
	padding-bottom:35px;
}
.padding-bottom-10 {
	padding-bottom: 10px;
}

.padding-top-10 {
	padding-top: 10px;
}

.padding-bottom-5 {
	padding-bottom: 5px;
}

.padding-top-5 {
	padding-top: 5px;
}

.padding-left-15{
	padding-left: 15px;
}

#List li {
	list-style: none;
}

.downloadSpan {
	color: black;
	padding-left: 10px;
	font-size: 12px;
}

@media(max-width: 918px) {
	.addTruck {
		width: 0px;
	}
} 
}





#content .gris a {
	color: #515151;
}

.fs-15 {
	font-size: 15px;
}

a p .icon {
	cursor: pointer;
	position: static;
	margin-top: 2px;
}

a p .mt5 {
	margin-top: 5px;
}

.ui-dialog-titlebar-close {
	padding: 0 !important;
}

	.ui-dialog-titlebar-close:after {
		content: '';
		width: 16px;
		height: 16px;
		display: inline-block;
		background-image: url(custom-theme/images/ui-icons_454545_256x240.png);
		background-position: -96px -128px;
		background-repeat: no-repeat;
	}