/* WISO custom styles
   Extracted from original default.aspx inline <style> block.
   Paths are adjusted for this file being located in /css relative to the app root.
*/

iframe {
    overflow: hidden; /* Verhindert Scrollen */
    width: 100%; /* Passt die Breite an */
    height: 100%; /* Passt die Höhe an */
    border: none; /* Entfernt den Rahmen */
}

/* =========================
   DHTMLX Form Toggle Switch
   ========================= */

/* enabled, not checked */
.dhxform_obj_material div.dhxform_img.btn2state_0 {
    background-image: url("../src/skins/material/imgs/dhxform_material/toggle_off.png");
    width: 42px;
    height: 24px;
}
/* enabled, checked */
.dhxform_obj_material div.dhxform_img.btn2state_1 {
    background-image: url("../src/skins/material/imgs/dhxform_material/toggle_on.png");
    width: 42px;
    height: 24px;
}
/* disabled, not checked */
.dhxform_obj_material div.disabled div.dhxform_img.btn2state_0 {
    background-image: url("../src/skins/material/imgs/dhxform_material/toggle_off_dis.png");
    width: 42px;
    height: 24px;
}
/* disabled, checked */
.dhxform_obj_material div.disabled div.dhxform_img.btn2state_1 {
    background-image: url("../src/skins/material/imgs/dhxform_material/toggle_on_dis.png");
    width: 42px;
    height: 24px;
}

/* fix label align a bit */
.dhxform_obj_material div.dhxform_item_label_right div.dhxform_label div.dhxform_label_nav_link {
    padding-top: 2px;
}

/* =========================
   File Input Styling
   ========================= */

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

    .inputfile + label {
        font-size: 14px;
        text-align: left;
        color: black;
        background-color: #f2f2f2;
        display: inline-block;
        margin-right: 10px;
    }

        .inputfile:focus + label,
        .inputfile + label:hover {
            background-color: #dfdfdf;
        }

/* =========================
   Explorer Buttons
   ========================= */

.explorer_button {
    background-image: url("../src/skins/material/imgs/dhxform_material/toggle_off_dis.png");
    width: 42px;
    height: 24px;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    height: 32px;
    padding: 8px 32px;
}

.dir_button_single,
.dir_button_left,
.dir_button_middle,
.dir_arrow_middle,
.dir_button_right {
    background: #f5f5f5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    border: none;
    font-family: Arial;
    color: black;
    font-size: 15px;
    padding: 2px 2px 2px 2px;
    border-top: solid #e3e3e3 1px;
    border-bottom: solid #e3e3e3 1px;
    text-decoration: none;
}

.dir_button_left {
    border-left: solid #e3e3e3 1px;
}

.dir_button_right {
    border-right: solid #e3e3e3 1px;
}

.dir_button_single {
    border-left: solid #e3e3e3 1px;
    border-right: solid #e3e3e3 1px;
}

.dir_arrow_middle {
    background-image: url("../img/icons_toolbar/arrow.ico");
    width: 16px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #f5f5f5;
}

    .dir_arrow_middle:disabled {
        background-image: url("../img/icons_toolbar/arrow_dis.ico");
        background-position: center;
        background-repeat: no-repeat;
    }

    .dir_button_single:active:hover:not([disabled]),
    .dir_button_left:active:hover:not([disabled]),
    .dir_button_middle:active:hover:not([disabled]),
    .dir_arrow_middle:active:hover:not([disabled]),
    .dir_button_right:active:hover:not([disabled]) {
        background: #e3e3e3;
        text-decoration: none;
    }

/* =========================
   Fieldsets / Forms
   ========================= */

.dhxform_obj_material div.fs_dhxform_item_label_left fieldset.dhxform_fs div.dhxform_base_nested.dhxform_fs_nested {
    margin-right: 19px;
    margin-left: 5px;
}

.dhxform_obj_material div.fs_dhxform_item_label_left fieldset.fs_edit div.dhxform_base_nested.dhxform_fs_nested {
    margin-right: 19px;
    margin-left: 5px;
}

.dhxform_obj_material div.fs_dhxform_item_label_left fieldset.fs_notsave div.dhxform_base_nested.dhxform_fs_nested {
    margin-right: 19px;
    margin-left: 5px;
}

.dhxform_obj_material fieldset.dhxform_fs {
    border: 1px solid #dfdfdf;
    margin: 0;
    padding: 5px 0 12px 0;
    clear: left;
    width: 100%;
}

    .dhxform_obj_material fieldset.dhxform_fs legend {
        border: 1px solid #dfdfdf;
        font-weight: normal;
        padding: 0 4px 1px 4px;
        margin-left: 5px;
        text-align: left;
        font-size: 14px;
        font-family: Roboto, Arial, Helvetica;
        color: #404040;
    }

.dhxform_obj_material fieldset.fs_edit {
    border: 1px solid #41A7E1;
    margin: 0;
    padding: 5px 0 12px 0;
    clear: left;
    width: 100%;
}

