* {
    padding: 0%;
    margin: 0;
    box-sizing: border-box;
}

:root {
    /*===================variables================== */
    /* genéricos municipales */
    --red: #FD0303;
    --red_pdf: #dc3545;
    --red_deep: #5b0f1a;
    --blue_municipality: #15438b;
    --blue_municipality_light: #8f94fb;
    --sakura: #F7CFE1;
    --rose_light: #D13DDE;
    --pink: #BC3CFF;
    --text_lite_purple: #7f3fbf;
    --morado-background-label: #5e60ce;
    --purple_municipal: #8b267f;
    --text_small_purple: #68006e;
    --info_cyan: #5BC0DE;
    --cyan_pop: #00d5ff;
    --cyan_deep: #005b6e;
    --hover_blue: #4e73df;
    --gold: #FFD700;
    --yellow_banana: #e6cb50;
    --green: #4CAF50;
    --white: #FFFFFF;
    --snow: #fffafa;
    --white_gray: #efedfb;
    --border_light: #ccc;
    --border_color: #e3e6f0;
    --light_gray: #f3f3f3;
    --gray: #9B9B9B;
    --gray_text: #848484;
    --link_text_gray: #6C7293;
    --dark_light_blue: #343D58;
    --dark_bootstrap: #2a2d31;
    --dark_light: #333;
    --dark_gray: #333;
    --dark_card: #191C24;
    --graphite: #1c1c1e;
    --dark: #000000;
    /* colores específicos */
    --body-color: #F4F5FA;
    --ui-yellow-pop: #ffd74a;
}



/* Note */
body {
    background: var(--body-color);
}

.select2 {
    width: 100% !important;
}


#mainContent {
    height: 100%;
    min-height: calc(100vh - 60px);
    margin-left: 12.5rem;
    padding: 1.5rem;
}



@media (min-width: 1400px) {

    #calendarContainer {
        width: 100%;
        min-width: 1150px;
    }

    #mainContent {
        display: grid;
        /* justify-content: center; */
        align-items: start;

    }

    .contenido {
        width: 100vw;
        max-width: 1150px;
        padding: 1rem;
    }

}

@media(max-width:750px) {
    .navbar-brand img {
        max-height: 2.5rem;
        height: 100%;
    }


    #mainContent {
        margin-left: 3.75rem;
        padding: 0;
    }

}