@media (max-width:@screen-xs){
	body{font-size:100px;}
}

@media (max-width:@screen-sm){
	body{font-size:104px;}
}

/* jQuery Steps */
/* Adjust the height of section */
#formulari .content{
	min-height:100px;
}

#formulari .content > .body{
	width:100%;
	height:auto;
	padding:1em;
	position:relative;
}
/* - - - */

body{
	background-color:#F1EFED;
	font-size:1.1em;
	font-family:"proxima-nova",sans-serif;
}

h3{
	font-weight:bold;
}

.h3{
	padding-top:0;
	font-size:20px;
	font-weight:bold;
	font-family:"proxima-nova-condensed",sans-serif;
}

table, th{
	padding:0;
}

td{
	padding:10px;
}

.majuscules{
	text-transform:uppercase;
}

.mestre{
	margin:auto;
	padding-top:14px;
	max-width:1200px;

	-webkit-background-clip:padding-box;/* per Safari */
	background-clip:padding-box;
}

.row{
	margin-left:0;
	margin-right:0;
}

#red{
	width:0;
	color:#c00;
	font-weight:bold;
	/*position:absolute;*/
}

.avis{
	background-color:#2184be;
	border:1.2em solid #EDEDED;
	margin-bottom:0;
	padding-top:1em;
	padding-bottom:0;
	padding-top:0.2em !important;
}
.avis li{
	margin-left:1em;
}

:disabled{
	opacity:.5;
	pointer-events:none;
}

/* Notificacions */
.notificacions{
	padding:1.4em;
	padding-top:0;
	padding-bottom:2em;
}


.head{
	padding-right:0.3em;
}

.titol{
	text-align:left;
	vertical-align:center;
	padding:1em !important;
	/*margin-top:-2em;*/
}

.titol h3{
	margin-top:0;
	margin-bottom:0;
}

.logo{
	margin-top:-2em !important;
	padding-left:1em !important;
	text-align:right;
}

.logo img{
	width:auto;
}

.conjunt-titol{
	text-align:left;
}

/* Flags */
div#flags{
	padding-top:14px;
	padding-bottom:14px;
	padding-right:20px;
	text-align:right;
}

div#flags > a{
	color:gray;
	padding-left:8px;
	text-decoration:underline;
}

/* Filtre d'Escala de Grisos per a Imatges */
.escala-grisoss{
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
	filter:gray;
	filter:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale");
}

img.flag{
	width:30px;
	height:auto;
	padding-left:4px;
}

div.taula-flag{
}

div.taula-flag  img{
	width:100%;
	height:auto;
}

/* Aclariments (*) */
.aclariment{
	font-weight:200;
	font-style:italic;
}

/* Alineació de Textos */
.centrat{
	float:none;
	margin:0 auto;

}
.text-centrat{
	text-align:center;
	padding-bottom:8px;
}
.text-esquerra{
	text-align:left;
}
.text-justificat{
	text-align:justify;
	text-justify:inter-word;
}

/* Espaiat Formulari Radi */
.form-radi div{
}

/* Popover */
.popover{
	width:1000px;
}

/* Mòduls */
.modul{
	background-color:#EDEDED;
	margin:0;
}
.modul-titol{
	padding-right:15px;
	padding-left:15px;
}
.modul-titol legend
{
	border-color:#333;
	z-index:1;
}
.modul-submit{
	padding:0;
	background-color:transparent;;
}
.modul-submit .panel-body{
	padding:0;
}

/* Panels */
.panel-titol{
	padding-top:14px;
}
.panel-heading{
	padding-bottom:14px;
	margin-left:-7px;
	text-align:left;
}
.panel-body{
	padding-left:15px !important;
	padding-right:15px !important;
	padding-top:0;
	padding-bottom:0;
}

/* Enunciats */
label{
	display:table;
	justify-content:left; /* align horizontal */
	align-items:center; /* align vertical */
}
.form-horizontal .control-label{
	margin-bottom:0;
	padding-top:0;
	text-align:left;
}
.enunciat_camp{
	padding-top:0.4em !important;
	height:30px;
	display:flex;
}

/* Inputs */
.input_camp{
}

input_camp col-sm-8 {
	padding-left:0px !important;
	padding-top:7px !important;
	height:auto;
}

/* Anotació Asterisc */
.aclariment{
	margin-left:-0.4em;
}

input[type="radio"].input_radi{
	margin-left:14px;
}

