.dashboard_dropdown_classname {
    margin: 0vh 3vw 0.6vh 3vw;
    font-size: 0.8vw;
}

.dashboard_dropdown_classname .ReactVirtualized__Grid__innerScrollContainer {
    color: #0053B5;
    font-weight: bold;
}

.dashboard_dropdown_classname .Select-value-label {
    color: #0053B5 !important;
    font-weight: bold;
}

.dashboard_dropdown_classname .Select-control {
    background-color: #dadada;
    opacity: 0.80;
    border-radius: 10px;
}

#energetic_graph,
#performance_graph {
    height: 24vh;
}

.pie_charts {
    height: 24vh;
}

/* total emissions */

.container_emissions {
    display: grid;
    grid-template-areas: "first first second third fourth"
        "first first second third fourth"
        "first first second third fourth"
        "first first sixth seventh eighth"
        "fifth fifth sixth seventh eighth"
        "fifth fifth sixth seventh eighth";
    height: 100%;
}

/* Indicator part RE2020 */

.main_component_indicator {
    display: grid;
    grid-template-areas: "first first second second second second . . "
        ". . indicator indicator indicator  indicator . ."
        "fourth fourth fourth fourth fifth fifth fifth fifth"
        "fourth fourth fourth fourth fifth fifth fifth fifth"
        "fourth fourth fourth fourth fifth fifth fifth fifth"
        "sixth sixth sixth sixth sixth sixth sixth sixth"
        "sixth sixth sixth sixth sixth sixth sixth sixth";
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    height: 100%;
}

.margin_bottom_emissions {
    margin-bottom: 0;
}

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

.common_style_mean_emissions {
    font-weight: bold;
    text-align: left;
    margin-bottom: 0;
    align-content: center;
}

.title_background_color_emissions {
    background-color: #E9F2FD;
}

.font_weight_emissions {
    font-weight: bold;
}

.align_content_center_emissions {
    align-content: center;
}

.values_color_emissions {
    color: #3B7AB8;
}

.titles_color_emissions {
    color: var(--dashboard-title-color)
}

.units_color_emissions {
    color: #9D9D9D;
}

.subtitle_explanation_color_emissions {
    color: #B6B6B6;
}

.titles_font_size_emissions {
    font-size: 1.3vw;
}

.subtitles_font_size_emissions {
    font-size: 1vw;
}

.mean_values_font_size_emissions {
    font-size: 1.4vw;
}

.total_values_font_size_emissions {
    font-size: 1.4vw;
}

.align_content_emissions {
    align-content: center;
}

.border_radius_top_emissions {
    border-radius: 0.75vw 0vw 0vw 0vw;
}

.border_radius_bottom_emissions {
    border-radius: 0 0 0 0.75vw;
}

/* Titles */

.common_style_titles {
    text-align: center;
    font-weight: bold;
    margin-bottom: 0;
}

.font_size_titles {
    font-size: 1.3vw;
}

.common_style_specific_titles {
    font-size: 1.3vw;
    color: #e4e4e4;
}

/* Indicator */

.common_indicator_style {
    margin-bottom: 0;
}

.common_indicator_style_secondary {
    font-weight: bold;
    text-align: center;
}

.value_color_indicator {
    color: #3B7AB8;
}

.mean_value_size_indicator {
    font-size: 2vw;
    padding: 1.7vh 0 0;
}

.total_value_size_indicator {
    font-size: 2vw;
    padding: 1.7vh 0 0;
}

.title_color_indicator {
    color: var(--dashboard-title-color);
}

.title_font_size_indicator {
    font-size: 1.3vw;
}


.subtitle_font_size_indicator {
    font-size: 1.1vw;
}

.subtitle_font_size_indicator_ic {
    font-size: 0.9vw;
}

.subtitle_padding_indicator {
    padding-bottom: 2rem;
}

.unit_color_indicator {
    color: #9D9D9D
}

.text_explanation_font_size_indicator {
    font-size: 0.7vw;
}

.self_align_component_indicator {
    align-self: center;
    color: var(--dashboard-title-color);
}

.bar_chart_indicator {
    margin: 1vh;
    height: 4.5vh;
}

.logo_indicator {
    padding: 1vw 1.5vw 0 1.5vw;
}

.dashboard__icons {
    transform: scale(2);
    margin-top: 1vh;
    margin-left: 1vh;
}

.dashboard__global-emissions__container {
    display: flex;
    height: 100%;
    width: 100%
}

.dashboard__global-emissions-title__container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-grow: 1;
    background-color: #E9F2FD;
}

.dashboard__global-emissions-values__container {
    display: flex;
    justify-content: space-around;
    flex-grow: 1;
}

.dashboard__global-emissions-values__container div {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    flex-grow: 1;
}

.dashboard__expand_light_button {
    color: var(--light-color);
}

.dashboard__expand_dark_button {
    color: var(--sidebar__container_color);
}

.dashboard__selected_expand_button {
    align-self: center;
    border: none;
    background-color: transparent;
    color: rgb(28, 28, 80);
    grid-area: contract;
    padding-inline: 0px;
    padding-block: 0px;
    padding-right: 1.5vw;
}

.dashboard__selected_expand_button:hover {
    transform: scale(1.1);
    transition: transform 0.1s;
}

.dashboard__expand_title_size {
    font-size: 3vh;
    padding-left: 3vw;
    grid-area: title;
}

.dashboard__expand_div_wrapper {
    display: flex;
    flex-direction: column;

}

.dashboard__expand_graph {
    height: 54vh;
    padding-right: 2vw;
    padding-left: 2vw;
}

.dashboard__expand_icon {
    height: 1.7em;
    width: 1.7em;
    color: var(--dashboard-title-color);
}

.dashboard__expand_title_icon {
    display: grid;
    grid-template-areas: ". title contract";
    grid-template-columns: auto 1fr;
    padding-bottom: 10vh;
    padding-top: 1vw;
}

.dashboard__expand_button {
    grid-area: expand;
    align-self: baseline;
    padding-top: 1.5vh;
    padding-left: 1.5vw;
    border: none;
    background-color: transparent;
}

.dashboard__expand_button:hover {
    transform: scale(1.2);
    transition: transform 0.1s;
}

.dashboard__title_expand {
    grid-area: title;
}

#dashboard__performance_dropdown,
#energetic_system_dropdown {
    grid-area: dropdown;
}

.dashboard__card_graph_with_dropdown {
    grid-area: graph;
}