/* HBO: ALG-823 2020-03-15 Generieke grid  */

/*  DD: 31-03-21: ALG-670: verplaatst naar style.css
    .gen_dialog_titlebar {
    background-color: #154292;
    background-color: var(--gen_titlebar);
    color: #FFF;
    color: var(--gen_titlebar_text);
    padding: 4px;
    height: 45px;
    border-bottom: 1px;
    border-color: var(--gen_border);
    border-style: solid;
    width: 100%;
    display: inline-flex;
    border-top: 3px solid var(--king_accent_back);
}*/

.titlebar_popups {
    height: 25px;
    background-color: var(--gen_base);
}

.gen_settings_message {
    margin-left: 10px;
    font-weight: 500;
    max-width: 200px;
}

.footer_popups {
    margin-top: 20px;
    height: 30px;
    background-color: var(--gen_base);
    overflow: hidden;
}

.gen_url {
    cursor: pointer;
    text-decoration: underline;
}

.gen_titlebar_title {
    font-size: 130% !important;
    font-weight: 700;
    position: relative;
    top: 5px; /* MW 07-06-2023, WI-19742 - title bar */
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 450px;
}

#i_helpzkgenerated_grid {
    margin-top: -2px;
}

[id^='i_addtofavdiv_tabellen_web'] {
    margin-top: -2px;
}

.gen_grd_icon_input {
    position: absolute;
    right: 5px;
    color: var(--gen_selected_text);
}

.gen_grd_icon_input_edit {
    position: absolute;
    right: 4px;
    top: 5px;
    color: var(--gen_selected_text);
}

/* start jqxgrid */

[id^='d_gen_'] .jqx-widget-header {
    background-color: var(--gen_header);
    border: 0px;
}

[id^='gen_column_selection_buttons'] .jqx-listitem-state-normal {
    text-overflow: ellipsis;
}

[id^='d_gen_'] .jqx-grid-header {
    border-bottom: 1px !important;
    border-style: solid !important;
    border-color: var(--gen_border) !important;
}

[id^='d_gen_'] .jqx-tabs {
    border: 0px !important;
}

[id^='gen_tabsd_gen_'] .jqx-tabs-title {
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    background-color: transparent !important;
}

[id^='gen_tabsd_gen_'] .jqx-tabs-title:hover {
    border-bottom: solid 2px var(--gen_action) !important;
    background-color: transparent !important;
    padding-bottom: 0px;
}

[id^='gen_tabsd_gen_'] .jqx-tabs-title-selected-top {
    border-bottom: solid 3px var(--gen_action) !important;
    background-color: transparent !important;
    padding-bottom: 0px;
}

[id^='d_gen_'] .jqx-radiobutton-check-checked {
    background-color: var(--gen_column_header_text);
}

[id^='d_gen_'] .jqx-input {
    text-indent: 4px;
    display: inline-block;
}

[id^='d_gen_'] .jqx-panel {
    border: 0px solid;
}

[id^='d_gen_'] .jqx-grid-cell-pinned {
    background-color: var(--gen_grid);
}

[id^='d_gen_'] .jqx-radiobutton-default {
    background-color: var(--gen_column_header);
}

[id^='d_gen_'] .jqx-widget-content {
    background-color: var(--gen_grid) !important;
    color: var(--gen_base_text) !important;
    font-size: var(--gen_font_size) !important;
}

[id^='d_gen_'] .jqx-widget-content-dark {
    border-color: var(--gen_border) !important;
    background-color: var(--gen_grid) !important;
    color: var(--gen_base_text) !important;
}

#generator_content.jqx-widget-content {
    background-color: var(--gen_grid) !important;
    color: var(--gen_base_text) !important;
    font-size: var(--gen_font_size) !important;
}

#generator_content.jqx-widget-content-dark {
    border-color: var(--gen_border) !important;
    background-color: var(--gen_grid) !important;
    color: var(--gen_base_text) !important;
}

[id^='d_gen_'] .jqx-background-reset {
    background-color: var(--gen_grid) !important;
}

[id^='d_gen_'] .jqx-fill-state-hover.gen_menu_icon {
    background-color: var(--gen_base_text) !important;
}

