@font-face {    font-family: '600';    src: url('../fonts/Montserrat-Bold.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: '550';    src: url('../fonts/Montserrat-SemiBold.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: '500';    src: url('../fonts/Montserrat-Medium.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: '400';    src: url('../fonts/Montserrat-Regular.ttf'); font-weight: normal;    font-style: normal;}
@font-face {    font-family: '300';    src: url('../fonts/Montserrat-Light.ttf'); font-weight: normal;    font-style: normal;}

.degradee{background: linear-gradient(-45deg, #ff6724, #ff243f, #840b1a, #ff243f);    background-size: 400% 400%;    animation: gradient 35s ease infinite;    padding: 85px 0 20px 0!important;}
@keyframes gradient {    0% {        background-position: 0% 50%;    }    50% {        background-position: 100% 50%;    }    100% {        background-position: 0% 50%;    }}

.botonfijado{position: fixed;bottom: 0;z-index: 11;width: 100%;padding:12px 30px;box-shadow: 0px 0px 16px 0px rgb(0 0 0 / 32%);    background: rgba(242,8,62,1);
background: -moz-linear-gradient(left, rgba(242,8,62,1) 0%, rgba(107,0,25,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(242,8,62,1)), color-stop(100%, rgba(107,0,25,1)));
background: -webkit-linear-gradient(left, rgba(242,8,62,1) 0%, rgba(107,0,25,1) 100%);
background: -o-linear-gradient(left, rgba(242,8,62,1) 0%, rgba(107,0,25,1) 100%);
background: -ms-linear-gradient(left, rgba(242,8,62,1) 0%, rgba(107,0,25,1) 100%);
background: linear-gradient(to right, rgba(242,8,62,1) 0%, rgba(107,0,25,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2083e', endColorstr='#6b0019', GradientType=1 );}
.cajamen{padding-top: 18px;width:120px;border-right:1px solid #212121;border-left:1px solid #212121;text-align: center; display: inline-block;}
.cajamen2{padding-top: 18px;width:140px;;border-left:1px solid #212121;text-align: center; display: inline-block;position: relative;}
.menutit{ color: white!important;font-size: 17px !important;font-family: '500';text-transform: uppercase;   line-height: 19px;}
.menufijado{width:100%;text-align:center;background-color:#121212;min-height:70px;position:fixed;z-index:23;}
.selectoresfijados{width:100%;text-align:center;background-color:#ececec;padding:70px 0 0 0;position:fixed;z-index:21}
.avatarUsuari { border-radius:150px;width:100%;max-width:40px; float:right;margin-left:15px; }
.botoIdioma:disabled{background-color: #ff6d00;}
.seis{float:right;width:61%;padding-right:22px;}
.blocempresa{text-align: left;color: #222;font-family: '400'; text-transform: none; padding-top: 15px; font-size: 12px!important;}
.blocempresa span {font-family: '600';font-size: 17px!important; }
.cajaempresa{text-align: center;color: #666;font-family: '500'; text-transform: none; border-left:1px solid #cccccc; padding: 15px; float: right; font-size: 12px !important;width: 170px;min-height: 82px;}
.cajaiconos{ text-align: center;  border-right: 1px solid #cccccc;    padding: 8px;    float: right;     width: 80px;   }
.opacity{opacity: 0.6;}
.opacity:hover{opacity: 1;}
.aplicacion{margin: 10px 20px; float:right;font-family: '600';font-size: 12px!important; text-transform: uppercase; color:#ababab;}
.botofitxar{  border-radius:14px; border-left:2px solid #58be4d;   border-right:2px solid #acacac;    padding: 13px 0 19px 10px;    height: 75px;    text-align: center;width: 100%;background: rgba(0,0,0,1);
background: -moz-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(0,0,0,1)), color-stop(100%, rgba(43,43,43,1)));
background: -webkit-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
background: -o-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
background: -ms-linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
background: linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(43,43,43,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#2b2b2b', GradientType=1 ); }
.botofitxar img{    margin-top: -2px;}
.waki{max-width:1250px;padding:100px 60px 60px 60px;}
.abracadabra{background-color: #e0e0e0;    border-radius: 2px;    margin-top: 4px;    padding: 6px;    width: 100%; font-size: 10px; line-height: 11px;font-family: '600'; }
.dosdiez{float: left;   width: 258px;}
.micaja{display:block;float:left;width:65px;text-align: center;}
.logix{width:100%;max-width:188px;}
.simulador24{ width:11%;     float: left;position: relative;    min-height: 30px;      padding-right: 15px;    padding-left: 15px;}
.simulador5{ width:23%;     float: left;position: relative;    min-height: 30px;      padding-right: 15px;    padding-left: 15px;}
.aparece{display: none}
.peque {font-size: 15px;line-height: 18px;}
.magia{display: none}
.logon{margin: 18px 0px 0px 38px; width: 100%;max-width: 194px;}
.contenidor 	{	margin: 0px 14px 0px 10px;}
.contenedor 	{   margin: 0 auto;    padding: 0 1% 0 1%;    width: 99.1%;    font-family: '400'; }
.contenedor4 	{   margin: 0 auto;    padding: 0 1% 0 1%;    width: 97%;    font-family: '400'; }
.faqs1{position:relative;float:right; width:80px;height:64px;color:#b8b8b8;font-size: 11px;font-family: '500';    margin-top: 7px;line-height: 11px}
.faqs1 a{color:#b8b8b8!important;}
.faqs1 > p {padding-top: 8px;}
.trescajas{display: table-cell}
.dosidiomas{display: table-cell; padding-right: 40px; padding-top: 8px;}
.alertas1{position:relative;float:right; width:80px;height:64px;color:#b8b8b8;font-size: 10px;font-family: '500';    margin-top: 7px;line-height: 11px}
.alertas1 a{color:#b8b8b8!important;}
.alertas1 > p {padding-top: 41px;}

.infomenu{text-align: left; margin-top: 0px; font-size: 12px;    line-height: 13px; text-transform: none;    padding-top: 4px;}
.noticias1{position:relative;float:right; width:75px;height:64px;color:#b8b8b8;font-size: 10px;font-family: '500';    margin-top: 7px;line-height: 11px}
.noticias1 a{color:#b8b8b8!important;}
.noticias1 > p {padding-top: 10px;}

.aviso1{position:relative;float:right; width:80px;height:64px;color:#b8b8b8;font-size: 10px;font-family: '500';    margin-top: 7px; line-height: 11px}
.aviso1 a{color:#b8b8b8!important;}
.aviso1 > p {padding-top: 10px;}

.icoTop {color: #b8b8b8; min-height: 24px; }
.icoTop:hover {color: #f02940; }
.dans
{
	font-family: 'serifa_btbold', verdana, arial, helvetica, sans-serif;
	font-size: 31px;
	line-height: 30px;
	color: #292929;
	text-align: left;
}
.botonentrada{
	display: inline-block;
    padding: 6px 22px;
    font-family: '500'; 
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #858585;
    background-color: #cccccc;
    margin: 0 auto;
    max-width: 100%;
}


.form-group {    margin-bottom: 7px!important;}
.espaiAlertes { height: 34px; }
.alert {   padding: 6px!important; margin-bottom: 2px;}
.form-control-mes {
	font-size: 12px; 
	height: 30px;
    padding: 4px 9px;
}
.form-control2 {
    display: block;
    width: 100%;
    height: 28px;
    padding: 3px 12px;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.42857143;
    color: #fff;
    background-color: #484848;
    background-image: none;
    border: 2px solid #ccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.input
{
	border-top: #dee3e5 1px solid;
	border-right: #dee3e5 1px solid;
	border-left: #dee3e5 1px solid;
	border-bottom: #dee3e5 1px solid;
	background-color: #dee3e5;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	color: #78827c;
}

.linkElim {
	cursor: pointer;
}
.novalidades{
	color: #6bbddc;
}
.printAny {
	cursor: pointer;
}
.checkMesValidat {
	display: inline-block!important;
	text-align: left;
}

.excesHores {
	color: red;
	font-weight: bold;
}
.faltenHores {
	color: blue;
	font-weight: bold;	
}
.mesEnXifres {
	min-height:238px; 
}
.mesEnXifres .panel-heading{
	min-height:54px; 
}

.row-striped .row:nth-child(even){
  background-color: #ececec;
}
.row-striped .row:nth-child(odd){
  background-color: #ffffff;
}

.blockValidaEmpresa {
	width: 58px; height: 25px;	margin-right: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,0.05);
}
.blockValidaEmpleat {
	width: 58px; height: 25px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,0.05);
}

.btn:hover{
	opacity: 0.7 !important;
	transition: 0.8s;
}

.capcaleraResumMes { font-weight: bold; background-color: #ececec; }

.infoAvis  { margin-bottom: 16px; line-height: 4px; font-size: 14px; }
.infoAvis .ptop {padding-top: 10px; }
.dadesAlertaUsuari { color: #ff624e; }
.ignoraCookie { margin-top:4px!important; margin-right: 14px !important; }

.bootbox.modal {top: 60px; z-index: 999999!important;}

.btnMarcatge 			{ height:31px;margin: 0px 10px 0px 10px; padding:2px 28px 2px 18px; display: inline-block; cursor:pointer; border-radius: 16px; border: 1px solid #fff; text-transform: uppercase; color: white; font-size: 12px; text-shadow: 1px 1px 3px rgba(0,0,0,0.7);     margin-top: -3px;}
.btnMarcatge .fa 		{ margin-right: 4px; }
.btnMarcatge.inici 		{ background-color: #58be4d; }
.btnMarcatge.parar		{ background-color: orange; }
.btnMarcatge.fi_jornada { background-color: red; }


.btnMarcatge:hover { opacity: 0.6; }
.botoMenuTop { border: 0px!important; background: transparent!important; color: white; }
.botoMarcat  { border: 0px!important; background: transparent!important; }
.botoMarcat:hover  { opacity: 0.8; }

.nomUsuari { color: white!important; font-size: 17px !important;text-align: right;}
.nomUsuario { color: white!important; font-size: 17px !important;font-family: '500'; text-transform: uppercase;     line-height: 19px;text-align: right;}
.rolUsuari { font-size: 12px !important; color:#acacac; line-height: 14px;}
.borrargp  { display: table;}
.borrargp2 { display: block;}
.aparecegp { display: none;}
.derecha   { text-align:right;}
.borrargeneral { display: block;}

.blocPpal {
	padding: 2px 14px;
	margin-bottom: 20px;
}
.blocInfo {
	background-color: #FFFFFF;
	border-radius: 8px;
	border: 1px solid #666;
	padding: 16px 14px;
	margin: 20px 0px;
}
.titolBloc {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.infoLlegenda {
	display:inline-block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0px 10px;
}
.color_laboralresum { color:#324a998a !important; }
.color_laboral 		{ color:#324A99 !important; }
.color_treballat	{ color:#6da56d !important; }
.color_festiu		{ color:#f44336 !important; }
.color_Vempresa		{ color:#b640b6 !important; }
.color_Vespai		{ color:#bc5c5c !important; }
.color_Vdemanades	{ color:#6bbddc !important; }
.color_Vusuari		{ color:#e5b13c !important; }
.color_absencia		{ color:#84822b !important; }
.color_absenciapendent		{ color:#ccc964 !important; }
.color_nolaboral	{ color:#a3a3a3 !important; }

.background_laboral 	{ background-color:#324a992e!important; }
.background_treballat	{ background-color:#6da56d; }
.background_festiu		{ background-color:#f44336; }
.background_Vempresa	{ background-color:#b640b6; }
.background_Vespai		{ background-color:#bc5c5c; }
.background_Vdemanades	{ background-color:#6bbddc; }
.background_Vusuari		{ background-color:#e5b13c; }
.background_vacances	{ background-color:#e5b13c; }
.background_absencia	{ background-color:#84822b; }
.background_absenciapendent	{ background-color:#ccc964; }
.background_nolaboral	{ background-color:#a3a3a3; }
.background_totals		{ background-color:#cecece; }

td.celapetita { padding: 0px !important; border: 1px solid white; text-align: center !important; vertical-align: middle !important; }
td.sensepaddingvertical    { padding-top: 2px!important; padding-bottom: 2px!important; }
td.sensepaddinghoritzontal { padding-left: 2px!important; padding-right: 2px!important; }

a.festiu, a.Vempresa, a.Vespai, .background_festiu a { color:white!important; }
a.nolaboral { color:#464646!important; }


.errorMarcatgeTxt {
	margin-top: 5px;
	font-size: 12px; line-height: 12px; color: #bd4807;
}
.textPetit10 {font-size: 10px !important;}
.textPetit12 {font-size: 12px !important;}
.textPetitPDF {font-size: 12px !important;}

.mandatory {
    font-weight: bold;
    color: #337ab7;
}

.infoDiesLabel { display: inline-block;  width: 200px; }
.infoDiesValor { display: inline-block;  font-size: 18px; }

a:link {
	color: #37444D;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #37444D;
}
a:hover {
	text-decoration: underline;
	color: #37444D;
}
a:active {
	text-decoration: none;
	color: #37444D;
}
.badge-danger {
    background-color: #d9534f!important;
}

.taulaJornadaDia 		{	border: 1px solid #31708f;}
.taulaJornadaDia th 	{	background-color: #ececec!important; text-align: center;}

.taulaMarcatgesDia  	{	border: 1px solid #6da56d;}
.taulaMarcatgesDia th 	{	background-color: #ececec!important; text-align: center;}

.taulaAbsenciaDia 		{	border: 1px solid #84822b;}
.taulaAbsenciaDia th 	{	background-color: #ececec!important; text-align: center;}

.row {  }
.rowDiaAmbError			{	background-color: #ff9e9e!important; }

.formCorreccioHoraF { background-color: #ececec80; border-radius: 4px; padding: 6px; text-align: center;}

.unDia {
	text-align: center;
	width: 24px; height: 18px;
	background-color:#dbe8ef;
}
.unDia.festiu {
	background-color:#bc5c5c!important; 
}


.nalertatop{    position: absolute;    background-color: #ffffff;    border-radius: 50px;    color: #e8233e;    top: 7px;    right: 5px;    text-align: center;    min-width: 17px;    font-size: 12px;    font-family: '600';    padding: 0px 0px;    margin: 0;}
input, select, textarea{width:90%;padding:5px 0 5px 8px;}

.nyear{padding:10px; color:#ffffff!important; background-color: #333333;border-radius:6px;font-family: '400'; font-size: 12px;display: inline-block; width:150px; text-align: center;margin: 20px 0px;}

.iconosalert{font-size: 12px;color:#ffffff;	font-family: '500';text-transform: uppercase; line-height: 17px;}
a.iconosalert {color:#cdcdcd!important;}

.nalerta{background-color:#ffffff;color:#e8233e;text-align:center;width:33px;font-size: 13px;	font-family: '600';float: right;margin-right:25px;}
input, select, textarea{width:90%;padding:5px 0 5px 8px;}

input.hores[type=time] {
	text-align: center!important;
}

.collabelshorari {
	text-align: center;
}
.collabelshorarisuma {
	text-align: center;
}

.segontorn {
	background-color: rgba(0,0,0,0.05);
}

.vacaciones{ 
	display: inline-block;
    padding: 10px 0px 0 0;
    border-radius: 4px;
    background-color: #dddddd;
    text-align: center;
    margin-bottom: 5px;
    text-transform: uppercase;
    width: 95px;
    font-family: '600';
    font-size: 11px;
    margin-right: 6px;
    min-height: 35px;
    float: right;
}

.abm{display:inline-block;background-color:#dddddd;border:2px solid #ffffff;border-radius:0 5px 5px 0;text-align:center;width:90px;float:left;min-height:35px; padding-top:4px;}
.abm2{display:inline-block;background-color:#dddddd;border:2px solid #ffffff;border-radius:0 5px 5px 0;text-align:center;width:90px;float:left;min-height:35px;padding-top:4px;}
.abm3{display:inline-block;background-color:#dddddd;border:2px solid #ffffff;border-radius:0 5px 5px 0;text-align:center;width:90px;float:left;min-height:35px;padding-top:4px;}

.selempresas{
	font-size: 13px;
    padding: 4px;
    width: 100%!important;
    border-radius: 5px 0 0 5px;
    text-transform: uppercase;
    color: #5a5a5a;
    background-color: #ffffff;
    border-color: transparent;
    font-family: '500', arial;
    min-height: 35px;
    padding-top: 4px;
}


.peu{
	font-size: 11px;
	color: #515151;
	font-family: '400';
	min-height: 22px;
}

.messos{
	font-size: 15px;
	color: #515151;
	font-family: '400';
	min-height: 22px;
}


body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	height: 100%!important;
	background-repeat: no-repeat;
	margin-bottom: 0px;
	background-color: #ffffff;
}
body,td,html {
	font-family: '400', Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
.prueba td{border-right:1px dotted #ffffff!important;border-top:1px dotted #ffffff!important;padding:6px;}

.horarioint{
	background-color:#f2f2f2; 
	border-radius:6px; 
	padding:6px; 
	text-align:left;
	font-family: '300', arial, helvetica, sans-serif;
	font-size: 10px;
	color: #777777;	
}

.diacal{
	font-family: '500', arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	color: #ffffff;
	background-color: #454545;
}

 .botongestion {    
 	border: 0;
    background-color: #ffffff;
    padding: 7px 20px;
    text-align: center;
	font-size: 15px;
	border-radius:4px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: '500', arial, helvetica, sans-serif;
	background: #19754c;
	cursor: pointer;
	margin-bottom: 5px;
	min-width: 120px;
}

 .botongestion:hover {    
    background-color: #408868;
    padding: 7px;
}




 .botongestione {
 	border: 0;
    background-color: #e8233e;
    padding: 3px;
    text-align: center;
	font-size: 12px;
	border-radius:4px;
	text-transform: uppercase;
	color: #ffffff;
	font-family: '500', arial, helvetica, sans-serif;
	cursor: pointer;
	margin-bottom: 5px;
	width: 100%;
}

 .botongestione:hover { 
 	border: 0;
    background-color: #d01a33;
    padding: 3px;
}

.descada{
	margin: 0px;
	color: #ababab;
	font-weight: normal;
	font-size:30px;
	line-height: 40px;
	font-family: '300', arial, helvetica, sans-serif;
}


h1{
	margin: 0px;
	color: #2c2c2c;
	font-weight: normal;
	text-transform: uppercase;
	font-size:27px;
	line-height: 28px;
	font-family: '600', arial, helvetica, sans-serif;
}

h2{
	margin: 0px;
	padding: 0px;
	font-family: '300', arial, helvetica, sans-serif;
	font-size: 17px;
	line-height: 19px;
	color: #ccc;
}

h3{
	margin: 0 0 10px 0;
	padding: 0px;
	font-family: '400', arial, helvetica, sans-serif;
	font-size: 12px;
	color: #8e8e8e;
	letter-spacing: 1px;
	text-transform: uppercase;
}
h3.popover-title {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
	text-transform: none;	
}
.marginBottom0 { margin-bottom: 0px!important; }

.diaCalendari {
	text-align: center;
	width:  24px;
	height: 18px;
}

.diaCalendari a:hover {
	opacity: 0.8;
}

.input
{
	border: #ececec 1px solid;
	background-color: #ececec;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	color: #292929;
	padding:7px;
	border-radius: 4px 4px 4px 4px; 

}
.inputvalidar
{
 	border: 1px dotted #000000;
    background-color: #ffffff;
    padding: 7px;
    text-align: center;
	font-size: 15px;
	border-radius:4px;
	text-transform: uppercase;
	color: #fff;
	font-family: '500', arial, helvetica, sans-serif;
background: rgba(120,120,120,1);
background: -moz-linear-gradient(left, rgba(120,120,120,1) 0%, rgba(8,0,4,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(120,120,120,1)), color-stop(100%, rgba(8,0,4,1)));
background: -webkit-linear-gradient(left, rgba(120,120,120,1) 0%, rgba(8,0,4,1) 100%);
background: -o-linear-gradient(left, rgba(120,120,120,1) 0%, rgba(8,0,4,1) 100%);
background: -ms-linear-gradient(left, rgba(120,120,120,1) 0%, rgba(8,0,4,1) 100%);
background: linear-gradient(to right, rgba(120,120,120,1) 0%, rgba(8,0,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#787878', endColorstr='#080004', GradientType=1 );
	cursor: pointer;
	margin-bottom: 5px;
	width: 100%;
}

 .inputvalidar:hover { 
	border-radius:210px;
}

.combo
{
	border: #ececec 1px solid;
	background-color: #ececec;
	font-family: arial, verdana, sans-serif;
	font-size: 13px;
	color: #292929;
	padding:7px;
	border-radius: 4px 4px 4px 4px; 
}
.textarea
{
	border-top: #d0d0d0 1px solid;
	border-left: #d0d0d0 1px solid;
	border-right: #d0d0d0 1px solid;
	border-bottom: #d0d0d0 1px solid;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
}
.texto
{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	text-align: left;
}

.menu
{
	font-family: '300', arial, helvetica, sans-serif;
	font-size: 22px;
	color: #37444d;
	text-transform: uppercase;
    font-weight: normal;
}

.dades
{
	font-family: arial, helvetica, sans-serif;
	font-size:9px;
	color: #1a171b;
}
.notalegal
{
	font-family: arial, helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	text-align: left;
}
hr.linea
{ 
	width: 100%;
	height: 0px;
	margin: 0px;
	border: 0;
	border-bottom: 1px solid #989898;
}

hr.lineadist
{ 
	width: 100%;
	height: 0px;
	margin: 0px;
	border: 0;
	border-bottom: 1px dashed #989898;
}

hr.linea2
{ 
	width: 100%;
	height: 0px;
	margin: 0px;
	border: 0;
	border-bottom: 1px solid #d3dadd;
}
p
{
    margin-bottom: 10px;
}

fieldset { border:1px dashed #b7b7b7; padding:17px;
 }

.legend {
  font-size:17px;
  line-height: 19px;
  text-align:left;
  color: #ffffff;
  text-transform: uppercase;
 font-family: '400', arial, helvetica, sans-serif;
}

h4{
	margin: 0px;
	padding: 0px;
	font-family: '300', arial, helvetica, sans-serif;
	font-size: 18px;
	color: #8b8b8b;
	font-weight: normal;
	text-align: left;
	text-transform: uppercase;
}
.shadow {
width:100%;
max-width:1500px;
padding-right: 2.7%;
padding-left:2.7%;
}


#top {
width:99%;
max-width:1500px;
  margin:0 auto;
  height: 40px;
  padding:5px;
}

.valorIncidencia {
	color: red;
}
.ambPaddingVertical {
	padding-top: 5px;
	padding-bottom: 5px;
}
.incidencies {
	font-size: 12px !important;
}
.requadreAmbFons {
	border-radius: 4px;
	background-color: #f5f5f5;
	padding: 10px; 
}
.fancybox-slide--iframe .fancybox-content {
    width  : 800px;
    height : 600px;
    max-width  : 80%;
    max-height : 80%;
    margin: 0;
}
.setmana { 
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	margin-bottom: 10px;
}
.nomDiaSetmana {
	font-size: 12px;
	font-weight: bold;
	color: #acacac;
}

.mesCalendari {
	border:1px solid #cccccc;
	padding:10px;
	height:100%;
	width:100%;
	border-spacing: 0px;
}
.mesCalendari td {
	border-right:1px dotted #ffffff!important;
	border-top:1px dotted #ffffff!important;
	padding:6px;
}
.mesCalendari th {
	padding:6px;
}
.checkboxTB {
	float: left;
	width: 18px; height: 18px;
}
.labelRectificacio {
	font-size: 10px;
	line-height: 10px;
}
.hores_reals_usuari {
	display: inline-block;
	width: 100%;
	padding: 4px 4px;
    font-size: 12px;
    height: 36px;
    text-align:center !important;
}
.frectificacio {
	display: inline-block;
	padding: 3px 6px;
    font-size: 12px;
    height: 36px;
    text-align:center !important;
}
.comentari_hores_rectifica {
	display: inline-block;
    font-size: 12px;
}
.rectiTemps {
	padding: 0px 0px !important;
}

.inputGuardatEnBBDD {
  background-color:orange;
  animation-name:bckanim;
  animation-fill-mode:forwards;
  animation-duration:3s;
  animation-delay:0s;
}
@keyframes bckanim {
  0% {background-color:orange;}
  100% { background-color:transparent;}
}
.botoPrintPDF {
	padding: 2px 5px;
	font-size: 10px;
}
.botoPrintPDF img {width:22px;}

.fletxa-up-dreta {
 	padding-top: 12px;
 }
.fletxa-up-dreta:before {
    content:"\A";
    border-style: solid;
    border-width: 8px 7px 8px 0;
    transform: rotate(90deg);
    border-color: transparent #ccc transparent transparent;
    position: absolute;
    right: 72px;
    top: 1px;
}
.titolResumMes {
	color: #10609a;
}
.divFormFitxador {
	text-align:left;margin-bottom: 2px;
}
.noPaddingLateral {
	padding-left:  0px;
	padding-right: 0px;
}
.linkAbsencia {
	font-size: 13px;
}
.table-striped tr:nth-child(even) {
  background-color: #f2f2f2;
}
#alertaNoHaMarcatDia {
	cursor: pointer;
}

.copyright { text-align: left; }
.guialogotimebox { text-align: right; }
.ambPaddingTop { padding-top: 6px; }
.row.valignmiddle > div {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

@media screen and (max-width: 1500px) {
	/*.logon{width:90%;}*/
	.nomUsuario { color: white!important; font-size: 14px !important;font-family: '500'; text-transform: uppercase; line-height: 19px;}
	.dosdiez{float: left;   width: 208px;}
}


@media screen and (max-width: 1440px) {
.vacaciones {    width: 74px;margin-right: 3px;    font-size: 9px;}
.infomenu{text-align: left; margin-top: 0px; font-size: 11px;    line-height: 13px; text-transform: none;}
}


@media screen and (max-width: 1281px) {
	.vacaciones{display:inline-block;    padding: 7px 0px;    border-radius: 4px;    background-color: #dddddd;    text-align: center;    margin-bottom: 5px;    text-transform: uppercase;    color: #878787;    width: 60px;    font-family: '500';    font-size: 8px;}
	.selempresas{	width:215px;	border-radius: 5px 0 0 5px;}
	.cajaempresa {    padding: 13px;    width: 155px;}
	.infoDiesValor {    font-size: 16px;}
	.nomUsuario {    font-size: 12px !important;   line-height: 15px;}
	.btnMarcatge {    margin: -2px 0px 0px 10px;   font-size: 11px; }
	.abm{width:77px;}
	.abm2{width:77px;}
	.abm3{width:77px;}
	.dosdiez{float: left;   width: 160px;}
	.infomenu{text-align: left; margin-top: 0px; font-size: 11px;    line-height: 13px; text-transform: none;}
}

@media screen and (max-width: 1025px) {
	.legend {  font-size:13px;  line-height: 17px;  text-align:left;  color: #ffffff;  text-transform: uppercase; font-family: '400', arial, helvetica, sans-serif;}
	.vacaciones{display:inline-block;	padding:6px;	border-radius:4px;	width:90px;	font-size:10px;}
	.abm{display:inline-block;background-color:#dddddd;border:2px solid #ffffff;border-radius:5px;text-align:center;width:87%;min-height:33px; padding-top:4px;margin-top:2px;}
	.abm2{display:inline-block;background-color:#dddddd;border:2px solid #ffffff;border-radius:5px;text-align:center;width:98%;min-height:33px;padding-top:4px;margin-top:2px;}
	.abm3{display:inline-block;background-color:#dddddd;border:2px solid #ffffff;border-radius:5px;text-align:center;width:100%;min-height:33px;padding-top:4px;margin-top:2px;}
	.selempresas{	width:100%;	border-radius: 5px;}
	.micaja{width:60px;}
	.dosdiez{float: left;   width: 100%;}
	.infomenu {    font-size: 9px;    text-align: center;}	
	.btnMarcatge {    padding: 2px 14px 2px 14px;    font-size: 11px; }
	.form-control2 {    padding: 3px 10px;}
}

@media screen and (max-width: 1023px) {
.abm, .abm2, .abm3 {display: none}
.micaja { display: none!important;}
}

@media screen and (max-width: 1000px) {
	.borrargp {display: none;}
	.aparecegp {display:block ;}
}

@media screen and (max-width: 768px) {
.form-group {   margin-right: 7px!important;}
.form-control2 {    width: 95%!important;}
.text-right{text-align: left!important;    margin-bottom: 7px;    margin-top: 5px!important;}
.nomUsuario, .rolUsuari{display: inline-block;}
	.menutit{    font-size: 12px !important;    line-height: 15px;}
}


@media screen and (max-width: 678px) {
	.blocempresa{padding-left: 10px;}
	.derecha{text-align:left;margin-top: 15px;}
	.borrargp2 {display: none;}

	.abm{  width:220px!important;margin-bottom:10px;}
	.abm2{    width:220px!important;margin-bottom:10px}
	.abm3{    width:286px!important;margin-bottom:10px}
	.copyright { text-align: center; margin-bottom: 10px;}
	.guialogotimebox { text-align: center; }
}
@media screen and (max-width: 767px) {
	.menufijado{position:relative;}
	.selectoresfijados{position:relative;padding: 0px 0 0 0;}
	.seis{float:right;width:100%;padding-right:12px;}
	.waki{max-width:1250px;padding:0 10px 40px 40px;}

	.borrargeneral { display: none;}
	.logon {    margin: 10px 0px 0px 62px;}
	.botofitxar {    padding: 19px 0px;    float: none;    height: 64px;    text-align: center;    width: 100%;    margin-top: 21px; border-radius:0; border-left:0px;   border-right:0px;    }
	.form-group {    width: 100%;}
	.btnMarcatge {    padding: 2px 15px 2px 15px;}
	.botofitxar { margin-top: 8px;    background: none;}
	.menuSuperior{ min-height: 140px;}
	.divFormFitxador { padding: 0px; text-align: center;}
	#alertaNoHaMarcatDia { font-size: 11px; }
	.paddingAvisInfoJornada { padding-top: 64px;}
	.logix{width:100%;max-width:188px;margin-top:100px;margin-bottom:30px;}
	.gn-menu-main a {    	display: block;    }
	.aparece{display: block}
	.contenedor {    padding: 0 1px 0 1px;    width: 95%;}
}


@media screen and (max-width: 599px) {
.trescajas{display: none;}
.dosidiomas{display: table-cell; padding-right: 0px; padding-top: 3px;}
.magia{display: block}
.ampliamagia{padding: 5px; background-color: #ffffff; text-align: center;width: 100%;margin-bottom: 2px;    font-family: 'serifa_btbold', verdana, arial, helvetica, sans-serif;    font-size: 24px;    line-height: 25px;}
#ernest,#ernest2, #ernest3 {background-color: #e4e4e4;padding:20px;width: 100%;}
.logix {    max-width: 100px;    margin-top: 50px;}
.dans {    font-size: 29px;    line-height: 30px;}
.desconcierto {    font-size: 17px;    margin-top: 14px;line-height: 20px;}
.descada {    font-size: 26px;    line-height: 27px;}

}

.no_veure { display: none; }

.targetaQR {
	border-radius: 5px;
	border: 1px solid black;
	line-height: 14px;
	margin: 20px;
	padding: 10px 6px;
}

.iconetaLateral {
	display: inline-block;
	width: 34px;
	text-align: center;
	font-weight: normal;
	margin-left:  -10px;
	margin-right: 14px;
}
.icoAccions {
	display: inline-block;
	cursor: pointer;
	width: 24px;
	height: 24px;
}
.icoAccions:hover {
	color: #f02940;
}
.opcionsMenuEsqu {
	margin: 6px 0px;
	padding-left: 16px;
	line-height: 18px;
	font-size: 14px;
}

.panel-heading .break{
    border-left: 1px solid #ff243f;
    margin:   0px 10px -10px 10px;
    padding:  9px  0px   8px  0px;

}

.actions.btn-group .btn {
	height: 34px;
}
.bootgrid-header {
	margin-top: 0px!important;
}
.bootgrid-footer .search, .bootgrid-header .search {
    padding-top: 6px;
    padding-left: 10px;
}

.checkmig  { text-align:center; height: 18px; }
.radiomig  { text-align:center; height: 18px; 
             -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important; 
             box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important; 
           }

.unaImatge {
    display:inline-block;
    text-align:center;
    vertical-align:text-top;
    border: 1px solid #ececec;
    border-radius: 2px;
    margin: 10px 10px;
    min-width: 200px;
    /*min-height: 290px;*/
    padding-top: 20px;
}
.unaImatge img { border: 1px solid #ffffff;}
.unaImatge:hover img { border: 1px solid #006dcc;}
.unaImatge img { margin-bottom: 10px; }
.principal {
    position: relative;
    display: inline-block;
}
.principal:before {
    content: "\2605";
    font-size: 20px;
    position: absolute;
    left: 7px;
    top: 2px;
}
.progress {
	display: none;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-responsive {
  display: inline-block!important;
  max-width: 100%;
  height: auto;
}
.divBannersHome {
	max-height: 220px;
}
.unBanner{
	max-height: 220px;	
}
.unBanner img {   
	display: block;
  	max-width: 100%;
  	height: auto; 
}
.divAlertesHome {
	max-height: 220px;
}
.unAvisHome {
	margin-bottom: 10px;
	background-color: #f5f5f5;
	border-radius: 4px;
	padding: 8px 12px;
}
.btn-inverse {
	background-color: #ccc;
	color: #333;
}
.bootgrid-table tr td {vertical-align:middle !important}
.minithumb {max-width:80px; max-height:40px;}

.separaOpcionsMenuEsquerre {
	margin: 5px 0px;
}

.logon{max-width: 168px !important;} 
.paddingTopPerMenuSuperior {padding-top:300px !important;}
.paddingTopPerMenuSuperior.perfil1, .paddingTopPerMenuSuperior.perfil2, .paddingTopPerMenuSuperior.perfil3 { padding-top:105px !important;  /* MASTER */ 		} 
.paddingTopPerMenuSuperior.perfil4 { padding-top:170px !important;  /* EMPLEAT */ 		} 

@media screen and (max-width: 767px) {

	.paddingAvisInfoJornada {
	    padding-top: 10px!important;
	}
	.paddingTopPerMenuSuperior.perfil1, .paddingTopPerMenuSuperior.perfil2, .paddingTopPerMenuSuperior.perfil3  {
	    padding-top: 410px !important;
	}
	.paddingTopPerMenuSuperior.perfil4 {
	    padding-top: 0 !important;
	}
}

@media screen and (max-width: 1024px) {
	.paddingTopPerMenuSuperior.perfil1, .paddingTopPerMenuSuperior.perfil2, .paddingTopPerMenuSuperior.perfil3  {
	    padding-top: 10px !important;
	}
	.paddingTopPerMenuSuperior.perfil4 {
	    padding-top: 0 !important;
	}
}
.panel-title>a, .panel-title>a:active{
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
	text-transform:uppercase;
	letter-spacing:1px;
  word-spacing:3px;
	text-decoration:none;
}
.panel-heading.cercador  a:before {
   font-family: 'Glyphicons Halflings';
   content: ""; /*"\e114";*/
   float: right;
   transition: all 0.5s;
}
.panel-heading.cercador.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
} 

.panel-title {
	text-decoration: none!important;
}

.panellManteniment > .panel-body {
	min-height: 206px;
}
.panellStart > .panel-body {
	min-height: 320px !important;
}
b.nomElement i.nomElement {
	color: #c70921!important;
}
.nav-link{
	font-size: 12px;
}
.nav-item.active .nav-link {
	background-color: #f9dcdc;
}
.colorGris {
	color: #6c7679;
}
.cpointer {
	cursor:pointer!important;
}
.cpointer:hover {
	color: #ff243f!important;;
}
.validarNoticia, .arxivarNoticia{
	display: inline-block;
	height: 24px;
	width:  24px;
	margin-left: 5px;
}
.validarNoticia .fa-stack {
	margin-top: -10px;
	line-height:  0px;
	display: inline-block;
}
.panel-body.alertesHome{
	min-height: 120px;
}
.unAreaSAM {
	display: inline-block;
	margin-right: 6px;
	background-color: #ececec;
	text-align: center;
	padding: 4px;
	padding-top: 0px;
	border-radius: 4px;
	height: 170px;
	width: 50px;
	border: 1px solid #ccc;
}
.labelAreaSam {
	font-size: 11px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 6px;
}
.unBlocEspecialitat{
	display: inline-block;
	margin-right: 4px;
	background-color: #ececec;
	text-align: center;
	padding: 4px;
	padding-top: 0px;
	border-radius: 4px;
	height: 214px;
	width: 46px;
	border: 1px solid #ccc;
}
.labelBlocEspecialitat{
	font-size: 10px;
	text-transform: uppercase;
	display: inline-block;
	margin-bottom: 6px;
}
.unBlocEspecialitat.versioCurta { width: 40px }
.versioCurta {
	height: 50px;
	overflow: hidden;
}
.textVertical {
	display: flex;
  	align-items: center;
  	justify-content: center;
  	margin-bottom: 5px;
}
.name {
	height:	 108px;
	width:	  auto;
	display: flex;
	transform: rotate(-180deg);            /*  changed  */
	writing-mode: tb-lr;                   /*  for IE  */
	writing-mode: vertical-lr;             /*  added  */
	text-align: center;
}
.unBlocEspecialitat .name {
	height:	 160px;
}
#logsSincronitzacio {
	height: 180px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.dadesIntocables {
	background-color: #ff243f1a;
	padding: 10px;
	border-radius: 5px;
}
.dadesIntocables legend {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

.dataSincronitzacio {
	font-size: 12px;
	color: rgba(155,116,102,1);
	margin-right: 0px !important;
	padding-right: 8px !important;
}
.dadesExtranet {
	background-color: rgba(155,116,102,0.15);
	padding: 10px;
	border-radius: 5px;
	width: 100%;
  	min-height: 230px;
  	position: relative;
  	border: 2px solid rgba(155,116,102,0.30);
  	border-right: 25px solid rgba(155,116,102,0.30);
  	padding: 10px;
  	display: inline-block;
}

.dadesDacarsa {
	background-color: rgba(66,106,33,0.15);
	padding: 10px;
	border-radius: 5px;
	width: 100%;
  	min-height: 230px;
  	position: relative;
  	border: 2px solid rgba(66,106,33,0.30);
  	border-right: 25px solid rgba(66,106,33,0.30);
  	padding: 10px;
  	display: inline-block;
}
/* https://css-tricks.com/snippets/css/text-rotation/ */
.info {
	position: relative;
}
.info .form-group {
	margin-right: 0px;
	margin-left:  0px;
}

h3.labelLateralVertical {
  font-size: 1rem;
  color: white;
  text-transform: uppercase;
  letter-spacing: 3px;
  position: absolute;
  top:  140px;
  right:  0px;
  margin-right: -137px;
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -o-transform-origin: 0 0;
  transform-origin: 0 0;
}

.dadesDacarsa h3.labelLateralVertical {
  margin-right: -129px;
}

.inactiu {
	opacity: 0.3;
}

.panel.contacte {
	margin-bottom: 5px;
}
.panel.contacte .panel-body {
	min-height: 146px;
}

.label-petit-editor {
	padding-top: 4px;
}


/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */
.list-unstyled{
	margin-bottom: 2px;
}
.wrapper {
  display: flex;
  align-items: stretch;
}

#menuLateral {
  padding:    0px 0px 10px 0px;
  margin:	  0px 10px 10px 20px;
  background: #e2e2e2;
  color: #000;
  transition: all 0.3s;
  opacity: 0.9;
}

#menuLateral:hover {
  transition: all 0.3s;
  opacity: 1;
}

#menuLateral a,
#menuLateral a:hover,
#menuLateral a:focus {
  color: inherit;
}

#menuLateral.active {
  margin-left: -250px;
}

#menuLateral .sidebar-header {
  padding: 10px 20px;
  background: #ff243f;
  color: #fff;
  margin-bottom: 10px;
}

#menuLateral ul.components {
  padding: 20px 0;
  border-bottom: 1px solid #47748b;
}

#menuLateral ul p {
  color: #fff;
  padding: 10px;
}

#menuLateral ul li a {
  padding: 10px;
  font-size: 1.1em;
  display: block;
}

#menuLateral ul li a:hover {
  color: #000;
  background-color:#ff243f;
}
.obert {
	color: #000;
	background-color:#ff6c7e;
}

a[data-toggle="collapse"] {
  position: relative;
}

.list-unstyled a[aria-expanded="false"]::before,
.list-unstyled a[aria-expanded="true"]::before {
  content: '\e259';
  display: block;
  position: absolute;
  right: 20px;
  font-family: 'Glyphicons Halflings';
  font-size: 0.6em;
}

.list-unstyled a[aria-expanded="true"]::before {
  content: '\e260';
}

ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
  /*  background: #6d7fcc; */
}


/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

@media (max-width: 768px) {
  #menuLateral {
    margin-left: -250px;
  }
  #menuLateral.active {
    margin-left: 0;
  }
  #menuLateralCollapse span {
    display: none;
  }
}

.contingut {
	padding: 20px;
}
.gris {
	color: #a9a6a6;
}
.dstart{
	min-height: 320px !important;
}

.blocInfoTaller {
	margin: 0px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #FFFFFF;
	background-color: rgba(255,255,255,0.25);
}
.legendBlocInfo {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

.esOnoEs {
	padding: 6px 4px;
	border: 1px solid #FFFFFF;
	background-color: #ececec;
	border-radius: 5px;
}

.unaEspecialitat {
	width: 100%;
	padding: 5px;
	border-radius: 5px;
	margin-bottom: 5px;
}
.unaEspecialitat .nom {
	display: inline-block;
	width: 70%;
}
.unaEspecialitat .valor {
	display: inline-block;
	width: 20%;
}
.unaEspecialitat:nth-child(odd) {
    background: rgba(255,255,255,0.50);
}
.unaEspecialitat:nth-child(even) {
    background: rgba(255,255,255,0.15);
}

.unAltreTaller:nth-child(odd) {
    background: rgba(255,255,255,0.60);
}
.unAltreTaller:nth-child(even) {
    background: rgba(255,255,255,0.15);
}

.bodyModul {background-attachment: fixed;}
.modulTallers   {background-image:url('../imgs/fons-general-1.png');}
.modulMaquines  {background-image:url('../imgs/fons-general-2.png');}
.modulConsultes {background-image:url('../imgs/fons-general-3.png');}
.modulTrucades  {background-image:url('../imgs/fons-general-4.png');}
.modulOfertes   {background-image:url('../imgs/fons-general-5.png');}
.modulFactures  {background-image:url('../imgs/fons-general-6.png');}

.voraDretaVermell {
	border-right: 1px solid #ff243f; 
}
.voraEsquVermell {
	border-left: 1px solid #ff243f; 
}

.rowColsSameHeight {
  display: table;
}
.rowColsSameHeight > [class*='col-'] {
	float: none;
    display: table-cell;
    vertical-align: middle;
}

.fixed_header{
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

.fixed_header tbody{
  display:block;
  width: 100%;
  overflow: auto;
  height: 300px;
  background-color: rgba(255,255,255,0.40);
}

.fixed_header.caracteristiques tbody {
  height: 420px;
}

.fixed_header thead tr {
   	display: block;
   	padding-right: 20px;
	background-color: #ff243f;
    font-weight: normal;
    font-size: 10px;
}
.fixed_header .row-header {
	margin: 0px !important;
	border-bottom: 0px;
	height:36px;
}
.fixed_header thead {
  background: #828282;
  font-size: 12px;
}
.fixed_header th, .fixed_header td  {
  padding: 2px;
  min-width: 70px;
}
.fixed_header th {
  color:#fff;
}
.fixed_header td {
}
.faltaTextTraduit {
  display:inline-block;background-color:yellow;color:black;
}
.control-label {
	padding-top: 12px!important;
	vertical-align: middle;
}
.select2-container {
	width: 100%;
	padding-top: 2px;
	height: 34px !important;
}
.enDesenvolupament {
	padding: 10px;
	font-style: italic;
	font-weight: bold;
	color: #ff243f;
}

#tabContinguts .tab-pane {
	/*min-height: 552px;*/
}

.unaLineaConsulta {
	border-bottom: 1px dashed #b2c2a4;
}
.consultaComentari {
	padding: 10px 14px;
	min-height: 60px;
	max-height: 200px;
	overflow-y: scroll;
	color: #333333;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
}

.fletxetaSotaBorder {
	border-bottom: 2px solid #e6213a; 
}
.fletxetaSobreBorder {
	border-top: 2px solid #e6213a; 	
}
.fletxetaSotaArrowDOWN {
  	width: 0; 
  	height: 0; 
  	margin-left: 50px;
  	border-left: 20px solid transparent;
  	border-right: 20px solid transparent;
  	border-top: 10px solid #e6213a;
	margin-bottom: 5px;
}
.fletxetaSotaArrowUP {
  	width: 0; 
  	height: 0; 
  	margin-left: 50px;
  	border-left: 20px solid transparent;
  	border-right: 20px solid transparent;
  	border-bottom: 10px solid #e6213a;
	margin-top: 5px;
}
.fletxetaCostatArrowRIGHT {
	display: inline-block;
  	width: 0; 
  	height: 0; 
  	margin-right: 10px;
  	border-top: 20px solid transparent;
  	border-left: 10px solid #e6213a;
  	border-bottom: 20px solid transparent;
	margin-top: 40px;
}
.fletxetaCostatArrowLEFT {
	display: inline-block;
  	width: 0; 
  	height: 0; 
  	margin-left: 10px;
  	border-top: 20px solid transparent;
  	border-right: 10px solid #e6213a;
  	border-bottom: 20px solid transparent;
	margin-top: 40px;
}

.taulaLinies {
	display: inline-block; 
	width: calc(100% - 30px);
}
.espaiFletxaLateral {
	display: inline-block;
	vertical-align: top;
	margin-top: 36px;
	padding-top: 90px;
	height: 300px;
}
.totalsOferta {
	display: inline-block;
	width: 100%;
	margin-top: 40px;
}
.blocDadesPostals {
	position: relative;
	padding: 10px;
	line-height: 5px;
	background-color: rgba(0,0,0,0.05);
}
.loadingInfo {
	position: absolute;
	background-color: rgba(255,255,255,0.60);
	top:  0px;	bottom:  0px;
	left: 0px;	right:   0px;
	z-index: 15555;
    -ms-flex-pack: center!important;
    justify-content: center!important;
    align-items: center!important;
    display: -ms-flexbox!important;
    display: flex!important;
    visibility:  hidden;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
  }
}
.spinner-grow {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: text-bottom;
  background-color: #e6213a;
  border-radius: 50%;
  opacity: 0;
  animation: spinner-grow .75s linear infinite;
}


.totalsOferta{
	padding: 18px;
	background-color: rgba(255,255,255,0.35);
}

.borderbottpunts {
	border-bottom: 1px dashed #ff243f;
}
.sensePaddingLateral {
	padding-left: 0px;
	padding-right: 0px;
}

.bootgrid-header .actions .dropdown-menu {
	padding-left:   8px !important;
	padding-right:  8px !important;
	min-width:    180px !important;
	border:  1px dotted #ec6878;
}
.bootgrid-header .actions .dropdown-item {
	padding-left:   0px !important;
	padding-right:  0px !important;
}
.bootgrid-header .actions .dropdown-item-checkbox {
	width: 20px !important;
}
.fixed_header thead tr {
	font-size: 12px!important;
}
.avisPrimerCrear {
	display: flex;
	width: calc(100% - 35px);
	margin-top: -27px;
	margin-left: 4px;
	text-align: center;
	vertical-align: middle;
	align-items:  center;
	justify-content: center;
	background-color: #f9dcdc;
	font-weight: bold;
	padding: 18px 10px;
	border-left: 20px solid #c90533;
	border-top:   1px solid #ff243f;
}
.selectBuscadorProductes {
	width: 100%!important;
}

.caducitat		{ font-size: 12px; padding: 4px 8px; text-align: center; display: inline-block; width: 80px;}
.caduca_no 		{ background-color: rgba(255,255,255,0.50); }
.caduca_aviat	{ background-color: #ffce9b; }
.caduca_si		{ background-color: #ff0000; font-weight: bold; color: white; }


.caduca_avui {
	background-color: rgba(255,0,0,0.15);
    border: 2px #ff0000 solid;  
    animation: blink 1s;
    animation-iteration-count: 500;
}
@keyframes blink { 50% { border-color:#ffffff; }  }


.pagination li:not([class^="active"]) {
	cursor: pointer;
}

.infoZapo {
	display: inline-block;
	border-radius: 6px;
	padding: 8px 12px;
	background-color: #d3d1d0;
	font-size:  14px;
	margin-bottom: 10px;
}
.infoZapo img {
	max-width: 90px;
}

.infoZapoOjito {
	display: inline-block;
	border-radius: 6px;
	padding: 8px 12px;
	background-color: #f3c9c9;
	font-size:  14px;
	margin-bottom: 10px;
}

.notaBoto::before{
	content: '* ';
	color:  red;
	font-weight: bold;
}
.notaBoto {
	margin-left: 10px;
	font-size: 13px;
	font-style: italic;
}



.panel-help {
  border-color: #d5ceb9;
}
.panel-help h2 {
	color: black;
}
.panel-help > .panel-heading {
  color: #a94442;
  background-color: #e9e0c6b5;
  border-color: #d5ceb9;
}
.panel-help .break{
    border-left: 1px solid #000000;
}
.panel-help > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d5ceb9;
}
.panel-help > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-help > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d5ceb9;
}
.panel-help .pregunta {
	color: black;
	line-height: 20px;
	font-weight: bold;
	margin-bottom: 6px;
}
.panel-help .resposta {
	color: black;
	line-height: 20px;
	font-style: italic;
	margin-bottom: 12px;
}
.text-right {
	text-align: right !important; 
}
.simulaLabel {
	padding-top: 6px !important;
	height: 32px;
    vertical-align: middle;
}
.simulaInput {
	display: inline-block;
	height: 34px;
	padding: 6x 12px;
	font-size: 14px;
	line-height: 1.42857143;
    color: #555555;
    background-color: rgba(255,255,255,0.25);
    border: 1px solid #cccccc;
    border-radius: 4px;
    vertical-align: middle;
}
.btn-en-llistat {
	padding: 2px !important;
	background-color: transparent !important;
}
.link-en-llistat {
	padding: 2px !important;
	border-radius: 4px;
	background-color: rgba(255,255,255,0.5);
	transition: background-color 0.1s ease-in;	
}
.link-en-llistat:hover {
	background-color: rgba(255,36,63,0.5);
}
.labelinfoMail {
	margin-bottom: 2px;
	font-style: italic;
	background-color: rgba(255,36,63,0.25);	
	border-radius: 0.;
}

/* Per no imprimir */
@media print {
	.menufijado    { display: none!important; }
	.avatarUsuari  { display: none!important; }
	#menuLateral   { display: none!important; }
	.panel-info    { display: none!important; }
	.elMenuLateral { display: none!important; }
	#elPeu    	   { display: none!important; }
	.panel	   	   { border: 0px!important; }
}