/* colores
#0A51A1 azul corp
#F89310 naranjo
#209fbf celeste
#c5d9dd celeste claro
*/

html, body {
	margin:0; 
	padding:0; 
	color:#CCCBCB !important;
	font-size:13px !important;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif !important; 
	line-height:15px;
	margin-top:0px; /*70 Si cambia medida el menu se debe ajustas */
	background-image: url("/pcfr_web/javax.faces.resource/images/backBody.jpg.xhtml");
	background-size: cover;
	background-attachment: fixed;
	overflow-x:hidden; /* ocultar scroll horizontal*/
	overflow:auto;
	overflow:initial;
}

.ui-dialog .ui-dialog-content {
	border: none !important;
}

.mb-33{
	margin-bottom: 33px;
}

/* CONTENEDORES */

.fondoBody{
background: rgba(248,147,16,0.3);
background: -moz-linear-gradient(top, rgba(248,147,16,0.3) 0%, rgba(248,147,16,0.3) 72%, rgba(248,147,16,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,147,16,0.3)), color-stop(72%, rgba(248,147,16,0.3)), color-stop(100%, rgba(248,147,16,0)));
background: -webkit-linear-gradient(top, rgba(248,147,16,0.3) 0%, rgba(248,147,16,0.3) 72%, rgba(248,147,16,0) 100%);
background: -o-linear-gradient(top, rgba(248,147,16,0.3) 0%, rgba(248,147,16,0.3) 72%, rgba(248,147,16,0) 100%);
background: -ms-linear-gradient(top, rgba(248,147,16,0.3) 0%, rgba(248,147,16,0.3) 72%, rgba(248,147,16,0) 100%);
background: linear-gradient(to bottom, rgba(248,147,16,0.3) 0%, rgba(248,147,16,0.3) 72%, rgba(248,147,16,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f89310', endColorstr='#f89310', GradientType=0 );
}
.filtro{
background: rgba(0,0,0,0.7);
background: -moz-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 66%, rgba(0,0,0,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.7)), color-stop(66%, rgba(0,0,0,0.7)), color-stop(100%, rgba(0,0,0,0)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 66%, rgba(0,0,0,0) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 66%, rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 66%, rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.7) 66%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.contenedorIndex{
	width:100%;
	height:100%;
	margin:0px;
	padding-top:0px;
}
.contenedorPasos{
	width:100%;
	margin-top: 100px !important;
	padding-bottom: 70px;
}
.contenedorBloques{
	background:rgb(250,250,250,0.05); 
	padding:10px;
	margin:5px 0px;
	border: 1px solid rgb(250,250,250,0.1);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	position: relative;
}

.contentVersus{
	background: #1E7BB0;
	padding:0px;
	margin-top:0px;
	margin-bottom: 70px;
}
.contentVersusEncuadre{
	border: solid 1px #209fbf !important;
	height: 380px;	
	margin: 5px 0px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;

background: rgba(32,159,191,0.34);
background: -moz-linear-gradient(top, rgba(32,159,191,0.34) 0%, rgba(32,159,191,0.19) 45%, rgba(0,139,214,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,159,191,0.34)), color-stop(45%, rgba(32,159,191,0.19)), color-stop(100%, rgba(0,139,214,0)));
background: -webkit-linear-gradient(top, rgba(32,159,191,0.34) 0%, rgba(32,159,191,0.19) 45%, rgba(0,139,214,0) 100%);
background: -o-linear-gradient(top, rgba(32,159,191,0.34) 0%, rgba(32,159,191,0.19) 45%, rgba(0,139,214,0) 100%);
background: -ms-linear-gradient(top, rgba(32,159,191,0.34) 0%, rgba(32,159,191,0.19) 45%, rgba(0,139,214,0) 100%);
background: linear-gradient(to bottom, rgba(32,159,191,0.34) 0%, rgba(32,159,191,0.19) 45%, rgba(0,139,214,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#209fbf', endColorstr='#008bd6', GradientType=0 );
}
.ventanasVersus{
	/*border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;*/
	/*background:#e0e1e1;*/
	padding: 11px;
	/*border: solid 1px #209fbf !important;
	height: 350px;*/
}

.contentTabla{
	padding:10px;
	margin-top:10px;
	border: 1px solid #1E7BB0;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;

background: rgba(32,159,191,0.34);
background: -moz-linear-gradient(top, rgba(32,159,191,0.34) 0%, rgba(32,159,191,0.19) 45%, rgba(0,139,214,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(32,159,191,0.34)), color-stop(45%, rgba(32,159,191,0.19)), color-stop(100%, rgba(0,139,214,0)));
background: -webkit-linear-gradient(top, rgba(32,159,191,0.34) 0%, rgba(32,159,191,0.19) 45%, rgba(0,139,214,0) 100%);
background: -o-linear-gradient(top, rgba(32,159,191,0.34) 0%, rgba(32,159,191,0.19) 45%, rgba(0,139,214,0) 100%);
background: -ms-linear-gradient(top, rgba(32,159,191,0.34) 0%, rgba(32,159,191,0.19) 45%, rgba(0,139,214,0) 100%);
background: linear-gradient(to bottom, rgba(32,159,191,0.34) 0%, rgba(32,159,191,0.19) 45%, rgba(0,139,214,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#209fbf', endColorstr='#008bd6', GradientType=0 );

}

/* SCROLL */

::-webkit-scrollbar{
    width: 10px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb{
    background-color: #c5d9dd; 
    border: #209fbf solid 1px;
}


#contenedor{
	width:100%;
	margin:0px;
	margin-top:-20px;
	padding-top:0px;
}
.SangriaPagina{
	padding:0px 5%;
}

p{
	font-size: 13px;
}
h1{
	font-size:5em;
	color:white !important;
}
h2{
	color:white !important;
}
h4{
	height:0.9em;
	color:#BAC6CC !important;
}
h5{
	font-size:0.7em;
}
a:link{
	/* color:#ffffff; */
	color:#0a51a1
}
a:visited{
	/* color:#ffffff; */
	color:#224aa2
}
a:hover{
	color:#B9C5CA !important;
}
a:active{
	color:#ffffff;
}

/* INPUT */
/*.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{
	background:#cddbe8;
	color:#0A51A1;
	font-size:1em !important;
	text-shadow:none;
	
		padding:1px 8px !important;
	color: #0E0443 !important;
	font-size: 1.1em !important;
	font-weight: 600 !important;
	background:#CDDBE8 !important;
	border: 2px solid #fff !important;
	border-radius: 10px 10px 10px 10px !important;
	-moz-border-radius: 10px 10px 10px 10px !important;
	-webkit-border-radius: 10px 10px 10px 10px !important;
	width:100%;
}*/
/*.ui-state-default{
	color: red !important;
}*/


.celdaInput{
	font-size: 18px;
}
.cajaInput{
	position: relative;
	margin-top: 5px;	
}
input{
	width:100%;
	height: 27px;
	font-size: 14px !important;
	padding:0px 8px !important;
	padding-left: 38px !important;	
	color: #0E0443 !important;
	text-shadow: none !important;
	background:#CDDBE8 !important;
	border: 2px solid #209fbf !important;
	border-radius: 55px 55px 55px 55px !important;
	-moz-border-radius: 55px 55px 55px 55px !important;
	-webkit-border-radius: 55px 55px 55px 55px !important;
}
input.cae{
	padding-left: 10px !important;
}
.login input{
	height: 35px;
	font-size: 18px !important;
}
.icoInput{
	position: absolute;
	top:0px;
	left:0px;
	font-size: 14px;
	text-align: center;
	color: #209FBF;
	padding-top:5px;
	background: #fff;
	height: 27px;
	width:27px;
	border-radius: 55px 0px 0px 55px !important;
	border: 2px solid #209FBF;
}
.login .icoInput{
	height: 35px;
	width: 35px;
	font-size: 19px;
}

/*.login ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
 /* color: #1C7CB5;
}*/

/* SELECT */

select{
	width: 100%;
	height: 27px;
	font-size: 14px !important;
	padding: 0px 8px !important;
	padding-left: 35px !important;	
	color: #0E0443 !important;
	text-shadow: none !important;
	background: #CDDBE8 !important;
	border: 2px solid #209fbf !important;
	border-radius: 55px 55px 55px 55px;
	-moz-border-radius: 55px 55px 55px 55px;
	-webkit-border-radius: 55px 55px 55px 55px;
}
select.cae{
	padding-left: 10px !important;	
}

.InputBuscadorSuper select{
	background:#fff;
	font-size: 1em !important;
	color: #333;
	border:1px solid #209FBF;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
.InputBuscadorSuper input{
	background:#fff;
	font-size: 1em !important;
	color: #333;
	border:1px solid #209FBF;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

/* PLACEHOLDER */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgb(14,4,67,0.5) !important;
  font-weight: lighter !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #448ECC !important;
  /*font-weight: 400 !important;*/
}
:-ms-input-placeholder { /* IE 10+ */
  color: #448ECC !important;
 /* font-weight: 400 !important;*/
}
:-moz-placeholder { /* Firefox 18- */
  color: #448ECC !important;
 /* font-weight: 400 !important;*/
}

/* ESTILOS RADIO */

/*input[type=radio] {
	vertical-align: middle;
	width:0.9em !important;
	height:0.9em !important;
}*/
.ui-radiobutton{
 padding-top: 3.5px !important;
 padding-left: 3.5px !important;
 background: #209fbf !important;
 width: 25.5px !important;
 height: 25.5px !important;
 border-radius: 55px;
 border: 1px solid #0E0443 !important;
}
.ui-radiobutton + label{
	color: #B9C5CA !important;
	font-weight: bold;
}
.ui-radiobutton + label:hover{
	color: #1E7BB0 !important;
}
.ui-radiobutton:hover{
	background: #209FBF !important;
}
/* centra el bullet del radio buton */
/*#seleccionRadio .ui-icon-bullet{
	background-position: -82px -145px !important;
}*/
.ui-icon-bullet{
	background-position: -80.4px -144.4px !important;
}
.ui-state-disabled{
	opacity:1 !important;
	background-color: rgb(250,250,250,0) !important;
	/*text-decoration: line-through !important; PJM 20230119 - Se deshabilita label NC Perú*/
}
/* FIN ESTILOS RADIO*/

/* CHECKBOX */

input[type=checkbox]{
	vertical-align: middle;
	width: 22px !important;
	height: 22px !important;
    margin-right:10px !important;
    background: #1BA3C8 !important;
    border:2px solid #FFF !important;
    padding: 10px !important;
}

/* checkbox tablas */
.ui-chkbox-box{
	border:1px solid #fff !important;
	background: #209FBF !important;
	width: 18px !important;
	height: 18px !important;
}
/* check tabla super */
.tablasSupermercado  .ui-chkbox-box{
	border:1px solid #fff !important;
	background: #209FBF !important;
	width: 18px !important;
	height: 18px !important;

}
.Check{
	font-size:1.3em !important;
	color: #B9C5CA !important;
	font-weight: bold;
}
/* pinta checkbox negro */
.ui-state-highlight .ui-icon{
	background-image: url(/pcfr_web/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap) !important;
}
/* pinta checkbox negro */
/*.ui-state-default .ui-icon{ 
	background-image: url(/pcfr_web/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-bootstrap);
}*/



/* BOTON SUBMIT */

input[type=submit]{
	background:white;
	width:100%;
	margin:20px 0px;
}
input[type=submit]:hover{
	background:#999999;
}
/* boton submit login */
.login input[type=submit]{
	width:100%;
	border:0px solid #F79910;
	background:#1BA3C8;
	color:#fff;
	font-size:1.5em;
	cursor:pointer;
}
#formIndexPcfr\:btnEntrar{
	text-align:right;
	font-size:2em;
	margin-top:10px;
	padding:2px 10px;
	cursor:pointer;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	position: relative;
	transition: all 1s ease;
}
#formIndexPcfr\:btnEntrar:before {
  content:"";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
  transition: all 1s ease;
}
#formIndexPcfr\:btnEntrar:hover:before {
	width: 100%;
}

#formIndexPcfr\:btnEntrar:hover{
	color: white; /*#0A51A1;*/
	/*text-shadow: 4px 4px 2px #02162D;*/
}

.btnBuscar{
	background: #1ba3c8 !important;
	color: #fff !important; 
	font-size: 1.2em !important;
	margin-top:-5px !important;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	/*border: 2px #fff solid !important;*/
	/*-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);*/
		-webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
}
.btnBuscar:hover{
	/*border: 2px #1ba3c8 solid !important;*/
	background: rgb(27,163,200,0.5) !important;
}
.btnDescargar{
	background: #1ba3c8 !important;
	color: #fff !important; 
	font-size: 0.9em !important;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
}


/* FILE */

input[type=file]{
	background:#000 !important;
}

/*
.ui-widget-header{
	background: yellow !important;
	width: 100% !important;
	display: inline;
}
.ui-fileupload-buttonbar{
	background: blue;
	width: 100% !important;
}*/
.ui-fileupload-choose{
	background: #1ba3c8 !important;
	color: #fff !important; 
	font-size: 1.2em !important;
	margin: 10px 0px !important;
	-webkit-border-radius: 500px !important;
	-moz-border-radius: 500px !important;
	border-radius: 500px !important;
	text-shadow: none !important;
	font-weight: normal !important;
}
.ui-fileupload-content{
	background: rgb(250,250,250,0.1);
	color: #fff;
}
.ui-widget-content{
	border: none !important;
}


/* COLUMNAS */

.col-2-12{
	width:15%;
	margin-right:1%;
	float:left;
}
.col-3-12{
	width:24%;
	margin-right:1%;
	float:left;
}
.col-3-12-s{
	width:25%;
	float:left;
}
.col-4-12{
	width:30%;
	margin-right:1%;
	float:left;
}
.col-4-12-s{
	width:33.3%;
	float:left;
	height: 370px;
}
.col-6-12{
	width:49%;
	margin-right:1%;
	float:left;
}
.col-8-12{
	width:66%;
	margin-right:1%;
	float:left;
	clear:both;
}
.col-9-12{
	width:74%;
	margin-right:1%;
	float:left;
}
.col-12-12{
	width:100%;
	margin-right:0%;
	float:left;
clear:both;
}


/* INDEX LOGIN */


.headerIndex{
	padding-top:0px;
	padding-bottom:0px;
	text-align:right;
	margin:0px;
	clear:both;
	height:50px;
	background: #0A51A1;
}
#logoHead{
	text-align: left;
}
.headerIndex img{
	height:100%;
	padding:2% 0px;
	margin:0px;
	
}
#titHead{
	padding-top:13px;
	font-size:20px;
	color: #fff;
	width:75%;
	margin-right:0px !important;
}
.franjaIndex{
	background: #1BA3C8; /* naranjo #F79910;*/
	padding-top:2px;
	padding-bottom:2px;
	margin:0px;
	clear:both;
	color:#fff !important;
	font-size: 15px;
	text-align: right;
}

