@charset "utf-8";
@import "tkmwhhg.css";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;600&display=swap");

html {
	position: relative;
	font-family: 'Poppins', sans-serif !important;
	font-size: 12px !important;
	line-height:2em !important;
	min-height: 100%;
	color:#1b1919 !important;
}
body {
	background-color:#FFF;
	font-family: 'Poppins', sans-serif !important;
}
h1 {

}
	h1 .backg, h2 .backg, h3 .backg, h4 .backg, h5 .backg, h6 .backg {
		background:#FFF;
		color:#1b1919;
		border: solid 1px #1b1919;
		padding-left:20px;
		padding-right:20px;
		font-size: 0.8em;
	}
	h1 .backgNO, h2 .backgNO, h3 .backgNO, h4 .backgNO, h5 .backgNO, h6 .backgNO {
		color:#1b1919;
		padding-left:20px;
		padding-right:20px;
		font-size: 0.8em;
	}
.jumbotron {
	background-color: rgba(238, 238, 238, 0.8);
	border: solid 1px #FFF;
}
label {
	font-weight: normal !important;
}
.form-control {
	border: solid 0.5px #1b1919 !important;
	border-radius: 0px !important;
}
	.form-control.blanc {
		border: solid 0.5px #FFF !important;
	}
.table.NoBorder, .table .tdNoBorder {
	border: none !important;
}
.table th {
	background:#1b1919;
	color:#FFF;
	border-color:#1b1919 !important;
	text-transform: uppercase;
}
input.guardaOK {
	background: #27ae60 !important;
}
.page-header {
	margin-bottom: 5px;
	border:none !important;
}
	@media (max-width: 768px) {
		.page-header img {
			height:60px;
		}
		.page-header h1 {
			font-size: 1.5em;
		}
	}
.panelFarma {
	border-color: #1b1919 !important;
	border-radius: 0px;
	position: relative;
}
	.panelFarma .panel-heading {
		border-radius: 0px;
		background: #1b1919 !important;
	}
	.panelFarma .mostraCistella {
		position: absolute;
		text-align: center;
		right: -1px;
		top: -70px;
		padding-top: 8px;
		padding-bottom: 8px;
		height: 70px;
		width: 100px;
		border: solid 1px #1b1919;
	}
		.panelFarma .mostraCistella:hover {
			background: #1b1919;
		}
			.panelFarma .mostraCistella:hover img {
				filter: invert(100%);
			}
@media (max-width: 768px) {	
	.panel-body {
		padding:8px !important;
	}  
}

.paddingTOP {
	padding-top: 2px;
}
	.paddingTOP.pt8 {
		padding-top: 8px;
	}
	.paddingTOP.pt16 {
		padding-top: 16px;
	}
.paddingBTM {
	padding-bottom: 2px;
}
	.paddingBTM.pt8 {
		padding-bottom: 8px;
	}
	.paddingBTM.pt16 {
		padding-bottom: 16px;
	}
    	
