/* TXEC BASIC styling...*/
@charset "utf-8";

@font-face {
font-family: TipoDestaca;
src: url(/www-app/css/generics/fonts/OpenSans-Bold.ttf);
}
@font-face {
font-family: TipoDestaca;
font-weight:bold;
src: url(/www-app/css/generics/fonts/OpenSans-ExtraBold.ttf)
}
@font-face {
font-family: TipoBase;
src: url(/www-app/css/generics/fonts/OpenSans-Light.ttf);
}
@font-face {
font-family: TipoBase;
font-weight:bold;
src: url(/www-app/css/generics/fonts/OpenSans-Regular.ttf);
}
.atencio-dev {color:blue!important}
html > * {font-size:1rem!important}
.tipo-base {font-family:TipoBase!important;}
.tipo-destaca {font-family:TipoDestaca!important;}

/*.alinea-margin {margin:0 -1.1rem!important} */
.alinea-margin {margin-left: -1.1rem!important; margin-right: -1.1rem!important}
.alinea-margin2 {margin-left: -2.6rem!important; margin-right: -2.6rem!important; }
.alinea-margin4 {margin-left: -4.6rem!important; margin-right: -4.6rem!important; }
.alinea-margin-right {margin-right: -1.1rem!important; }
.alinea-margin2-right {margin-right: -2.6rem!important; }
.alinea-margin4-right {margin-right: -4.6rem!important; }
.alinea-margin-left {margin-left: -1.1rem!important; }
.alinea-margin2-left {margin-left: -2.6rem!important; }
.alinea-margin4-left {margin-left: -4.6rem!important; }



.linieta {border:solid 1px red!important}
.linieta2 {border:solid 1px blue!important}
.linieta3 {border:solid 1px green!important}
.linieta4 {border:solid 1px pink!important}