.cuerpo{
	background-image: url("/pcfr_web/javax.faces.resource/images/backBodyIndex.jpg.xhtml");
	background-image: url("/pcfr_web/javax.faces.resource/images/foto_cencosud-tarde.jpg.xhtml");
	background-repeat: no-repeat;
	background-size: cover;

	background-position: right top;
	background-position: left center;
	height:85%;
	

}
.CuerpoIndex{
	clear:both;
	/*background: rgb(250,250,250,0.5) !important;
	width: 50% !important;
	height: 100% !important;*/
}
.login{
	width:250px;
	height:280px;
	padding:10px;
	padding-bottom:1px;
	margin-top:100px !important;
	margin-right: 10%;
	float: right !important;
	background: #1BA3C8;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	-webkit-box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.44);
	-moz-box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.44);
	box-shadow: 3px 3px 9px -2px rgba(0,0,0,0.44);
	position: relative;
}
.textAcceder{
	color: white;
	font-size:19px;
	margin-bottom: 11px;
}
.icoAcceder{
	color: white; /*azul #0A51A1;*/
	font-size:1.5em;
}




/* OLVIDO CLAVE */

#btnOlvidoClave{
	position: absolute;
	bottom:0px;
}
.ico-olvido-clave{
	margin:11px;
}


.registrar{
	color:#0A51A1 !important;
}
.registrar a{
	color:#1BA3C8 !important;
	font-size:1.3em;
}
#portada{
	background-image: url("images/mujerIndex.jpg");
	background-size: cover;
}