.dhxform_obj_dhx_web fieldset.fs_edit {
    border: 1px solid #41A7E1;
}

    .dhxform_obj_dhx_web fieldset.fs_edit legend {
        border: 1px solid #41A7E1;
    }

.dhxform_obj_material fieldset.fs_edit legend {
    border: 1px solid #41A7E1;
    font-weight: normal;
    padding: 0 4px 1px 4px;
    margin-left: 5px;
    text-align: left;
    font-size: 14px;
    font-family: Roboto, Arial, Helvetica;
    color: #41A7E1;
}

.dhxform_obj_material fieldset.fs_notsave {
    border: 1px solid orange;
    margin: 0;
    padding: 5px 0 12px 0;
    clear: left;
    width: 100%;
}

    .dhxform_obj_material fieldset.fs_notsave legend {
        border: 1px solid orange;
        font-weight: normal;
        padding: 0 4px 1px 4px;
        margin-left: 5px;
        text-align: left;
        font-size: 14px;
        font-family: Roboto, Arial, Helvetica;
        color: orange;
    }

.dhxform_obj_dhx_web fieldset.fs_notsave {
    border: 1px solid orange;
    margin: 0;
    padding: 5px 0 12px 0;
    clear: left;
    width: 100%;
}

    .dhxform_obj_dhx_web fieldset.fs_notsave legend {
        border: 1px solid orange;
        font-weight: normal;
        padding: 0 4px 1px 4px;
        margin-left: 5px;
        text-align: left;
        font-size: 14px;
        font-family: Roboto, Arial, Helvetica;
        color: orange;
    }

/* =========================
   Base Layout / HTML, Body
   ========================= */

html,
body {
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
}

/* =========================
   Tree Icons
   ========================= */

.icon_hdd {
    background-image: url("../img/icons_tree/hdd.ico");
}

.icon_dvd {
    background-image: url("../img/icons_tree/dvd.ico");
}

.icon_networkdrive {
    background-image: url("../img/icons_tree/network_drive.ico");
}

.icon_folderopened {
    background-image: url("../img/icons_tree/folderopen.ico");
}

.icon_folderclosed {
    background-image: url("../img/icons_tree/folderclosed.ico");
}

.icon_folderlast {
    background-image: url("../img/icons_tree/folderlast.ico");
}

/* =========================
   General Row Coloring
   ========================= */

.even {
    background-color: #E6E6FA;
}

.uneven {
    background-color: #F0F8FF;
}

/* =========================
   Logos / Top Icons
   ========================= */

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 100%;
    height: 100%;
}

.topicon {
    display: flex;
    justify-content: center;
    align-items: center;
    display: block;
    margin-left: auto;
    margin-right: 12px;
    margin-top: 0px;
    width: 225px;
    height: 25px;
}

/* =========================
   Combo / Buttons
   ========================= */

.combobutton {
    background-color: white;
    border: none;
    color: white;
    padding: 2px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.combonote {
    background-color: #41A7E1;
    opacity: 0.5;
    color: black;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
}

.comboicon {
    padding-left: 25px;
    background: url("../src/img/icons_grid/error.ico") no-repeat left;
    background-color: #fafafa;
    background-size: 20px;
    border: 0;
}

.combobtn {
    background-color: red;
    background-image: url("../imgs/dhxcombo_material/dhxcombo_arrow_down_dis.gif");
    cursor: default;
}

.combo_refresh {
    background-color: orange;
    color: white;
    border: none;
    margin-left: 100px;
    margin-top: 5px;
    background-repeat: no-repeat;
    background-position: center center;
}

    .combo_refresh:hover {
        background-color: #41A7E1;
        transition: 0.7s;
    }

    .combo_refresh:focus {
        outline-color: transparent;
        outline-style: solid;
        box-shadow: 0 0 0 2px orange;
    }

/* =========================
   Combo Calendar / Dropdown
   ========================= */

div.wiscombo_calendar div.dhxcombo_select_button div.dhxcombo_select_img {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url("../img/icons_grid/calendar.ico");
    background-repeat: no-repeat;
    background-position: center center;
}

div.wiscombo_dropdown div.dhxcombo_select_button div.dhxcombo_select_img {
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url("../img/icons_grid/selectdown.ico");
    background-repeat: no-repeat;
    background-position: center center;
}

/* =========================
   Second Toggle Set
   ========================= */

/* enabled, not checked */
.dhxform_obj_material div.dhxform_img.btn2state_0 {
    background-image: url("../img/icons_form/toggle_off.png");
    width: 42px;
    height: 24px;
}
/* enabled, checked */
.dhxform_obj_material div.dhxform_img.btn2state_1 {
    background-image: url("../img/icons_form/toggle_on.png");
    width: 42px;
    height: 24px;
}
/* disabled, not checked */
.dhxform_obj_material div.disabled div.dhxform_img.btn2state_0 {
    background-image: url("../img/icons_form/toggle_off_dis.png");
    width: 42px;
    height: 24px;
}
/* disabled, checked */
.dhxform_obj_material div.disabled div.dhxform_img.btn2state_1 {
    background-image: url("../img/icons_form/toggle_on_dis.png");
    width: 42px;
    height: 24px;
}

/* =========================
   Upload / Richtext / Toolbar
   ========================= */

.wisupload {
    border: 1px solid #41A7E1;
    border-radius: 4px;
    height: 141px;
    text-align: center;
}

.dhx_richtext {
    height: 100%;
    min-width: 100px;
    margin-left: 0;
}

.dhx_toolbar-button-image {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-top: -8px;
    margin-bottom: -8px;
    font-family: Roboto, Arial, Tahoma, Verdana, sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: rgba(0, 0, 0, .7);
    border-radius: 50%;
    transition: opacity .2s ease-in;
}

div.dhx_layout-cell.dhx_richtext__toolbar-holder {
    height: 44px;
}

div.dhx_layout-cell.dhx_vault__toolbar-holder {
    height: 44px;
}

li.dhx_toolbar__item {
    height: 44px;
}

nav.dhx_widget.dhx_toolbar.vault-toolbar {
    height: 56px;
    justify-content: center;
    padding-top: 10px;
}

/* =========================
   Form Layout / Combo List
   ========================= */

div.dhxform_obj_material.dhxform_block {
    padding-left: 20px;
    scroll-padding-left: 0px;
    padding: 0px 0px 0px 0px;
    left: 0px;
}

dhxform_base_nested.block_wiso {
    padding-left: 20px;
}

div.dhxform_base_nested.dhxform_fs_nested {
    padding-left: 20px;
}

div.dhxform_container {
    padding-left: 7px;
}

div.dhxform_item_label_left {
    padding-left: -10px;
}

div.dhxcombolist_material {
    position: absolute;
    border: 1px solid #dfdfdf;
    background-color: #fafafa;
    overflow-x: none;
    overflow-y: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    -o-user-select: text;
    user-select: text;
    box-shadow: 0 0 10px rgba(127, 127, 127, 0.2);
}

/* =========================
   Selection / Filter / Slider
   ========================= */

::selection {
    color: white;
    background: orange;
}

.wis_combo_filter {
    padding-left: 0px;
}

#sliderObj,
#sliderObj2,
#sliderObj3 {
    width: 140px;
    height: 20px;
    margin-top: 3px;
    padding-right: 20px;
}

