/* CSS Document */
 

 *{box-sizing:border-box !important;}
 
 /* ---------------------------------------------------------------------------------------------- */
 /*@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200,300,400,500,600,700,800&display=swap');*/
 @font-face {
	 font-family: 'Satoshi-Regular';
	 src: url('../fonts/Satoshi-Regular.woff2') format('woff2'),
		  url('../fonts/Satoshi-Regular.woff') format('woff'),
		  url('../fonts/Satoshi-Regular.ttf') format('truetype');
	 font-weight: 400;
	 font-display: swap;
	 font-style: normal;
   }
   @font-face {
	 font-family: 'Satoshi-Italic';
	 src: url('../fonts/Satoshi-Italic.woff2') format('woff2'),
		  url('../fonts/Satoshi-Italic.woff') format('woff'),
		  url('../fonts/Satoshi-Italic.ttf') format('truetype');
	 font-weight: 400;
	 font-display: swap;
	 font-style: italic;
   }
   @font-face {
	 font-family: 'Satoshi-Medium';
	 src: url('../fonts/Satoshi-Medium.woff2') format('woff2'),
		  url('../fonts/Satoshi-Medium.woff') format('woff'),
		  url('../fonts/Satoshi-Medium.ttf') format('truetype');
	 font-weight: 500;
	 font-display: swap;
	 font-style: normal;
   }
   @font-face {
	 font-family: 'Satoshi-MediumItalic';
	 src: url('../fonts/Satoshi-MediumItalic.woff2') format('woff2'),
		  url('../fonts/Satoshi-MediumItalic.woff') format('woff'),
		  url('../fonts/Satoshi-MediumItalic.ttf') format('truetype');
	 font-weight: 500;
	 font-display: swap;
	 font-style: italic;
   }
   @font-face {
	 font-family: 'Satoshi-Bold';
	 src: url('../fonts/Satoshi-Bold.woff2') format('woff2'),
		  url('../fonts/Satoshi-Bold.woff') format('woff'),
		  url('../fonts/Satoshi-Bold.ttf') format('truetype');
	 font-weight: 700;
	 font-display: swap;
	 font-style: normal;
   }
   @font-face {
	 font-family: 'Satoshi-BoldItalic';
	 src: url('../fonts/Satoshi-BoldItalic.woff2') format('woff2'),
		  url('../fonts/Satoshi-BoldItalic.woff') format('woff'),
		  url('../fonts/Satoshi-BoldItalic.ttf') format('truetype');
	 font-weight: 700;
	 font-display: swap;
	 font-style: italic;
   }
  :root {
	 --color-principal: #00b6de;
	 --color-secundari: #6b989d;
	 --color-extra: #2e515a;
	 --color-titols: #2e2e2d;
	 --color-textos: #2e2e2d;
	 --color-interior-camps: #7A86A1;
	 --color-fons: #f3f3f3;
	 --color-fons-caixes-desglos: rgba(107,152,157,0.2);
 } 

 body {
	 margin: 0 !important;
	 font-family: "Satoshi-Regular", sans-serif !important;
	 height: 100%;
	 line-height: 1.5;
	 background-position: center;
	 background-repeat: no-repeat;
	 display: flex;
	 align-items: center;
	 justify-content: center;
 }
 /* ---------------------------------------------------------------------------------------------- */
 .table-responsive {
	 display: inline-table;
 }
/* --- Inici estils generics  --- */
#menuauxopen {
	display: none;
}
.pnl-title{
	display: flex;
	font-size: 3.5rem;
	font-family: 'Satoshi-Bold';
	margin: 0;
	line-height: 1;
	color:var(--color-titols);
}
.pnl-subtitle{
	display: flex;
	font-size: 2rem;
	font-family: 'Satoshi-Bold';
	margin: 0;
	line-height: 1;
	color:var(--color-titols);
}
.titol_pnl {
	font-size: 1.75rem;
	font-family: 'Satoshi-Bold';
	margin-bottom: 0;
	/*padding-left: 20px;*/
}
.caixa_resum_preus_llistat {
	display: flex;
	gap: 5px;
	font-family: 'satoshi-bold';
	font-size: 1.75rem;
}
.caixa_resum_preus_llistat h3 {
	margin-bottom: 0;
	font-size: 1.75rem;
}
/*.titol_pnl::before {
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 5px;
  background-color: var(--color-principal);
  border-radius: 50%;
}*/
.pnl-grup-body {
	padding:25px;
	overflow: hidden;
	box-shadow: rgba(145,158,171,0.2) 0px 0px 2px 0px,rgba(145,158,171,0.12) 0px 12px 24px -4px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	row-gap: 25px;
}
.mida_full {
	width: 100%;
}
.mida_meitat {
	width: 49%;
}
.mida_small {
	width: 32%;
}
.caixes_container {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 2vh 2%;
}

.panell{
	width:100%;
	display:none;
	color:var(--color-textos);	
}
.panell.actiu{
	display:block;
}
.caixa_interna_panell {
	width: 100%;
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.pnl-grup-body .caixa_titols_interior_pnl {
	display: flex;
	gap: 10px;
	justify-content: space-between;
	/*border-bottom: 2px solid var(--color-principal);
  	padding-bottom: 6px;*/
}
.pnl-grup-body .caixa_inferior_interior_pnl {
	display: flex;
  	justify-content: end;
  	align-items: center;
}

.btn-primary {
	font-family: "Satoshi-Bold";
	color:#fff;
	background-color: var(--color-principal);
	border:2px solid var(--color-principal);
	border-radius: 5px;
	transition:all .4s cubic-bezier(.26, 1.04, .54, 1);
}
.btn-primary:hover {
	font-family: "Satoshi-Bold";
	background-color:var(--color-secundari);
	color:#fff;
	transition:all .4s cubic-bezier(.26, 1.04, .54, 1);
	border:2px solid var(--color-secundari);
}
.btn-secondary {
	background-color: var(--color-extra);
	border:2px solid var(--color-extra);
	transition:all .4s cubic-bezier(.26, 1.04, .54, 1);
}
.btn-secondary:hover {
	background-color:var(--color-secundari);
	border:2px solid var(--color-secundari);
	transition:all .4s cubic-bezier(.26, 1.04, .54, 1);
}
.estat_pendent {
	color: #F96767;
	background-color: #FFF4F2;
	padding: 5px 10px;
	font-size: 11px;
	border-radius: 15px;
}
.estat_obert {
	color: #F9B035;
	background-color: #FFF8EB;
	padding: 5px 10px;
	font-size: 11px;
	border-radius: 15px;
}
.estat_arxivat {
	color: #00a300;
	background-color: #e5f5e5;
	padding: 5px 10px;
	font-size: 11px;
	border-radius: 15px;
}
.pnl-grup-title{
	padding: 0px 0px;
	border-bottom: none;
	height: auto;
	top: 0px;
	z-index: 1;
	display: flex;
  	justify-content: space-between;
  	align-items: center;
}
.caixa_generica_filtres {
	display: flex;
	justify-content: space-between;
	background-color: var(--color-fons-caixes-desglos);
	padding: 1%;
	border-radius: 5px;
}
.caixa_generica_filtres .caixa_interna_esquerra {
	display: flex;
	gap: 1%;
	justify-content: start;
	align-items: end;
	width: 100%;
}
.caixa_generica_filtres .caixa_single_filtre {
	display: flex;
	flex-direction: column;
	row-gap: 2px;
	/*min-width: 19%;*/
	width: 100%;
}
.caixa_single_filtre.caixa_boto_filtre {
	max-width: 80px;
}
.caixa_generica_filtres .caixa_interna_dreta {
	display: flex;
	align-items: end;
}
.caixa_generica_filtres .caixa_interna_dreta .caixa_resum_preus_llistat {
	display: flex;
  	gap: 5px;
  	justify-content: end;
  	align-content: end;
  	text-align: right;
	flex-direction: column;
}
.caixa_generica_filtres .caixa_interna_dreta .caixa_resum_preus_llistat h3 {
	font-family: 'Satoshi-Bold';
	margin-bottom: 0;
	font-size: 1.5rem;
}

.caixa_origen_filtres {
	display: flex;
	gap: 10px;
	justify-content: space-between;
	align-content: center;
	align-items: center;
	border: 2px solid var(--color-secundari);
	padding: 1%;
	border-radius: 5px;
	color: #fff;
	background-color: var(--color-secundari);
}
.caixa_origen_filtres h4 {
	margin-bottom: 0;
	font-family: 'Satoshi-Bold';
}

table.dataTable thead th {
	background-color: var(--color-secundari);
	color: #fff;
}

.caixa_interna_form_popup {
	display: flex;
	flex-wrap: wrap;
	gap: 2vh 2%;
}
.modal-header .modal-title {
	font-family: 'Satoshi-Bold';
}

.select2-container .select2-selection--single {
	height: auto;
	border: var(--bs-border-width) solid var(--bs-border-color);
	width: 100%;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--color-textos);
	line-height: 1.5;
	font-size: 1rem;
	padding: .375rem .75rem;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}
