/* Estils generals */
/* TODO anar copiant del back al front */

/* Ref. accessibilitat colors: http://www.sussex.ac.uk/tel/resource/tel_website/accessiblecontrast/?q=FFFFFF~003b49~1d4289~94a596~e56db1~d3273e~00bfb2~d6d2c4~ffc845~dc582a~41b6e6~1b365d~be84a3~5d3754~7da1c4~f2c75c~d0d3d4~007a78~000000 */

@font-face {
	font-family: 'Bariol Regular';
	src: url('../fonts/Bariol_Regular.ttf');
}

body {
	padding-top: 4.5rem;
	font: normal 100% 'Noto Sans', Arial, Helvetica, sans-serif;
	color: #333;
	background-color: #eaeaea;
}

a {
	color: #276239;
}

a:hover {
	color: #000;
	text-decoration: none;
}

/*
* Menús
*/

/* Desactivació de focus al menú TODO és accessible? */

/* Eliminada regla no cumpleix nivell A Accessibilitat */
/* :focus {outline:none;} */

.p-3aplicacio-menu ul.submenu li {
	padding: 0rem 0rem 0.2rem;
}

.submenuMapa {
	padding: 0rem 2.5rem 1rem;
}

ul.submenuMapa li {
	padding: 0rem 0rem 0.5rem;
}

div.submenuAcordio{
	width: 100%;
}

/* Activació icones acordió nou menú esquerra, desactivat al tema*/
.ui-accordion .ui-accordion-header .ui-icon {
	display: block;
}

/* 
   Eliminació marge submenú 
*/
.ui-menu.ui-widget {
	border: 0px;
}

/* Eliminam important */
div.p-3aplicacio-menu {
	/* padding: 3.5rem 0rem 3.5rem 1rem !important; */
	padding: 3.5rem 0rem 3.5rem 1rem;
}

.p-3aplicacio-menu ul.list-unstyled {
	padding: 0.5rem 0rem 0rem;
}

.p-3aplicacio-menu nav ul li {
	padding: 0rem 0rem 0.5rem;
}

.ui-log {
	z-index: 9999 !important;
}

/* Llistats sense estil */
ul.llistatSenseEstil li, ol.llistatSenseEstil li{
  list-style-type: none;
}

li.senseEstil {
  list-style-type: none;
}

/*
.p-3aplicacio{
	padding: 3.5rem 1rem !important;
}
*/
/* NOU: canviat per reduïr espai entre menú i contingut */
/* canvi max-width 100% 20210819 */

.p-3aplicacio {
	padding: 3.5rem 1rem 3.5rem 0rem !important;
	max-width: 100%;
}

.p-d-block {
	display: block !important;
}

/*
Colors per textos i fons
*/
.verd {
	color: #276239;
}

.fonsVerdText{
	background-color: #58D68D;
}

.vermell{
	color: #c30045;
}

.fonsVermellText{
	background-color: #EC7063;
}

.fonsTaronjaText{
	background-color: #F7CC6E;
}

/*
Ombres
*/

