/* 
    Created on : 27-febrero-2020, 08:27:35
    Author     : monica
*/

/****************************************************************************
        udcHeaderTemplate
*****************************************************************************/

.xestatBody_only
{
    margin: 0px;
    width: calc(100%-2px);
    background-color: white;
    overflow-y: auto;
    overflow-x: hidden;
}

.defaultUdcLogo {
    float: right;
    display: inline;
    font-weight: 400;
    width: 20%;
    padding-right: 8px; 
    padding-top: 10px;    
}

.defaultUdcLogoImg {
    width: 100%;
}

.defaultUdcTitle {
    float: left;
    display: inline;
    text-align: center;
    font-size: 20pt;
    font-weight: bold;
    width: 50%;
}

.defaultUdcTitle table {    
    width: 100%;
    height: 100%;
}

.defaultUdcTitle table td {
    vertical-align: middle;
}

.defaultUdcHeaderRightLayer 
{
    float: left;
    font-size: .8em;
    display: block;
    border-radius: 0;
    box-sizing: border-box;
    font-weight: 400;
    line-height: 1.75;
    color: #555;
    font-family: "Open Sans",sans-serif;
    list-style: none;
}

.defaultUdcLocale 
{
    display: inline-block;
    margin-left: .25em;
    padding: .25em 1em;
    transition: all ease-in 250ms;
    margin-top: .25em;
}

.defaultUdcUserWelcome 
{
    height: 35px;
}

.defaultUdcUserWelcome table {
    width: 100%;
    height: 100%;
}

.defaultUdcUserWelcome table td {
    vertical-align: bottom;
}

.defaultLinkStyleClass 
{
    border: 1px solid rgba(51,51,51,0);
    border-bottom-color: rgba(51, 51, 51, 0);
    border-bottom-color: rgba(51,51,51,.5);
    background-color: transparent;
    display: inline-block;
    margin-left: .25em;
    padding: .25em 1em;
    transition: all ease-in 250ms;
}

.line
{
    display: block;
    background: rgb(238, 238, 240);
    border-top: 1px solid rgb(221, 221, 221); 
    margin-top: 10px;
    height: 28pt;
}

/*.hr_head
{
    background-color: #eeeef0;
    height: 30pt;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top-color: #dddddd;
}*/

.xestatDefaultUdcContent_only
{
    padding: 1px 1px 1px 1px;
    width: 99%;
    height: 95%;
    overflow-y: hidden;
    overflow-x: auto;
}

.DefAlterInfoClass 
{
    overflow: auto;
    min-width: 30px; 
    max-width: 350px; 
    max-height: 250px; 
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 10pt;
    text-decoration: none;
    margin: 10px;
    padding: 5px;
    color: #555;
    background: white;
    border: 1px solid darkgray;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}
/**************************************
CAPA IFRAME PARA OPCIONES AUXILIARES
***************************************/

.capa_iframe_style
{
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    z-index: 2000;
    top: 15%;
    left: 5%;
    height: 75%;
    width: 60%;
    background-color: white;
    border: 2px solid #BBBBBB; /*#D60D8C; */
    border-radius: .5em;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.2);
}

.capa_iframe_iframe
{
    width: 100%;
    height: 100%;
    float: bottom; 
}

.capa_iframe_link_reload
{
    width: 15%;
    height: 25px;
    float: left;
    color: #880000;    
    margin-left: 3px;
    background-color: #efefef;
    cursor: pointer;
    text-decoration: none;
    text-align: center;    
    padding-top: 5px;
    font: 14px/100% Arial, Helvetica, sans-serif;
    border-radius: .4em;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
}
.capa_iframe_link_reload:hover
{
    font-weight: lighter;
    color: white;
    background-color: #880000;
}
.capa_iframe_link_reload:active
{
    font-weight: lighter;
    color: white;
    background-color: #880000;
    box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
    -moz-box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
}

.capa_iframe_link_cerrar
{
    width: 60%;
    height: 25px;
    float: left;
    color: #D60D8C;    
    background-color: #efefef;
    cursor: pointer;
    text-decoration: none;
    text-align: center;    
    padding-top: 5px;
    font: 14px/100% Arial, Helvetica, sans-serif;
    border-radius: .4em;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
}
.capa_iframe_link_cerrar:hover
{
    font-weight: lighter;
    color: white;
    background-color: #D60D8C;
}
.capa_iframe_link_cerrar:active
{
    font-weight: lighter;
    color: white;
    background-color: #D60D8C;
    box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
    -moz-box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
}