#capcaleraFixed {
	box-shadow: 0px 1px 3px #666;
	background: #1b1919 !important;
	height: 80px;
}
	#capcaleraFixed .container-fluid {
		min-height: 70px;
	}
	#capcaleraFixed.navbar-inverse .navbar-btn {
		color:#FFF !important;
	}
	#capcaleraFixed.navbar-inverse .navbar-nav > li > a {
		color:#FFF !important;
	}
	#capcaleraFixed .navbar-brand {
		padding:7px !important;
	}
		#capcaleraFixed .navbar-brand img {
			max-height: 70px;
		}
		#capcaleraFixed #idiomesTOP {
			float:right;
			clear:both;
			font-size: 0.9em;
		}
		#capcaleraFixed #idiomesTOP > ul {
			list-style: outside none none;
		}
		#capcaleraFixed #idiomesTOP > ul > li {
			padding: 0px 5px 0px 5px !important;
			float:left;
		}
		
		#capcaleraFixed #idiomes.navbar-nav > li {
			padding: 4px 5px 1px 5px !important;
			color:#FFF !important;
		}
		#capcaleraFixed #idiomesTOP > ul > li > a, #capcaleraFixed #idiomesTOP > ul > li > a,
		#capcaleraFixed #idiomes.navbar-nav > li > a, #capcaleraFixed #idiomes.nav > li > a {
			padding: 1px 5px 1px 5px !important;
			background:none !important;
			color:#DDD !important;
		}
		#capcaleraFixed #idiomesTOP > li > a:hover, #capcaleraFixed #idiomesTOP > li > a:hover, 
		#capcaleraFixed #idiomes.navbar-nav > li > a:hover, #capcaleraFixed #idiomes.nav > li > a:hover {
			text-decoration:underline;
		}
		#capcaleraFixed #idiomesXS {
			padding-top:30px;
			color:#CCC;
		}
			#capcaleraFixed #idiomesXS a, #capcaleraFixed #idiomesXS a:hover {
				color:#FFF;
				font-weight: bold;
			}
	@media (max-width: 700px) {
		#capcaleraFixed .navbar-brand {
			min-width: 40%;
		}
	}
	@media screen and (max-width:750px) {	
		#capcaleraFixed img {
			height:auto;
		}
		#capcalera .container img {
			display:none;
		}			
	}
#capcaleraFixed .tpadding {
	padding-top:16px;
	font-weight: bold;
}
#capcaleraFixedPrint {
	background-color:#FFF !important;
}	
#capcalera {
	height:80px;
	border-bottom:solid 1px #777;
	/*background: rgba(33,33,33,0.8) url("../../img/fons_capcalera.png") no-repeat scroll 50% 0px;*/
	background: #1b1919;
}
#menuAdministracioBT {
	margin:0 auto;
	text-align:center;
	color:#FFF;
	background:#666;
}
	#menuAdministracioBT:hover {
		cursor:pointer;
		background:#000;
	}
	@media screen and (max-width:980px) {
		#menuAdministracioBT, #menuAdministracio {
			display:none;
		}	
	}	
#menuAdministracio {
	margin:0 auto;
	text-align:center;
	background: #DDDDDD;
	display:none;		
}
	#menuAdministracio #contentMAdmin, #menuAdministracio #contentMPermisos {
		text-align:center !important;
		margin-bottom:0px !important;
	}
		#menuAdministracio #contentMAdmin i.icon-tkm_ico {
			font-size:1.3em;
			vertical-align:middle;
		}
		#menuAdministracio #contentMAdmin .btn {
			margin-bottom:3px;
			font-size:0.9em !important;
		}
		#menuAdministracio #contentMPermisos table {
			font-size:0.9em !important;
		}
#fotoPrincipal {
	float:left;
	margin: 0px 10px 10px 0px;
}
#gallery .col-sm-2 {
	text-align:center;
	margin-bottom:5px;
}	
#gallery .thumbnail {
	margin-bottom:10px;
}
.tdAlerta {
	background-color:rgba(255, 180, 0, 0.53);
}
.tdComentari {
	background-color:rgba(116, 233, 80, 0.5);
}
.tdComentariRD {
	background-color:rgba(45, 122, 22, 0.5);
}
#cos {
	margin:0 auto;
	padding-bottom:100px;
}
	#cos .containerCos {
		padding:0px;
	}
		#cos .containerCos .col25 {
			width:25%;
			padding:0px;
			float:left;
		}
		#cos .containerCos .col5 {
			width:5%;
			padding:0px;
			float:left;
		}
		#cos .containerCos .col70 {
			width:70%;
			padding:0px;
			float:left;
		}
		@media screen and (max-width:900px) {
			#cos .containerCos .col25, #cos .containerCos .col5 {
				display:none;
			}
			#cos .containerCos .col70 {
				width:100%;
			}
		}
	@media screen and (max-width:768px) {
		#cos .containerCos {
			padding:0px 10px 0px 10px;
		}	
	}
	#cos .cosPrincipal {
		padding:0px;
		width:100%;
	}