/* HOME */

#banner{

	border-bottom:5px solid #1BA3C8;
}
#banner img{
	height:60%;
}

.profileHome{
	padding-top:30px;
	padding-bottom:0.3em;
	color:#1BA3C8;
	/*letter-spacing:0.1em;*/
}
.profileHome h5{
	margin-bottom:0.3em;
}
.tituloHome{
	clear: both;
	color:white;
	margin-top:0em;
	/*letter-spacing:0.1em;*/
}
.tituloHome h1{
	margin-bottom:-0.1em;
}

.botonerasHome{
	margin-top:-50px;
	position:absolute;
	right:5%;
	z-index:999;
	/*background:red;*/
}
.itemBoton{
	text-align:center;
	/*background:black;*/
	float:right;
	width:100px;
}
.btnHome{
	background:white;
	color:#0A51A1;
	font-size:45px;
	padding: 20px 20px;
	text-align:center;
	height:100px;
	width:100px;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	border:8px solid #1BA3C8;
	cursor:pointer;
	transition: all 1s ease;
}
.btnHome,a{
	color:#0950A1;
	margin-bottom:0.3em;
}
.btnHome:hover{
	background:#1BA3C8;
	color:white;
	border:5px solid #F79910;
}

.btnSalir{
	/*background: #F79910;*/
	color:#fff;
	font-size:30px;
	padding: 8px 7px;
	text-align:center;
	height:50px;
	width:50px;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	/*border:3px solid #1BA3C8;*/
	cursor:pointer;
	transition: all 1s ease;
	/*position: absolute;
	bottom: -100%;
	left: 100%;
	margin-top: 25px;
	margin-right: -30px;*/
	float: right;
}
.btnSalir:hover{
	background: #1BA3C8;
}

/* ++++++++++++ PLANTILLA PASOS +++++++++++++++ */


/* Pie pagina */

.footer{
	position:fixed /*absolute*/;
	bottom:0px;
	padding: 0.3% 0px;
	width:100%;
	BACKGROUND:#1BA3C8; /*#0950A1;*/
	text-align:center;
	height:6%;
}
.footer img{
	height:100%;
}