.capa_iframe_link_cerrar_only
{
    width: 75%;
    height: 25px;
    float: left;
    color: #D60D8C;    
    background-color: #efefef;
    cursor: pointer;
    text-decoration: none;
    text-align: center;    
    padding-top: 5px;
    font: 14px/100% Arial, Helvetica, sans-serif;
    border-radius: .4em;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
}
.capa_iframe_link_cerrar_only:hover
{
    font-weight: lighter;
    color: white;
    background-color: #D60D8C;
}
.capa_iframe_link_cerrar_only:active
{
    font-weight: lighter;
    color: white;
    background-color: #D60D8C;
    box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
    -moz-box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
}

.capa_iframe_link_mover
{
    width: 24.5%;
    height: 25px;
    float: right;
    color: #8EC7FF;    
    background-color: #efefef;
    cursor: pointer;
    text-decoration: none;
    text-align: center;    
    padding-top: 5px;
    font: 14px/100% Arial, Helvetica, sans-serif;
    border-radius: .4em;
    -webkit-border-radius: .4em; 
    -moz-border-radius: .4em;
}
.capa_iframe_link_mover:hover
{
    font-weight: lighter;
    color: white;
    background-color: #8EC7FF;
}
.capa_iframe_link_mover:active
{
    font-weight: lighter;
    color: white;
    background-color: #8EC7FF;
    box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
    -moz-box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
    -webkit-box-shadow: 0 5px 2px rgba(0,0,0,.2) inset;
}

/****************************** Otras clases *******************************/

.dwh_user_query_public_result .query_info_report
{
    float:left; 
    margin-bottom: 10px;
    margin-top: 10px;
}

.dwh_user_query_public_result .chartTableLayerStyle
{
    margin-top: 10px;
    overflow-y: hidden;
}

/* Capa del titulo en la página de resumen */
.dwh_user_query_public_result .query_info_report .info_description_div_report
{
    display: block;
    float: left;
    overflow: hidden;
    width: 100%;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    padding-bottom: 10px;
    padding-right: 3px;
}

.dwh_user_query_public_result .query_info_report .info_description_div_report .info_description
{
    display: inline-block;
    width: 90%;
    float:left;  
    clear: left;
    margin-top: 10px;
    margin-bottom: 5px;
    color: black; 
}

.dwh_user_query_public_result .query_info_report .info_description_div_report .name
{
    width: 80%;
    color: black;
    display: inline-block;
    margin-top: 10px;
    cursor: default;
    font-family: "Open Sans",sans-serif;
    font-size: 16pt;
    font-weight: bold;
    color: #555;
}

.dwh_user_query_public_result .name
{
    width: 80%;
    color: black;
    display: inline-block;
    margin-top: 10px;
    cursor: default;
    font-family: "Open Sans",sans-serif;
    font-size: 16pt;
    font-weight: bold;
    color: #555;
}

.dwh_user_query_public_result .query_info_report .info_description_div_report .name:hover
{
    cursor: help;
}

.dwh_user_query_public_result .name:hover
{
    cursor: help;
}

.dwh_user_query_public_result .query_info_report .info_description_div_report .name2
{
    width: 80%;
    color: black;
    display: inline-block;
    margin-top: 10px;
    cursor: default;
    font-family: "Open Sans",sans-serif;
    font-size: 16pt;
    font-weight: bold;
    color: #555;
}

.dwh_user_query_public_result .name2
{
    width: 80%;
    color: black;
    display: inline-block;
    margin-top: 10px;
    cursor: default;
    font-family: "Open Sans",sans-serif;
    font-size: 16pt;
    font-weight: bold;
    color: #555;
}

.dwh_user_query_public_result .query_info_report .info_description_div_report .nameSinUnderline
{
    display: inline-block;
    float: left;
    margin-top: 10px;
    color: black; 
    font: 10pt blonder Arial, sans-serif; 
    margin-left: 3px;
    vertical-align: middle;
}