#cos100 {
  margin: 0 auto;
  margin:5px 1% 5px 1%;
  position: relative;
  width: 98% !important;
}
.fcontacte {
	background:rgba(255,255,255,0.7) !important;
}						
#peu {
	position: fixed;
	bottom: 0px;
	width:100%;
	height: 90px;
	padding:5px 0px 10px 0px;
	background:#1b1919;
	color:#FFF;
	margin-top:20px;
	text-align:center !important;
	z-index:10;
}
	#peu #peuNav {
		position: absolute;
		width:100%;
		height:auto;
		margin-top:10px;
		padding:3px 0px 3px 0px;
		bottom:0;
		background-color: #1b1919;
		color:#EEE;
	}
	#peu a {
		color:#FFF;
		text-decoration: none;
	}
		#peu a:hover {
			color: #FFF;
			text-decoration: underline;
		}
	#peu small a {
		color:#FFF;
		text-decoration: underline;
	}
		#peu small a:hover {
			color: #FFF;
			text-decoration: none;
		}
	#peu .copy {
		font-family: Arial, sans-serif;
	}
	#peu .icosESQ {
		display: table;
		min-height: 80px;
	}
		#peu .icosESQ .ico {
			display: table-cell;
			vertical-align: middle;
			text-align: center;
		}
	#peu .icosDRT {
		display: table;
		min-height: 80px;
	}
	#peu .icosDRT .ico {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}
	@media screen and (max-width:1000px) {
		#peu .peuXS {
			font-size: 12px !important;
		}
		#peu .icosESQ, #peu .icosDRT {
			min-height:40px;
		}
		#peu .icosESQ .ico img {
			height:34px;
		}
		#peu .icosDRT .ico img {
			height:40px;
		}
	}
	@media screen and (max-width:768px) {
		#peu .peuXS {
			font-size: 12px !important;
		}
		#peu .icosESQ, #peu .icosDRT {
			min-height:40px;
		}
		#peu .icosESQ .ico img {
			height:24px;
		}
		#peu .icosDRT .ico img {
			height:30px;
		}
	}
.col6 {
	column-count: 6;
	column-gap: 3em;
	-moz-column-count: 6;
	-moz-column-gap: 2em;
	-webkit-column-count: 6;
	-webkit-column-gap: 3em;
}
.col6 .checkbox {
    margin-top:0px !important;
}
@media screen and (max-width:768px) {
    .col6 {
        column-count:2;
        column-gap: 1.5em;
        -moz-column-count: 2;
        -moz-column-gap: 1.5em;
        -webkit-column-count: 2;
        -webkit-column-gap: 1.5em;
    }
}

.divResponsive {
	width:auto;
}
@media screen and (max-width:768px) {
	.divResponsive {
		width:auto;
		overflow-x:scroll;
	}
}
@media screen and (max-width:400px) {
	.divResponsive {
		width:300px;
		overflow-x:scroll;
	}
}

.btn-shadow {
	box-shadow: 2px 2px 2px #666;
}
.btn-blanc {
	background: white;
	border: solid 0.5px #1b1919;
	border-radius: 0px;
	text-decoration: none !important;
}
.btn-negre {
	background: #1b1919;
	color: #FFF;
	border: solid 0.5px #1b1919;
	border-radius: 0px;
	text-decoration: none !important;
	text-shadow: none !important;
}
	.btn-negre.padding40 {
		padding-left: 40px;
		padding-right: 40px;
	}
.selOpcions {
	border: solid 0.5px #1b1919;
	padding: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
}
	.selOpcions .selOpcio {
		margin-left: 2px;
		margin-right: 2px;
	}
		.selOpcions .selOpcio:hover {
			color:#999;
			cursor: pointer;
		}
		.selOpcions .selOpcio.active {
			background:#1b1919;
			color:#FFF;
			padding-left:5px;
			padding-right:5px;
		}