/*.menu{
	height:80px;
	width:100%;
	background:#1BA3C8;
	color: #fff;
	position:fixed;
	top:0;
	z-index:999;
}*/
.menu{
	height:60px;
	width:100%;
	background:#1BA3C8;
	color: #fff;
	position:fixed;
	top:0;
	z-index:999;
}
.navegador{
	height:80px;
	padding-top:10px;
	padding-bottom:10px;
}
.botonHome{
	margin-top:-10px !important;
	cursor: pointer;
	transition: all 1s ease;
}
.botonHome:hover{
	color: #CCCBCB;
}

#btnVolver{
	/*height:60px;*/
	text-align:left;
	color:#fff !important;
	cursor:pointer;
	transition: all 1s ease;
	margin-top:-11px;
}
#btnVolver:hover{
	color:#CCCBCB !important; /* gris #BAC6CC !important;*/
}
#tituloPasos{
	text-align:center;
	color:white; /* azul #0A51A1;*/
}
#btnContinuar{
	text-align:right;
	color:#fff !important;
	cursor:pointer;
	transition: all 1s ease;
	-moz-margin-top:-10px;
	-webkit-margin-top:-100px;
}
#btnContinuar:hover{
	color:#CCCBCB !important; /* gris #BAC6CC !important;*/
}
.icoContinuar,.icoVolver{
	font-size:33px;
	vertical-align:middle !important;
}
.texContinuar,.texVolver{
	vertical-align:middle !important;
	font-size:1.5em;
}


/* Credencial usuario */

/*.profilePasos{
	background: white; 
	padding-top:3px;
	margin-top:-10px;
	height:20px;
	color:#0A51A1;
	clear:both;
}*/
.profilePasos{
	background: white; /*#BAC6CC; gris  23ACCC*/
	padding-top:3px;
	margin-top:-30px;
	height:20px;
	color:#0A51A1;
	clear:both;
	
}
.profilePasos h6{
	font-size:11px !important;
	}

/* Migas de pan (numero de pasos) */

#migas{
	width:46%;
	heigth:33px;
	position:absolute;
	top:42px;
	left:26.5%;
	display: flex;
  	justify-content: center;
	align-items: center;
}
/*
.pasos{
	height:45px;
	width:45px;
	margin: 0px;
	float:left;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	background:#0A51A1;
	border:5px solid white;
	text-align:center;
	color:#1BA3C8;
	font-size:1.5em;
	padding-top:0.2em;
	
}*/
.pasos{
	height:28px;
	width:28px;
	margin: 0px;
	float:left;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	background:#0A51A1;
	border:3px solid white;
	text-align:center;
	color:#1BA3C8;
	font-size: 13px;
	font-weight: bold !important;
	padding-top:2px;
	/*vertical-align:super !important;*/
}
.pasoVisitado{
	background:#0A51A1;
	color:1BA3C8;
}
/*.pasoActivo{
	background:#F79910;
	border:8px solid #fff;
	color:#fff;
	height:65px;
	width:65px;
	font-size:1.8em;
	font-weight:bold;
}*/
.pasoActivo{
	background:#F79910;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	height:35px;
	width:35px;
}
/*.pasoHome{
	background:white;
	color:#0A51A1;
	text-align:center;
	height:45px;
	width:45px;
	padding:3px 3px;
	padding-top:0.3em;
	font-size:1.6em;
}*/
.pasoHome{
	background:white;
	color:#0A51A1;
	font-size:16px;
}
.pasoHome:hover{
	background:#F79910;
	color:white;
	/*border:8px solid #F79910;*/
}


/* Alertas */

/*#alertas{
	background:#F79910;
	padding-top:20px;
	padding-bottom:10px;
	font-size:0.8em;
	color:#fff;
	margin:0px;
	cursor:pointer;

}
.alertIcono{
	color:yellow !important;
	font-size:1.5em !important;
}
#alertas a{
	color:#FF7F00;
}*/


.ui-growl{
	top:70px !important;
	width:100% !important;
	margin:0px !important;
	right: 0px !important;
	z-index:888 !important;
}

.ui-growl-item{
	background:#F79910;
	color: #fff !important;
	width:100% !important;
	padding: 8px 5% !important;
	padding-bottom: 4px !important;
}
.ui-growl-message{
	color: #fff !important;
	width: 80% !important;
    float: left !important;
    margin-left:15px !important;
}
.ui-growl-title{
	padding:0px !important;
}
.ui-growl-message p{
	font-size:0.9em !important;
	padding:0px !important;
}
.ui-growl-icon-close{
	right:25px !important;
	top:15px !important;
}


/* Contenido central */

.contenPasos{
	clear:both;
	/*height:80%;*/
	/*padding-top:50px !important;
	padding-bottom:50px !important;*/
}
#paso1,#paso2,#paso2b,#paso3,#paso3c,#paso3b,#paso4,#paso4b{
	clear:both;
	width:100%;
	position:absolute; 
	/*background:rgb(250,250,250,0.2);*/
	height:80%;
	padding-top:77px;

/* CAMPOS OBLIGATORIOS */

}
.CamposObligatorios{
	text-align: right !important;
	color: #999 !important;
}
.ico-campo-obligatorio{
	color:#1BA3C8;
	font-size: 9px;
}



.migasdepan{
	margin-bottom: 40px;
	font-size: 13px;
	color: #1E7BB0 !important;
	border-bottom: 1px solid #1E7BB0;
}
.icomiga{
	margin-left: 11px;
	margin-right: 11px;
}
.miga-activo{
	color: #209FBF !important;
	font-weight: bold;
	font-size: 16px;
}

.pasosTitulo{
	margin-bottom:22px;
	font-size: 2em;
	color: #fff !important;
}
.pasosSubtitulo{
	color: #fff;
	font-size:1.3em !important;
	/*margin-top: 20px;*/
	margin-bottom: 6px !important;
	font-weight: bold;
}
#p2Tit{
	background:red !important;
}



/* TABLAS*/

/* Fondo contenedor de la tabla */
.ui-widget-header{    
	background: none !important;
	color:#B9C5CA !important;
	text-shadow:none !important;
	border:0px !important;
	margin:0px !important;
}
/* textos general tablas */
.ui-widget-content tr{
	/*background: none !important;*/
	border: 1px #fff solid !important;
}
/* No existen detalles*/
.ui-datatable-empty-message{
	color: #1E7BB0 !important;
	font-size: 0.9em !important;
	font-style: italic;
	border: 0px solid #0E0443 !important;
}