[id^='d_gen_'] .jqx-fill-state-hover {
    background-color: var(--gen_grid_hover) !important;
    color: var(--gen_grid_hover_text) !important;
    font-size:var(--gen_font_size) !important;
}

[id^='d_gen_'] .jqx-grid-cell {
    border-width: 0px 0px 0px 0px;
    background-color: var(--gen_grid);
    color: var(--gen_grid_text);
}

[id^='d_gen_'] .jqx-grid-cell-alt {
    border-width: 0px 0px 0px 0px;
    background-color: var(--gen_grid_alt);
    color: var(--gen_grid_alt_text);
}

[id^='d_gen_'] .jqx-grid-cell-selected {
    background-color: var(--gen_selected);
    color: var(--gen_selected_text) !important;
    font-size: var(--gen_font_size) !important;
}

[id^='d_gen_'] .jqx-grid-cell-selected.gen_active_col{
    background-color: var(--gen_selected_cell) !important;
    color: var(--gen_selected_cell_text) !important;
}

[id^='d_gen_'] .jqx-grid-cell-selected.gen_grd_disabled {
    background-color: var(--gen_disabled) !important;
    color: var(--gen_disabled_text) !important;
}

[id^='d_gen_'] .jqx-grid-cell-selected-material {
    background-color: var(--gen_selected);
    color: var(--gen_selected_text) !important;
    font-size: var(--gen_font_size) !important;
}

[id^='d_gen_'] .jqx-grid-cell-selected-material.gen_active_col {
    background-color: var(--gen_selected_cell) !important;
    color: var(--gen_selected_cell_text) !important;
}

[id^='d_gen_'] .jqx-grid-cell-selected-material.gen_grd_disabled {
    background-color: var(--gen_disabled) !important;
    color: var(--gen_disabled_text) !important;
}

[id^='d_gen_'] .jqx-grid-cell-selected-dark {
    background-color: var(--gen_selected);
    color: var(--gen_selected_text) !important;
    font-size: var(--gen_font_size) !important;
}

[id^='d_gen_'] .jqx-grid-cell-selected-dark.gen_active_col {
    background-color: var(--gen_selected_cell) !important;
    color: var(--gen_selected_cell_text) !important;
}

[id^='d_gen_'] .jqx-grid-cell-selected-dark.gen_grd_disabled {
    background-color: var(--gen_disabled) !important;
    color: var(--gen_disabled_text) !important;
}

[id^='d_gen_'] .jqx-grid-row-selected:hover {
    background-color: var(--gen_selected_hover) !important;
    color: var(--gen_selected_text) !important;
}

[id^='d_gen_'] .jqx-grid-cell-selected.gen_menu_icon {
    background-color: var(--gen_base_text) !important;
    color: var(--gen_toolbar_text) !important;
}

[id^='d_gen_'] .jqx-grid-cell-filter-row {
    background-color: var(--gen_grid_alt) !important;
    color: var(--gen_grid_alt_text) !important;
}

[id^='d_gen_'] .jqx-grid-cleared-cell {
    background-color: var(--gen_grid);
}

[id^='d_gen_'] .jqx-grid-group-collapse {
    background-color: var(--gen_grid) !important;
}

[id^='d_gen_'] .jqx-grid-column-header {
    text-indent: 2px;
    background-color: #154292;
    background-color: var(--gen_column_header) !important;
    color: #FFF;
    color: var(--gen_column_header_text);
    border-top: 0px;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 2px;
    border-color: var(--gen_column_border);
    border-style: solid;
}

[id^='d_gen_'] .jqx-grid {
    border: 0px;
    background-color: var(--gen_base);
    color: var(--gen_base_text);
}

/* einde jqxgrid */
[id^='gen_'] .gen_close_icon {
    margin-top: -2px;
}

[id^='d_gen_'] .filtericon {
    background-color: transparent;
}

[id^='d_gen_'] .menuknop {
    background-color: var(--gen_base);
    color: var(--gen_base_text);
    font-size: 90% !important;
    height: 25px !important;
}

[id^='d_gen_'] .menuknop:hover {
    background-color: var(--gen_button_hover);
    color: var(--gen_button_text);
}

[id^='d_gen_'] .kolomhoofd {
    background-color: var(--gen_column_header);
    color: var(--gen_column_header_text);
}