.marginT20 {
	margin-top: 20px !important;
}
.icoH1 {
	margin-right: 40px;
}
/* ************************************************************* */		
/* PRINCIPAL *************************************************** */
#menuPrincipal {
	margin-top:70px;
	table-layout: fixed;
	width: 100%;
}
	@media screen and (max-width:1000px) {
		#menuPrincipal {
			margin-top:15px;
		}
	}
	@media screen and (max-width:768px) {
		#menuPrincipal {
			margin-top:10px;
		}
	}
	#menuPrincipal .opcioM {
		font-weight: 1000;
		word-spacing: 100vw;
		min-width: 2%;
		/*display: table-cell;*/
	}
		#menuPrincipal .opcioM .imatge {
			border-radius: 100%;
			padding-top: 14px;
			height: 110px;
			width: 110px;
			margin: 0 auto;
			cursor: pointer;
		}
			#menuPrincipal .opcioM .imatge > img {
				vertical-align: center;
			}
			#menuPrincipal .opcioM .imatge:hover {
				background: #1b1919;
			}
				#menuPrincipal .opcioM .imatge:hover > img {
					filter: invert(100%);
				}
			#menuPrincipal .opcioM .imatge.active {
				background: #1b1919;
			}
				#menuPrincipal .opcioM .imatge.active img {
					filter: invert(100%);
				}
		#menuPrincipal .opcioM .text {
			word-spacing: 100vw;
			text-transform: uppercase;
			font-weight: bold;
		}
#subMenu .subMenu {
	display:none;
}
	#subMenu .subMenu.mostra {
		display:inherit;
	}
	#subMenu .subMenu .opcioM .text, #subMenu .subMenu .opcioM a .text {
		color: #1b1919;
		margin-top:10px;
		text-decoration: none !important;
	}
		#subMenu .subMenu .opcioM .imatge {
			cursor: pointer;
		}
		#subMenu .subMenu .opcioM .text span {
			padding-left:10px;
			padding-right:10px;
		}
			#subMenu .subMenu .opcioM:hover .text span, #subMenu .subMenu .opcioM a:hover .text span {
				background: #1b1919 !important;
				color:#FFF !important;
				text-decoration: none !important;
			}

#principalSlider .carousel-inner {
	width:80%;
	float: left;
}
	#principalSlider .carousel-inner img {
		width:100%;
	}
	#principalSlider .carousel-esq, #principalSlider .carousel-drt {
		width:10%;
		height: 100%;
		padding-top: 100px;
		float: left;
	}
	@media screen and (max-width:750px) {
		#principalSlider {
			margin-left: -15px;
			margin-right: -15px;
		}
		#principalSlider .carousel-inner {
			width:100%;
		}
	}
/* ************************************************************* */
/* CAMPANYES *************************************************** */
#llisCampanyes .itemCampanya {
	padding:40px;
}
#llisCampanyes .imatge .img-circle {
	border: solid 1px #1b1919;
}
#llisCampanyes .text {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 30px;
	font-weight: 1000;
}
/* ************************************************************* */
/* VADEMECUM *************************************************** */
.estQuant.select {
	background: #1b1919;
	font-weight: bold;
	color: #FFF;
}
/* ************************************************************* */
/* NOVETATS **************************************************** */
#llisNovetats .itemNovetat {
	padding:20px;
}
	#llisNovetats .itemNovetat .imatge {
		padding-right:10px;
		padding-left:10px;
	}
		#llisNovetats .itemNovetat .imatge .img-circle {
			border: solid 1px #1b1919;
		}
	#llisNovetats .itemNovetat .text {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px;
		height: 80px;
		overflow: hidden;
		width: 100% !important;
	}
	#llisNovetats .itemNovetat .npeu {
		width: 100%;
		position: relative;
	}
		#llisNovetats .itemNovetat .npeu .textPreu div {
			text-align: center;
			padding-top:2px;
			height: 24px;
			border: solid 1px #1b1919;
		}
		#llisNovetats .itemNovetat .npeu .textQuant .input-group-addon {
			padding: 4px !important;
			padding-right: 6px;
			padding-left: 6px;
			color: #1b1919 !important;
			text-align: center !important;
			background-color: #FFF !important;
			border: 1px solid #1b1919 !important;
			border-radius: 0px !important;
			cursor: pointer;
		}
			#llisNovetats .itemNovetat .npeu .textQuant input {
				height: 24px;
				border-left: none !important;
				border-right: none !important;
				border-top: solid 1px #1b1919 !important;
				border-bottom: solid 1px #1b1919 !important;
			}
				#llisNovetats .itemNovetat .npeu .textQuant input.select {
					background: #1b1919;
					color: #FFF;
				}
		#llisNovetats .itemNovetat .npeu .textDates {
			margin-top:8px;
			font-size: 0.8em;
			text-align: center;
		}
