@CHARSET "ISO-8859-1";

	@font-face {
	    font-family: 'eurofurence_lightregular';
		src: url("");
	    src: url("") format('embedded-opentype'),
	         url("") format('woff'),
	         url("") format('truetype'),
	         url("") format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	@font-face {
	    font-family: 'eurofurence_light_italic';
	    src: url("");
	    src: url("") format('embedded-opentype'),
	         url("") format('woff'),
	         url("") format('truetype'),
	         url("") format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'eurofurence_regular';
	    src: url("");
	    src: url("") format('embedded-opentype'),
	         url("") format('woff'),
	         url("") format('truetype'),
	         url("") format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'eurofurence_italic';
	    src: url("");
	    src: url("") format('embedded-opentype'),
	         url("") format('woff'),
	         url("") format('truetype'),
	         url("") format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'eurofurence_bold';
	    src: url("");
	    src: url("") format('embedded-opentype'),
	         url("") format('woff'),
	         url("") format('truetype'),
	         url("") format('svg');
	    font-weight: normal;
	    font-style: normal;
	}
	
	@font-face {
	    font-family: 'eurofurence_bolditalic';
	    src: url("");
	    src: url("") format('embedded-opentype'),
	         url("") format('woff'),
	         url("") format('truetype'),
	         url("") format('svg');
	    font-weight: normal;
	    font-style: normal;
	}

	html{
		font-size:100%;
	}

	a img{border:0; color: #4f4f4f;}
    a:link {text-decoration:none; color: #4f4f4f;}
    a:visited {text-decoration:none; color: #4f4f4f;}
    a:active {text-decoration:none; color: #4f4f4f;}
    a:hover {text-decoration:none; background: none; color: #4f4f4f;}
    	
	body {
		margin:0em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		background-color:#FFFFFF;
		
		}
	
	header{
	    top: 0;
	    right: 0;
	    left: 0;	
		background-color:#00539B;	
		padding-top: 1em;
		/*padding-bottom: 1em;*/
	}
	.header{
	    top: 0;
	    right: 0;
	    left: 0;	
		background-color:#00539B;	
		padding-top: 1em;
		/*padding-bottom: 1em;*/
	}

	h1{
		font-family: 'eurofurence_regular';
		font-weight:bold;
	}
	
	h2, h3, h4{
		font-family: 'eurofurence_regular';
	}
	
	hr {
	  border-top: 1px solid #a8a8a8;	  
	  margin: 0px !important;
	}

	legend {
		/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
		font-size: 1em;
		border: hidden !important;
		width: auto;
		/*-webkit-padding-start: 10px;
    	-webkit-padding-end: 10px;*/
    	background: #ffffff!important;
		margin-top: 0.3rem!important;
		margin-bottom: 0.3rem!important;
    	padding: 0.3rem!important;
	}

    
    fieldset{
		margin: 0.5em;
	}
	
	label {
		font-weight: normal !important;
		padding: 0.2em 0.5em;

	}
	
	footer{
	    left: 0;
	    bottom: 0;	
    	width: 100%;	    
		background-color:#00539B;	
		padding-top: 1em;
		padding-bottom: 1em;
		position: fixed; 
		margin-top: 1rem;
		color: #FFF;
		text-align: center;		
	}
	
	.footer {
	  position: fixed;
	  left: 0;
	  bottom: 0;
	  width: 100%;
	 background-color: #00539B;
	  color: white;
	  text-align: center;
	}

	#contenidoFormulario{      
		margin:0.5rem;
		padding:0.1em;
	}
	
	#tituloFormulario{
	    text-shadow: 0rem 0.1rem 0rem rgba(255, 255, 255, 0.7);
		text-align:left;
		padding: 0.5rem;
		margin-bottom:0.1rem;
		height: 40px;
	}		

	
	.ui-button{
		padding: 6px 12px !important;
	}
	
	.ui-widget-header{
	    font-weight: normal !important;
	    text-shadow: none !important;
    }
	
	.ui-dialog .ui-dialog-content {
	    padding: 0em !important;;
	}
	
	.btn-primary {
		background: #337ab7 !important;
	    font-weight: normal !important;
	    text-shadow: none !important;
	    color: #fff !important;
	    border-color: #2e6da4 !important;
	}	    

	.btn-danger {
	    color: #fff !important;
   	    font-weight: normal !important;
	    text-shadow: none !important;
	    background: #d9534f !important;
	    border-color: #d43f3a !important;
	}
	
	.btn-success{
		color:#fff !important;
		font-weight: normal !important;
		text-shadow: none !important;
		background-color:yellow;
		background: green !important;
		border-color:#2e6da4 !important
	}
	
	.ui-fileupload .fileinput-button {
    	background: #337ab7 !important;
	    font-weight: normal !important;
	    text-shadow: none !important;
	    color: #fff !important;
	    border-color: #2e6da4 !important;
	}
	.ui-dialog-footer{
		background: #c4c4c4 -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0));
		border: none !important;
	}    
    
	.tituloApp, 
	.ace{
		color: #FFFFFF;
		text-align: right;
	}    
	
	.tituloApp{
		font-family: 'eurofurence_regular';
		font-size: 1.8rem;
	}
	
	.ace{
		font-family: eurofurence_bold; 
		font-size: 2.3rem;
	}
	
	.aceS{
		color: #FFFFFF;
		font-family: eurofurence_bold; 
		font-size: 2.3rem;
	}
	
	.usrInfo{
		font-family: 'eurofurence_regular';
		font-size: 1.4rem;
	}
	
	.fechaVersion{
		color: #FFFFFF;
		font-family: 'eurofurence_regular';
		font-size: 1.4rem;
		padding-top: 0.4rem;
		text-align: left;
	}   	
	
	.usrInfo .nav > li > a {
    	padding: 0px !important;
	}
	
	@media(min-width:1200px) {
		.ola{
			background:#00539B url( "") bottom right no-repeat;
		}
	}
	
	
	.visible, 
	.oculto{
		font-size: 1.5rem  !important;
		padding: 0px 12px  !important;	
	}
	
	.oculto, .filterInvisible { display: none !important; }
	.visible, .filterVisible { display: block !important; }
	.visibleTHead { display: table-header-group; }	
	.visibleLink { display: inline; }	

    .visibleLink{
		font-size: 1.5rem  !important;
		padding: 0px 4px  !important;	   
    }

    .visibleLink > span{
		/*border: 2px solid black;*/
		padding: 2px 3px;    
    }	
    
	.ui-radiobutton-icon .ui-icon .ui-icon-bullet .ui-c {
		content: "\f046";   
		color:red !important";     
	}
	
	.ui-radiobutton-box .ui-widget .ui-corner-all .ui-state-default {
		content: "\f096";
		color:blue !important;
		
	}
		.ui-selectmanymenu{
		width: 90% !important;

	}
	.ui-picklist .ui-picklist-list{
		width: 350px !important;
		
	}
	
	.ui-selectlistbox-filter.ui-inputfield{
		width: 90% !important;
	}
	
	.ui-outputlabel-rfi{
		color: red !important;
	}

    .nav > li > a:focus,
	.nav > li > a:hover {
	    background-color: rgba(255,255,255,0.01);
	}
    
	.huge {
	    font-size: 2em;
	}
	
	.panel-green {
    	border-color: #5cb85c;
	}

	.panel-green > .panel-heading {
	    border-color: #5cb85c;
	    color: white;
	    background-color: #5cb85c;
	}
	
	.panel-green > a {
	    color: #5cb85c;
	}		
		
	.panel-yellow {
	    border-color: #f0ad4e;
	}

	.panel-yellow > .panel-heading {
	    border-color: #f0ad4e;
	    color: white;
	    background-color: #f0ad4e;
	}
	
	.panel-yellow > a {
	    color: #f0ad4e;
	}		
	
	.panel-red {
	    border-color: #d9534f;
	}
	
	.panel-red > .panel-heading {
	    border-color: #d9534f;
	    color: white;
	    background-color: #d9534f;
	}
	
	.panel-red > a {
	    color: #d9534f;
	}
		
	.ui-datatable .ui-column-filter {
	    width: 100% !important;
	}
	.ui-outputlabel{
		text-align: left !important;
	}

	.ui-datatable-footer {
	    text-align: left !important;
    }
    
	.ui-radiobutton-icon {
	    margin-left: -1px !important;
	    margin-top: -1px !important;
	}
	
	.ui-selectonemenu {
	    display: block !important;
	    width: 100% !important;
	    padding-right: 1em !important;
	}
	
	.ui-selectonemenu-trigger{
		width: 1em !important;
		padding: 0.2em !important;	
	}
	
	@media screen and (min-width : 1000px) {
	    .verticalmenu {
	        display: none !important;
	    }
	}
	@media screen and (max-width : 1000px) {
	    .horizontalmenu {
	        display: none !important;
	    }
	}
	
	.decorado{
		color: #337ab7 !important;
	}	
	
	.ui-selectonemenu .ui-selectonemenu-trigger {
	    width: 24px !important;
	}	    
	
	.secuencia {
	    font-weight: bold !important;
	    margin: 0 !important;
	    padding: 0 !important;
	}	
	
	.error {
		background-color:#fff3cd;
		border: 1px solid #fff3cd;
		border-radius: .25rem;
	    color: #856404;
	    display: block;
		font-size: 85%;
	    margin-top: .15rem;
		padding: .45rem .25rem;
	}
    
    .lblDecorado{
		background: #337ab7;
		color: #FFF;
		width: 11.25rem;
		margin-bottom: 0px !important;
		margin-right: 0.3125rem;    
    }
    
    .tdDecorado{
		background: #337ab7;
		color: #ffffff;    
    }
    
    .link{
		color: #337ab7 !important;    	
		text-decoration: underline !important;
    }
    
    .ui-state-highlight td a{
		color: #fff !important;    	
		text-decoration: underline !important;    	
    }
    
 	.pdf {
	    color: red;
	    font-size: 1.8rem;
		/*position: absolute;
		top: 5px;
		right: 5px;*/	    
	}
	
	.xls {
	    color: green;
	    font-size: 1.8rem;
	    /*position: absolute;
		top: 5px;
		right: 35px;*/
	}
	
	.doc {
	    color: blue;
	    font-size: 1.8rem;
	    /*position: absolute;
		top: 5px;
		right: 35px;*/
	}
	 
	.otros {
	    font-size: 1.8rem;
	    margin: 0 .25rem;
	} 	 
	 
	.buscardorG{
		margin-right: 5px !important;
	    /*position: absolute;
	    right: 65px;
	    top: 3px;*/
		width: 200px;
	}	  

	.requerido{
		color: #cd0a0a;
	}
	
	.chkLabel{
		width: 10.25rem !important;
	}
	
	.detalleTabla{
		font-size: 0.8rem !important;
	}	  

	.detalleTabla > div{
		text-align: left;
	}
	
	.detalleTabla > div label{	
		color: #337ab7;
		font-weight: bold !important;
		font-size: 0.9rem !important;
	}	
	
/*****************************************************************************/
/************************** BOOTSTRAP ****************************************/	
/*****************************************************************************/		
	.form-row {

	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    margin-right: 0.2rem;
	    margin-left: 0.2rem;
	}
	
	.form-control {
	    display: block;
	    /*width: 100%;*/
	    padding: .375rem .75rem;
	    font-size: 1rem;
	    line-height: 1.5em;
	    color: #495057;
	    background-color: #fff;
	    background-clip: padding-box;
	    border: 1px solid #ced4da;
	    border-radius: .25rem;
	    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	}
	
	.form-controlLabel {
	    display: block;
	    padding: .375rem .75rem;
	    font-size: 1rem;
	    line-height: 1.5em;
	    color: #495057;
	    background-color: #fff;
	}	
	
	.form-control-date{
		display: block;
		padding: .375rem .75rem;
	}

	.form-control-number input{
		width: 100%;
	}
	
	@media(min-width:280px) {
		.form-control-date input{
			width: 78%;
		}
	}
	
	@media(min-width:375px) {
		.form-control-date input{
			width: 86%;
		}
	}		
	
	@media(min-width:485px) {
		.form-control-date input{
			width: 86%;
		}
	}	
		
	@media(min-width:768px) {
		.form-control-date input{
			width: 86%;
		}
	}
	
	@media(min-width:1200px) {
		.from-control-date input{
			width: 82%;
		}
	}	
	
	@media(min-width:1797px) {
		.form-control-date input{
			width: 94%;
		}
	}	

	.form-control-number input{
		width: 100%;
	}
	
	.ui-datepicker-trigger{
		width: 2rem !important;
		height: 2rem !important;
		top: 4px !important;
	}
			
			
/****************************************************************************/
/****************************** TABLE **************************************/
/**************************************************************************/
	.ui-datatable .ui-datatable-header{
	    padding: 4px 0px !important;
	}
	
/****************************************************************************/
/******************************* TABS **************************************/
/**************************************************************************/
	.ui-state-default.ui-corner-top >a {
	font-weight: normal !important;

	}
	.ui-tabs-nav.ui-helper-reset.ui-widget-header.ui-corner-all{
		background: #c4c4c4 -moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(255,255,255,0))!important;
	}					
	
/****************************************************************************/    
/****************************** WIZZARD ************************************/
/**************************************************************************/      
	.ui-wizard-step-titles{
		margin: 10px 5px 0px 5px !important;
	}

	.ui-state-default {
	    -moz-box-shadow:  none !important;
	    -webkit-box-shadow:  none !important;
	    box-shadow: none !important;
	}

	.ui-state-highlight{
		border: 1px solid #337ab7 !important;
		color: #fff !important;
		background-color: #337ab7 !important;
		border-color: #337ab7 !important;
		border-bottom: none !important;	
		text-shadow: none !important;
		font-weight: normal !important;
	}
	
		
	@media(max-width: 799px) {
	
		.ui-wizard-step-titles{
			margin: 10px !important;
		}
		
		.ui-wizard-step-titles > li{
			border-radius: 10px !important;
			padding-top: 15px !important;
			padding-bottom: 15px !important;
			width: 100% !important;
		}
	}
	
		
	@media(min-width:800px) {
		.ui-wizard-step-titles > li{
			border-top-left-radius: 10px !important;
			border-bottom-left-radius: 10px !important;
			padding-top: 25px !important;
			padding-bottom: 25px !important
		}
		
		.firstTab{    
		    text-align:center;  
		    width:250px;
		    -webkit-clip-path: polygon(0% 0%, 75% 0%, 95% 50%, 75% 100%, 0% 100%);
		    clip-path: polygon(0% 0%, 75% 0%, 95% 50%, 75% 100%, 0% 100%);
		    padding-right: 65px !important
		}
		
		.middleTab{    
			text-align: center;
			margin-left: -55px !important;
			width: 300px;
			-webkit-clip-path: polygon(75% 0%, 91% 50%, 75% 100%, 0% 100%, 18% 50%, 0% 0%);
			clip-path: polygon(75% 0%, 91% 50%, 75% 100%, 0% 100%, 18% 50%, 0% 0%);
			padding-right: 30px !important
		}
		
		.lastTab{
		    text-align: center;
		    margin-left: -142px !important;
		    width: 300px;
		    -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 41% 50%);
		    clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 41% 50%);
		    padding-left: 110px !important;
		}
	}
	
	.ui-wizard-content {
	    margin: 5px !important;
	}
	.btnSiguiente{
		background: #337ab7 !important;
		color: #FFF !important;
		text-shadow: none !important;
		width: 130px !important;	
	}
	
	.btnAnterior{
		background: #d9534f !important;
		color: #FFF !important;
		text-shadow: none !important;
		width: 130px !important;	
	}

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

@media(max-width:767px) {
	.col-xs-12 {
	    position: relative !important;
	    min-height: 1px !important;
	    padding-right: 0px !important;
	    padding-left: 0px !important;
	
	}
}	
@media(max-width:767px) {
	.ui-panel .ui-panel-content {
		padding: .5em 0em !important;
	}
}

@media(min-width:768px) {
	.ui-panel .ui-panel-content {
		padding: .5em 1em !important;
	}
}	

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

/****************************************************************************/    
/****************************** DIALOG ************************************/
/**************************************************************************/

.ui-dialog-content{
	margin: 8px !important;	
}

.ui-confirm-dialog-severity{
	color: #F8D500 !important;	
	font-size: 2rem !important;	
	height: 35px !important;	
}

.ui-confirm-dialog .ui-dialog-footer{
	background: #FFF !important;
	text-align: center !important;
}

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

/****************************************************************************/    
/****************************** SPINNER ************************************/
/**************************************************************************/
.ui-spinner-input {
    padding-right: 30px !important;
    width: 100% !important;
}

.ui-spinner .ui-icon{
    left: 4px !important;
}
 
/**************************************************************************/   

.counter {
    font-size: 10px;
    color: gray;
} 

.ui-menu .ui-menuitem-text {
	float: left;
	color: black;
}

.btn-orange {
    background-color: #FFA500 !important; 
    color: white !important;
    border-color: #FFA500 !important;
}