.navbar-top {
    padding-top: 3.7em;
}

.navbar-nav {
    margin-left: 1em;
    margin-top: 0.3em;
}

.bg-indigo-inei {
    background-color: #0065A9;
    border-color: #0065A9;
    color: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 6, .5);
}

.sidebar-xs .sidebar-main {
    width: 0;
}

.sidebar-xs .sidebar-fixed.sidebar-main .sidebar-content {
    width: 0;
}

.sidebar-inei {
    background-color: #1B4379;
    border-color: #1B4379;
    color: #fff;
    box-shadow: 0px 1px 1px 1px rgba(0, 0, 6, .5);
}

.mobile {
    display: none;
}

.tituloheader {
    font-weight: bold;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
    margin: 0.5em 0em;
}

.container-fluid, .page-container {
    background: #ffffff;
}

.activo {
    background-color: rgb(22, 136, 206) !important;
}

body {
    font-family: 'Exo 2', sans-serif;
}

tspan {
    font-family: 'Exo 2', sans-serif;
}

.esri-widget {
    font-family: 'Exo 2', sans-serif;
}

.esri-search {
    display: none;
}

.toolbar__item {
    padding: 0;
    float: left;
    width: 32px;
    text-align: center;
    line-height: 34px;
    margin: 2px 2px;
    border: none;
    background-color: transparent;
}

.grafico_scroll {
    height: 34em;
    overflow-y: scroll !important;
}

.text-center {
    text-align: center !important;
}

.ajusta_columna {
    max-width: 25em !important;
    word-break: break-all !important;
    white-space: pre-line !important;
}

/* PROPIEDADES BOOTSTRAP */
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-left: 0;
    padding-right: 0;
}

/*** PROPIEDADES PARA DATATABLE ***/
.dataTables_wrapper {
    margin-right: 0.3em;
}

.dataTable thead .sorting:after {
    color: #FFF;
}

.dataTable thead .sorting:before {
    color: #FFF;
}

.dataTables_filter {
    margin: 0.3em 0.1em;
    float: right;
}

.dataTables_filter > label {
    font-size: 100%;
    cursor: default;
}

.dataTables_filter input {
    font-weight: initial;
    margin-left: 0.3em;
    border-radius: 0.5em;
}

.table > thead > tr > th {
    text-align: center;
}

.table > thead > tr > th > a {
    color: #FFFF00;
}

table.dataTable.stripe > tbody > tr.odd > *, table.dataTable.display > tbody > tr.odd > * {
    box-shadow: inset 0 0 0 9999px rgb(0 0 0 / 10%);
}

table.dataTable.hover > tbody > tr:hover > *, table.dataTable.display > tbody > tr:hover > * {
    box-shadow: inset 0 0 0 9999px rgb(135 206 235 / 30%) !important;
}

table.dataTable.order-column > tbody tr > .sorting_1, table.dataTable.order-column > tbody tr > .sorting_2, table.dataTable.order-column > tbody tr > .sorting_3,
table.dataTable.display > tbody tr > .sorting_1, table.dataTable.display > tbody tr > .sorting_2, table.dataTable.display > tbody tr > .sorting_3 {
    box-shadow: inset 0 0 0 9999px rgb(135 206 235 / 12%) !important;
}

