/* Allgemeine Icons (Tree/File) */
.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");
}

/* Toolbar Icons (Paging) */
.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;
}

/* 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;
}

/* WISO Navigation */
.wiso-nav {
    align-content: flex-start;
    padding-left: 0;
    margin-left: 0;
}

.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: 0;
    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: 0;
    mask-repeat: no-repeat;
    width: 20px;
    height: 20px;
    background-color: #41A7E1;
}

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

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

/* WISO Icons für Menüpunkte */
.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;
}

.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;
}

/* Theme Buttons */
.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;
}

.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;
}

.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;
}

.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;
}

/* Language Icons */
.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;
}

.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;
}

.french {
    width: 24px;
    height: 24px;
    background-image: url('img/extended/icons_sidebar/e-invoice-modul-icon-FR.svg');
}

.german {
    width: 24px;
    height: 24px;
    background-image: url('img/extended/icons_sidebar/e-invoice-modul-icon-DE.svg');
}

.spanish {
    width: 24px;
    height: 24px;
    background-image: url('img/extended/icons_sidebar/e-invoice-modul-icon-ES.svg');
}

/* Weitere Menü-Icons */
.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;
}

.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;
}

.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,
.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,
.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');
}

.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');
}

.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;
}

/* Kleine WISO-Icons */
.wisoico {
    width: 16px;
    height: 16px;
    display: block;
    background: none;
    color: white;
    text-decoration: none;
    padding-right: 20px;
    padding-top: 0;
    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;
}