@import url('https://fonts.googleapis.com/css?family=Work+Sans');

body {
	margin: 0 auto;
	padding: 0;
	color: #000000;
	background-color: transparent;
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;
}


.pic{
	border: none;
	vertical-align: middle;
	height: 25px;
}

table.tabla {
	font-family: 'Work Sans', sans-serif;
	font-size: 11px;
}

.picInCom {
	 background-image: url("/Abaconet/javax.faces.resource/images/guardar.png.xhtml") !important;
}

.tituloPagina {
	margin: 0.2em 0;
	padding: 0;
	font-family: 'Work Sans', sans-serif;
	font-size: 20px;
	color: #8b8e8e;
	
}

.tituloSubPagina {
	margin: 0.2em 0;
	padding: 0;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	color: #42c4dd;
}

.tituloSeccion {
	margin: 0.2em 0;
	padding: 0;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	color: #8b8e8e;
}

.tituloAtencion {
	margin: 0.2em 0;
	padding: 0;
	font-family: 'Work Sans', sans-serif;
	
	font-size: 14px;
	color: #FC4137;
}

.tituloOperacionOk {
	margin: 0.2em 0;
	padding: 0;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	color: #00703c;
}

.tituloPagina2 {
	margin: 0.2em 0;
	padding: 0;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	color: #000000;
}

.cabeceraDataTable {
	background-color: #42c4dd;
	background-image: none;
	color: #ffffff;
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;
	
}

.rich-toolbar, .rich-toolbar-item {
	background-image: none;
	background-color: #CCD325;
	height: 30px;
}

.rich-toolbar2, .rich-toolbar-item {
	background-image: none;
	background-color: transparent;
	height: 30px;
	border: 0px;
	border-color: transparent;
}

.rich-panel {
	background-image: none;
	background-color: transparent;
	border: 0cm;
}

.rich-panel-header {
	display: none;
}

.rich-data-scroller {
	background-image: none;
	background-color: #CCD325;
	text-align: center;
	width: 300px;
}

.legenda {
	color: #42c4dd;
	background-color: transparent;
	background-image: none;
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	
}

.clsLabelLarge{
	width: 150px;
	float:right;
	text-align: right;
	
}
.rich-message-label {
	color:red;
}
            
.cabecerapanel {
	background-color: #42c4dd;
}

.labelCabecera {
	COLOR: #ffffff;
}

.chico {
	FONT-FAMILY: 'Work Sans', sans-serif; COLOR: #a4a4a4; FONT-SIZE: 14px
}
.chico2 {
	FONT-FAMILY: Geneva, 'Work Sans', sans-serif, Helvetica, sans-serif; COLOR: #003159; FONT-SIZE: 10px; FONT-WEIGHT: bold
}

.backgroundfooter
{
	background-color: transparent;
}

.rich-calendar-days {
	background-image: none;
	background-color: #DCF0C6;
}

.rich-calendar-toolfooter {
	background-color: #DCF0C6;
}

.rich-calendar-holly {
	background-image: none;
	background-color: #DCF0C6;
	color: #000000;
}

.rich-calendar-today {
	background-color: #CCD325;
	color: #000000;
}

.rich-calendar-footer {
	background-image: none;
	background-color: #DCF0C6;
}

.tabText {
}

.rich-tab-active {
	background-color:#42c4dd;
	color: #ffffff; 
	border-color: #42c4dd;
	
}

.rich-tab-inactive {
	color: #000000; 
}

.rich-tab-header {
        height:15px;
        line-height:15px;
        font-family: 'Work Sans', sans-serif;
        font-size:11px;
        text-align:center;
}
    
.inputText {
	font-family: 'Work Sans', sans-serif;
	font-size: 11px;
	text-transform: uppercase;	
}

.inputText2 {
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
	
}

.inputText3 {
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	background-color: #EFEBDE;
}

.inputText4 {
	font-family: 'Work Sans', sans-serif;
	font-size: 14px;
}
.comboBox {
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;
	width: 100%;
}

.selectOneMenu {
	font-family: 'Work Sans', sans-serif;
	font-size: 12px;	
	text-transform: uppercase;	
	width: 150px;
}

.outOfOne {
	font-family: 'Work Sans', sans-serif;
	font-size: 18px;
}