.box-shadow {
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

.bg-white {
	background-color: #fff !important;
}

.colorVerd {
	background-color: #265d3c;
	margin-left: 5px;
}

/* TODO padding només a menú mòbils? */
.nav-item.colorVerd {
	min-width: 7.8em;
	border: 1px solid #000;
}

/*.colorVerd:hover:enabled {*/
.colorVerd:hover {
	background-color: #000;
}

/* Enllaç estil p:link color verd quan es fa hover */
a.enllac:hover {
	color: #000000;
}

a.enllac {
	color: #276239;
}

.desactivat {
	cursor: not-allowed !important;
}

.btn-primary.aplicacio-btn {
	background-color: #276239;
	border-color: #276239;
	border: none !important;
}

.btn-primary.aplicacio-btn:hover, .btn-primary.aplicacio-btn:focus,
	.btn-primary.aplicacio-btn:active {
	background-color: #000 !important;
	border: none #000 !important;
	outline: none !important;
	box-shadow: none !important;
}

.btn-danger.aplicacio-btn {
	background-color: #dc3545;
	border-color: #dc3545;
	border: none !important;
}

.btn-danger.aplicacio-btn:hover, .btn-danger.aplicacio-btn:focus,
	.btn-danger.aplicacio-btn:active {
	background-color: #000 !important;
	border: none #000 !important;
	outline: none !important;
	box-shadow: none !important;
}

.lh15 {
	line-height: 1.5
}

.clickable-row {
	cursor: pointer;
}

/* Marges */

.margeSota{
	margin-bottom: 1em;
}

.margeDreta{
	margin-right: 1em;
}

.margeEsquerra{
	margin-left: 1em;
}

/* Columnes */

.col-center {
	float: none;
	margin-left: auto;
	margin-right: auto;
}

/* Centra la columna i el seu text */
.col-center-text {
	float: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Alineació dreta de text a datatables per números */
.textDreta, .ui-state-default.textDreta{
	text-align: right;
}

/* Excepció per capçaleres de columna */

th.ui-state-default.textDreta {
	text-align: center;
}

/*
Text centrat a una columna o div (span, necessita display: block);
*/
.textCentratTot {
	width: 100%;
	display: block;
	text-align: center;
}

.textCentrat {
	text-align: center;
}

/* Nou per crides col. canvi a PF13*/
.textCentratNegreta {
	text-align: center;
	font-weight: bold;
}

.negreta{
	font-weight: bold;
}
/* fi nou */ 

.textEsquerra {
	text-align: left;
}

.ampleTot{
	width: 100%;
}

.lletraNegra{
	color: #333333;
}

/* Excepció per capçaleres de columna */

th.ui-state-default.textEsquerra {
	text-align: center;
}

/* Mostra "..." al final si el contingut d'un outputText és massa llarg */
.textEllipsis{
	text-overflow: ellipsis; overflow:hidden; white-space: nowrap;	
}

/* Avisos */
.avisos {
	padding-bottom: 0.5rem;
}

.avisUsuari {
	margin: 10px 0;
}

/* FI Estils generals */

/* Motlla de pa */
.breadcrumb {
	padding-left: 45px;
	background-color: #ffffff;
	margin-bottom: 0px;
	width: 100%;
	border-bottom: 2px solid #EAEAEA;
	border-top: 1px solid #fff;
}

/* Restauració icona ::before breadcrumb per pas a PF10 */
/* Desactivat per accessibilitat */
/*
body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before
	{	
	content: "";
	font-family: 'primeicons' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0 !important;
	background-image: none !important;
	margin: 0 0.5rem 0 0.5rem;
	color: #495057;
}
*/

/* Reemplaçament accessible */
body .ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron)::before {
	background-image: url("../img/ui-icons_333333_256x240.png") !important;
	background-position: -36px -1px;
	background-repeat: no-repeat;
	content: "";
	/* font-family: 'primeicons' !important; */
	/* speak: none; */
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	/* -webkit-font-smoothing: antialiased; */
	/* -moz-osx-font-smoothing: grayscale; */
	text-indent: 0 !important;
	/* background-image: none !important; */
	margin: 0 0.5rem 0 0.5rem;
	color: #495057;
	width: 8px;
	height: 12px;
}

body .ui-breadcrumb .ui-breadcrumb-items li:first-child:not(.ui-breadcrumb-chevron):before
	{
	display: none;
}
/* FI restauració breadcrumb */
.miga {
	position: fixed;
	z-index: 20;
	width: 100%;
}
/* FI Motlla de pa */

/* Millora pels fields, centrat de label */
div.input-group label {
	padding: 5px 0;
}

/* CSS pels camps de formularis, millora a inputs, requadre al voltant per visibilitat, afegit padding */
.fieldInput {
	/* border: 1px solid #dddddd; */
	height: 100%;
	padding: 5px 0;
}

/* Nova regla pels outputs (massa estrets) */
/* CSS pels camps de formularis, millora a inputs, requadre al voltant per visibilitat */
.fieldOutput{
	border: 1px solid #dddddd;
	height: 100%; /* afegit per ajustar text a línies necessàries*/
	padding: 4px;
}

/* Mida mínima dels camps (afecte al requadre al voltant) */
.fieldInput, .fieldOutput{
	min-height: 27px;
}

/* Eliminam marge inferior dels labels per ajustar vora de l'input */
label {
	margin-bottom: 0;
}

/* FI css camps formularis */ 

/* Calendari marcatges, colors de la paleta Wong per persones amb diferent percepció dels colors (daltònics...) */
/* Canviat per millorar accessibilitat */
.fc-event.marcatgeValid {
	background: #B8E6BF;
}

/* Canviat per millorar accessiblitat */
.fc-event.marcatgeInvalid {
	background: #F5E6AB;
}

/* Mes en majúscla */
.fc-toolbar-title::first-letter {
	text-transform: capitalize;
}

/* Correcció del wrapping dels events */
.fc-event-title.fc-sticky {
	white-space: pre-wrap;
}

/* Correcció color dels events */
a.fc-h-event div.fc-event-main {
	color: black;
}

/* Correcció fons dia actual a blau */
.fc-daygrid-day.fc-day.fc-day-fri.fc-day-today {
	background-color: rgba(0, 200, 255, 0.15);
}

/* Estils calendari alternatiu */

/* Estil per la cel·la, hi caben fins a N events */
.cellaCalendari, .cellaCalendariBuida {
	height: 70px;
}

.cellaDiaSetmana, .cellaCalendari, .cellaCalendariBuida {
	width: 85px;
	/* height: 85px; */
}

.cellaCalendari {
	border: 1px solid #000;
}

.cellaDiaSetmana {
	/*width: 85px; */
	background-color: #ddd;
	text-align: center;
}

p.eventCalendari{
	margin: 0;
}

/* Events estats event vacances: AUTOR DESES SOLLI VISTI */

/* blau */
.estatEventSOLLI{
	background-color: #9CEAEF;
}

/* vermell */
.estatEventDESES{
	background-color: #F49097;
}

/* groc */
.estatEventVISTI{
	background-color: #F5F3BB;
}

/* verd */
.estatEventAUTOR{
	background-color: #86BA90;
}



/* Estil pel títol del calendari (núm. de dia). */
/*
.titolDiaCalendari{
	font-weight: bold;
	font-size: 1.2em;
}
*/

.titolDiaCalendari {
	font-weight: bold;
	font-size: 1.2em;
	width: 100%;
	display: inline-block;
	text-align: center;
	background-color: #ddd;
}

/* Estil pel mes i l'any */
.titolMesAnyCalendari{
	font-weight: bold;
	font-size: 1.5em;
}

.titolDiaCalendari.avuiCalendari{
	color: #fff;
	background-color: #265d3c;
}


/* FI calendari marcatges */

/* Calendaris responsive p:calendar, l'input subjacent ha d'ocupar tot l'ample */
.ui-calendar.calendari-responsive input {
	width: 100%;
}

/* FIX radiobuttons centrats */
.ui-radiobutton-icon {
	margin-left: 0px;
	margin-top: -1px;
}

/* Diàlegs */
.dialog-centrat {
	text-align: center;
}

/* Diàlegs sempre visibles */
.sempreVisible{
	z-index: 9999 !important;
}

/* FI diàlegs */

/* Ocutació de camps */
.ocult {
	display: none;
}

/* Boto Dropdown */
.dropdown:hover>.dropdown-menu {
	display: block;
}

.dropdown>.dropdown-toggle:active {
	pointer-events: none;
}
/* FI Boto Dropdown */

/* Nou, per fer que icones capçalera es vegin separats i de la mateixa amplada */
.oi {
	min-width: 1.5em;
}

/* Capçalera */
/*
.flechaSubmenu {
	font-size: 8px;
	padding-top: 5px !important;
}
*/
.fletxaSubmenu {
	font-size: 10px;
	padding-left: 8px;
}

/* Desactivats contents per accessibilitat, afegiu aquí nonves icones */ 

.oi-caret-bottom::before {
	content: '';
	background: url("../img/iconic/caret-bottom.svg") no-repeat;
	background-size: 10px 100%;
	height: 16px;
	/* width: 12px; */
	text-decoration: none;
	display: inline-block;
	filter: invert(100%);
}

.oi-globe::before {
	content: '';
	background: url("../img/iconic/globe.svg") no-repeat;
	background-size: 16px 100%;
	height: 16px;
	width: 12px;
	text-decoration: none;
	display: inline-block;	
	filter: invert(100%);
}

.oi-power-standby::before {
	content: '';
	background: url("../img/iconic/power-standby.svg") no-repeat;
	background-size: 16px 100%;
	height: 16px;
	width: 12px;
	text-decoration: none;
	display: inline-block;
	filter: invert(100%);
}

/* Nou, TODO provar */
.oi-eye::before {
	content: '';
	background: url("../img/iconic/eye.svg") no-repeat;
	background-size: 16px 100%;
	height: 16px;
	width: 12px;
	text-decoration: none;
	display: inline-block;
	filter: invert(100%);
}


/* estil de "bug"? */
/* afegit z-index */

.bg-aplicacio {
	/* background-color: #276239 !important; */
	background-color: #276239;
	padding-left: 0px;
	padding-right: 0px;
	z-index: 1000;
}

.menuGovern {
	min-width: 400px;
}

h1.titol {
	text-transform: uppercase;
	/*font-size: 1.2em !important; */
	font-size: 1.2em;
	margin-bottom: 0px;
}

.subtitol {
	font-size: 0.85em !important;
}

.subtitolMay {
	font-size: 0.85em !important;
	text-transform: uppercase;
}

.menuGovern span, strong {
	font-size: 1em;
}

.logoGovern {
	float: left;
	margin-right: 40px;
	margin-left: 40px;
}

.imatgeGovern {
	width: 45px;
}

.iconoCapsalera {
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	height: 17px;
	margin-right: 3px;
}

.minW0 {
	min-width: 0;
}
/* FI Capçalera */

/* Menú mòbil, ara també es fa servir a botó barra lateral*/
.botoMobil {
	position: absolute;
	right: 10px;
	top: 20px;
}

.mobil {
	/* margin-left: auto !important; */ /* desactivat menú lateral*/
	padding-right: 20px;
	/* padding-top: 10px !important; */
}

/* Fix pel botó tancar de la sidebar PF que "balla", regla a components.css */
a.ui-sidebar-close:hover, a.ui-sidebar-close:focus {
	padding: 1px;
}

/*
.navbar-nav.mobil {
	padding-top: 10px;
	padding-left: 23px;
	padding-right: 23px;
}
*/

/* Canvi per menú lateral */
.navbar-nav.mobil {
	padding-top: 10px;
	padding-left: 23px;
	padding-right: 23px;
	flex-direction: column;
	width:100%;
}

/* Botons menú lateral */
.nav-item.colorVerd {
	margin: 0.75em;
}

.mobil li a:hover {
	color: #fff !important;
	/*
	background-color: #000;
	*/
}

/*
.nav-link.mobil {
	color: #fff !important;
}
*/
/* .nav-link.mobil { */
/*
li.nav-item.colorVerd a{
	color: #DDD;
}
*/
.navbar-dark .navbar-nav .nav-link {
	color: #DDD;
}

.marg0 {
	margin: 0px;
	border: 1px solid #B9B9B9;
}

.icono {
	opacity: 0.5;
	padding-bottom: 4px;
}
/* Desactivat per menú a l'esquerra
a.dropdown-item{
	background-color: #fff;
}
*/
a.dropdown-item.mobil:hover {
	color: #276239 !important;
	background-color: #fff;
}
/* FI Menú mòbil */

/* Suport */
.infoContacte {
	padding: 0em 1em 2em 1em;
	text-align: center;
}

.btn-suport {
	background-color: transparent;
	color: #276239;
	padding: 0px;
	cursor: pointer;
	margin-bottom: 2px;
}

.btn-suport:hover {
	color: #000;
}

.btn-suport.focus, .btn-suport:focus {
	box-shadow: 0 0 0 0px !important;
}

/* Marge a sota genèric per botons */
.btn-margesota {
	margin-bottom: 1em;
}

/* Estils per botons aliniats */

.aliniatEsquerra{
	margin: auto; float: left;
}

.aliniatDreta{
	margin: auto; float: right
}

/* FI estils per botons aliniats */


.dadesSuport {
	padding-left: 10%;
	line-height: 1.7;
	text-align: start;
}

.dadesSuport li {
	list-style: circle;
}

.dades a {
	color: #276239;
}

.dades a:hover, .dades a:focus {
	color: #000;
	background-color: transparent;
	text-decoration: none;
}
/* FI Suport */

/* Peu */
.opcionsPeu li::before {
	/* content: "\0000a0\0000a0|\0000a0\0000a0"; desactivat per accessibilitat */
	content: "";
}

.opcionsPeu li:first-child::before {
	content: "";
}

a.linkPeu{
	margin: 0.5em;
}

a.linkPeu:hover, a.linkPeu:focus, a.linkPeu:active {
	color: #276239 !important;
}
/* FI Peu */

/* Xarxes Socials */
a.iconoXarxes {
	-moz-transition: background-color .2s ease-out, border-color .2s
		ease-out;
	-webkit-transition: background-color .2s ease-out, border-color .2s
		ease-out;
	-o-transition: background-color .2s ease-out, border-color .2s ease-out;
	-ms-transition: background-color .2s ease-out, border-color .2s ease-out;
	transition: background-color .2s ease-out, border-color .2s ease-out;
}

a.iconoXarxes {
	display: inline-block;
	width: 2.5em;
	height: 2.5em;
	margin-right: .2em;
	border: .2em solid #333;
	border-radius: 2em;
	will-change: border-color;
}

a.iconoXarxes {
	-moz-transition: background-color .2s ease-out, border-color .2s
		ease-out;
	-webkit-transition: background-color .2s ease-out, border-color .2s
		ease-out;
	-o-transition: background-color .2s ease-out, border-color .2s ease-out;
	-ms-transition: background-color .2s ease-out, border-color .2s ease-out;
	transition: background-color .2s ease-out, border-color .2s ease-out;
}

a.iconoXarxes svg {
	transform: scale(.7, .7);
}

a.iconoXarxes:hover, a.iconoXarxes:focus, a.iconoXarxes:active {
	background-color: #276239;
	border-color: #276239;
}

a.iconoXarxes:hover path, a.iconoXarxes:focus path, a.iconoXarxes:active path
	{
	fill: #fff;
}

a.iconoXarxes {
	-moz-transition: background-color .2s ease-out, border-color .2s
		ease-out;
	-webkit-transition: background-color .2s ease-out, border-color .2s
		ease-out;
	-o-transition: background-color .2s ease-out, border-color .2s ease-out;
	-ms-transition: background-color .2s ease-out, border-color .2s ease-out;
	transition: background-color .2s ease-out, border-color .2s ease-out;
}
/* FI Xarxes Socials */

/* Capsa Box */
.box {
	padding: 60px 0px;
}

.box-part {
	background: #EAEAEA;
	border-radius: 0;
	padding: 30px 10px;
	margin: 20px 0px;
	border: thin outset;
	font: normal 100% 'Noto Sans', Arial, Helvetica, sans-serif;
	color: #333;
}

.box-part:hover {
	cursor: pointer;
	background: #b9b9b9;
}

.box-part:focus, .box-part:active, .box-part:visited {
	outline: none !important;
	box-shadow: none;
}

.text {
	margin: 20px 0px;
}

.imatgeMenu {
	font-size: 200%;
	padding-bottom: 10px;
	color: #265d3c;
}

.iconaMenu {
	height: 45px;
	padding-bottom: 10px;
	filter: invert(78%) sepia(53%) saturate(428%) hue-rotate(91deg)
		brightness(96%) contrast(94%);
}

.titolMenu {
	font: normal 100% 'Noto Sans', Arial, Helvetica, sans-serif;
	color: #276239;
	font-size: 1.5em;
	display: flow-root;
}
/* FI Capsa Box */

/* Per paginació */
.page-link {
	color: #276239;
}

.page-item.active .page-link {
	background-color: #276239;
	border-color: #276239;
}

.page-link:focus, .page-link:hover {
	color: #000;
}

/* Específics per primefaces */
.booleanCheckbox .ui-chkbox-box {
	vertical-align: middle;
	margin-right: 4px;
}

.booleanCheckbox .ui-chkbox-label {
	display: inline;
	vertical-align: middle;
	font-weight: bold;
}

.booleanCheckbox .ui-chkbox-icon {
	vertical-align: middle;
	margin-top: 0;
}

/* Necessari per checkbox seleccionats a datatables (es mostren les v en blanc) */
.ui-state-highlight span.ui-icon.ui-chkbox-icon {
	/* background-image: url("/pfunciona2back/javax.faces.resource/images/ui-icons_333333_256x240.png.xhtml?ln=primefaces-bootstrap&v=10.0.0") !important; */
	/* TODO provar, canvi a tema fix */
	background-image: url("../img/ui-icons_333333_256x240.png") !important;
}

label.ui-outputlabel.ui-widget {
	font-weight: bold;
}

.ui-growl {
	top: 100px;
	left: 20px;
}

/* Desactivat perquè oculta text, abans es feia servir per aliniar l'outputtext amb el label

.ui-outputlabel {
	padding-top: 6px;
}
.ui-outputtext {
	position: absolute;
	padding-top: 6px;
}
*/
.ui-widget {
	font: normal 100% 'Noto Sans', Arial, Helvetica, sans-serif;
}

/*
Normalització de la font dels inputs
*/
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	/* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
	/* font-size: 1em; */
	font-family: inherit;
}

