@charset "utf-8";

@media only screen and (max-device-width: 480px) and (min-device-width: 320px) {
    aside#menu {
        top: 0;
        width: 100%;
        height: 50px;
        padding: 10px 0;
        background: var(--blanco);
        justify-content: space-around;
    }

    div#contenedor {
        position: relative;
        margin: auto;
        margin-top: 50px;
    }

    div#estructura{
        display: block;
    }

    nav#menu-lista {
        display: none;
    }

    div#mini_menu_movil {
        display: flex !important;
        align-items: center;
        width: auto;
        color: var(--verde-cedix);
        justify-content: center;
        padding-right: 15px;
    }

    div.mini_menu_movil_modulos {
        display: flex !important;
        align-items: center;
        width: auto;
        color: var(--verde-cedix);
        justify-content: center;
        padding-right: 15px;
    }

    

    #logo img {
        width: auto !important;
        height: 100%;
    }

    #logo {
        height: 35px;
        width: 35px;
        display: block;
        margin: unset !important;
        padding-left: 25px;
    }

    #logo a {
        display: block;
        width: 100%;
        height: 100%;
    }

    div#contenedor_header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    div#mini_menu_movil i {
        font-size: 30px;
    }

    .mostrar_menu_movil {
        box-shadow: 0px 16px 10px #00000017;
        display: block !important;
        position: fixed;
        right: 0;
        margin-top: 49px;
        padding-bottom: 60px;
        background: #ffffff;
        height: 100%;
        width: 70%;
        transition: 0.5s;
        overflow: auto;
        z-index: 999999;
        top: 0;
    }

    #menu-lista ul li a {
        /* font-size: 35px; */
    }

    #menu-lista li {
    padding: 5px 0 0 0;
    }

    .editor_modulo {
        min-width: unset;
    }

    .fila_campos {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
    }

    .div_login {
        width: 90%;
    }

    .relativo_confirmacion {
        width: 90%;
    }
    div#estructura {
        position: unset;
    }

    aside#menu {
        position: fixed;
    }

    div#fila_graficas_1 {
        height: auto; 
    }
    .fila_graficas {
        flex-direction: column;
    }

    div#contenedor_4_cajas {
        width: auto;
    }

    div#contenedor_grafica_1_2 {
        flex-direction: column;
    }

    .cajas_individuales {
        height: 140px;
    }

    #config_movil{
        display: block;
    }

    div#top_bar {
        display: none;
    }

    .fecha_movil_home{
        font-size: 9px !important;
        width: 58px;
    }

    .menu_responsive_modulos {
        display: block !important;
        position: fixed;
        right: 0;
        box-shadow: 0px 16px 10px #00000017;
        margin-top: 49px;
        padding-bottom: 60px;
        background: #ffffff;
        height: 100%;
        width: 70%;
        transition: 0.5s;
        overflow: auto;
        z-index: 999;
        top: 0;
        padding: 20px;
    }


    div#contenedor_filtros_tareas {
        flex-direction: column;
    }

    
    .menu_modulo{
        display: none;
    }

    div#contenedor_menu_modulo {
        display: flex !important;
        position: fixed;
        top: 113px;
        right: 30px;
        gap: 5px;
    }

    .contenedor_herramientas_modulo a {
        width: 100%;
        margin-bottom: 15px;
    }

    div#contenedor_interno_grafica_3 {
        flex-direction: column;
    }

    .convenciones_grafica {
        width: 100%;
    }

    div#contenedor_mapa {
        position: fixed;
        top: 50px;
        height: calc(100% - 50px);
    }

    .map_right_bar_movil{
        display: none;
    }

    #mapa_datos_generales {
        overflow-x: scroll;
    }

    #icono_abrir_barra_mapa {
        box-shadow: 0px 1px 30px #00000017;
        display: block;
        position: fixed;
        right: 10px;
        top: 60px;
        background: #fff;
        border-radius: 5px;
        padding: 5px;
    }

    .contenedor_cerrar_movil {
        display: block;
        position: absolute;
        right: 20px;
    }

    .contenedor_cerrar_movil svg {
        width: 15px;
        height: auto;
    }

    div#contenedor_mod_configuracion {
        width: auto;
    }

    .icono_menu_modulo i {
        color: #fff;
        font-size: 15px;
    }

    .titulo_emergente_movil{
        display: block;
    }

    .icono_menu_modulo {
        background: var(--verde-cedix);
        padding: 7px;
        border-radius: 20px;
    }

    div#mapa_resumen_servicio {
        display: flex;
        padding: 20px 40px;
        width: fit-content;
        max-width: 100%;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
    }

    #mapa_resumen_servicio {
        overflow-x: scroll;
    }

    div#mapa_resumen_servicio .columna_flex {
        min-width: 150px;
    }
}