.principal22{
    width: 1024px;
    padding:0px;
    border-width: 0px;
    border-spacing: 0px;
    border-spacing:0px;
    border: 0px;
    border-collapse:collapse;
    margin: 0 auto;

}

.header22{

    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    /*background-image: url("/puntopago/jakarta.faces.resource/top_03.gif.flacso?ln=images/banner");*/
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto; 
    width: 100%;
    height: 110px;
}

.container22 {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    text-align: left;
    width: 1024px;
}

.logo22 {
    height: 69px;
    margin-left: 500px;
    padding-top: 5px;
    text-align: center;
    width: 300px;
}

.logo22_titulo {
    padding-top: 0px;
    text-align: center;
    vertical-align: top;
}

.logo22_fecha {
    color: #919396;
    padding-top: 50px;
}
.campo-obligatorio{    
    font-weight: bold;
    color:firebrick;
}
.mensaje{

    border:1px solid #99CCCC;
    padding:2px 2px 2px 2px; 
    background:#FFFFFF;
    width:80%;
    border-radius:25px;
    -moz-border-radius:25px; /* Firefox 3.6 and earlier */
}
.error{
    width: 100%;
    background-color:transparent;
    z-index: -1;
    color: #FF0000;
    font-weight: bold;
    border:1px solid #FF0000;
    padding:2px 2px 2px 2px; 
    background:#FF9999;
    width:80%;
    border-radius:15px;
    -moz-border-radius:15px; /* Firefox 3.6 and earlier */
}
.info{
    width: 100%;
    background-color: transparent;
    z-index: -1;
    color: #0000CC;
    font-weight: bold;
    border:1px solid #0000CC;
    padding:2px 2px 2px 2px; 
    background:#99CCFF;
    width:80%;
    border-radius:15px;
    -moz-border-radius:15px; /* Firefox 3.6 and earlier */
}

.rich-panel-header{
    color: #FF0000;
    background: #9999ff repeat scroll 0 0;
}

.iconos{
    border: 0px;
    width: 30px;
    height: 30px;
}


.fondo_boton_grabar{
    background:steelblue;
    color:#FFFFFF;
    font-size: 13px;
    font-weight: bolder;
}

.fondo_boton_nuevo{
    background: orange;
    font-weight: bolder;
    font-size: 13px;
}

.fondo_boton_salir{
    background: red;
    font-weight: bolder;
    font-size: 13px;
}

.fondo_boton_borrar{
    background: steelblue;
    border-color: red ;
    font-weight: bolder;
    font-size: 13px ;    
}

.fondo_boton_blanco{
    background: white ;
    font-weight: bolder ;
    font-size: 13px ;    
    color: steelblue;   
}

/* para los layouts de los prime*/
.ui-widget-header {
    background-color: steelblue !important;
    background: none repeat-x scroll 50% 50% #5C9CCC !important;
    border: 1px solid #4297D7;
    color: #FFFFFF;
    font-weight: bold;
}
.estilo_linea_columna{
    border-color: steelblue !important;
}

.panel_combo_flax{
    border-color: #FFFFFF;
    text-align: center;
    color: steelblue;
    background-color: steelblue;    
}


.combo_estilo_flax{
    border-color: orange; 
    background-color: moccasin;
}



.grouping_row{    
    color: steelblue;
    font-size: 11px;
    font-weight: bold
        /*background-color: #FFEBDA;*/
}

.grouping_row_fondo{    
    background-color: gainsboro;
}

/*campo para los cobobox*/
.tamanio_campo_grande{
    width: 400px;
    border-color: steelblue !important;
}



.tamanio_campo_mediano{
    width: 300px;
    border-color: steelblue !important;
}


.tamanio_campo{
    width: 150px;
    border-color: steelblue !important;
}


.tamanio_campo_autocompletar{
    width: 200px;
    font-size: 12px;
    border-color: steelblue !important;
}

.tamanio_campo_promedio{
    width: 200px;
    border-color: steelblue !important;
}