.input-group > .col-xs-1,
.input-group > .col-sm-1,
.input-group > .col-md-1,
.input-group > .col-lg-1,
.input-group > .col-xs-2,
.input-group > .col-sm-2,
.input-group > .col-md-2,
.input-group > .col-lg-2,
.input-group > .col-xs-3,
.input-group > .col-sm-3,
.input-group > .col-md-3,
.input-group > .col-lg-3,
.input-group > .col-xs-4,
.input-group > .col-sm-4,
.input-group > .col-md-4,
.input-group > .col-lg-4,
.input-group > .col-xs-5,
.input-group > .col-sm-5,
.input-group > .col-md-5,
.input-group > .col-lg-5,
.input-group > .col-xs-6,
.input-group > .col-sm-6,
.input-group > .col-md-6, 
.input-group > .col-lg-6,
.input-group > .col-xs-7,
.input-group > .col-sm-7,
.input-group > .col-md-7,
.input-group > .col-lg-7,
.input-group > .col-xs-8,
.input-group > .col-sm-8,
.input-group > .col-md-8,
.input-group > .col-lg-8,
.input-group > .col-xs-9,
.input-group > .col-sm-9,
.input-group > .col-md-9,
.input-group > .col-lg-9,
.input-group > .col-xs-10,
.input-group > .col-sm-10,
.input-group > .col-md-10,
.input-group > .col-lg-10,
.input-group > .col-xs-11,
.input-group > .col-sm-11,
.input-group > .col-md-11,
.input-group > .col-lg-11,
.input-group > .col-xs-12,
.input-group > .col-sm-12,
.input-group > .col-md-12,
.input-group > .col-lg-12{
	min-height:1px;
	padding-left:0;
	padding-right:0;
	position:relative;
}

/* Estil dels Inputs */

.form-group input,
.form-group select,
.form-group textarea{
	background-color:white;
	border:medium none;
	-webkit-box-shadow:0.21429em 0.21429em 0.35714em rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:0.21429em 0.21429em 0.35714em rgba(0, 0, 0, 0.2) inset;
	box-shadow:0.21429em 0.21429em 0.35714em rgba(0, 0, 0, 0.2) inset;
	padding:0.21429em 0;
	border:1px solid;
	border-color:rgba(0, 0, 0, 0.1);
}

[title~=intl-tel-input] {
    padding-left: 45px !important;
}

/* Radio */

.form-group input[type="radio"]{
  	box-shadow:0em 0em 0em;
}

.has-error .radio,
.has-error .radio-inline,
.has-error.radio label,
.has-error.radio-inline label{
	color:#b30028;
}

.left{
	display:inline-block;
	text-align:left !important;
}

.radio{
  display:inline-block;
  padding-right:20px;
  cursor:pointer;
  padding-top:0 !important;
  margin-top:7px !important;
}

.radio.radio_preus{
	padding:0;
	float:left;
}

.radio:hover .inner{
  -webkit-transform:scale(0.5);
  -ms-transform:scale(0.5);
  transform:scale(0.5);
  opacity:.5;
}

.radio input{
  width:0;
  height:0;
  opacity:0;
  cursor:pointer;
}

.radio .outer{
  display:block;
  float:left;
  margin:0 6px 0 0;
  border:2px solid gray;
  margin-top:3px;
  margin-left:-1px;
  border-radius:50%;
}

.radio .inner{
  -webkit-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  width:6px;
  height:6px;
  -webkit-transform:scale(0);
  -ms-transform:scale(0);
  transform:scale(0);
  display:block;
  margin:2px;
  border-radius:50%;
  background-color:gray;
  opacity:0;
}

.radio input:checked + .outer .inner{
  -webkit-transform:scale(1);
  -ms-transform:scale(1);
  transform:scale(1);
  opacity:1;
}

.radio input:checked + .outer{border:2px solid gray;}


.div-radi > .input_camp{
	padding-top:0 !important;
}

.form-group.div-radi > label{
	height:auto;
}

/* Checkbox */

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .checkbox label,
.has-error .checkbox-inline label{
	color:#b30028;
}
.check{
  display:inline-block;
  cursor:pointer;
}
.check:hover .outer{
	background:#E2E2E2;
}
.check:hover input:checked + .outer{
	background:transparent;
}
.check input{
	opacity:0;
}

.check input:checked + .outer{
	border:2px solid green;
	top:-0.125rem;
	left:0;

	height:.5rem;
	border-color:#009688;

	border-top-color:transparent;
	border-right-color:transparent;

	-webkit-transition:all 0.3s ease-in-out;
  	-moz-transition:all 0.3s ease-in-out;
  	transition:all 0.3s ease-in-out;

	-webkit-transform:rotate(-45deg);
  	-moz-transform:rotate(-45deg);
  	-ms-transform:rotate(-45deg);
  	-o-transform:rotate(-45deg);
  	transform:rotate(-45deg);
}