/* Fondo cabecera de tabla */
th{
	background:#0A51A1 !important; 
	font-size:0.7em !important; 
	text-align: center !important;
	text-shadow:none !important;
	vertical-align: middle !important;
	/*border:0px !important;*/
	border-radius: 0px 0px 0px 0px !important;
	-moz-border-radius: 0px 0px 0px 0px !important;
	-webkit-border-radius: 0px 0px 0px 0px !important;
}

/* Textos cabecera de tabla*/
.ui-column-title{   
	color: #B9C5CA;
	text-transform: uppercase;
	font-size: 9px !important;
}
/* CEBRA 1 Filas registros tabla  */
.ui-datatable-even{
	background: #C3D0DC !important;
	font-size:0.7em !important; 
	color: #0E0443 !important;
	text-align: center !important;
}
/* CEBRA 2 Filas registros tabla */
.ui-datatable-odd{
	background: #CDDBE8 !important;
	font-size:0.7em !important; 
	color: #0E0443 !important;
	text-align: center !important;
}


/* PAGINACIN TABLAS */

.ui-paginator .ui-paginator-page.ui-state-default {
    background: none !important;
    color: #B9C5CA !important;
    border-radius: 55px !important;
    width: 20px;
    height: 20px;
    padding:0px;
    font-size:11px !important;
    text-shadow: none !important;
    font-weight: normal !important;
    text-align: center !important;
}
.ui-paginator .ui-paginator-page.ui-state-active {
    background: noce !important;
    color: #F89310 !important;
    border: #F89310 solid 1px !important;
    border-radius: 55px !important;
}
.ui-paginator .ui-paginator-page.ui-state-hover{
	background: none !important;
	color: #209FBF !important;
	border-radius: 55px !important;
	border: 1px solid #209FBF !important;
}
.ui-paginator .ui-paginator-next{
	background: #B9C5CA !important;
	border-radius: 25px 55px 55px 25px;
}
.ui-paginator .ui-paginator-prev{
	background: #B9C5CA !important;
	border-radius: 55px 25px 25px 55px;
}
.ui-paginator .ui-paginator-last{
	background: #209FBF !important;
	border-radius: 25px 55px 55px 25px;
}
.ui-paginator .ui-paginator-first{
	background: #209FBF !important;
	border-radius: 55px 25px 25px 55px;
}


/* TABLA COMPROBANTE */