#sliderLink,
#sliderLink2,
#sliderLink3 {
    width: 20px;
    background-color: #fafafa;
    border: none;
    font-size: 12px;
    font-family: Arial;
}

/* =========================
   Demo Table
   ========================= */

table.demo_table {
    height: 30px;
    text-align: left;
    padding-right: 0px;
}

    table.demo_table td {
        height: 30px;
        text-align: left;
        padding-right: 0px;
    }

    table.demo_table tr {
        height: 20px;
        text-align: left;
        padding-right: 0px;
    }

    table.demo_table p {
        text-align: left;
        font-size: 12px;
        font-family: Arial;
    }

/* =========================
   Misc
   ========================= */

richtext_btn_save {
    background-color: blue;
    padding-top: 20px;
}

/* =========================
   Vault / Extension Icons
   ========================= */

.extension-tab {
    background: url("../img/icons_vault/conversion.png") no-repeat center center !important;
    margin-left: 0px;
    padding-left: 0px;
}

.extension-TAB {
    background: url("../img/icons_vault/conversion.png") no-repeat center center !important;
    margin-left: 0px;
    padding-left: 0px;
    height: 32px;
    width: 32px;
}

.extension-msg {
    background: url("../img/icons_vault/Outlook-32.png") no-repeat center center !important;
    margin-left: 0px;
    padding-left: 0px;
    height: 32px;
    width: 32px;
}

.extension-MSG {
    background: url("../img/icons_vault/Outlook-32.png") no-repeat center center !important;
    margin-left: 0px;
    padding-left: 0px;
    height: 32px;
    width: 32px;
}

/* =========================
   Custom Theme / Chart
   ========================= */

.custom {
    --dhx-background-primary: #444;
    --dhx-font-color-secondary: #fff;
}

    .custom .chart.bar {
        fill: orange;
        width: 200px;
    }

/* =========================
   Logos (WISO Variants)
   ========================= */

.wiso_logo_extended {
    height: 60px;
    width: 250px;
}

.wiso_logo_material {
    height: 60px;
    width: 250px;
}

.wiso_logo_dhx_web {
    height: 60px;
    width: 250px;
}

/* =========================
   Window / Header / Content
   ========================= */

.wiso_window-content {
    padding: 0px;
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    padding: var(--wiso-contant-padding);
    font-size: var(--wiso-contant-font-size);
    color: var(--wiso-content-color);
}

.wiso_window-header .wiso_navbar-title {
    text-align: center;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-size: var(--wiso-navbar-title-font-size);
    color: var(--wiso-navbar-title-color);
    font-weight: var(--wiso-navbar-title-font-weight);
}

.wiso_window-header {
    background-color: var(--wiso-navbar-background-color);
    background: var(--wiso-navbar-background);
    padding: var(--wiso-header-padding);
    height: var(--wiso-header-height);
}

