@charset "utf-8";
/*  
Theme Name: Webserver
Version: 1.0
Author: 2012 - iametza interaktiboa
Author URL: http://www.iametza.com/


FUENTEAK
------------------------------------------------
Orokorra	
Bigarrena
------------------------------------------------

KOLOREAK
------------------------------------------------
#FFFFFF		Gorputz kolorea	 	Txuria
#000000		Testuen kolorea	 	Beltza
#0058be		Markaren kolorea	Urdina
------------------------------------------------

ESKALA
------------------------------------------------
960px (1024x768 min) Fijoa.
------------------------------------------------
*/

body {
	color: #151515;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	background-color: #FFF;
	background-image: url(/portal/javax.faces.resource/fondo.jpg.xhtml?ln=transkalweb/images&watermark=1746452462622);
	background-repeat: no-repeat; /* background-repeat-image */
	background-position: left top;
}
/*Orokorrak*/
h1 {
	font-size: 170%;
	text-transform: uppercase;
	display: block;
	padding-bottom: 5px;
	width: 100%;
	float: left;
}
h1#handia {
	font-size:170%;
	padding-bottom: 10px;
}
h1#txikia {
	font-size:120%;
	margin-bottom: 10px;
}
h2 {
	font-size: 120%;
	text-transform: uppercase;
	font-weight: normal;
	float:left;
	width:40%;
	display: block;
	padding-top: 5px;
}
/*----------------------------------------------- Preburua*/
#prehead {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding-right: 10px;
	padding-left: 10px;
	height: 10px;
}

