.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("/infoflax/javax.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;
}

.alignRightMatricula{
    text-align: right;
    width: 90px;
}
.alignRightMatriculaN{
    font-weight: bold;
    text-align: right;
    width: 90px;
}

.matriculaNegrita{
    font-weight: bold;
}


.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;
}

.titulo_flax{
    font-weight: bold;
    color: orangered;
    font-size: 13px;
}

.sub_titulo2_flax_medium{
    font-weight: bold;
    color: steelblue;
    font-size: 14px;
}

.sub_titulo3_flax_medium{
    font-size: 14px;
    font-weight: bold;
}


.sub_titulo_flax{
    font-weight: bolder;
    color: steelblue;
    font-size: 12px;
}

.sub_titulo2_flax{
    font-weight: bold;
    color: steelblue;
    font-size: 11px;
}


.sub_titulo3_flax{
    font-size: 12px;
    font-weight: bold;
}


.sub_titulo4_flax{
    font-size: 14px;
    font-weight: bold;
}

.sub_titulo5_flax{
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}


.sub_titulo6_flax{
    font-size: 11px;
    font-weight: bold;
    color: chocolate;
}


.sub_titulo7_flax{
    font-size: 10px;
    font-weight: bold;
    color: #0000CC;    
}

.sub_titulo8_flax{
    font-size: 10px;
    font-weight: bold;
    color: orangered;    
}

.sub_titulo9_flax{
    font-size: 10px;
    font-weight: bold;
    color: steelblue;    
}

.sub_titulo_9_1_flax{
    font-size: 10px;
    font-weight: bold;
    color: green;
}

.sub_titulo10_flax{
    font-size: 12px;
    font-weight: bold;
    color: green;
}

.sub_titulo5_sisfin{
    font-size: 12px;
    font-weight: bold;
    color: #FF0000;
}
.sub_titulo10_sisfin{
    font-size: 12px;
    font-weight: bold;
    color: green;
}

sub_titulo11_sisfin{
    font-size: 12px;
    font-weight: bold;
}
.sub_titulo20_sisfin{
    font-size: 12px;
    font-weight: bold;
    color: #FDBC0D;
}

.sub_titulo21_doc{
    font-size: 18px;
    color: steelblue;
}

.columnaPanelColor{
    width: 120px; 
    height: 18px;
    background-color: lightsteelblue !important;
    border-width:1px  !important;
    border-style: solid;
    border-color: lightsteelblue !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 11px;
    font-weight: bold;
}

.columnaPanelColor1{
    width: 120px; 
    height: 20px;
    background-color: white !important;
    border-width:1px  !important;
    border-style: solid;
    border-color: lightsteelblue !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 11px;
    font-weight: bold;
}
.columnaPanelColor2{
    width: 120px; 
    height: 20px;
    background-color: white !important;
    border-width:1px  !important;
    border-style: solid;
    border-color: orange !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 11px;
    font-weight: bold;
}

.columnaPanelColor3{
    width: 120px; 
    height: 18px;
    background-color: lightsteelblue !important;
    border-width:1px  !important;
    border-style: solid;
    border-color: orange !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 11px;
    font-weight: bold;
}

.columnaPanelColor4{
    width: 120px; 
    height: 18px;
    background-color: #98d27e !important;
    border-width:1px  !important;
    border-style: solid;
    border-color: lightsteelblue !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 11px;
    font-weight: bold;
}
.columnaPanelColor5{
    width: 120px; 
    height: 18px;
    background-color: #FF9999 !important;
    border-width:1px  !important;
    border-style: solid;
    border-color: lightsteelblue !important;
    text-align: center !important;
    vertical-align: middle !important;
    font-size: 11px;
    font-weight: bold;
}

/* TAMAÑOS DE FUENTES*/

.f-8{
    font-size: 8px;
}
.f-9{
    font-size: 9px;
}
.f-10{
    font-size: 10px;
}
.f-11{
    font-size: 11px;
}
.f-12{
    font-size: 12px;
}


.f-b{
    font-weight: bold;
}

.f-red{
    color: #C60516;
}
.f-blue{
    color:steelblue;
}
.f-blueclear{
    color:#19A2D7;
}