.wiso_window .wiso_window-header .wiso_toolbar .wiso_navbar {
    background-color: var(--wiso-navbar-Background-color);
    padding: var(--wiso-navbar-padding);
    border: var(--wiso-navbar-border);
}

.wiso_window-header .wiso_navbar {
    height: var(--wiso-navbar-height);
    background: var(--wiso-navbar-background);
}

.wiso_window-header .title_max {
    height: var(--wiso-navbar-title-height);
    align-content: center;
}

/* Form Window */
.wiso_formWindow {
    --wiso-navbar-title-font-size: 36px;
    --wiso-navbar-title-font-weight: 400;
    --wiso-header-height: 100px;
    --wiso-navbar-title-height: 100px;
    --wiso-header-padding: 0 28px 0 28px;
    --wiso-navbar-height: 100px;
    padding-bottom: 45px;
}

.wiso_formWindow_no_bottom {
    --wiso-navbar-title-font-size: 36px;
    --wiso-navbar-title-font-weight: 400;
    --wiso-header-height: 75px;
    --wiso-navbar-title-height: 75px;
    --wiso-header-padding: 0 28px 0 28px;
    --wiso-navbar-height: 100px;
    padding-bottom: 0px;
}

.wiso_Window_no_bottom {
    --wiso-navbar-title-font-size: 20px;
    --wiso-navbar-title-font-weight: 400;
    --wiso-header-height: 75px;
    --wiso-navbar-title-height: 75px;
    --wiso-header-padding: 0 28px 0 28px;
    --wiso-navbar-height: 100px;
    border: solid 3px black;
    padding-bottom: 0px;
}

.wiso_subWindow_no_bottom {
    --wiso-navbar-title-font-size: 20px;
    --wiso-navbar-title-font-weight: 400;
    --wiso-header-height: 100px;
    --wiso-navbar-title-height: 75px;
    --wiso-header-padding: 10px 28px 10px 28px;
    --wiso-navbar-height: 100px;
    border: solid 3px black;
    padding-bottom: 0px;
}

.wiso_functionWindow {
    --wiso-navbar-title-font-size: 36px;
    --wiso-navbar-title-font-weight: 400;
    --wiso-header-height: 100px;
    --wiso-navbar-title-height: 100px;
    --wiso-header-padding: 0 28px 0 28px;
    --wiso-navbar-height: 100px;
}

.wiso_window_subgrid {
    --wiso-contant-padding: 0px 0px 0px 0px;
    --wiso-header-height: 10px;
    --wiso-header-padding: 0px 0px 0px 0px;
}

/* =========================
   Message Windows
   ========================= */

.wiso_message--warning {
    background-color: #F49519;
}

.wiso_message--chatbot {
    background-color: #3f4350;
    width: 500px;
    height: 300px;
}

/* Alert / Confirm Themes */
[data-wiso-theme=contrast-light] .wiso_alert__header {
    position: relative;
    margin-bottom: 20px;
    font-weight: var(--wiso-font-weight-medium);
    line-height: var(--wiso-line-height-normal);
    color: black;
    font-size: 32px;
}

[data-wiso-theme=contrast-light] .wiso_alert__content {
    height: 100%;
    font-weight: var(--wiso-font-weight-regular);
    color: black;
    line-height: 1.3;
    overflow-y: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-size: 24px;
    padding-right: 50px;
    display: flex;
    align-items: center;
    justify-content: start;
}

[data-wiso-theme=dark] .wiso_alert__header {
    position: relative;
    padding-top: 30px;
    font-weight: var(--wiso-font-weight-medium);
    line-height: var(--wiso-line-height-normal);
    color: white;
    font-size: 32px;
}

[data-wiso-theme=dark] .wiso_alert__content {
    height: 100%;
    font-weight: var(--wiso-font-weight-regular);
    color: white;
    line-height: 1.3;
    overflow-y: auto;
    overflow-wrap: break-word;
    word-wrap: break-word;
    font-size: var(--wiso-font-size-alert);
    margin-right: 30px;
    display: flex;
    align-items: center;
    justify-content: start;
}

/* Specific message windows */
.wiso_confirm_window {
    background-image: url("../img/confirm.svg");
    background-repeat: no-repeat !important;
    width: 600px;
    height: 300px;
}

.wiso_error_window {
    background-image: url("../img/error.svg");
    background-repeat: no-repeat !important;
    width: 600px;
    height: 300px;
    --wiso-font-size-alert: 24px;
}

.wiso_error_window_small {
    background-image: url("../img/error.svg");
    background-repeat: no-repeat !important;
    width: 600px;
    height: 300px;
    --wiso-font-size-alert: 14px;
}

.wiso_warning_window {
    background-image: url("../img/warning.svg");
    background-repeat: no-repeat !important;
    width: 600px;
    height: 300px;
    --wiso-font-size-alert: 24px;
}

.wiso_message_window {
    background-image: url("../img/message.svg");
    background-repeat: no-repeat !important;
    width: 600px;
    height: 300px;
    --wiso-font-size-alert: 24px;
}

/* =========================
   Login Windows
   ========================= */

