/* HBO: UX-13 global styling theme king-light  */

:root {
    /* standaard */
    --muisblauw: #488BC5;
    --kingblauw: #154292;
    --kingblauw_dark: #154292;
    --kinglichtblauw: #009fe3;
    --kinglichtblauw_light: #009fe31a;
    --king_alert: #cc6464;
    --king_alert_20: #B5101933;
    --king_orange_20: #F2A52433;
    --king_green_20: #43990233;
    --king_progress_back: #b9b9bb4d;
    --king_dark: #1D1D1B;
    --king_border: #757478;
    --king_loader: rgba(31,101,222,0.1);
    --king_loader_line: rgba(31,101,222,0.5);
    --king_menu_border: #e0e0e0;
    --borderradius: 4px;
    --borderradius_compact: 2px;
    --inputpaddingleft: 4px;
    --king_background: #fff;
    --king_text_color: #1d1d1b;
    --king_textfield_back: #fff;
    --king_textfield_color: #1d1d1b;
    --king_textfield_back_req: #fff;
    --king_textfield_color_req: #1d1d1b;
    --king_textfield_back_dis: #ccc;
    --king_textfield_color_dis: #000;
    --king_textfield_focus_back: #fff;
    --king_textfield_focus_color: #1d1d1b;
    --king_header_back: #fff;
    --king_header_color: #1d1d1b;
    --king_title_back: #fff;
    --king_title_color: #1d1d1b;
    --king_title_hover: #000;
    --king_icon_back: #ebebeb;
    --king_icon_color: #757478;
    --king_icon_hover: #454448;
    --king_icon_select: #fff;
    --king_icon_ripple: #dadadf;
    --king_modal_back: #999999;
    --king_small_text: dimgray;
    --king_logintitle_back: #EDF2FA;
    --king_tab_select: #E8E8E8;
    --king_tab_select_color: #1d1d1d;
    --king_disabled_frame: #ebebeb;
    /* style.aspx ivm instelbaar */
    --king_accent_color: #fff;
    --king_grid_back: #fff;
    --king_grid_back_alt: #f4f4f4;
    --king_grid_text: #1D1D1B;
    --king_url_color: #0066ff;
    --king_url_color_hover: #0088ff;
    --king-scheme: auto;
    /* buttons */
    --king_btn_hover: #113778;
    --king_btn_back: #154292;
    --king_btn_text: #fff;
    --king_btn_border: #EDF2FA;
    --king_btn_back_visited: #4367A7;
    --king_btn_back_disable: #B8C6DE;
    --king_btn_out_hover: rgba(31,101,222,0.1);
    --king_btn_out_back: #fff;
    --king_btn_out_back_visited: rgba(31,101,222,0.2);
    --king_btn_out_text: #154292;
    --king_btn_out_border: var(--king_menu_border);
    --king_btn_out_border_hover: #154292;
    --king_logo_png: url(../img/logo/logo_king_software.svg);
    --king_box_shadow_title: 0 8px 6px -6px rgba(100, 100, 111, 0.2);
    --king_box_shadow_toolbar: 0 8px 6px -6px rgba(200, 200, 211, 0.2);
    --king_box_shadow_block: 4px 4px 2px -3px rgba(50, 50, 51, 0.2);
    /* generiek grid */
    --gen_font_size: 10pt;
    --gen_titlebar: #fff;
    --gen_titlebar_text: #1D1D1B;
    --gen_titlebar_hover: #1D1D1B;
    --gen_header: #FFF;
    --gen_header_text: #1D1D1B;
    --gen_search_border: #AAA;
    --gen_placeholder_text: #555;
    --gen_column_header: #FFF;
    --gen_column_header_text: #1D1D1B;
    --gen_column_border: #F0F0FD;
    --gen_toolbar_text: #1D1D1B;
    --gen_toolbar_hover: #009FE3;
    --gen_button: #154292;
    --gen_button_hover: #009FE3;
    --gen_button_text: #FFF;
    --gen_check_outer: #cdcdcd;
    --gen_tabselect: #154292;
    --gen_tabselect_text: #FFF;
    --gen_selected: #DBDBDB;
    --gen_selected_text: #1D1D1B;
    --gen_selected_hover: #B9D1DC;
    --gen_disabled: #F8F8F8;
    --gen_disabled_text: #C8C8CE;
    --gen_cancel: #e5e5e5;
    --gen_cancel_text: #555555;
    --gen_base: #FFF;
    --gen_base_text: #1D1D1B;
    --gen_grid: #FFF;
    --gen_grid_alt: #F4F4F4;
    --gen_grid_text: #1D1D1B;
    --gen_grid_alt_text: #1E1E1C;
    --gen_grid_hover: #D8F0FA;
    --gen_grid_hover_text: #1D1D1B;
    --gen_search_column: #EDF2FA;
    --gen_search_column_text: #555555;
    --gen_border: #c9c9c9;
    --gen_selected_cell: #CBCBC9;
    --gen_selected_cell_text: #1D1D1B;
    --gen_reset: #f5faff;
    --gen_filter_col: #f8f8f8;
    --gen_filter_col_alt: #ececec;
    /* speciale kleuren */
    --king_icon_pdf: #d73e3e;
    --king_icon_excel: #3d944c;
    --king_icon_word: #3e3ed7;
}