.totline {border:solid 1px; border-color:inherit!important}
.totline-clar {border:solid 1px; border-color:#eee!important}
.totline-mig {border:solid 1px; border-color:#bbb!important}
.totline-fosc {border:solid 1px; border-color:#666!important}
.bottomline {border-bottom:solid 1px; border-color:inherit!important}
.bottomline-clar {border-bottom:solid 1px; border-color:#eee!important}
.bottomline-mig {border-bottom:solid 1px; border-color:#bbb!important}
.bottomline-fosc {border-bottom:solid 1px; border-color:#666!important}
.topline {border-top:solid 1px; border-color:inherit!important}
.topline-clar {border-top:solid 1px #eee}
.topline-mig {border-top:solid 1px #bbb}
.topline-fosc {border-top:solid 1px #666}
.rightline {border-right:solid 1px; border-color:inherit!important}
.rightline-clar {border-right:solid 1px #eee}
.rightline-mig {border-right:solid 1px #bbb}
.rightline-fosc {border-right:solid 1px #666}
.leftline {border-left:solid 1px; border-color:inherit!important}
.leftline-clar {border-left:solid 1px #eee}
.leftline-mig {border-left:solid 1px #bbb}
.leftline-fosc {border-left:solid 1px #666}


.sel {cursor:default!important}
.regular {font-weight:normal!important}
.bold {font-weight:bold!important}
.italic {font-style:italic!important}

.cursor-arrow {cursor: default;}
.cursor-link {cursor: pointer;}
.cursor-hand {cursor: move!important;}
.cursor-resize-s {cursor: s-resize!important;}
.cursor-notallow {cursor: not-allowed!important;}

.cblanc {color:#fff!important;}
.c20 {color:#eee!important;}
.c40 {color:#aaa!important;}
.c60 {color:#666!important;}
.c60 {color:#4d6181!important;}
.c80 {color:#333!important;}

.bgblanc {background-color:#fff!important;}
.bgclar {background-color:#f5f5f5!important;}
.bgmig {background-color:#aeaeae!important;}
.bgfosc {background-color:#6b6b6b!important;}
.bgtaronja {background-color:#ff9000!important;}

.vertical-middle {vertical-align:middle!important}
.vertical-top {vertical-align:top!important}
.vertical-bottom {vertical-align:bottom!important}
.overflow-hidden {overflow:hidden }
.padmad0 {margin: 0px!important; padding: 0px!important;}

.float-center {position:relative; float:center!important}

.border0 {border: 0px!important}
.border1 {border: solid 1px!important}
.borderb1 {border-bottom: solid 1px!important}
.outline0 {outline:0px!important}

.hoverfocus {border:solid 1px transparent}
.hoverfocus:hover {border:solid 1px #ddd}

.right0 {right:0rem!important;}

/* v: vertical, h: horitzontal, t: top, b: bottom, l: left, r: right */
/* PADDINGS */
/* amb pixels */
.pad0 {padding: 0px!important;}
.pad5 {padding:5px!important;}
.pad10 {padding:10px!important;}
.pad15 {padding:15px!important;}
.pad20 {padding:20px!important;}
.padv100 {padding-top:100px; padding-bottom:100px}
.padv10 {padding-top:10px; padding-bottom:10px}
.padh0 {padding-left:0px!important; padding-right:0px!important}
.padh10 {padding-left:10px!important; padding-right:10px!important}
.padh50 {padding-left:50px!important; padding-right:50px!important}
.padh15 {padding-left:15px!important; padding-right:15px!important}
.padv20 {padding-top:20px; padding-bottom:20px!important;}
.padv0 {padding-top:0px; padding-bottom:0px!important;}
.padv40 {padding-top:40px; padding-bottom:40px!important;}
.padv80 {padding-top:80px; padding-bottom:80px!important;}
.padt0 {padding-top:0px!important;}
.padt10 {padding-top:10px!important;}
.padt20 {padding-top:20px!important;}
.padt40 {padding-top:40px!important;}
.padt80 {padding-top:80px!important;}
.padb0 {padding-bottom:0px!important;}
.padb10 {padding-bottom:10px!important;}
.padb20 {padding-bottom:20px!important;}
.padb40 {padding-bottom:40px!important;}
.padb80 {padding-bottom:80px!important;}
.padl0 {padding-left:0px!important}
.padl10 {padding-left:10px}
.padl15 {padding-left:15px!important}
.padl20 {padding-left:20px!important}
.padr0 {padding-right:0px}
.padr10 {padding-right:10px}
.padr15 {padding-right:15px!important}
.padr20 {padding-right:20px!important}

/* amb em */
.pad0-5rem {padding:0.5rem!important}
.pad1rem {padding:1rem!important}
.pad1-5rem {padding:1.5rem!important}
.pad2rem {padding:2rem!important}
.pad4rem {padding:4rem!important}
.pad8rem {padding:8rem!important}
.padt0-5rem {padding-top:0.5rem!important}
.padt1rem {padding-top:1rem!important}
.padt1-5rem {padding-top:1.5rem!important}
.padt2rem {padding-top:2rem!important}
.padt4rem {padding-top:4rem!important}
.padt8rem {padding-top:8rem!important}
.padb0-5rem {padding-bottom:0.5rem!important}
.padb1rem {padding-bottom:1rem!important}
.padb1-5rem {padding-bottom:1.5rem!important}
.padb2rem {padding-bottom:2rem!important}
.padb4rem {padding-bottom:4rem!important}
.padb8rem {padding-bottom:8rem!important}
.padv0-5rem {padding-bottom:0.5rem!important; padding-top:0.5rem!important}
.padv1rem {padding-bottom:1rem!important; padding-top:1rem!important}
.padv1-5rem {padding-bottom:1.5rem!important; padding-top:1.5rem!important}
.padv2rem {padding-bottom:2rem!important; padding-top:2rem!important}
.padv4rem {padding-bottom:4rem!important; padding-top:4rem!important}
.padv8rem {padding-bottom:8rem!important; padding-top:8rem!important}
.padl0-5rem {padding-left:0.5rem!important}
.padl1rem {padding-left:1rem!important}
.padl1-5rem {padding-left:1.5rem!important}
.padl2rem {padding-left:2rem!important}
.padl4rem {padding-left:4rem!important}
.padr0-5rem {padding-right:0.5rem!important}
.padr1rem {padding-right:1rem!important}
.padr1-5rem {padding-right:1.5rem!important}
.padr2rem {padding-right:2rem!important}
.padr4rem {padding-right:4rem!important}
.padh0rem {padding-left:0rem!important; padding-right:0rem!important}
.padh0-5rem {padding-left:0.5rem!important; padding-right:0.5rem!important}
.padh1rem {padding-left:1rem!important; padding-right:1rem!important}
.padh1-5rem {padding-left:1.5rem!important; padding-right:1.5rem!important}
.padh2rem {padding-left:2rem!important; padding-right:2rem!important}
.padh4rem {padding-left:4rem!important; padding-right:4rem!important}

/* MARGINS */
.mar-auto{margin:auto!important}

/* amb pixels */
.mar0 {margin: 0px!important;}
.marv0 {margin-top:0px; margin-bottom:0px!important;}
.mart0 {margin-top:0px!important}
.mart5 {margin-top:5px}
.mart10 {margin-top:10px}
.mar10 {margin:10px}
.mart20 {margin-top:20px}
.marl20 {margin-left:20px}
.mart30 {margin-top:30px;}
.mart40 {margin-top:40px;}
.mart50 {margin-top:50px;}
.mart80 {margin-top:80px;}
.marb80 {margin-bottom:80px;}
.marb40 {margin-bottom:40px;}
.marb20 {margin-bottom:20px;}
.marb10 {margin-bottom:10px}
.marb0 {margin-bottom:0px!important}
.marh10 {margin-left:10px!important; margin-right:10px!important;}

/* amb em */
.mar0rem {margin:0rem!important}
.mar0-5rem {margin:0.5rem!important}
.mar1rem {margin:1rem!important}
.mar1-5rem {margin:1.5rem!important}
.mar2rem {margin:2rem!important}
.mar4rem {margin:4rem!important}
.mar8rem {margin:8rem!important}
.mart0rem {margin-top:0rem!important}
.mart0-5rem {margin-top:0.5rem!important}
.mart1rem {margin-top:1rem!important}
.mart1-5rem {margin-top:1.5rem!important}
.mart2rem {margin-top:2rem!important}
.mart4rem {margin-top:4rem!important}
.mart8rem {margin-top:8rem!important}
.marb0rem {margin-bottom:0rem!important}
.marb0-5rem {margin-bottom:0.5rem!important}
.marb1rem {margin-bottom:1rem!important}
.marb1-5rem {margin-bottom:1.5rem!important}
.marb2rem {margin-bottom:2rem!important}
.marb4rem {margin-bottom:4rem!important}
.marb8rem {margin-bottom:8rem!important}
.marv0rem {margin-bottom:0rem!important; margin-top:0rem!important}
.marv0-5rem {margin-bottom:0.5rem!important; margin-top:0.5rem!important}
.marv1rem {margin-bottom:1rem!important; margin-top:1rem!important}
.marv1-5rem {margin-bottom:1.5rem!important; margin-top:1.5rem!important}
.marv2rem {margin-bottom:2rem!important; margin-top:2rem!important}
.marv4rem {margin-bottom:4rem!important; margin-top:4rem!important}
.marv8rem {margin-bottom:8rem!important; margin-top:8rem!important}
.marl0rem {margin-left:0rem!important}
.marl0-5rem {margin-left:0.5rem!important}
.marl1rem {margin-left:1rem!important}
.marl1-5rem {margin-left:1.5rem!important}
.marl2rem {margin-left:2rem!important}
.marl4rem {margin-left:4rem!important}
.marl8rem {margin-left:8rem!important}
.marr0rem {margin-right:0rem!important}
.marr0-5rem {margin-right:0.5rem!important}
.marr1rem {margin-right:1rem!important}
.marr1-5rem {margin-right:1.5rem!important}
.marr2rem {margin-right:2rem!important}
.marr4rem {margin-right:4rem!important}
.marr8rem {margin-right:8rem!important}
.marh0-5rem {margin-left:0.5rem!important; margin-right:0.5rem!important}
.marh1rem {margin-left:1rem!important; margin-right:1rem!important}
.marh1-5rem {margin-left:1.5rem!important; margin-right:1.5rem!important}
.marh2rem {margin-left:2rem!important; margin-right:2rem!important}
.marh4rem {margin-left:4rem!important; margin-right:4rem!important}
.marh8rem {margin-left:8rem!important; margin-right:8rem!important}


.sufix-percent:after {content:"%";}
.separador-coma:after {content:", ";}
.separador-guio:before {content:"-";}

/*.row, .row > * {border:solid 1px red} */

.nopad, .nopad.row, .nopad > * {padding:0px!important}

.height50 {height:50px}
.height60 {height:60px}
.height80 {height:80px}

.width100 {width:100%!important}

.size1rem, .size1rem > img {width:1rem!important; height:1rem!important}
.size2rem, .size2rem > img {width:2rem!important; height:2rem!important}
.size4rem, .size4rem > img {width:4rem!important; height:4rem!important}

p {margin:0px; font-size:1rem; line-height:auto!important}

ul, li {padding:0px!important; margin:0px;}
ul {margin-bottom:0!important;}
li {list-style-type: none; }
ol > li{list-style-type: decimal!important; margin-left: -1rem!important; padding:0rem }
ul li.list-style-yes {list-style-type: disc!important; margin-left:1rem}
li {padding:0.3rem;}
a {color:inherit}
li a {text-decoration:none; color:inherit; background-color:inherit; /*width:inherit*/}

/***** fontsizes!! basics i relatius *****/

html {font-size:14px; } /* punt de partida del rEM és com una variant del em però en referència al la mida root, q seria la del html */

.font-size-small {font-size:75%}

.caret {color:inherit!important}

h1,h2,h3,h4,h5,h6 {
   padding:0px; margin:0px;
	font-weight:normal!important
}
h1 {
  font-size: 2rem!important;
  line-height: 2rem!important;
}
h2 {
  font-size: 1.7rem!important;
  line-height: 1.7rem!important;
}
h3 {
  font-size: 1.5rem!important;
  line-height: 1.5rem!important;
}
h4 {
  font-size: 1.2rem!important;
  line-height: 1.2rem!important;
}
h5 {
  font-size: 1.1!rem!important;
  line-height:1.1rem!important;
}
.asobre {z-index:5000!important}

/***  MEDIA QUERIES!!! ***************************/

.invisible {display:none!important}
.petit, .petit-mitja, .mitja, .mitja-gran, .gran {display:none!important; }

/***  PETIT (mobil)  XS ***************************/
@media only screen 
and (max-width : 319px) {
	.petit {display:block!important}
	.invisible-petit {display:none!important}
	html {font-size:11px!important } 
}


/***  PETIT-MITJA (mobilwide /tablet portrait) SM ***************************/

@media only screen 
and (min-width : 320px) 
and (max-width : 479px) {
	.petit-mitja {display:block!important}
	.invisible-petit-mitja {display:none!important}
	html {font-size:12px!important } 
	.container {
		width: 95%!important;
	   max-width: 470px;
	}

	@media only screen 
	and (orientation : landscape) {
		.pantalla-bg {
			width:100%; height:auto;
			background-size: 100%!important;
		}
	}
	@media only screen 
	and (orientation : portrait) {
		.pantalla-bg {
			width:; height:100%;
			background-size: 100%!important;
		}
	}
}


/***  MITJA (tablet) MD ***************************/
@media only screen 
and (min-width : 480px) 
and (max-width : 767px) {
	.mitja {display:block!important}
	.invisible-mitja {display:none!important}
	html {font-size:13px!important; } 
   .container {
   	width: 95%!important;
	   max-width: 750px;
   }
	@media only screen 
	and (orientation : portrait) {
		.pantalla-bg {
			width:; height:100%;
			background-size: 100%!important;
		}
	}
	@media only screen 
	and (orientation : landscape) {
		.pantalla-bg {
			width:100%; height:auto;
			background-size: 100%!important;
		}
	}
}



/***  MITJA-gran (tablet-wide) LG ***************************/
@media only screen 
and (min-width : 768px) 
and (max-width : 1023px) {
	.mitja-gran {display:block!important}
	.invisible-mitja-gran {display:none!important}
	html {font-size:14px; } 
	.container {
		width: 95%!important;
	    max-width: 1000px;
	}

	@media only screen
	and (orientation : portrait) {
		.pantalla-bg {
   		width:; height:100%;
		   background-size: 100%!important;
		}
	}
	@media only screen
	and (orientation : landscape) {
		.pantalla-bg {
		   width:100%; height:auto;
		   background-size: 100%!important;
		}
	}

}


/***  GRAN (pantalla pc) XL ***************************/
@media only screen 
and (min-width : 1024px) {
	.gran {display:block!important}
	html {font-size:15px; } 
	.container {
		width: 95%!important;
	   max-width: 1170px;
	}
}

/********************************************************************************************/


.border-radius4rem {border-radius:4rem!important; -moz-border-radius:4rem!important; -webkit-border-radius:4rem!important;}
.border-radius2rem {border-radius:2rem!important; -moz-border-radius:2rem!important; -webkit-border-radius:2rem!important;}
.border-radius1rem {border-radius:1rem!important; -moz-border-radius:1rem!important; -webkit-border-radius:1rem!important;}
.border-radius0-5rem {border-radius:0.5rem!important; -moz-border-radius:0.5rem!important; -webkit-border-radius:0.5rem!important;}

.opacity50 {opacity:0.5; moz-opacity:0.5; -webkit-opacity:0.5;}

.t-align-left {text-align:left!important}
.t-align-center {text-align:center!important}
.t-align-right {text-align:right!important}

small {font-size:80%!important}
.font-bitsmaller {font-size:90%!important;}
.font-smaller {font-size:80%!important; line-height:0.8rem!important}
.font-supersmaller {font-size:50%!important; line-height:0.5rem!important}
.font-bitgreater {font-size:110%!important}
.font-greater {font-size:140%!important}

.linia {width:100%; height:2px; border-top:solid 1px #ccc; margin-top:40px; margin-bottom:20px;}
.block {display:block!important;}
.block100 {display:block!important; width:100%}
.inline {display:inline!important;}
.inline-block {display:inline-block!important;}
.majus {text-transform:uppercase; }
.super-majus {text-transform:uppercase; font-size:250%}

.underline{text-decoration:underline}
.underline-h:hover{text-decoration:underline}

.text-shadow {  text-shadow: 0.2rem 0.2rem 0.2rem rgba(0, 0, 0, 0.4)!important;
}

.shadow {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -kthtml-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.shadow:hover {
	-webkit-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.15);
	-moz-box-shadow:0px 0px 5px 3px rgba(0,0,0,0.15);
	box-shadow:0px 0px 5px 3px rgba(0,0,0,0.15);
}

.shadowon {
-webkit-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.15);
-moz-box-shadow:0px 0px 3px 1px rgba(0,0,0,0.15);
box-shadow:0px 0px 3px 1px rgba(0,0,0,0.15);
}

.transition-slow {
   -webkit-transition: all 500ms ease-in;
    -moz-transition: all 500ms ease-in;
    -ms-transition: all 500ms ease-in;
    transition: all 500ms ease-in;
}
.transition-normal {
   -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
}
.transition-fast {
   -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    -ms-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
}
.transition-none {
   -webkit-transition: 0ms!important;
    -moz-transition: 0ms!important;
    -ms-transition: 0ms!important;
    transition: 0ms!important;
}

.delay-slow {
   -webkit-transition-delay: all 900ms ease-in;
    -moz-transition-delay: all 900ms ease-in;
    -ms-transition-delay: all 900ms ease-in;
    transition-delay: all 900ms ease-in;
}
.delay-normal {
   -webkit-transition-delay: all 650ms ease-in;
    -moz-transition-delay: all 650ms ease-in;
    -ms-transition-delay: all 650ms ease-in;
    transition-delay: all 650ms ease-in;
}
.delay-fast {
   -webkit-transition-delay: all 300ms ease-in;
    -moz-transition-delay: all 300ms ease-in;
    -ms-transition-delay: all 300ms ease-in;
    transition-delay: all 300ms ease-in;
}
.delay-none {
   -webkit-transition-delay: 0ms!important;
    -moz-transition-delay: 0ms!important;
    -ms-transition-delay: 0ms!important;
    transition-delay: 0ms!important;
}

.apareix-fill, .apareix-fill2 {
   opacity: 0.1!important;
   -moz-opacity: 0.1!important;
   -webkit-opacity: 0.1!important;
}
.apareix-pare:hover .apareix-fill, 
.apareix-pare:hover > .apareix-fill {
   opacity: 1!important;
   -moz-opacity: 1!important;
   -webkit-opacity: 1!important;

   -webkit-transition:-delay all 300ms ease-in;
    -moz-transition:-delay all 300ms ease-in;
    -ms-transition:-delay all 300ms ease-in;
    transition:-delay all 300ms ease-in;

   -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    transition: all 250ms ease-in;

    z-index:1000!important;
}

.apareix-pare2:hover .apareix-fill2,
.apareix-pare2:hover > .apareix-fill2 {
   opacity: 1!important;
   -moz-opacity: 1!important;
   -webkit-opacity: 1!important;

   -webkit-transition:-delay all 300ms ease-in;
    -moz-transition:-delay all 300ms ease-in;
    -ms-transition:-delay all 300ms ease-in;
    transition:-delay all 300ms ease-in;

   -webkit-transition: all 250ms ease-in;
    -moz-transition: all 250ms ease-in;
    -ms-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    
    z-index:1000!important;
}

.dropdown-toggle {background-color:inherit!important; /*border:solid 1px #ddd*/}
.dropdown-toggle:hover {background-color:inherit!important}
.dropdown-menu {z-index:3000!important}

.navbar-fixed-top {
  top: 0;
}


.dropdown-hover:hover .dropdown-menu {
    display: block!important;
 } /**** per fer els dropdowns amb hover!! dlz, ja no em funciona. hauré d'investigar****/

.draghandle, .dragzone .modal-header {cursor: move!important;}


/*********** bootstrap ********************************/

.form-control:-moz-placeholder {
  color: #333;
}
.form-control::-moz-placeholder {
  color: #333;
}
.form-control:-ms-input-placeholder {
  color: #333;
}
.form-control::-webkit-input-placeholder {
  color: #333;
}

/*********** select2 ********************************/

.select2 {width:100%!important}

.select2-container {width:100%}


/*********** datepicker ui css bootstrap style (thanks to: gist.github.com/miwahall/7028640 ) ********************************/

.ui-datepicker {
background-color: #fff;
  border: 0.05rem solid #cccccc;
  border-radius: 0.3rem;
  -webkit-box-shadow: inset 0 0.05rem 0.05rem rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 0.05rem 0.05rem rgba(0, 0, 0, 0.075);
  -webkit-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;
display: none;
margin-top: 0.5rem ; /*4px;*/
padding: 0.7rem; /* 10px;*/
width: 15rem; /*240px;*/
}
.ui-datepicker a,
.ui-datepicker a:hover {
text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
/*color: #2A6496; el blauet */
-webkit-transition: color 0.1s ease-in-out;
-moz-transition: color 0.1s ease-in-out;
-o-transition: color 0.1s ease-in-out;
transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
margin-bottom: 0.5rem; /*4px;*/
text-align: center;
}
.ui-datepicker .ui-datepicker-title {
font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
cursor: default;
font-family: 'Glyphicons Halflings';
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
height: 1.5rem; /*20px;*/
line-height: 1;
margin-top: 0.2rem; /*2px;*/
width: 2.2rem; /*30px;*/
}
.ui-datepicker .ui-datepicker-prev {
float: left;
text-align: left;
}
.ui-datepicker .ui-datepicker-next {
float: right;
text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
content: "\e080";
}
.ui-datepicker .ui-icon {
display: none;
}
.ui-datepicker .ui-datepicker-calendar {
table-layout: fixed;
width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
text-align: center;
padding: /*4px*/ 0.3rem 0;
}
.ui-datepicker .ui-datepicker-calendar td {
border-radius: 0.2rem; /*4px;*/
-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
-moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
-o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
background-color: #eee;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
background-color: #4289cc; /*el blauet*/
background-color: #999;
}
.ui-datepicker .ui-datepicker-current-day a {
color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
background-color: #fff;
cursor: default;
} 


/*********** capa de carrega i fade a l'inici... ********************************/
.spinner {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url("/www-app/css/generics/img/loader.gif") 50% 50% no-repeat #fff;
}


/* loadin ajax! .................. */

.modalloadingajax {
    display:    none;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
  background: url("/www-app/css/generics/img/loader.gif") 50% 50% no-repeat;
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}
/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modalloadingajax {
    display: block;
}