.outputTextDevuelveID {
	margin: 0.2em 0;
	padding: 0;
	font-family: 'Work Sans', sans-serif;
	font-style:italic;
	font-size: 11px;
	color: #2A380F;
}

.popupSuperiorDerecha {
	position: absolute;
	border: 1px solid #666666;
	background-color: transparent;
	width: 25%;
	height: auto;
	margin-left: 70%;
	font-family: 'Work Sans', sans-serif;
	font-size: 10px;
	color: #42c4dd;
}
.imgHand {
	cursor: pointer;
}

#divHeader {			 			  
			    padding:5px;
			}
			#divMenu {			  			  
			    height:auto;
			    width:auto;
			    float:left;
			    padding:5px;	      
			}
			#divContenido {
			    float:left;
			    padding:10px;	 	 
			}
			#divFooter {
			    clear:both;
			    text-align:center;
			   padding:5px;	 	 
			}
			
			#header_metadata1 {
				background: #42c4dd;
				background-position: top left;
				width: 20%;				
				height: 20px;
			}
			
			#header_metadata2 {
				
				background-position: top left;
				width: 100%;				
				background: #42c4dd; /* Old browsers */

			}
			
		
		.boton{
		    background-color: #42c4dd !important;
		    background-image: none !important;
		    border: none !important;
		    border-color: none !important;
		    color: #ffffff !important;
		    padding: 10px 15px;
		    text-align: center;
		    text-decoration: none;
		    display: inline-block;
		    font-size: 14px !important;
		    font-family:'Work Sans', sans-serif;
		    margin: 4px 2px;
		    cursor: pointer;
		}		
		
		
		
		.rich-pmenu-top-group {
		    /*font-weight: bold;*/ 
		    font-family: 'Work Sans', sans-serif;
		    font-size: 12px !important;
		    color: #FFF;
		    background-color: #42c4dd;
		     background-image: none !important;
		}
		
		.rich-pmenu-top-group-div {
		    border: 0px solid !important;
		    margin-bottom: 3px;
		    padding: 1px;
		    overflow: hidden;
		    width: 100%;
		}
		.rich-table-cell {
		   /* border-right: solid 1px #C0C0C0;
		    border-bottom: solid 1px #C0C0C0;
		    padding: 4px 4px 4px 4px;
		    font-size: 12px!important;
		    color: #000;
		    font-family: 'Work Sans', sans-serif;*/
		}
		.rich-table-footercell {
		    border-right: solid 1px #C0C0C0;
		    border-bottom: solid 1px #C0C0C0;
		    padding: 4px 4px 4px 4px;
		    color: #000;
		    text-align: left;
		    font-size: 12px!important;
		    color: #000;
		    font-family: 'Work Sans', sans-serif;
		}
		.rich-panel-body {
		    font-size: 14px !important;
		    color: #000;
		    font-family: 'Work Sans', sans-serif;
		}
		
		
		.rich-pmenu-item {
		    font-family: 'Work Sans', sans-serif;
		    font-size: 14px !important;
		    color: #42c4dd !important;
		    border-top-color: #C0C0C0;
		}
		
		.rich-pmenu-item {
		    border-top: 0px solid!important;
		    cursor: pointer;
		    padding: 2px 1px 1px;
		    margin-top: 1px;
		}

		.rich-tabpanel-content{
			background-color:none !important;
		}
		input, select, textarea, button, keygen, isindex, legend, a{
		    font-size: 12px !important;
		    font-family: 'Work Sans', sans-serif;
		   
		}
		
		.rich-tab-inactive {
		    background-color: transparent !important;
		    border-color: #fff;
		    background-image: none !important;
		    border-width: 1px;
		    border-style: solid;
		    background-repeat: repeat-x;
		    background-position: top;
		    border-bottom-width: 0;
		    cursor: default;
		}
		.rich-tab-header {
		    height: 20px !important;
		    line-height: 15px;
		    font-family: 'Work Sans', sans-serif;
		    font-size: 14px !important;
		    text-align: center;
		}

		.rich-tab-active {
		    background-color: #42c4dd;
		    background-repeat: repeat-x;
		    color: #ffffff !important;
		    border-color: #42c4dd;
		    
		}
		.rich-tab-active {
		    background-image:none !important;   
		}
		
		.rich-tabpanel-content {
    		background-color: transparent !important; 
    	}
    	
    	.rich-mpnl-text {
		    font-size: 12px !important;
		    color: #FFF !important;   
		    font-family: 'Work Sans', sans-serif;
		}
		
		.rich-mpnl-header {
		    background-color: #42c4dd !important;
		    border-color: #42c4dd !important;
		    background-image: none !important; 
		}
		
		.rich-mpnl-content {
		    background-color: #FFF;
		    border-color: #C0C0C0;
		}
		
		.rich-mpnl-header {
		    padding: 5px !important;  
		}
		
		.rich-mpnl-body {
		    font-size: 12px !important;
		    color: #42c4dd !important;
		    font-family: 'Work Sans', sans-serif;
		}

		.acceso{
			font-size: 18px;
			font-family: 'Work Sans', sans-serif;
			color: #42c4dd;
			
		}
		
		.etiqueta{
			font-size: 15px;
			font-family: 'Work Sans', sans-serif;
			color: #A4A4A4;
			
		}
		
		
		
		
		/*ESTILOS RF4*/
		
		a {		 
		  color: #0078D0 !important;
		}
		
		a:visited {
		    color: #0090FF !important;
		}

		/*MENU*/
		
		
		.rf-pm-top-gr {
		    border-width: 0px !important;
		    border-style: none  !important; 
		    border-color: #fff; 
		    border-radius: 0px;
		    margin-bottom: 3px;
		   
		    border-top: none;
		    margin-top: 0;
		    background-repeat: repeat-x;
		    background-position: left top;
		    padding: 2px 1px 2px 2px;
		    cursor: pointer;   
		}
		
		.rf-pm-top-gr-hdr {		  
		    background-color: #42c4dd !important;
		    border-color: #42c4dd !important;
		    background-image: none !important; 
		    font-weight: normal !important;
		    height: 18px !important; /*er: 12082019 height:22px*/
		}
		
		.rf-ico-disc {
			background-image: none !important;
		}
		
		
		.rf-pm-top-gr-lbl {
		   
		    font-size: 12px !important; /*er:12082019*/
		    color: #FFF !important;   
		    font-family: 'Work Sans', sans-serif !important;
		    font-weight: bold;
		    
		}
		
		.rf-pm-itm {

		    border-top-color: #C0C0C0 !important;
		    border-top: 0px solid !important;
		    cursor: pointer;
		    /*padding: 2px 1px 1px;  er:12082019*/ 
		    padding: 0px 1px 0px 2px !important;
		    /*margin-top: 1px; er:12082019*/
		    margin-top: 0px;
		    /*height:20px*/		     
		}
		
		.rf-pm-itm-lbl {
		    font-family: 'Work Sans', sans-serif !important;
		    font-size: 13px !important;
		    color: #42c4dd !important;
		    text-align:left;
		}
		
		/*eramos 27082019*/
		.rf-pm-gr-gr{
			font-family: 'Work Sans', sans-serif !important;
		    font-size: 13px !important;
		    color: #42c4dd !important;
		}
		/*eramos 27082019*/
		.rf-pm-gr-ico{
			padding-left: 10px !important;
			padding-right: 10px !important;
		}
		
		/*Tabla*/
		.rf-dt{
			border-top: solid 1px #C0C0C0 !important;
		    border-left: solid 1px #C0C0C0 !important;
		    background-color: #FFF !important;
		    empty-cells: show !important; 
		    border-collapse: collapse !important;
		}
		
		.rf-dt-c{			
			border-right: solid 1px #C0C0C0 !important;
		    border-bottom: solid 1px #C0C0C0 !important;
		    padding: 10px 4px 5px 10px !important;
		    color: #000 !important;
		    /*text-align: left !important;*/
		    font-size: 12px !important;		    
		    font-family: 'Work Sans', sans-serif !important;
		}
		
		.rf-dt-shdr-c{			
		    border-right: solid 1px #C0C0C0 !important;
		    padding: 4px 4px 4px 4px !important;
		    text-align: center !important;
		    font-size: 12px !important;
		    color: #FFF !important;
		    font-family: 'Work Sans', sans-serif !important;
		    white-space: nowrap !important;		
		    background-color: #42c4dd !important;	
    		 background-image: none !important;	
		}
		
		.rf-dt-ftr-c{
			border-right: solid 1px #C0C0C0 !important;
		    border-bottom: solid 1px #C0C0C0 !important;
		    padding: 4px 4px 4px 4px !important;
		    color: #000 !important;
		    text-align: center !important;
		    font-size: 12px !important;
		    font-weight:bold !important;		
		    font-family: 'Work Sans', sans-serif !important;
		    background-color: #FFF !important; 
		    
		}
				
		
		.rf-ds{
			background-image: none !important;
			background-color: #CCD325 !important;
			text-align: center !important;
			width: 300px !important;			
			white-space: nowrap !important;
		    display: inline-block !important; 
		    font-size: 11px !important;
		    padding: 1px !important;
		    font-family: Arial,Verdana,sans-serif !important;
		    background: #FFF !important;
		}
		
		.rf-ds-dis {
		    color: #C0C0C0;
		    cursor: default;
		}
		
		.rf-ds-btn-first, .rf-ds-btn-fastrwd, .rf-ds-btn-prev {
		    margin-right: 1px !important;
		}
		
		.rf-ds-btn-first, .rf-ds-btn-fastrwd, .rf-ds-btn-prev {
		    margin-right: 1px !important;
		}
		
		.rf-ds-btn {
		    cursor: pointer !important;
		    padding: 2px 10px 3px 10px !important;
		    border-width: 1px !important;
		    border-style: solid !important;
		    border-color: #C0C0C0 !important;
		    display: inline-block !important;
		    background-position: top left;
		    background-repeat: repeat-x !important;
		    background-color: #EAF0F8 !important;
		    background-image: none !important;
		    font-size: 11px !important;
		    font-family: Arial,Verdana,sans-serif !important;
		    /*color: #000 !important;
		    text-decoration: none !important;
		    font-weight: normal !important;*/
		}
		
		.rf-ds-act, .rf-ds-act:hover {
		    cursor: default !important;
		    font-weight: bold !important;
		    border-width: 1px !important;
		    border-style: solid !important;
		    border-color: transparent !important;
		    border-bottom-width: 1px !important;
		    border-bottom-style: solid !important;
		    border-bottom-color: #C0C0C0 !important;
		    background: none !important;
		}
		
		.rf-ds-nmb-btn {
		    cursor: pointer !important;
		    width: 2em !important;
		    text-align: center !important;
		    margin-left: 1px !important;
		    margin-right: 1px !important;
		    padding: 2px 2px 3px 2px !important;
		    border-width: 1px !important;
		    border-style: solid !important;
		    border-color: transparent !important;
		    border-top-width: 1px !important;
		    border-top-style: solid !important;
		    border-top-color: #C0C0C0 !important;
		    background-color: #FFF !important;
		    background-image: none !important;
		    background-position: top left !important;
		    background-repeat: repeat-x !important;
		    display: inline-block !important;
		    font-size: 11px !important;
		    font-family: Arial,Verdana,sans-serif !important;
		   /* text-decoration: none !important;
		    color: #000 !important;
		    font-weight: normal !important;*/
		}
		
		
		.rf-p-b{
			font-size: 14px !important;
		    color: #000 !important;
		    font-family: 'Work Sans', sans-serif !important;
		} 
		
		/* Popup Panel */
		.rf-pp-cnt {
			padding: 10px !important;
			 font-family: 'Work Sans', sans-serif !important !important;
			font-size: 11px !important;
			border-bottom-left-radius: 0px !important;
			border-bottom-right-radius: 0px !important;
		}
		
		
		.rf-pp-hdr-cnt {
		    overflow: hidden !important;
		    white-space: nowrap !important;
		    text-overflow: ellipsis !important;
		    background-color: #42c4dd !important;
		    font-weight: bold !important;
		    color: #fff !important;
		    font-family: 'Work Sans', sans-serif !important;
		    font-size: 11px !important;
		    padding: 2px !important;
		    padding-left: 10px !important;
		}
		
		/*Tab*/
		
		/*.rich-tabhdr-side-cell {
		    border-top-color: #C0C0C0;
		}*/
		
		.rf-tab-hdr-brd {
		    border: 1px solid #42c4dd !important;
		    border-top: 0 !important;
		    height: 2px !important;
		    background: #42c4dd !important;
		}
		
		.rf-tab-lbl{
			font-size: 14px !important;
  		    text-align: center !important;
			font-family: 'Work Sans', sans-serif !important;
		}

		.rf-tab-hdr {
			height: 20px !important;
		    white-space: nowrap !important;
		    border: 1px solid #C0C0C0 !important;
		    cursor: pointer !important;
		    background-position: top !important;
		    background-repeat: repeat-x !important;
		    background-color: #529CA3 !important;
		    color: #000 !important;
		}
		
		.rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top {
		    background: none !important;
		    background-color: #FFF !important;
		    border-color:#C0C0C0;
		    border-style: none !important;
		    border-width: 1px;
		    border-bottom-width: 0 !important;
		    padding-top: 2px !important;
		    overflow: hidden !important;
		    height: 25px !important;
		    white-space: nowrap !important;
		    position: relative !important;
		}
		
		.rf-tab-hdr-inact.rf-tab-hdr-top {
		    vertical-align: top !important;
		    padding: 2px 10px 2px 10px !important;
		   background-image: none !important;
		    background-color: #FFF !important;
		    
		}
		
		.rf-tab-cnt {
		    border: 1px solid #C0C0C0 !important;
		    font-family: 'Work Sans', sans-serif !important;
		    font-size: 12px !important;
		    padding: 10px !important;
		    background: #FFF !important;
		    background-color:none !important !important;
		}
		
		.rf-tab-hdr-tabs {
		    border: 0 !important;
		    height: 100% !important;
		}
		
		.rf-tab-hdr-act.rf-tab-hdr-top {
		    padding: 2px 10px 2px 10px !important;
		    border-bottom: 0 !important;
		    font-weight: bold !important;
		    vertical-align: top !important;
		    background-image: none !important;
		    background-position: top !important; 
		    cursor: default !important;		    
		    background-color: #42c4dd !important;
		    background-repeat: repeat-x !important;
		    color: #ffffff !important;
		    font-weight: normal !important;
		    border-color: #C0C0C0 !important;
		}
		
		.rf-p {
		    background-color: #FFF !important;		    
		    border-style: none !important;		    
		}
		
		.rf-pp-hdr{
			background: #42c4dd !important;
		}
		
		.rf-pp-cnt{
			font-size: 12px !important;
		    color: #42c4dd !important;
		    font-family: 'Work Sans', sans-serif !important;
		}
		
		button, input[type="reset"], input[type="submit"], input[type="button"] {
		    border-width: 1px;
		    border-color: #C0C0C0;
		    font-size: 12px !important;
		    font-family: 'Work Sans', sans-serif !important;
		    color: #000;
		    background-repeat: repeat-x;
		    background-position: top left;
		    background-color: #DDDDDD !important;
		    background-image: none !important;
		}

.CSCReqMsg {
	font-size:11px;
	font-family: "Work Sans", sans-serif;
	color:red;
}			

.CSCReqMsg .rf-msg-det {
	font-size:11px;
	font-family: "Work Sans", sans-serif;
}		

.CSCReqMsg .rf-msg-err {
	background-image: none;
	padding-left: 0px;
}		

.CSCDialogMsg {
	font-family:'Work Sans', sans-serif !important;
}	
			
.CSCDialogMsg .ui-widget-header {	
	background: #42c4dd;
	height:15px;
}			

.CSCDialogMsg .ui-dialog-title{
	text-shadow: none;
	color:white;
	font-size:12px;
	font-family:'Work Sans', sans-serif;
}

.buttonStyle {
  background-color: #00c3df !important;
  border: none;
  color: white;
  padding: 7px;
  padding-left:20px;
  padding-right:20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 4px 2px;
  border-radius: 18px;
  font-weight: 500;
  font-family: 'Work Sans', sans-serif;
}


.classUploadFile div:nth-child(2) {
	/*display: none;*/
	border: 0px;
}

.classUploadFile div {
	background-color: white;
}

.classUploadFile .ui-widget-header{
	border: 0px;
}