@font-face {
    font-family: 'sb-din-light-font';
    src: url(/fonts/din-light.woff);
}

@font-face {
    font-family: 'sb-din-regular-font';
    src: url(/fonts/din-regular.woff);
}

@font-face {
    font-family: 'sb-din-black-font';
    src: url(/fonts/din-black.woff);
}

/* Font sizes */

/* Header/Footer */

/* Image sizes */

/* Buttons */

/* Input text */

/* Content/Page */

/* Table */

/* Form */

/* a bit longer that the longest label, so that labels do not get wrapped */

/* Filters */

/* Misc */

/* Durations */

/* Input Spinner */

html,
body {
    min-height: 100%;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 16px;
}

* {
    box-sizing: border-box;

    /* Define font-family here because if it is defined on html or body, form elements don't take it into account */
    font-family: 'sb-din-regular-font', 'Arial', 'Helvetica', 'SansSerif', sans-serif;
}

h1 {
    margin: 0;
    font-weight: normal;
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._base_content_1be0d_4 {
    min-height: calc(100vh - (2 * 96px));
    padding: 40px 5%;
    background-color: #EDEEEF;
    color: #303030;
}
._page_1be0d_11 {
    padding: 32px;
    background-color: #FAFAFA;
    box-shadow: 8px 8px 24px -8px #7D7D7D;
}
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._loader_iimyc_3 {
    text-align: center;
    margin-top : 16px;
    margin-bottom : 16px;
}
._interactive_hover_7rbwy_14:active {
        box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._common_header_footer_7rbwy_4 {
    display: table;
    height: 96px;
    max-height: 96px;
    width: 100%;
    overflow: hidden;
    padding: 0 5%;
    background-color: #FAFAFA;
}
._interactive_hover_7rbwy_14 {
}
._interactive_hover_7rbwy_14:hover {
        cursor: pointer;
        box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
._button_base_7rbwy_24 {
    padding: 8px 24px;
    border-radius: 2px;
    border-width: 1px;
    border-style: solid;
    font-size: 16px;
    text-decoration: none;
    outline: none;
    min-width: 88px;
}
._input_base_7rbwy_35 {
    padding: 0 10px;
    height: 36px;
    border: 1px solid #B7BBBE;
    border-radius: 4px;
    background-color: #FFFFFF;
    font-size: 16px;
    text-decoration: none;
    outline: none
}
._input_base_7rbwy_35:-ms-input-placeholder {
        color: #aaa;
}
._input_base_7rbwy_35::placeholder {
        color: #aaa;
}
._input_base_disabled_7rbwy_50 {
    background-color: #f9f9f9;
    border-color: #B7BBBE;
    color: #B7BBBE;
}
._button_transparent_base_7rbwy_57 {
    background-color: transparent;
}
._button_transparent_grey_7rbwy_62 {
    border-color: #B7BBBE;
    color: #303030;
}
._button_transparent_grey_disabled_7rbwy_68 {
    background-color: #EDEEEF;
    border-color: #EDEEEF;
    color: #B7BBBE;
}
._button_filled_blue_7rbwy_75 {
    border-color: #009FE3;
    background-color: #009FE3;
    color: #FFFFFF;
    font-weight: bold
}
._button_filled_blue_7rbwy_75:hover {
        background-color: #008DDC;
}
._button_transparent_red_7rbwy_87 {
    border-color: #FF3800;
    color: #FF3800;
    border-radius: 0px;
}
._header_button_7rbwy_94 {
    display: inline-block;
    vertical-align: middle;
    height: 36px;
    padding: 0 24px;
}
._line_separator_7rbwy_102 {
    border: none;
    border-top: 1px solid #B7BBBE;
    margin: 32px 0;
}
._minor_button_7rbwy_108 {
    text-decoration: underline;
    color: #303030;
    cursor: pointer
}
._minor_button_7rbwy_108:hover {
        color: #008DDC;
}
._minor_button_disabled_7rbwy_118 {
    text-decoration: underline;
    color: #B7BBBE;
}
._input_div_with_spinner_7rbwy_123 {
    position: relative
}
._input_div_with_spinner_7rbwy_123::after {
        content: '';
        width: 16px;
        height: 16px;
        box-sizing: border-box;
        border-radius: 50%;
        border: 2px solid #ccc;
        border-right-color: #333;
        position: absolute;
        top: calc((36px - 16px) / 2);
        right: calc((36px - 16px) / 2);
        z-index: 200;
        animation: _input-animation-spin_7rbwy_1 400ms infinite linear;
}
@keyframes _input-animation-spin_7rbwy_1 {
    to { transform: rotate(1turn); }
}
._input_div_with_check_7rbwy_149 {
    position: relative
}
._input_div_with_check_7rbwy_149::after {
        content: url('img/green_check_mark.svg');
        position: absolute;
        top: calc((36px - 18px) / 2);  /* 18px should be the height of the image used as content (not resizable when used as pseudo-element) */
        right: calc((36px - 18px) / 2);  /* 18px should be the width of the image used as content (not resizable when used as pseudo-element) */
}
._details_table_1are9_33 ._tags_1are9_44 {
        & > div + div {
            margin-left: 10px;
        }
}/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._page_header_1are9_4 {
    display: table;
    width: 100%;
}
._title_1are9_9 {
    color: #2980B9;
}
._button_block_1are9_13 {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}
._edit_button_1are9_19 {
    vertical-align: middle;
    margin-left: 24px;

    /* The following attributes allow the button (which is actually an <a> tag) to correctly render its min width attribute */
    display: inline-block;
    text-align: center;
}
._separator_1are9_29 {
}
._details_table_1are9_33 {
}
._details_table_1are9_33 ._item_1are9_34 {
        height: 48px;
        font-size: 18px;
}
._details_table_1are9_33 ._item_1are9_34 > ._label_1are9_38 {
            min-width: 136px;
            color: #2980B9;
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._title_5gj4b_4 {
    color: #2980B9;
    display: inline;
    vertical-align: middle;
    margin-right: 24px;
}
._separator_5gj4b_11 {
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._root_element_142ge_4 {
    text-align: center;
}
._signin_button_142ge_8 {
    margin-top: 32px;
    background-color: #009FE3;
    color: #FAFAFA;
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._root_element_bx0fl_4 {
    text-align: center;
}
._message_bx0fl_8,
._go_home_button_bx0fl_9 {
    margin-top: 32px;
}
._go_home_button_bx0fl_9 {
    background-color: #009FE3;
    color: #FAFAFA;
}

/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._root_element_zsai1_4 {
    font-size: 14px;
    font-weight: bold;
    box-shadow: 8px -8px 24px -8px #7D7D7D;
}
._copyright_zsai1_11,
._logo_zsai1_12 {
    display: table-cell;
    vertical-align: middle;
}
._logo_zsai1_12 {
    text-align: right
}
._logo_zsai1_12 > img {
        max-height: 48px;
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._page_header_sjfki_4 {
    display: table;
    width: 100%
}
._page_header_sjfki_4 > h1 {
        color: #2980B9
}
._button_block_sjfki_13 {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}
._create_button_sjfki_19 {
}
._separator_sjfki_23 {
}
._total_count_text_sjfki_27 {
    margin-bottom: 16px;
    font-weight: bold;
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._root_element_9vycs_4 {
    display: inline-block;
    font-size: 16px;
    border: 1px solid #B7BBBE;
    border-radius: 13px;
    padding: 5px 10px;
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._page_header_brnn6_4 {
    display: table;
    width: 100%;
}
._title_brnn6_9 {
    color: #2980B9;
}
._separator_brnn6_13 {
}
._button_block_brnn6_17 {
    display: table-cell;
    vertical-align: middle;
    text-align: right
}
._grid_container_9yq92_54 > ._select_tags_9yq92_113 {
        grid-area: select_tags;
}
._grid_container_9yq92_54 > ._label_tags_9yq92_109 {
        grid-area: label_tags;
}
._grid_container_9yq92_54 > ._pwd_info_9yq92_101 {
        grid-area: pwd_info;
        font-size: 14px;
        & ul {
            margin: 0;
        }
}
._grid_container_9yq92_54 > ._input_repeat_pwd_9yq92_97 {
        grid-area: input_repeat_pwd;
}
._grid_container_9yq92_54 > ._input_type_pwd_9yq92_93 {
        grid-area: input_type_pwd;
}
._grid_container_9yq92_54 > ._label_pwd_9yq92_89 {
        grid-area: label_pwd;
}
._grid_container_9yq92_54 > ._input_email_9yq92_85 {
        grid-area: input_email;
}
._grid_container_9yq92_54 > ._label_email_9yq92_81 {
        grid-area: label_email;
}
._grid_container_9yq92_54 > ._input_last_name_9yq92_77 {
        grid-area: input_last_name;
}
._grid_container_9yq92_54 > ._input_first_name_9yq92_73 {
        grid-area: input_first_name;
}
._grid_container_9yq92_54 > ._label_name_9yq92_69 {
        grid-area: label_name;
}/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._user_form_root_9yq92_4 {
}
._user_form_root_9yq92_4 label {
        min-width: 136px;
        color: #2980B9;
        font-size: 18px;
}
._user_form_root_9yq92_4 label > span {
            vertical-align: sub;
}
._separator_9yq92_16 {
}
._label_star_9yq92_20 {
    color: #F44336;
}
/* Using global so that react-select takes this custom style into account (no css modules class prefixing) */
.user_form__tags_custom_react_select_style {
}
.user_form__tags_custom_react_select_style > .Select-control {
        border: 1px solid #B7BBBE; /* always */
}
._submit_block_9yq92_31 {
    margin-top: 24px;
}
._save_button_9yq92_35 {
}
._save_button_disabled_9yq92_39 {
}
._cancel_button_9yq92_43 {
    margin-left: 24px;
}
._cancel_button_disabled_9yq92_48 {
    margin-left: 24px;
}
/* Define grid, our preferred choice if Grid Layout is supported */
._grid_container_9yq92_54 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 14% 216px 216px auto;
        grid-template-columns: 14% 216px 216px auto;
    grid-template-areas:
        "label_name     input_first_name    input_last_name     .       "
        "label_email    input_email         input_email         .       "
        "label_pwd      input_type_pwd      input_repeat_pwd    pwd_info"
        "label_tags     select_tags         select_tags         .       ";
    grid-column-gap: 16px;
    grid-row-gap: 24px
}
._grid_container_9yq92_54 input {
        width: 100%;
}
/* Define some properties to still make form beautiful and usable in case Grid Layout is not supported */
._grid_container_9yq92_54 {
    max-width: 600px
}
._grid_container_9yq92_54 > * {
        margin: 16px 0;
}
/* Feature Query in case Grid Layout is supported: reset the above properties */
/* The items' margin should be set to 0 as grid-row-gap already takes care of this */
@supports (display: grid) {
    ._grid_container_9yq92_54 {
        max-width: none
    }
    ._grid_container_9yq92_54 > * {
            margin: 0;
        }
}
@media all and (max-width: 1000px) {
    ._grid_container_9yq92_54 {
        -ms-grid-columns: 1fr 2fr 2fr;
            grid-template-columns: 1fr 2fr 2fr;
        grid-template-areas:
        "label_name     input_first_name    input_last_name "
        "label_email    input_email         input_email     "
        "label_pwd      input_type_pwd      input_repeat_pwd"
        ".              pwd_info            pwd_info        "
        "label_tags     select_tags         select_tags     ";
    }
}
@media all and (max-width: 624px) {
    ._grid_container_9yq92_54 {
        -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "label_name         .               "
            "input_first_name   input_last_name "
            "label_email        .               "
            "input_email        input_email     "
            "label_pwd          .               "
            "input_type_pwd     input_repeat_pwd"
            "pwd_info           pwd_info        "
            "label_tags         .               "
            "select_tags        select_tags     ";
        grid-row-gap: 12px;
    }
}
@media all and (max-width: 448px) {
    ._grid_container_9yq92_54 {
        -ms-grid-columns: 100%;
            grid-template-columns: 100%;
        grid-template-areas:
            "label_name         "
            "input_first_name   "
            "input_last_name    "
            "label_email        "
            "input_email        "
            "input_email        "
            "label_pwd          "
            "input_type_pwd     "
            "input_repeat_pwd   "
            "pwd_info           "
            "label_tags         "
            "select_tags        ";
        grid-row-gap: 12px;
    }
}

/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._title_5gj4b_4 {
    color: #2980B9;
    display: inline;
    vertical-align: middle;
    margin-right: 24px;
}
._separator_5gj4b_11 {
}
._title_tcpku_10 h1 {
        display: inline-block;
        vertical-align: middle;
        color: #303030;
        font-size: 32px;
}/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._root_element_tcpku_4 {
    position: relative;
    box-shadow: 8px 8px 24px -8px #7D7D7D;
}
._title_tcpku_10,
._toolbar_tcpku_11 {
    display: table-cell;
    vertical-align: middle;
}
._title_tcpku_10 {
}
._title_tcpku_10 img {
        width: 48px;
        height: 48px;
        margin-right: 20px;
        vertical-align: middle;
}
._toolbar_tcpku_11 {
    text-align: right;
}
._logout_button_tcpku_36 {
    margin-left: 24px;
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._delete_component_13owl_4 {
    display: inline-block;
}
._delete_button_13owl_8 {
    vertical-align: middle;
}
._modal_overlay_13owl_13 {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.35);;
}
._modal_13owl_13 {
    position: absolute;
    top : 50%;
    left : 50%;
    right : auto;
    bottom : auto;
    marginRight : -50%;
    transform : translate(-50%, -50%);
    overflow: auto;
    outline: none;
    border-radius: 4px;
    background-color: #FFFFFF;

    padding : 32px;
}
._modal_title_13owl_38 {
    color: #2980B9;
    font-size: 24px;
}
._modal_separator_13owl_43 {
    margin: 24px 0;
}
._modal_button_block_13owl_48 {
    text-align: center;
    margin-top: 32px;
}
._modal_confirm_button_13owl_53 {
}
._modal_cancel_button_13owl_57 {
    margin-left: 24px;
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._user_table_1bicq_4 {
    display: table;
    width: 100%;
    border-collapse: collapse;
}
._user_table_1bicq_4 ._header_1bicq_10 {
    display: table-header-group;
    border: 1px solid #2980B9;
}
._user_table_1bicq_4 ._header_row_1bicq_15 {
    display: table-row;
}
._user_table_1bicq_4 ._header_row_1bicq_15 > div {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    height: 40px;
    background-color: #2980B9;
    color: #FFFFFF;
    font-weight: bold;
    text-align: left;
}
._user_table_1bicq_4 ._body_1bicq_30 {
    display: table-row-group;
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._root_element_1qmus_4 {
    text-align: center;
    margin-top: 32px;
}
._pagination_text_1qmus_9 {
    font-style: italic;
}
._load_more_button_1qmus_13 {
    margin-top: 16px;
}
._load_more_button_disabled_1qmus_18 {
    margin-top: 16px;
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._async_validating_gtcpp_4 {
}
._checked_gtcpp_8 {
}
._text_input_gtcpp_12 {
}
._text_input_gtcpp_12._error_gtcpp_15 {
        border-color: #F44336;
}
._disabled_text_input_gtcpp_20 {
}
._error_message_gtcpp_24 {
    color: #F44336;
    font-size: 14px;
}
._grid_container_z0h68_29 > ._pwd_info_z0h68_52 {
        grid-area: pwd_info;
        font-size: 14px;
        & ul {
            margin: 0;
        }
}
._grid_container_z0h68_29 > ._input_repeat_pwd_z0h68_47 {
        grid-area: input_repeat_pwd;
        max-width: 216px;
}
._grid_container_z0h68_29 > ._input_type_pwd_z0h68_42 {
        grid-area: input_type_pwd;
        max-width: 216px;
}/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._user_form_root_z0h68_4 {
}
._user_form_root_z0h68_4 label {
        min-width: 136px;
        color: #2980B9;
        font-size: 18px;
}
._user_form_root_z0h68_4 label > span {
            vertical-align: sub;
}
._submit_block_z0h68_16 {
    margin-top: 24px;
}
._save_button_z0h68_20 {
}
._save_button_disabled_z0h68_24 {
}
/* Define grid, our preferred choice if Grid Layout is supported */
._grid_container_z0h68_29 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 100%;
        grid-template-columns: 100%;
    grid-template-areas:
        "pwd_info           "
        "input_type_pwd     "
        "input_repeat_pwd   ";
    grid-row-gap: 24px
}
._grid_container_z0h68_29 input {
        width: 100%;
}
/* Define some properties to still make form beautiful and usable in case Grid Layout is not supported */
._grid_container_z0h68_29 {
    max-width: 600px
}
._grid_container_z0h68_29 > * {
        margin: 16px 0;
}
/* Feature Query in case Grid Layout is supported: reset the above properties */
/* The items' margin should be set to 0 as grid-row-gap already takes care of this */
@supports (display: grid) {
    ._grid_container_z0h68_29 {
        max-width: none
    }
    ._grid_container_z0h68_29 > * {
            margin: 0;
        }
}
._grid_container_8cbjq_66 > ._select_tags_8cbjq_126 {
        grid-area: select_tags;
}
._grid_container_8cbjq_66 > ._label_tags_8cbjq_122 {
        grid-area: label_tags;
}
._grid_container_8cbjq_66 > ._pwd_info_8cbjq_114 {
        grid-area: pwd_info;
        font-size: 14px;
        & ul {
            margin: 0;
        }
}
._grid_container_8cbjq_66 > ._input_repeat_pwd_8cbjq_110 {
        grid-area: input_repeat_pwd;
}
._grid_container_8cbjq_66 > ._input_type_pwd_8cbjq_106 {
        grid-area: input_type_pwd;
}
._grid_container_8cbjq_66 > ._label_pwd_8cbjq_102 {
        grid-area: label_pwd;
}
._grid_container_8cbjq_66 > ._input_email_8cbjq_97 {
        grid-area: input_email;
}
._grid_container_8cbjq_66 > ._label_email_8cbjq_93 {
        grid-area: label_email;
}
._grid_container_8cbjq_66 > ._input_last_name_8cbjq_89 {
        grid-area: input_last_name;
}
._grid_container_8cbjq_66 > ._input_first_name_8cbjq_85 {
        grid-area: input_first_name;
}
._grid_container_8cbjq_66 > ._label_name_8cbjq_81 {
        grid-area: label_name;
}
._user_form_root_8cbjq_4 label {
        min-width: 136px;
        color: #2980B9;
        font-size: 18px;

        & > span {
            vertical-align: sub;
        }
}/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._user_form_root_8cbjq_4 {
}
._user_form_root_8cbjq_4 > h1 {
        color: #2980B9;
}
._plain_email_8cbjq_20 {
    vertical-align: sub;
}
._separator_8cbjq_24 {
}
._label_star_8cbjq_28 {
    color: #F44336;
}
/* Using global so that react-select takes this custom style into account (no css modules class prefixing) */
.user_form__tags_custom_react_select_style {
}
.user_form__tags_custom_react_select_style > .Select-control {
        border: 1px solid #B7BBBE; /* always */
}
._submit_block_8cbjq_39 {
    margin-top: 24px;
}
._save_button_8cbjq_43 {
}
._save_button_disabled_8cbjq_47 {
}
._cancel_button_8cbjq_51 {
    margin-left: 24px;
}
._cancel_button_disabled_8cbjq_56 {
    margin-left: 24px;
}
._read_only_8cbjq_61 {
    font-size: 18px;
}
/* Define grid, our preferred choice if Grid Layout is supported */
._grid_container_8cbjq_66 {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 14% 216px 216px auto;
        grid-template-columns: 14% 216px 216px auto;
    grid-template-areas:
        "label_name     input_first_name    input_last_name     .       "
        "label_email    input_email         input_email         .       "
        /* "label_pwd      input_type_pwd      input_repeat_pwd    pwd_info" */
        "label_tags     select_tags         select_tags         .       ";
    grid-column-gap: 16px;
    grid-row-gap: 24px
}
._grid_container_8cbjq_66 input {
        width: 100%;
}
/* Define some properties to still make form beautiful and usable in case Grid Layout is not supported */
._grid_container_8cbjq_66 {
    max-width: 600px
}
._grid_container_8cbjq_66 > * {
        margin: 16px 0;
}
/* Feature Query in case Grid Layout is supported: reset the above properties */
/* The items' margin should be set to 0 as grid-row-gap already takes care of this */
@supports (display: grid) {
    ._grid_container_8cbjq_66 {
        max-width: none
    }
    ._grid_container_8cbjq_66 > * {
            margin: 0;
        }
}
@media all and (max-width: 1000px) {
    ._grid_container_8cbjq_66 {
        -ms-grid-columns: 1fr 2fr 2fr;
            grid-template-columns: 1fr 2fr 2fr;
        grid-template-areas:
        "label_name     input_first_name    input_last_name "
        "label_email    input_email         input_email     "
        /* "label_pwd      input_type_pwd      input_repeat_pwd" */
        /* ".              pwd_info            pwd_info        " */
        "label_tags     select_tags         select_tags     ";
    }
}
@media all and (max-width: 624px) {
    ._grid_container_8cbjq_66 {
        -ms-grid-columns: 1fr 1fr;
            grid-template-columns: 1fr 1fr;
        grid-template-areas:
            "label_name         .               "
            "input_first_name   input_last_name "
            "label_email        .               "
            "input_email        input_email     "
            /* "label_pwd          .               " */
            /* "input_type_pwd     input_repeat_pwd" */
            /* "pwd_info           pwd_info        " */
            "label_tags         .               "
            "select_tags        select_tags     ";
        grid-row-gap: 12px;
    }
}
@media all and (max-width: 448px) {
    ._grid_container_8cbjq_66 {
        -ms-grid-columns: 100%;
            grid-template-columns: 100%;
        grid-template-areas:
            "label_name         "
            "input_first_name   "
            "input_last_name    "
            "label_email        "
            "input_email        "
            "input_email        "
            /* "label_pwd          " */
            /* "input_type_pwd     " */
            /* "input_repeat_pwd   " */
            /* "pwd_info           " */
            "label_tags         "
            "select_tags        ";
        grid-row-gap: 12px;
    }
}

._user_row_n00eq_4:hover ._cell_n00eq_8 {
        color: #2980B9
}
._user_row_n00eq_4:hover {
        cursor: pointer;
        background-color: #EDEEEF
}/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._user_row_n00eq_4 {
    display: table-row;
    text-decoration: none
}
._user_row_n00eq_4 ._cell_n00eq_8 {
        display: table-cell;
        vertical-align: middle;
        padding: 0 10px;
        height: 48px;
        color: #303030;
        border-bottom: 1px solid #B7BBBE
}
/* Input spinner colors */
/* Shadows */
/* Inactive background */
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._root_element_lvkc4_4 {
    padding: 24px;
    background-color: #EDEEEF;
    margin-bottom: 32px;
    font-size: 16px;
    color: #303030
}
._root_element_lvkc4_4 > div + div {
        margin-top: 24px
}
._label_lvkc4_16 {
    font-size: 16px;
    color: #2980B9;
    margin-bottom: 16px;;
}
._filter_by_column_lvkc4_22 {
    max-width: 500px;
}
._filter_by_tags_lvkc4_26 {
    max-width: 500px;
}
._select_wrapper_lvkc4_30 {
    display: inline-table; /* instead of inline-block, because Select is displayed as table */
    width: 35%;
}
._input_wrapper_lvkc4_35 {
    display: inline-block;
    vertical-align: middle;
    width: 65%;
}
._filter_by_column_input_lvkc4_41 {
    border-radius: 0 4px 4px 0;
    border-left: none;
    width: 100%
}
._filter_by_column_input_lvkc4_41:-ms-input-placeholder {
        color: #aaa
}
._filter_by_column_input_lvkc4_41::placeholder {
        color: #aaa
}
/* Using global so that react-select takes this custom style into account (no css modules class prefixing) */
.filter_by_column_custom_react_select_style {
}
.filter_by_column_custom_react_select_style > .Select-control {
        border-radius: 4px 0 0 4px;
        border: 1px solid #B7BBBE /* always */
}
/* Using global so that react-select takes this custom style into account (no css modules class prefixing) */
.filter_by_tags_custom_react_select_style {
}
.filter_by_tags_custom_react_select_style > .Select-control {
        border: 1px solid #B7BBBE /* always */
}
._apply_button_lvkc4_67 {
}
._reset_button_lvkc4_71 {
    margin-left: 24px;
}
/* Font sizes */
/* Header/Footer */
/* Image sizes */
/* Buttons */
/* Input text */
/* Content/Page */
/* Table */
/* Form */
/* a bit longer that the longest label, so that labels do not get wrapped */
/* Filters */
/* Misc */
/* Durations */
/* Input Spinner */
._redirection_block_1thlb_3 {
    margin-top: 16px;
}
._dropdown_ib1le_1 {
}