#home__container {
    display: grid;
    height: 100vh;
    grid-template-areas:
        "title title title title title"
        "title title title title title"
        "first first first first first"
        "first first first first first"
        "second second second second second"
        "second second second second second"
        "second second second second second"
        "second second second second second"
        "second second second second second"
        "second second second second second"
        "second second second second second"
        "second second second second second"
        "second second second second second"
        "second second second second second"
        "second second second second second"
        "second second second second second"
        ". . third third third";
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 1.5vw;
    padding: 2vh 6vh 2vh 6vh;
}

/* title*/

#home__title_container {
    grid-area: title;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.home__logo_se {
    height: 7vh;
}

/* first */

.home__title_description_container {
    display: flex;
}

.home__info_logo {
    margin: 1vh 2vh 0vh 0vh;
    width: 3vh;
    height: 3vh;
    color: var(--secondary-color);
}

#home__title_description {
    grid-area: first;
    background-color: #F7FCF9;
    border-radius: 1vw;
    display: flex;
    flex-wrap: wrap;
    box-shadow: var(--home_main_box_shadow);
    width: fit-content;
    height: fit-content;
    padding: 1vh 1vw 1vh 1vw;
}


.home__title_description_text {
    font-size: 2vh;
    color: var(--home__text_color);
    margin: 0;
}

.home__title {
    display: flex;
    align-items: center;
    font-size: 5vh;
    color: var(--home__main_color);
    font-weight: 100;
    gap: 0.7vw;
}

.home__logo_regulation {
    height: 5.5vh;
}

.home__regulation {
    display: flex;
    align-items: center;
    font-size: 2vh;
    border-radius: 1.5vw;
    color: var(--home__main_color);
    font-weight: 300;

}

/* second */

#home__table {
    grid-area: second;
    display: flex;
    flex-direction: column;
    gap: 1vh;
    background-color: #F7FCF9;
    border-radius: 1vw;
    padding: 2vh 4vh;
    box-shadow: var(--home_main_box_shadow);
}


#home__choice_filter {
    display: flex;
    justify-content: space-between;
}

#home__recent_filters_container {
    flex: 80%;
}


#home__all_filters_dropdown {
    border: none;
    width: 20vw;
    height: 4vh;
    font-size: 1.8vh;
}

#home__all_filters_dropdown .Select-placeholder {
    color: var(--home__text_color);
    line-height: 4vh;
    padding-left: 1vh;
    padding-right: 1vh;
}

#home__all_filters_dropdown .Select-value {
    line-height: 3.7vh;
}

#home__all_filters_dropdown .Select-control {
    height: 0;
    border-radius: 0.9vw
}

#home__all_filters_dropdown .Select-multi-value-wrapper {
    height: 4vh;
}

#home__all_filters_container {
    flex: 20%;
}

.home__recent_filter {
    padding: 0.9vh 2vh 0.7vh;
    border-radius: 1vw;
    color: var(--home__text_color);
    font-size: 1.5vh;
    background-color: #ffffff;
    border: 0.1px solid #f2f2f2;
}

.home__recent_filter:hover {
    background-color: #ECF8FF;
}

#home__recent_filters {
    display: flex;
    gap: 34vw;
    align-items: end;
}

#home__choice_buttons {
    display: flex;
    justify-content: space-between;
    margin: 1.5vh 0vh 0vh 0vh;
}

#home__choice_buttons>div {
    display: flex;
}


.home__logo_button {
    height: 2.5vh;
    vertical-align: bottom;
    margin: 0vw 0.5vw 0vw 0vw;
}

/* third */

#home__sending_data {
    grid-area: third;
    display: flex;
    justify-content: flex-end;
}

.home__result_button {
    display: flex;
    align-items: center;
    font-size: 2vh;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding: 1vh 1.3vh;
    border-radius: 1vw;
    box-shadow: 0 0.5vh 1.5vh rgba(163, 163, 163, 0.244);
    margin-left: 1vw;
}

.home__button_reporting {
    background-color: var(--main-color);
}

.home__button_technical {
    background-color: var(--home__main_color);
}

.home__result_button:hover {
    background-color: var(--home__text_color);
}

.home-table__link {
    display: flex;
    justify-content: center;
    color: var(--home__text_color);
    text-decoration: none;
}