.wiso_loginWindow_de {
    --wiso-navbar-title-color: #41A7E1;
    --wiso-navbar-title-font-size: 24px;
    --wiso-background-primary: "";
    background-image: url("../img/login-fenster-de.svg");
}

.wiso_loginWindow_en {
    --wiso-navbar-title-color: #41A7E1;
    --wiso-navbar-title-font-size: 24px;
    --wiso-background-primary: "";
    background-image: url("../img/login-fenster-en.svg");
}

.wiso_loginWindow_form {
    --wiso-font-color-primary: black;
}

.wiso_loginWindow_user {
    --wiso-font-color-active: black;
}

/* Filter Window */
.wiso_filterWindow {
    --wiso-navbar-title-font-size: 18px;
}

/* =========================
   Filemanager / Confirm / Tabbar
   ========================= */

.wiso_filemanager_tree {
    padding: 10px;
}

.wiso_fileManagerWindow {
    --wiso-navbar-title-font-size: 24px;
    --wiso-header-height: 80px;
    border: solid 2px #cecece;
    padding: 8px;
}

.wiso_fileManagerButton {
    padding: 3px 1px 3px 1px;
    font-size: 15px;
    font-family: Arial;
}

.wiso_confirmWindow {
    --wiso-contant-font-size: 18px;
    --wiso-navbar-title-font-size: 18px;
}

.wiso_tabbarWindow {
    --wiso-navbar-title-font-size: 18px;
    --wiso-header-height: 100px;
    --wiso-header-padding: 30px 0px 0px 0px;
}

/* Header wrapper control */
.wiso_header-wrapper {
    display: var(--wiso-header-wrapper);
}

.wiso_filtergrid {
    --wiso-header-wrapper: none;
}

.wiso_popup_subgrid {
    border-color: #41A7E1;
}

.wiso_form {
    font-size: 30px;
}

.wiso_combobox-class :focus {
    /* placeholder for future focus styling */
}

/* Popup Vault */
.wiso_popupVault {
    --wiso-font-color-primary: var(--dhx-color-white);
    --wiso-background-primary: var(--dhx-color-primary);
    margin-top: 25px;
    padding: 10px 10px 10px 10px;
    animation: opacity .4s ease-in-out forwards;
}

.wiso_window__inner-html-content {
    height: 100%;
    overflow: hidden;
    background: url('../img/Login-Background-W6-hybrid.svg') no-repeat !important;
}

/* =========================
   Iframe / Buttons / Rows
   ========================= */

.responsive_iframe {
    height: 100%;
    width: 100%;
    margin: 0px;
    overflow: hidden;
}

.btn {
    background-color: #0287CA;
    border: none;
    color: white;
    padding: 0px 0px;
    font-size: 16px;
    cursor: pointer;
    width: 80px;
}

    .btn:hover {
        background-color: #41A7E1;
    }

/* Row states */
.wiso_row_unsave {
    background: rgba(255, 0, 0, 0.5);
}

.wiso_row_select {
    background: rgba(11, 79, 158, 0.5);
}

.wiso_row_new {
    background: rgba(244, 149, 25, 1);
}

.wiso_row_error {
    background: red;
}

.wiso_row_expanded {
    background: #F49519;
}

/* =========================
   XML View
   ========================= */

.wiso_xmlview {
    text-align: left;
    padding: 0px 20px;
}