/*DD: 19-3-21: FD-59: dubbele selector eruit*/
#d_dashboard_tabs .jqx-tabs-bar-king-light {
    display: none !important;
}

.jqx-input-label-king-light {
    display: none !important;
}

.jqx-tabs-title-king-light, .jqx-ribbon-item-king-light {
    border-color: transparent !important;
}

.jqx-button-king-light.jqx-fill-state-pressed,
.jqx-grid-pager-top-king-light .jqx-button-king-light.jqx-fill-state-hover,
.jqx-grid-pager-top-king-light .jqx-button-king-light.jqx-fill-state-pressed,
.jqx-grid-pager-king-light .jqx-button-king-light.jqx-fill-state-hover,
.jqx-grid-pager-king-light .jqx-button-king-light.jqx-fill-state-pressed,
.jqx-button-king-light.jqx-fill-state-focus {
    box-shadow: none !important;
}

.jqx-item-king-light.consolidatie {
    /*  background-color: blue !important;*/
}

.jqx-widget-header-king-light {
    font-weight: 400 !important;
}

.jqx-tabs-bar-king-light {
    background-color: var(--king_accent_back) !important;
}

.jqx-grid-content-king-light {
    background-color: var(--king_background) !important;
}

.jqx-splitter-splitbar-horizontal-king-light, .jqx-splitter-splitbar-collapsed-king-light {
    background-color: var(--jqx-header-text-color-king-light) !important;
}

.jqx-splitter-collapse-button-horizontal-king-light.jqx-splitter-collapse-button-hover-king-light {
    cursor: url("../img/king/king-light-icon-down.png"), pointer !important;
}

.jqx-splitter-splitbar-collapsed-king-light > .jqx-splitter-collapse-button-horizontal-king-light {
    cursor: url("../img/king/king-light-icon-up.png") 20 20, pointer !important;
}

.jqx-splitter-splitbar-vertical {
    background-color: var(--king_menu_border);
    height: auto !important;
}

.icon-legenda-king-light {
}

title_bar_connect {
    background: var(--king_background);
    color: var(--king_text_color);
    background-image: url(../img/logo/logo_king_software.svg);
    background-repeat: no-repeat;
    display: flex;
    margin: 5px 25px 5px 25px
}

.swal2-popup {
    background-color: var(--king_background) !important;
    border: 1px solid var(--king_border) !important;
}

    .swal2-popup .swal2-content {
        color: var(--king_text_color) !important;
    }