.caixa_contingut_interior_pnl {
	display: flex;
	flex-direction: column;
	row-gap: 35px;
}
.badge {
	border-radius: 18px;
	display: flex;
	align-items: center;
	text-transform: lowercase;
	font-weight: normal;
}

.taula_intra_generica, .tb_intra_linies {
	width: 100%;
	display: flex;
	flex-direction: column;
	font-size: 15px;
}
#pnl_client_detalls .taula_intra_generica, #pnl_client_detalls .tb_intra_linies {
	font-size: 14px;
}
.fletxes_ordenar {
	cursor: pointer;
}
.oculta_pc {
	display: none;
}
.taula_intra_generica .tb_intra_capcaleres {
	width: 100%;
	display: flex;
	justify-content: start;
	background-color: var(--color-secundari);
	color: #fff;
	border-radius: 2px;
}
.taula_intra_generica .tb_intra_capcaleres .single_tb {
	padding: 10px 8px;
	display: flex;
	/*justify-content: space-between;*/
	gap: 4px;
	align-items: center;
	font-family: 'Satoshi-Bold';
}
.taula_intra_generica .tb_intra_fila {
	width: 100%;
	display: flex;
	justify-content: start;
	color: var(--color-textos);
	border-bottom: 1px solid var(--color-fons-caixes-desglos);
}
.taula_intra_generica .tb_intra_fila .single_tb {
	padding: 8px 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-family: 'Satoshi-Regular';
	font-size: 0.95em;
	gap: 8px;
}
.taula_intra_generica .tb_intra_fila .single_tb.caixa_boto_detalls_taula {
	display: none;
}
.taula_intra_generica .tb_mida_05 {
	/*width: 5%;
	min-width: 5%;*/
	flex-basis: 5%;
}
.taula_intra_generica .tb_mida_1 {
	/*width: 10%;
	min-width: 10%;*/
	flex-basis: 10%;
}
.taula_intra_generica .tb_mida_15 {
	/*width: 15%;
	min-width: 15%;*/
	flex-basis: 15%;
}
.taula_intra_generica .tb_mida_2 {
	/*width: 20%;
	min-width: 20%;*/
	flex-basis: 20%;
}
.taula_intra_generica .tb_mida_25 {
	/*width: 25%;
	min-width: 25%;*/
	flex-basis: 25%;
}
.taula_intra_generica .tb_mida_3 {
	/*width: 30%;
	min-width: 30%;*/
	flex-basis: 30%;
}
.taula_intra_generica .tb_mida_4 {
	/*width: 40%;
	min-width: 40%;*/
	flex-basis: 40%;
}
.taula_intra_generica .tb_mida_5 {
	/*width: 50%;
	min-width: 50%;*/
	flex-basis: 50%;
}
.taula_intra_generica .tb_mida_6 {
	/*width: 60%;
	min-width: 60%;*/
	flex-basis: 60%;
}
.taula_intra_generica .tb_mida_7 {
	/*width: 70%;
	min-width: 70%;*/
	flex-basis: 70%;
}
.taula_intra_generica .tb_mida_8 {
	/*width: 80%;
	min-width: 80%;*/
	flex-basis: 80%;
}
.taula_intra_generica .tb_mida_9 {
	/*width: 90%;
	min-width: 90%;*/
	flex-basis: 90%;
}
.taula_intra_generica .tb_mida_10 {
	/*width: 100%;
	min-width: 100%;*/
	flex-basis: 100%;
}
.taula_intra_generica .single_tb.text_esquerra {
	justify-content: start;
}
.taula_intra_generica .single_tb.text_centrat {
	justify-content: center;
}
.taula_intra_generica .single_tb.text_dreta {
	justify-content: end;
}
.es_clicable {
	cursor: pointer;
}
#caixa_menu_footer {
	width: 90%;
	position: absolute;
	bottom: 0;
	padding: 10px 0px;
	left: 5%;
	border-top: 1px solid var(--color-interior-camps);
}
#caixa_menu_footer button {
	width: 100%;
	border: none;
	background-color: inherit;
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 15px;
	color: var(--color-extra);
}
.caixa_botons_footer {
	width: 100%;
	padding: 20px;
	display: flex;
	justify-content: end;
	gap: 15px;
}
/* --- Fi estils generics --- */
 /* --- Inici estils nous login --- */
 .caixa_general_login {
	 width: 100%;
	 display: flex;
 }
 .caixa_general_login .caixa_imatge_slogan {
	 width: 45%;
	 background: url(/modules/INTRANET/img/bg_intranet.jpg) no-repeat no-repeat !important;
	 background-size: cover !important;
	 height: 100vh;
	 display: flex;
	 justify-content: center;
	 align-items: center;
 }
 .caixa_general_login .caixa_imatge_slogan .caixa_interior {
	 font-size: 63px;
	 width: 25%;
	 color: #fff;
	 font-weight: 600;
	 position: absolute;
	 line-height: 1.1;
	 top: 6%;
	 left: 3%;
 }
 .caixa_general_login #caixa_auth {
	 width: 55%;
	 margin: 0;
	 font-size: 14px;
	 position: relative;
	 height: 100vh;
	 background-color: #fff;
	 display: flex;
	 justify-content: center;
	 align-items: center;
 }
 .caixa_general_login #caixa_auth #caixa_centrat {
	 width: 50%;
 }
 #logo_auth {
	 display: none;
 }
 #content_auth form, #remember, #remember form {
	 display: flex;
	 flex-direction: column;
	 row-gap: 20px;
 }
 /* #content_auth form input, #content_auth form select { */
 /*form input.form-control, form select.form-control, form textarea.form-control {
	 background: #FFFFFF 0% 0% no-repeat padding-box;
	 border: 1px solid #EBEBEB;
	 border-radius: 20px;
	 opacity: 1;
	 width: 100%;
	 padding: 12px 15px;
	 height: auto !important;
	 font-size: 14px;
	 color: var(--color-interior-camps);
 }*/
 .btn-primary.custom:hover {
	 transition: all .4s cubic-bezier(.26, 1.04, .54, 1), background .6s cubic-bezier(.77, 0, .175, 1);
	 background: transparent linear-gradient(90deg, var(--color-secundari) 0%, var(--color-principal) 100%) 0% 0% no-repeat padding-box;
 }
 
 .btn-primary.custom {
	 background: transparent linear-gradient(90deg, var(--color-principal) 0%, var(--color-secundari) 100%) 0% 0% no-repeat padding-box;
	 box-shadow: 4px 11px 57px #ccc;
	 opacity: 1;
	 width: 100%;
	 padding: 15px 15px;
	 border: none;
	 cursor: pointer;
	 color: #fff;
	 transition:all .4s cubic-bezier(.26, 1.04, .54, 1), background .6s cubic-bezier(.77, 0, .175, 1);
	 font-size: 14px;
 }
 
 a, a.links_generics {
	 font-size: 14px;
	 text-decoration: none;
	 color:var(--color-extra);
 }
 
 form .form-group.grup-titol-mes-camp {
	 display: flex;
 }
 form .form-group.grup-titol-mes-camp .titol-interior {
	 width: 25%;
	 padding: 6px 9px;
	 font-size: 14px;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 font-weight: 600;
 }
 form .form-group.grup-titol-mes-camp .camp-interior {
	 width: 75%;
 }
 /* --- Fi estils nous login --- */
 /* --- Inici estils home --- */
 #menu {
	 background-color:   var(--color-fons) !important;
	 border:none;
	 border-right:1px solid var(--color-fons);
	 position:absolute;
	 top:0px;
	 bottom:0px;
	 left:0;
	 z-index:999;
	 overflow-y :auto;
	 margin-left: -250px;
	 transition: margin-left .25s ease;
	 width:250px;
	 transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
 }
 body.collapsed #menu {
	width: 60px;
 }
 body.collapsed #caixa_menu_footer .titol_menu {
	display: none;
 }
 body.collapsed #caixa_menu_footer .fa-arrow-left {
	transform: rotate(180deg);
 }
 body.collapsed #caixa_menu_footer button {
	justify-content: center;
 }
 #menu .card {
	 display: flex;
	 flex-direction: column;
	 row-gap: 20px;
	 justify-content: center;
	 align-items: center;
	 background-color: inherit;
 }
 .caixa_punts_menu {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
 }
 a.list-group-item {
	 width: 90%;
	 border-radius: 4px !important;
	 background-color:  var(--color-fons) !important;
	 border-color: var(--color-fons);
	 color: var(--color-extra);
	 font-size: 14px;
	 padding: 6px 15px;
	 display: flex;
	 align-items: center;
	 gap: 5px;
	 transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
 }
 a.list-group-item:hover {
	 background-color: var(--color-secundari) !important;
	 border-color: var(--color-secundari);
	 color: #fff;
	 transition:all .4s cubic-bezier(.26, 1.04, .54, 1);
 }
 a.list-group-item.punt_mnu {
	 width: 75%;
	 font-size: 13px;
 }
 body.collapsed a.list-group-item {
	justify-content: center;
 }
 body.collapsed a.list-group-item .inline {
	display: none;
 }
 #logo_empresa {
	 background-color:   var(--color-fons) !important;
	 border-color: var(--color-fons);
	 margin-bottom: 20px;
	 height: auto;
	 margin: 25px 20px;
	 position:relative;
	 height: 55px;
 }
 #logo_empresa > img {
	width: 100%;
	max-width: 100%;
	display: block;
	position: absolute;
	position: absolute;
  	top: 0;
  	left: 0;
	transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
 }
 #logo_empresa img.logo_standard {
	opacity: 1;
  	transform: scale(1);
 }
 #logo_empresa img.logo_favicon {
	opacity: 0;
  	transform: scale(1.1);
	  max-height: 20px;
	  max-width: 20px;
 }
 body.collapsed  #logo_empresa img.logo_standard {
	opacity: 0;
  	transform: scale(1.1);
 }
 body.collapsed  #logo_empresa img.logo_favicon {
	opacity: 1;
  	transform: scale(1);
	max-height: 20px;
	max-width: 20px;
 }
 .top_bar.top_bar_v2 {
	 position: absolute;
	 bottom: 0;
	 width: 100%;
 }
 #top .top_bar {
	 color: var(--color-extra);
	 background-color:  #fff !important;
	 border-bottom: none;
	 padding: 5px 3%;
 }
 #top .top_bar .boto_menu {
	 /*display: none;*/
	 margin-right: 0 !important;
 }
 #top .usuari {
	 display: flex;
	 align-items: center;
	 justify-content: end;
	 gap: 15px;
 }
 .usuari > a {
	 color: var(--color-extra);
 }
 .panell.actiu {
	 padding: 3%;
 }

 #user_opts, #legal_opts {
	 border-bottom: none;
 }
 #user_opts a, #legal_opts a {
	 color: var(--color-extra);
 }
 #user_opts a:hover, #legal_opts a:hover {
	 color: var(--color-fons);
 }

 /* --- Fi estils home --- */
 /* --- Inici estils hores --- */
 #hores th
 {
	 background-color: 6b989d;
	 color:#fff;
	 font-size: 16px;
	 font-weight: normal;
	 font-family: 'Satoshi-Bold';
 }
 
 .hora_head:hover{
	 background-color:var(--color-fons);
 }
 
 
 .hora_head
 {
	 background-color: #FFF;
	 cursor: pointer;
	 border-bottom: 1px solid #d5dee6;
 }
 .hora_head.locked {
	 cursor: unset;
 }
 .hora_content
 {
	 display:none;
	 font-size: 16px;
	 border-bottom: 1px solid #d5dee6;
	 
 }
 .hora_content > td
 {
	 padding: 30px !important;
	 line-height: 1.5 !important;
 }
 .hora_content.active
 {
	 display:table-row;
 }
 /* --- Fi estils hores --- */
 /* --- Inici estils tasques --- */
 


 /* --- Fi estils tasques --- */
 /* --- Inici estils zona client --- */
 #cli_detalls_form .pnl-grup-body, #frm_cli_pwd_change .pnl-grup-body {
	 display: flex;
	 gap:2vh 1%;
	 flex-wrap: wrap;
 }
 #cli_detalls_form .caixa_interior_client, #frm_cli_pwd_change .caixa_interior_client {
	 width: 32%;
	 display: flex;
	 flex-direction: column;
	 border-left: 2px solid var(--color-secundari);
	 padding-left: 10px;
 }
 #cli_detalls_form .caixa_interior_client.caixa_edicio_correus, #frm_cli_pwd_change .caixa_interior_client.caixa_edicio_correus {
	 width: 100%;
 }
 #cli_detalls_form .caixa_interior_client strong, #frm_cli_pwd_change .caixa_interior_client strong {
	 color: var(--color-principal);
	 font-weight: 600;
	 font-size: 15px;
 }
 #cli_detalls_form .caixa_interior_client span, #frm_cli_pwd_change .caixa_interior_client span {
	 font-size: 14px;
 }
 #frm_cli_pwd_change .pnl-footer {
	 width: 99%;
 }

 .caixa_general_dades_v2 {
	display: flex;
	flex-wrap: wrap;
	gap: 6vh 4%;
	justify-content: space-between;
	padding: 0;
 }
 .caixa_interna_bloc_v2 {
	display: flex;
	flex-wrap: wrap;
	gap: 2vh 2%;
	justify-content: start;
	align-items: start;
	align-content: start;
	padding: 1%;
 }
 .caixa_interna_bloc_v2.mida_meitat {
	width: 48%;
 }
 .caixa_interna_bloc_v2.fons_color {
	background-color: var(--color-fons-caixes-desglos);
	border-radius: 5px;
 }
 .caixa_interna_bloc_v2 .caixa_titols_interior_pnl {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 2px solid var(--color-secundari);
 }
 .caixa_interna_bloc_v2 .caixa_contingut_interior_pnl {
	width: 100%;
	display: flex;
	flex-direction: inherit;
	gap:2vh 2%;
	flex-wrap: wrap;
 }
 .caixa_interna_bloc_v2 .caixa_contingut_interior_pnl .caixa_dades_info {
	width: 48%;
	display: flex;
	flex-direction: column;
 }
 .caixa_interna_bloc_v2 .caixa_contingut_interior_pnl .caixa_dades_info.mida_full {
	width: 100%;
 }
 .caixa_interna_bloc_v2 .caixa_contingut_interior_pnl.caixa_amb_taula {
	flex-direction: column;
	justify-content: start;
	row-gap: 12px;
 }
 div.capcaleres_taula_detalls {
	width: 100%;
	padding: 6px 10px;
	background-color: var(--color-secundari);
	display: flex;
	color: #fff;
	font-family: 'Satoshi-Bold';
	border-radius: 3px;
 }
 div.linia_taula_detalls {
	width: 100%;
	padding: 6px 10px;
	display: flex;
	align-items: center;
 }
 div.capcaleres_taula_detalls .t1, .linia_taula_detalls .t1 {
	width: 15%;
	display: flex;
  	align-items: center;
 }
 div.capcaleres_taula_detalls .t2, .linia_taula_detalls .t2 {
	width: 15%;
	display: flex;
  	align-items: center;
 }
 .linia_taula_detalls .t2 .btn {
	width: 90%;
 }
 div.capcaleres_taula_detalls .t3, .linia_taula_detalls .t3 {
	width: 40%;
	display: flex;
  	align-items: center;
 }
 div.capcaleres_taula_detalls .t4, .linia_taula_detalls .t4 {
	width: 15%;
	display: flex;
  	align-items: center;
	justify-content: end;
 }
 div.capcaleres_taula_detalls .t5, .linia_taula_detalls .t5 {
	width: 15%;
	display: flex;
  	align-items: center;
 }
 /* --- Fi estils zona client --- */
 /* --- Inici estils pressupostos --- */