.wiso_grid_img {
    height: 16px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* Toolbar / Grid Row Hover */
.wiso-toolbar-button {
    display: flex;
    justify-content: center;
    padding: 0 12px;
}

.wiso_grid-row:hover {
    background-color: #0b4f9e50;
}

/* =========================
   WISO icons / Lexoffice badge
   ========================= */

.wisoico {
    width: 16px;
    display: block;
    height: 16px;
    background: none;
    color: white;
    text-decoration: none;
    padding-right: 20px;
    padding-top: 0px;
    align-content: center;
}

    .wisoico:before {
        content: '';
        background-size: 16px 16px;
        position: center;
        width: 16px;
        height: 16px;
    }

.wisoico-lexoffice:before {
    background: url('../img/icons_toolbar/Lexoffice-logo-16.png') no-repeat !important;
    background-size: 16px 16px;
}

/* =========================
   Theme tweak
   ========================= */

[data-dhx-theme='theme-contrast-light'] {
    --wiso-color-primary: blue;
}

/* Sidebar separators / popup menu */
[data-wiso-theme=contrast-light] .wiso_sidebar__item--separator {
    height: 1px;
    min-height: 1px;
    width: 100%;
    background-color: #cecece;
    margin: 2px 0;
}

[data-wiso-theme=contrast-light] .wiso_sidebar--popup-menu {
    --wiso-font-color-primary: #3c3c3b;
}

[data-wiso-theme=contrast-light] .wiso_sidebar-button:active,
[data-wiso-theme=contrast-light] .wiso_sidebar-button:hover {
    background-color: var(--wiso-background-additional);
    transition: background-color var(--wiso-transition-time) var(--wiso-transition-out);
}

[data-wiso-theme=contrast-light] .wiso_sidebar-button__html,
[data-wiso-theme=contrast-light] .wiso_sidebar-button__text:hover {
    width: 100%;
    text-align: left;
    color: #0b4f9e;
}

[data-wiso-theme=contrast-light] .wiso_sidebar-button__html,
[data-wiso-theme=contrast-light] .wiso_sidebar-button__text:active {
    width: 100%;
    text-align: left;
    color: #0b4f9e;
}

[data-wiso-theme=contrast-light] .wiso_sidebar--popup-menu .wiso_menu-button:hover {
    --wiso-font-color-primary: #0b4f9e;
}

[data-wiso-theme=contrast-light] .wiso_sidebar--minimized .wiso_sidebar-button--select {
    padding-right: 12px;
}

[data-wiso-theme=dark] .wiso_sidebar__item--separator {
    height: 1px;
    min-height: 1px;
    width: 100%;
    background-color: #cecece;
    margin: 2px 0;
}

[data-wiso-theme=dark] .wiso_sidebar-button__html,
[data-wiso-theme=dark] .wiso_sidebar-button__text:hover {
    width: 100%;
    text-align: left;
    color: #cecece;
}

[data-wiso-theme=dark] .wiso_sidebar--popup-menu .wiso_menu-button:hover {
    --wiso-font-color-primary: #cecece;
}

/* =========================
   Sidebar icons and nav
   ========================= */

.wiso-nav {
    align-content: start;
    padding-left: 0px;
    margin-left: 0px;
}

.wiso-nav-icon {
    background-repeat: no-repeat !important;
    background-size: 48px 48px;
    padding-right: 4px;
    padding-top: 70px;
    mask-repeat: no-repeat;
    width: 48px;
    height: 48px;
    background-color: #41A7E1;
}

.wiso-nav-sub-icon {
    background-repeat: no-repeat !important;
    background-size: 36px 36px;
    padding-right: 4px;
    padding-top: 0px;
    mask-repeat: no-repeat;
    width: 36px;
    height: 36px;
    background-color: #41A7E1;
    mask-size: 36px;
}

.wiso-expl-icon {
    background-repeat: no-repeat !important;
    background-size: 20px 20px;
    padding-right: 4px;
    padding-top: 0px;
    mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-color: #41A7E1;
}

.wiso_sidebar-button {
}

.wiso_sidebar-button__icon {
    padding-top: 50px;
}

.wiso_sidebar-button__text {
    font-size: 16px;
}

/* Main menu icons (mask images) */
.dashboard {
    -webkit-mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-dashboard.svg');
    mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-dashboard.svg');
}

.favorites {
    width: 48px;
    height: 48px;
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/favoriten.svg');
    mask-image: url('../img/extended/icons_sidebar/favoriten.svg');
}

.account {
    width: 36px;
    height: 36px;
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-my-account.svg');
    mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-my-account.svg');
    mask-size: 36px;
    padding-top: 0px;
}

.skin {
    width: 36px;
    height: 36px;
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-skins.svg');
    mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-skins.svg');
    mask-size: 36px;
    padding-top: 0px;
}

.dark {
    width: 24px;
    height: 24px;
    background-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-skin-dunkel.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: unset;
    padding-top: 0px;
    padding-bottom: 0px;
}

.light {
    width: 24px;
    height: 24px;
    background-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-skin-hell.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: unset;
    padding-top: 0px;
    padding-bottom: 0px;
}

.contrast-light {
    width: 24px;
    height: 24px;
    background-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-skin-hell-kontrast.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: unset;
    padding-top: 0px;
    padding-bottom: 0px;
}

.contrast-dark {
    width: 24px;
    height: 24px;
    background-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-skin-dunkel-kontrast.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: unset;
    padding-top: 0px;
    padding-bottom: 0px;
}

.language {
    width: 36px;
    height: 36px;
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-language.svg');
    mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-language.svg');
    mask-size: 36px;
    padding-top: 0px;
}

.english {
    width: 24px;
    height: 24px;
    background-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-UK.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: unset;
    padding-top: 0px;
    padding-bottom: 0px;
}

.french {
    width: 24px;
    height: 24px;
    background-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-FR.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: unset;
    padding-top: 0px;
    padding-bottom: 0px;
}

.german {
    width: 24px;
    height: 24px;
    background-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-DE.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: unset;
    padding-top: 0px;
    padding-bottom: 0px;
}

.spanish {
    width: 24px;
    height: 24px;
    background-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-ES.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-color: unset;
    padding-top: 0px;
    padding-bottom: 0px;
}

.company {
    width: 36px;
    height: 36px;
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-unternehmen.svg');
    mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-unternehmen.svg');
    mask-size: 36px;
    padding-top: 0px;
}

.favorites_toolbar {
    padding-top: 20px;
    width: 48px;
    height: 48px;
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/favoriten.svg');
    mask-image: url('../img/extended/icons_sidebar/favoriten.svg');
    mask-size: 48px;
}

.ticketsystem {
    width: 36px;
    height: 36px;
    -webkit-mask-image: url('../img/extended/icons_sidebar/ticketsystem.svg');
    mask-image: url('../img/extended/icons_sidebar/ticketsystem.svg');
    mask-size: 36px;
    padding-top: 0px;
}

.filemanager {
    -webkit-mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-dokument-ein.svg');
    mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-dokument-ein.svg');
}

.transactionlog {
    width: 24px;
    height: 24px;
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/transactionlog.svg');
    mask-image: url('../img/extended/icons_sidebar/transactionlog.svg');
    mask-size: 100%;
    mask-repeat: no-repeat;
}

.messagecenter {
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-message-center.svg');
    mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-message-center.svg');
    mask-repeat: no-repeat;
}

.delfor {
    -webkit-mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-message-in.svg');
    mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-message-in.svg');
}

.deljit {
    -webkit-mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-message-in.svg');
    mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-message-in.svg');
}

.artikel {
    -webkit-mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-artikel-2.svg');
    mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-artikel-2.svg');
}

.customer {
    -webkit-mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-customer.svg');
    mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-customer.svg');
}

.creditnote {
    -webkit-mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-zahlungsmonitor.svg');
    mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-zahlungsmonitor.svg');
}

.deliverynote {
    -webkit-mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-message-out.svg');
    mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-message-out.svg');
}

.invoice {
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-06.svg');
    mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-06.svg');
}

.prodette {
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-oftp2-zertifikaten-management.svg');
    mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-oftp2-zertifikaten-management.svg');
}

.masterdata {
    -webkit-mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-Stammdaten.svg');
    mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-Stammdaten.svg');
}

.settings {
    -webkit-mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-control-center.svg');
    mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-control-center.svg');
}

.basedata {
    -webkit-mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-Stammdaten.svg');
    mask-image: url('../img/extended/icons_sidebar/e-invoice-modul-icon-Stammdaten.svg');
}

.ams {
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-wiso-admin-2.svg');
    mask-image: url('../img/extended/icons_sidebar/wiberg-menu-icon-wisplorer-wiso-admin-2.svg');
}

.arrowright {
    width: 16px;
    height: 16px;
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/icons_grid/subgrid_close.ico');
    mask-image: url('../img/icons_grid/subgrid_close.ico');
    mask-size: 16px;
}

.fieldset_down {
    width: 16px;
    height: 16px;
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/icons_grid/subgrid_down.ico');
    mask-image: url('../img/icons_grid/subgrid_down.ico');
    mask-size: 16px;
}

.fieldset_up {
    width: 16px;
    height: 16px;
    background-color: #41A7E1;
    -webkit-mask-image: url('../img/icons_grid/subgrid_up.ico');
    mask-image: url('../img/icons_grid/subgrid_up.ico');
    mask-size: 16px;
}

/* Login icons */
.loginuser {
    width: 24px;
    height: 24px;
    background-color: black;
    -webkit-mask-image: url('../img/login-fenster-icon-avatar.svg');
    mask-image: url('../img/login-fenster-icon-avatar.svg');
    mask-size: 24px;
}

.loginpassw {
    width: 24px;
    height: 24px;
    background-color: black;
    -webkit-mask-image: url('../img/login-fenster-icon-schloss.svg');
    mask-image: url('../img/login-fenster-icon-schloss.svg');
    mask-size: 24px;
}

/* =========================
   Paging Icons
   ========================= */

.page-first {
    background-image: url('../img/icons_toolbar/page-first.svg');
    width: 24px;
    height: 24px;
}

.page-last {
    background-image: url('../img/icons_toolbar/page-last.svg');
    width: 24px;
    height: 24px;
}

.page-privious {
    background-image: url('../img/icons_toolbar/page-privious.svg');
    width: 24px;
    height: 24px;
}

.page-next {
    background-image: url('../img/icons_toolbar/page-next.svg');
    width: 24px;
    height: 24px;
}

.delete_red {
    background-image: url('../img/icons_sidebar/dashboard.svg');
    width: 24px;
    height: 24px;
    padding-right: 0px;
}

/* =========================
   File / Folder icons
   ========================= */

.hdd {
    -webkit-mask-image: url('../img/icons_tree/hdd.ico');
    mask-image: url('../img/icons_tree/hdd.ico');
    mask-size: 20px;
}

.folder {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url('../img/icons_grid/folder.ico');
    mask-image: url('../img/icons_grid/folder.ico');
    mask-size: 20px;
}

.folderopen {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url('../img/icons_grid/folderopen.ico');
    mask-image: url('../img/icons_grid/folderopen.ico');
    mask-size: 20px;
}

.file {
    width: 20px;
    height: 20px;
    -webkit-mask-image: url('../img/icons_grid/file.ico');
    mask-image: url('../img/icons_grid/file.ico');
    mask-size: 20px;
}

/* =========================
   Spinner / Progress
   ========================= */

.wiso_spinner .path {
    stroke: white;
}

.wiso-cell-ticket {
    --wiso-background-overlay-light: hsla(0, 0%, 0%, 0.5);
}

    .wiso-cell-ticket .wiso_spinner {
        display: none;
    }

.wiso-cell-upload {
    --wiso-background-overlay-light: hsla(0, 0%, 100%, 0.3);
    background-image: url('../img/icons_grid/file.ico');
}

    .wiso-cell-upload .wiso_spinner {
        display: none;
    }

        .wiso-cell-upload .wiso_spinner .path {
            background: url('../img/icons_grid/file.ico');
        }

.wiso_progress_bar {
    height: 100%;
    background-color: #F49519;
    text-align: left;
    padding-left: 20px;
    color: white;
    line-height: 8px;
    border-radius: 5px;
    transition: width 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
}

.progress-container {
    width: 100%;
    max-width: 300px;
    margin: 20px;
}

progress::-webkit-progress-value {
    background-color: #4caf50;
}

progress::-moz-progress-bar {
    background-color: #4caf50;
}

progress {
    width: 100%;
    height: 30px;
    border: none;
    background-color: #f3f3f3;
    border-radius: 5px;
    overflow: hidden;
}

#progressText {
    text-align: right;
    margin-top: 5px;
}