/* ************************************************************* */
/* CPANEL ****************************************************** */
.divControl {
	position:relative;
	width:25%;
	margin:5px 0px 5px 0px;
	overflow:hidden;
	float:left;
}
	.divControl.control80 {
		width:12% !important;
	}
	.divControl .divControlImg {
		width:96%;
		border:1px solid #CCC;
		overflow:hidden;
	}
		.divControl .divControlImg img {
			width:100%;
		}	
	.divControl:hover .divControlImg {
		background: rgba(120,120,120,0.3);
	}
	.divControl:hover .divControlImg img {
		-webkit-transform: scale(1.1,1.1);
		-moz-transform: scale(1.1,1.1);
		-o-transform: scale(1.1,1.1);
		-ms-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
		
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		-o-transition: all 0.2s ease-in-out;
		-ms-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;	
	}
	.divControl:hover small {
		color:#5699D2;
	}
		@media screen and (max-width:980px) {
			.divControl .divControlImg img {
				width:auto !important;
				height:100%;
			}
			.divControl .divControlText {
				display:none;
			}		
		}
		@media screen and (max-width:768px) {
			.divControl .divControlImg img {
				height:auto !important;
				width:100% !important;
			}
		}		

/* ************************************************************* */
/* ALBUM ******************************************************* */
#box #drop
{
	width: inherit;
	min-height:100px;
}
	#box #dropThunder .img {
		margin-right:5px;
		margin-bottom:5px;
		float:left;
	}
/* ************************************************************* */
/* ALERTES ***************************************************** */
#llisArxius a {
	color: #1b1919;
	text-decoration: underline;
}
	#llisArxius a:hover {
		color: #1b1919;
		text-decoration: underline;
	}
	#llisArxius a .btn-blanc, #llisArxius a:hover .btn-blanc {
		text-decoration: none !important;
	}
/* ************************************************************* */
/* ALTRES ****************************************************** */
#llisAltres .itemMenu {
	font-weight: 1000;
	min-width: 2%;
	padding-bottom: 30px;
}
	#llisAltres .itemMenu .imatge {
		border: solid 1px #1b1919;
		border-radius: 100%;
		height: 200px;
		width: 200px;
		margin: 0 auto;
		padding:10px;
		cursor: pointer;
		text-align: center;
	}
		#llisAltres .itemMenu .imatge img {
			width:90%;
		}
		#llisAltres .itemMenu .imatge:hover {
			background: #EEE;
		}
		#llisAltres .itemMenu .imatge.active {
			background: #1b1919;
		}
		#llisAltres .itemMenu .imatge.active img {
			filter: invert(100%);
		}
	#llisAltres .itemMenu .text {
		text-align: center;
	}
/* ************************************************************* */
/* FAQ ********************************************************* */
.pregunta {
	margin-bottom: 40px;
}
/* ************************************************************* */
/* NOTICIES **************************************************** */
.linkNoti, .linkNoti:hover {
	color: #1b1919;
	text-decoration: underline;
}
/* ************************************************************* */
/* TRADUCCIONS ************************************************* */
.tradZoom {
	position:relative;
	text-align:center;
	cursor:pointer;
}
.finestraZoom {
	position:absolute;
	top:0px;
	left:20px;
	width:300px;
	height:245px;
	padding:2px;
	border: solid 2px #0066CC;
	background-color:#EEE;
	display:none;
	text-align:center;
	z-index:1000;
}
/* ************************************************************* */
/* FITXADOR **************************************************** */
#fitxador #horaRellotge {
	margin: 0 auto;
	text-align:center;
	font-family: 'Bungee Inline', cursive;
	font-size:3em;
	color:#333;
	padding: 5px 0px 5px 0px;
}
#fitxador #resumAccio {
	text-align:center;
	height: 50px;
	font-size: 1.2em;
}
#fitxador .fitxadorBT {
	width:31%;
	margin:1%;
	float:left;
}
	#fitxador .fitxadorBT > .btn {
		font-size:2.5em;
	}