#pressuposts, #projectes, #contractes, #tasques, #pedidos {
	display: flex;
	flex-direction: column;
	row-gap: 35px;
}
table.taula_standard th {
	border-top: none;
	border-bottom: 1px solid var(--color-secundari);
	color: #fff;
	font-weight: 600;
	background-color: var(--color-secundari);
}
table.taula_standard th {
    padding: 9px 15px;
}
table.taula_standard td.col-codi-barres, table.taula_standard th.col-codi-barres {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-desc-article, table.taula_standard th.col-desc-article {
    width: 25%;
    vertical-align: middle;
}
table.taula_standard td.col-desple-comentaris, table.taula_standard th.col-desple-comentaris {
    width: 5%;
    vertical-align: middle;
}
table.taula_standard td.col-unitats, table.taula_standard th.col-unitats {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-preu, table.taula_standard th.col-preu {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-iva, table.taula_standard th.col-iva {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-descompte, table.taula_standard th.col-descompte {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-preu-total, table.taula_standard th.col-preu-total {
    width: 10%;
    vertical-align: middle;
}
table.taula_standard td.col-canvi-posicio, table.taula_standard th.col-canvi-posicio {
    width: 5%;
    vertical-align: middle;
}
table.taula_standard td.col-boto-borrar, table.taula_standard th.col-boto-borrar {
    width: 5%;
    vertical-align: middle;
}
 /* --- Fi estils pressupostos --- */
 /* --- Inici estils pressupost --- */
.caixa_general_dades_pressupost {
	display: flex;
	flex-wrap: wrap;
	gap: 6vh 4%;
	justify-content: space-between;
	padding: 1%;
}
.caixa_general_dades_pressupost .caixa_inferior_interior_pnl {
	padding: 1%;
}
.caixa_interna_bloc_pressupost {
	display: flex;
	flex-wrap: wrap;
	gap: 2vh 2%;
	justify-content: start;
	align-items: start;
	align-content: start;
	padding: 1%;
}
.caixa_interna_bloc_pressupost.mida_meitat {
	width: 48%;
}
.caixa_interna_bloc_pressupost .pnl-grup-title {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 2px solid var(--color-secundari);
}
.caixa_interna_bloc_pressupost .caixa_interior_standard {
	width: 49%;
	display: flex;
	flex-direction: column;
	row-gap: 3px;
}
.caixa_interna_bloc_pressupost .caixa_interior_standard .caixa_interior_dif_blocs {
	display: flex;
	justify-content: space-between;
	align-content: center;
	align-items: center;
}
.caixa_interna_bloc_pressupost .caixa_interior_standard.full, .caixa_interna_bloc_pressupost .caixa_interior_standard.mida_full {
	width: 100%;
}
.caixa_interna_bloc_pressupost #dades_client {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	gap:2vh 2%;
}
.caixa_interna_bloc_pressupost.caixa_resum {
	background-color: var(--color-fons-caixes-desglos);
	border-radius: 5px;
}
.caixa_interna_bloc_pressupost.caixa_resum .caixa_interior_resum {
	width: 49%;
	display: flex;
	flex-direction: column;
	row-gap: 5px;
}
.caixa_interna_bloc_pressupost.caixa_resum .caixa_interior_resum.contingut_ala_dreta .linia_resum {
	display: flex;
	flex-direction: column;
	align-items: end;
}
.caixa_interna_bloc_pressupost.caixa_resum .caixa_interior_resum_totals {
	width: 100%;
	font-size: 3rem;
	display: flex;
	gap: 20px;
	justify-content: center;
	background-color: var(--color-secundari);
	border-radius: 6px;
	padding: 5px 10px;
	margin-top: 30px;
	color: #fff;
}
 /* --- Fi estils pressupost --- */
 /* --- Inici estils factures --- */
 .caixa_subtaula_interior {
	background-color: var(--color-fons-caixes-desglos);
  	border-radius: 4px;
  	border: 1px solid var(--color-fons-caixes-desglos);
	padding: 2%;
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura {
	width: 100%;
	/*margin-bottom: 2vh;*/
	padding: 2vh 0;
	border-bottom: 1px solid var(--color-secundari);
	display: flex;
	flex-wrap: wrap;
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions {
	width: 45%;
	display: flex;
	flex-direction: column;
	color: var(--color-extra);
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_desc_valors {
	width: 10%;
	display: flex;
	flex-direction: column;
	color: var(--color-extra);
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions .titol, .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_desc_valors .titol {
	/*font-weight: 600;*/
	font-family: 'Satoshi-Bold';
  	font-size: 16px;
  	padding-left: 10px;
  	border-left: 2px solid var(--color-extra);
  	margin-bottom: 5px;
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions b {
	font-weight: 600;
	font-size: 15px;
	padding-left: 10px;
}
.caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions span, .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_desc_valors span {
	font-size: 13px;
	font-weight: 300;
	padding-left: 10px;
}
 /* --- Fi estils factures --- */
 b, strong {
	 font-family: "Satoshi-Bold", sans-serif !important;
	 font-weight: 800;
 }
 
 button, input, textarea {
	 font-family: "Satoshi-Regular", sans-serif !important;
 }

 .fixed-bottom{
	 z-index:10040 !important;
 }
 .align-right{
	 text-align:right;
 }
 .mfp-wrap{
	 z-index:1070 !important;
 }
 .mfp-bg{
	 z-index:1052 !important;
 }
 .div_talla_cmda{
	 float: left;
	 width: 25%;
	 padding-right: 5px;
 }
 .cmda_dets_lin.selected{
	 background-color: #D9D9D9;
	 border: 2px solid #D9D9D9;
 }
 .cmda_dets_sub_lin{
	 /*background-color: #aaa;*/
	 border: 2px solid #D9D9D9;
 }
 .no_display{
	 display:none !important;
 }
 .dosp_detall{
	 display:none;
 }
 .detall_cmda{
	 display:flex;
	 font-size:13px;
 }
 .detall_cmda > p {
	 margin: 0px;
 }
 
 .datepicker[readonly]{
	 background-color:#FFF !important;
 }
 .warning{
	 color:#EC9720;
 }
 .danger{
	 color:#FF6;
 }
 
 .cli_detalls{
	 margin-bottom:5px;
 }
 
 input.datepicker{
	 /*max-width:150px;*/
 }
 /*Panells*/
 .flotant{
	 float:left;
	 /*width:48% !important;
	 min-width:380px;*/
 }
 .filtre_tbl_modal{
	 background: #fff;
	 position: fixed;
	 right: 16px;
	 left: 1px;
	 height: 50px;
	 z-index: 9999;
	 padding-right: 20px;
	 margin-top: -15px;
	 padding-top: 15px;
	 top:77px;
 }
 .w50{
	 width: 48%  !important;
	 margin:0px 2% 15px 0px;
 }
 .pnl-grup{
	 position: relative;
	 border-radius: 3px;
	 background: #ffffff;
	 margin: 0;
	 width: 100%;
	 min-height: 205px;/*abans 190px*/
	 float:left;
 }
 .pnl-grup.no_min_h{
	 min-height: unset;
 }
 .pnl-grup.grup-primary{
	 border-top-color: #3c8dbc;
 }
 .pnl-grup.grup-warning{
	 border-top-color: #f0ad4e;
 }
 .pnl-grup.grup-success {
	 border-top-color: #00a65a;
 }
 .pnl-grup.grup-danger {
	 border-top-color: #dd4b39;
 }


 .pnl-body{
	 
	 border-top-left-radius: 0;
	 border-top-right-radius: 0;
	 border-bottom-right-radius: 3px;
	 border-bottom-left-radius: 3px;
	 /*border-top: 1px solid #eceeef;*/
	 padding: 15px 15px 50px 15px;
 }
 
 .pnl-header>h1 {
	 margin: 0;
	 font-size: 24px;
	 display:inline-block;
 }
 .mig{
	 display: inline-block;
	 max-width: 100%;
	 margin-bottom: 5px;
	 font-weight: 700;
 }
 
 .pnl-header{
	 
	 color: #444;
	 display: block;
	 margin: 0px 15px 15px 0px;
	 position: relative;
 }
 .pnl-footer {
	 /*border-top-left-radius: 0;
	 border-top-right-radius: 0;
	 border-bottom-right-radius: 3px;
	 border-bottom-left-radius: 3px;
	 border-top: 1px solid #f4f4f4;*/
	 background-color: #fff;
	 padding: 0 15px;
 }
 .content-footer {
	 
	 margin-right: 2%;
	 clear: both;
	 
 }
 .content-header {
	 margin: 0;
	 font-size: 24px;
	 position: relative; 
	 padding: 15px 15px 10px 15px;
	 width: 100%;
	 background-color: #ECEEEF;
 }
 .content-header>h1 {
	  margin: 0;
	 font-size: 24px;
 }
 .content {
	 /*abans min-height: 250px;*/
 
	 width: auto;
	 height: auto;
	 /*display: inline-block;*/
 }
 /*Fi Panells*/
 
 .w60{
	 width:60%;
 }
 .w40{
	 width:40%;
 }
 
 .pnl-grup.w40{
	 width:38%;
	 margin: 0px 2% 15px 0px;
 }
 .pnl-grup.w60{
	 width:58%;
	 margin: 0px 2% 15px 0px;
 }
 
 .td1{
	 padding-left:20px;
	 padding-right: 5px;
	 width:20%;
	 white-space:nowrap;
 }
 .punt_actiu{
	 /*background:#111618 !important;
	 color: #fff !important;*/
	 /*color: #8A281B !important;
	 background-color: #FFF !important;*/
	 border-left: 5px solid #FFF !important;
 }
 #top{
	 position:absolute; 
	 left:0px;
	 top:0px;
	 right:0px;
	 height:50px;
	 vertical-align:middle;
	 transition: left .25s ease;
	 z-index:999;
 }
 #top_2{
	 position:absolute; 
	 padding:5px 15px 5px 15px ;
	 left:0px;
	 top:50px;
	 right:0px;
	 height:50px;
	 vertical-align:middle;
	 transition: left .25s ease;
	 z-index:999;   
	 background:#eff1f4;
	 display: flex;
	 align-items: center;
 }
 .top_bar {
	 height: 50px;
	 padding: 0 15px;
	 display: flex;
	 align-items: center;
 }
 
 .top_bar_2{
	 background: #F9F9F9;
	 height:35px;
	 display:list-item;
	 padding:6px  15px 5px 15px !important;
	 border-bottom: 1px solid #cfcfcf;
 
 
 }
 .top_bar_2.danger{
	 background: #ae5555 !important;
 }
 
 .top_bar_2 > a,.top_bar_2 > div > a {
	 color:#fff;
 }
 
 #menu > ul{
	 list-style:none;
	 margin-bottom: 0px;
 }
 .fila_art{
	 margin:2px;
 }
 #content{
	 background-color: #fff;
	 position:absolute; 
	 left:0px;
	 /*top:50px;*/
	 top:0px;
	 bottom:0px;
	 right:0px;
	 z-index:1;
	 transition: left .25s ease;
	 overflow-y :auto;
	 overflow-x: none;
 }
 
 #content.marge_footer
 {
	 bottom: 60px;
 }
 
 #peu{
	 
	 position:fixed; 
	 display:flex;
	 align-items: center;
	 background:#f6f6f6;
	 left:0px;
	 height:60px;
	 bottom:0px;
	 right:0px;
	 z-index:0;
	 font-size: 16px;
	 transition: left .25s ease;
	 padding-left: 15px;
	 padding-right: 15px;
	 border-top: 1px solid #9e9e9e;
	 justify-content: flex-end;
	 
 }
	 .input_footer
	 {
		 margin-right: 10px;
	 }
	 
	 .input_footer b
	 {
		 margin-right: 10px;
	 }
	 .input_footer, .input_footer *
	 {
		 display: inline-block;
		 
	 }
 
 #peu > span{
	 font-size:17px;
	 height:40px;
	 display:flex;
	 align-items: center;
	 color:#fff;
 }
 
	 
 #mnu_top{
	 float:right;
	 display:block !important;
	 list-style:none;
 }
 
 #mnu_top > li{
	 display: inline-block;
	 vertical-align: top;
 }
 
 .usuari {
	 list-style: none;
	 display: inline-block;
	 float: right !important;
	 flex: 1;
	 text-align: right;
 }
 
 
 .row_show_mitja{
	 display:none;
 }
 .row_news_contenidor {
	 border-bottom: 1px solid #d5dee6;
	 position: relative;
	 display: flex;
	 padding:10px 0;
	 align-items: center;
 }
 .row_news_contenidor > div:first-child {
	  margin-right: 10px;
 }
 
 .row_news_contenidor > div  >img {
	 width:120px;
	 height:auto;
 }
 
 .color-white {
	 color: #fff;
 }
 
 #table-calendari-home .table-setmana > tbody > tr:last-child > td {
	 border-bottom: 1px solid #c1c1c1;
 }
 
 #table-calendari-home .table-setmana > tbody > tr > td:last-child {
	 border-right: 1px solid #c1c1c1;
 }
 
 input[type=checkbox].custom_chk {
	 display: none;
 }
 
 input[type=checkbox].custom_chk + label {
	 position: relative;
	 display: flex;
	 align-items: center;
 }
 
 input[type=checkbox].custom_chk + label::before {
	 content: "";
	 border: 1px solid #122a40;
	 width: 15px;
	 height: 15px;
	 padding-top: 0px;
	 color: #122a40;
	 cursor: pointer;
	 margin-right: 2px;
	 text-align: left;
	 padding-left: 1px;
	 vertical-align: -1px;
	 position: relative;
	 font-family: Font Awesome\ 5 Pro;
	 text-rendering: auto;
	 -webkit-font-smoothing: antialiased;
	 -moz-osx-font-smoothing: grayscale;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 12px;
	 text-indent: -2px;
	 font-weight:900;
 }
 
 input[type=checkbox].custom_chk:checked + label::before {
	 content: "\f00c";
 }
 
 .links_generics {
	 text-decoration: underline;
	 color: rgba(0, 48, 135, .8);
 }
 .links_generics:hover, .links_generics:focus {
	 color: rgba(0, 48, 135, 1);
 }
 
 #table-calendari-home .table-info, .custom-table-info {
	 background-color: #003087;
	 color: #fff;
 }
 
 .table-success {
	 background: #6CC24A!important;
 }
 
 #mf_title_desc {
	 line-height: 24px;
 }
 
 .row_resum_content {
	 display: flex;
	 background: #ffffff;
	 border-radius: 5px;
	 overflow: hidden;
 }
 
 .row_resum_totals > td {
	 border-bottom: 0;
 }
 
 .sense_alergens {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 text-align: center;
	 padding-top: 16px;
	 font-size: 12px
 }
 
 #mf_result {
	 background: #eff1f4;
	 padding-bottom: 20px;
 }
 
 #home_calendari_result {
	 padding-bottom: 50px;
 }
 
 .top_2 .float-right {
	 flex: 1;
	 text-align: right;
 }
 
 #user_opts, #legal_opts {
	 /*border-bottom: 1px solid #cfcfcf;*/
 }
 #user_opts a, #legal_opts a{
	 /*color: #fff;*/
 }
 
 .navegacio_informe {
	 display: inline-flex;
	 align-items: center;
 }
 
 .navegacio_informe i {
	 font-size: 20px;
	 margin: 0 5px;
 }
 
 .scroll_tipus_plat {
	 display: none;
 }
 
 .scroll_tipus_plat.active {
	 display: block;
 }
 
 
 .block_home
 {
	 display: flex;
	 align-items: center;
	 padding: 15px 25px;
	 border-bottom: 1px solid #d5dee6;
	 color: #000;
	 font-family: 'source_sans_probold'!important;
	 position: relative;
	 
 }
 
	 .block_home img
	 {
		 align-self: center;
		 height: 360px;
		 
		   margin-left: auto;
		   margin-right: auto;
		   max-width:100%;
		 
	 }
	 
	 
	 .block_home:hover
	 {
		 text-decoration: none;
		 color: #8A281B;
		 
	 }
	 