/* =========================
   DHTMLX Alerts / Menu
   ========================= */

.dhtmlx-alert-warning .dhtmlx_popup_title,
.dhtmlx-confirm-warning .dhtmlx_popup_title {
    color: #fff;
    background: #F49519;
}

.dhtmlx-alert .dhtmlx_popup_title,
.dhtmlx-confirm .dhtmlx_popup_title {
    color: #fff;
    background: #F49519;
}

.dhtmlxMenu_material_Middle {
    padding-left: 350px;
}

    .dhtmlxMenu_material_Middle div.dhtmlxMenu_TopLevel_Text_right {
        right: 35px;
        top: 20px;
    }

.dhtmlxMenu_material_Middle {
    height: 50px;
    line-height: 50px;
}

.dhxtabbar_tabs dhxtabbar_tabs_top {
    border: none;
}

.wiso_cell_cont_sidebar {
    border: none;
}

/* =========================
   Subgrid / Toolbar buttons
   ========================= */

.subgrid {
    height: 40px;
}

.wiso_toolbar-button-subgrid {
    padding: 0px 0px 17px 0px;
}

/* FileExplorer grid */
.wiso_fileExplorer-grid {
    --wiso-border: none;
}

.wiso_context_menu {
    z-index: 9999 !important;
}

.wiso-toolbar_search_active {
    border-color: red;
}