.cajaComprobante{
	background: #EFEEEE;
	padding:11px;
	border: 1px solid #209FBF;
	/*width: 80% ;*/
	margin-top: 6px;
	/*margin-left: 10%;*/
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
/* contenedor de la tabla CoMPROBANTE */
.cajaComprobante .ui-widget-header{    
	background: none !important;
	color:#5E5D5D !important;
}
/* Celda Ttulo de la tabla Comprobante */
.ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer .cajaComprobante{
	background:none !important;
	color: #5E5D5D !important;
	text-align: left !important;

}
/* Celda cabecera tabla Comprobante*/
.cajaComprobante th{
	background:none !important;
	border-bottom: 2px solid #0A51A1 !important;
}
/* Textos encabezado de tabla COMPROBANTE*/
.cajaComprobante .ui-column-title{   
	color:#000 !important;
	font-size: 1em !important;
	font-weight: bold !important;
}

ui-widget-content ui-datatable-even .cajaComprobante {
	background:none; 
	color: #5E5D5D !important;
}

.ui-datatable-data ui-widget-content{
	border:0px !important;
}


/* CEBRA 1 Comprobantes Filas registros tabla  */
.cajaComprobante .ui-datatable-even{
	background: #EFEEEE !important;
	color: #5E5D5D !important;
}

/* CEBRA 2 Comprobantes Filas registros tabla  */
.cajaComprobante .ui-datatable-odd{
	background: #EFEEEE !important;
	color: #5E5D5D !important;
}

/* TABLA SUPERMERCADO*/ 

.titTablasSuper{
	color:#000 !important;
	text-shadow:none !important;
	border:0px !important;
	margin-top:15px !important;
}
/* Fondo contenedor de la tabla Supermercado */
.tablasSupermercado .ui-widget-header{    
	background: none ;
	color:#000 !important;
	text-shadow:none !important;
	border:0px !important;
	margin:0px !important;
}
/* Fondo cabecera de tabla Supermercado*/
.tablasSupermercado th{
	background: #e0e1e1 !important; 
	background: rgb(250,250,250,0.7) !important;
}
/* Textos cabecera de tabla Supermercado*/
.tablasSupermercado .ui-column-title{   
	color: #333 !important;
}

/* TABLA ACORDEON */

/* Fondo Acordeon */
.ui-expanded-row-content{
	background: #fff !important;
	-webkit-box-shadow: inset 0px 0px 22px -2px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 22px -2px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 22px -2px rgba(0,0,0,0.75);

}
.ui-expanded-row-content .ui-datatable{
	margin: 0px 33px !important;
}
.ui-expanded-row-content thead{
	background: #fff !important;
}
/* Ttulo de tabla Acordeon */
.ui-expanded-row-content h4{
	text-align: left !important;
	font-size:0.9em !important;
	margin: 11px 33px !important;
	margin-bottom: -11px !important;
	color: #0A51A1 !important;
	weight: bold !important;
}
/* Celda cabecera tabla Acordeon */
.ui-expanded-row-content th{
	background:none !important;
	border-bottom: 2px solid #0A51A1 !important;
}
/* Textos cabecera de tabla Acordeon */
.ui-expanded-row-content .ui-column-title{
	color: #222 !important;
}

/* celdas tabla acordeon*/
.ui-expanded-row-content .ui-datatable-even{
	background: #fff !important;
	color: #555 !important; 
}
.ui-expanded-row-content .ui-datatable-odd{
	background: #fff !important;
	color: #555 !important; 
}




.ayuda{
	font-size:0.6em !important; 
	padding:4px; 
	vertical-align:super !important;
	color:#fff; 
	background: #F79910; 
	border-radius: 44px;
	border: 2px solid #931602 !important;
	-webkit-box-shadow: 6px 7px 22px -5px rgba(0,0,0,1);
	-moz-box-shadow: 6px 7px 22px -5px rgba(0,0,0,1);
	box-shadow: 6px 7px 22px -5px rgba(0,0,0,1);
	cursor: pointer;
}

/* BOTON INFO AYUDA*/

.tooltips{ 
	position: fixed;
	/*display: inline;*/
	right: 0px !important;
	top:150px !important;
	background: rgb(250,2500,250,0.5);
	width: 33px;
	padding:5px;
	border-radius: 50px;
	z-index: 999;
	cursor: pointer;
}
.tooltips:hover{
	background: #F5A522; 
}
.btnTooltips{ 
	font-size:13px !important; 
	text-align: center !important;
	padding:4px !important; 
	vertical-align:super !important;
	color:#000; 
	background: #DDDDDC; 
	width: 22px;
	height: 22px;
	border: 1px solid #333;
	border-radius: 44px;
	-webkit-box-shadow: 6px 7px 22px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 6px 7px 22px -5px rgba(0,0,0,0.5);
	box-shadow: 6px 7px 22px -5px rgba(0,0,0,0.5);
	z-index:2;
	
}
.btnTooltipsHelp{ 
	font-size:10px !important; 
	margin-left:6px !important; 
	vertical-align:super !important;
	color: #209FBF; 
	cursor: pointer;
	background: rgb(255,255,255,0.2); 
	/*background: #fff; */
	width: 18px;
	height: 18px;
	padding:4px;
	border: 1px solid #1E7BB0;
	border-radius: 44px;
}
.calugaTooltips{
	display: none;
	position: absolute;
	top: -40px; /* Posicion apartir de la parte superior del primer elemento padre con posicion relativa */
    right: 50px !important; /* Posicion apartir de la parte izquierda del primer elemento padre con posicion relativa */
    z-index: 1000;
    width: 300px;
}
/* Sombra flecha*/
.arrow-before {
    width:0px;
    height:0px;
    border-left: 16px solid #000;  /* izquierda flecha */
    border-right: 16px solid transparent; /* derecha flecha */
    border-bottom: 16px solid transparent; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    top: 50px;
    left: 99.5% !important;
    position: relative;
}
/* Flecha */
.arrow-after {
    width:0px;
    height:0px;
    /*border-left: 16px solid transparent;  /* izquierda flecha */
    /*border-right: 16px solid transparent; /* derecha flecha */
    /*border-bottom: 16px solid #D3E6E7; /* base flecha y color*/
    
    border-left: 16px solid #D3E6E7;  /* izquierda flecha */
    border-right: 16px solid transparent; /* derecha flecha */
    border-bottom: 16px solid transparent; /* base flecha y color*/
    font-size:0px;
    line-height:0px;
    top: 32px;
    left: 99.5% !important;
    position: relative;
}
.textoAyuda{
	/*background: rgb(250,250,250,1);*/
	background: #D3E6E7;
	padding: 8px;
	border: 1px solid #000;
	border-radius: 5px;
	font-size: 12px !important;
	font-style: italic;
	text-align: justify;
	color: #000;
	-webkit-box-shadow: 6px 7px 22px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 6px 7px 22px -5px rgba(0,0,0,0.5);
	box-shadow: 6px 7px 22px -5px rgba(0,0,0,0.5);	
}
.tituloAyuda{
	font-size:18px !important;
	text-align: left;
	line-height: 20px;
	margin-bottom: 10px;
}
.tooltips:hover .calugaTooltips {
    display: inline; /* Para mostrarlo simplemente usamos display block por ejemplo */
}

.tooltips2{
	position:absolute;
	display: inline;
	padding-left:5px;
	/*z-index: 999;*/
}
.tooltips2:hover .calugaTooltips {
    display: inline;
}




.descargaFile{
	position: absolute;
	top: 0px;
	right: 0px;
	text-align: right; 
	
}
.descargaFile a{
	color: #c5d9dd;
	text-decoration: underline;
}




/* filas seleccionadas */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{ 
	background: #F9D6A7 !important;
	color:#0A51A1 !important;
	text-shadow:none;
}

.totalesTabla{
	font-size:0.8em !important; font-weight:bold; text-align:right !important; background:#D3E6E7 !important; cursor:none !important;
}


.ui-datatable-scrollable-body {
    overflow: auto !important;
    height: auto !important;
    max-height: 25%;
}
.ui-datatable-tablewrapper {
    overflow: auto !important;
}




.btnIcoEdit{
	color:#1ba3c8 !important;
	font-size:1.3em !important;
}
.btnIcoEdit:hover{
	color:#18427f !important;
}
.RowTotal{
	color: #bac6cc !important; 
	background: #18427f !important;
}
.btnMsjConfirma{
	background: #1ba3c8 !important;
	color: #fff !important; 
	font-size: 1.3em !important;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	border: 2px #fff solid !important;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
}
.btnMsjConfirma:hover{
	border: 2px #1ba3c8 solid !important;
	-webkit-box-shadow: 1px 1x 1px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);

}
.ui-dialog.ui-widget-content .ui-dialog-titlebar{ /* Cabecera de popup*/
	background: #f79910 !important;
/* 	background: rgb(27,163,200,0.5); */
	color: #fff !important; 
}
.btnConfirmSi{
	background: #1ba3c8 !important;
	color: #fff !important; 
	font-size: 1.3em !important;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
}
.btnConfirmSi:hover{
	background: #0a51a1 !important;
	-webkit-box-shadow: 1px 1x 1px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
}
.btnConfirmNo{
	background: #bac6cc !important;
	color: #18427f !important; 
	font-size: 1.3em !important;
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.75);
}
.btnConfirmNo:hover{
	background: #0a51a1 !important;
	color: #fff !important;
	-webkit-box-shadow: 1px 1x 1px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
	box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.75);
}
/*.ui-paginator .ui-paginator-page{
	background:rgb(250,250,250,0.5) !important;
	color:#fff !important;
}*/


/* CALENDARIO*/

/* Cabecera mes */
.ui-datepicker{
	background: #209FBF !important;
	background: #209FBF !important;
	
}
/* Titulo mes del calendario */
.ui-datepicker-title{
	color:#fff !important;
}
/* Cabecera semanas del calendario */
.ui-datepicker-calendar th{
	background: #fff !important;
	color: #0A51A1 !important;
	font-size: 12px !important;
}
/* Cuerpo calendario */
.ui-datepicker-calendar{
	color: red;
	background: #209FBF;
	background: #fff !important;
}


/* das */
.ui-datepicker .ui-state-default{
	background: rgb(0,0,0,0.1) !important;
	color: #000;
}
.ui-datepicker .ui-state-default:hover{
	background: none !important;
	color: #209FBF !important;
}
/* Da seleccionado */
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default{
	background: #F89310 !important;
	color: #fff;
	font-weight:normal;
	text-shadow:none;
	box-shadow:none;
}