/*----------------------------------------------- Hizkuntzak*/
.zintila {
	width:95%;
	background-color:#1D232E; /* color-head */
	margin-right: auto;
	margin-left: auto;
	height: 18px;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
}
.languages {
	width:40%;
	float:left;
}
.languages ul li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
}
.languages ul li:last-child {
	border-right-color:#000;
}
.languages ul li a {
	color:#FFF;
	font-weight: bold;
	padding-right: 6px;
	padding-left: 6px;
}
.languages ul li a:hover {
	color:#3FC8F4;
}
.bezeroa {
	float:right;
	width:30%;
	color: #596C88; /* color-texto-head */
	text-align: right;
	font-size: 90%;
}
a.logout {
	color: #000;  /* #FFF; */
	background-color: #3FC8F4;
	padding: 2px;
	
}
/*----------------------------------------------- Burua*/
.head {
	min-height: 55px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
}
.logo {
	background-color: rgba(29,35,46,0.0); /* nivel-transparencia-logo */
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	width: 250px;
	text-align: left;
	padding-bottom: 5px;
}
/*----------------------------------------------- Menua*/
.navigation {
	width:95%;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background-color:#1D232E; /* color-head */
	margin-top: 1px;
	padding-right: 10px;
	padding-left: 10px;
}
.navigation ul li {
	float:left;
	margin: 0px 18px 0px 18px;
}
.navigation ul li:first-child {
	margin-left:10px;
}
.navigation ul li:last-child {
	margin-right:10px;
}
.navigation ul li a {
	color:#596C88; /* color-texto-head */
	text-transform:uppercase;
	font-size:110%;
	font-weight:bold;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #1D232E; /* color-head */
}
.navigation ul li a.selected {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #3FC8F4;
	color: #596C88; /* color-texto-head */
}
.navigation ul li a:hover {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #3FC8F4;
	color: #3FC8F4;
}
.navigationPlusItem {
	display: inline-block;
}
.navigationPlusText {
	color:#FFF;
	cursor: pointer;
	text-transform:uppercase;
	font-size:110%;
	font-weight:bold;
	padding: 3px 5px;
	display: block;
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #1D232E; /* color-head */
}
.navigationPlusText:hover {
	border-top-width: 8px;
	border-top-style: solid;
	border-top-color: #3FC8F4;
	color: #3FC8F4;
}
.navigationPlusMenu {
	background-color: #1D232E; /* color-head */
	color: #fff;
	display: block;
	opacity: 0;
	padding: 0px;
	position: absolute;
	visibility: hidden;
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-o-transform: translateY(10px);
	transform: translateY(10px);
/*	-webkit-transition: all .25s ease-out;
	-moz-transition: all .25s ease-out;
	-ms-transition: all .25s ease-out;
	-o-transition: all .25s ease-out;
	transition: all .25s ease-out;
*/	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
	border: 1px solid #999;
	z-index: 100;
}
.navigationPlus:hover .navigationPlusMenu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.navigationPlusMenu ul {
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
	/* behavior: url(/TestWeb/javax.faces.resource/transkal/js/PIE.htc.xhtml); */
}
.navigationPlusMenu ul li {
	list-style-type: none;
	padding: 0px;
	border-bottom: 1px solid #888;
	color: #CCC;
	float: none;
	margin: 0 !important;
}
.navigationPlusMenu ul li a {
	border-left: 8px solid #1D232E000; /* color-head */
	border-right: 8px solid #1D232E000; /* color-head */
	border-top: 0px;
	color: #FFFFFF;
	display: block;
	font-size: 110%;
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 3px;
	text-transform: uppercase;
}
.navigationPlusMenu ul li a:hover {
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #3FC8F4;
	border-right-width: 8px;
	border-right-style: solid;
	border-right-color: #3FC8F4;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #000000;
	color: #3FC8F4;
}
.navigationPlusMenu ul li a.selected {
	border-left-width: 8px;
	border-left-style: solid;
	border-left-color: #3FC8F4;
	border-right-width: 8px;
	border-right-style: solid;
	border-right-color: #3FC8F4;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #000000;
}
/*----------------------------------------------- Edukia*/
.edukia {
	background-image: url(/portal/javax.faces.resource/bg_edukia.jpg.xhtml?ln=transkalweb/images&watermark=1746452462622);
	background-repeat: repeat;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding: 10px;
}
/*----------------------------------------------- Login*/
.login_kaja {
	margin-left:auto;
	margin-right:auto;
	width: 640px;
}
.login_kaja .irudia {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#FFF;
	border: 1px solid #c2c2c1;
	margin-top: 5px;
	padding: 10px;
	background-image: url(/portal/javax.faces.resource/irudia.jpg.xhtml?ln=transkalweb/images&watermark=1746452462622);
	background-repeat: no-repeat;
	float: left;
	width: 285px;
	height: 230px;
	margin-right: 12px;
}
.login_kaja .login {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #c2c2c1;
	margin-top: 5px;
	padding: 10px;
	background-color:#FFF;
	float: left;
	width: 275px;
	height: 245px;
	margin-right: 12px;
}
.login_kaja .pasahitza {
	margin-top: 5px;
	padding: 15px;
	float: left;
	width: 270px;
	height: 190px;
}
.textfield_login {
	float:left;
	width: 260px;
	padding: 4px;
	border: 1px solid #C2C2C1;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
/*	text-transform: uppercase; */
}
.textfield_login:focus {
	border: 1px solid #000;
	color:#000;
}
.textfield_mail {
	float:left;
	width: 260px;
	padding: 4px;
	border: 1px solid #C2C2C1;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
}
.textfield_mail:focus {
	border: 1px solid #000;
	color:#000;
}
.combobox_login {
	float:left;
	width: 260px;
	padding: 4px;
	border: 1px solid #C2C2C1;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
}
.combobox_login:focus {
	border: 1px solid #000;
	color:#000;
}
.link_login {
	color: #3FC8F4;
	float:left;
	width: 260px;
	padding: 4px;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.botoiak_login {
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-top: 15px;
}
.botoiak_login input {
	color: #000;
	background-color: #3FC8F4;
	border: 1px solid #3FC8F4;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 110%;
	padding: 4px;
	float: right;
}
.botoiak_login input:focus {
	color: #FFF;
}
/*----------------------------------------------- Rregister*/
.register_kaja {
	margin-left:auto;
	margin-right:auto;
	width: 640px;
}
.register_kaja .register {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #c2c2c1;
	margin-top: 5px;
	padding: 10px;
	background-color:#FFF;
	float: left;
	width: 410px;
	height: 435px;
	margin-right: 12px;
}
.textfield_register {
	float:left;
	width: 400px;
	padding: 4px;
	border: 1px solid #C2C2C1;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
}
.textfield_register:focus {
	border: 1px solid #000;
	color:#000;
}
.combobox_register {
	float:left;
	width: 410px;
	padding: 4px;
	border: 1px solid #C2C2C1;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
}
.combobox_register:focus {
	border: 1px solid #000;
	color:#000;
}
.textarea_register {
	float:left;
	width: 400px;
	height: 80px;
	padding: 4px;
	border: 1px solid #C2C2C1;
	margin-top:0px;
	font-family: Arial, Helvetica, sans-serif;
}
.textarea_register:focus {
	border: 1px solid #000;
	color:#000;
}
.botoiak_register {
	padding-right: 6px;
	padding-bottom: 3px;
	margin-top: 15px;
}
.botoiak_register input {
	color: #000;
	background-color: #3FC8F4;
	border: 1px solid #3FC8F4;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 110%;
	padding: 4px;
	float: right;
}
.botoiak_register input:focus {
	color: #FFF;
}
.mesage_register {
	text-align:left !important;
	display: block !important;
	padding-top: 5px !important;
	padding-right: 2px !important;
	padding-bottom: 3px !important;
	padding-left: 0px !important;
}

/*----------------------------------------------- Bilaketa kaja*/
.bilaketa_kaja {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#FFF;
	border: 1px solid #c2c2c1;
	margin-top: 5px;
	padding: 10px;
	margin-bottom: 5px;
}
.bilaketa_kaja_head {
	width:100%;
	display:block;
}
.ikonoak {
	float:right;
	display: inline;
	padding:6px 8px 6px 6px;
	margin-right:5px;	
/*	background-color:#FFF; */
}
.ikonoak ul, li {
	list-style-type: none;
}
.ikonoak ul {
	margin: 0;
	padding: 0;
}
.ikonoak li {
	float: right;
}
.ikonoak a {
    display: block;
    float: right;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0px 5px 5px 0px;
}
.goikolaburpena {
	font-weight: bold;
    padding-top: 15px;
}
.izkutatu {
	float:right;
	display: block;
	background-color: #3FC8F4;
	padding: 6px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
.izkutatu a {
	color:#000;
}
.izkutatu a:hover {
	color:#FFF;
}
.izkutatu a.mostrar {
	background-image: url(/portal/javax.faces.resource/arrow-right-black.png.xhtml?ln=transkalweb/images&watermark=1746452462622);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 12px;
}
.formularioa {
	width: 100%;
	margin-top: 10px;
}
.bilaketa_ezker {
	width: 49%;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C2C2C1;
	padding-right: 8px;
}
.bilaketa_eskuin {
	width: 49%;
	float: right;
	padding-left: 8px;
}
label:not([class^="maisucomponent"]) {
	width:140px;
	text-align:right;
	display: block;
	float:left;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 4px;
	padding-left: 2px;
}
.label2 {
	width: 40px;
}
.label_index {
	width:120px !important;
	text-align:left !important;
	display: block !important;
	float:left !important;
	padding-top: 5px !important;
	padding-right: 2px !important;
	padding-bottom: 3px !important;
	padding-left: 0px !important;
}
.elementua {
	margin-bottom:5px;
	clear: both;
}
.textfield1 {
	float:left;
	width: 80px;
	text-align: right;
	padding: 2px;
	border: 1px solid #C2C2C1;
	margin-left: 5px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.textfield1:focus {
	border: 1px solid #000;
	color:#000;
}
.textfield2 {
	float:left;
	width: 220px;
	text-align: left;
	padding: 2px;
	border: 1px solid #C2C2C1;
	margin-left: 5px;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
.textfield2:focus {
	border: 1px solid #000;
	color:#000;
}
.textfield3 {
	float:left;
	width: 310px;
	text-align: left;
	padding: 2px;
	border: 1px solid #C2C2C1;
	margin-left: 5px;
	color: #000;
	text-transform: uppercase;
}
.textfield3:focus {
	border: 1px solid #000;
	color:#000;
}
.textfield3-case-sen {
	float:left;
	width: 310px;
	text-align: left;
	padding: 2px;
	border: 1px solid #C2C2C1;
	margin-left: 5px;
	color: #000;
}
.textfield3-case-sen:focus {
	border: 1px solid #000;
	color:#000;
}
.botoiak {
	padding-right: 6px;
	padding-top: 5px;
	padding-bottom: 3px;
}
.botoiak input {
	color: #000;
	background-color: #3FC8F4;
	border: 1px solid #3FC8F4;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 90%;
	padding: 4px;
	float: right;
}
.botoiak input:focus {
	color: #FFF;
}
/*----------------------------------------------- Emaitzak*/
.emaitzak {
	background-color:#FFF;
	margin-top: 10px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
}
.table2{
	width:100%;
	border: 1px solid #c2c2c1;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-khtml-border-radius:8px;
	font-size: 90%;
	text-align: center;
}
.table2 tr.row1 td {
	background-color: #3FC8F4;
	font-weight: bold;
}
.table2 tr.row1 td:first-child {
	border-radius:8px 0px 0px 0px;
}
.table2 tr.row1 td:last-child {
	border-radius:0px 8px 0px 0px;
}
.table2 td {
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 2px;
	padding-left: 2px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #C2C2C1;
/*	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
}

.table2 td:last-child {
	border-right:none;
}
.table2 tr.row-marka {
	background-color: #e5e5e5;
}
.table2 #td1{
	position:relative;
	z-index:0;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	-khtml-border-radius-topleft:8px;
}
.table2 #td2{
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	-khtml-border-radius-topright:8px;
}
.table2 #td3{
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	-khtml-border-radius-bottomleft:8px;
}
.table2 #td4{
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	-khtml-border-radius-bottomright:8px;
}
.table2 tr.row-selected {
	background-color: #000;
	color: #FFF;
}
.table2 tr.row-selected2 {
	background-color: #666;
	color: #FFF;
}
.table2 td.col-selected2 {
	background-color: #666;
	color: #FFF;
}
.table2 td.col-for-select {
	text-align: center;
	width: 21px;
}

.subtable{
	width:100%;
	border: 1px solid #000;
	font-size: 90%;
	text-align: center;
}
.subtable .row1b td {
	font-weight: bold;
	border-bottom: 1px solid #C2C2C1;
}
.subtable td {
	border-bottom: 1px solid #C2C2C1;
}
.subtabledoc{
	width:100%;
	border: 1px solid #000;
	font-size: 90%;
	text-align: left;
}
.subtabledoc .row1b td {
	font-weight: bold;
	border-bottom: 1px solid #C2C2C1;
}
.subtabledoc td {
	border-bottom: 1px solid #C2C2C1;
	padding-left: 10px;
}
/*----------------------------------------------- Oina*/
.oina {
	height: 56px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 30px;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	background-color: #1D232E; /* color-head */
}
.oina .helbidea {
	float: left;
	width: 40%;
	color: #596C88; /* color-texto-head */
	font-size: 95%;
	height: 56px;
}
.oina .logoa {
	float: right;
	width: 40%;
	text-align: right;
	height: 56px;
}
.oina .logoa img {
	vertical-align:center;
}
/*----------------------------------------------- Orrikapena*/
.orrikapena {
	background-color: #FFF;
	margin-top: 10px;
	width: 100%;
}
.orrikapena ul {
	margin-right: auto !important;
	margin-left: auto !important;
	width: 350px;
}
.orrikapena ul li.gabe {
	border: 1px solid #fff;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	float: left;
	display: block;
	margin-right: 2px;
	margin-left: 2px;
}
.orrikapena ul li.desactivado {
	border: 1px solid #C2C2C1;
	background-color: #E5E5E5;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	float: left;
	display: block;
	margin-right: 2px;
	margin-left: 2px;
}
.orrikapena ul li a {
	border: 1px solid #C2C2C1;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	float: left;
	display: block;
	margin-right: 2px;
	background-color: #E5E5E5;
	color: #000;
	font-weight: bold;
}
.orrikapena ul li a:hover {
	background-color: #3FC8F4;
}
.orrikapena ul li a.aktibatuta {
	background-color: #3FC8F4;
}
.orrikapena ul li a.top {
	border: 1px solid #3FC8F4;
	background-color:#3FC8F4;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	float: right;
	display: block;
	margin-right: 2px;
	margin-left: 2px;
}
.orrikapena ul li a.top:hover {
	background-color:#FFF;
}
.error {
	color:#900;
}
.error-formulario {
	color:#FFF;
	float: left;
	display: block;
/*	padding-top: 4px;
	padding-left: 8px; */
	background-color: #900;
/*	padding-bottom: 4px;
	padding-right: 8px;*/
	margin-top: 5px;
	margin-left: 12px;
}
.calendario-imagen {
	float: left;
	padding-top: 3px;
	margin-right: 8px;
	margin-left: 5px;
}
.informacion-formulario {
	color: #999;
	font-size: 90%;
	float: left;
	display: block;
	margin-left: 149px;
	padding-bottom: 6px;
}

/* Diálogo de confirmación de eliminación de registros */
#dlgDeleteConfirm {
	border: solid 2px  #3FC8F4;
	background-color: #3FC8F4;
}
.trkal-dlgconfirm-title {
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 auto;
    padding: 3px 5px;
    text-align: left;
}
.trkal-dlgconfirm-text {
	background-color: #F0F0F0;
	color: #000;
	width: 100%;
}
.trkal-dlgconfirm-options {
	background-color: #F0F0F0;
	margin: 0px auto;
	padding-bottom: 5px;
    width: 100%;
}
.trkal-dlgconfirm-button {
	background-color: #3FC8F4;
	color: #FFFFFF;
    font-weight: bold;
}


/* Ventana Popup */
.dlgPopup {
	border: solid 2px  #3FC8F4;
	background-color: #3FC8F4;
}
/* Diálogo de visualización del error */
#dlgError {
	border: solid 2px  #3FC8F4;
	background-color: #3FC8F4;
}
.trkal-dlgerror-title {
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 auto;
    padding: 3px 5px;
    text-align: left;
}
.trkal-dlgerror-text {
	background-color: #F0F0F0;
	color: #000;
	width: 100%;
}
.trkal-dlgerror-options {
	background-color: #F0F0F0;
	margin: 0px auto;
	padding-bottom: 5px;
    width: 100%;
}
.trkal-dlgerror-button {
	background-color: #3FC8F4;
	color: #FFFFFF;
    font-weight: bold;
}

/* Panel entretiene */
.trkal-entretiene-overlay {
	background-color: #FFFFFF;
    border: medium none;
    cursor: default;
    height: 0;
    left: 0;
    margin: 0;
    opacity: 0.5;
    padding: 0;
    position: fixed;
    top: 0;
    width: 0;
}
.trkal-entretiene {
	background-color: transparent;
    border: medium none;
    color: #000;
    opacity: 1.0;
    padding: 1px;
}

/* Animación entretiene http://cssload.net */
#circleG {
	width: 59px;
	margin:auto;
}
.circleG {
	background-color:rgb(221,221,221);
	float:left;
	height:13px;
	width:13px;
	margin-left:5px;
	animation-name:bounce_circleG;
	animation-duration:0.5875s;
	animation-iteration-count:infinite;
	animation-direction:normal;
	border-radius:2px;
}
#circleG_1 {
	animation-delay:0.1195s;
}
#circleG_2 {
	animation-delay:0.2755s;
}
#circleG_3 {
	animation-delay:0.3485s;
}