table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after {
    opacity: 1 !important;
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after {
    opacity: 0.5;
}

/*** /PROPIEDADES PARA DATATABLE ***/

/*** PROPIEDADES DE ESTILOS ADICIONALES GENERADOS ***/
.estilo_div_content_principal {
    height: 69em;
    max-height: 69em;
}

.estilo_div_content_reportes {
    padding: 0em 0.2em 0em 0.5em !important;
}

.estilo_div_mapa_modal {
    height: 60em;
    max-height: 60em;
}

.estilo_div_leyenda_mapa_modal {
    position: absolute;
    top: 48em;
    left: 0.8em;
    background: #FFF;
    z-index: 2;
}

.estilo_tab {
    color: #455A64 !important;
    padding: 0.5em 0.3em !important;
}

.estilo_tab_active {
    background: #455A64 !important;
    color: white !important;
}

.estilo_div_cargando {
    text-align: center;
    padding-top: 1em;
    font-weight: bold;
    color: #1B4379;
}

.estilo_icono_cargando {
    font-size: 2.3em;
}

.estilo_div_excel {
    font-size: 90%;
    text-align: center !important;
    padding: 0.2em;
    font-weight: bold;
}

.estilo_div_excel a {
    color: #000000;
}

.estilo_icono_excel {
    max-width: 2em;
}

.estilo_row_total {
    box-shadow: inset 0 0 0 9999px rgb(255 255 0 / 30%) !important;
    font-weight: bold;
}

.estilo_div_nota {
    top: 0.5em;
    padding-left: 1em;
    font-weight: bold;
}

th {
    border-right: 1px solid #FFF !important;
}

/*** /PROPIEDADES DE ESTILOS ADICIONALES GENERADOS ***/


/*****************************************************************RESPONSIVE*****************************************************************/
/*
  ##Device = Desktops 2160p (4K)--3400
  ##Screen = 3840 × 2160. higher resolution desktops
*/
@media (min-width: 2201px) {
    label {
        margin-bottom: 0;
    }

    .modal-header .close {
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10%;
    }

    /*.control-label { font-weight: bold; }*/
    /* PROPIEDADES MOSTRAR/OCULTAR TITULO PARA MOVIL */
    #titulomobile {
        display: block;
    }

    .titulomobile {
        display: none;
    }


    /***** PROPIEDADES CONTENEDOR MAPA *****/
    .esri-view {
        max-height: 100vh !important;
        height: 100vh !important;
    }

    .esri-view-height-medium .esri-expand .esri-widget--panel, .esri-view-height-medium .esri-expand .esri-widget--panel-height-only, .esri-view-height-medium
    .esri-ui-corner .esri-component.esri-widget--panel, .esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
        max-height: 700px;
    }

    /* PROPIEDADES LEYENDA MAPA */
    .esri-component.esri-legend {
        font-size: small;
        left: 24.5em;
        bottom: 1.2em;
        position: fixed;
        width: 15em;
        max-width: 15em;
        height: auto;
        max-height: 1500px !important;
        z-index: 1;
    }

    .esri-legend__service {
        margin: 0;
        padding: 5px 5px 5px 5px;
    }

    .esri-legend__service-label {
        font-size: 100%;
        display: block;
        margin-left: 0.2em;
    }

    .esri-legend__layer {
        font-size: 95%;
        font-weight: bold;
    }

    .esri-legend__layer-caption {
        font-size: 1em;
        padding: 0;
        margin: 0;
    }

    .esri-legend__layer-cell {
        word-break: break-word;
        padding: 0.1em;
        vertical-align: middle;
    }

    .esri-legend__layer-cell--info {
        font-size: 95%;
        font-style: normal;
    }

    .esri-legend__symbol {
        font-size: 2px;
        width: 15px;
        height: 15px;
        padding: 0;
        margin: 0;
    }

    /* PROPIEDADES CAPAS MAPA */
    .esri-layer-list {
        z-index: 3 !important;
        display: none;
    }

    .esri-layer-list__item-title {
        font-size: 75%;
        font-weight: bold;
    }

    .esri-layer-list__item--has-children > .esri-layer-list__list {
        font-size: 1.1em;
    }

    .esri-layer-list__item--has-children > .esri-layer-list__item-container {
        font-size: 1.1em;
    }

    /***** /PROPIEDADES CONTENEDOR MAPA *****/
    /***** PROPIEDADES CONTENEDOR REPORTES *****/
    /* PROPIEDADES CUADRO PRINCIPAL REPORTES */
    .content_resp {
        max-height: 100%;
        height: auto;
    }

    /* PROPIEDADES FILTROS (COMBOS) */
    .estilo_nuevo_label {
        font-family: inherit;
        font-size: 17px;
        font-weight: bold;
        color: #000000;
        cursor: default;
    }

    .select2-container {
        font-size: 17px;
        color: #000000;
    }

    .select2-selection--single {
        height: auto;
        padding: 0.5em 0em;
    }

    .select2-selection--multiple .select2-search--inline {
        display: none;
    }

    .select2-selection--multiple .select2-selection__choice {
        padding: 0.35em 0.5em;
    }

    /* PROPIEDADES TABS */
    .nav-tabs {
        margin-bottom: 0;
        text-align: center;
    }

    .nav-tabs:before {
        content: none;
        margin-bottom: 0;
    }

    .nav-tabs > li {
        margin-bottom: 0em;
        font-size: 20px !important;
    }

    .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        background: #CBD7DC;
        border-color: transparent;
    }

    .nav-tabs > li > a > i {
        font-size: 1.1em;
    }

    .nav > li > a {
        padding: 8px 5px;
    }

    /* PROPIEDADES MOSTRAR/OCULTAR TABS */
    #labeltab1, #labeltab2, #labeltab3, #labeltab4, #labeltab5, #labeltab6, #labeltab7, #labeltab8, #labeltab9, #labeltab10,
    #labeltab111, #labeltab12, #labeltab13, #labeltab14, #labeltab15, #labeltab16, #labeltab17, #labeltab18, #labeltab19, #labeltab20, #labeltab21 {
        cursor: pointer;
        font-weight: bold;
    }

    #labeltab11, #labeltab22, #labeltab33, #labeltab44, #labeltab55, #labeltab66, #labeltab77, #labeltab88, #labeltab99, #labeltab100,
    #labeltab110, #labeltab120, #labeltab130, #labeltab140, #labeltab150, #labeltab160, #labeltab170, #labeltab180, #labeltab190, #labeltab200, #labeltab210, #labeltab230 {
        display: none;
    }

    /*
    .dt-buttons { float: right !important;display: block; margin-bottom: 1px;margin-top: 8px; }
    .dt-buttons > .dt-button { background: #398439;color: #FFFFFF; }
    div.dt-buttons { display: block; }
    */
    /* PROPIEDADES GRAFICOS HIGHCHARTS */
    .estilo_div_graficos_2F {
        max-height: 70em;
        overflow-y: auto;
        height: auto;
    }

    .estilo_div_grafico_2F {
        height: 35em;
    }

    .estilo_div_graficos_3F {
        max-height: 70em;
        overflow-y: auto;
        height: auto;
    }

    .estilo_div_grafico_3F {
        height: 35em;
    }

    .estilo_div_graficos_4F {
        max-height: 70em;
        overflow-y: auto;
        height: auto;
    }

    .estilo_div_grafico_4F {
        height: 30em;
    }

    .estilo_div_graficos_5F {
        max-height: 49em;
        overflow-y: auto;
        height: auto;
    }

    .estilo_div_grafico_5F {
        height: 24.5em;
    }

    .estilo_div_graficos_6F {
        max-height: 47em;
        overflow-y: auto;
        height: auto;
    }

    .estilo_div_grafico_6F {
        height: 23.5em;
    }

    /*   TAMAÑO FUENTE GRAFICOS*/
    .estilo_div_graficos_2F .highcharts-title,
    .highcharts-axis-title {
        font-size: 20px !important;
    }

    .estilo_div_graficos_2F .highcharts-axis-labels text,
    .highcharts-legend-item text {
        font-size: 18px !important;
    }

    .estilo_div_graficos_2F .highcharts-data-label text, .highcharts-tooltip text, .tooltip-header {
        font-size: 18px !important;
    }

    .estilo_div_graficos_3F .highcharts-title,
    .highcharts-axis-title {
        font-size: 20px !important;
    }

    .estilo_div_graficos_3F .highcharts-axis-labels text,
    .highcharts-legend-item text {
        font-size: 18px !important;
    }

    .estilo_div_graficos_3F .highcharts-data-label text, .highcharts-tooltip text, .tooltip-header {
        font-size: 18px !important;
    }

    .estilo_div_graficos_4F .highcharts-title,
    .highcharts-axis-title {
        font-size: 20px !important;
    }

    .estilo_div_graficos_4F .highcharts-axis-labels text,
    .highcharts-legend-item text {
        font-size: 18px !important;
    }

    .estilo_div_graficos_4F .highcharts-data-label text, .highcharts-tooltip text, .tooltip-header {
        font-size: 18px !important;
    }


    .highcharts-credits {
        display: none;
    }

    .highcharts-button-symbol {
        display: block;
    }

    .highcharts-button-box {
        display: none;
    }

    /***** /PROPIEDADES CONTENEDOR REPORTES *****/
    /***** PROPIEDADES MODAL *****/
    #myiframe {
        width: 100%;
        height: 100%;
    }

    .modal-header {
        padding: 10px;
    }

    .modal-body {
        padding: 5px;
    }

    .modal-footer {
        display: block;
    }

    .close {
        color: red;
    }

    .close:hover {
        color: red;
    }

    .btn-primary {
        display: block;
        float: right;
    }

    .modal-title {
        text-align: center;
        font-size: 120%;
        font-weight: bold;
        color: #000000;
        border-bottom: 0.15em solid;
        cursor: default;
    }

    .modal-title-2 {
        font-size: 120%;
        font-weight: bold;
        color: #ff0000;
        margin: 0;
    }

    /***** /PROPIEDADES MODAL *****/
    /***** PROPIEDADES DE ESTILOS ADICIONALES GENERADOS *****/
    .estilo_icono_expandir {
        float: left;
        cursor: pointer;
        font-weight: bold;
        line-height: initial;
        top: 0.1em;
        font-size: 1em;
        padding-left: 0.7em;
    }

    .estilo_icono_contraer {
        float: left;
        cursor: pointer;
        font-weight: bold;
        line-height: initial;
        top: 0.1em;
        font-size: 1em;
        padding-left: 0.7em;
        display: none;
    }

    .estilo_div_filtros {
        padding: 0.3em 0em 0.4em 1em;
        display: flex;
        align-items: center;
        border-bottom: 0.2em solid #000000;
    }

    .estilo_div_boton_filtros {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .estilo_boton_filtros {
        font-size: 120%;
        font-weight: bold;
        padding: 0.7em;
        border-radius: 1.2em !important;
    }

    .estilo_div_tabs {
        border-top: 0.2em solid #ddd;
        border-bottom: 0.1em solid #ddd;
    }

    .estilo_div_nota {
        font-size: 20px;
    }

    /*   TAMAÑO TABULAR*/
    .estilo_div_tabular {
        height: 72em;
        overflow-y: auto;
    }

    .estilo_div_tabular table {
        font-size: 18px;
    }

    .estilo_div_excel {
        font-size: 120%;
        text-align: center !important;
        padding: 0.2em;
        font-weight: bold;
    }

    .dataTables_info {
        font-size: 110%;
        font-weight: bold;
        margin-bottom: 1.2em;
    }

    .dataTables_paginate {
        font-size: 110%;
        font-weight: bold;
        margin-bottom: 1.2em;
    }
}