/* --- Inici estils responsive by Carles --- */ 
@media all and (max-width: 1500px) {
	.panell.actiu {
		padding: 5% 2%;
	}
	.taula_intra_generica, .tb_intra_linies {
		font-size: 13px;
	}
	.caixa_generica_filtres .caixa_single_filtre {
		font-size: 13px;
	}
}
@media all and (max-width: 1050px) { 
	.oculta_pc {
		display: flex;
	}
	.taula_intra_generica .tb_intra_fila {
		flex-wrap: wrap;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.oculta_mobil, .taula_intra_generica .tb_intra_capcaleres .single_tb.oculta_mobil {
		display: none;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.caixa_boto_detalls_taula {
		display: flex;
		flex-basis: 10%;
		order: 0;
		cursor: pointer;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_principal, .taula_intra_generica .tb_intra_capcaleres .single_tb.mob_principal {
		flex-basis: 44% !important;
		order: 0;
		text-wrap: balance;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_standard, .taula_intra_generica .tb_intra_capcaleres .single_tb.mob_standard {
		flex-basis: 50% !important;
		order: 1;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_standard {
		/* justify-content: space-between; */
		flex-direction: column;
		background-color: var(--color-fons-caixes-desglos);
		align-items: start;
	}
	.taula_intra_generica .tb_intra_fila .single_tb.mob_standard span.oculta_pc {
		font-family: 'Satoshi-Bold';
	}
}	
@media all and (max-width: 900px) {
	.oculta_mobil {
		display: none !important;
	}
	.pnl-grup-title {
		align-items: start;
		row-gap: 15px;
	}
	.pnl-grup-title .pnl-title {
		width: 75%;
		max-width: 75%;
		text-wrap:balance;
	}
	.caixa_botons_titol {
		width: 25%;
		max-width: 25%;
		display: flex;
		justify-content: end;
	}
	.caixa_generica_filtres .caixa_interna_esquerra {
		flex-direction: column;
	}
	.caixa_generica_filtres .caixa_single_filtre {
		width: 100%;
	}
	.caixa_single_filtre.caixa_boto_filtre {
		max-width: 100%;
		margin-top: 10px;
	}
	.caixa_generica_filtres {
		flex-direction: column;
		padding: 15px;
		margin: 0;
	}
	.caixa_boto_desple_filtre {
		width: 100%;
		display: flex;
		justify-content: end;
	}
	.caixa_boto_desple_filtre i {
		width: 14px;
		height: 14px;
	}
}
/* --- Fi estils responsive by Carles --- */
	 
	 @media all and (max-width: 800px) {
		 .caixa_general_login {
			 flex-direction: column;
			 position: relative;
		 }
		 .caixa_general_login .caixa_imatge_slogan {
			 width: 100%;
			 height: 100vh;
			 background-position: center !important;
		 }
		 .caixa_general_login .caixa_imatge_slogan .caixa_interior {
			 width: 90%;
			 font-size: 40px;
			 left: 5%;
			 text-align: center;
		 }
		 .caixa_general_login #caixa_auth {
			 width: 90%;
			 height: 60vh;
			 position: absolute;
			 top: 20vh;
			 left: 5%;
			 border-radius: 25px;
			 display: flex;
			 align-items: center;
		 }
		 .caixa_general_login #caixa_auth #caixa_centrat {
			 width: 80%;
		 }
		 form .form-group.grup-titol-mes-camp {
			 flex-direction: column;
			 row-gap: 5px;
			 border-left: 2px solid var(--color-secundari);
		 }
		 form .form-group.grup-titol-mes-camp .titol-interior {
			 width: 100%;
			   padding: 0 9px;
		 }
		 form .form-group.grup-titol-mes-camp .camp-interior {
			 width: 100%;
			 padding-left: 9px;
		 }
		 .gadget {
			 width: 100%;
			 min-width: 100%;
			 padding: 5% !important;
			 overflow: hidden;
		 }
		 #home_gadgets .gadget_body {
			 /*overflow-x: scroll;*/
			 padding-bottom: 0;
			 margin-bottom: 25px;
		 }
		 .table-responsive {
			 display: block;
		 }
		 .usuari > a {
			 color: var(--color-fons);
		 }
		 .top_bar.top_bar_v2 {
			 background-color: var(--color-extra);
		 }
		 .pnl-title {
			 font-size: 40px;
		 }
		 table.taula_standard th {
			 font-size: 14px;
		 }
		 table.taula_standard td {
			 font-size: 13px;
			 padding:15px 12px;
		 }
		 .caixa_subtaula_interior {
			 padding: 3%;
			 display: flex;
			 flex-direction: column;
			 max-width: 100%;
			 overflow: hidden;
		 }
		 .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions {
			 width: 100%;
			 margin-bottom: 2vh;
		 }
		 .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_desc_valors {
			 width: 20%;
		 }
		 .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions .titol, .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_desc_valors .titol {
			 font-size: 14px;
		 }
		 .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions b {
			 font-size: 13px;
		 }
		 .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_descripcions span, .caixa_subtaula_interior .caixa_single_apartat_desglos_factura .caixa_desc_valors span {
			 font-size: 12px;
		 }
 
		 .caixa_titol_projecte {
			 flex-direction: column;
		 }
		 .caixa_titol_projecte .pnl-title {
			 font-size: 35px;
			 row-gap: 2vh;
			 margin-bottom: 4vh;
		 }
		 .caixa_generica_filtres {
			 flex-direction: column;
			 margin-bottom: 5%;
			 margin-top: -30px;
		 }
		 .caixa_general_dades_projecte .caixa_amb_sombra_simple {
			 width: 100%;
			 padding: 6% !important;
			 flex-direction: row;
			 flex-wrap: wrap;
		 }
		 .caixa_general_dades_projecte .caixa_amb_sombra_simple .caixa_interior_standard {
			 width: 50%;
			 font-size: 15px;
		 }
		 .caixa_general_dades_projecte {
			 gap: 6vh 2%;
		 }
		 #projecte_tabla_hores table.taula_standard th {
			 font-size: 12px;
			 padding: 6px 5px;
		 }
		 #projecte_tabla_hores table.taula_standard td {
			 font-size: 11px;
			 padding: 8px 8px;
		 }
		 .caixa_amb_sombra_simple #projecte_categories {
			 width:100%; 
			 height:350px;
		 }
		 .pnl-title {
			 font-size: 35px;
		 }
		 #comunicat_result .caixa_singular, #comunicat_result .caixa_doble {
			 width: 100%;
			 font-size: 14px;
		 }
		 .pnl-grup-body {
			 padding: 5% !important;
		 }
		 #cli_detalls_form .caixa_interior_client, #frm_cli_pwd_change .caixa_interior_client {
			 width: 48%;
		 }
		 .pnl-grup-body {
			 padding: 3% !important;
		 }
		 .caixa_llistat_productes_disponibles .bloc_article {
			 flex-wrap: wrap;
		 }
		 .caixa_llistat_productes_disponibles .bloc_article .link_imatge {
			 width: 25%;
			 max-width: 25%;
		 }
		 .caixa_llistat_productes_disponibles .bloc_article .contents {
			 flex-direction: column;
			 width: 72%;
		 }
		 .caixa_llistat_productes_disponibles .bloc_article .contents .caixa_preus {
			 flex-direction: row;
			 justify-content: space-between;
			 margin-top: 10px;
		 }
		 .caixa_llistat_productes_disponibles .bloc_article .contents .caixa_textos .subtitol_producte {
			 max-height: 20vh;
			 overflow: hidden;
		 }
		 .caixa_contingut_article_desc {
			 flex-direction: column;
			 row-gap: 5vh;
		 }
		 .caixa_llistat_fills_item {
			 gap: 45px 5%;
			 margin-top: 30px;
		 }
		 .caixa_llistat_fills_item .caixa_single_fill_item {
			 width: 47%;
			 padding: 5% !important;
		 }
		 .caixa_llistat_fills_item .caixa_single_fill_item .titol_single_fill {
			 font-size: 20px;
		 }
		 .caixa_llistat_fills_item .caixa_single_fill_item .categoria_single_fill {
			 font-size: 15px;
		 }
		 .caixa_llistat_fills_item .caixa_single_fill_item .caixa_imatge_single_fill {
			 font-size: 40px;
		 }
		 #item_content .caixa_llistat_adjunts {
			 margin-top: 10%;
		 }
 
		 /* --- Inici nous estils home comercial --- */
		 #content.active {
			 padding-top: 8vh;
		 }
		 #content_slide_home {
			 height: 20vh;
			 margin-bottom: 0;
		 }
		 #slide_home .slide {
			 height: 100%;
		 }
		 #home_content {
			 row-gap: 3vh;
		 }
		 #home_content .caixa_noticies_home {
			 width: 100%;
			 padding: 5% !important;
			 order: 3;
		 }
		 #home_content .caixa_info_treballador_associat {
			 width: 100%;
			 padding: 5% !important;
		 }
		 #home_content .caixa_resum_client {
			 width: 100%;
			 padding: 5% !important;
			 row-gap: 15px;
		 }
		 /* --- Fi nous estils home comercial --- */
	 }
	 
	 
	 @media all and (max-width: 320px) {
	 
		 .opt-auth {
			 text-align: center;
		 }
	 
		 .opt-auth > a {
			 float: none!important;
			 margin: 2.5px auto;
			 display: inline-block;
		 }
	 
		 .opt-auth > br {
			 display: initial;
		 }
	 }
 
 
 @media (min-width: 1000px) {
	 .mobile_show{display:none !important;}
 }
	 
 @media all and (max-width: 600px) {
	 
	 .block_home img
	 {
		 align-self: center;
		 height: 160px;
	 }
	 .mobile_show{display:inline-block;}
	 .head_grup
	 {
		 margin-bottom: 4%;
	 }
	 .llistat_plats
	 {
		 margin-bottom: 3%;
	 }
	 .llistat_plats .bloc_plat {
		 width: 47.5%;
		 margin: 1% !important;
	 }
	 
	 /*.llistat_plats > .bloc_plat:nth-child(2n) {
		margin-right: 0;
	 }*/
	 /*.img_plat {
		 height: 130px;
	 }*/
	 
	 .bloc_plat .titol_plat {
		 font-size: 14px;
	 }
	 
	 #label_n_menus
	 {
		 display: none;
	 }
	 
	 #text_comanda .flex{
		 flex-direction: column;
	 }
 
	 #text_comanda .flex > div
	 {
		 width: 100%;
		 flex-direction: column;
	 }
	 
	 #text_comanda .flex > div:first-child {
		 border-right: 0 !important;
		 border-bottom: 1px solid #CCC;
		 padding-bottom: 15px;
		 margin-bottom: 15px;
	 }
	 
	 #comandes *
	 {
		 font-size: 14px !important;
	 }
	 #comandes thead 
	 {
		 display: none !important;
	 }
	 .comanda_head
	 {
		 background-color: #f6f6f6 !important;
		 padding: 10px 0px;
		 display: block !important;
	 }
	 .comanda_head td {
		 width: 100%;
		 display: block;
		 text-align: left !important;
		 padding: 5px 15px !important;
			
	 }
	 
	 
	 
 }
 
 @media all and (max-width:350px)
 {
	 .input_footer b {
		 margin-right: 10px;
		 font-size: 13px; 
	 }
 }
 
 
 @media (min-width: 993px) {
	 .img_float_left{
		 float:left
	 }	
	 /*.mobile_hide{
		 display:block;
	 }*/
	 #top.active.desktop{
		 left:250px;
	 }
	 #top_2.active{
		 left:250px;
	 }
	 #menu.active.desktop{
		 margin-left:0px;
		 display:block;
	 }
	 #content.active.desktop, #peu.active.desktop{
		 left:250px;
		 transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
	 }
	 body.collapsed #content.active.desktop {
		left:60px;
		 transition: all .4s cubic-bezier(.26, 1.04, .54, 1);
	 }

	 
	 /*animacions boto*/
	 .boto_menu.desktop .s1, .boto_menu.desktop .s2 {
		 -webkit-transform: translateY(10px) rotate(45deg);
		 -moz-transform: translateY(10px) rotate(45deg);
		 -ms-transform: translateY(10px) rotate(45deg);
		 -o-transform: translateY(10px) rotate(45deg);
		 transform: translateY(10px) rotate(45deg);
	 }
	 
	 .boto_menu.desktop .s3 {
		 -webkit-transform: translateY(10px) rotate(-45deg);
		 -moz-transform: translateY(10px) rotate(-45deg);
		 -ms-transform: translateY(10px) rotate(-45deg);
		 -o-transform: translateY(10px) rotate(-45deg);
		 transform: translateY(10px) rotate(-45deg);
	 }
	 
	 .boto_menu.prim.desktop .s1, .boto_menu.prim.desktop .s2{
		 -webkit-transform: translateY(6px) rotate(45deg);
		 -moz-transform: translateY(6px) rotate(45deg);
		 -ms-transform: translateY(6px) rotate(45deg);
		 -o-transform: translateY(6px) rotate(45deg);
		 transform: translateY(6px) rotate(45deg);
	 }
	 
	 .boto_menu.prim.desktop .s3 {
		 -webkit-transform: translateY(6px) rotate(-45deg);
		 -moz-transform: translateY(6px) rotate(-45deg);
		 -ms-transform: translateY(6px) rotate(-45deg);
		 -o-transform: translateY(6px) rotate(-45deg);
		 transform: translateY(6px) rotate(-45deg);
	 }
	 .input-adapta{
		 max-width:200px;
	 }
 }
 
 
 @media (max-width: 650px) {
 
	 #home_calendari_result .table td {
		 font-size: 12px;
		 padding: .75rem 0.25rem;
		 text-align: center;
	 }	
 }
 
 @media (max-width: 440px) {
	 /*Pantalles petites*/
	 .adapta-font{
		 font-size:13px !important;
	 }
	 .row_oculta_petit{
		 display:none;
	 }
	 .adapta-input{
		 height: 30px !important;
		 padding: 5px 10px;
		 font-size: 12px;
		 line-height: 1.5;
	 }
	 .adapta-btn{ 
		 padding: .25rem .5rem;
		 font-size: .875rem;
		 border-radius: .2rem;
	 }
	 
	 
 }
 
 @media (max-width: 550px) {
	 
	 .row_news_contenidor {
		 width: 100%;	
		 flex-wrap: wrap;
	 }
	 .row_news_contenidor > div:first-child {
		 width: 100%;
		 margin-right: 0;
		 margin-bottom:15px;
	 }
	 .row_news_contenidor > div > img {
		 width: 100%;
		 
	 }
	 
 }
 @media (max-width: 360px)
 {
	 .little_hide
	 {
		 display:none;
	 }
 }
 @media (max-width: 800px) { 
	 .panell h1 {
		 font-size: 40px;
	 }
	 .panell h2 {
		 font-size: 16px;
	 }
	 .gadget_title {
		 font-size: 20px;
	 }
	 .gadget_body > table {
		 font-size: 12px !important;
	 }
 }
 
 @media (max-width: 992px) {
	 
	 .filtre_tbl_modal{
		 top:55px;
	 }
	 .modal-footer {
		 display:list-item !important;
	 }
	 .modal-footer > button{
		 display: inline;
		 margin: 0 0 5 0 !important;
		 width: 100%;
	 }
	 .w60,.w40{
		 width:100% !important;
	 }
	 .div_tipus_prenda{
		 width: 50%;
	 }
	 .detall_cmda{
		 display:inline-flex;
	 }
	 .dosp_detall{
		 display:block;
	 }
	 .mobile_hide{
		 display:none;
	 }
	 #top{
		 position:fixed !important;
		 left:0px !important; 
		 top:0px !important; 
		 height:50px !important; 
		 right:0px !important; 
		 transition:none !important;
		 box-shadow: 2px 0px 30px -6px #dedede;
	 }
	 #top_2{
		 position:fixed !important;
		 left:0px !important; 
		 top:50px !important; 
		 right:0px !important; 
		 transition:none !important;
	 }
	 #menuauxopen {
		display: block;	
	}
	 
	 #menu.active{
		 width:0% !important;
		 position:relative;
		 transition:none;
		 display:none;
	 }
	 #menu{
		 width:100% !important;
		 
	 }
	 #menu.mobile{
		 position:absolute !important;/*fixed*/
		 z-index:999;
		 top:50px;
		 left:0px;
			margin-left: 0px;
		 right:0px;
		 bottom:auto !important;
		 height:calc(100% - 50px) !important;
		 
		 width: 100% !important;
		 text-align:center;
		 transition:none;
		 display:block;
		 border-top: 1px solid #cfcfcf;
	 } 
	 #user_opts, #legal_opts {
		 border-bottom: 1px solid #cfcfcf;
	 }
	 .punt_actiu {
		 border-right: 0!important;
		 background: #ffffff!important;
		 color: #8A281B!important;
	 }
	 .submenu1.punt_actiu {
		 color: #003087!important;
	 }
	 #content.mobile, #peu.mobile{
		 left:0px !important;
		 transition:none;
	 }
	 #content.active{
		 position:fixed !important;
		 width:auto!important; 
		 height:auto!important; 
		 transition:none;
		 padding-top: 10vh;
	 }
	 #logo_empresa{
		 display:none !important;
	 }
	 
	 .td1{
		 width:35%;
	 }
	 
	 .w50{
		 width: 98% !important;
	 }
	 .content{
		 display:inline-block;
	 }
	 
	 .pnl-grup{
			min-height: 0px;
	 }
	 
	 #table-calendari-home , #table-calendari-home table {
		 table-layout: fixed;
	 }
	 
	 
	 
	 /*animacions boto*/
	 .boto_menu.mobile .s1, .boto_menu.mobile .s2 {
		 -webkit-transform: translateY(10px) rotate(45deg);
		 -moz-transform: translateY(10px) rotate(45deg);
		 -ms-transform: translateY(10px) rotate(45deg);
		 -o-transform: translateY(10px) rotate(45deg);
		 transform: translateY(10px) rotate(45deg);
	 }
	 
	 .boto_menu.mobile .s3 {
		 -webkit-transform: translateY(10px) rotate(-45deg);
		 -moz-transform: translateY(10px) rotate(-45deg);
		 -ms-transform: translateY(10px) rotate(-45deg);
		 -o-transform: translateY(10px) rotate(-45deg);
		 transform: translateY(10px) rotate(-45deg);
	 }
	 
	 .boto_menu.prim.mobile .s1, .boto_menu.prim.mobile .s2{
		 -webkit-transform: translateY(6px) rotate(45deg);
		 -moz-transform: translateY(6px) rotate(45deg);
		 -ms-transform: translateY(6px) rotate(45deg);
		 -o-transform: translateY(6px) rotate(45deg);
		 transform: translateY(6px) rotate(45deg);
	 }
	 
	 .boto_menu.prim.mobile .s3 {
		 -webkit-transform: translateY(6px) rotate(-45deg);
		 -moz-transform: translateY(6px) rotate(-45deg);
		 -ms-transform: translateY(6px) rotate(-45deg);
		 -o-transform: translateY(6px) rotate(-45deg);
		 transform: translateY(6px) rotate(-45deg);
	 }
	 
	 .row_oculta_mitja{
		 display:none;
	 }
	 .row_show_mitja{
		 display:initial;
	 }
	 
	 th.row_show_mitja,td.row_show_mitja{
		 display:table-cell;
	 }	
 }
 
 form{
	  margin-bottom: 0px !important; 
 }
 

 .arrelmenu{
	 background: #EFEFEF;
 }
 .submenu1{
	 background:#666 !important;
	 border-top: 0px !important;
	 border-bottom: 0px !important;
	 padding-left:40px;
	 padding-top: .75rem;
	 padding-bottom: .75rem;
 }
 .fa{
	 width:18px;
	 text-align: center;
 }
 .punt_mnu{
	 /*color:#fff;*/
 }
 .card{
	 border:none !important;
 }
 .list-group-item{
	 background: #666;
	 border-radius: 0px !important;
	 border-top: 0;
	 border-bottom: 1px solid #cfcfcf;
	 border-right: 0px;
 }
 .top_bar_2_element{
	 background:  #fff ;	
	 cursor:pointer;
 }
 .top_bar_2_element.active {
	 background-color: #efefef !important;
 }
 .top_bar_2_element>a{
	 color:  #666666;	
 }
 .top_bar_2_element:hover, .top_bar_2_element:hover>a{
	 background:#F4F4F4 !important;
	 color:  #666666 !important;	
 }
 li.active>a {
	 border-left-color: #3c8dbc;
 }
 .list-group-item:hover{
	 background-color: #333;
	 color: #fff;
 }
 /*.list-group-item:focus*/
 
 li:hover>a, li.active>a, li.menu-open>a {
	 color: #fff;
	 background: #1e282c;
 }
 
 li>a {
	 border-left: 3px solid transparent;
 }
 
 .pull-right-container {
	 position: absolute;
	 right: 10px;
	 top: 50%;
	 margin-top: -7px;
 }
 li>a>.fa-angle-left,  li>a>.pull-right-container>.fa-angle-left {
	 width: auto;
	 height: auto;
	 padding: 0;
	 margin-right: 10px;
	 -webkit-transition: transform .5s ease;
	 -o-transition: transform .5s ease;
	 transition: transform .5s ease;
 }
 [aria-expanded="true"] >.pull-right-container {
	 transform: rotate(-90deg);
 }
 
 
 
 
 /**/
 .btn{
	 cursor:pointer !important;
 }
 .no_click, .no_click>a{
	 cursor:default !important;
	 text-decoration: none;
 }
 .si_click{
	 cursor:pointer !important;
 }
 #menuauxopen{
	 cursor:pointer;
 }
 .boto_menu{    
	 top: 60px;
	 right: 55px;
	 background: 0 0;
	 border: 0;
	 outline: 0;
	 color: #000;
	 position: absolute;
	 padding: 0;
	 vertical-align: middle;
	 cursor: pointer;
	 font-family: 'latoblack';
	 font-size: 22px;
	 text-transform: uppercase;
	 width: auto !important;
	 margin: auto !important;
 }
 
 .boto_menu.prim
 {
	 position: static;
 }
 
 body.active .boto_menu > span
 {
	 display: none;
 }
 
 .boto_menu>* {
	 display: inline-block;
	 vertical-align: inherit;
 }
 
 .boto_menu .icon {
	 position: relative;
	 width: 34px;
	 height: 16px;
 }
 
 .boto_menu .icon>span {
	 /*color boto*/
	 background-color:var(--color-principal);
	 width: 35px;
	 height: 4px;
	 display: block;
	 position: absolute;
	 top: 0;
	 left: 0;
	 -webkit-transition: all .4s ease;
	 -moz-transition: all .4s ease;
	 -ms-transition: all .4s ease;
	 -o-transition: all .4s ease;
	 transition: all .4s ease;
 }
 
 .boto_menu.prim .icon>span{
	 width: 20px;
	 height: 2px;
 }
 
 .boto_menu .s1 {
	 -webkit-transform: translateY(0);
	 -moz-transform: translateY(0);
	 -ms-transform: translateY(0);
	 -o-transform: translateY(0);
	 transform: translateY(0);
 }
 
 .boto_menu .s2 {
	 -webkit-transform: translateY(10px);
	 -moz-transform: translateY(10px);
	 -ms-transform: translateY(10px);
	 -o-transform: translateY(10px);
	 transform: translateY(10px);
 }
 
 .boto_menu .s3 {
	 -webkit-transform: translateY(20px);
	 -moz-transform: translateY(20px);
	 -ms-transform: translateY(20px);
	 -o-transform: translateY(20px);
	 transform: translateY(20px);
 }
 
 .boto_menu.prim .s1 {
	 -webkit-transform: translateY(0);
	 -moz-transform: translateY(0);
	 -ms-transform: translateY(0);
	 -o-transform: translateY(0);
	 transform: translateY(0);
 }
 
 .boto_menu.prim .s2 {
	 -webkit-transform: translateY(6px);
	 -moz-transform: translateY(6px);
	 -ms-transform: translateY(6px);
	 -o-transform: translateY(6px);
	 transform: translateY(6px);
 }
 
 .boto_menu.prim .s3 {
	 -webkit-transform: translateY(12px);
	 -moz-transform: translateY(12px);
	 -ms-transform: translateY(12px);
	 -o-transform: translateY(12px);
	 transform: translateY(12px);
 }
 
 .btn-xs {
	 padding:.18rem .38rem .18rem .38rem !important;
 
 }
 .pregunta{
	 margin-bottom:5px;
 }
 @media print{
	 .no-print, .no_print{
		 display:none !important;
	 }
	 .content{
		 top:0px !important;
		 overflow:visible;
		 position:static !important;
		 overflow-y:unset !important;
	 }
	 html, body {
		 height: 99%;    
	 }
 }
 
 button >.fa{
	 display:initial !important;
 }
 
 /*magnific-popup.css------------------------------------------------------------------------------------------------------------------------------------------*/
 /* Magnific Popup CSS */
 
 .white-popup {
   position: relative;
   background: #FFF;
   padding: 20px;
   max-width: 500px;
   width: auto;
   max-height: 590px;
   overflow: auto;
   font-size: 18px;
   margin: 20px auto;
   line-height: 1.25;
 }
 
	 .white-popup > div
	 {
		 text-align: right;
	 }
	 
	 .white-popup .boto_generic
	 {
		 display: inline-flex;
	 }
 img.mfp-img {
	 max-height: 100% !important;
 }
 
 
 
 
 
	 
 .mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.mfp-bg{z-index:1042;overflow:hidden;background:#000;opacity:.9;filter:alpha(opacity=90)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}.mfp-iframe-holder .mfp-close{top:-40px}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}.mfp-gallery .mfp-image-holder .mfp-figure figure{margin:0}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
 
 @font-face {
	 font-family: 'source_sans_probold';
	 src: url('../fonts/sourcesanspro-bold-webfont.eot');
	 src: url('../fonts/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'),
		  url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
		  url('../fonts/sourcesanspro-bold-webfont.woff') format('woff'),
		  url('../fonts/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg');
	 font-weight: normal;
	 font-style: normal;
 
 }
 
 
 
 
 @font-face {
	 font-family: 'source_sans_proregular';
	 src: url('../fonts/sourcesanspro-regular-webfont.eot');
	 src: url('../fonts/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
		  url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
		  url('../fonts/sourcesanspro-regular-webfont.woff') format('woff'),
		  url('../fonts/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
	 font-weight: normal;
	 font-style: normal;
 
 }
 
 
 
 
 
	 #carta_content
	 {
		 position: absolute;
		 top: 0;
		 left: 0;
		 right:0;
		 bottom: 60px;
		 overflow: auto;
	 }
	 
	 .flex_container
	 {
		 display:flex; 
		 padding:20px; 
		 flex-wrap:wrap;
	 }
	 
	 .flex_item{ 
		 max-width:200px;
		 max-height:200px;
		 text-align:center; 
		 vertical-align:middle; 
		 cursor:pointer;
		 margin:20px; 
		 padding:20px;
		 border:1px solid #e55b2c;
		 border-radius:10px;
		 flex: 1 0.5 0;
	 }
	 
	 .flex_item > .fa{
		 font-size:90px;
	 }
	 
	 .flex_item > img{
		 width:90px;
	 }
	 
	 .flex_item > .text{
		 font-size:18px;
	 }
	 .flex_item > .text_sm{
		 font-size:12px;
	 }	
	 
	 @media (max-width:500px){
		 .flex_item > .fa{
			 font-size:50px;
		 }
		 .flex_item > img{
			 width:50px;
		 }
		 .flex_item > .text{
			 font-size:12px;
		 }
		 .flex_item > .text_sm{
			 font-size:8px;
		 }
	 }
 
 
 .list > .bloc_article {
	 padding: 15px;
	 background-color: #FFF;
	 blroder:1px solid gray;
	 position: relative;
	 display: block;
	 color: #000;
	 overflow: hidden;
	 text-decoration: none;
	 margin-bottom: 20px;
	 background-color: #f5f5f5;
 }
 
 .list > .bloc_article > .link_imatge {
	 width: 28%;
	 float: left;
 }
 
 .list a {
	 color: #e52119;
	 display: inline-block;
	 vertical-align: middle;
 }
 
 .list a img
 {
	 width: 100%;
 }
 
 .list > .bloc_article > .link_imatge + div {
	 width: 68%;
	 float: right;
 }
 
 .list .titol_producte {
	 display: block;
	 margin-bottom: 15px;
	 font-size: 16px;
 
 }
 
 .list .subtitol_producte {
	 display: block;
	 margin-bottom: 15px;
 }
 
 .list .preu_grup {
	 display: block;
	 text-align: left;
	 margin-bottom: 15px;
 }
 
 .list .preu_grup span
 {
	 vertical-align:middle;
 }
 
 .list .preu_anterior {
	 font-style: italic;
	 font-size: 10px;
 }
 
 .list .preu {
	 color: #22558d;
	 font-size: 20px;
	 font-family: 'source_sans_probold';
 }
 
 
 .list .afegir_button {
	 background-color: #22558d;
 }
 
 
 
 @media all and (max-width: 600px) {
	 
	 .list > .bloc_article > .link_imatge {
		 width: 100%;
		 float: none;
		 margin-bottom: 20px;
	 }
	 
	 .list > .bloc_article > .link_imatge + div {
		 width: 100%;
		 float: none;
	 }
 }