@keyframes bounce_circleG{
	0%{}
	50%{
		background-color:rgba(102,102,102,0.98);
	}
	100%{}
}

/* Animación entretiene small */
#circleG.small {
	width: 26px;
	margin:auto;
}
#circleG.small .circleG {
	height:6px;
	width:6px;
	margin-left:2px;
	border-radius:1px;
}

/* Diálogo popup  */
.trkal-dlgpopup {
	border: solid 2px  #3FC8F4;
	background-color: #3FC8F4;
}
.trkal-dlgpopup-title {
    color: #FFFFFF;
    display: block;
    float: left;
    font-weight: bold;
    margin: 0 auto;
    padding: 3px 5px;
    text-align: left;
}
.trkal-dlgpopup-body {
	background-color: #F0F0F0;
	color: #000;
	width: 100%;
}
.trkal-dlgpopup-options {
	background-color: #F0F0F0;
	margin: 0px auto;
	padding-bottom: 5px;
    width: 100%;
}
.trkal-dlgpopup-button {
	background-color: #3FC8F4;
	color: #FFFFFF;
    font-weight: bold;
}

/* Estilos popup genericos */
.trkal-popup-overlay {
	background-color: #000000;
    border: medium none;
    cursor: default;
    height: 0;
    left: 0;
    margin: 0;
    opacity: 0.5;
    padding: 0;
    position: fixed;
    top: 0;
    width: 0;
}
.trkal-popup-dialog {
	background-color: #FFF;
    border: 1px solid #555;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.4);
    cursor: default
	margin: 0px auto 0px auto;
}
.trkal-popup-title {
	background-color: #3FC8F4;
    box-sizing: border-box;
    height: 26px;
    margin: 0 auto;
}

.trkal-popup-title.trkal-error-popup {
	background-color: #A62E0E;
}

.trkal-popup-title-texto {
	color: #FFFFFF;
    display: block;
    float: left;
    font-size: 108%;
    font-weight: bold;
    margin: 0;
    padding: 5px 8px;
    white-space: no-wrap
}

.trkal-popup-title-option-close {
	float:right;
	padding: 2px 3px;
}

.trkal-popup-title-option-close-boton {
	background: #7d7e7d;
	background: -moz-linear-gradient(top,  #7d7e7d 0%, #0e0e0e 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e));
	background: -webkit-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
	background: -o-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
	background: -ms-linear-gradient(top,  #7d7e7d 0%,#0e0e0e 100%);
	background: linear-gradient(to bottom,  #7d7e7d 0%,#0e0e0e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 );
	margin: 0px 0px 0px 3px;
	padding: 0px 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}

.trkal-popup-body {
	background-color: #e5e5e5;
	border: 1px solid #ccc;
	margin: 5px 5px 6px 5px;
	min-width: 225px;
	color: #000;
	padding: 5px 9px;
}

.trkal-popup-options {
	display: table;
	margin: 5px auto 0px;
}

.trkal-popup-options-button {
	background-color: #333333;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
	float:left; 
    font-size: 90%;
    font-weight: bold;
    margin-right: 5px;
    padding: 4px;
    min-width:60px;
    text-align: center;
}
/* /Estilos popup genericos */

/* Cuando los componentes cogen el foco */
/*
input[class*=trkal-sepide]:focus {
	border: 1px solid #000;
	color:#000;
}
*/
textarea {
	font-size: 100%;
}
textarea[class*=trkal-sepide]:focus {
	border: 1px solid #000;
	color:#000;
}
/*
select[class*=trkal-sepide]:focus {
	border: 1px solid #000;
	color:#000;
}
*/
/*************************************************
 * Componente de label
 *************************************************/
 .wtrkal-label {
	display: block;
	float: left;
	padding: 4px 2px;
	text-align: rigth;
}
/*************************************************
 * Componente de texto
 *************************************************/
.trkal-textwidget {
}

.wtrkal-textwidget-text {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
    text-align: left;
}

/* Aspecto de los mensajes de error */
.wtrkal-textwidget-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}

/* Aspecto de la caja de edición del componente cuando se pide*/
.wtrkal-textwidget-sepide {
}

.wtrkal-textwidget-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}

/* Aspecto de la caja de edición del componente cuando no se pide*/
.wtrkal-textwidget-readonly {
	background-color: #E5E5E5;
}
/* Aspecto de la caja de edición del componente cuando es de entrada requerida */
.wtrkal-textwidget-required {
	background-color: #FFFFCC;
}
/* Aspecto de la caja de edición del component para caja = 'U' */
.wtrkal-textwidget-uppercase {
	text-transform: uppercase;
}
/* Aspecto de la caja de edición del component para caja = 'L' */
.wtrkal-textwidget-lowercase {
	text-transform: lowercase;
}

/*************************************************
 * Componente de lista de opciones.
 *************************************************/
.wtrkal-comboboxwidget {
}

/* Aspecto de la caja de edición del componente */
.wtrkal-comboboxwidget-text {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
/*    text-align: left;*/
}

/* Aspecto de los mensajes de error */
.wtrkal-comboboxwidget-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}

/* Aspecto de la caja de edición del componente cuando se pide*/
.wtrkal-comboboxwidget-sepide {
}

.wtrkal-comboboxwidget-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}

/* Aspecto de la caja de edición del componente cuando no se pide*/
.wtrkal-comboboxwidget-readonly {
	background-color: #E5E5E5;
}
/* Aspecto de la caja de edición del componente cuando es de entrada requerida */
.wtrkal-comboboxwidget-required {
	background-color: #FFFFCC;
}

/*************************************************
 * Componente de edición con validación.
 *************************************************/
.wtrkal-itemwidget {
}

/* Aspecto de la caja de edición del componente */
.wtrkal-itemwidget-textid {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
    text-align: left;
}