[id^='d_gen_'] .tr_grid_1 {
    background-color: var(--gen_grid);
    color: var(--gen_grid_text);
}

[id^='d_gen_'] .tr_grid_0 {
    background-color: var(--gen_grid_alt);
    color: var(--gen_grid_alt_text);
}

[id^='d_gen_'] .jqx-checkbox-check-checked-material {
    background-color: var(--kinglichtblauw) !important;
    border-color: red !important;
    background-image: url('images/check_white_king.png');
    background-repeat: no-repeat;
    background-position: center;
}

[id^='d_gen_'] .jqx-grid-cell-filter {
    background-color: var(--gen_filter_col);
}

[id^='d_gen_'] .jqx-grid-cell-filter-alt {
    background-color: var(--gen_filter_col_alt);
}

.gen_lookup {
    border-radius: 0px !important;
    background-color: var(--gen_base) !important;
    color: var(--gen_base_text) !important;
}

.gen_grd_screen {
    background-color: var(--gen_base) !important;
    color: var(--gen_base_text) !important;
    border: 1px solid var(--king_menu_border);
}

gen_tabs_nav {
    position:fixed;
    right:0px;
}

.gen_tabs_ul {
    background-color: var(--gen_base);
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    padding-left: 0;
    margin-bottom: 0;
}

.gen_tabs_il {
    border-bottom: solid 3px var(--gen_selected) !important;
    background-color: transparent !important;
}

.gen_hor_divider {
    user-select: none;
    pointer-events: none;
    color: var(--gen_base_text);
    margin-top: -22px !important;
    margin-bottom: -22px !important;
    width: 100%;
}

.gen_tabs_il:hover {
    border-bottom: solid 2px var(--gen_selected) !important;
    background-color: transparent !important;
}

.gen_settings_btns {
 display:inline-block;
}

.gen_grd_search {
    padding-left: 30px !important;
    padding-right: 5px !important;
    min-width: 200px;
    max-width: 400px;
    width: calc(100vw - 700px);
    height: 28px;
    background-color: var(--gen_titlebar) !important;
    color: var(--gen_titlebar_text) !important;
    border-width: 1px 1px 1px 1px !important;
    border-style: solid !important;
    border-color: var(--gen_search_border) !important;
    margin-top: -3px !important;
    border-radius: var(--borderradius);
}

.gen_grd_search:focus {
    background-color: var(--gen_titlebar) !important;
    color: var(--gen_titlebar_text) !important;
}

.gen_filt_cont {
    display: table-cell;
    align-content: space-between;
    text-align: right;
}

.gen_grd_search_clear {
    background-color: var(--gen_titlebar);
    color: var(--gen_titlebar_text);
    padding-left: 5px;
    width: 25px;
    position: absolute;
    height: 25px;
    cursor: pointer;
}

.gen_jqx_btn {
    margin-top: 3px;
    margin-left: 3px;
    margin-right: 3px;
    width: 100px;
    height: 28px;
    color: var(--gen_button_text);
    background-color: var(--gen_button);
    border-color: var(--gen_border);
}

.gen_jqx_btn:hover {
    background-color: var(--gen_button_hover);
}

.gen_jqx_btn:disabled {
    background-color: var(--gen_cancel);
    color: var(--gen_cancel_text);
}

.gen_grd_btn {
    border: none !important;
    margin-right: 10px !important;
    margin-left: 5px !important;
    margin-top: 2px !important;
    float: left !important;
    width: 100px !important;
    height: 28px !important;
    background-color: var(--gen_button) !important;
    color: var(--gen_button_text) !important;
    overflow: hidden;
}

.gen_colum_listitem {
    max-width: 250px;
    text-overflow:ellipsis;
}

.gen_bottom_btn {
    float: right;
    color: var(--gen_button_text);
    background-color: var(--gen_button);
    border-color: var(--gen_border);
    width: 100px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 5px;
    padding-top: 3px;
}

