/*flake8: noqa*/

.mantine-Badge-root {
    margin-right: 10px;
}

/* .selector {
    width: 350px;
} */

.mantine-Button-root {
    margin-top: 10px;
}

#left_menu {
    display: inline-block;
    max-width: 25vw;
    height: 100vh;
}

#right_area {
    display: flex;
    flex-direction: column;
    max-width: 65vw;
    height: 100vh;
    vertical-align: top;
}

#react-entry-point {
    padding: 20px;
    display: flex;
    justify-content: left;
}

#container {
    width: 95vw;
    margin: 2.5%;
}

#title {
    text-align: center;
}

.component_label {
    font-size: 14px;
    color: #4D5978;
}

.center_text {
    text-align: center;
}

.select_agency {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
}

#agency_page_button {
    width: 240px;
}

#home_page_button {
    width: 240px;
}

.line_selector .Select-control {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #CED4DA;
    border-radius: 4px;
}

.line_selector .Select-value-label {
    color: #4D5978 !important;
    font-size: 14px;
}

.line_selector .Select-placeholder {
    color: #CED4DA;
    font-size: 14px;
}

.line_selector .Select-menu {
    color: #4D5978;
    font-size: 14px;
}

.line_selector .Select-menu-outer {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #CED4DA;
    border-radius: 4px;
}

.dark_brand_color_text {
    color: #4D5978;
}

.drag_and_drop_color_settings {
    color: #4D5978;
    border-color: #4D5978;
}

.selectMonth .mantine-Select-error {
    display: none;
    margin-bottom: 0px !important;
}

.mantine-Select-input {
    color: #4D5978;
}

.mantine-Select-item {
    color: #4D5978;
}

.mantine-Tabs-tab[data-active] {
    border-color: #4D5978 !important;
}

.filledButton {
    background-color: #4D5978;
}

.hollowButton {
    background-color: #FFFFFF;
    border-color: #4D5978;
    color: #4D5978;
}

.filledButton:hover {
    background-color: #636A93;
}

.hollowButton:hover {
    background-color: #FFFFFF;
    border-color: #636A93;
    color: #636A93;
}

.mantine-Slider-thumb {
    border-color: #4D5978;
    color: #4D5978;
}

.mantine-Slider-mark {
    border-color: #4D5978;
    color: #4D5978;
}

.mantine-Slider-bar {
    background-color: #4D5978;
}