/* Aspecto de la caja de edición del componente cuando se pide*/
.wtrkal-itemwidget-sepide {
}

.wtrkal-itemwidget-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}

/* Aspecto de la caja de edición del componente cuando no se pide*/
.wtrkal-itemwidget-readonly {
	background-color: #E5E5E5;
}
/* Aspecto de la caja de edición del componente cuando es de entrada requerida */
.wtrkal-itemwidget-required {
	background-color: #FFFFCC;
}
/* Aspecto de la caja de edición del component para caja = 'U' */
.wtrkal-itemwidget-uppercase {
	text-transform: uppercase;
}
/* Aspecto de la caja de edición del component para caja = 'L' */
.wtrkal-itemwidget-lowercase {
	text-transform: lowercase;
}
/* Aspecto del icono del componente */
.wtrkal-itemwidget-image {
	float: left;
    margin-left: 5px;
    margin-right: 0px;
    padding-top: 4px;
}

/* Aspecto de los mensajes de error */
.wtrkal-itemwidget-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}

/* Aspecto del componente con la descripción de la validación */
.wtrkal-itemwidget-description {
	
}
.wtrkal-itemwidget-description-text {
	width:100%;
	margin-left: 5px;
	padding: 2px;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    border: 1px solid #C2C2C1;
}
textarea.wtrkal-itemwidget-description-text {
	font-size:90%;	
	font-family: Arial,Helvetica,sans-serif;
}
.wtrkal-itemwidget-description-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}
.wtrkal-itemwidget-description-sepide {
}
.wtrkal-itemwidget-description-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}
.wtrkal-itemwidget-description-required {
	background-color: #FFFFCC;
}
.wtrkal-itemwidget-description-readonly {
	background-color: #E5E5E5;
}
.wtrkal-itemwidget-description-list {
	border-radius: 5px;
	border-color: #BBBBBB;
	border-width: 1px;
	border-style:solid;
	display: none;
	padding: 0px;
	position: absolute;	
	box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.33);
	-o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.33);
	-ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.33);
	-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.33);
	-webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.33);
}
.wtrkal-itemwidget-description-list ul {
	background: #F6F6F6;
	border-radius: 5px;
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
.wtrkal-itemwidget-description-list ul li {

}
.wtrkal-itemwidget-description-list ul li a {
	color: #222222;
	padding: 5px 10px;
	display: block;
	font-size: 90%;
	text-align: left;
	text-decoration: none!important;
	cursor: pointer;
}
.wtrkal-itemwidget-description-list ul li a:hover {
	background-color: #DDDDDD;
}
.wtrkal-itemwidget-description-list ul li.selected {
	background-color: #D0D0D0;
}
.wtrkal-itemwidget-description-list ul li a b{
	text-decoration: underline;
}
.wtrkal-itemwidget-description-description {
	color:#999999;
}
/*************************************************
 * Componente de edición con validación de objetos complejos.
 *************************************************/
.wtrkalcomponent_objectwidget {
	box-sizing: border-box;
	display: block;
	float: left;
	margin-left: 5px;
}
.wtrkalcomponent_objectwidget_container {
	box-sizing: border-box;
	width:100%;
	border: 1px solid #C2C2C1;
    float: left;
    padding-right:16px;
    position:relative;
}
.wtrkalcomponent_objectwidget_input {
	box-sizing: border-box;
	width:100%;
	min-height:22px;
	padding:2px;
	margin:0px;
	border: 0px;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
}
.wtrkalcomponent_objectwidget_expander {
	box-sizing: border-box;
	width:16px;
	height:22px;
	padding:2px 0px;
	margin:0px;
	position:absolute;
	right:0px;
	top:0px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    background-image: url(/portal/javax.faces.resource/objectwidget-expander.png.xhtml?ln=transkal/images&watermark=1746452462622); 
}
/*
Layout disponibles:
	valueset
*/
.wtrkalcomponent_objectwidget.valueset {
	padding-right: 18px;
	position:relative;
}

.wtrkalcomponent_objectwidget_sepide.focus .wtrkalcomponent_objectwidget_container {
	border: 1px solid #333;
}
.wtrkalcomponent_objectwidget_readonly .wtrkalcomponent_objectwidget_container {
	border: 1px solid #D4D2D2 !important;
	background-color: #e5e5e5;
}

.wtrkalcomponent_objectwidget.showing_suggestions .wtrkalcomponent_objectwidget_container {
	border-bottom:1px solid #F0F0F0 !important;
}

.wtrkalcomponent_objectwidget_required.showing_suggestions .wtrkalcomponent_objectwidget_container {
	border-bottom:1px solid #EDEDCE !important;
}
.wtrkalcomponent_objectwidget_required .wtrkalcomponent_objectwidget_input {
	background-color: #ffffcc;
}
.wtrkalcomponent_objectwidget_readonly .wtrkalcomponent_objectwidget_input {
	background-color: #E5E5E5;
	border: 0px;
	color: #888;
	cursor: default;
}
.wtrkalcomponent_objectwidget_required .wtrkalcomponent_objectwidget_expander {
	background-color: #ffffcc;
}
.wtrkalcomponent_objectwidget_readonly .wtrkalcomponent_objectwidget_expander {
	background-color: #E5E5E5;
}
.wtrkalcomponent_objectwidget_list {
	display:none;
	background-color: #FFFFFF;
	position:absolute;
	width:100%;
	min-height:25px;
	padding:0px;
	margin:23px 0px 0px -1px;
	border-right: 1px solid #C2C2C1;
	border-bottom: 1px solid #C2C2C1;
	border-left: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
	z-index: 50;
}
.wtrkalcomponent_objectwidget_list.focus {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.wtrkalcomponent_objectwidget_required .wtrkalcomponent_objectwidget_list {
	background-color: #ffffcc;
}
.wtrkalcomponent_objectwidget_list li {
	height: 18px;
	padding: 5px 5px 2px;
    text-decoration: none !important;
    cursor: pointer;
    color: #333;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.wtrkalcomponent_objectwidget_list .suggestion:last-child {
	border-bottom: 1px solid #E0E0E0;
}
.wtrkalcomponent_objectwidget_list .suggestion:hover {
	background-color: #F0F0F0;
}
.wtrkalcomponent_objectwidget_list .suggestion.selected {
	background-color: #E0E0E0 !important;
}
.wtrkalcomponent_objectwidget_list .suggestion .separator {
	color: #999;
}
.wtrkalcomponent_objectwidget_list .suggestion .highlight {
	font-weight: bold;
	color: #000;
}
.wtrkalcomponent_objectwidget_required .wtrkalcomponent_objectwidget_list .suggestion:last-child {
	border-bottom: 1px solid #E0E0C3;
	padding-bottom: 7px;
}
.wtrkalcomponent_objectwidget_required .wtrkalcomponent_objectwidget_list .suggestion:hover {
	background-color: #EDEDCE !important;	
}
.wtrkalcomponent_objectwidget_required .wtrkalcomponent_objectwidget_list .suggestion.selected {
	background-color: #E0E0C3 !important;	
}
.wtrkalcomponent_objectwidget_list .action {
	background-position: 10px 6px;
    background-repeat: no-repeat;
    font-style: italic;
    font-weight: bold;
    height: auto;
    padding: 6px 2px 7px 35px;
}
.wtrkalcomponent_objectwidget_list .action:first-child {
	
}
.wtrkalcomponent_objectwidget_list .action:last-child {
	
}

.wtrkalcomponent_objectwidget_list .action:hover {
	background-color: #F0F0F0;
}
.wtrkalcomponent_objectwidget_required .wtrkalcomponent_objectwidget_list .action:hover {
	background-color: #EDEDCE !important;	
}
.wtrkalcomponent_objectwidget_list .action.search {
    background-image: url(/portal/javax.faces.resource/objectwidget_search.png.xhtml?ln=transkal/images&watermark=1746452462622)
}
.wtrkalcomponent_objectwidget_list .panelentretiene {
	display:none;
}
.wtrkalcomponent_objectwidget_list.entretiene .panelentretiene {
	box-sizing: border-box;
	display: inherit;
	height: 32px;
    cursor: default;
	padding-top: 14px;
}

/*************************************************
 * Componente de número
 *************************************************/
.wtrkal-numberwidget {
}
.wtrkal-numberwidget-text {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
    text-align: right;
}

.wtrkal-numberwidget-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}

.wtrkal-numberwidget-sepide {
}

.wtrkal-numberwidget-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}