.f-steelblue{
    color:steelblue;
}
.f-skyblue{
    color:skyblue;
}
.f-darkblue{
    color:darkblue;
}
.f-blueA{
    color:#007bff;
}
.f-orangeA{
    color:#dc7633;
}
.f-yellowgreen{
    color:yellowgreen;
}
.f-green{
    color:green;
}


.sub_titulo12_flax{
    font-size: 14px;
    font-weight: bold;
    color: orangered;
}

.sub_titulo13_flax{
    color: #2E6E9E; /*#0098D0*/
    font-size: 12px;
    font-weight: bolder;

}

.sub_titulo14_flax{
    font-size: 12px;
    font-weight: bold;
    color: #0000CC;
}

.sub_titulo15_flax{
    font-size: 10px;
    font-weight: bolder;
}


.sub_titulo16_flax{
    color: #12629A !important;
    font-size: 11px;
    font-weight: bolder;
}


.sub_titulo17_flax{
    color: white !important;
    font-weight: bolder;
}

.fondo_boton_aprobar{
    background: yellowgreen !important;
    font-weight: bolder !important;
    font-size: 13px !important;
}

.fondo_boton_grabar{ 
    background: steelblue !important;
    font-weight: bolder !important;
    font-size: 13px !important;
}

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

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

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

.fondo_boton_blanco{
    background: white !important;
    font-weight: bolder !important;
    font-size: 13px !important;    
    color: steelblue !important;   
}
.fondo_boton_general{
    background: #39C !important; 
    font-weight: bolder !important;
    font-size: 13px !important;    
}
.fondo_boton_estandar{
    background: #607d8b!important;
    color: #fff!important;
    font-size: 13px !important; 
}
.fondo_boton_imprimir{
    background: midnightblue !important;
    font-weight: bolder !important;
    font-size: 13px !important;    
}
.fondo_boton_eliminar{
    background:#FF0000 !important;
    font-weight: bolder !important;
    font-size: 13px !important;    
}

.fondo_boton_anular{
    background: #cc00ff !important;
    font-weight: bolder !important;
    font-size: 13px !important;
}

/* para las opciones del menu, los colores que suplantan al rich*/

.rf-pm-top-gr-hdr {
    background-color: steelblue !important;
    background-image: none !important;
    background-position: left top;
    background-repeat: repeat-x;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 2px 1px 2px 2px;
    white-space: nowrap;
}

.rf-pm-itm-dis:hover {
    background-color: lightsteelblue !important;
}

.rf-pm-itm{
    background-color: lightsteelblue ;
}


