.topline .codiusuari, .inici, .show-pass .title td, .new-pass .title td, .show-pass span, .new-pass span{font-family: "Avenir LT Std", Calibri, Arial !important; font-size:18px !important; color: white; font-weight: normal !important;}
.vbox {margin-top:20px;margin-right:2px;background-color:#EEEEEE}
button.vbuton {text-align:left;width:130px;margin:0 0 5px 0;padding:1px;}
.pue_img {border:1px solid gray;margin:10px 0;padding:3px;background-color:white;cursor:pointer}
.pue_img_noclick {border:1px solid gray;margin:10px 0;padding:3px;background-color:white;}
.pue_noimg {border:1px solid gray;margin:10px 0;padding:3px;background-color:white;width:30px;height:30px;background-color:lightgrey;cursor:pointer}
.pue_noimg_noclick {border:1px solid gray;margin:10px 0;padding:3px;width:30px;height:30px;background-color:lightgrey;}
.ticona td {vertical-align:middle;}
.ticona td.ticona-sp {margin:0;padding-left:0;padding-right:0;adding-top:0;width:0.3em;}
.click {cursor:pointer}
.noclick {}
button.pue {padding: 1px !important;}
div.modal_mask {background-color: white;}
div.wc-highlighted, div.wc-highlighted-none {border: 2px solid #0e5462; background: #FFF;}
.text-disd {color:#000 !important;}
.titol_tancar_back {padding: 4px; float:right; border: 1px solid #BE6200; background-color:#EEEEEE;}
.titol_tancar, .titol_tancar_fletxa {
	font-family: Arial; font-size: 11px; font-weight: bold; color: #BE6200; cursor: pointer; 
}
.titol_tancar:hover {
	text-decoration: underline;
}
.titol_tancar_back:hover {background-color:#FFF7EE;}
div.head-cell-inner {text-align:left;}
.dateboxinp  {font-size:11px;}
span.nomesdata input.nomesdatainp {color:black !important; font-size:11px;border:none;background:transparent;}

.titolperfil {font-size:18px !important;color:#8A4700;}

td.dataTreeCelldestacada div {text-decoration: line-through; color:gray;}

.finestraError{
	border:3px solid #0e5462;
	background-color:#FFFFFF;
}

.finestraTimeout {
	border:3px double #0e5462;
	background-color:#FAFAFA;
}

.finestraTimeout .title td {
	background-color: #0e5462;
	color: #AF0000;
}
.titolTout {
	text-align:center;
	color: #FFF;
}

.rellotge{
	background-image: url('../img/noway.png');
	background-repeat: no-repeat;
	background-position: 5px 50%;
	text-align:justify;
}

/* personalitzem la barra de processant */
.z-loading {
	border-color: #0e5462 !important;
	background-color: #0e5462 !important;
	border-top-left-radius: 7px;
	border-bottom-right-radius: 7px;
	border-width: 2px !important;	
}

/* intern */
/* tindre en compte le pre-carrega index... */

.z-loading-indicator {
	display: block;
    border-color: #0e5462 !important;
    padding: 20px 25px 10px 25px !important;
	background-image:url('../img/waitpacman.gif') !important; 
	background-repeat: no-repeat;
	background-position: 15px 15px;
	height: 26px !important;
	vertical-align: middle;
	text-indent: 60px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

img.z-loading-icon {
	width: 0px !important;
	height: 0px !important;
	border: 0px none transparent !important;
	background-image: none;	
}

.headcentrat {
	text-align: center;
}

.titolapp {
    color: #8A4700;
    font-size: 1.4em;
    font-weight: normal;
}



/* Element per a mostrar informació heading */ 
.titolpagina {
	padding: 1px 0 5px 0;
}

.titolpagina span {
	font-size: 15px;
	font-weight: bold;
}

.titolpagina span:first-child {
	color: #8A4700;
}

.loginbox {
	padding: 20px 0 0 0;
	width:350px;
}

p.header {
	padding: 0px 0 0 0;
	margin-top: 0em; margin-bottom: 0em;
	font-weight: bold;
}

.logintype {
	/* border-radius: 8px; */
	padding: 5px 10px 10px 5px;
	width:500px;
	background-color: #a6ff00;
	font-size:12px;
	color: black;
}

.logintype2 {
	border-radius: 8px;
	padding: 5px 10px 10px 5px;
	width:500px;
	background-color: #86b800;
	font-size:12px;
	color: black;
}

.nologintype {
	/* border-radius: 8px; */
	padding: 5px 10px 10px 5px;
	width:500px;
	background-color: #5f7993;
	font-size:12px;
	color: white;
}

.cancellogintype {
	/* border-radius: 8px; */
	padding: 5px 10px 10px 5px;
	width:500px;
	background-color: #2f394a;
	font-size:12px;
	color: white;
	height: 2em;
}

.upinputcert {
	width: 350px;
	text-align: left;
}

.upbuttoncert {
	width: 150px;
	float: right;
	text-align: right;
}

.upbutton {
	text-align: right;
}

.upinput {
	text-align: left;
}

.inputlogin{
	padding: 0 0 0 10px;
	text-align: right;
	margin-right: 50px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.login{
	padding: 20px 0 0 10px;
	width:500px;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto;
	font-family: "Avenir LT Std", Calibri, Arial; 
	font-size:12px;
	font-weight: normal;
}

.loginheader {
	text-align: center;
}

.atencio { 
	color: #a6ff00;
	width: 500px;
	font-weight:bold; 
	text-align:center;
	margin-top: 10px; 
	margin-bottom: 10px; 
}

#language {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	width: 500px;
	text-align: left;
	vertical-align: middle;
	margin: 0 auto;
	font-family: "Avenir LT Std", Calibri, Arial; 
	font-size:12px;
	font-weight: normal;
}

#language ul {
	padding: 0px 5px 0px 5px;
	list-style: none;
	display: block;
}

#language li:first-child {
	padding-left: 0px;
	border-left: 0px;
}

#language li, #language a {
	display: inline-block
}

#language li {
	padding: 0px 5px 0px 5px;
}

#language a {
	text-decoration: none;
	color: #41B6C7;
}


#language .active a {
	color: #A6D514;
}

.centeredimage {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -14px;
  margin-left: -14px;
}

.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
 /* border-radius: 4px; */
  background-color: white;
}