.dwh_user_query_public_result .query_info_report .dwh_user_query_public_rolAndFilterGroupReport
{
    float:left;
    display: block;
}

.dwh_query_filters_report_div
{
    font-size: 10.5pt;
    display: block;
    color:#555;
    font-family: "Open Sans",sans-serif;
}

.dwh_query_filters_report_div .title_filter
{
    margin-top: 30px;
    margin-bottom: 15px;
    font-family: "Open Sans",sans-serif;
    font-size: 13pt;
    color: #444444;
    display: block;
    width: 100%;
    float: left;
    color: #555;
}

.dwh_query_filters_report_div .linksReport_applied
{
    color: inherit;
    float: left;
    clear: left;
    padding: 1px 3px 1px 3px;
    -webkit-border-radius: 0.5em; 
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-bottom: 7px;
}

.dwh_query_filters_report_div[id='completeFilters'] .linksReport_applied
{
    border: 1px solid #555;
    background-color: #f3e3f3;
}

.dwh_query_filters_report_div[id='only_dataFilters'] .linksReport_applied
{
    border: 1px solid #555;   
    background-color: #f3e3f3;
}

.dwh_query_filters_report_div .linksReport
{
    float: left;
    clear: left;
    padding: 1px 3px 1px 3px;
    -webkit-border-radius: 0.5em; 
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    margin-bottom: 7px;
}

.dwh_query_filters_report_div[id='completeFilters'] .linksReport
{
    border: 1px solid #555;    
}

.dwh_query_filters_report_div[id='only_dataFilters'] .linksReport
{
    border: 1px solid #555;      
}

.dwh_xestat_filter_page_report
{  
    overflow: hidden;
    width: 100%;
    float: left;
    padding-top: 10px;
    color: #848484;
}

.dwh_query_filters_report_div .title
{
    display: block;
    margin-bottom: 5px;
    font: 9pt normal Arial, sans-serif;
    color: #8c51cf;
}

.dwh_query_filters_report_div .label
{  
    width: 30%;
    padding-right: 10px;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 10pt;
    color: #555;
    margin-bottom: 5px;
    margin-top: 5px;
}

.dwh_query_filters_report_div .labelMovil
{  
    width: 30%;
    padding-right: 10px;
    float: left;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 10pt;
    color: #555;
    margin-bottom: 5px;
    margin-top: 5px;
}

.dwh_query_filters_report_div .labelWithoutGraph
{  
    width: 12%;
    padding-right: 10px;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 10pt;
    margin-bottom: 5px;
    margin-top: 5px;
}