.ui-breadcrumb a {
	color: #276239;
}

.ui-breadcrumb a:hover {
	color: #000;
	text-decoration: none;
}

.ui-datatable thead th {
	vertical-align: bottom;
	/* Nou, per fer que les caselles de cerca queden aliniades a sota */
}

/* Panelgroup sense vores TODO eliminar important... html davant? */
.panelGridSenseVores>tbody>tr {
	border: none !important;
}

.panelGridSenseVores>tbody>tr>td {
	border: none !important;
}

/* Increment d'accessibilitat, de moment només increment del contrast del color "foreground" */

body span.ui-message-info-summary, body span.ui-message-info-detail {	
	color: #212121;
}

body span.ui-message-warn-summary, body span.ui-message-warn-detail {	
	color: #212121;
}

body span.ui-message-error-summary, body span.ui-message-error-detail {	
	color: #212121;
}

body span.ui-message-fatal-summary, body span.ui-message-fatal-detail {	
	color: #212121;
}

/* Ocultació labels "Filtrar por null" fent-los accessibles */
/* També ocultam "Filas por página"*/
th.ui-state-default.ui-sortable-column.ui-filter-column label.ui-helper-hidden,
div.ui-paginator.ui-paginator-bottom.ui-widget-header.ui-corner-bottom label.ui-paginator-rpp-label.ui-helper-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
	display: block;
}