/*
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) and (max-width: 2200px) {
    .estilo_div_mapa_modal {
        height: 60em;
        max-height: 60em;
    }

    .estilo_div_leyenda_mapa_modal {
        position: absolute;
        top: 48em;
        left: 0.8em;
        background: #FFF;
        z-index: 2;
    }

    label {
        margin-bottom: 0;
    }

    .modal-header .close {
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10%;
    }

    /*.control-label { font-weight: bold; }*/
    /* PROPIEDADES MOSTRAR/OCULTAR TITULO PARA MOVIL */
    #titulomobile {
        display: block;
    }

    .titulomobile {
        display: none;
    }


    /***** PROPIEDADES CONTENEDOR MAPA *****/
    .esri-view {
        max-height: 94.8vh !important;
        height: 94.8vh !important;
    }

    .esri-view-height-medium .esri-expand .esri-widget--panel, .esri-view-height-medium .esri-expand .esri-widget--panel-height-only, .esri-view-height-medium
    .esri-ui-corner .esri-component.esri-widget--panel, .esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
        max-height: 700px;
    }

    /* PROPIEDADES LEYENDA MAPA */
    .esri-component.esri-legend {
        font-size: smaller;
        left: 24.5em;
        bottom: 1.2em;
        position: fixed;
        width: 15em;
        max-width: 15em;
        height: auto;
        z-index: 1;
    }

    .esri-legend__service {
        margin: 0;
        padding: 5px 5px 5px 5px;
    }

    .esri-legend__service-label {
        font-size: 100%;
        display: block;
        margin-left: 0.2em;
    }

    .esri-legend__layer {
        font-size: 95%;
        font-weight: bold;
    }

    .esri-legend__layer-caption {
        font-size: 1em;
        padding: 0;
        margin: 0;
    }

    .esri-legend__layer-cell {
        word-break: break-word;
        padding: 0.1em;
        vertical-align: middle;
    }

    .esri-legend__layer-cell--info {
        font-size: 95%;
        font-style: normal;
    }

    .esri-legend__symbol {
        font-size: 2px;
        width: 15px;
        height: 15px;
        padding: 0;
        margin: 0;
    }

    /* PROPIEDADES CAPAS MAPA */
    .esri-layer-list {
        z-index: 3 !important;
        display: none;
    }

    .esri-layer-list__item-title {
        font-size: 75%;
        font-weight: bold;
    }

    .esri-layer-list__item--has-children > .esri-layer-list__list {
        font-size: 1.1em;
    }

    .esri-layer-list__item--has-children > .esri-layer-list__item-container {
        font-size: 1.1em;
    }

    /***** /PROPIEDADES CONTENEDOR MAPA *****/
    /***** PROPIEDADES CONTENEDOR REPORTES *****/
    /* PROPIEDADES CUADRO PRINCIPAL REPORTES */
    .content_resp {
        max-height: 100%;
        height: auto;
    }

    /* PROPIEDADES FILTROS (COMBOS) */
    .estilo_nuevo_label {
        font-family: inherit;
        font-size: 95%;
        font-weight: bold;
        color: #000000;
        cursor: default;
    }

    .select2-container {
        font-size: 93%;
        color: #000000;
    }

    .select2-selection--single {
        height: auto;
        padding: 0.5em 0em;
    }

    .select2-selection--multiple .select2-search--inline {
        display: none;
    }

    .select2-selection--multiple .select2-selection__choice {
        padding: 0.35em 0.5em;
    }

    /* PROPIEDADES TABS */
    .nav-tabs {
        margin-bottom: 0;
        text-align: center;
    }

    .nav-tabs:before {
        content: none;
        margin-bottom: 0;
    }

    .nav-tabs > li {
        margin-bottom: 0em;
    }

    .nav-tabs > li > a:focus, .nav-tabs > li > a:hover {
        background: #CBD7DC;
        border-color: transparent;
    }

    .nav-tabs > li > a > i {
        font-size: 1.1em;
    }

    .nav > li > a {
        padding: 8px 5px;
    }

    /* PROPIEDADES MOSTRAR/OCULTAR TABS */
    #labeltab1, #labeltab2, #labeltab3, #labeltab4, #labeltab5, #labeltab6, #labeltab7, #labeltab8, #labeltab9, #labeltab10,
    #labeltab111, #labeltab12, #labeltab13, #labeltab14, #labeltab15, #labeltab16, #labeltab17, #labeltab18, #labeltab19, #labeltab20, #labeltab21 {
        cursor: pointer;
        font-weight: bold;
    }

    #labeltab11, #labeltab22, #labeltab33, #labeltab44, #labeltab55, #labeltab66, #labeltab77, #labeltab88, #labeltab99, #labeltab100,
    #labeltab110, #labeltab120, #labeltab130, #labeltab140, #labeltab150, #labeltab160, #labeltab170, #labeltab180, #labeltab190, #labeltab200, #labeltab210, #labeltab230 {
        display: none;
    }

    /*
    .dt-buttons { float: right !important;display: block; margin-bottom: 1px;margin-top: 8px; }
    .dt-buttons > .dt-button { background: #398439;color: #FFFFFF; }
    div.dt-buttons { display: block; }
    */
    /* PROPIEDADES GRAFICOS HIGHCHARTS */
    .estilo_div_graficos_2F {
        max-height: 58em;
        overflow-y: auto;
        height: auto;
    }

    .estilo_div_grafico_2F {
        height: 29em;
    }

    .estilo_div_graficos_3F {
        max-height: 55em;
        overflow-y: auto;
        height: auto;
    }

    .estilo_div_grafico_3F {
        height: 27.5em;
    }

    .estilo_div_graficos_4F {
        max-height: 52em;
        overflow-y: auto;
        height: auto;
    }

    .estilo_div_grafico_4F {
        height: 26em;
    }

    .estilo_div_graficos_5F {
        max-height: 49em;
        overflow-y: auto;
        height: auto;
    }

    .estilo_div_grafico_5F {
        height: 24.5em;
    }

    .estilo_div_graficos_6F {
        max-height: 47em;
        overflow-y: auto;
        height: auto;
    }

    .estilo_div_grafico_6F {
        height: 23.5em;
    }

    .highcharts-credits {
        display: none;
    }

    .highcharts-button-symbol {
        display: block;
    }

    .highcharts-button-box {
        display: none;
    }

    /***** /PROPIEDADES CONTENEDOR REPORTES *****/
    /***** PROPIEDADES MODAL *****/
    #myiframe {
        width: 100%;
        height: 100%;
    }

    .modal-header {
        padding: 10px;
    }

    .modal-body {
        padding: 5px;
    }

    .modal-footer {
        display: block;
    }

    .close {
        color: red;
    }

    .close:hover {
        color: red;
    }

    .btn-primary {
        display: block;
        float: right;
    }

    .modal-title {
        text-align: center;
        font-size: 105%;
        font-weight: bold;
        color: #000000;
        border-bottom: 0.15em solid;
        cursor: default;
    }

    .modal-title-2 {
        font-size: 120%;
        font-weight: bold;
        color: #ff0000;
        margin: 0;
    }

    /***** /PROPIEDADES MODAL *****/
    /***** PROPIEDADES DE ESTILOS ADICIONALES GENERADOS *****/
    .estilo_icono_expandir {
        float: left;
        cursor: pointer;
        font-weight: bold;
        line-height: initial;
        top: 0.1em;
        font-size: 1em;
        padding-left: 0.7em;
    }

    .estilo_icono_contraer {
        float: left;
        cursor: pointer;
        font-weight: bold;
        line-height: initial;
        top: 0.1em;
        font-size: 1em;
        padding-left: 0.7em;
        display: none;
    }

    .estilo_div_filtros {
        padding: 0.3em 0em 0.4em 1em;
        display: flex;
        align-items: center;
        border-bottom: 0.2em solid #000000;
    }

    .estilo_div_boton_filtros {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .estilo_boton_filtros {
        font-size: 92%;
        font-weight: bold;
        padding: 0.7em;
        border-radius: 1.2em !important;
    }

    .estilo_div_tabs {
        border-top: 0.2em solid #ddd;
        border-bottom: 0.1em solid #ddd;
    }

    .estilo_div_excel {
        font-size: 90%;
        text-align: center !important;
        padding: 0.2em;
        font-weight: bold;
    }

    .dataTables_info {
        font-size: 85%;
        font-weight: bold;
        margin-bottom: 1.2em;
    }

    .dataTables_paginate {
        font-size: 85%;
        font-weight: bold;
        margin-bottom: 1.2em;
    }

    /***** /PROPIEDADES DE ESTILOS ADICIONALES GENERADOS *****/
}

