/* HBO: UX-13 2021-01-14 Uitbreiding op UX-6 jqxTree */
/* svg-icons loaded separately because of Cross-Origin-Reference */

.kf_svg_first {
    mask: url(images/nav_start.svg);
    -webkit-mask: url(images/nav_start.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_left {
    mask: url(images/nav_prev.svg);
    -webkit-mask: url(images/nav_prev.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_right {
    mask: url(images/nav_next.svg);
    -webkit-mask: url(images/nav_next.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_last {
    mask: url(images/nav_end.svg);
    -webkit-mask: url(images/nav_end.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_newline {
    mask: url(images/new_line.svg);
    -webkit-mask: url(images/new_line.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_filter {
    mask: url(images/filter.svg);
    -webkit-mask: url(images/filter.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_menu {
    mask: url(images/menu.svg);
    -webkit-mask: url(images/menu.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_save {
    mask: url(images/save.svg);
    -webkit-mask: url(images/save.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_dialog {
    mask: url(images/opendialog.svg);
    -webkit-mask: url(images/opendialog.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_print {
    mask: url(images/print.svg);
    -webkit-mask: url(images/print.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_export {
    mask: url(images/export.svg);
    -webkit-mask: url(images/export.svg);
    -webkit-mask-repeat: no-repeat;
}

.kf_svg_setting {
    mask: url(images/settings.svg);
    -webkit-mask: url(images/settings.svg);
    -webkit-mask-repeat: no-repeat;
}

.gen_showcol_icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 0px;
    margin-right: 5px;
    margin-top: -1px;
    float: right;
    background-color: var(--king_icon_color);
    mask: url(images/show-column.svg);
    -webkit-mask: url(images/show-column.svg);
    -webkit-mask-repeat: no-repeat;
}

.bar_close {
    mask: url(images/close.svg);
    -webkit-mask: url(images/close.svg);
}

.bar_icon_home {
    mask: url(images/home.svg);
    -webkit-mask: url(images/home.svg);
    cursor: pointer;
}

.bar_icon_help {
    mask: url(images/help.svg);
    -webkit-mask: url(images/help.svg);
    cursor: pointer;
}

.bar_icon_noty {
    mask: url(images/notifications.svg);
    -webkit-mask: url(images/notifications.svg);
    cursor: pointer;
}

.bar_icon_fav {
    mask: url(images/mnu_favorieten.svg);
    -webkit-mask: url(images/mnu_favorieten.svg);
}

.bar_icon_overig {
    mask: url(images/menu.svg);
    -webkit-mask: url(images/menu.svg);
}

.bar_icon_pen {
    mask: url(images/mnu_pen.svg);
    -webkit-mask: url(images/mnu_pen.svg);
    margin-right: 20px;
    cursor:pointer;
}

.bar_icon_collapse {
    mask: url(images/arrow-collapse-all.svg);
    -webkit-mask: url(images/arrow-collapse-all.svg);
    margin-right: 20px;
    cursor: pointer;
}

.bar_icon_beh {
    mask: url(images/settings.svg);
    -webkit-mask: url(images/settings.svg);
}

.bar_icon_mijn {
    mask: url(images/mnu_person.svg);
    -webkit-mask: url(images/mnu_person.svg);
    cursor: pointer;
}

.bar_icon_del {
    mask: url(images/mnu_delete.svg);
    -webkit-mask: url(images/mnu_delete.svg);
    margin-right: 10px;
    cursor: pointer;
}

.bar_icon_adm {
    mask: url(images/mnu_cached.svg);
    -webkit-mask: url(images/mnu_cached.svg);
}

.bar_icon_fin {
    mask: url(images/mnu_financieel.svg);
    -webkit-mask: url(images/mnu_financieel.svg);
}

.bar_icon_rel {
    mask: url(images/mnu_relatiebeheer.svg);
    -webkit-mask: url(images/mnu_relatiebeheer.svg);
}

.bar_icon_KC {
    mask: url(images/mnu_kingconnect.svg);
    -webkit-mask: url(images/mnu_kingconnect.svg);
}

.bar_icon_ink {
    mask: url(images/mnu_inkoop.svg);
    -webkit-mask: url(images/mnu_inkoop.svg);
}

.bar_icon_verk {
    mask: url(images/mnu_verkoop.svg);
    -webkit-mask: url(images/mnu_verkoop.svg);
}

.bar_icon_uren {
    mask: url(images/mnu_uren.svg);
    -webkit-mask: url(images/mnu_uren.svg);
}

.bar_icon_spts {
    mask: url(images/mnu_spitsfactuur.svg);
    -webkit-mask: url(images/mnu_spitsfactuur.svg);
}

.bar_icon_speed {
    mask: url(images/mnu_speedbooks.svg);
    -webkit-mask: url(images/mnu_speedbooks.svg);
}

.bar_icon_apps {
    mask: url(images/mnu_apps.svg);
    -webkit-mask: url(images/mnu_apps.svg);
}

.bar_icon_loff {
    mask: url(images/mnu_uitloggen.svg);
    -webkit-mask: url(images/mnu_uitloggen.svg);
}

.bar_icon_muis {
    mask: url(images/mnu_muis_adm.svg);
    -webkit-mask: url(images/mnu_muis_adm.svg);
}

.bar_icon_newscreen {
    mask: url(images/open_newscreen.svg);
    -webkit-mask: url(images/open_newscreen.svg);
    margin-right: 17px;
}

.bar_icon_menu {
    mask: url(images/mnu_menu.svg);
    -webkit-mask: url(images/mnu_menu.svg);
}

.bar_icon_gelezen {
    mask: url(images/gelezen.svg);
    -webkit-mask: url(images/gelezen.svg);
}

.bar_icon_ongelezen {
    mask: url(images/ongelezen.svg);
    -webkit-mask: url(images/ongelezen.svg);
}

.service_icon_read {
    mask: none;
    -webkit-mask: unset;
    float: right;
    cursor: pointer;
    background: var(--kinglichtblauw);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin: 5px;
}

.service_icon_read:hover {
    mask: url(images/gelezen.svg);
    -webkit-mask: url(images/gelezen.svg);
    background: var(--king_icon_color);
}

.service_icon_unread {
    float: right;
    cursor: pointer;
    background: var(--king_background);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    margin: 5px;
}

.service_icon_unread:hover {
    background: var(--king_icon_color);
}

[id^='parent_menu_servicepagina'] .servicemessage:hover > span.service_icon_unread {
    mask: url(images/ongelezen.svg);
    -webkit-mask: url(images/ongelezen.svg);
    background: var(--king_icon_color);
}

.gen_close_icon {
    width: 18px;
    height: 18px;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 5px;
    background-color: var(--king_icon_color);
    mask: url(images/close.svg);
    -webkit-mask: url(images/close.svg);
    -webkit-mask-repeat: no-repeat;
    float: right;
    position: static;
}

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

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


.gen_showDownload_icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    float: right;
    background-color: var(--king_icon_color);
    mask: url(images/Downloaden.svg);
    -webkit-mask: url(images/Downloaden.svg);
    -webkit-mask-repeat: no-repeat;
}

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

.gen_showUpload_icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    float: right;
    background-color: var(--king_icon_color);
    mask: url(images/Uploaden.svg);
    -webkit-mask: url(images/Uploaden.svg);
    -webkit-mask-repeat: no-repeat;
}

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

.gen_showRefresh_icon {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    float: right;
    background-color: var(--king_icon_color);
    mask: url(images/Refresh.svg);
    -webkit-mask: url(images/Refresh.svg);
    -webkit-mask-repeat: no-repeat;
}

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

/* DD: 24-09-21: WI-5418: style voor accdash kwaliteitsfactor */
.groenIconACCDash {
    background: #fff;
    mask: url(images/goed.svg);
    -webkit-mask: url(images/goed.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 15px;
    width: 15px;
    height: 15px;
}
.oranjeIconACCDash {
    background: #fff;
    mask: url(images/alert.svg);
    -webkit-mask: url(images/alert.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 15px;
    width: 15px;
    height: 15px;
    position: absolute;
    left: -7.5px;
    top: 1px;
}
.roodIconACCDash {
    background: #fff;
    mask: url(images/fout.svg);
    -webkit-mask: url(images/fout.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 15px;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.iconDivGroen {
    display: inline-block;
    background: #50B302;
    border-radius: 12px;
    width: 15px;
    height: 15px;
}

.iconDivGroenDrieHoek {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-style: solid;
    border-width: 0px 7.5px 15px 7.5px;
    border-color: transparent transparent #50B302 transparent;
    position: relative;
}

.iconDivOranje {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-style: solid;
    border-width: 0px 7.5px 15px 7.5px;
    border-color: transparent transparent #f2a524 transparent;
    position: relative;
}
.iconDivRood {
    display: inline-block;
    background: #E61934;
    border-radius: 3px;
    width: 15px;
    height: 15px;
}
.iconDivnietTonen,
.nietTonenIconACCDash {
    display: none;
}
.cijferAccDash {
    color: var(--king_text_color);
    display: flex;
    flex-direction: column;
    align-self: center;
    padding-right: 5px;
}
.cijferDiv {
    display: flex;
    flex-direction: row;
    justify-content: end;
}
.url2.cijferDiv {
    justify-content: center;
}

.vAlignBottom {
    vertical-align: bottom;
}

/*DD: 24-11-92: WI:6380: WI:6381: legenda iconen toegevoegd*/
.iconDivGeel {
    background: #fff;
    mask: url(images/GebruikerRelaties.svg);
    -webkit-mask: url(images/GebruikerRelaties.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 15px;
    width: 15px;
    height: 15px;
}
.geelIconACCDash {
    display: inline-block;
    background: #FFE83D;
    border-radius: 12px;
    width: 15px;
    height: 15px;
}

.iconDivDonkerBlauw {
    background: #fff;
    mask: url(images/GeenMailGeenmelding.svg);
    -webkit-mask: url(images/GeenMailGeenmelding.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 12px;
    width: 12px;
    height: 12px;
    margin-left: 1px;
    margin-top: 1px;
}

.donkerBlauwIconACCDash {
    display: inline-block;
    background: #154292;
    border-radius: 12px;
    width: 15px;
    height: 15px;
}

.iconDivPaars {
    background: #fff;
    mask: url(images/Nietverzonden.svg);
    -webkit-mask: url(images/Nietverzonden.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 15px;
    width: 15px;
    height: 15px;
}

.paarsIconACCDash {
    display: inline-block;
    background: #9886F7;
    border-radius: 12px;
    width: 15px;
    height: 15px;
}

.iconDivGrijs {
    background: #fff;
    mask: url(images/Wachten.svg);
    -webkit-mask: url(images/Wachten.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 15px;
    width: 15px;
    height: 15px;
}

.grijsIconACCDash {
    display: inline-block;
    background: #92909D;
    border-radius: 12px;
    width: 15px;
    height: 15px;
}

.iconDivBlauw {
    background: #fff;
    mask: url(images/AanpassenEditCreate.svg);
    -webkit-mask: url(images/AanpassenEditCreate.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 13px;
    width: 13px;
    height: 13px;
    margin-left: 1px;
    margin-top: 1px;
}

.blauwIconACCDash {
    display: inline-block;
    background: #009FE3;
    border-radius: 12px;
    width: 15px;
    height: 15px;
}

.iconDivBruin {
    background: #fff;
    mask: url(images/Leegdocument.svg);
    -webkit-mask: url(images/Leegdocument.svg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 15px;
    width: 15px;
    height: 15px;
}

.bruinIconACCDash {
    display: inline-block;
    background: #CC8C3D;
    border-radius: 12px;
    width: 15px;
    height: 15px;
}
/*DD: 24-11-92: einde WI:6380*/

.icon-legenda { /*  AVD 01-12-21 WI-6426 */
    width: 25px;
    height: 25px;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    background-color: var(--king_icon_color);
    mask: url(images/Legenda.svg);
    -webkit-mask: url(images/Legenda.svg);
    -webkit-mask-repeat: no-repeat;
 }
.icon-isonline { /*  AVD 01-12-21 WI-6426 */
    width: 15px;
    height: 15px;
    cursor: pointer;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    background-color: var(--green);
    mask: url(images/mnu_person.svg);
    -webkit-mask: url(images/mnu_person.svg);
    -webkit-mask-repeat: no-repeat;
}

.gen_search_icon {
    width: 24px;
    height: 24px;
    cursor: default;
    margin-right: -30px;
    background-color: var(--king_icon_color);
    mask: url(images/search.svg);
    -webkit-mask: url(images/search.svg);
    -webkit-mask-repeat: no-repeat;
}