.gen_filter_btn {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
    margin-left: 15px !important;
    color: var(--gen_button_text);
    background-color: var(--gen_button);
    border-color: var(--gen_border);
    width: 125px;
    height: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gen_bottom_dropdown {
    width: 150px;
    margin-right: 5px;
}

.gen_bottom_btn:hover {
    background-color: var(--gen_button_hover);
}

.gen_filter_btn:hover {
    background-color: var(--gen_button_hover);
}

.gen_grd_btn_icon {
    border: none !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    width: 24px !important;
    height: 16px !important;
    background-color: var(--gen_base) !important;
    color: var(--gen_toolbar_text) !important;
    cursor: pointer;
}

.gen_grd_pager_info {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 4px;
    color: var(--gen_toolbar_text);
    cursor: default;
}

.gen_grd_pager_info_scroll {
    font-size: 14px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
    float: right;
    color: var(--gen_toolbar_text);
}

.gen_grd_btn_kol {
    margin: 5px !important;
    float: right !important;
    width: 130px !important;
    height: 28px !important;
    background-color: var(--gen_button) !important;
    color: var(--gen_button_text) !important;
}

.gen_grd_btn:disabled {
    border: none;
    margin-right: 15px !important;
    margin-left: 5px !important;
    margin-top: 2px !important;
    float: left !important;
    width: 100px !important;
    height: 28px !important;
    cursor: default !important;
    background-color: var(--gen_cancel) !important;
    color: var(--gen_cancel_text) !important;
}

.gen_grd_listbox {
    margin: 5px;
}

.gen_grd_arrow {
    margin: 5px;
    width: 35px;
    background-color: var(--gen_button);
}

.gen_grd_sel_title {
    padding: 7px;
    font-weight: 700;
}

.gen_filter_label {
    margin-left: 5px;
    margin-bottom: 0px;
    vertical-align: top;
    margin-right: 5px;
    margin-top: 2px;
}

.gen_filter_main {
    display: table;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}

.gen_filter_radio {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}

.gen_filter_check {
    padding-left: 5px;
    padding-right: 5px;
    display: inline-block;
}

.ios_outer {
    background-color: var(--gen_check_outer) !important;
}

[id^='gen_column_selection_buttons'] {
    border-radius: 4px;
    background-color: var(--gen_base);
    color: var(--gen_base_text);
    width: 100%;
}

[id^='gen_column_selection_buttons'] .jqx-listbox-filter-input {
    background-color: var(--gen_search_column);
    color: var(--gen_search_column_text);
    border: none;
}

[id^='listBoxContentd_column_selection_listbox_d_gen'] {
    border-top: 1px solid var(--king_menu_border) !important;
}

.gen_inline_edit {
    display: inline-flex;
}

.gen_ind_transparent {
    background-color: transparent;
}

.gen_ind_yellow {
    background-color: yellow;
}

.gen_ind_orange {
    background-color: orange;
}

.gen_ind_red {
    background-color: red;
}

.gen_ind_mediumpurple {
    background-color: mediumpurple;
}

.gen_ind_dodgerblue {
    background-color: dodgerblue;
}

.gen_ind_lightgreen {
    background-color: lightgreen;
}
.gen_ind_aqua {
    background-color: aqua;
}

.gen_ind_maroon {
    background-color: maroon;
}

.gen_ind_donkerdergrijs {
    background-color: #B0ADA6;
}

.gen_ind_donkerstegrijs {
    background-color: #7D7B76;
}

.gen_ind_fucsia {
    background-color: fuchsia;
}
.gen_indicator {
    top: 9px;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}

.indicator_filter {
    margin-top: -25px;
}

.gen_indicator_right {
    position: absolute;
    left: 5px;
}

.gen_indicator_left {
    position: absolute;
    right: 5px;
}

.gen_indicator_pointleft {
    margin-right: 5px;
}
.gen_indicator_pointright {
    margin-left: 5px;
}

.gen_modal {
    display: none;
    position: fixed;
    user-select: elements;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}

.gen_nonmodal {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.gen_grd_disabled {
    user-select: none;
    background-color: var(--gen_disabled) !important;
    color: var(--gen_disabled_text) !important;
}

.gen_popupmenu {
    position: fixed;
    background-color: var(--gen_base);
    color: var(--gen_base_text);
    height: auto;
    width: auto;
    border: 1px solid var(--gen_border);
    border-radius: 4px;
    display: none;
    opacity: 0;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
}

.gen_details {
    background-color: var(--gen_grid);
    color: var(--gen_base_text);
    border: solid 1px var(--king_menu_border);
    border-radius: var(--borderradius_compact);
    width: 100%;
    height: auto;
    padding: 10px;
}

.gen_bottom_bar {
    padding: 10px;
    width: 100%;
    height: 50px;
}

.gen_bottomfilter_bar {
    width: 100%;
    height: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: 1px solid var(--king_menu_border);
}

.gen_popupmenu ul {
    list-style-type: none;
    list-style-position: inside;
    column-rule: solid 1px var(--gen_border);
    padding: 10px;
    margin-bottom: 0px;
}

.gen_popupmenu li {
    padding: 8px;
    border-radius: 4px;
    background-clip: border-box;
    display: table;
    width:100%;
    opacity: 1;
}

.gen_popupmenu li.selected {
    background-color: var(--gen_button_hover);
    color: var(--gen_button_text);
    opacity: 1;
}

.gen_popupmenu li.disabled {
    pointer-events: none;
    opacity: 0.6;
}

.gen_popupmenu li:hover {
    background-color: var(--gen_button_hover);
    color: var(--gen_button_text);
}

.gen_grd_lookup_span {
    display: inline-flex;
    justify-content: space-between;
    padding-left: 2px;
    padding-top: 1px;
    border: 0px;
}

.gen_grd_row_col {
}

.gen_row_details {
    overflow-y: auto;
    padding: 5px;
}

.gen_grd_sel_row_col {
    background-color: var(--gen_selected) !important;
    color: var(--gen_selected_text) !important;
}

.gen_grd_new_row_col {
    border-style: solid;
    border-bottom-width: 1px !important;
    border-top-width: 2px !important;
    border-left-width: 2px !important;
    border-right-width: 1px !important;
    border-color: var(--gen_border) !important;
    background-color: var(--gen_base) !important;
    opacity: 0.9;
}

.gen_setting {
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    float: right;
    background-color: var(--king_icon_color);
}

_:-ms-lang(x), .gen_setting {
    background-image: url(images/settings.svg);
}

    .gen_setting:hover {
        background-color: var(--king_icon_hover);
    }

.gen_export {
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    float: right;
    background-color: var(--king_icon_color);
}

.gen_print {
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    float: right;
    background-color: var(--king_icon_color);
    transition: background-color 0.3s ease;
}

_:-ms-lang(x), .gen_export {
    background-image: url(images/export.svg);
}

    .gen_export:hover {
        background-color: var(--king_icon_hover);
    }

.gen_showcol_icon {
}

_:-ms-lang(x), .gen_showcol_icon {
    background-image: url(images/show-column.svg);
}

.gen_showcol_icon:hover {
    background-color: var(--king_icon_hover);
}
.jqx-widget-header .gen_showcol_icon {
    width: 28px;
    height: 28px;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
}

.gen_filter_icon {
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    float: right;
    background-color: var(--king_icon_color);
}

_:-ms-lang(x), .gen_filter_icon {
    background-image: url(images/filter.svg);
}

    .gen_filter_icon:hover {
        background-color: var(--king_icon_hover);
    }

.gen_newline_icon {
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    float: right;
    background-color: var(--king_icon_color);
}

_:-ms-lang(x), .gen_newline_icon {
    background-image: url(images/new_line.svg);
}

    .gen_newline_icon:hover {
        background-color: var(--king_icon_hover);
    }

.gen_icon_first {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    float: right;
    background-color: var(--king_icon_color);
}

_:-ms-lang(x), .gen_icon_first {
    background-image: url(images/nav_start.svg);
}

.gen_icon_first.disabled {
    background-color: var(--gen_cancel);
    pointer-events: none;
}

    .gen_icon_first:hover {
        background-color: var(--king_icon_hover);
    }

.gen_icon_left {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    float: right;
    background-color: var(--king_icon_color);
}

_:-ms-lang(x), .gen_icon_left {
    background-image: url(images/nav_prev.svg);
}

.gen_icon_left.disabled {
    background-color: var(--gen_cancel);
    pointer-events: none;
}

.gen_icon_left:hover {
    background-color: var(--king_icon_hover);
}

.gen_icon_right {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    float: right;
    background-color: var(--king_icon_color);
}

_:-ms-lang(x), .gen_icon_right {
    background-image: url(images/nav_next.svg);
}

.gen_icon_right.disabled {
    background-color: var(--gen_cancel);
    pointer-events: none;
}

.gen_icon_right:hover {
    background-color: var(--king_icon_hover);
}

.gen_icon_last {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-left: 4px;
    margin-right: 4px;
    margin-top: 4px;
    float: right;
    background-color: var(--king_icon_color);
}


_:-ms-lang(x), .gen_icon_last {
    background-image: url(images/nav_end.svg);
}

.gen_icon_last.disabled {
    background-color: var(--gen_cancel);
    pointer-events: none;
}

    .gen_icon_last:hover {
        background-color: var(--king_icon_hover);
    }

.gen_dialog_main_icon {
    width: 35px;
    height: 35px;
    cursor: default;
    margin-top: -4px;
    background: url(images/king_icon.svg);
    background-repeat: no-repeat;
}


/* DD: 01-04-21: ALG-670: gen_close_icon verplaatst naar style.css */
.gen_menu_icon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-left: 5px !important;
    margin-top: 5px;
    background-color: var(--gen_base) !important;
}

.gen_menu_active {
    background-color: var(--gen_base_text) !important;
}

.gen_menu_icon .notvisible {
    visibility: hidden;
}

.gen_save_icon {
    width: 26px;
    height: 26px;
    cursor: pointer;
    margin-left: 2px;
    margin-top: 2px;
    background-color: var(--gen_grid_text) !important;
}

.gen_save_icon:hover {
    background-color: var(--gen_grid_hover_text) !important;
}

.gen_dialog_icon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    background-color: var(--gen_selected_text) !important;
}