#fitxador.resINI{
	background:#00FF00;	
}
#fitxador.resFI{
	background:#FFAF15;	
}
#fitxador.resKO {
	background:#FF0000;
}
#fitxadorEspera {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.9);
	display:none;
	z-index:10000;
}	
/* ************************************************************* */
ol.breadcrumb {
	background: none;
	margin-bottom: 5px;
	padding: 0px;
}
	.breadcrumb > li a, .breadcrumb > li a:hover {
		color: #1b1919;
	}
	.breadcrumb > li + li:before {
		color: #1b1919;
		content: ">\00a0";
	}
@media screen and (max-width:500px) {
	ol.breadcrumb {
		display:none;
	}
}
.trGuardat {
	background:rgba(0,153,51,0.7) !important;
}
.trGuardat2 {
	background:rgba(0,102,51,0.9) !important;
}
.panelSolid {
	background: #DDDDDD; /* Old browsers */
	background: -moz-linear-gradient(top, #DDDDDD 22%, #999999 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(22%,#DDDDDD), color-stop(100%,#999999)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #DDDDDD 22%,#999999 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #DDDDDD 22%,#999999 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #DDDDDD 22%,#999999 100%); /* IE10+ */
	background: linear-gradient(to bottom, #DDDDDD 22%,#999999 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DDDDDD', endColorstr='#999999',GradientType=0 ); /* IE6-9 */	
}
.noPadding {
	padding:0;
}
.noMargin {
	margin:0px;
}
.cursorPoint {
	cursor:pointer;
}

#cookies {
	position:fixed;
	width:100%;
	padding:10px 0px 10px 0px;
	bottom:0px;
	left:0px;
	background:rgba(33,33,33,0.95);
	color:#EEE !important;
	z-index:50000;
}
	#cookies a, #cookies a:hover {
		color:#CCC !important;
	}
.qtip-light {
	max-width:90% !important;
	box-shadow: 0px 1px 3px #666 !important;
}

img.img100 {
	max-width:100% !important;	
}

.ulMenu {
	text-align:left;
	font-weight: 100;
	font-size: 0.91667em;
}
	.ulMenu strong {
		text-transform: uppercase;
		color: #3B3B3B;
		white-space: nowrap;
		padding-left: 13px;
		background: transparent url("../../img/amb-bullet.png") no-repeat scroll 0px 50%;
	}
	.ulMenu > ul {
		list-style: outside none none;
		padding: 3px;
		padding-left:13px;
		margin: 0px;	
	}
		.ulMenu > ul > li {
	   		padding: 0px;
			margin: 0px;	
		}
#pressOpcions > ul {
	list-style: outside none none;
	padding:3px;
	margin:0px;	
	display: block;
}		
	#pressOpcions > ul >li {
		padding:0px;
		margin:0px;
		display: inline;
		border-left: 1px solid #3B3B3B;
		padding-left: 6px;
		margin-left: 4px;
		line-height: 8px;
	}
		#pressOpcions ul > li:first-child {
    		margin-left: 0px;
    		padding-left: 0px;
    		border-left: 0px none;
		}
	
.txtDestacat {
	font-size:2em !important;
	font-weight:bold !important;
}	
.fordre {
	cursor:pointer;
}
.guardarOK {
	background:rgba(80, 167, 19, 1) !important;
}
	.guardarOK a {
		color:#FFF !important;
	}
.thumbnail.thumbclient {
	border:solid 1px #8d1839 !important;
}	
.labelPreu {
	font-weight:normal !important;
	font-size:1em !important;
}
.clearBoth {
	clear:both;
}
.loader {
  border: 6px solid #333;
  border-radius: 50%;
  border-top: 6px solid #EEEEEE;
  border-bottom: 6px solid #EEEEEE;
  width: 32px;
  height: 32px;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}
	.loader.blanc {
		border: 6px solid #EEE;
		border-top: 6px solid #333;
 		border-bottom: 6px solid #333;
	}