.ui-icon ui-icon-circle-triangle-e{
	background: blue !important;
}
.ui-inputfield hasDatepicker{
	font-size:1em !important;
}

.ui-state-default, .ui-widget-content .ui-state-default{
	border:0;
}

.btnCreaDoc{
	font-size:1em;background:#1ba3c8;color:#fff;text-align:center;padding:6px 6px;
	cursor:pointer;
	margin-top: 11px;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	-webkit-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.55);
	box-shadow: 1px 1px 12px 0px rgba(0,0,0,0.55);
}
.btnCreaDoc:hover{
	background:#0A51A1;
	color:#fff;
}
.btnReordenar{
	color:#209fbf;text-align:left;font-size:1em;
	cursor:pointer;
	text-decoration: underline;
	
}
.btnReordenar:hover{
	color:#0a51a1;
}


.titulosVersus{
	color: #fff !important; margin-bottom: 33px;
}
.pestanaGrupos{
	background: rgb(250,250,250,0.8);
	padding: 10px;
	overflow: auto;
	height: 300px;
	border: solid 1px #a0b9c1 !important;
	position:relative;
	
}
.btnAgregarAlGrupo{
	width:20%; 
	padding: 5px 0px; 
	color: #fff; 
	text-align: center; 
	cursor: pointer;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 410px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.35);
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.35);
}
.btnAgregarAlGrupo:hover{
	background: #18529d;
	color: #fff;
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.55);
	}
.btnAgregarAlGrupoLeft{
	/*background: #f89310;*/
	background: #fff;
	float: right; 
	margin-left:5px; 
	border: #c67d2e solid 1px;
	color: #c67d2e;
}
.btnAgregarAlGrupoRight{
	background: #fff;
	float: left; 
	margin-right:5px; 
	border: #209fbf solid 1px;
	color: #209fbf;
}
.btnCrear{
	background: #209fbf;
	width: 66px;
	font-size: 0.8em;
	float: right; 
	margin-left:2px; 
	padding: 5px 8px;
	border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	-webkit-border-radius: 50px 50px 50px 50pxpx;
	-webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.55);
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.55);
	cursor: pointer;
}
.icobtnCrear{
	font-size: 1.5em !important;
	
	vertical-align: middle;
}
.btnCrear:hover{
	-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.55);
	background: #18529d;
}


.btnPestanaGrupo{
	/*background: #dddddc;*/
	background: #022449;
	color: #209fbf;
	padding:8px;
	border: 1px solid #c9c9c9;
	cursor:pointer;
	position: relative;
}
.btnPestanaGrupo span{
	color:#fff;
}
.btnPestanaGrupo:hover{
	background: #062d59;
}
.btnPestanaGrupo-Activo{
	background: #eae9e9;
	color: #209fbf;
	padding:8px;
	border-bottom: 1px solid #eae9e9;
}
.btnCreaGrupo{
	background: #209fbf;
	color:#fff;
	font-size: 1.2em;
	text-align:center;
	padding:0px;
	height: 34px;
	padding-top: 5px !important;
	padding-left: 5px;
	cursor:pointer;
	position: sticky !important;
	bottom:-10px !important;
	border-radius: 4px;
-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}
.btnCreaGrupo:hover{
	background: #18529d;
	color:#fff;
}

.btnPestanaLote{
	background: #022449;
	color: #209fbf;
	padding:8px;
	border: 1px solid #c9c9c9;
	cursor:pointer;
	position: relative;
}
.btnPestanaLote:hover{
	background: #062d59;
}
.pestanaLote{
	background:#C6C6C5;padding:5px; color: #209FBF !important;
	display:none;
}
.icoColapsable{
	position: absolute;
	right:8px;
	top: 10px;
}
.icoPestanas{
	font-size: 1.2em;
	margin-right: 11px;
}

.icoTable{
	
	font-size: 13px !important;
	cursor: pointer;
}
.icoRechazo{
	color: #f89310 !important;
	padding-left: 5px !important;
}

.fa-times{
	color: #209fbf;
}
.fa-times:hover{ /* cono cruz eliminar*/
	color: #f89310;
}


.btnModificarNA{
	padding:3px 10px !important; 
	border-bottom: 1px solid #5e5d5d; 
	position: relative;
	color: #5e5d5d;
	cursor: pointer;
}
.btnModificarNA:hover{
	background: #d0ccb3;
}
.panelListas{
	border-radius: 10px 10px 10px 10px;
	border: 1px solid #a0b9c1;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background:#eae9e9;
	/*border: solid 1px #a0b9c1 !important;*/
	padding: 11px;
	margin-bottom: 5px;
}
.banner{
	position: relative;
	height: 0px;
	padding-bottom: 25%; /* para mantener relacin de aspecto 4:1 dividir 1/4 para sacar % altura*/
	background: #dddddc;
	/*background-position: 0px 0px;*/
	background-size: cover !important;
}

.modal{
	position: fixed; top:0px; left:0px; z-index:9999; background: rgb(0,0,0,0.5); height:100%;width:100%;
	align-items: center;
	border: none;
}
.ventanaModal{
	background:#209fbf; 
	margin: 0 auto;
	max-width:900px;
	padding:22px;
	padding-top: 10px;
	
	position: relative;
	
	-webkit-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.55);
	box-shadow: 3px 3px 12px 0px rgba(0,0,0,0.55);
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
.cerrarModal{
	color: #209fbf;
	font-size:18px; font-weight: bold; padding:7px; padding-left:12px; position: absolute; right:0px;top:0px; cursor:pointer; font-family:arial;
	border-radius: 11px 11px 11px 55px;
	background: rgb(250,250,250,0.1);
	width: 33px;
}
.cerrarModal:hover{ /* cono cruz eliminar*/
	color: #f89310;
	background: rgb(250,250,250,0.2);
}