.pass {
	width: 150px;
	margin-top: 4px;
	float:left;
}

a.openidlink {
  height: 20px;
  width: 58px;	
  /** INICIO FCC **/
  text-align:right;
  /** FIN FCC **/
}

.openidbutton {
  height: 20px;
  width: 58px;	
}

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.1;
}

/***INICIO FCC **/

html 
{
  font-size: 80%;
}
.background 
{
  width: 100%;
  height: 100%;
  margin: 0px;
}
@media only screen and (min-width: 450px) 
{
	.backgroundContainer 
	{
		background: linear-gradient(#021f51, #ffffff);
		position:absolute;
		left:0; 
		right:0;
		top:0;
		height: 253px;
	}
}
.mainContainer 
{
	width: 440px;
  	max-height: 380px;
	height: 380px;
	position:absolute;
	left:0;
	right:0;
  	top:0;
	bottom:0;
	max-width:100%;
	max-height:100%;
	margin:auto;
	box-shadow: 2px 2px 18px 0px #959595;
	padding-left: .3em;
	padding-right: .35em;
	padding-top: .3em;
	padding-bottom: .35em;
}
#credentialsCaptureArea {
	background-color: #fbfbfb !important;
	border-left: 5px solid #1b2f75 !important;
    border-right: 5px solid #1b2f75 !important;
	border-top: 5px solid #1b2f75 !important;
    border-bottom: 5px solid #1b2f75 !important;
}
div.accessForm 
{
   	/*background: #fbfbfb !important;*/
}
h2.title 
{
	background: linear-gradient(#1a7829, #fbfbfb) !important;
}
.row 
{
	height: 6.2em;
	padding-left: 1em;
	text-align: center;
	font-size: 1rem;
}
.row .center 
{
	position:absolute;
	left: 3em;
	width: calc(100% - 8em);
}		  	
.row .left
{
	position:absolute;
	height: calc(6em - 24px);
			width: 2em;
			margin-top: 4em;
	left:1.2em;
}
.row .right 
{
			position:absolute;
			height: calc(6em - 24px);
			width: 2em;
			margin-top: 4em;
		right: 1em;
}
.userImage 
{
	background-image:url('../img/user_white.png');
	background-repeat: no-repeat;
	background-size: 24px;
}
.padlockImage 
{
	background-image:url('../img/padlock_white.png');
	background-repeat: no-repeat;
	background-size: 24px;
}

.inputFilled 
{
	width: calc(100% - 3em);
	position: absolute;
	margin-top: 2em;
	left: 2em;
	color: #405f73;
	z-index: 200;
}
.inputFilled::after 
{
	content: ":";
}
.inputNotFilled 
{
	font-size:1.8em;
	width: calc(100% - 3em - 1.15em);
	text-align:center;
	position: absolute;
	margin-top: 2em;
	left: 2.3em;
	color: #405f73;
	font-size: 1.8em;
	z-index: 200;
}
.inputNotFilled::before
{
  	content: "<";
}
.inputNotFilled::after 
{
	content: ">";
}

.title 
{
		padding-top:.5em;
    	padding-bottom:.5em;
    	height: 45px;
    	font-size: 130%;
		background: linear-gradient(#d8dee7, #fbfbfb);
}
.title .leftDiv
{
			z-index: 10;
	  		position: absolute;
	  		margin-left: .6em;
}
.title .leftDiv .logo_fcc
{
	  		height: 45px;
}
.title .rightDiv
{
			z-index: 9;
			position: absolute;
			left: .9em;
			text-align: center;
			padding-right: .5em;
			width: calc(100% - 1.5em);
			height: 45px;
			vertical-align: middle;
			text-align: center;
			font-size: 130%;
			font-weight: bolder;
			margin-top: 10px;
}

.dInput input 
{
		border: none;
		background: #fffad4;
		margin-left: 0.5em;		
		margin-right: 2em;
		width: calc(100% - 0em);
		text-align: center;
		font-size: 1.8rem;
		padding: .15em;
		position: relative;
		top: 1.8em;
}
.userSubmit 
{
  		width: calc( 100% - 2em);
  		margin: .5em 1em 0 1em;
}
.userSubmit input[type="submit"] {
	background: linear-gradient(#1f4f82, #1f4f82);
    margin: 0;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 2.2rem;
    color: #FFF;
    cursor: pointer;
    outline: 0;
    width: 100%;
    padding: 2px;
	height: 2em;
}
.userSubmit input[type="submit"]:hover
{
		box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.8);
	    background: linear-gradient(#1f4f82, #082147, #1f4f82);
	    -webkit-transition: background 0.2s ease-in;
	    transition: background 0.2s ease-in;
	    padding: 0;
	    height: 2em;	
}
.userSubmit input[type="submit"]:focus 
{
		box-shadow: 0px 2px 15px 0px rgba(0, 0, 0, 0.8);
	    background: linear-gradient(#1f4f82, #082147, #1f4f82);
	    -webkit-transition: background 0.2s ease-in;
	    transition: background 0.2s ease-in;
	    padding: 0;
	    height: 2em;	
}
.errors 
{
		padding-top: 0.8em;
		padding-bottom: 0.5em;
		text-align: center;
		color: #c00;
		height:4em;
		overflow-y:auto;
		margin: 0 1em 0 1em;
		/*display: none;*/
}
.errors  p::before 
{
	content: " ";
	background-image: url("../img/error.png");
	background-repeat: no-repeat;
	width: 38px;
	height: 24px;
	background-size: 24px;
	display: inline-block;
	vertical-align: middle;
}
.rowline 
{
	height: 0px;
	border-bottom: 1px solid #b7cdd9;
	width: calc(100% - 2px - 2em);
	margin: 0em 1em 0.2em 1em;
}
.workingContainer .logo
{
	margin-top: calc(50% - 85px - .5em - 19px);
}
.workingContainer .logo img
{
	height:85px;
}
.workingContainer .blinking
{
		animation:blinkingText 2s infinite;
		font-weight: bold;
		font-size: 1em;
}
.workingContainer .blinking img 
{
	height: 19px;
}
.pValidating 
{
		text-align: center;
}
.fadeIn 
{
	opacity: 1;
	-webkit-transition: opacity 1.12s;
	-moz-transition: opacity 1.12s;
	-ms-transition: opacity 1.12s;
	-o-transition: opacity 1.12s;
	transition: opacity 1.12s;
	background: radial-gradient(#fbfbfb 50%, #d8dee7);
}
.preload 
{
	opacity: 0 !important;
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
.kerberoslogin
{
	text-align: right;
	padding-right: 1em;
	padding-top: 0.3em
}

/***FIN FCC **/

span.labeltextbox input {
	width: 150px;
}
@media only screen and (max-width: 500px) {
	.login {
		width: auto;
		margin: 0;
		padding: 15px;
	}
	
	.logintype , .loginbox, .logintype2 , .nologintype, .cancellogintype, #language {
		width: auto;
	}

	span.labeltextbox {
		display:block;
	}

	span.label {
		display:inline-block;
		min-width: 150px;
	}
	
}