.wtrkal-numberwidget-readonly {
	background-color: #E5E5E5;
}

.wtrkal-numberwidget-required {
	background-color: #FFFFCC;
}

/* Componente de caja de edición para números
.trkal-numberwidget-text {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
    text-align: right;
}*/

/* Componente de caja de edición para texto multilínea*/
.trkal-textareawidget {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 90%;
    margin-left: 5px;
    padding: 2px;
    text-align: left;
}

/*************************************************
 * Componente de fecha
 *************************************************/
.wtrkal-datewidget {
}
.wtrkal-datewidget-text-fecha {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
    text-align: left;
    width: 80px;
}
.wtrkal-datewidget-image {
	float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 3px;
}
.wtrkal-datewidget-text-hora {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 0px;
    padding: 2px;
    text-align: left;
    width: 60px;
}
.wtrkal-datewidget-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}
.wtrkal-datewidget-sepide {
}
.wtrkal-datewidget-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}
.wtrkal-datewidget-readonly {
	background-color: #E5E5E5;
}
.wtrkal-datewidget-required {
	background-color: #FFFFCC;
}
/*************************************************
 * Componente de hora
 *************************************************/
.wtrkal-timewidget {
}
.wtrkal-timewidget-text {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
    text-align: left;
}
.wtrkal-timewidget-text-short {
	width: 35px;
}
.wtrkal-timewidget-text-long {
	width: 55px;
}
.wtrkal-timewidget-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}
.wtrkal-timewidget-sepide {
}
.wtrkal-timewidget-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}
.wtrkal-timewidget-readonly {
	background-color: #E5E5E5;
}
.wtrkal-timewidget-required {
	background-color: #FFFFCC;
}

/*************************************************
 * Componentes del componente de Ctrl+F2
 *************************************************/
 .trkal-panelwidget {
	background-color: #E5E5E5;
    padding: 2px;
    display:block;
	clear: both;
}

.trkal-rowwidget {
	display: block;
	margin: 3px auto 5px auto;
	padding-right: 4px;
	padding-left: 4px;
	clear: both;
}

.trkal-labelwidget-sized {
	min-height:10px;
	padding:5px 0px 0px 0px;
	float: left;
	display: block;
}
.trkal-labelwidget-sized .size_02_32 {
	width: 73px;
	border:0px;
	margin:0px;
	float: left;
	display: block;
}
.trkal-labelwidget-sized-text {

}

.trkal-comboboxwidget-sized {
	
}
.trkal-comboboxwidget-sized .size_06_32 {
	width: 219px;
	padding:2px;
	margin:0px;
	float: left;
	display: block;
}
.trkal-comboboxwidget-sized-text {
	min-height:18px;
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    padding: 2px;
}
.trkal-comboboxwidget-sized-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}
.trkal-comboboxwidget-sized-sepide {
	
}
.trkal-comboboxwidget-sized-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}
.trkal-comboboxwidget-sized-readonly {
	background-color: #E5E5E5;
}
.trkal-comboboxwidget-sized-required {
	background-color: #FFFFCC;
}

.trkal-huecowidget-sized {
	min-height:24px;;
}

.trkal-huecowidget-sized.size_01_32 {
	width: 36.5px;
	border:0px;
	margin:0px;
	float: left;
	display: block;
}

.trkal-textwidget-sized {
	
}
.trkal-textwidget-sized .size_08_32 {
	width: 286px;
	padding:2px;
	margin:0px;
	float: left;
	display: block;
}
.trkal-textwidget-sized-text {
	min-height:18px;
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
}
.trkal-textwidget-sized-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
}
.trkal-textwidget-sized-sepide {
	
}
.trkal-textwidget-sized-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}
.trkal-textwidget-sized-readonly {
	background-color: #E5E5E5;
}
.trkal-textwidget-sized-required {
	background-color: #FFFFCC;
}
.trkal-textwidget-sized-uppercase {
	text-transform: uppercase;
}
.trkal-textwidget-sized-lowercase {
	text-transform: lowercase;
}
/*************************************************
 * Componente de Ctrl+F2
 *************************************************/
.trkal_container {
	box-sizing: border-box;
	width: 90%;
	min-width: 1085px;
	max-width: 1900px;
	height: 100%;
	margin: 0px auto 0px auto;
}

.trkal_content_position {
	margin-top: 29px;
}

.trkal-formsearch {
	padding:50px 50px 0px 50px;
}

.trkal-formsearch-dlg {
	box-sizing: border-box;
	min-height: 346px;
    max-height: 698px;
    position: relative;
    padding: 0px;
	border: 1px solid #555;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
	background-color: #FFFFFF;
	cursor: default;
    text-align: left;    
}

@media screen and (max-height: 700px) {
	.trkal-formsearch-dlg {
		height: calc(100% - 108px);
	}
}

@media screen and (min-height: 700px) {
	.trkal-formsearch-dlg {
		height: calc(100% - 124px);
	}
}

/* Panel del título del díalogo asociado al componente */
.trkal-formsearch-dlg-titulo-panel {
	background-color: #3FC8F4;
    box-sizing: border-box;
    height: 26px;
    margin: 0 auto;
}
/* Texto del título del díalogo asociado al componente */
.trkal-formsearch-dlg-titulo-texto {
	color: #1A1A1A;
    display: block;
    float: left;
    font-size: 108%;
    font-weight: bold;
    margin: 0;
    padding: 5px 8px;
}

/* Panel de la opción de cerrar el diálogo asociado al componente */
.trkal-formsearch-dlg-panel-option-close-panel {
    float: right;
}
/* Botón de la opción de cerrar el diálogo asociado al componente */
.trkal-formsearch-dlg-option-close-boton {
    background-color: #A4AB0E;
    border-style: none;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-align: right;
}
/* Panel del contenido del diálogo asociado al componente */
.trkal-formsearch-dlg-body {
	box-sizing: border-box;
	background-color: #FFFFFF;
    margin: 0 auto;
    height: calc(100% - 30px);
}
.trkal-formsearch-dlg-body .trkal-panel-filtro {
	margin: 5px 5px 0;
}
/* Panel del filtro del diálogo asociado al componente */
.trkal-formsearch-dlg-filtro-panel {
    background-color: #E5E5E5;
    padding: 3px 5px;
    margin: 2px 5px 5px 5px;
}

/* Tabla de maquetación del formulario de filtro del diálogo asociado al componente */
.trkal-formsearch-dlg-form-table {
}
.trkal-formsearch-dlg-form-table tr {
}
.trkal-formsearch-dlg-form-table td {
	vertical-align: top;
}
/* Panel de la lista de resultados del diálogo asociado al componente */
.trkal-formsearch-dlg-lista-panel {
    background-color: #FFFFFF;
    margin: 5px 5px 0;
    height: calc(100% - 123px);
    position: relative;
}
@-moz-document url-prefix() {
   	.trkal-formsearch-dlg-lista-panel {
        height: calc(100% - 129px);
    }
}
/* Segundo panel de la lista de resultados del diálogo asociado al componente */
.trkal-formsearch-dlg-lista-panel2 {
    padding: 0;
    height: 100%;
}
/* Panel de la tabla de resultados del diálogo asociado al componente */
.trkal-formsearch-dlg-lista-table-panel {
    border-left: 1px solid #aaa !important;
    border-right: 1px solid #aaa !important;
    height: calc(100% - 34px);
}
/* Segundo panel de la tabla de resultados del diálogo asociado al componente */
.trkal-formsearch-dlg-lista-table-panel2 {
	height: 100%;
	overflow: auto;
}
/* Tabla de resultados del diálogo asociado al componente */
.trkal-formsearch-dlg-lista-table {
	width:100%;
}
.trkal-formsearch-dlg-lista-table tr:first-child {
	background-color: #e5e5e5;
	border: 1px solid #aaa!important;
	text-align: center;
	font-weight: bold;
}
.trkal-formsearch-dlg-lista-table tr:first-child td{
	border-bottom: 1px solid #aaa !important;
	border-top: 1px solid #aaa !important;
	font-weight: bold;
	vertical-align: middle;
}
.trkal-formsearch-dlg-lista-table tr:not(:last-child) td{
}
.trkal-formsearch-dlg-lista-table td {
	border-right: 1px solid #aaa!important;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 4px;
	vertical-align: top;
}
.trkal-formsearch-dlg-lista-table td.trkal-panel-lista-select {
	text-align: center;
	width: 21px;
}
.trkal-formsearch-dlg-lista-table td:first-child {
	border-left: none !important;
	width: 25px;
}
.trkal-formsearch-dlg-lista-table td:last-child {
	border-right: none !important;
	width: 25px;
}
.trkal-formsearch-dlg-lista-table td:last-child {
	border-right:none;
}
.trkal-formsearch-dlg-lista-table tr.row-marka {
	background-color: #e5e5e5;
}
.trkal-formsearch-dlg-lista-table tr.row-selected {
	background-color: #666;
	color: #FFF;
}
.trkal-formsearch-dlg-lista-table tr.row-selected2 {
	background-color: #666;
	color: #FFF;
}
.trkal-formsearch-dlg-lista-table tr.row-odd {
	background-color: #F5F5F5;
}
.trkal-formsearch-dlg-lista-table tr.row-over {
	background-color: #333;
	color: #FFF;
}