.home-table__link:hover {
    color: var(--home__text_color__hover);
}

/* AG grid */

.ag-theme-alpine {
    --ag-icon-font-color: var(--home__text_color);
    --ag-font-family: "Urbanist";
}

.ag-theme-alpine .ag-root-wrapper {
    border-radius: 1vw;
}

.ag-theme-alpine .ag-header-container {
    background-color: rgb(239, 246, 252);
    font-size: 1.7vh;
}

.ag-theme-alpine .ag-header-cell-label {
    color: var(--home__main_color);
    font-weight: normal;
}

.ag-theme-alpine {}

.ag-theme-alpine .ag-row {
    --ag-font-size: 1.7vh;
    color: var(--home__text_color);
    /*--ag-grid-size: 30px;*/
}

.ag-theme-alpine .ag-row-odd {
    background-color: #f1fafe;
}

.ag-theme-alpine .ag-row-even {
    background-color: #ffffff;
}

.ag-theme-alpine .ag-paging-panel {
    color: var(--home__text_color);
}

.home__toast {
    position: fixed;
    top: 66px;
    right: 10px;
    width: 20vw;
}

#home__modal_button_send {
    display: flex;
    justify-content: center;
    align-items: center;
    align-self: center;
    margin: 1vw 12vw;
    width: 10vw;
    background-color: var(--home__main_color);
    font-size: 1.8vh;
    color: var(--home__modal_text_color);
    padding: 1vh 1.3vh;
    border: none;
    border-radius: 1vw;
    box-shadow: 0vh 0.5vh 1.5vh rgba(163, 163, 163, 0.244);
}

#home__modal_button_send:hover {
    background-color: var(--home__text_color);
}

#home__modal_dropdown {
    padding: 0vw 1vw;
}

#home__choose_columns {
    margin: 0vw 0vw 0vw 1vw;
}

#home__recent_filters_container {
    margin-top: 6px;
    color: var(--home__main_color);
    font-size: 2vh;
}

.home__selected_count {
    margin-bottom: 0;
}

.home__selected_count>i {
    vertical-align: bottom;
}

.home__zone_icon {
    width: 3vh;
    height: 3vh;
}

.home__warning_icon {
    width: 3vh;
    height: 3vh;
    margin: 0vh 1vh 0.8vh 0vh;
}

.home__warning_text {
    color: var(--home_warning_color);
    margin: 2vh 1vw 0vh 1vw;
}

#datatable_filter .ag-tooltip {
    background-color: var(--home__main_color) !important;
    color: rgb(255, 255, 255) !important;
    border-radius: 8px;
}

#datatable_filter,
.ag-theme-alpine-dark,
.ag-theme-alpine-auto-dark {
    --ag-selected-row-background-color: rgba(47, 160, 252, 0.12) !important;
}

.home__regular_button,
.home__regular_input {
    display: flex;
    align-items: center;
    font-size: 1.8vh;
    border-radius: 1vw;
    height: 5vh;
}

.home__regular_button {
    color: var(--home__text_color);
    background-color: var(--home_button_background);
    padding: 0vw 1vw 0vw 0.5vw;
    border: 0.1px solid #f2f2f2;
}

.home__regular_button:hover {
    background-color: var(--home_button_background_hover);
}

.home__regular_input {
    width: 14.6vw;
    border: 0.1px solid #f2f2f2;
    background-color: #ffffff;
    color: #e1e1e1;
    box-sizing: border-box;
    outline: none;
}

.home__custom_input_container {
    position: relative;
    width: 17vw;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#home__filter_input {
    width: 100%;
    color: var(--home__text_color);
    padding: 1vw;
}

#home__filter_input::placeholder {
    color: #ababab
}

.home__save_regular_button {
    right: 3%;
    top: 21%;
    color: var(--home__text_color);
    background-color: var(--home_button_background);
    border-radius: 15px;
    z-index: 2;
    border: 0.1px solid #f2f2f2;
    position: absolute;
    height: 3vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home__save_regular_button:hover {
    background-color: var(--home_button_background_hover);
}

.home__svg_save_button {
    height: 2vh;
}

#home__update_date__container {
    color: var(--home__text_color);
}