/*campo para todos los combos de año*/
.tamanio_campo_anio{
    width: 80px;
    border-color: steelblue !important;
}

.button {
    padding: 10px 10px 7px !important;
    width: auto;
    background-color: #dc6d1c;
    transition: color .3s ease-in-out, background-color .3s ease-in-out;
    border-radius: 0;
    text-transform: uppercase;
    font-family: adelle-regular, sans-serif;
    font-weight: 300;
    letter-spacing: .23px;
    word-spacing: normal;
    color: #fff;
}
.footer {
    background: #313131 !important;
    color: #8F8F8F !important;
    margin-top: -1px;
}
.call-whatsapp a {
    background: url(../resources/images/comun/whatsapp.png) no-repeat 9px center #2ab200;
    border-radius: 21px;
    padding: 7px 10px 7px 44px;
    margin: 10px auto 30px;
    display: block;
    text-align: center;
    line-height: 18px;
    max-width: 295px;
    opacity: 0.95;
    color: #fff;
}
.w-1	{width: 8.3333% !important;}
.w-2 { width: 16.6667% !important;}
.w-3 {	width: 25% !important;}
.w-4 {	width: 33.3333% !important;}
.w-5 {	width: 41.6667% !important;}
.w-6 {	width: 50% !important;}
.w-7 {	width: 58.3333% !important;}
.w-8 {	width: 66.6667% !important;}
.w-9 {	width: 75% !important;}
.w-10 {	width: 83.3333% !important; }
.w-11 {	width: 91.6667% !important; }
.w-12 {	width: 100% !important; }
.w-1rem {	width: 1rem !important; }
.w-2rem {	width: 2rem !important; }
.w-3rem {	width: 3rem !important; }
.w-4rem {	width: 4rem !important; }
.w-full {width:100% !important;}
.w-max {width: max-content;}
.w-min {width: min-content;}
.h-full	{height: 100%};
.h-screen{height: 100vh;}
.h-auto	{height: auto;}
.h-1rem	{height: 1rem;}
.h-2rem	{height: 2rem;}
.h-3rem	{height: 3rem;}
.h-4rem	{height: 4rem;}
.h-5rem	{height: 5rem;}
.h-6rem	{height: 6rem;}
.h-7rem	{height: 7rem;}
.h-8rem	{height: 8rem;}
.h-9rem	{height: 9rem;}
.h-10rem	{height: 10rem;}
.h-11rem	{height: 11rem;}
.h-12rem	{height: 12rem;}
.h-13rem	{height: 13rem;}
.h-14rem	{height: 14rem;}
.h-15rem	{height: 15rem;}
.h-16rem	{height: 16rem;}
.h-17rem	{height: 17rem;}
.h-18rem	{height: 18rem;}
.h-19rem	{height: 19rem;}
.h-20rem	{height: 20rem;}
.text-xs	{font-size: .75rem !important;}
.text-sm	{font-size: .875rem !important;}
.text-base	{font-size: 1rem !important;}
.text-lg	{font-size: 1.125rem !important;}
.text-xl	{font-size: 1.25rem !important;}
.text-2xl	{font-size: 1.5rem !important;}
.text-3xl	{font-size: 1.75rem !important;}
.font-light	{font-weight: 300 !important;}
.font-normal	{font-weight: 400 !important;}
.font-medium	{font-weight: 500 !important;}
.font-semibold	{font-weight: 600 !important;}
.font-bold	{font-weight: 700 !important;}
.text-center	{text-align: center;}
.text-justify	{text-align: justify;}
.text-left	{text-align: left;}
.text-right	{text-align: right;}

.ui-widget-header {
    background-color: orange !important;
}
/* Elimina el borde de las celdas */
.ui-datatable .ui-datatable-data td .ui-state-default th {
    border: none !important;
}
.ui-datagrid .ui-datagrid-header {
    background-color: orange !important;
}
.ui-datagrid .ui-paginator {
    background-color: orange !important;
}
.ui-datatable .ui-datatable-header {
                     background-color: orange !important;
                }