.wiso_button_right_20px {
    padding-left: 20px;
}

.wiso_button_left_10px {
    padding-right: 6px;
}

/* =========================
   Form Field / Progress Bar (generic)
   ========================= */

.form-field {
    flex: 1 1 calc(50% - 10px);
    display: flex;
    flex-direction: column;
}

label {
    margin-bottom: 5px;
}

.progress-container {
    margin-top: 20px;
    background-color: #f3f3f3;
    border-radius: 5px;
    overflow: hidden;
}

.progress-bar {
    height: 20px;
    background-color: #4caf50;
    width: 0%;
    transition: width 0.3s;
}

/* =========================
   Window Logo / Combobox create
   ========================= */

.window-logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 15px 0px 0px;
}

.window-toolbar-logo {
    max-height: 50px;
    object-fit: contain;
}

.wiso_combobox-options__action-create-option {
    background-color: #0b4f9e;
}

    .wiso_combobox-options__action-create-option:hover {
        background-color: #41A7E1;
    }

/* =========================
   XML Viewer (dark theme)
   ========================= */

.xml-viewer {
    background-color: #121212;
    color: #e0e0e0;
    font-family: Consolas, monospace;
    padding: 10px;
    overflow: auto;
}

    .xml-viewer .xonomy .element,
    .xml-viewer .xonomy .attribute {
        text-align: left !important;
        color: #c5c5c5 !important;
    }

    .xml-viewer .xonomy .tag {
        color: #81d4fa !important;
        font-weight: bold;
    }

    .xml-viewer .xonomy .attname {
        color: #ffb74d !important;
    }

    .xml-viewer .xonomy .attvalue {
        color: #aed581 !important;
    }

    .xml-viewer .xonomy .textnode {
        color: #f5f5f5 !important;
    }

    .xml-viewer .xonomy .collapser {
        color: #757575 !important;
    }

    .xml-viewer .xonomy .selectionBackground {
        background-color: #333 !important;
    }

    .xml-viewer .xonomy .selection {
        color: #fff !important;
    }

    .xml-viewer .xonomy .menu {
        background-color: #1e1e1e !important;
        color: #f5f5f5 !important;
        border: 1px solid #444;
        box-shadow: 0 0 6px rgba(255, 255, 255, 0.2);
    }

        .xml-viewer .xonomy .menu .menuItem:hover {
            background-color: #2e2e2e !important;
            color: #fff !important;
        }

    .xml-viewer .xonomy .bubble {
        background-color: #222 !important;
        color: #eee !important;
        border: 1px solid #555;
        box-shadow: 0 0 4px rgba(255, 255, 255, 0.1);
    }

/* =========================
   Utility
   ========================= */

.single-line-cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.wiso-non-draggable {
    cursor: default !important;
    user-select: none;
}
.wiso-ticket-image {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
}