/* Limitam overflow excessiu del focus a botons de paginació de datatables, regla de components.css */
.ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon {
	height: auto;
	overflow: clip;
}

.ui-button{
	overflow: clip;
}

.elementPeuResponsive p {
	margin: 5px;
}

/* PrimeIcons */
.pi::before {
	/* Inverteix icones en depenent del tema */
	/* padding-right: 5px; desactivat per spinner */
	filter: inherit;
}

/* Anul·lacions de components.css perquè no passen nivell A d'accessibilitat */
/* TODO provar */
.ui-confirm-popup:after,
.ui-confirm-popup:before {
	/* position és absolute */
	left: 50%;
	transform: translate(-50%); /* Traslladam sobre X, horitzontal */
    /* left: calc(var(--overlayArrowLeft, 0)+1.25rem); Genera un error de tipus A */ 
}

.ui-selectcheckboxmenu-multiple-container:empty:after {
    content: ""; /* Abans attr(label); */
}

/* Evita superposició de la fletxa del selectitems amb el text */
.ui-selectonemenu-label {
	padding-right: 60px; /* Augmenta aquest valor segons calgui */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* FI anul·lacions */ 


/* Labels han d'estar accessibles però no visibles a filtres */
/* TODO fer aquesta regla més restrictiva, evita que es vegin growls, selectOneMenus, etc
html .ui-helper-hidden, html .visually-hidden {	 
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
      display: block;
}
*/


/* RESPONSIVE : S'ha d'aplicar al final per tal que tengui més preferència */


/* NOU per menú horitzontal */

/* APLICA QUAN WIDTH MENOR DE 768px */
/*
	Bootstrap Extra small
	<576px
	
	abans 575px, ara <1200 (1199) canvi pel concurs
*/
@media only screen and (max-width : 1199px) {
	/* NOU - creat pel menú a l'esquerra */
	/* desactivat important */
	div.p-3aplicacio-menu {
		padding: 3.5rem 0.5rem 0.1rem;
	}

	/* Amb aquestes regles feim que els marges es vegin iguals */
	.p-3aplicacio {
		padding: 0.2rem 0.5rem 0.1rem !important;
	}
}

/* APLICA QUAN WIDTH MENOR DE 992px */
@media only screen and (max-width: 992px) {
	/* Desactivada ocultació
	.botoCurt {
		display: none;
	}
	*/
	.mobil {
		float: left !important;
	}
	.container {
		max-width: initial !important;
	}
	/* Barra de navegació no retalla el text */
	div.navbar-brand {
		white-space: normal;
	}
	/* Títol més petit */
	h1.titol {
		font-size: 0.9em;
	}
	
}
/* FI*/

/* APLICA QUAN WIDTH MENOR DE 768px */
@media only screen and (max-width : 767px) {

	/* Menú mòbil, color blanc  + marge */
	a.ui-commandlink.ui-widget.dropdown-item.mobil{
		color: #DDD;
		margin: 0.3em 0;
	}	
		
	/* NOU provar */
	.nav-item.colorVerd {
		padding: 0 10px;
	}	
	.colorVerd {
		/* background-color: #276239 !important; */
		margin-left: 0px !important;
	}
	/*
	.colorVerd:hover {
		background-color: #276239 !important;
	}
	.mobil li a:hover {
		background-color: #276239 !important;
	}
	*/
	/*
	.colorVerd:hover {
		background-color: #000 !important;
	}
	*/	
	.peuResponsive {
		display: list-item !important;
		list-style: none !important;
	}
	.elementPeuResponsive {
		max-width: 100% !important;
		text-align: center !important;
		justify-content: center !important;
	}
	.llevarMobil {
		display: none;
	}
	.botoCurt {
		display: inline;
	}
	.navbar-nav.mobil {
		width: 100%;
	}
	.dropdown-menu {
		float: none;
		padding: 0;
	}
	/*
	a.nav-link.mobil:hover {
		color: #000 !important;
	}
	a.dropdown-item.mobil:hover {
		color: #276239 !important;
		background-color: #FFF !important;
	}
	*/
	.p-3aplicacio {
		padding-bottom: 1rem !important;
	}
	.subtitolMay {
		font-size: 0.8rem !important;
	}
	.marg0 {
		border: 0px !important;
	}	
}
/* FI */

/* APLICA QUAN WIDTH MENOR DE 480px */
@media only screen and (min-width : 401px) and (max-width : 480px) {
	body {
		padding-top: 4rem !important;
	}
	.logoGovern {
		margin-right: 10px !important;
		margin-left: 10px !important;
	}
	.imatgeGovern {
		width: 45px !important;
	}
	.navbar-toggler {
		padding: 0.25rem !important;
		font-size: 1rem !important;
	}
	.desactivarMobil {
		display: none !important;
	}
	.peuResponsive {
		display: list-item !important;
	}
	.breadcrumb {
		padding: 0.5rem 1rem 0.5rem 1rem !important;
		/* border-radius: 0 !important; */
		margin-top: 0.5em;
	}
	.containerPeu {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}
/* FI */

/* APLICA QUAN WIDTH MENOR DE 400px */
@media only screen and (min-width : 200px) and (max-width : 400px) {
	body {
		padding-top: 4rem !important;
	}
	.logoGovern {
		margin-right: 5px !important;
		margin-left: 5px !important;
	}
	.imatgeGovern {
		width: 40px !important;
	}
	div.navbar-brand {
		/* font-size: 1rem !important; llevam importants*/
		font-size: 1rem; 
	}
	.dadesSuport {
		padding-left: 30px !important;
		line-height: 1.5 !important;
	}
	.dadesSuport li {
		list-style: circle !important;
	}
	.navbar-nav.mobil {
		padding-left: 20px !important;
	}
	.navbar-toggler {
		padding: 0.25rem !important;
		font-size: 1rem !important;
	}
	.desactivarMobil {
		display: none !important;
	}
	.breadcrumb {
		padding: .35rem 0.6rem !important;
		border-radius: 0 !important;
	}
}
/* FI */