input.destacat, select.destacat {
	background-color: #fb6f24 !important;
	border: solid 1px #fefefe !important;
	color: #fefefe !important;
}
/* Control **************************** */
.rowControlTOUCH > .col-md-12, .rowControlTOUCH > .col-md-3, .rowControlTOUCH > .col-md-2, .rowControlTOUCH > .col-xs-6, .rowControlTOUCH > .col-xs-4 {
	padding:0px;
}
.rowControlTOUCH a, .rowControlTOUCH a:hover {
	text-decoration:none;
}
.divControlTOUCH {
	background:#333333;
	color:#FFF;
	text-align:center;
	height:98%;
	width:98%;
	margin:1%;
	padding:16px 8px 16px 8px;
	display: table;
}
	.divControlTOUCH:hover {
		background:#666 !important;
		color:#EEE;
	}
	.divControlTOUCH i.gran {
		font-size:4em;
	}
	.divControlTOUCH i.base {
		font-size:2em;
	}
	.divControlTOUCH span {
		display: table-cell;
		vertical-align: middle;
	}
.divControlSECCTOUCH {
	padding:5px 0px 5px 0px;
	background:#333333;
	color:#FFF;
	text-align:left;
	width:100%;
	padding-left:2%;
}	
/* ************************************ */
.gran2 {
	font-size:2em;
}
.inpGuardant {
	background:#cdecbe !important;
}
#popup_fons {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: rgba(0,0,0,0.4);
	overflow:hidden;
	z-index:1050;
	display:none;
}
	#popup_fons #popup_contingut {
		position:absolute;
		top:10%;
		left:10%;
		width:80%;
		max-height:80%;
		padding:2%;
		overflow-y: auto;
		overflow-x: hidden;
		background:#FFF;
		z-index:1055;
	}

.row-igual-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
}
	.row-igual-height > [class*='col-'] {
	  display: flex;
	  flex-direction: column;
	}
.saltlinia_normal {
	white-space: normal;
}

	.vehSEL [class*='cls-']
	 {
		opacity: 0.5 !important;
		fill:#FF0000 !important;
	}
	.vehHOV [class*='cls-']
	{
		opacity: 0.5 !important;
		fill:#0000FF;
	}
#tbVehicle {
	position:relative;
}	
#tooltip {
	display: inline-block;
	/*display: none;*/
	position: absolute;
	bottom:0px;
	left:0px;
	padding: .5em 1em;
	background-color: #f1f1f1;
	font-weight:bold;
	z-index:10000;
}
.outer {
	display: table;
	height: 100%;
	width: 100%;
}
.middle {
	display: table-cell;
	vertical-align: middle;
}
.inner {
	margin-left: auto;
	margin-right: auto;
	/*width: 400px;*/
}
.divBotons {
	padding-top:10px;
	padding-bottom:10px;
}
#menuWebPrivat a {
	color:#1b1919;
}
#menuWebPrivat a:hover {
	background-color:#1b1919;
	color:#FFF;
}
	#menuWebPrivat .webnivell1 {
		font-size:1.2em;
		font-weight: bold;
		margin-top:10px;
	}
	#menuWebPrivat .webnivell2 {
		padding-left: 20px;
	}
	#menuWebPrivat .webnivell3 {
		padding-left: 40px;
	}
	#menuWebPrivat .webnivell4 {
		padding-left: 60px;
	}
	#menuWebPrivat .webnivell5 {
		padding-left: 80px;
	}
.svg-blanc {
	/* càlcul HEX > RGB https://codepen.io/sosuke/pen/Pjoqqp */
	filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(217deg) brightness(108%) contrast(101%);
}
/* CAMPANYES ************************************************** */
.varQuant.select {
	background: #1b1919;
	color: #FFF;
}
/* ************************************************************* */