/*
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
    body {
        font-size: larger;
    }

    .navbar {
        height: 3em;
        min-height: 0;
    }

    .navbar-top {
        padding-top: 3.2em;
    }

    .tituloheader {
        font-size: larger;
    }

    .navbar-nav {
        margin-left: 1em;
        margin-top: -0.2em;
    }

    .sidebar {
        width: 20em;
    }

    .sidebar-fixed .sidebar-content {
        width: 20em;
    }

    .sidebar-user-material-content {
        margin-left: -0.5em;
    }

    .estilo_div_mapa_modal {
        height: 58em;
        max-height: 58em;
    }

    .estilo_div_leyenda_mapa_modal {
        top: 42em;
    }

    /* CUADRO PRINCIPAL */
    .estilo_div_content_principal {
        height: 51em;
        max-height: 51em;
    }

    /* PROPIEDADES FILTROS (COMBOS) */
    .estilo_div_filtros {
        padding: 0.3em 0em 0.4em 1em;
        display: flex;
        align-items: center;
        border-bottom: 0.2em solid #000000;
    }

    .estilo_div_boton_filtros {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .estilo_boton_filtros {
        font-size: 92%;
        font-weight: bold;
        padding: 0.7em;
        border-radius: 1.2em !important;
    }

    .estilo_nuevo_label {
        font-family: inherit;
        font-size: 95%;
        font-weight: bold;
        color: #000000;
        cursor: default;
    }

    .select2-container {
        font-size: 100%;
        color: #000000;
    }

    /* TAMAÑO CUADRO PRINCIPAL REPORTES */
    .content_resp {
        max-height: 100%;
        height: auto
    }

    /* TAMAÑO CUADRO PRINCIPAL GRAFICOS */
    .content_resp_graf {
        max-height: 68em;
        overflow-y: scroll;
        height: auto;
    }

    .content_resp_graf_t1 {
        max-height: 74em;
        overflow-y: scroll;
        height: auto;
    }

    .content_resp_graf_t2 {
        max-height: 65em;
        overflow-y: scroll;
        height: auto;
    }

    .content_resp_graf_t3 {
        max-height: 62em;
        overflow-y: scroll;
        height: auto;
    }

    /* PROPIEDADES TABS CUADRO PRINCIPAL */
    .nav > li > a {
        padding: 8px 5px
    }

    .nav-tabs:before {
        content: none;
        margin-bottom: 0
    }

    .nav-tabs {
        margin-bottom: 0;
        text-align: center;
    }

    .modal-header .close {
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10%
    }

    label {
        margin-bottom: 0
    }

    /* MOSTRAR/OCULTAR TABS CUADRO PRINCIPAL */
    #labeltab1, #labeltab2, #labeltab3, #labeltab4, #labeltab5, #labeltab6, #labeltab7, #labeltab8, #labeltab9, #labeltab10,
    #labeltab111, #labeltab12, #labeltab13, #labeltab14, #labeltab15, #labeltab16, #labeltab17, #labeltab18, #labeltab19, #labeltab20, #labeltab21 {
        cursor: pointer;
        font-weight: bold;
    }

    #labeltab11, #labeltab22, #labeltab33, #labeltab44, #labeltab55, #labeltab66, #labeltab77, #labeltab88, #labeltab99, #labeltab100,
    #labeltab110, #labeltab120, #labeltab130, #labeltab140, #labeltab150, #labeltab160, #labeltab170, #labeltab180, #labeltab190, #labeltab200, #labeltab210, #labeltab230 {
        display: none;
    }

    /* COMBO */
    .control-label {
        font-weight: bold;
    }

    /* BTN EXCEL DATATABLE */
    .dataTables_filter {
        margin-top: 0.3em;
        margin-bottom: 0.3em
    }

    .dt-buttons {
        float: right !important;
        display: block;
        margin-bottom: 1px;
        margin-top: 8px;
    }

    .dt-buttons > .dt-button {
        background: #398439;
        color: #FFFFFF
    }

    div.dt-buttons {
        display: block
    }

    /* PROPIEDADES GRAFICOS HIGHCHARTS */
    .grafico_default_t1 {
        height: 37em;
    }

    .grafico_default_t2 {
        height: 34em;
    }

    .grafico_default_t3 {
        height: 32em;
    }

    .grafico_default {
        height: 30em
    }

    .grafico_default_2 {
        height: auto
    }

    .grafico_default_3 {
        height: 25em
    }

    .grafico_excep {
        max-height: 58em;
        overflow-y: scroll !important;
    }

    .grafico_excep_2 {
        height: auto;
        overflow-x: scroll !important;
    }

    .highcharts-credits {
        display: none
    }

    .highcharts-button-symbol {
        display: block
    }

    .highcharts-button-box {
        display: none
    }

    /* BOTONES FLOTANTES */
    /* BTN MUESTRA FILTRO */
    .flotante_filtro {
        z-index: 5;
        border: none;
        color: black;
        text-align: center;
        text-decoration: none;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        cursor: pointer;
        float: left;
        margin-left: 1.14em;
        margin-top: -50.52em;
        position: fixed;
        background: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
    }

    /* BTN MUESTRA GRAFICO */
    .flotante_tabular {
        display: none !important;
    }

    /* BTN REPORTE NACIONAL */
    .flotante_reporte {
        display: none !important;
    }

    /* BTN MUESTRA LEYENDA */
    .flotante_leyenda {
        display: none !important;
    }

    /* BTN EXPANDIR MAPA */
    .flotante_expandir {
        z-index: 5;
        border: none;
        color: black;
        text-align: center;
        text-decoration: none;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        cursor: pointer;
        float: left;
        margin-left: 1.14em;
        margin-top: -52.9em;
        position: fixed;
        background: white;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
    }

    /***** PROPIEDADES SERVICIO DE MAPA ARCGIS *****/
    #viewDiv {
        display: block
    }

    /*** MAPA LEYENDA ***/
    .esri-legend__service-label {
        font-size: 100%;
        display: block;
        margin-left: 0.2em;
    }

    .esri-legend__layer-cell--info {
        font-size: 95%;
        font-style: normal
    }

    .esri-legend__layer {
        font-size: 95%;
        font-weight: bold
    }

    .esri-component.esri-legend {
        font-size: smaller;
        left: 24.5em;
        bottom: 1.2em;
        position: fixed;
        width: 15em;
        max-width: 15em;
        height: auto;
        z-index: 1;
    }

    .esri-legend__service {
        margin: 0;
        padding: 5px 5px 5px 5px
    }

    .esri-layer-list {
        z-index: 3 !important;
        display: none
    }

    .esri-layer-list__item-title {
        font-size: 75%;
        font-weight: bold
    }

    .esri-view-height-medium .esri-expand .esri-widget--panel, .esri-view-height-medium .esri-expand .esri-widget--panel-height-only, .esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel, .esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
        max-height: 700px
    }

    .esri-legend__symbol {
        font-size: 2px;
        width: 15px;
        height: 15px;
        padding: 0;
        margin: 0
    }

    .esri-legend__layer-caption {
        font-size: 1em;
        padding: 0;
        margin: 0;
    }

    .esri-legend__layer-cell {
        word-break: break-word;
        padding: 0.1em;
        vertical-align: middle;
    }

    .esri-view-height-less-than-medium .esri-popup__main-container {
        max-height: 23em;
    }

    /*** MAPA CAPAS ***/
    .esri-layer-list__item--has-children > .esri-layer-list__item-container {
        font-size: 1.1em;
    }

    .esri-layer-list__item--has-children > .esri-layer-list__list {
        font-size: 1.1em;
    }

    /* PROPIEDADES MODAL */
    .modal-title {
        text-align: center;
        font-size: 105%;
        font-weight: bold;
        color: #000000;
        border-bottom: 0.2em solid;
        cursor: default;
    }

    .modal-title-2 {
        font-size: 120%;
        font-weight: bold;
        color: #FF0000;
        margin: 0;
    }

    .modal-header {
        padding: 0.3em 0.5em;
    }

    .modal-body {
        padding: 5px
    }

    .modal-footer {
        display: none;
    }

    .close {
        color: red
    }

    .close:hover {
        color: red
    }

    .btn-primary {
        display: block;
        float: right
    }

    #Contenido_Documentacion {
        height: 75vh
    }

    #myiframe {
        width: 100%;
        height: 100%
    }

    /* PROPIEDADES MODAL IMAGENES */
    /*.select2-container--default .select2-selection--single .select2-selection__rendered {*/
    /*    color: #444;*/
    /*    font-size: larger;*/
    /*}*/

    .estilo_div_excel {
        font-size: 90%;
        text-align: center !important;
        padding: 0.2em;
        font-weight: bold;
    }

    .dataTables_info {
        font-size: 85%;
        font-weight: bold;
        margin-bottom: 1.2em;
    }

    .dataTables_paginate {
        font-size: 85%;
        font-weight: bold;
        margin-bottom: 1.2em;
    }
}

