.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: 7px;
	padding: 5px 10px 10px 5px;
	width:500px;
	border: solid 1px #0b4768ff;
	font-size:12px;
	color: black;
	margin-bottom: 24px;
}

.logintype2 {
	border-radius: 7px;
	padding: 5px 10px 10px 5px;
	width:500px;
	border: solid 1px #e0e0e0;
	background: #f5f5f5;
	font-size:12px;
	color: black;
	margin-bottom: 24px;
}

.nologintype {
	margin-bottom: 24px;
	/* border-radius: 8px; */
	padding: 5px 10px 10px 5px;
	width:500px;
	border-radius: 7px;
	border: solid 1px #e0e0e0;
	background: #f5f5f5;
	font-size:12px;
	color: black;
}

.nologintype img.otp {
	display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    
}

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

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

.upbuttoncert {
	width: 100%;
	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: #EF4444;
	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: #08354e;
}


#language .active a {
	font-weight: bold;
}

.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;
	line-height: 25px;
}

a.openidlink {
  height: 20px;
  width: 58px;	
}

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

body {
	margin: 0px;
}

span.labeltextbox {
	display: block;
	height: 28px;
	padding-top: 4px;
}

span.labeltextbox input,
div.upinput input {
	width: 150px;
	float: right;
	margin-top: -4px;
}

button.float-right {
	float: right;
}

@media only screen and (max-width: 500px) {
	.login {
		width: auto;
		margin: 0;
		padding: 15px;
	}
	
	.login.register button {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 16px;
		float: none;
	}
	.logintype , .loginbox, .logintype2 , .nologintype, .cancellogintype, #language {
		width: auto;
	}

	span.labeltextbox {
		display:block;
	}

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

div.loginbox a {
	text-decoration: none;	
	color: black;
	cursor: pointer;
}

div.loginbox2 a {
	text-decoration: none;	
	color: white;
}

div.loginbox a:hover {
	text-decoration: underline;	
}


img.logo {
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 80px;
}


.grecaptcha-badge {
bottom: 50px !important;
box-shadow: none !important;
background-color: transparent !important;
}

.grecaptcha-badge div.rc-anchor-light {
background-color: transparent !important;
}

p.biglogo {
	text-align:center;
}
p.biglogo img {
	width: 200px; 
}

a.resend {
	font-weight: bold;
}

a.voice {
	font-weight: bold;
	float: right;
}

img.pushImage {
	margin-top: 20px;
	max-height: 105px;
    max-width: 150px;
    margin-left: auto;
    display: block;
    margin-right: auto;
}

div.holdergroup-selector {
	padding-left: 24px;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.holdergroup-selector:hover {
	background-color: #c0c0c0;
}

button, input[type=button], input[type=submit] {
	padding: 8px 12px 8px 12px;
	background-color: #0b4768;
	border: none;
	border-radius: 8px;
	color: #ffffff;
	margin: 4px;
	border: solid 1px transparent;
	height: min-content;
}

button:hover, input[type=button]:hover, input[type=submit]:hover {
	height: min-content;
	background-color: #08354e;
}

input[type=text], input[type=password] {
	border: solid 1px #c0c0c0;
	border-radius: 6px;
	padding: 6px 10px 6px 10px;
}
div#initial {
	line-height: 40px;
}

div#initial button {
  background-color: #a6ff00;
  border: solid 1px #808080;
  border-radius: 6px;
  padding: 8px 12px 8px 12px;
}

div#initial button:hover {
  background-color: #80d800;
}




div#frommobile img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


div#fromwebcam {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: white;
}

div#fromwebcam .login {
  text-align: center;
  font-size: 18px;
}