.gen_dialog_icon_edit {
    width: 20px;
    height: 20px;
    cursor: pointer;
    float: right;
    background-color: var(--gen_selected_text) !important;
}
 
.gen_compact_menu {
    width: 16px;
    height: 16px;
    margin-top: 2px;
    margin-left: 7px;
}

.gen_default_menu {
    width: 20px;
    height: 20px;
    margin-top: 5px;
}

.gen_comfort_menu {
    width: 24px;
    height: 24px;
    margin-top: 10px;
    margin-left: 3px;
}

.gen_compact_dialog {
    width: 23px !important;
    height: 23px !important;
    margin-top: -2px;
    margin-left: 4px;
}

.gen_default_dialog {
    width: 28px !important;
    height: 28px !important;
}

.gen_comfort_dialog {
    width: 32px !important;
    height: 32px !important;
    margin-top: 4px;
    margin-left: -2px;
}

_:-ms-lang(x), .gen_menu_icon {
    background-image: url(images/menu.svg);
}

.gen_menu_icon:hover {
    background-color: var(--gen_selected);
}

.gen_sidebar_outer {
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #ccc;
    background-color: var(--gen_border);
    padding: 1px;
    overflow: hidden;
    display: block;
    margin: auto;
}

.gen_sidebar_inner {
    box-sizing: border-box;
    background-color: #fff;
    background-color: var(--gen_base);
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    height: 100%;
}

.gen_settings_label {
    margin-left: 10px;
    margin-top: 10px;
}

.gen_settings_list {
    margin-left: 10px;
    margin-bottom: 10px;
}

.gen_grid_inline {
    display:grid;
    margin-right: 5px;
}

.gen_grid_inline_col {
    display: contents;
}

.gen_grid_inline_flex {
    display: table-row;
    width: 100%;
    height: 30px;
}

.grbafl_opm {
    height: 70px;
    width: 300px;
    padding: 10px;
    border: 1px solid var(--king_menu_border);
    border-radius: var(--borderradius);
}

.gen_saldo_popup {
    background-color: var(--gen_base);
    color: var(--gen_base_text);
    width: 600px;
    height: 320px;
}

.popups_titlebar {
    height: 35px;
    background-color: var(--gen_titlebar);
    color: var(--gen_titlebar_text);
}

.titlebar_popups_title {
    color: var(--gen_titlebar_text);
    font-size: 110%;
    padding: 3px;
}