.trkal-formsearch-dlg-paginacion-panel {
    background-color: #E5E5E5;
    border: 1px solid #aaa !important;
    margin-top: 0;
    height: 32px;
    text-align:center;
}
.trkal-formsearch-dlg-paginacion-panel ul {
    list-style: none outside none;
    margin-left: auto !important;
    margin-right: auto !important;
    display: inline-block;
}
.trkal-formsearch-dlg-paginacion-panel ul li {
    margin-bottom: 0;
    margin-top: 5px;
    float: left;
    min-width: 12px;
}
.trkal-formsearch-dlg-paginacion-panel ul li a {
	display: block;
	float: left;
	background-color: #3FC8F4;
	border: 1px solid #3FC8F4;
	color: #000;
	margin-left: 2px;
	padding: 3px 6px;
	text-align:center;
}

.trkal-formsearch-dlg-paginacion-option-desactivado {
    padding: 2px 4px 3px;
    background-color: #cbcbcb;
    border: 1px solid #aaa !important;
    color: #999;
    cursor: default;
    padding: 2px 4px 3px;
    display: block;
    margin-left: 2px;
    text-align:center;
}

.trkal-formsearch-dlg-paginacion-numpag {
	padding-top: 4px;
	padding-bottom: 0px;
	float: left;
	display: block;
	margin-right: 10px;
	margin-left: 10px;
}

.trkal-formsearch-dlg-boton {
	background-color: #3FC8F4;
	border: 1px solid #3FC8F4;
	color: #1A1A1A;
    cursor: pointer;
    float: right;
    font-size: 90%;
    font-weight: bold;
    padding: 4px;
    text-transform: uppercase;
}

.trkal-formsearch-dlg-pie-boton {
	background-color: #3FC8F4;
	border: 1px solid #3FC8F4;
	color: #1A1A1A;
    cursor: pointer;
    font-size: 90%;
    font-weight: bold;
    margin: 0 5px;
    padding: 4px;
    min-width:90px;
}

.trkal-formsearch-dlg-pie-panel {
	background-color: #e5e5e5;
    border: 1px solid #aaa !important;
    margin: 5px 5px 6px;
    padding: 5px;
    text-align: center;
    box-sizing: border-box;
}

.trkal-formsearch-image {
	float: left;
    margin-left: 5px;
    margin-right: 0px;
    padding-top: 4px;
}

.trkal-formsearch-textwidget {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
    text-align: left;
}

.trkal-formsearch-dlg-lista-value-text {
	vertical-align: top;
}

.trkal-formsearch_fullheight{
    height: 100%;
}

/*************************************************
 * Reescribir el componente de texto por defecto.
 *************************************************/
.trkal-textwidget {
}

.trkal-textwidget-text {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
    text-align: left;
}

/* Aspecto de los mensajes de error */
.trkal-textwidget-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}

/* Aspecto de la caja de edición del componente cuando se pide*/
.trkal-textwidget-sepide {
}

.trkal-textwidget-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}

/* Aspecto de la caja de edición del componente cuando no se pide*/
.trkal-textwidget-readonly {
	background-color: #E5E5E5;
}
/* Aspecto de la caja de edición del componente cuando es de entrada requerida */
.trkal-textwidget-required {
	background-color: #FFFFCC;
}
/* Aspecto de la caja de edición del component para caja = 'U' */
.trkal-textwidget-uppercase {
	text-transform: uppercase;
}
/* Aspecto de la caja de edición del component para caja = 'L' */
.trkal-textwidget-lowercase {
	text-transform: lowercase;
}

/*************************************************
 * Reescribir el componente de lista de opciones.
 *************************************************/
.trkal-comboboxwidget {
}

/* Aspecto de la caja de edición del componente */
.trkal-comboboxwidget-text {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
/*    text-align: left;*/
}

/* Aspecto de los mensajes de error */
.trkal-comboboxwidget-error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}

/* Aspecto de la caja de edición del componente cuando se pide*/
.trkal-comboboxwidget-sepide {
}

.trkal-comboboxwidget-sepide:focus {
	border: 1px solid #000 !important;
	color:#000 !important;
}

/* Aspecto de la caja de edición del componente cuando no se pide*/
.trkal-comboboxwidget-readonly {
	background-color: #E5E5E5;
}
/* Aspecto de la caja de edición del componente cuando es de entrada requerida */
.trkal-comboboxwidget-required {
	background-color: #FFFFCC;
}

/*
.trkal-datewidget {
}
.trkal-datewidget-text {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
    text-align: left;
    width: 80px;
}
.trkal-datewidget-textfecha {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
    text-align: left;
    width: 80px;
}
.trkal-datewidget-image {
	float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 3px;
}
.trkal-datewidget-timehora {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 0px;
    padding: 2px;
    text-align: left;
    width: 60px;
}
*/
/* Componente de combobox
.trkal-comboboxwidget {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin-left: 5px;
    padding: 2px;
}
*/

/* Componente de checkbox */
.trkal-checkboxwidget {
	border: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    margin: 5px;
    padding: 2px;
}

/*************************************************
 * Componente de portalmenuwidget
 *************************************************/
 .maisucomponent_portalmenuwidget_node a,
.maisucomponent_portalmenuwidget_node>a.selected {
	color: #596C88;							/* color-texto-head */
}
.maisucomponent_portalmenuwidget_node>a:hover {
	color:#3FC8F4;
}
.maisucomponent_portalmenuwidget_header_node>a:hover,
.maisucomponent_portalmenuwidget_header_node.dropdown_opened >a,
a.maisucomponent_portalmenuwidget_expander_text:hover,
.dropdown_opened>a.maisucomponent_portalmenuwidget_expander_text {
	border-top:6px solid #3FC8F4;
}
.maisucomponent_portalmenuwidget_dropdown_node>a:hover,
.maisucomponent_portalmenuwidget_dropdown_node.dropdown_opened>a,
.maisucomponent_portalmenuwidget_dropdown {
	border-left:4px solid #3FC8F4;
}

.maisucomponent_portalmenuwidget,
.maisucomponent_portalmenuwidget_dropdown {
	background-color: #1D232E;					/* color-head */
}

/* Componentes de un formulario (tanto de filtro como de edición) */
.trkal-readonly {
    background-color: #E5E5E5;
}
.trkal-sepide {
}
.trkal-required {
    background-color: #FFFFCC;
}
.trkal-uppercase {
    text-transform: uppercase;
}

/* Formulario de información */
#panel-form-info {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#E5E5E5;
	border: 1px solid #c2c2c1;
	margin-bottom: 5px;
	padding: 2px;
}
/* Formulario de edición */
#panel-form-maisu {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color:#E5E5E5;
	border: 1px solid #c2c2c1;
	margin-top: 5px;
	margin-bottom: 0px;
	padding: 2px;
}
/*.panel-form-maisu {
	background-color: #E5E5E5;
    padding: 3px 5px;
}*/
.trkal-form-section-head {
    display: block;
    font-size: 110%;
    font-weight: bold;
    margin-top; 10px;
    margin-bottom: 5px;
    text-decoration: underline;
}
.trkal-form-section-body {
    display: block;
    padding-left: 20px;
}