/*
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {

    /* NAV */
    #navednom {
        display: block
    }

    /* MOSTRAR/OCULTAR TITULO PARA MOVIL */
    #titulomobile {
        display: block;
        text-align: center;
        padding: 0;
        background: #FFFFFF;
        z-index: 5;
        position: fixed;
        width: 100%
    }

    .titulomobile {
        font-weight: bold;
        font-size: 90%
    }

    .mobile {
        display: flex;
        height: 25px;
        vertical-align: middle;
        align-items: center;
        justify-content: center;
    }

    /* CUADRO PRINCIPAL */
    /* TAMAÑO CUADRO PRINCIPAL REPORTES */
    .content_resp {
        max-height: 100%;
        height: auto
    }

    /* TAMAÑO CUADRO PRINCIPAL GRAFICOS */
    .content_resp_graf {
        max-height: 50em;
        overflow-y: scroll;
        height: auto;
    }

    /* METAS TABULAR */
    .meta {
        font-size: /*1.3*/ 1em;
        font-weight: bold;
    }

    .icono_meta {
        width: 6%
    }

    /* PROPIEDADES TABS CUADRO PRINCIPAL */
    .nav > li > a {
        padding: 8px 5px
    }

    .nav-tabs:before {
        content: none;
        margin-bottom: 0
    }

    .nav-tabs {
        margin-bottom: 0;
        text-align: center;
    }

    .modal-header .close {
        font-weight: bold;
        position: absolute;
        right: 10px;
        top: 10%
    }

    label {
        margin-bottom: 0
    }

    /* PROPIEDADES PINTADO CUADRO PRINCIPAL */
    .status-EDAA2018-rojo, .status-EDAA2018-ambar, .status-EDAA2018-ambar2,
    .status-EDAA2018-ambar-bajo, .status-EDAA2018-amarillo, .status-EDAA2018-verde {
        height: 14px !important;
    }

    /* PROPIEDADES PINTADO CENEC */
    .status-cenec-rojo, .status-cenec-celeste {
        height: 14px !important;
    }

    /* PROPIEDADES PINTADO AVANCE DIARIO DE EMPADRONAMIENTO DE ESTABLECIMIENTOS */
    .status-cenec-estab-rojo, .status-cenec-estab-anaranjado, .status-cenec-estab-amarillo, .status-cenec-estab-verde {
        height: 14px !important;
    }

    /* RANGOS PINTADO CENEC - CONTEO ESTABLECIMIENTOS */
    .status-CENEC-conteo-rojo, .status-CENEC-conteo-plomo, .status-CENEC-conteo-amarillo,
    .status-CENEC-conteo-verde, .status-CENEC-conteo-bajo, .status-CENEC-conteo-celeste {
        height: 14px !important;
    }

    /* PROPIEDADES PINTADO V CENEC FINAL */
    .status-VCENEC-rojo-fuerte, .status-VCENEC-rojo-medio, .status-VCENEC-rojo-suave,
    .status-VCENEC-verde-suave, .status-VCENEC-verde-medio, .status-VCENEC-verde-fuerte,
    .status-azul-1, .status-azul-2, .status-azul-3, .status-azul-4, .status-azul-5,
    .status-naranja-1, .status-naranja-2, .status-naranja-3, .status-naranja-4, .status-naranja-5,
    .status-morado-1, .status-morado-2, .status-morado-3, .status-morado-4, .status-morado-5,
    .status-amarillo-1, .status-amarillo-2, .status-amarillo-3, .status-amarillo-4, .status-amarillo-5,
    .status-verde-1, .status-verde-2, .status-verde-3, .status-verde-4, .status-verde-5,
    .status-rojo-1, .status-rojo-2, .status-rojo-3,
    .status-plomo-1, .status-plomo-2, .status-plomo-3, .status-plomo-4, .status-plomo-5, .status-rojo-1 {
        /* height: 14px !important; */
    }

    /* MOSTRAR/OCULTAR TABS CUADRO PRINCIPAL */
    #labeltab1, #labeltab2, #labeltab3, #labeltab4, #labeltab5, #labeltab6, #labeltab7, #labeltab8, #labeltab9, #labeltab10,
    #labeltab111, #labeltab12, #labeltab13, #labeltab14, #labeltab15, #labeltab16, #labeltab17, #labeltab18, #labeltab19, #labeltab20, #labeltab21 {
        cursor: pointer;
        font-weight: bold;
    }

    #labeltab11, #labeltab22, #labeltab33, #labeltab44, #labeltab55, #labeltab66, #labeltab77, #labeltab88, #labeltab99, #labeltab100,
    #labeltab110, #labeltab120, #labeltab130, #labeltab140, #labeltab150, #labeltab160, #labeltab170, #labeltab180, #labeltab190, #labeltab200, #labeltab210, #labeltab230 {
        display: inline;
        font-size: 10px;
    }

    /* COMBO */
    .control-label {
        font-weight: bold;
    }

    #cmb_condicion, #cmb_resfin, #cmb_visu_avance_diario {
        font-size: 100% !important;
        width: auto !important;
        padding: 10px !important;
        margin-top: 0;
        margin-bottom: 0 !important;
    }

    /* BTN EXCEL DATATABLE */
    .dataTables_wrapper .dataTables_filter {
        float: initial;
        text-align: right;
        margin-top: 0;
    !important
    }

    .dataTables_filter input {
        width: 150px
    }

    .dt-buttons {
        float: right !important;
        display: none
    }

    .dt-buttons > .dt-button {
        background: #398439;
        color: #FFFFFF
    }

    div.dt-buttons {
        display: none
    }

    .dataTables_filter {
        margin: 0
    }

    #Tabla_Transporte_Postulante_length {
        display: none
    }

    tspan {
        font-size: 85%
    }

    .icon-lo {
        width: 1.3em
    }

    #g1, #g2, #g3 {
        display: none
    }

    /* PROPIEDADES GRAFICOS HIGHCHARTS */
    .grafico_default {
        height: auto
    }

    .grafico_default_2 {
        height: auto
    }

    .grafico_default_3 {
        height: auto
    }

    /*
    .grafico_excep{max-height: 48em;overflow-y:scroll !important;}
    .grafico_excep_2{height: auto;overflow-x:scroll !important;}
    */
    .grafico_excep {
        max-height: 58em;
        overflow-y: scroll !important;
    }

    .grafico_logistica {
        max-height: 62em;
        overflow-y: scroll !important;
    }

    .grafico_principales_resultados {
        max-height: 72em;
        overflow-y: scroll !important;
    }

    .grafico_principales_resultados_2 {
        max-height: 67em;
        overflow-y: scroll !important;
    }

    .grafico_observaciones {
        max-height: 64em;
        overflow-y: scroll !important;
    }

    .grafico_ranking_new {
        height: 65em;
        max-height: 65em;
        overflow-y: scroll !important;
    }

    .grafico_ranking_nac {
        height: 75em;
        max-height: 75em;
        overflow-y: scroll !important;
    }

    .grafico_ranking {
        height: 25em;
        max-height: 25em
    }

    .highcharts-credits {
        display: none
    }

    .highcharts-button-symbol {
        display: none
    }

    .highcharts-button-box {
        display: none
    }

    /* BOTONES FLOTANTES */
    /* BTN MUESTRA FILTRO */
    .flotante_filtro {
        position: absolute;
        bottom: 59vh;
        right: 0.5em;
        border-radius: 5em;
        z-index: 5;
        background-color: #30A9CE;
        border: none;
        color: #FFFFFF;
        text-align: center;
        text-decoration: none;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        cursor: pointer;
        opacity: 0.7;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
    }

    /* BTN MUESTRA GRAFICO */
    .flotante_tabular {
        position: absolute;
        bottom: 47.5vh;
        right: 0.5em;
        border-radius: 5em;
        z-index: 5;
        background-color: #E76755;
        border: none;
        color: #FFFFFF;
        text-align: center;
        text-decoration: none;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        cursor: pointer;
        opacity: 0.7;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
    }

    /* BTN REPORTE NACIONAL */
    .flotante_reporte {
        position: absolute;
        bottom: 36vh;
        right: 0.5em;
        border-radius: 5em;
        z-index: 5;
        background-color: #92C15D;
        border: none;
        color: #FFFFFF;
        text-align: center;
        text-decoration: none;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        cursor: pointer;
        opacity: 0.7;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
    }

    /* BTN MUESTRA LEYENDA */
    .flotante_leyenda {
        position: absolute;
        bottom: 24.5vh;
        right: 0.5em;
        border-radius: 5em;
        z-index: 5;
        background-color: #1B3C71;
        border: none;
        color: #FFFFFF;
        text-align: center;
        text-decoration: none;
        -webkit-transition-duration: 0.4s;
        transition-duration: 0.4s;
        cursor: pointer;
        opacity: 0.7;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5)
    }

    /* BTN EXPANDIR MAPA */
    .flotante_expandir {
        display: none !important
    }

    option {
        font-size: 100%
    }

    /* PROPIEDADES SERVICIO DE MAPA ARCGIS */
    #viewDiv {
        display: block
    }

    .esri-attribution__sources, .esri-interactive {
        display: none
    }

    .esri-attribution__powered-by {
        display: none
    }

    /* LEYENDA */
    .esri-ui-inner-container, .esri-ui-corner-container {
        left: 0.5em !important;
        right: 0.5em !important
    }

    .esri-legend__service-label {
        font-size: 95%;
        display: none
    }

    .esri-legend__layer-cell--info {
        font-size: 95%;
        font-style: normal
    }

    .esri-legend__layer {
        font-size: 95%;
        font-weight: bold
    }

    .esri-component.esri-legend {
        font-size: 73%;
        left: 0.2em;
        bottom: -4.8em;
        position: fixed;
        width: 15em;
        max-width: 15em;
        height: auto;
        z-index: 1;
        opacity: 0.7
    }

    .esri-component.esri-legend:hover {
        font-size: 73%;
        left: 0.2em;
        bottom: -4.8em;
        position: fixed;
        width: 15em;
        max-width: 15em;
        height: auto;
        z-index: 1;
        opacity: 1
    }

    .esri-legend__service {
        margin: 0;
        padding: 5px 5px 5px 5px
    }

    .esri-layer-list {
        z-index: 3 !important
    }

    .esri-widget--panel {
        width: auto;
        font-size: 90%;
        padding: 0;
        margin-top: -5.1em;
        margin-right: 20em;
        z-index: 0;
        display: none
    }

    .esri-layer-list__item-title {
        font-size: 75%;
        font-weight: bold
    }

    .esri-view-height-medium .esri-expand .esri-widget--panel, .esri-view-height-medium .esri-expand .esri-widget--panel-height-only, .esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel, .esri-view-height-medium .esri-ui-corner .esri-component.esri-widget--panel-height-only {
        max-height: 700px
    }

    .esri-legend__symbol {
        font-size: 2px;
        width: 10px;
        height: 10px;
        padding: 0;
        margin: 0
    }

    .esri-legend__layer-caption {
        font-size: 1em;
        padding: 0;
        margin: 0;
    }

    .esri-ui-top-right .esri-component {
        margin-bottom: 5em
    }

    .esri-legend__layer-cell {
        word-break: break-word;
        padding: 0.1em;
        vertical-align: middle;
    }

    #toolbar {
        display: none;
        margin-top: 0.5em
    }

    .esri-zoom {
        display: none
    }

    /* PROPIEDADES MODAL */
    .modal-title {
        text-align: center;
        font-size: 105%;
        font-weight: bold;
        color: #000000;
        border-bottom: 0.15em solid;
        cursor: default;
    }

    .modal-title-2 {
        font-size: 90%;
        font-weight: bold;
        margin: 0
    }

    .modal-header {
        padding: 10px
    }

    .modal-body {
        padding: 5px
    }

    .modal-footer {
        display: none
    }

    .close {
        color: red
    }

    .close:hover {
        color: red
    }

    .btn-primary {
        display: none
    }

    #Contenido_Documentacion {
        height: 75vh
    }

    #myiframe {
        width: 100%;
        height: 100%
    }

    .Contenido_Sede {
        max-height: 70vh;
        overflow-y: auto
    }

    .Contenido_Incidencias {
        max-height: 75vh;
        overflow-y: auto;
        font-size: 90% !important
    }

    .Contenido_Sede2 {
        overflow-y: auto;
        max-height: 45em;
        font-size: 90%
    }

    #modal_aplicacion {
        overflow-y: auto;
        max-height: 75vh;
        font-size: 90%
    }

    #Contenido_Imagen_Incidencia {
        max-height: 70vh;
        overflow-y: auto;
        font-size: smaller;
    }

    #Tabla_SO_Incidencias_filter {
        display: none
    }

    /* PROPIEDADES MODAL IMAGENES */
    #img_LO, #img_LA {
        max-height: 25em
    }

    /* LOGIN */
    .logo_login {
        width: 10em
    }

    #container_logo {
        padding: 10%
    }

    .card {
        background-color: #F7F7F7;
        padding: 20px 25px 30px;
        margin: 0 auto 25px;
        margin-top: 50px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3)
    }

    .card-container.card { /*width: 350px;padding: 40px 40px;*/
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #444;
        font-size: larger;
    }

    .estilo_div_excel {
        font-size: 90%;
        text-align: center !important;
        padding: 0.2em;
        font-weight: bold;
    }

    .dataTables_info {
        font-size: 85%;
        font-weight: bold;
        margin-bottom: 1.2em;
    }

    .dataTables_paginate {
        font-size: 85%;
        font-weight: bold;
        margin-bottom: 1.2em;
    }
}


@media (max-width: 360px) {
    .lengendDiv_0 {
        width: 39%;
        max-width: 50%;
        top: 36rem;
    }

}

#micro_reporte.table > tbody > tr > td,
#micro_reporte.table > tbody > tr > th,
#micro_reporte.table > tfoot > tr > td,
#micro_reporte.table > tfoot > tr > th,
#micro_reporte.table > thead > tr > td,
#micro_reporte.table > thead > tr > th {
    padding: 0 !important;
    vertical-align: middle !important;
}

#my-notification-container .ui-pnotify-container {
    padding: 3px !important;
}

#my-notification-container .ui-pnotify-title {
    text-align: center !important;
    margin-bottom: 0 !important;
}

#my-notification-container .ui-pnotify {
    top: 2px !important;
    right: 2px !important;
}