.has-error .obligatori .check .outer{
	border:2px solid #b30028;
}

.has-error .obligatori .check:hover .outer{
	box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(179, 0, 40, 0.6);
	background:#f6e2e7;
}

.check .outer{
	-webkit-transition:all 0.25s ease-in-out;
  	transition:all 0.25s ease-in-out;

	width:1.1rem;
  	height:1.1rem;
  	display:block;
  	float:left;
  	border:2px solid gray;
  	margin-top:4.5px;
  	margin-left:0;
  	margin-right:-10px;
  	border-radius:0;
}

/* Taules */
.taula-heading{
	padding:0;
	text-align:center;
	font-weight:bold;
}
.taula-fila{
	text-align:center;
}
.taula-cela{
}
.form-group.taula-cela{
	margin-left:0;
	margin-right:0;
}
.taula-camp{
	
}
.taula-fila.fila-preu{
	padding-top:30px;
	padding-bottom:30px;
}
.form-control.taula-camp{
	height:24px;
	float:left;
}

/* Botons Javascript */
.botons{
	position:absolute;
	top:8px;
	left:20px;
}

* html{
  font-size:87.5%;
}

html{
  font-size:14px;
  line-height:1.28571em;
}

*{
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

a, a:active, a:link, a:visited{
  color:#006777;
}
a:hover{
  color:#003b44;
}

.input_camp{
}

.enunciat_camp.opcio{
	padding-right:0;
}

.input_camp.opcio{
}

.form-group select{

}

/* Camp Input del Captcha */
#recaptcha_response_field{
	height:40px;
}

/* Canvis per a Mòbils */
@media (max-width:991px){

	.head{
		padding-right:0.1em;
	}

	.logo{
		padding-bottom:40px;
		text-align:center;
	}

	.titol{
		padding-bottom:20px;
		text-align:center;
	}

	.conjunt-titol{
		text-align:center;
	}

	.mestre{
		padding-left:0;
		padding-right:0;
	}
	.modul{
	}
	.panel-titol .panel-heading{

	}
	.bot-top{
		position:relative;
	} 
	.bot-top:after{
		content:"";
		position:absolute;
		bottom:10px;
		left:16px;
		right:0;
		height:1px;
		background-image:-webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(#000));
		background-image:-webkit-linear-gradient(left, #000, transparent);
		background-image:-moz-linear-gradient(left, #000, transparent);
		background-image:-o-linear-gradient(left, #000, transparent);
	}
	.bot-bottom{
		position:relative;
	} 
	.bot-bottom:after{
		content:"";
		position:absolute;
		bottom:0;
		left:16px;
		right:0;
		height:1px;
		background-image:-webkit-gradient(linear, 0 0, 100% 0, from(transparent), to(#000));
		background-image:-webkit-linear-gradient(left, #000, transparent);
		background-image:-moz-linear-gradient(left, #000, transparent);
		background-image:-o-linear-gradient(left, #000, transparent);
	}
	.botons{
		position:relative;
	}
	.panel-titol{
		padding-top:4px;
	}

	#recaptcha_image{
	}
	.numero{
		left:1em;
	}
	.opcio{
		left:0;
	}
}

@media (max-width:767px){
	.row{
		padding:0;
	}
	.well{
		padding:0;
	}
	#formulari .content > .body{
		height:auto;
		padding-top:0;
		padding-left:0;
		padding-right:0;
		margin:0;
	}
	.container-fluid{
		padding-left:0.4em;
		padding-right:0.4em;
	}
	.notificacions{
		padding:0.9em;
		padding-bottom:0.4em;
		padding-bottom:3em;
	}
}

@media (max-width:444px){
	.captcha{
		overflow:hidden;
	}
	.numero{
		padding-right:0;
		left:0;
	}
}

/* Ajustar algunes coses */ 

.form-control{
	height:auto;
}

input{
	padding-left:10px !important;
	padding-top:7px !important;
}

select{
	padding-left:5px !important;
	padding-top:6px !important;
}

.has-feedback .form-control{
	padding-right:0; 
}

h2, .h2{
	font-size:28px;
	font-weight:bold;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	font-family:"proxima-nova-condensed",sans-serif;
}

label{
	font-weight:normal;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
	min-height:1px;
	padding-left:9px;
	padding-right:9px;
	position:relative;
}

.bootstrap-select.btn-group .btn-default{
	color:#222222;
	background-color:white;
	height:30px;
	border:0;
  	box-shadow:0.21429em 0.21429em 0.35714em rgba(0, 0, 0, 0.2) inset;
  	padding:4px 5px;
}

.obligatori{
}

.enunciat_camp.descripcioFederat {
	margin:0px !important;
}