/* para las tablas de los rich*/
.rf-dt-hdr-c {
    background-color: steelblue !important;
    background-image: none !important;
    background-position: left top;
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    color: #FFFFFF;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}

/* extende data table del rich*/
.rf-dt-shdr-c {
    background-color: steelblue !important;
    background-image: none !important;
    background-position: left top;
    border-bottom: 1px solid #C0C0C0;
    border-right: 1px solid #C0C0C0;
    color: #FFFFFF;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}


.rf-edt-hdr {
    background-image: none !important;
    background-color: steelblue !important;
}
/* para los panel de rich*/

.rf-p-hdr {
    background-color: steelblue !important;
    background-image: none !important;
    background-position: left top;
    background-repeat: repeat-x;
    border-color: #4A75B5;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
}


/* para los acordiones del rich*/
.rf-cp-hdr {
    background-color: steelblue !important;
    background-image: none !important;
    background-position: left top;
    background-repeat: repeat-x;
    border-color: #4A75B5;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 2px;
}

/* */
.rf-pp-hdr {
    background: steelblue !important;
    cursor: move;
    padding: 2px;
    position: relative;
}

/* para la seccion del pie*/
.rf-tb {
    background-color: steelblue !important;
    background-image: none !important;
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #C0C0C0;
    border-collapse: collapse;
    border-spacing: 0;
    color: #FFFFFF;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 0;
}

/* 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;
}

/*Estos estilos se ajustan a cada numero de columna creada en un extended_data_table de rich
    lo que se hace aqui es tener un listado de 15 columas, cada una con width diferente
    por lo general cada columna viene un un id de 100px, sin embargo se ha creado un listado
    de 3 estilos diferentes con tipo pequeño 50px,mediano 200px y grande 300px 
    para cada uno de los tipos de estilos se ha creado 5 diferentes:
    FORMULA: se debe construir de la siguiente forma:
        todos deben tener : rf-edt-ec-
        los id's de la columnas deben ser: col_peq_a ....e
                                           col_med_a ....e
                                           col_grd_a ....e    
                                           col_ext_a ....e  
    para que funcione, cada id del rich:column debe conincidir con rf-edt-ec-"id de la columna"
    ejm: se requiere un campo pequeño par la columna llamada id="col_peq_b"
    NOTA: no require que el styleclass en la columna sea llamada.
*/
.rf-edt-c-col_peq_a{width: 50px !important;}.rf-edt-c-col_peq_b{width: 50px !important;}.rf-edt-c-col_peq_c{width: 50px !important;}.rf-edt-c-col_peq_d{width: 50px !important;}.rf-edt-c-col_peq_e{width: 50px !important;}			
.rf-edt-c-col_med_a{width: 150px !important;}.rf-edt-c-col_med_b{width: 150px !important;}.rf-edt-c-col_med_c{width: 150px !important;}.rf-edt-c-col_med_d{width: 150px !important;}.rf-edt-c-col_med_e{width: 150px !important;}
.rf-edt-c-col_grd_a{width: 200px !important;}.rf-edt-c-col_grd_b{width: 200px !important;}.rf-edt-c-col_grd_c{width: 200px !important;}.rf-edt-c-col_grd_d{width: 200px !important;}.rf-edt-c-col_grd_e{width: 200px !important;}
.rf-edt-c-col_ext_a{width: 300px !important;}.rf-edt-c-col_ext_b{width: 300px !important;}.rf-edt-c-col_ext_c{width: 300px !important;}.rf-edt-c-col_ext_d{width: 300px !important;}.rf-edt-c-col_ext_e{width: 300px !important;}
.rf-edt-c-col_exm_a{width: 430px !important;}.rf-edt-c-col_exm_b{width: 430px !important;}.rf-edt-c-col_exm_c{width: 430px !important;}.rf-edt-c-col_exm_d{width: 430px !important;}.rf-edt-c-col_exm_e{width: 430px !important;}
.rf-edt-c-col_exg_a{width: 500px !important;}.rf-edt-c-col_exg_b{width: 500px !important;}.rf-edt-c-col_exg_c{width: 500px !important;}.rf-edt-c-col_exg_d{width: 500px !important;}.rf-edt-c-col_exg_e{width: 500px !important;}

.rf-edt-c-cnt{
    white-space: normal !important;
}

/*.rf-edt-c{
    height: 30px !important;    
}*/

.ui-fieldset-legend{
    background: steelblue !important; 
    color: white !important; 
}


.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;
}

/*campo para los cobobox*/
.tamanio_campo_extragrande{
    width: 500px;
    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 convocatoria normal*/
.tamanio_campo_convocatoria, .tamanio_campo_convocatoria input{
    width: 120px;
}

/*campo para todos los combos de convocatoria rich autocompletado*/
.tamanio_campo_convocatoria_autocompletado input{
    width: 100px !important;
}

/*campo para todos los combos de nota rich autocompletado*/
.tamanio_campo_nota_autocompletado{
    float:left;
}

.tamanio_campo_nota_autocompletado input{
    width: 20px !important;
}

.tamanio_campo_nota_autocompletado .rf-sel-btn-arrow {
    width: 10px !important;
}

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

.rf-au-lst-scrl{    
    width: 400px !important;
}

.rf-au-inp{  
    width: 250px !important;
}

.caja_texto{
    width: 250px !important;
}

/*sobreescribimos el rich:select*/
.rf-sel-cntr {
    border-color: #C0C0C0;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    font-size: 10px !important;
    white-space: nowrap;
}


.even-row {
    background-color: #FCFFFE !important;
}

.odd-row {
    background-color: #FFFFFF !important;
}

.active-row {
    background-color: wheat !important;
    cursor: pointer;
}

.active-row-orangepie {
    background-color: #fdebd0 !important;
    background-image: none !important;
}

.click-row {
    background-color: lightsteelblue  !important;
}      
.click-row_2 {
    background-color: lightsteelblue !important;  /* E17009 **/
} 

.stiloPanel{
    text-align: left;
    vertical-align: top;
}

td {
    vertical-align: top;
}


.ui-datatable-data-empty td {
    border-color: inherit;
    border-style: solid;
    border-width: 0px !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
.ui-datatable-data-empty1 th td {
    border-color: inherit;
    border-style: solid;
    border-width: 0px !important;
    margin: 0;
    overflow: hidden;
    padding: 0px !important;
}






.row1 {
    background: #a7d991;  /*VERDE PASTEL*/
    height: 5px;
    font-size:11px;
}

.row2 {
    background: #FF9999;    /*ROJO PASTEL*/
    height: 5px;
    font-size:11px;
}

.row3 {
    background: #FFF;   /*BLANCO*/
    height: 5px;
    font-size:11px;
}


.row4 {
    background: #ffb;   /*amarillo pastel*/
    height: 5px;
    font-size:11px;
}

.row5 {
    background: #9FC0E9;    /*AZUL PASTEL*/
    height: 5px;
    font-size:11px;
}



.row6 {
    background: red;    /*rojo*/
    height: 5px;
    font-size:13px;
}


.row7 {
    background: #fff3a1;    /*ABANO pastel*/
    height: 5px;
    font-size:13px;
}


/* PRIME UPLOAD*/

.ui-fileupload .start {
    display: none;
}
.ui-fileupload .cancel {
    display: none;
}
.ui-fileupload .progress {
    /*  display: none; - if you wanted to hide the progress bar as well*/
}
.ui-fileupload  {
    border: none;
}
.ui-progressbar {  /* made progress bar smaller to fit on same line */
    width: 100px!important;
    height: 5px!important;
}
.fileupload-buttonbar .fileinput-button .ui-icon-plusthick { /* remove icon from browse button */
    display: none !important;
}
.fileupload-buttonbar .fileinput-button  .ui-button-text { /* removed icon from browse button so shifting text left*/
    padding-left: 1em!important;
}
.ui-fileupload .fileupload-buttonbar {
    border: none!important;
    background: transparent;
    background-color: transparent;
    float: left; /* Keep button on left */
} 

.fileupload-content {
    border: none!important;
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 0px!important;
    background: transparent!important;
    background-color: transparent!important;
    float: right; /* and content on right */
}

/* color de la fila seleccionada del prime faces no usado*/                
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: rgba(237,183,102,0.7) ;
    border: 1px solid rgba(237,183,102,0.7) ;
    color: #363636;
}                */



.ui_button_prime_grabar {
    background: steelblue none repeat scroll 0 0 !important;
    border: 1px solid steelblue !important;
    color: white !important;
    font-weight: bold !important;
}


.ui_button_prime_nuevo {
    background: orange none repeat scroll 0 0 !important;
    border: 1px solid orange !important;
    color: white !important;
    font-weight: bold !important;
}


.ui_button_prime_salir {
    background: red none repeat scroll 0 0 !important;
    border: 1px solid red !important;
    color: white !important;
    font-weight: bold !important;
}



.ui_button_prime_aprobar {
    background: green none repeat scroll 0 0 !important;
    border: 1px solid green !important;
    color: white !important;
    font-weight: bold !important;
}

.ui_button_prime_azul {
    background: blue none repeat scroll 0 0 !important;
    border: 1px solid blue !important;
    color: white !important;
    font-weight: bold !important;
}


.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    margin: 1px 0 !important;
}

/* Para mostrar un cuadro cuando se da click en un icono para mostrar el archivo en el visor */
.activo {
    border-color: lime;border-style: outset ;
}
.icono-naranja{
    color: darkorange;
}
.icono-rojo{
    color: #C60516 !important;
}
.icono-azul{
    color: steelblue;
}
.icono-verde{
    color: darkgreen;
}

.color_icono_azul{
    color: steelblue !important;
}

.color_icono_maroon{
    color: maroon !important;
}

.color_icono_naranja{
    color: sandybrown !important;
}

.color_icono_rojo{
    color: #C60516 !important;
}

.color_icono_verde{
    color: darkgreen !important;
    font-weight: bolder !important;    
}
.col-10{
    width: 10px;
}
.col-20{
    width: 20px;
}
.col-30{
    width: 30px;
}
.col-40{
    width: 40px;
}
.col-50{
    width: 50px;
}
.col-60{
    width: 60px;
}
.col-70{
    width: 70px;
}
.col-80{
    width: 80px;
}
.col-90{
    width: 90px;
}
.col-100{
    width: 100px;
}
.col-120{
    width: 120px;
}
.col-130{
    width: 130px;
}
.col-140{
    width: 140px;
}
.col-150{
    width: 150px;
}
.col-160{
    width: 160px;
}
.col-180{
    width: 180px;
}
.col-200{
    width: 200px;
}
.col-250{
    width: 250px;
}
.col-300{
    width: 300px;
}
.col-350{
    width: 350px;
}
.col-400{
    width: 400px;
}
.col-450{
    width: 450px;
}
.col-500{
    width: 500px;
}

.col-10p{
    width: 10%;
}
.col-20p{
    width: 20%;
}
.col-30p{
    width: 30%;
}
.col-40p{
    width: 40%;
}
.col-50p{
    width: 50%;
}
.col-60p{
    width: 60%;
}
.col-70p{
    width: 70%;
}
.col-80p{
    width: 80%;
}
.col-90p{
    width: 90%;
}
.col-100p{
    width: 100%;
}
.ui-widget-gutter{
    position: absolute;
    /*left: 0;*/
    transform: translate(-5%,-50%);
    z-index: 1;
    background: orangered;
    color:#fff;
    border-radius: 10px;
    padding: .1rem .3rem;
}


.archivos-permitidos {
    color: #0000cc;
    font-size: 10px;
    font-weight: bold;
    margin-right : 5px;
}

.color_fila_naranja{
    background: rgba(252,167,82,0.5) !important;
}


.texto_caja{
    background: steelblue !important; 
    width: 200px !important; 
    height: 30px !important;              
}

.texto_caja_anv{
    background: #ff7850 !important;  /*#ff5722*/
    width: 200px !important; 
    height: 30px !important;              
}
.texto_caja_sel{
    background: #3c9445 !important;  
    width: 200px !important; 
    height: 30px !important;              
}
.texto_menus{
    background: white !important;  
    width: 130px !important; 
    height: 25px !important;              
}

.texto_enlace{   
    text-decoration: none !important; 
    color: white !important; 
    font-weight: bolder !important;           
}

.texto_enlace2{   
    text-decoration: none !important; 
    color: black !important; 
    font-weight: bolder !important;           
}

.botonPrimeAzul{
    background: steelblue !important; 

    color: white !important;    
}

.botonPrimeAmarillo{
    background: orange !important; 
    color: white !important;    
}

.botonPrimeRojo{
    background: red !important; 
    color: white !important;    
}

.botonPrimeVerde{
    background: green !important; 
    background-color: green;
    color: white !important;    
}

.panelConsulta{
    width: 350px !important; 
}


.panelConsulta1{
    width: 500px !important; 
}

.colorPanelMatricula .ui-panel .ui-panel-titlebar
{
    background:  #FF8831 !important;
    vertical-align: top;
    text-align: center;
}
.colorPanelColegiatura .ui-panel .ui-panel-titlebar
{
    background:  #123971 !important;
    vertical-align: top;
    text-align: center;
}

.titulo2 .ui-panel .ui-panel-titlebar .ui-widget-header{
    text-align: center;
    vertical-align: top;

}

.colorColegiatura 
{
    background-color: #B9D3EE !important;
    background-image: none !important;
    color: #000000 !important;
}


.checkBoxStyleMatricula{
    border: 1px  #FF8831;
    color:  #FF8831;
    font-size: 14px;


}  
.checkBoxStyleColegiatura{
    background-color: #B9D3EE;
}  


.ckMatricula .ui-chkbox .ui-widget .ui-chkbox-icon .ui-helper-hidden-accessible .ui-chkbox-box .ui-widget .ui-corner-all .ui-state-default .ui-state-focus{
    border: 1px solid #B9D3EE;
    background-color: #B9D3EE;
}

.colorCheckMatricula {
    border: 1px solid #FF8831;
    background-color: #FF8831;
}

.colorCheckColegiatura {
    border: 1px solid #123971;
    background-color: #123971;
}
.colorPanelAdmision .ui-panel .ui-panel-titlebar
{
    background:  #a856f8 !important;
    vertical-align: top;
    text-align: center;
}

.btn_nuevo_color{
    background: orange !important;
    font-weight: bolder !important;
    font-size: 11px !important;
    color: white !important;
}

.btn_salir_color{
    background: red !important;
    font-weight: bolder !important;
    font-size: 11px !important;
    color: white !important;
}

.btn_guardar_color{
    background: #007bff !important;
    font-weight: bolder !important;
    font-size: 11px !important;
    color: white !important;
}

.ui-datatable table{
    border-collapse:collapse;width:100%;}
.ui-datatable .ui-datatable-header,.ui-datatable .ui-datatable-footer{
    text-align:center;padding:4px 10px;}
.ui-datatable .ui-datatable-header{border-bottom:0px none;
}
.ui-datatable .ui-datatable-footer{
    border-top:0px none;
}
.ui-datatable th, .ui-datatable tfoot td{
    text-align:center;white-space:nowrap;padding:0px;margin:0px;overflow:hidden;
}.ui-datatable-data, .ui-datatable-data-empty{
    
}.ui-datatable .ui-datatable-data td,.ui-datatable .ui-datatable-data-empty td{
    border-width:1px;border-style:solid;border-color:inherit;padding:0px;margin:0px;overflow:hidden;
}.ui-datatable .ui-sortable-column{
    cursor:pointer;
}.ui-datatable div.ui-dt-c{
    position:relative;}.ui-datatable .ui-sortable-column-icon{position:absolute;left:0;margin-left:-2px;}.ui-datatable .ui-column-filter{display:block;width:100px;margin:auto;}

.ui-datatable .ui-expanded-row{
    border-bottom:0px none;
}
.ui-datatable .ui-expanded-row-content{
    border-top:0px none;}
.ui-datatable .ui-row-toggler{cursor:pointer;}.ui-datatable .ui-cell-editor-input{display:none;}.ui-datatable .ui-row-editor-column{}.ui-datatable .ui-row-editor{}.ui-datatable .ui-row-editor span{cursor:pointer;float:left;}.ui-datatable tr.ui-state-highlight{cursor:pointer;}.ui-datatable .ui-selection-column{width:44px;}.ui-datatable .ui-selection-column .ui-chkbox-all{display:block;margin:0px auto;width:16px;height:16px;}.ui-datatable-scrollable{}.ui-datatable-scrollable-body{overflow:auto;*position:relative;}.ui-datatable-scrollable-header,.ui-datatable-scrollable-footer{overflow:hidden;border:0px none;}.ui-datatable-scrollable .ui-datatable-scrollable-body table,.ui-datatable-scrollable .ui-datatable-scrollable-header table,.ui-datatable-scrollable .ui-datatable-scrollable-footer table{width:auto;}.ui-datatable-scrollable .ui-datatable-scrollable-header,.ui-datatable-scrollable .ui-datatable-scrollable-footer{position:relative;} .ui-datatable-scrollable .ui-datatable-scrollable-header-box,.ui-datatable-scrollable .ui-datatable-scrollable-footer-box{float:left;padding-right:40px;}.ui-datatable .ui-column-resizer{position:absolute;right:0;width:8px;height:20px;padding:0px;cursor:col-resize;background-image:url("/infoflax/javax.faces.resource/spacer/dot_clear.gif.flacso?ln=primefaces");margin:-4px 0px;*margin-left:2px;}.ui-datatable .ui-filter-column .ui-column-resizer{height:45px;}.ui-datatable .ui-column-resizer-helper{width:1px;position:absolute;z-index:10;display:none;}.ui-datatable-resizable{padding-bottom:1px;/*fix for webkit overlow*/overflow:auto;}.ui-datatable.ui-datatable-resizable table{width:auto;}.ui-datatable th div.ui-dt-c,.ui-datatable .ui-datatable-data td div.ui-dt-c,.ui-datatable .ui-datatable-data-empty td div.ui-dt-c,.ui-datatable tfoot td div.ui-dt-c{padding:4px 10px;overflow:hidden;}.ui-datatable .ui-datatable-data tr.ui-state-hover{border-color:inherit;font-weight:inherit;cursor:pointer;*font-weight:normal;/*IE7 hack*/}.ui-datatable .ui-paginator,.ui-datatable .ui-paginator{padding:2px;}.ui-column-dnd-top, ui-column-dnd-bottom{display:none;position:absolute;}.ui-column-dnd-top .ui-icon, ui-column-dnd-bottom .ui-icon{position:absolute;top:-4px;}

.swal2-container {
  z-index: 2000;
}