/* Pestañas */
.panel-pestanas-maisu {
	margin-left: auto;
    margin-right: auto;
    padding-bottom: 0px;
    width: 99%;
/*	margin-bottom: 15px;
	width: 99%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;*/
}
.panel-pestanas-maisu ul {}
.panel-pestanas-maisu ul li a {
	float:left;
	display:block;
	background-color: #C0C0C0; /* #E5E5E5; */
	padding-top: 5px;
	padding-right: 7px;
	padding-bottom: 5px;
	padding-left: 7px;
	margin-right: 5px;
	color: #000;
	border-radius: 0px 0px 8px 8px;
}
.panel-pestanas-maisu ul li a:hover {
	background-color:#000;
	color:#FFF;
}
.panel-pestanas-maisu ul li a.selected {
	background-color:#FFF;
	border:solid 1px #E5E5E5;
}
.panel-pestanas-maisu ul li a.selected:hover {
	background-color:#000;
	color:#FFF;
}
.panel-pestanas-maisu ul li a.eskuin {
	float: right;
	margin-right: 0px;
	margin-left: 5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	background-color:transparent;
}
/* Botonera del Maisu */
.botoiak_maisu {
	display: inline;
	float: left;
	padding: 0px;
}
/*
.botoiak_maisu input {
	background-color: #3FC8F4;
    border-radius: 8px 8px 8px 8px;
    color: #000000;
    display: block;
    float: left;
    padding: 6px;
}
.botoiak_maisu input:hover {
	color:#FFF;
}*/
.botoia_maisu {
	background-color: #3FC8F4;
    border-radius: 8px 8px 8px 8px;
    color: #000000;
    display: block;
    float: left;
    margin-left: 3px;
    padding: 6px;
}
.botoia_maisu_disable {
	background-color: #3FC8F4;
    border-radius: 8px 8px 8px 8px;
	color:#FFF;
    display: block;
    float: left;
    margin-left: 3px;
    padding: 6px;
}
.botoia_maisu hover {
	color:#FFF;
}
.botoia_maisu:hover {
	color:#FFF;
}
.botoiak_maisu_separator {
	display: block;
	float: left;
	min-height: 1px;
	width: 40px;
}
.miga_formulario {
	display: inline;
	float: right;
	font-size: 120%;
	font-weight: bold;
	padding-right: 5px;
	padding-top: 6px;
}
.link_texto {
	float: right;
	color: #000;
}
/*************************************************
 * Componente maisu de texto
 *************************************************/
.wmaisucomponent_textwidget {
	box-sizing: border-box;
	display: block;
	float: left;
}
.wmaisucomponent_textwidget_text {
	box-sizing: border-box;
	width:100%;
	min-height:24px;
	padding:2px;
	margin:0px;
	border: 1px solid #C2C2C1;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
}
.wmaisucomponent_textwidget_error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
}
.wmaisucomponent_textwidget_sepide {
	
}
.wmaisucomponent_textwidget_sepide:focus {
	border: 1px solid #333;
}
.wmaisucomponent_textwidget_readonly {
	background-color: #E5E5E5;
	border: 1px solid #D4D2D2 !important;
	color: #888;
	cursor: default;
}
.wmaisucomponent_textwidget_required {
	background-color: #FFFFCC;
}
.wmaisucomponent_textwidget_uppercase {
	text-transform: uppercase;
}
.wmaisucomponent_textwidget_lowercase {
	text-transform: lowercase;
}
/*************************************************
 * Componente maisu de textarea
 *************************************************/
.wmaisucomponent_textareawidget {
	box-sizing: border-box;
	display: block;
	float: left;
}
.wmaisucomponent_textareawidget_text {
	box-sizing: border-box;
	width:100%;
	min-height:66px;	/* 4 lineas de 15px + border + padding*/
	border: 1px solid #C2C2C1;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    resize: vertical;
    padding: 2px;
}
.wmaisucomponent_textareawidget_error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}
.wmaisucomponent_textareawidget_sepide {
	
}
.wmaisucomponent_textareawidget_sepide:focus {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.9);
	border: 1px solid #333;
}
.wmaisucomponent_textareawidget_readonly {
	background-color: #E5E5E5;
	border: 1px solid #D4D2D2 !important;
	color: #888;
	cursor: default;
}
.wmaisucomponent_textareawidget_required {
	background-color: #fbfbdb;
}
/*************************************************
 * Componente maisu de combobox
 *************************************************/
.wmaisucomponent_comboboxwidget {
	box-sizing: border-box;
	display: block;
	float: left;
}
.wmaisucomponent_comboboxwidget_text {
	box-sizing: border-box;
	width:100%;
	height:24px;
	border: 1px solid #C2C2C1;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    padding: 2px;
}
.wmaisucomponent_comboboxwidget_error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}
.wmaisucomponent_comboboxwidget_sepide {
	
}
.wmaisucomponent_comboboxwidget_sepide:focus {
	border: 1px solid #333;
}
.wmaisucomponent_comboboxwidget_readonly {
	background-color: #E5E5E5;
	border: 1px solid #D4D2D2 !important;
	color: #888;
	cursor: default;
}
.wmaisucomponent_comboboxwidget_required {
	background-color: #FFFFCC;
}
/*************************************************
 * Componente maisu de edición con validación de objetos complejos.
 *************************************************/
.wmaisucomponent_objectwidget {
	box-sizing: border-box;
	display: block;
	float: left;
}
.wmaisucomponent_objectwidget_container {
	box-sizing: border-box;
	width:100%;
	border: 1px solid #C2C2C1;
    float: left;
    padding-right:16px;
    position:relative;
}
.wmaisucomponent_objectwidget.nosuggestions .wmaisucomponent_objectwidget_container,
.wmaisucomponent_objectwidget_readonly .wmaisucomponent_objectwidget_container {
    padding-right:0px;
}
.wmaisucomponent_objectwidget_input {
	box-sizing: border-box;
	width:100%;
	min-height:22px;
	padding:2px;
	margin:0px;
	border: 0px;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
}
.wmaisucomponent_objectwidget_expander {
	box-sizing: border-box;
	width:16px;
	height:22px;
	padding:2px 0px;
	margin:0px;
	position:absolute;
	right:0px;
	top:0px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: white;
    background-image: url(/portal/javax.faces.resource/objectwidget-expander.png.xhtml?ln=transkal/images&watermark=1746452462622); 
}
.wmaisucomponent_objectwidget_navigator {
	box-sizing: border-box;
	width:18px;
	height:22px;
	padding:2px 0px;
	margin:0px;
   	position:absolute;
	right:0px;
	top:0px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 2px center;
    background-color: transparent;
    background-image: url(/portal/javax.faces.resource/objectwidget-navigator.png.xhtml?ln=transkal/images&watermark=1746452462622); 
}
.wmaisucomponent_objectwidget_search {
	box-sizing: border-box;
	width:18px;
	height:22px;
	padding:2px 0px;
	margin:0px;
   	position:absolute;
	right:0px;
	top:0px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 2px center;
    background-color: transparent;
    background-image: url(/portal/javax.faces.resource/objectwidget_search.png.xhtml?ln=transkal/images&watermark=1746452462622)
}
/*
Layout disponibles:
	valueset
*/
.wmaisucomponent_objectwidget.valueset, .wmaisucomponent_objectwidget.search {
	padding-right: 18px;
	position:relative;
}

.wmaisucomponent_objectwidget_sepide.focus .wmaisucomponent_objectwidget_container {
	border: 1px solid #333;
}
.wmaisucomponent_objectwidget_readonly .wmaisucomponent_objectwidget_container {
	border: 1px solid #D4D2D2 !important;
	background-color: #e5e5e5;
}

.wmaisucomponent_objectwidget.showing_suggestions .wmaisucomponent_objectwidget_container {
	border-bottom:1px solid #F0F0F0 !important;
}