.celdaSubmit{
	position: absolute;
	bottom: 0px;
	width:100%;
	border-top: 1px #fff solid;
	background: rgb(250,250,250,0.2);
	margin-left: -22px;
	-webkit-box-shadow: 0px -2px 8px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px -2px 8px 0px rgba(0,0,0,0.1);
	box-shadow: 0px -2px 8px 0px rgba(0,0,0,0.1);
}
.cajaSubmit{
	position: relative;
	float:right;
	padding: 0px !important;
}
.cajaSubmit input[type=submit]{
	height: 44px;
	width: 150px;
	font-size: 18px !important;
	text-align: left !important;
	color: #fff !important;
	padding-left: 15px !important;
	padding-top: 2px !important;
	border-radius: 3px !important;
	margin: 0px !important;
	background: none  !important;
	border: none;
	cursor: pointer;
}
.cajaSubmit:hover input[type=submit]{
	background: rgb(250,250,250,0.2) !important;
}
.icoSubmit{
	position: absolute;
	top:0px;
	right: 0px;
	padding:8px;
	font-size: 29px !important;
	color: #fff;
	height: 44px;
	width:44px;
	cursor: pointer;
}


.fa-exclamation-triangle{
	color: yellow;
	font-size: 22px;
	position: absolute;
	
}


.iconosReport{
	font-size: 3em; width:55px; height: 55px; border: 1px solid #fff; padding:7px; margin:5px; margin-left:33px;
	text-decoration: none;
	vertical-align: middle;
	color: #fff;
}
.fa-hand-holding-usd:hover{
	background: #289353;
}
.fa-piggy-bank:hover{
	background: #876036;
}
.fa-creative-commons-nc:hover{
	background: #8F9600;
}
.fa-wallet:hover{
	background: #F7D300;
}
.fa-eraser:hover{
	background: #209FBF;
}
.icofa-registered:hover{
	background: #F89310;
}
.fa-donate:hover{
	background: #A3488B;
}
.fa-layer-group:hover{
	background: #A3488B;
}


#col-1-iconos-report{
	width: 40%;
}
#col-2-iconos-report{
	width: 55%;
}
.logout{
	text-align: right;
	color: #F89310;
	font-size: 18px;
	margin-top: -5px;
	cursor: pointer;
}
.logout:hover{
	color: #209fbf;
}


.icoTiket{
	font-size: 1.5em;
	color:green;
	border:2px solid #fff;
	background:#fff;
	margin-right: 11px;
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
}
.TituloDocumentosIngresados{
	font-size: 1.5em; padding-bottom: 11px; text-align: center; color: #fff;
}

.hojaComprobante{
	padding: 22px; background: #fff; border-radius: 10px 10px 10px 10px; margin-bottom:33px;
}
.iconoComprobante{
	width: 60px; height: 60px; border: 1px solid #000; padding: 15px; padding-top: 15px; border-radius: 50px 50px 50px 50px; margin: auto auto;
}
.tituloComprobante{
	color: #5e5d5d !important;
	font-size: 1.8em;
	text-align:center;
}
.NumloteComprobante{
	/*padding-bottom:11px;*/
	text-align:center;
	color:#209FBF;
}
.PreguntaFinPasos{
	text-align: center;
	margin-bottom: 55px;
}

.btnModosIngresosDoc{
	padding:18px; 
	margin: 9px 44px;
	border-bottom: 1px solid rgb(250,250,250,0.2);
	display: block;
	font-size:16px;
	position: relative;
	border-radius: 20px 20px 0px 0px;
	background: rgb(250,250,250,0.05);
	cursor: pointer;
}
.btnModosIngresosDoc:hover{
	background: rgb(250,250,250,0.1);
	text-decoration: none !important;
}
.tooltipsModoIngreso{
	position: absolute !important; right:0px !important;
}
	
.msjInfo{
	 font-size: 16px !important;
	 padding: 10px;
	 border-radius: 5px;
	 margin-bottom: 33px !important;
	 background: rgb(32, 159, 191, 0.5);
	 border: #209FBF
}
.msjError{
	 font-size: 16px !important;
	 padding: 10px;
	 border-radius: 5px;
	 margin-bottom: 33px !important;
	 background: #78252d;
	 border: black
}
.icoInfo{
	padding: 5px;
	margin-right: 15px;
	font-size: 19px;
}
.bold{
	font-weight: bolder;
}
	

@media (max-width: 1100px) {

	.filtro{
		width:1100px;
	}
	#contenedor{
		width:1100px;
	}

	.botonerasHome{
		left:700px;
		width:400px;
	}
	.contenedorPasos{
		width:1100px !important;
	}
	.contenPasos{
		width:1100px !important;
	}
	.menu{
		width:1100px;
	}
	.registrar{
		background: rgb(250,250,250,0.8);
		width:400px;
		padding: 11px;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
	}
	#titHead{
		font-size:14px !important;
		/*margin-left: 55px;*/
	}
}

#primefacesmessagedlg{
    top: 30%;
}

.ui-fileupload-buttonbar ui-widget-header ui-corner-top{
	background: none;
}
#modalRechazoGrupos{
	max-height: 75%;
}
#modalEditarNotaCreditoBD{
	max-height: 75%;
}

.divDisabled{
	pointer-events: none;
  	opacity: 0.5;
}
/*RFE Añado estilo para popup ARG*/
.popup {
	text-align: justify;
	font-size: 13px;
	line-height: 1.3;
	margin: 0;
    padding: 5px 0; /* Ajusta el padding según tus necesidades */
}
.links {
	color: #0000EE !important;
	text-decoration: underline !important;
	font-size: 13px !important;
	font-weight: bold !important;
}
/*2024-11 RFE Añado estilo para proyecto IA ARG*/
.bloque-deshabilitado {
    filter: grayscale(80%);
    opacity: 0.3;
    pointer-events: none; 
    background: linear-gradient(145deg, #f7f7f7, #e0e0e0); 
    border-radius: 8px;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); 
    cursor: not-allowed; 
    padding: 15px; 
    transition: all 0.3s ease; 
}
.bloque-deshabilitado h3, .bloque-deshabilitado label {
    color: #888888;
}

.bloque-deshabilitado p:graphicImage, .bloque-deshabilitado p:fileUpload {
    opacity: 0.5;
}

.bloque-deshabilitado i {
    color: #bbbbbb;
}

.rowIA {
    display: flex;
    flex-wrap: wrap;
}

.idBtnDescargarDocumentosSovos{
	background: #1ba3c8 !important;
	color: #fff !important; 
	font-size: 1.5em !important;
	-webkit-border-radius: 500px;
	-moz-border-radius: 500px;
	border-radius: 500px;
	margin-top: 10%;
	margin-left: 40%
}