.dwh_query_filters_report_div .select
{
    width: 95%;
    color: #555;
    font-family: "Open Sans",sans-serif;
    font-size: 10pt;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.dwh_query_filters_report_div .selectMovil
{
    width: 71%;
    color: #555;
    display: block;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 10pt;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

.dwh_query_filters_report_div .selectWithoutGraph
{
    width: 95%;
    color: #555;
    font-family: "Open Sans",sans-serif;
    font-size: 10pt;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/***************************  Estilos para el gráfico  ******************************************/
/* Capa del gráfico en la página de resumen (report) */
.dwh_user_query_public_result .chartTableLayerStyle .dwh_user_query_capa_iframe_chart_style
{
    float: left;
    width: 100%;
    height: auto;    
    overflow-x: auto;
    overflow-y: auto;
    margin-bottom: 20px;
}

.dwh_user_query_capa_iframe_chart_style::-webkit-scrollbar {width: 5px; height: 5px;}
.dwh_user_query_capa_iframe_chart_style::-webkit-scrollbar-track {background-color: #eeeeee;}
.dwh_user_query_capa_iframe_chart_style::-webkit-scrollbar-thumb {background-color: #dddddd; border-radius:20px;}
.dwh_user_query_capa_iframe_chart_style::-webkit-scrollbar-button {background-color: #BBBBBB; border-radius:20px;}
.dwh_user_query_capa_iframe_chart_style::-webkit-scrollbar-corner {background-color: transparent;}

/* Estilo para los select del popup del gráfico */
.chart_selects_report_style
{
    font-family: "Open Sans",sans-serif;
    color: #555;
    font-size: 9pt;
    cursor: pointer;
    padding: .1em .1em .1em;
    background-color: white;
    float: left;
}

.chart_selects_report_style > select
{
    width: 100%;
    display: inline-block;
    float: left;    
    padding: 1px;
    margin-left: 4px;
    margin-bottom: 4px;
    border: 1px;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);    
}

.chart_selects_report_style > label
{
    font-weight: bold;
}
/* Estilo para los flags del popup del grafico */
.message
{
    width: 6em;
    height: 1em;
    font-family: "Open Sans",sans-serif;
    font-size: 9pt;
    float: left;
    margin-top: 3px;
}

.dfBtnNoteChartCompClass
{
    display: block;
    float: left;
    padding-left: 60px;
}

.dfBtnExportChartCompClass
{
    display: block;
    float: left;
    padding-left: 10px;
}

.chart_fl_report_style
{
    font-size: 0pt;
    display: inline-block;
    float: left;
    margin-top: 30px;
    width: 50% !important;
}

.chart_btn_note_report_style
{
    display: inline;
    float: right;
}

.chart_btn_export_report_style
{
    display: inline;
    float: right;
}

.chart_flags_report_style
{
    font-family: "Open Sans",sans-serif;
    color: #555;
    font-size: 9pt;
}

.chart_refresh_report_style
{
   width: 50px !important;
   padding-right: 0px !important;
   padding-left: 0px !important;
   cursor: pointer;
   visibility: hidden;
   border: 2px solid green;
}

.chart_flags_report_style input[type="checkbox"]
{
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    float: left;
    border-color: #555;
}

/* Estilo para las opciones (seleccion de datos, modo de visualización). Contiene los selects y el flag */
/* OptionsLayerStyle */
.chart_options_report_style
{    
    font-size: 0px;
    float: left;
    display: block;
}

.chart_options_report_none_style
{    
    font-size: 0px;
    float: left;
    display: none;
}

/* Estilo para la capa del gráfico */
/* graphLayerStyle */
.chart_graph_report_style
{    
    height: 395px; 
    width:95%; 
    clear: left;
}

/* Capa que envuelve todo lo que contiene la parte del popup del gráfico en la página de resumen */
/* mainLayerStyle */
.chart_main_report_style
{
    margin-top: 0px;
    width:100%; 
}

.chart_menu_graph_report_style
{
    background-color: white !important;
}

/* Estilo para la capa donde se encuentran los iconos para seleccionar el gráfico */
/* ChartMenuLayerStyle */
.chart_chartMenus_report_style
{
    display: inline-block;
    float: left;
}

/* Estilo para la capa de exportar gráfico */
.chart_export_report_style
{
    float: left;
    padding-top: 9px;
}

.button_report_icon
{
    border: none;
    height: 30px;
    cursor: pointer;
    -webkit-border-radius: 10em; 
    -moz-border-radius: 10em;
    border-radius: 10em;
}

.dwh_user_query_public_result .report_results
{
    width: 99%;
    margin-top: 20px;
    height: min-content;
}

.dwh_user_query_public_result .report_results_botons
{
    width: 100%;
    height:min-content;
    alignment-baseline: baseline;
}

.dwh_user_query_result .report_results #capa_boton_export_report
{
    float:right; 
    display:block; 
    width: 9%; 
    text-align: right; 
    margin-right: 0%;
}

.dwh_user_query_public_result .report_results_botons #capa_message_report
{
    float: right;
    display:block;
     width: 47%;
    text-align: left;
    height: auto;
}

.dwh_user_query_public_result .report_results_botons #capa_message_report > label
{
    display:block;
    margin-top: 15px;
    color: #555251;
    font-family: "Open Sans",sans-serif !important;
    font-size: 10pt !important;
}

.dwh_user_query_public_result .report_results .export_button_report
{
    display: inline-block;
    margin-left: 5px;    
    height : 30px;
    width: 30px;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
}

.dwh_user_query_public_result .report_results .export_button_report_plus
{
    display: inline-block;
    margin-left: 5px;    
    height : 30px;
    width: 35px;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
}

.dwh_user_query_public_result .third_results_botons
{
    width: 100%;
    height:min-content;
    alignment-baseline: baseline;
}

.dwh_user_query_public_result .third_results_botons #capa_message_report
{
    float: left;
    display:block;
    width: 58%;
    text-align: center;
    vertical-align: bottom;
    height: 32px;
}

.dwh_user_query_result .third_results_botons #capa_message_report > label
{
    display:block;
    margin-top: 15px;
    color: #D60D8C;
    font: 10pt normal Arial, sans-serif;  
}

/* iconos de acciones: ayuda, exportación...*/
.button_icon
{
    border: none;
    height: 30px;
    width: 1px;
    cursor: pointer;
    -webkit-border-radius: 10em; 
    -moz-border-radius: 10em;
    border-radius: 10em;
}

.vLayerIcon
{
    width: 30px;
}

.vLayerIcon2
{
    display: block;
    width: 30px;
    float: right;
    padding-right: 5px;
    padding-top: 20px;
    margin-right: 32px;
}

.vLayerIcon3
{
    display: inline;
    width: 30px;
    float: right;
    padding-right: 5px;
    padding-top: 5px;
}

.vlayer_width
{
    float: right;
    width: 30px !important;
    vertical-align: middle;
    overflow: visible;
    border: 1px solid green;
}

.vlayer_width img
{
    cursor: pointer; 
    margin-right: 2px; 
}

.layer_width
{
    padding: 0px;
    width: 99%;
    height: 30px;
    float:left; 
    vertical-align: middle;
}

.layer_width img
{
    margin-left: 1px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.left_hr
{
    margin-top: 14px;
    float:left; 
    width:calc(50% - 70px); 
}

.right_hr
{
    margin-top: 14px;
    float:right; 
    width:calc(50% - 40px); 
}

.link
{  
    margin: 0;
    padding: 8px 16px;
    min-width: 0;
    border: #d6108d;
    border-radius: 0;
    background-color: #c6007d;
    box-shadow: none;
    color: #fff;
    text-align: center;
    text-transform: none;
    font-size: 12pt;
    line-height: 1.75;
    transition: all .33s;
    float: left;
    margin-top: 8px;
    margin-bottom: 8px;
    display: block;
    cursor: pointer;
    font-family: "Open Sans",sans-serif;
    padding: 6px 12px;
    min-width: 0;
}

.linkCabecera
{  
    margin: 0;
    padding: 4px 8px;
    min-width: 0;
    border: #d6108d;
    border-radius: 0;
    background-color: #c6007d;
    box-shadow: none;
    color: #fff;
    text-align: center;
    text-transform: none;
    font-size: 12pt;
    transition: all .33s;
    float: right;
    margin-top: 18px;
    margin-bottom: 8px;
    display: block;
    cursor: pointer;
    font-family: "Open Sans",sans-serif;
    padding: 6px 12px;
    min-width: 0;
}

/*Estilos para la pagina de ayuda*/
.label_title
{
    color: #c6007d;
}

.help_page
{
    width: 100%;
}

.help_page span[id="remarcado"]
{
    font-weight: bold;
    color: #555;
}

.help_page span[id="azul"]
{
    font-size: 9pt;
    color: #2E96FE;    
    font-weight: bold;
}

.help_page span[id="link"]
{
    font-size: 10pt;
    font-weight: bold;
    color: #880000;
    font-style: oblique;
}

.help_page span[id="button"]
{
    font-size: 10pt;
    border: 1px solid #2E96FE;
    color: #2E96FE;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    padding: 2px;
}

.help_page span[id="button_orange"]
{
    font-size: 10pt;
    border: 1px solid #FF7567;
    color: #FF7567;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    padding: 2px;
}

.help_page span[id="button_pink"]
{
    font-size: 10pt;
    border: 1px solid #D60D8C;
    color: #D60D8C;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    padding: 2px;
}

.help_page span[id="action"]
{
    font-size: 10pt;
    color: #2E96FE;
    padding: 2px;
}

.help_page span[id="red"]
{
    font-size: 9pt;
    color: red;
}

.help_page span[id="pinkUdc"]
{
    color: #c6007d;
}

.help_page section
{
    width: 100%;
    margin-bottom: 3%;
}

.help_page section article
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 5px;
}

.help_page section article p
{
    margin-left: 5px;
    margin-bottom: 4px;
}

.help_page h3
{
    color: brown;
    font-weight: bold;
    font-size: 14pt;
}

.help_page h4
{
    color: #2E96FE;
    margin-bottom: 5px;
    text-decoration: underline;
}

.help_page h4[id="pink"]
{
    color: #D60D8C;
    margin-bottom: 5px;
    font-weight: normal;
    text-decoration: underline;
}

.help_page h4[id="orange"]
{
    color: #FF7567;
    margin-bottom: 5px;
    text-decoration: underline;
}

.help_page h5
{
    color: #FF1800;
}

.dwh_filter_config
{
    visibility: hidden;
    position: absolute;
    z-index: 2000;
    top: 25%;
    left: 25%;
    height: 50%;
    width: 50%;
    background-color: white;
    border: 2px solid #BBBBBB; /*#D60D8C; */
    border-radius: .5em;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    box-shadow: 2px 2px 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.2);
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,.2);
    overflow: hidden;
}

.row 
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.container-fluid
{
    padding-right: 0px !important;
    padding-left: 0px !important;
}


/*******************************/
/** PRIMEFACES OVERRIDES     ***/
/** importante mantenerlos para el aspecto visual de la tabla de resultados */
/*******************************/ 
.dataResults
{
    display: block; 
    width: 100%;
    float: left;
}

.dataResultsReduced
{
    display: block; 
}

.ui-datatable
{
    background-color: white !important;
    width: 100% !important;
}

.ui-datatable table
{
    width: 100% !important;
}

.ui-datatable-resizable table
{
    table-layout: auto !important;
}

.ui-dialog
{
    top: 20px !important;
}

.ui-widget, .ui-widget-content
{
    padding: 1px 1px !important;
    font-size: 10px !important;  
}

/* Cabecera de la tabla de datos. Donde están los botones para avanzar y retroceder en la tabla de datos */
.ui-widget-header
{
    background: #f3e3f3 !important;  /* Rosa claro */
    font-weight: normal !important;
    -webkit-border-radius: .5em; 
    -moz-border-radius: .5em;
    border-radius: .5em;
    /*width: 140px !important;*/
}

.ui-dock-container-top
{
    position: relative !important;
    z-index: 10 !important;
}

.ui-dock-top, .ui-dock-bottom
{
    height: 60px !important;
}


/* Estilo para (1 de tantas paginas) */
.ui-paginator-current
{
    font-family: "Open Sans",sans-serif !important;
    font-size: 9pt !important;
    color: black;
}

.ui-sortable-column
{
    color: black;
    font-size: 10px !important;
}

.ui-datatable-scrollable-theadclone th.ui-state-default
{
    border: 1px !important;
}

.ui-column-title
{
    font-family: "Open Sans",sans-serif !important;
    font-size: 10pt !important;
    color: #555 !important;
    font-weight: bold !important;
}
.groupable_cell_title
{
    font-weight: bold;
}

.groupable_cell
{
    font-family: "Open Sans",sans-serif !important;
    font-size: 9pt !important;
    width: auto !important;
    padding: 2px  !important;
    text-align: left; 
    background: white !important;
}

.noGroupable_cell
{
    font-family: "Open Sans",sans-serif !important;
    font-size: 9pt !important;
    text-align: right;
    padding-right: 10px !important;
    width: 1% !important;
    background: whitesmoke;
}

.noGroupable_cell_title
{
    font-weight: bold !important;
}

.subtotal_cell
{
    text-align: center;
    font-style: italic;
    padding-right: 6px !important;
    width: 1% !important;
    background: #EEEEEE;
}

.optional_cell
{
    width: 1px !important;
    border: none;
    background-color: white;
    color: white;
}

.ui-inputfield
{
    padding: 2px 2px !important;
    -webkit-box-shadow: inherit !important;
    box-shadow: inherit !important;
}

.ui-selectonemenu 
{
    width:90% !important;
    border: 0px;
}

.ui-selectonemenu-label
{
    width:90% !important;
    border: 0px;
}

.ui-inputtext
{
    background: none !important;
}

table.jqplot-table-legend
{
    margin-top: 100px !important;
    padding: 5px !important;
}

tr.jqplot-table-legend
{
    margin-top: 100px !important;
    padding: 5px;
}

.save_button_class
{
   background-size: 16px 16px;
   background-image: url(/XestatPublic/javax.faces.resource/update_bd.png.xhtml?ln=images) !important;
}