.wmaisucomponent_objectwidget_required.showing_suggestions .wmaisucomponent_objectwidget_container {
	border-bottom:1px solid #EDEDCE !important;
}
.wmaisucomponent_objectwidget_required .wmaisucomponent_objectwidget_input {
	background-color: #ffffcc;
}
.wmaisucomponent_objectwidget_readonly .wmaisucomponent_objectwidget_input {
	background-color: #E5E5E5;
	border: 0px;
	color: #888;
	cursor: default;
}
.wmaisucomponent_objectwidget_required .wmaisucomponent_objectwidget_expander {
	background-color: #ffffcc;
}
.wmaisucomponent_objectwidget_readonly .wmaisucomponent_objectwidget_expander {
	background-color: #E5E5E5;
}
.wmaisucomponent_objectwidget_list {
	display:none;
	background-color: #FFFFFF;
	position:absolute;
	width:100%;
	min-height:25px;
	padding:0px;
	margin:23px 0px 0px -1px;
	border-right: 1px solid #C2C2C1;
	border-bottom: 1px solid #C2C2C1;
	border-left: 1px solid #C2C2C1;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
	z-index: 50;
}
.wmaisucomponent_objectwidget_list.focus {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}
.wmaisucomponent_objectwidget_required .wmaisucomponent_objectwidget_list {
	background-color: #ffffcc;
}
.wmaisucomponent_objectwidget_list li {
	height: 18px;
	padding: 5px 5px 2px;
    text-decoration: none !important;
    cursor: pointer;
    color: #333;
    text-overflow:ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.wmaisucomponent_objectwidget_list .suggestion:last-child {
	border-bottom: 1px solid #E0E0E0;
}
.wmaisucomponent_objectwidget_list .suggestion:hover {
	background-color: #F0F0F0;
}
.wmaisucomponent_objectwidget_list .suggestion.selected {
	background-color: #E0E0E0 !important;
}
.wmaisucomponent_objectwidget_list .suggestion .separator {
	color: #999;
}
.wmaisucomponent_objectwidget_list .suggestion .highlight {
	font-weight: bold;
	color: #000;
}
.wmaisucomponent_objectwidget_required .wmaisucomponent_objectwidget_list .suggestion:last-child {
	border-bottom: 1px solid #E0E0C3;
	padding-bottom: 7px;
}
.wmaisucomponent_objectwidget_required .wmaisucomponent_objectwidget_list .suggestion:hover {
	background-color: #EDEDCE !important;	
}
.wmaisucomponent_objectwidget_required .wmaisucomponent_objectwidget_list .suggestion.selected {
	background-color: #E0E0C3 !important;	
}
.wmaisucomponent_objectwidget_list .action {
	background-position: 10px 6px;
    background-repeat: no-repeat;
    font-style: italic;
    font-weight: bold;
    height: auto;
    padding: 6px 2px 7px 35px;
}
.wmaisucomponent_objectwidget_list .action:first-child {

}
.wmaisucomponent_objectwidget_list .action:last-child {
}
.wmaisucomponent_objectwidget_list .action:hover {
	background-color: #F0F0F0;
}
.wmaisucomponent_objectwidget_required .wmaisucomponent_objectwidget_list .action:hover {
	background-color: #EDEDCE !important;	
}
.wmaisucomponent_objectwidget_list .action.search {
    background-image: url(/portal/javax.faces.resource/objectwidget_search.png.xhtml?ln=transkal/images&watermark=1746452462622)
}

.wmaisucomponent_objectwidget_list .panelentretiene {
	display:none;
}
.wmaisucomponent_objectwidget_list.entretiene .panelentretiene {
	box-sizing: border-box;
	display: inherit;
	height: 32px;
    cursor: default;
	padding-top: 14px;
}
/*************************************************
 * Componente maisu de carga de ficheros
 *************************************************/
.wmaisucomponent_fileuploadwidget {
	box-sizing: border-box;
	display: block;
	float: left;
	position: relative;
}
.wmaisucomponent_fileuploadwidget_upload {
	box-sizing: border-box;
	width:100%;
	opacity:0;
	z-index: 2;
	position: absolute;
	cursor:pointer;
}
.wmaisucomponent_fileuploadwidget_container {
	box-sizing: border-box;
	position: relative;
	padding-left:18px;
	width:100%;
	z-index: 1;
}
.wmaisucomponent_fileuploadwidget_icon {
	box-sizing: border-box;
	margin: 4px 2px 0px 0px;
	position:absolute;
	left: 0px;
}
.wmaisucomponent_fileuploadwidget_input {
	box-sizing: border-box;
	width:100%;
    float: left;
	min-height:24px;
	padding: 2px;
	border: 1px solid #C2C2C1;
    font-family: Arial,Helvetica,sans-serif;
    color: #000000;
    text-align: left;
}
.wmaisucomponent_fileuploadwidget_command {
	display:none;
}

.wmaisucomponent_fileuploadwidget_sepide .wmaisucomponent_fileuploadwidget_input.focus {
	border: 1px solid #333;
}

.wmaisucomponent_fileuploadwidget_readonly .wmaisucomponent_fileuploadwidget_input {
	background-color: #E5E5E5;
	border: 1px solid #D4D2D2 !important;
	color: #888;
	cursor: default;
}
.wmaisucomponent_fileuploadwidget_required .wmaisucomponent_fileuploadwidget_input {
	background-color: #FFFFCC;
}

.wmaisucomponent_fileuploadwidget_error {
	box-sizing: border-box;
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}
/*************************************************
 * Componente maisu de fecha
 *************************************************/
.wmaisucomponent_datewidget {
	box-sizing: border-box;
	display: block;
	float: left;
}
.wmaisucomponent_datewidget_date {
	box-sizing:border-box;
	width:100%;
	min-height:24px;
	border: 1px solid #C2C2C1;
	padding: 2px;
    color: #000000;
    text-align:left;
    font-family:Arial,Helvetica,sans-serif;
}
.wmaisucomponent_datewidget_image {
	box-sizing:border-box;
	width:20px;
	padding:4px 0px 1px 0px;
	position:absolute;
	right:0px;
	top:0px;
	display:block;
	text-align:center;
	cursor:pointer;
	
}
.wmaisucomponent_datewidget_container {
	box-sizing:border-box;
	padding:0px;
	margin:0px;
	border:0px;
	float:left;
	display:block;
	position:relative;
}
.wmaisucomponent_datewidget_hour {
	box-sizing: border-box;
	width:34%;
	min-height:24px;
	padding: 2px;
	border: 1px solid #C2C2C1;
    color: #000000;
    text-align: left;
    font-family: Arial,Helvetica,sans-serif;
}
.wmaisucomponent_datewidget_container.layout_date_icon_hour {
	width:66%;
	padding-right: 20px;
}
.wmaisucomponent_datewidget_container.layout_date {
	width:100%;
}
.wmaisucomponent_datewidget_container.layout_date_hour {
	width:66%;
	padding-right: 2px;
}
.wmaisucomponent_datewidget_container.layout_date_icon {
	width:100%;
	padding-right: 18px;
}
.wmaisucomponent_datewidget_image.layout_date_icon {
	width:18px;
	text-align:right;
}
.wmaisucomponent_datewidget_sepide {
	
}
.maisucomponent_datewidget_sepide:focus {
	box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.9);
	border: 1px solid #333;
}
.wmaisucomponent_datewidget_readonly {
	background-color: #E5E5E5;
	border: 1px solid #D4D2D2 !important;
	color: #888;
	cursor: default;
}
.wmaisucomponent_datewidget_required {
	background-color: #fbfbdb;
}
.wmaisucomponent_datewidget_error {
	color:#FFF;
	float: left;
	display: block;
	margin-top: 5px;
	margin-left: 12px;
	background-color: #900;
}
/*************************************************
 * Componente maisu de hora
 *************************************************/
.wmaisucomponent_timewidget {
	box-sizing: border-box;
	display: block;
	float: left;
}
.wmaisucomponent_timewidget_text {
	box-sizing: border-box;
	width:100%;
	min-height:24px;
	border: 1px solid #C2C2C1;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
}
.wmaisucomponent_timewidget_error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}
.wmaisucomponent_timewidget_sepide {
	
}
.wmaisucomponent_timewidget_sepide:focus {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.9);
	border: 1px solid #333;
}
.wmaisucomponent_timewidget_readonly {
	background-color: #E5E5E5;
	border: 1px solid #D4D2D2 !important;
	color: #888;
	cursor: default;
}
.wmaisucomponent_timewidget_required {
	background-color: #fbfbdb;
}
/*************************************************
 * Componente maisu de numero
 *************************************************/
.wmaisucomponent_numberwidget {
	box-sizing: border-box;
	display: block;
	float: left;
}
.wmaisucomponent_numberwidget_text {
	box-sizing: border-box;
	width:100%;
	min-height:24px;
	border: 1px solid #C2C2C1;
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    text-align: right;
    padding: 2px;
}
.wmaisucomponent_numberwidget_error {
	color:#FFF;
	float: left;
	display: block;
	background-color: #900;
	margin-top: 5px;
	margin-left: 12px;
}
.wmaisucomponent_numberwidget_sepide {
	
}
.wmaisucomponent_numberwidget_sepide:focus {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.9);
	border: 1px solid #333;
}
.wmaisucomponent_numberwidget_readonly {
	background-color: #E5E5E5;
	border: 1px solid #D4D2D2 !important;
	color: #888;
	cursor: default;
}
.wmaisucomponent_numberwidget_required {
	background-color: #fbfbdb;
}