/* *** HTML Standard Elemente *** */
html {
    overflow: auto;
}

body {
    margin: 0;
    background: rgb(243, 243, 243);
}

a:hover {
    font: normal normal bold 8pt Verdana;
    text-decoration: underline;
}

.vertical-navigation a, .vertical-navigation a:hover, .vertical-navigation a:active, .vertical-navigation a:visited {
    font-size: 9pt;
}

input[type="text"], input[type="password"] {
    width: 125px;
    padding: 3px;
    font: normal normal normal 8pt Verdana;
    color: #000;
    background: #fff;
    border: solid 1px #000;
}

input:focus[type="text"], input:focus[type="password"] {
    background: #ebebeb;
}

select {
    padding: 2px;
    font: normal normal normal 8pt Verdana;
    color: #000;
    background: #fff;
    border: solid 1px #000;
}

.v-font {
    font: normal normal normal 8pt Verdana;
}
/* *** Controls *** */
select.timepicker {
    width: 100%;
}

select.weekdaypicker {
    width: 100%;
}

select.monthpicker {
    width: 100px;
}

select.yearpicker {
    width: 60px;
}

select.einheiten {
    width: 100%;
}

select.materialgruppen {
    width: 100%;
}

select.personal {
    width: 100%;
}

input[type="text"].textbox {
    width: 99.5%;
}

input[type="text"].numericbox, input[type="number"].numericbox {
    width: 100%;
}

select.select {
    width: 100%;
}

/* *** Buttons *** */
.button-abort[disabled], .button-clear[disabled], .button-copy[disabled],
.button-delete[disabled], .button-export[disabled], .button-filter[disabled],
.button-import[disabled], .button-new[disabled], .button-ok[disabled],
.button-report[disabled], .button-qr[disabled], .button-save[disabled],
.button-standard[disabled], .button-unlock[disabled],
.button-accept[disabled], .button-decline[disabled] {
    color: gray;
}

    .button-abort[disabled]:hover, .button-clear[disabled]:hover, .button-copy[disabled]:hover,
    .button-delete[disabled]:hover, .button-export[disabled]:hover, .button-filter[disabled]:hover,
    .button-import[disabled]:hover, .button-new[disabled]:hover, .button-ok[disabled]:hover,
    .button-report[disabled]:hover, .button-qr[disabled]:hover, .button-save[disabled]:hover,
    .button-standard[disabled]:hover, .button-unlock[disabled]:hover,
    .button-accept[disabled]:hover, .button-decline[disabled]:hover,
    .button-abort[disabled]:active, .button-clear[disabled]:active, .button-copy[disabled]:active,
    .button-delete[disabled]:active, .button-export[disabled]:active, .button-filter[disabled]:active,
    .button-import[disabled]:active, .button-new[disabled]:active, .button-ok[disabled]:active,
    .button-report[disabled]:active, .button-qr[disabled]:active, .button-save[disabled]:active,
    .button-standard[disabled]:active, .button-unlock[disabled]:active,
    .button-accept[disabled]:active, .button-decline[disabled]:active {
        color: gray !important;
        background-color: #ebebeb !important;
        border: 1px solid #5d5d5d !important;
    }

.button-abort, .button-clear, .button-copy,
.button-delete, .button-export, .button-filter,
.button-import, .button-new, .button-ok,
.button-report, .button-qr, .button-save,
.button-standard, .button-unlock,
.button-accept, .button-decline {
    height: 28px;
    width: 125px;
    min-height: 28px;
    min-width: 125px;
}

.button-abort, .button-clear, .button-copy,
.button-delete, .button-export, .button-filter,
.button-import, .button-new, .button-ok,
.button-report, .button-qr, .button-save,
.button-unlock, .button-accept, .button-decline {
    background-image: url(../../Images/Modern/Buttons/sprite.png);
    background-repeat: no-repeat;
    text-align: left !important;
    padding-left: 32px;
}

.button-abort {
    background-position: 0 -3px;
}

.button-clear {
    background-position: 0 -35px;
}

.button-copy {
    background-position: 0 -67px;
}

.button-delete {
    background-position: 0 -99px;
}

.button-export {
    background-position: 0 -131px;
}

.button-filter {
    background-position: 0 -163px;
}

.button-import {
    background-position: 0 -195px;
}

.button-new {
    background-position: 0 -227px;
}

.button-ok {
    background-position: 0 -259px;
}

.button-report {
    background-position: 0 -291px;
}

.button-qr {
    background-position: 0 -323px;
}

.button-save {
    background-position: 0 -355px;
}

.button-standard[type="button"], .button-standard[type="submit"] {
}

.button-unlock {
    background-position: 0 -387px;
}

.button-accept {
    background-position: 0 -419px;
}

.button-decline {
    background-position: 0 -451px;
}

input[type="button"], input[type="submit"] {
    color: #333;
    font-weight: bold;
    background-color: #ebebeb;
    border: 1px solid #5d5d5d;
    cursor: pointer;
    text-align: center;
}

input[type="button"].noBorder,
input[type="button"].noBorder:hover,
input[type="button"].noBorder:active,
input[type="submit"].noBorder,
input[type="submit"].noBorder:hover,
input[type="submit"].noBorder:active {
    border: none !important;
}

input[type="button"]:hover, input[type="submit"]:hover {
    color: #000 !important;
    background-color: #dfedfa !important;
    border: 1px solid #0072c6 !important;
}

input[type="button"]:focus, input[type="submit"]:focus {
    background-color: #dfedfa !important;
}

input[type="button"]:active, input[type="submit"]:active {
    color: #fff !important;
    background-color: #0072c6 !important;
    border: 1px solid #0072c6 !important;
    outline: none !important;
}

.logoContainer {
    text-align: center;
}
.logoContainer img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
}

div#logoContainer {
    max-height: 250px;
    min-width: 150px;
    overflow-y: auto;
}

div#logoContainer img {
    cursor: pointer;
}

.imgPartnerLogo {
    max-width: 100%;
    height: 50px;
}

tr.imageContainer {
    border-top: 1px solid #000;
}
tr.imageContainer td:first-child {
    width: 150px;
    height: 50px;
    border-top: 1px solid #000;
    text-align: center;
}
tr.imageContainer:last-child td:first-child {
    border-bottom: 1px solid #000;
}
tr.imageContainer td:nth-child(2) {
    width: 16px;
}
input[type="button"].custombutton {
    width: auto;
    padding: 0 5px 0 5px;
    border: solid 1px;
}

    input[type="button"].custombutton:hover {
        color: #000;
        background-color: #0f0;
    }

input[type="button"].button-special {
    height: 23px;
    border: solid 1px #000;
    font: bold 8pt Verdana;
    color: #000;
    text-align: center;
    background: url(../../Images/Modern/Buttons/bg.png) repeat-x;
    padding: 0;
}

    input[type="button"].button-special:hover {
        background: url(../../Images/Modern/Buttons/hover.png) repeat-x;
        color: #fff;
    }

input[type="button"].button-rueck {
    width: 175px;
    height: 25px;
    border: 0;
    font: normal normal bold 8pt Verdana;
    color: #000;
    text-align: left;
    padding: 0 0 0 26px;
    background: url(../../Images/Modern/Buttons/rueck_normal.png);
}

    input[type="button"].button-rueck:hover {
        background: url(../../Images/Modern/Buttons/rueck_hover.png);
    }
/* *** Masterpage Styles *** */
.vertical-navigation #master-menu {
    position: absolute;
    top: 55px;
    left: 0;
    width: 220px;
    bottom: 0;
    background-color: rgb(255, 204, 0);
    color: black;
    z-index: 5;
    box-sizing: border-box;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto;
    margin-bottom: -1px;
    transition: width .2s cubic-bezier(.35,0,.25,1),transform .2s cubic-bezier(.35,0,.25,1),-webkit-transform .2s cubic-bezier(.35,0,.25,1);
}
.vertical-navigation #master-menu.isIE{
    top: 95px;
}

.vertical-navigation .dxmVerticalMenu_PlasticBlue {
    background: rgb(255, 204, 0);
}
.vertical-navigation .dxmVerticalMenuItem_PlasticBlue {
    width: 220px !important;
}

.vertical-navigation #master-menu > table {
    margin-top: 11px;
    display: none;
}

.vertical-navigation #master-menu.visible > table {
    display: table;
}

body.vertical-navigation {
    background-color: white;
}

#master-menu {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    height: 22px;
    border-bottom: solid 1px #000;
    background: #ebebeb url(../../Images/Modern/bar30px.png) repeat-x;
    z-index: 99;
}
.vertical-navigation #master-menu {
    background: none rgb(255, 204, 0) !important;
}

.vertical-navigation #master-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    background: #0288d1;
    z-index: 100;
    display: none;
}

.vertical-navigation #master-sitemap {
    top: 0 !important;
    height: 55px;
    background: white;
    border-bottom: 1px solid rgb(224, 224, 224);;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 9px 0!important;
}
.vertical-navigation #master-sitemap.isIE {
    top: 40px !important;
}
.vertical-navigation #master-sitemap > table {
    padding-right: 0!important;
}



#master-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    background: transparent url(../../Images/Modern/header.png) repeat-x;
    z-index: 100;
}

.EOLOldStyle_EOLBanner{
    display: none;
}
.EOLOldStyle_EOLBanner.showBanner{
    background-color: #ffcc00;
    height: 40px;
    display: flex !important;
}

#master-header.showBanner {
    top: 40px; !important;
}

#master-sitemap.showBanner {
    top: 103px !important;
}

#master-menu.showBanner {
    top: 80px !important;
}

#master-content.showBanner {
    top: 125px !important;
}

#master-header2 {
    left: 0;
    width: 100%;
    height: 40px;
    background: transparent url(../../Images/Modern/header.png) repeat-x;
    z-index: 90;
}

#master-header-123logo {
    position: absolute;
    top: 0;
    left: 0;
    width: 227px;
    height: 40px;
    background: transparent url(../../Images/Modern/123logo.png);
    cursor: pointer;
    z-Index: 99;
}

#master-header-partnerlogo {
    position: absolute;
    top: 13px;
    right: 5px;
    width: 150px;
    height: 50px;
    cursor: pointer;
    z-Index: 99;
}

#master-sitemap {
    position: absolute;
    top: 63px;
    left: 0;
    width: 100%;
    background: #87b8f3 url(../../Images/Modern/sitemap.png) repeat-x scroll top left;
    border-bottom: solid 1px #000;
    cursor: default;
    z-index: 90;
}

#master-sitemap-left {
    width: 32%;
    font: normal normal bold 8pt Verdana;
    text-align: left;
    padding: 3px;
    float: left;
}

#master-sitemap-center {
    width: 32%;
    font: normal normal bold 8pt Verdana;
    text-align: center;
    margin: -2px;
    float: left;
}

#master-sitemap-right {
    width: 32%;
    font: normal normal bold 8pt Verdana;
    text-align: right;
    padding: 3px;
    float: right;
}

.vertical-navigation #master-content {
    min-width: unset;
    padding: 0;
    position: absolute;
    top: 55px;
    bottom: 22px;
    left: 220px;
    right: 0;
    overflow: auto;
    border-left: 1px solid #ccc;
    box-sizing: border-box;
    background-color: #f9f9f9;
}
.vertical-navigation #master-content.isIE{
    top: 95px !important;
}

#master-content {
    min-width: 800px;
    padding: 0;
    position: absolute;
    top: 85px;
    bottom: 25px;
    left: 2px;
    right: 2px;
    overflow: auto;
}

#master-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #4d93ea url(../../Images/Modern/bar_foot20px.png) repeat-x scroll top left;
    border-top: solid 1px #000;
    cursor: default;
    z-Index: 90;
}

.vertical-navigation #master-footer {
    left: 220px;
    background: #f9f9f9;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd;
}
.vertical-navigation #master-footer a {
    color: #555555!important;
}

#master-footer-left {
    width: 45%;
    font: normal normal normal 7pt Verdana;
    text-align: left;
    padding: 5px;
    float: left;
}

#master-footer-right {
    width: 45%;
    font: normal normal normal 7pt Verdana;
    text-align: right;
    padding: 5px;
    float: right;
}

#help-icon {
    position: absolute;
    z-index: 1000;
    right: 5px;
    top: 43px;
    width: 36px;
    height: 36px;
    background-image: url(../../images/Modern/help.png);
}

    #help-icon:hover {
        background-image: url(../../images/Modern/help_hover.png);
    }

/* *** Region Style *** */
.region-header {
    background: #187bda url(../../Images/Modern/bar20px.png) repeat-x scroll top left;
    border: solid 1px #000;
    margin: 10px 10px 0 10px;
    padding: 3px;
    font: normal normal bold 8pt Verdana;
    color: #fff;
    cursor: default;
    margin-bottom: -1px;
}

    .region-header:hover {
        background: #5596d5 url(../../Images/Modern/bar20px_hover.png) repeat-x scroll top left;
    }

.region-body {
    background: #fff;
    border-left: solid 1px #000;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
    margin: 0 10px 10px 10px;
    padding: 3px;
    font: normal normal normal 8pt Verdana;
    color: #000;
    cursor: default;
    border-top: 1px solid black;
}

.region-options {
    margin: 10px 10px 0 10px;
    font: normal normal normal 8pt Verdana;
    color: #000;
    cursor: default;
}
/* *** Welcome Style *** */
#welcome {
    margin: 10px 10px 0 10px;
    font: normal normal bold 24pt Verdana;
    color: #b6b6b6;
    cursor: default;
}
/* *** Overview Styles *** */
table.overview {
    width: 100%;
    table-layout: fixed;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
}

    table.overview thead td {
        padding: 3px;
        background: #187bda url(../../Images/Modern/bar20px.png) repeat-x scroll top left;
        font: normal normal bold 8pt Verdana;
        color: #fff;
        cursor: default;
    }
    .vertical-navigation table.overview thead td {
        background: none rgb(255, 204, 0) !important;
        color: rgb(34, 34, 34) !important;
    }

    table.overview tbody td {
        padding: 3px;
        font: normal normal normal 8pt Verdana;
        color: #000;
        vertical-align: top;
        cursor: default;
    }
/* *** Versions-Historie-Styles *** */
ul.modul {
    font: normal normal bold 13pt Verdana;
    color: #000;
    cursor: default;
}

ul.rubrik {
    font: normal normal bold 8pt Verdana;
    color: #000;
    cursor: default;
}

ol.punkte {
    font: normal normal normal 8pt Verdana;
    color: #000;
    cursor: default;
}

    ol.punkte li {
        margin: 5px 0 5px 0;
    }
/* *** eigenes grid *** */
table.grid {
    width: 100%;
    table-layout: fixed;
    border: solid 1px #00000;
    border-collapse: collapse;
    border-spacing: 0;
}

    table.grid thead tr {
        background: #187bda url(../../Images/Modern/bar20px.png) repeat-x scroll top left;
    }

    table.grid thead td {
        padding: 4px;
        border: solid 1px #000;
        font: normal normal bold 8pt Verdana;
        color: #fff;
        cursor: default;
    }
    /*table.grid tbody tr:nth-child(odd){background:green;}
table.grid tbody tr:nth-child(even){background:blue;}*/
    table.grid tbody {
        background: #fff;
        border: solid 1px #000;
    }

        table.grid tbody tr {
            background: #fff;
        }

            table.grid tbody tr.break > td {
                border-top: 3px solid #94B8C3;
            }

            table.grid tbody tr:hover {
                background-color: rgb(250,243,211);
            }

        table.grid tbody td {
            padding: 4px;
            font: normal normal normal 8pt Verdana;
            color: #000;
            cursor: default;
            border: solid 1px #C2D4DA;
        }

.numcol {
    text-align: right;
}

.date-col {
    text-align: center;
}
/* *** info-button *** */
.infoButton {
    width: 18px;
    height: 18px;
    overflow: hidden;
    background: transparent url(../../Images/Modern/info.png);
    cursor: default;
}
/* *** popup *** */
div.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    border: solid 1px #000;
    background: #fff;
    z-Index: 1050;
}

div.popup-register {
    position: fixed;
    top: 25%;
    left: 50%;
    width: 400px;
    margin-left: -200px;
    display: inline;
}

div.popup-header {
    height: 10px;
    border-bottom: solid 1px #000;
    background: #fff url(../../Images/Modern/bar10px.png) repeat-x;
    cursor: default;
    overflow: hidden;
}

div.popup-title {
    font: normal normal bold 8pt Verdana;
    color: #000;
    cursor: default;
    padding: 5px;
}

div.popup-content {
    font: normal normal normal 8pt Verdana;
    color: #000;
    cursor: default;
    padding: 5px;
}

div.popup-close {
    width: 26px;
    height: 10px;
    background: transparent url(../../Images/Modern/close10px.png) no-repeat;
    overflow: hidden;
    cursor: default;
    float: right;
    clear: both;
}

    div.popup-close:hover {
        background: transparent url(../../Images/Modern/close10px_hover.png) no-repeat;
    }
/* *** noscript element *** */
div.noscript {
    background: white;
    text-align: center;
    padding: 10px;
    z-index: 1001;
    position: fixed;
    left: 50px;
    right: 50px;
    top: 125px;
    bottom: 75px;
}
/* *** transparenz *** */
div.opacity {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: transparent url(../../Images/Modern/opacity.png);
    z-Index: 1049;
}
/* *** loading *** */
div.loading {
    width: 180px;
    height: 40px;
    background: transparent url(../../Images/Modern/loading.gif) no-repeat scroll center center;
    text-align: center;
    vertical-align: text-bottom;
}
/* *** Container für DevExGrid *** */
div.BereichGrid {
    margin: 10px;
    width: auto;
}
/* *** Multi-Select-Fenster *** */
div.multiselect {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 320px;
    height: 240px;
    margin: -120px 0 0 -160px;
    background: #fff;
    z-Index: 999;
}

div.multiselect-title {
    height: 20px;
    font: normal normal bold 8pt Verdana;
}

table.multiselect-list {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}

    table.multiselect-list tr {
        background: #fff;
        font: normal normal bold 8pt Verdana;
        border: solid 1px #808080;
        cursor: default;
    }

    table.multiselect-list td {
        height: 25px;
    }

div.multiselect-unselected {
    width: 20px;
    height: 20px;
    background: url(../../Images/Modern/checkbox_normal.png) no-repeat;
}

div.multiselect-selected {
    width: 25px;
    height: 20px;
    background: url(../../Images/Modern/selected.png) no-repeat;
}

input[type="button"].button-red {
    width: 98px;
    height: 38px;
    background: url(../../Images/Modern/button-red.png) no-repeat;
    text-align: center;
    font: normal normal bold 8pt Verdana;
    color: #600000;
    padding: 0;
}

    input[type="button"].button-red:hover {
        width: 88px;
        height: 34px;
        background: url(../../Images/Modern/button-red-hover.png) no-repeat;
        margin: 2px 5px 2px 5px;
    }

input[type="button"].button-green {
    width: 98px;
    height: 38px;
    background: url(../../Images/Modern/button-green.png) no-repeat;
    text-align: center;
    font: normal normal bold 8pt Verdana;
    color: #0c5600;
    padding: 0;
}

    input[type="button"].button-green:hover {
        width: 88px;
        height: 34px;
        background: url(../../Images/Modern/button-green-hover.png) no-repeat;
        margin: 2px 5px 2px 5px;
    }

/* CSS für Stammdaten Tabelle */
table.st-grid {
    width: 100%;
    table-layout: fixed;
    border: solid 1px #00000;
    border-collapse: collapse;
    border-spacing: 0;
}

    table.st-grid thead tr {
        background: #187bda url(../../Images/Modern/bar20px.png) repeat-x scroll top left;
        height: 26px;
        vertical-align: middle;
    }

    table.st-grid thead td {
        padding: 4px;
        border: solid 1px #000;
        font: normal normal bold 8pt Verdana;
        color: #fff;
        cursor: default;
    }

    table.st-grid tbody {
        background: #fff;
        border: solid 1px #000;
    }

        table.st-grid tbody tr:nth-child(odd) {
            background: #FFF;
        }

        table.st-grid tbody tr:nth-child(even) {
            background: #CFDDEE;
        }

        table.st-grid tbody tr:hover {
            background-color: #faf3d3;
        }

        table.st-grid tbody td {
            padding: 4px;
            font: normal normal normal 8pt Verdana;
            color: #000;
            cursor: default;
            border: solid 1px #C2D4DA;
        }

    table.st-grid thead tr.filter-row {
        background: #ffb55a;
    }

        table.st-grid thead tr.filter-row td {
            padding-right: 1px;
            padding-left: 1px;
            padding-top: 0px;
            padding-bottom: 0px;
            border: 0px solid black;
        }

            table.st-grid thead tr.filter-row td input[type="text"] {
                width: 100%;
                border: 0;
                padding-left: 0px;
                padding-right: 0px;
                text-align: center;
            }

/*table#Zeiterfassung{table-layout:fixed;width:100%;}
table#Zeiterfassung thead tr td{padding:4px;font:bold 8pt Verdana;}
table#Zeiterfassung tbody tr td{padding:4px;font:bold 8pt Verdana;}*/

div.zeiterfassung-delete {
    width: 16px;
    height: 16px;
    background: url(../Bilder/Programm/Icon16px/icon_loeschen.png) no-repeat;
}

div.zeiterfassung-load {
    width: 16px;
    height: 16px;
    background: url(../../Images/Modern/loading.gif) no-repeat;
}

/* DropDown Menu für Bearbeiten */
img.context-icon {
    padding: 2px;
}

    img.context-icon:hover {
        background-color: White;
    }

div.context-menu {
    background-color: White;
    border: 1px solid Gray;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.selected-context-icon {
    background-color: White;
    border: 1px solid Gray;
    border-left: none;
}

div.context-menu ul {
    display: block;
    text-decoration: none;
    font-family: Verdana;
    font-size: 12px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.vertical-navigation div.context-menu ul {
    font-family: "Source Sans Pro", sans-serif !important;
}

    div.context-menu ul li {
        padding: 5px;
        padding-right: 10px;
        padding-left: 10px;
        color: #111;
        cursor: pointer;
    }

        div.context-menu ul li span {
            vertical-align: middle;
        }

            div.context-menu ul li span img {
                vertical-align: middle;
            }

        div.context-menu ul li:hover {
            background-color: #e1f3fb;
        }

.cut-icon {
    background-image: url(C:\Bilder\Icons\cut.png);
}

ul.treeview {
    list-style: none;
    font: normal normal normal 8.5pt Verdana;
    font-weight: bold;
    padding: 0 0 0 0px;
}

    ul.treeview li {
        margin-top: 10px;
    }

        ul.treeview li h3.caption {
            font: normal normal bold 9pt Verdana;
            text-decoration: underline;
            margin: 0;
        }

        ul.treeview li table {
            margin-left: 20px;
            margin-top: 10px;
        }

        ul.treeview li span {
            float: left;
        }

        ul.treeview li p, span {
            cursor: pointer;
            margin: 0px;
        }

        ul.treeview li table {
            font: normal normal normal 8pt Verdana;
            font-weight: normal;
        }

        ul.treeview li.collapsed table {
            display: none;
        }

/* GPS-Ortung bei ST_Geräte */
#boxSelection {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60%;
    width: auto;
}

    #boxSelection .ui-selecting {
        background: #FECA40;
    }

    #boxSelection .ui-selected {
        background: #F39814;
        color: white;
    }

    #boxSelection li {
        margin: 3px;
        padding: 0.4em;
        font-size: 1.0em;
    }

        #boxSelection li span.box-id {
            margin-right: 3px;
            padding-right: 0.4em;
            font-size: 1.7em;
            float: left;
        }

td.num-field {
    text-align: right;
}

/* style für die Checkboxen in den Verknüpfungen der Stammdaten */
.checkbox {
    display: inline-block;
    width: 250px;
    margin: 3px 0px 3px 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

label.checkbox :checked + span, label.checkbox :checked + div {
    font-weight: bold;
}

.settings {
    margin: 0px 10px 0 10px;
    padding: 3px;
    border-right: solid 1px black;
    border-left: solid 1px black;
    border-bottom-style: dotted;
    border-bottom-width: 1px;
    border-bottom-color: black;
    background: white;
}

.arbeitszeitentable .region-body {
    margin-bottom: 0px;
    border-bottom-style: dotted;
}

.arbeitszeitentable .region-footer {
    background: white;
    border-left: solid 1px black;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    margin: 0 10px 10px 10px;
    padding: 3px;
    font: normal normal normal 8pt Verdana;
    color: black;
    cursor: default;
    text-align: right;
}

.arbeitszeitentable select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    width: 68px;
    text-align: center;
}

.arbeitszeitentable .column {
    width: 170px;
    display: inline-block;
    vertical-align: top;
    border-left: solid thin black;
    border-right: solid thin black;
    margin-bottom: 15px;
}

    .arbeitszeitentable .column > div:nth-child(even) {
        background: #CFDDEE;
    }

    .arbeitszeitentable .column .header {
        text-align: center;
        border-bottom: solid thin black;
        border-top: solid thin black;
        font-weight: bold;
        font-size: 11px;
    }

.arbeitszietentable .column button {
    background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
}

.arbeitszeitentable .column div:not(.header):not(.footer) {
    text-align: center;
}

.arbeitszeitentable .column img {
    float: right;
}

.arbeitszeitentable .column .footer {
    border-top: dotted thin black;
    border-bottom: solid thin black;
    background-color: white;
}

    .arbeitszeitentable .column .footer .count {
        margin-left: 10px;
    }

    .arbeitszeitentable .column .footer a {
        padding-right: 7px;
    }

.arbeitszeitentable select.error-u,
.arbeitszeitentable select.error-z {
    background-color: #FAA;
}

.arbeitszeitentable .region-header label.header-text {
    font: normal normal bold 8pt Verdana;
}

.arbeitszeitentable .region-header label.count {
    float: right;
    margin-right: 10px;
}

.arbeitszeitentable .region-header span.error,
.arbeitszeitentable .region-header span.error.valid {
    display: none;
    float: left;
}

    .arbeitszeitentable .region-header span.error.invalid {
        display: block;
        float: left;
        background-image: url('Editors/sprite.png');
        background-repeat: no-repeat;
        background-color: transparent;
        background-position: -126px -34px;
        width: 14px;
        height: 14px;
        margin: auto;
        margin-right: 10px;
    }

#MitarbeiterTabelle tbody tr:hover {
    background-color: #CFDFFF;
}

#MitarbeiterTabelle tbody tr {
    padding-top: 20px;
    padding-bottom: 20px;
}

#MitarbeiterListe {
    max-height: 756px;
    box-shadow: 0px 0px 4px 0px #000000;
    border-style: solid;
    border-color: rgb(37, 123, 216);
    display: none;
    position: fixed;
    background-color: white;
    top: 158px;
    right: 17px;
}

#MitarbeiterTabelle tbody {
    max-height: 693px;
    display: block;
    overflow-y: auto;
}

#MitarbeiterTabelle {
    border-spacing: 3px;
    margin: 3px;
    margin-right: 8px;
}

    #MitarbeiterTabelle thead td {
        font: normal normal normal 8pt Verdana;
        font-weight: bold;
        cursor: pointer;
        display: inline;
    }

    #MitarbeiterTabelle tbody td {
        margin-top: 3px;
        margin-bottom: 3px;
    }

        #MitarbeiterTabelle tbody td div {
            font: normal normal normal 8pt Verdana;
            cursor: pointer;
            display: inline;
        }

.MitarbeiterListeMitarbeiter {
    font: normal normal normal 8pt Verdana;
    cursor: pointer;
    display: inline;
}

.KostenstelleGeschlossen {
    background-color: #FF9933;
}

.KostenstelleNichtVorhanden {
    background-color: #FFCC33;
}

.KostenstelleOffen {
    background-color: #90ee90;
}

.DisabledRowPersonal {
    background: #dcdcdc;
}

.hide {
    display: none !important;
}

#detail-menu li:hover {
    background-color: #faf3d3;
}

.pointable {
    cursor: pointer;
}

#content.kontrolle caption {
    display: none;
}

div.itm {
    display: inline-block;
}

div.tabSelect div.tabContainer {
    background-repeat: repeat-x;
    background-image: url(../../images/Modern/bar30px.png);
    background-color: white;
    min-height: 25px;
    border-bottom: 1px solid black;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.tabSelect div.tabContent {
    background-color: white;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div.tabSelect div.removeTab {
    float: right;
    font-size: 20px;
    margin-top: -5px;
    margin-left: 5px;
}

div#kontakteDivBody div.tabContainer{
	overflow:auto; 
}

div.tabSelect div.tab { 
    font-family: Verdana;
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    background-image: url(/images/Modern/bar30px.png);
    background-repeat: repeat-x;
    cursor: pointer;
    vertical-align: Middle;
    padding-left: 7px;
    padding-right: 7px;
    border-right: 1px solid black;
    float: left;
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px;
    height: 21px;
    min-width: 100px;
}
.vertical-navigation div.tabSelect div.tab {
    font-family: "Source Sans Pro", sans-serif !important;
}

    div.tabSelect div.tab.active {
        text-decoration: underline;
        color: #4282CF;
        background-color: white;
        background-image: none;
    }

div.tabSelect div.addTab {
    float: right;
    height: 26px;
    border-left: 1px solid black;
    width: 29px;
    display: table-cell;
    text-align: center;
    font-size: 17pt;
    font-weight: bold;
    cursor: pointer;
    line-height: 20px;
}

div.tabSelectHeader, div.blueHeader {
    background: #187bda url(../../Images/Modern/bar20px.png) repeat-x scroll top left;
    border: solid 1px #000;
    margin: 10px 10px 0 10px;
    padding: 3px;
    font: normal normal bold 8pt Verdana;
    color: #fff;
    cursor: default;
}

/* Tabelle bei Mandanten */
table.mandant-grid {
    width: 100%;
    table-layout: fixed;
    border: solid 1px #00000;
    border-collapse: collapse;
    border-spacing: 0;
}

    table.mandant-grid > tbody > tr {
        background: #187bda url(../../Images/Modern/bar20px.png) repeat-x scroll top left;
    }

        table.mandant-grid > tbody > tr > td {
            padding: 4px;
            border: solid 1px #000;
            font: normal normal bold 8pt Verdana;
            cursor: default;
        }

        table.mandant-grid > tbody > tr:nth-child(odd) {
            background: #fff;
        }

        table.mandant-grid > tbody > tr:nth-child(even) {
            background: rgb(250,243,211);
        }

    table.mandant-grid > tbody {
        background: #fff;
        border: solid 1px #000;
    }

        table.mandant-grid > tbody > tr:hover {
            background-color: rgb(210,203,241);
        }

        table.mandant-grid > tbody > td {
            padding: 4px;
            font: normal normal normal 8pt Verdana;
            color: #000;
            cursor: default;
            border: solid 1px #C2D4DA;
        }

/* zusammenfassende Tabelle für Stammdaten */
.stammdaten_container {
    height: 100%;
    overflow: hidden;
}
/* Tab Styles */
.tabHeader {
    background: #5596d5 url(../../Images/Modern/bar20px.png) repeat-x scroll top left;
    border: solid 1px #000;
    padding: 3px;
    font: normal normal bold 8pt Verdana;
    color: #fff;
}

.tabHeaderActive {
    background: #5596d5 url(../../Images/Modern/bar20px_hover.png) repeat-x scroll top left;
    border: solid 1px #000;
    padding: 3px;
    font: normal normal bold 8pt Verdana;
    color: #fff;
}

.tabContent {
    padding: 20px 20px 0px 20px;
    width: 100%;
    background: #fff;
    padding: 3px;
    font: normal normal normal 8pt Verdana;
}

.PageControl {
    padding: 20px 20px 20px 20px;
}

#zeitenInfoContainer table td {
    padding-left: 5px;
    padding-right: 5px;
}

ul.entry {
    cursor: pointer;
}

    ul.entry.selected {
        background-color: lightblue;
    }

div.btnLoeschen {
    cursor: pointer;
    height: 24px;
    width: 24px;
    display: none;
}

    div.btnLoeschen:hover {
        background-color: #cbcbcb;
    }

span.btnLoeschen {
    min-width: 16px;
    min-height: 16px;
    display: inline-block;
    height: 16px;
    width: 16px;
    background-image: url(../../Images/Modern/Buttons/icons.png);
    background-position: -32px -32px;
    background-repeat: no-repeat;
    margin: 4px;
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.textBoxFilter {
    padding-right: 5px;
    padding-left: 24px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-right: black;
    border-color: grey;
    border-width: 1px;
    border-style: solid;
    border-bottom-style: none;
}

.popUplistBox {
}

    .popUplistBox tr tr:nth-child(even) {
        background-color: #caddf3;
    }

/* BrowserInfo Klassen */

.browserInfo {
    width: 50px;
    height: 50px;
    margin: 5px;
    min-height: 50px;
    max-width: 50px;
}

.ieBrowser {
    background: url(../../Images/Modern/Icons50x50/ie50px.png);
}

.chromeBrowser {
    background: url(../../Images/Modern/Icons50x50/chrome50px.png);
}

.firefoxBrowser {
    background: url(../../Images/Modern/Icons50x50/firefox50px.png);
}

div.UeberschneidungsOverview {
    overflow-y: auto;
    max-height: 400px;
    padding: 5px;
}

#suchfeldcontainer .suchfeld {
    position: absolute;
    top: 1px;
    right: 45px;
    background-image: url('../../Bilder/Programm/Icon16px/suchlupe.png');
    background-repeat: no-repeat;
    padding-left: 25px;
    background-size: 16px 16px;
    background-position: 3px center !important;
}

input#zeigeVerlauf {
    margin-left: 10px;
}

/* Div, welches alles aus der Ticketübersicht im Dashboard enthält */
.vertical-navigation #aster-content div #ticketDiv.active {
    height: 101px;
    border: 1px solid black;
    position: fixed;
    bottom: 25px;
    left: 220px;
    background-color: white;
}

#master-content div#ticketDiv.active {
    width: 100%;
    height: 101px;
    border: 1px solid black;
    position: fixed;
    bottom: 25px;
    background-color: white;
}

.vertical-navigation #ticketDiv {
    bottom: 0 !important;
}

/* Div, welches die Tickets enthält */
div.dashboardTicketDiv {
    overflow: hidden;
    white-space: nowrap;
    height: 100%;
    float: left;
}

/* Ein Eintrag in der Dashboard-Ticketübersicht */
div.dashboardTicket {
    width: 140px;
    height: 90px;
    margin: 5px;
    border: 1px solid #888;
    background-color: #CFDFFF;
    display: inline-block;
    color: black;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
    font-family: Arial, Helvetica, sans-serif;
}
.vertical-navigation div#ticketDiv {
    border: none !important;
    border-top: 1px solid rgb(238, 238, 238) !important;
}
.vertical-navigation div.dashboardTicket {
    background-color: rgb(238, 238, 238) !important;
    color: rgb(34, 34, 34) !important;
    font-family: "Source Sans Pro", sans-serif !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
}

    div.dashboardTicket .header {
        font-weight: bold;
        text-align: center;
        padding-top: 5px;
    }

    div.dashboardTicket .datum,
    div.dashboardTicket .erfasser {
        padding: 5px 5px 0 5px;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
    }

/* Pfeil nach links */
div.dashboardTicketLeft {
    float: left;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    background-image: url(../../images/Modern/icon_back.png);
}

/* Pfeil nach rechts */
div.dashboardTicketRight {
    float: right;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-image: url(../../images/Modern/icon_forward.png);
}
/* TicketNavigator (Die Pfeile nach links und Rechts) */
div.dashboardTicketNavigator.disabled {
    cursor: default;
}

div.dashboardTicketNavigator {
    background-color: #f7f7f7;
    border: 1px solid #999;
    height: 90px;
    width: 50px;
    margin: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

    div.dashboardTicketNavigator:not(.disabled):hover {
        background-color: #eee;
        border: 1px solid #888;
    }

    div.dashboardTicketNavigator:not(.disabled):active {
        background-color: #ddd;
    }

div.renameAddresscircle {
    background-image: url("../../Bilder/Programm/Icon16px/pen.png");
    background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-repeat: no-repeat;
}

.trashbin_restore {
    cursor: pointer;
    display: none;
}

.chosenDropDown{
    width:300px;
}

.vertical-navigation .dxmVerticalMenuItemSeparatorSpacing_PlasticBlue {
    display: none;
}

.vertical-navigation .dxmMenuVerticalSeparator_PlasticBlue {
    background-color: white;
    width: 100% !important;
    height: 1px;
}

.vertical-navigation #master-menu a,
.vertical-navigation #master-menu span,
.vertical-navigation #master-sitemap a,
.vertical-navigation #master-sitemap span {
    font-family: "Source Sans Pro", sans-serif !important;
    color: rgb(34, 34, 34);
}

.vertical-navigation .dxmVerticalMenuItem_PlasticBlue,
.vertical-navigation .dxmVerticalMenuItemWithImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuItemWithPopOutImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuItemWithImageWithPopOutImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuRtlItem_PlasticBlue,
.vertical-navigation .dxmVerticalMenuRtlItemWithImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuRtlItemWithPopOutImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuRtlItemWithImageWithPopOutImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuLargeItem_PlasticBlue,
.vertical-navigation .dxmVerticalMenuLargeItemWithImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuLargeItemWithPopOutImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuLargeItemWithImageWithPopOutImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuLargeRtlItem_PlasticBlue,
.vertical-navigation .dxmVerticalMenuLargeRtlItemWithImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuLargeRtlItemWithPopOutImage_PlasticBlue,
.vertical-navigation .dxmVerticalMenuLargeRtlItemWithImageWithPopOutImage_PlasticBlue {
    font: 14px "Source Sans Pro", sans-serif !important;
    color: black;
    background-color: transparent;
    white-space: nowrap;
    height: 40px;
    font-size: 14px;
    padding-left: 56px!important;
    position: relative;
}


.vertical-navigation .dxmVerticalMenuItemWithPopOutImage_PlasticBlue {
    border-left: 3px solid transparent;
}

.vertical-navigation #master-sitemap-center {
    padding: 4px 0;
 }

.vertical-navigation #master-sitemap-left {
    display: none;
}

.vertical-navigation #master-sitemap-right-old {
    display: none;
}

.vertical-navigation #master-sitemap-right {
    margin-right: 9px;
    padding: 12px 0;
}


#master-sitemap-left-vertical  {
    display: none;
}

.vertical-navigation #master-sitemap-left-vertical {
    display: table-cell;
}

#master-sitemap-right-new  {
    display: none;
}

.vertical-navigation #master-sitemap-right-new {
    display: block;
}

.Header_logoTitle_6e73V {
    margin-left: 7px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    vertical-align: top;
    color: white!important;
}

.vertical-navigation #help-icon {
    display: none;
}

.vertical-navigation .mainElementSelection {
    border: 1px solid rgb(229, 229, 229);
    border-radius: 4px;
    padding: 4px 10px;
    width: auto!important;
    max-width: 500px;
    margin-left: 2px;
}

.vertical-navigation .mainElementSelection .dxeButtonEdit_PlasticBlue,
.vertical-navigation .mainElementSelection .dxeEditArea_PlasticBlue {
    background-color: transparent;
    color: black;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
    line-height: 23px;
    height: 23px;
}

.mainElementSelection_DDD_DDTC_elementTree {
    width: auto!important;;
}

.vertical-navigation .dxWeb_mVerticalPopOut_PlasticBlue  {
    display: none;
}

.vertical-navigation #master-sitemap .dxeButtonEditButton_PlasticBlue,
.vertical-navigation #master-sitemap .dxeSpinLargeIncButton_PlasticBlue,
.vertical-navigation #master-sitemap .dxeSpinLargeDecButton_PlasticBlue {
    background: none;
}
.vertical-navigation #master-sitemap .dxeButtonEditButton_PlasticBlue,
.vertical-navigation #master-sitemap .dxeButtonEdit_PlasticBlue .dxeSBC {
    border-width: 0;
}

.vertical-navigation .notificationCountNumber {
    box-shadow: none;
    border: none;
    background: #d9534f;
    color: white !important;
    text-shadow: none;
}

.vertical-navigation .notificationCount {
    top: 15px;
    right: 0;
}

.new-style-mock-menu-icon {
    position: absolute;
    top: 12px;
    left: 24px;
    font-size: 18px;
}

.new-style-area-menu {
    display: none;
    border-left: 3px solid transparent;
}

.new-style-area-menu.expanded {
    display: block;
    background-color: #515253;
}

.new-style-area-menu.selected {
    border-left-color: #515253;
    background-color: #ffbf00;
}

.new-style-area-sub-menu {
    padding-left: 7px;
    background-color: rgb(255, 204, 0)!important;
}

.new-style-mock-sub-menu-icon {
    position: absolute;
    top: 12px;
    left: 37px;
    font-size: 18px;
}

.new-style-area-menu > tr > td {
    -webkit-animation: fadeInLeft 0.5s;
    animation: fadeInLeft 0.5s;
}


.new-style-mock-sub-menu-icon.icon-custom-keyboard_arrow_right:before {
    content: "\e315";
}

.sub-menu-expanded .new-style-mock-sub-menu-icon.icon-custom-keyboard_arrow_right:before {
    content: "\E313";
}




.new-style-area-menu .dxmVerticalMenuItem_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuItemWithImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuItemWithPopOutImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuItemWithImageWithPopOutImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuRtlItem_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuRtlItemWithImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuRtlItemWithPopOutImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuRtlItemWithImageWithPopOutImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuLargeItem_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuLargeItemWithImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuLargeItemWithPopOutImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuLargeItemWithImageWithPopOutImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuLargeRtlItem_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuLargeRtlItemWithImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuLargeRtlItemWithPopOutImage_PlasticBlue, 
.new-style-area-menu .dxmVerticalMenuLargeRtlItemWithImageWithPopOutImage_PlasticBlue {
    padding: 2px 19px 1px 8px;
}

.new-style-area-sub-menu .dxmVerticalMenuItem_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuItemWithImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuItemWithPopOutImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuItemWithImageWithPopOutImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuRtlItem_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuRtlItemWithImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuRtlItemWithPopOutImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuRtlItemWithImageWithPopOutImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuLargeItem_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuLargeItemWithImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuLargeItemWithPopOutImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuLargeItemWithImageWithPopOutImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuLargeRtlItem_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuLargeRtlItemWithImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuLargeRtlItemWithPopOutImage_PlasticBlue,
.new-style-area-sub-menu .dxmVerticalMenuLargeRtlItemWithImageWithPopOutImage_PlasticBlue {
    padding: 1px 19px 0px 8px;
}

.new-style-area-menu > tr,
.new-style-area-sub-menu > tr {
    display: block;
    width: 220px;
    background-color: rgb(255, 204, 0);
}

.new-style-area-menu .dxmVerticalMenuItem_PlasticBlue {
    padding-right: 21px!important;
}





.vertical-navigation .click-expandable {
    background-color: rgb(255, 204, 0);
    cursor: pointer;
    display: block;
    width: 220px;
    border-left: 3px solid transparent;
}

.vertical-navigation .click-expandable.selected {
    border-left-color: #515253;
    background-color: rgb(255, 204, 0);
}

.vertical-navigation .click-expandable.isLocked, .dxmVerticalMenuItem_PlasticBlue.isLocked {
    cursor: not-allowed!important;
}
.vertical-navigation .click-expandable.isLocked span, .dxmVerticalMenuItem_PlasticBlue.isLocked span, .vertical-navigation .click-expandable.isLocked a, .dxmVerticalMenuItem_PlasticBlue.isLocked a {
    opacity: 0.5;
}
.vertical-navigation .click-expandable.isLocked > td, .vertical-navigation .click-expandable.isLocked span, .dxmVerticalMenuItem_PlasticBlue.isLocked a {
    cursor: not-allowed!important;
}


.vertical-navigation .click-expandable > td {
    cursor: pointer!important;
}

.vertical-navigation .click-expandable > td > span {
    cursor: pointer!important;
}

.vertical-navigation .dxmVerticalMenuItemSelected_PlasticBlue,
.vertical-navigation .new-style-area-menu > tr:hover,
.vertical-navigation .click-expandable:hover,
.vertical-navigation .click-expandable.selected {
    width: 220px!important;
    background-color: #ffbf00;
}
.vertical-navigation .click-expandable.selected {
    border-left: 3px solid #515253;
}



.vertical-navigation ::-webkit-scrollbar {
    height: 16px;
    overflow: visible;
    width: 8px;
}

.vertical-navigation ::-webkit-scrollbar-button {
    height: 0;
    width: 0;
}

.vertical-navigation ::-webkit-scrollbar-corner {
    background: transparent;
}

.vertical-navigation ::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,.4);
    -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
    box-shadow: inset 1px 1px 1px rgba(0,0,0,.25);
}

.vertical-navigation ::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,.2);
    background-clip: padding-box;
    border: solid transparent;
    border-width: 1px 1px 1px 1px;
    min-height: 28px;
    padding: 100px 0 0;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
    box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), inset 0 -1px 0 rgba(0,0,0,.07);
}

.a-nEbBXb .a-t-j .a-s-oe:focus.vertical-navigation ::-webkit-scrollbar-track, .a-nEbBXb .a-t-j .a-s-oe:hover.vertical-navigation ::-webkit-scrollbar-track {
    background-color: white;
}

.a-s-oe:hover.vertical-navigation ::-webkit-scrollbar-track {
    background-color: rgba(0,0,0,.05);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
}

.vertical-navigation ::-webkit-scrollbar-track:hover {
    background-color: rgba(0,0,0,.05);
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
    box-shadow: inset 1px 0 0 rgba(0,0,0,.1);
}

.vertical-navigation ::-webkit-scrollbar-track {
    background-clip: padding-box;
    border: solid transparent;
    border-width: 0 0 0 4px;
}



@-webkit-keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        -webkit-transform: translate3d(-20px, 0, 0);
        -ms-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    100% {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}


.navbar-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin-right: -15px;
    margin: 0;
    padding-left: 0;
    list-style: none;
    box-sizing: border-box;
}

.navbar-right > li {
    position: relative;
    float: left;
    display: block;
    box-sizing: border-box;
}

.Header_iconHeader_3XRCl {
    font-size: 20px;
    color: white;
}

.navbar-right > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    color: #fff;
    line-height: 21px;
    position: relative;
    display: block;
    padding: 15px 15px 20px;
    cursor: pointer;
    outline: none !important;
    text-decoration: none;
    background-color: transparent;
    box-sizing: border-box;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;

    border-radius: 3px;
    filter: none !important;

    margin-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.open > .dropdown-menu {
    display: block;
    position: absolute;
    background-color: white;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    left: auto;
    right: 0;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.52857;
    color: #5f5f5f;
    white-space: nowrap;
    text-decoration: none;
    font-size: 14px;
}


.dropdown-menu > li > a:hover {
    font-size: 14px;
    background-color: #fafbfc;
    color: #222;
}

.avatar-mock {
    position: relative;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-color: #09a7fd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    line-height: 32px;
    text-align: center;
    font-weight: normal;
    letter-spacing: 2px;
    padding-left: 2px;
}
.vertical-navigation .avatar-mock {
    color: rgb(81, 82, 83) !important;
    font-family: "Source Sans Pro", sans-serif !important;
    background-color: rgb(255, 204, 0) !important;
    font-weight: 600 !important;
}

.avatarUserInfo-mock {
    position: relative;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    background-color: #09a7fd;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    color: white;
    font-size: 32.8125px;
    line-height: 70px;
    text-align: center;
    font-weight: normal;
    font-family: "Roboto", sans-serif;
    letter-spacing: 2px;
    padding-left: 2px;
}
.vertical-navigation .avatarUserInfo-mock {
    background-color: rgb(255, 204, 0) !important;
    color: rgb(81, 82, 83) !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 600 !important;
}

.avatarUserInfoContainer-mock {
    padding-top: 4.5px;
    padding-left: 9.5px;
    margin-right: 30px;
    margin-bottom: 5px;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}

.avatarUserInfoData-mock {
    font-size: 14px;
    text-align: left;
    margin-left: 10px;
    font-weight: bold;
    font-family: "Roboto", sans-serif;
    white-space: nowrap;
}
.vertical-navigation .avatarUserInfoData-mock {
    font-family: "Source Sans Pro", sans-serif !important;
}

.avatarUserInfoLogin-mock {
    font-weight: normal;
    font-family: "Roboto", sans-serif;
    margin-top: 3px;
}
.vertical-navigation .avatarUserInfoLogin-mock {
    font-family: "Source Sans Pro", sans-serif !important;
}

#partnerlogo {
    height: 50px;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
    padding: 5px 25px;
    line-height: 35px;
    box-sizing: border-box;
}
#partnerlogo img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
}

.newStyleTitle {
    display: none;
}

/* whole site basically */
.vertical-navigation #master-content {
    background-color: white !important;
    font-family: "Source Sans Pro", sans-serif !important;
    bottom: 0 !important;
}
.vertical-navigation #FiltersBody,
.vertical-navigation .BereichGrid {
    margin: 0 !important;
}

/* Table DevExpress */
.vertical-navigation .dxgvControl_PlasticBlue {
    background-color: white !important;
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    border-top: 1px solid #e0e0e0 !important;
}
.vertical-navigation .dxgvControl_PlasticBlue td:first-child > div:nth-child(2) {
    height: auto !important;
}
.vertical-navigation .dxgvHeader_PlasticBlue {
    background: none white !important;
    border: none !important;
    vertical-align: middle !important;
}
.vertical-navigation .dxgvHeader_PlasticBlue td {
    color: rgb(34, 34, 34) !important;
    font-weight: 600;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 13.5px !important;
}

/* Table Header Allgemein */
.vertical-navigation .dxgvControl_PlasticBlue .dxgvHSDC .dxgvHeader_PlasticBlue {
    height: 34px !important;
    background: white !important;
    vertical-align: middle !important;
    border: none !important;
}
.vertical-navigation .dxgvFilterRow_PlasticBlue td.dxgv {
    border-bottom: 1px solid rgb(238, 238, 238) !important;
}
.vertical-navigation .dxgvControl_PlasticBlue .dxgvHSDC .dxgvHeader_PlasticBlue:hover {
    background-color: rgb(249, 249, 249) !important;
}
/* Table Header Text */
.vertical-navigation .dxgvControl_PlasticBlue .dxgvHSDC .dxgvHeader_PlasticBlue:not(:first-child) td {
    color: rgb(34, 34, 34) !important;
    font-size: 13.5px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-weight: 600 !important;
    text-align: left !important;
}
.vertical-navigation .dxgvControl_PlasticBlue .dxgvHSDC .dxgvHeader_PlasticBlue table tr td:nth-child(2) .dxGridView_gvHeaderSortDown_PlasticBlue {
    content: url("../../images/Modern/arrow_down.png") !important;
    background-repeat: no-repeat !important;
}
.vertical-navigation .dxgvControl_PlasticBlue .dxgvHSDC .dxgvHeader_PlasticBlue table tr td:nth-child(2) .dxGridView_gvHeaderSortUp_PlasticBlue {
    content: url("../../images/Modern/arrow_down.png") !important;
    background-repeat: no-repeat !important;
    
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}

/* leere Zeile Devexpress */
.vertical-navigation .dxgvControl_PlasticBlue .dxgvEmptyDataRow_PlasticBlue {
    background-color: white !important;
    height: 82px !important;
}
.vertical-navigation .dxgvControl_PlasticBlue .dxgvEmptyDataRow_PlasticBlue td {
    border-bottom: 1px solid rgb(238, 238, 238) !important;
    color: rgb(85, 85, 85) !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-style: italic !important;
    font-size: 14px !important;
}
.vertical-navigation .dxgvControl_PlasticBlue .dxgvEmptyDataRow_PlasticBlue td:before {
    content: "Keine Ergebnisse";
}
.vertical-navigation.en .dxgvControl_PlasticBlue .dxgvEmptyDataRow_PlasticBlue td:before {
    content: "No Data";
}
.vertical-navigation.nl .dxgvControl_PlasticBlue .dxgvEmptyDataRow_PlasticBlue td:before {
    content: "Geen resultaten";
}


/* Checkbox DevExpress */
.vertical-navigation .dxICheckBox_PlasticBlue,
.vertical-navigation .dxICheckBox {
    background: none !important;
    border-radius: 2px !important;
    border: 1px solid rgb(204, 204, 204) !important;
    height: 18px;
    width: 18px;
}
.vertical-navigation .dxICheckBox_PlasticBlue:hover,
.vertical-navigation .dxICheckBox:hover {
    border: 1px solid rgb(255, 204, 0) !important;
}
.vertical-navigation .dxICheckBox_PlasticBlue.dxWeb_edtCheckBoxChecked_PlasticBlue,
.vertical-navigation .dxICheckBox.dxWeb_edtCheckBoxChecked {
    background: rgb(255, 204, 0) url("../../Bilder/Programm/NewStyleYellowArrow.png") no-repeat center !important;
    border: 1px solid rgb(2550, 209, 53) !important;
}
/* Searchbar */
.vertical-navigation .dxgvFilterRow_PlasticBlue {
    background-color: #f9f9f9!important;
    height: 45px !important;
}
.vertical-navigation .dxgvFilterRow_PlasticBlue > td {
    border-top: 1px solid #e0e0e0 !important;
}
/* Searchbar Table um inputs */
.vertical-navigation .dxgvFilterRow_PlasticBlue table {
    border-radius: 4px !important;
    border-color: #e0e0e0 !important;
}
/* Searchbar inputs */
.vertical-navigation .dxgvFilterRow_PlasticBlue table input {
    color: rgb(51, 51, 51) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 25px !important;
    font-family: "Source Sans Pro", sans-serif !important;
}
.vertical-navigation .dxgvFilterRow_PlasticBlue table input:focus {
    background: none !important;
}

/* FilterRow */
.vertical-navigation #FiltersBody {
    height: 75px !important;
}
.vertical-navigation #FiltersBody > table {
    float: right;
}
.vertical-navigation .newStyleTitle {
    display: block;
    float: left;
    line-height: 75px;
    padding-left: 20px;
    color: rgb(51, 51, 51);
    vertical-align: middle;
    font-size: 20px;
    font-weight: 400;
    font-family: "Source Sans Pro", sans-serif;
}
/* Sonderfall auf MWC-Seite */
.vertical-navigation #settingsTable .newStyleTitle {
    line-height: 68px;
}
.vertical-navigation #FiltersBody .placeholder {
    width: auto !important;
}

/* tr */
.vertical-navigation .dxgvDataRow_PlasticBlue,
.vertical-navigation .dxgvSelectedRow_PlasticBlue {
    height: 37px !important;
    background-color: white !important;
    color: rgb(85, 85, 85);
}
.vertical-navigation .dxgvDataRow_PlasticBlue:hover,
.vertical-navigation .dxgvSelectedRow_PlasticBlue:hover {
    background: rgb(250, 250, 250) none !important;
}
.vertical-navigation .dxgvDataRow_PlasticBlue td,
.vertical-navigation .dxgvSelectedRow_PlasticBlue td {
    vertical-align: middle !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 13.5px !important;
    border-left: none !important;
    border-right: none !important;
}
.vertical-navigation .dxgvDataRow_PlasticBlue td:not(:first-child),
.vertical-navigation .dxgvSelectedRow_PlasticBlue td:not(:first-child) {
    text-align: left !important;
}
/* tr edit */
.vertical-navigation .dxgvInlineEditRow_PlasticBlue {
    height: 37px !important;
    background-color: white !important;
}
.vertical-navigation .dxgvInlineEditRow_PlasticBlue td {
    vertical-align: middle !important;
}

/* Footer */
.vertical-navigation .dxgvFooter_PlasticBlue {
    background-color: rgb(250, 250, 250) !important;
    height: 35px !important;
}

.vertical-navigation #master-content .dxeButtonEditButton_PlasticBlue {
    background: rgb(238, 238, 238) none !important;
    border-left-color: rgb(238, 238, 238) !important;
}
.vertical-navigation .dxeListBoxItemSelected_PlasticBlue,
.vertical-navigation .dxeListBoxItemHover_PlasticBlue{
    background-color: rgb(247, 247, 247) !important;
}
.vertical-navigation .dxeEditArea_PlasticBlue {
    background-color: white !important;
}

.vertical-navigation #master-content {
    border-left: none !important;
}

/* buttons */
.vertical-navigation input[type="button"],
.vertical-navigation input[type="submit"] {
    border-radius: 4px !important;
    background-color: rgb(238, 238, 238) !important;
    border-color: rgb(248, 248, 248) !important;
    color: rgb(34, 34, 34) !important;
    outline: none !important;
}
.vertical-navigation input[type="button"].buttonThingButton {
    background-color: #f3f3f3 !important;
    background-image: -webkit-linear-gradient(top,#fefefe,#f3f3f3) !important;
    background-image: -moz-linear-gradient(top,#fefefe,#f3f3f3) !important;
    border: 1px solid #ccc !important;
    
}
.vertical-navigation input[type="button"].button-new,
.vertical-navigation input[type="button"].button-save {
     background-color: rgb(255, 204, 0) !important;
     border-color: rgb(255, 199, 7) !important;
 }

.vertical-navigation input[type="button"]:hover,
.vertical-navigation input[type="submit"]:hover {
    border-color: rgba(238, 238, 238) !important;
}
.vertical-navigation input[type="button"]:active,
.vertical-navigation input[type="submit"]:active {
    border-color: rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;
}

.vertical-navigation .dxp-lead.dxp-num.dxp-current {
    background-color: rgb(250, 250, 250) !important;
    color: rgb(51, 51, 51) !important;
}

#timesTrialHeader input[type="button"] {
    font-weight: 500!important;
}

.vertical-navigation .button-abort,
.vertical-navigation .button-clear,
.vertical-navigation .button-copy, 
.vertical-navigation .button-delete,
.vertical-navigation .button-export,
.vertical-navigation .button-filter, 
.vertical-navigation .button-import,
.vertical-navigation .button-new,
.vertical-navigation .button-ok, 
.vertical-navigation .button-report,
.vertical-navigation .button-qr,
.vertical-navigation .button-save, 
.vertical-navigation .button-standard,
.vertical-navigation .button-unlock, 
.vertical-navigation .button-accept,
.vertical-navigation .button-decline {
    background-image: none !important;
    padding: 6px 24px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    line-height: 21.4px !important;
    font-weight: 600 !important;
    min-width: 0 !important;
    height: 35px !important;
    width: auto !important;
}

.vertical-navigation .button-abort[disabled],
.vertical-navigation .button-clear[disabled],
.vertical-navigation .button-copy[disabled],
.vertical-navigation .button-delete[disabled],
.vertical-navigation .button-export[disabled],
.vertical-navigation .button-filter[disabled],
.vertical-navigation .button-import[disabled],
.vertical-navigation .button-new[disabled],
.vertical-navigation .button-ok[disabled],
.vertical-navigation .button-report[disabled],
.vertical-navigation .button-qr[disabled],
.vertical-navigation .button-save[disabled],
.vertical-navigation .button-standard[disabled],
.vertical-navigation .button-unlock[disabled],
.vertical-navigation .button-accept[disabled],
.vertical-navigation .button-decline[disabled] {
    display: none !important;
}

/* jDrake loading */
.vertical-navigation #loadingWindow .popup-header {
    background: none rgb(255, 204, 0) !important;
}

/* Bereiche und andere Selfmade-Tables */
.vertical-navigation .blueHeader,
.vertical-navigation .region-header,
.vertical-navigation table.grid thead td {
    background: none rgb(255, 204, 0) !important;
    color: rgb(51, 51, 51) !important;
}

/* Fehler-Popup */
.vertical-navigation .popup-header {
    background: none rgb(255, 204, 0) !important;
}
.vertical-navigation .popup-close {
    background: none !important;
    text-align: center !important;
    font-size: 11px !important;
    font-family: "Arial", serif !important;
    line-height: 11px !important;
    cursor: pointer !important;
    font-weight: bold !important;
}
.vertical-navigation .popup-close:before {
    content: "x";
}

/* Buttons im Dialog */
.vertical-navigation .ui-dialog-buttonpane button.ui-button {
    border-radius: 4px !important;
    background-color: rgb(238, 238, 238) !important;
    border-color: rgb(248, 248, 248) !important;
    color: rgb(34, 34, 34) !important;
    outline: none !important;
}
.vertical-navigation .ui-dialog-buttonpane button.ui-button:hover {
    border-color: rgba(248, 248, 248) !important;
}
.vertical-navigation .ui-dialog-buttonpane button.ui-button:active {
    border-color: rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;
}


/* Firmeneinstellungen Reiter und anderes */
.vertical-navigation .tabHeader {
    background: none rgb(255, 204, 0) !important;
    color: rgb(51, 51, 51) !important;
}
.vertical-navigation .tabHeaderActive {
    background: none rgb(255, 197, 2) !important;
    color: rgb(51, 51, 51) !important;
}
.vertical-navigation .dxeTextBox_PlasticBlue {
    border-color: rgb(51, 51, 51) !important;
}

/* Rollenverwaltung */
.vertical-navigation .blueTitle,
.vertical-navigation .blueSelect,
.vertical-navigation .contentTitle {
    background: none rgb(238, 238, 238) !important;
    color: rgb(51, 51, 51) !important;
}
.vertical-navigation .blueSelect.active {
    background: none white !important;
}
.vertical-navigation .menuListe.blue {
    background-color: rgb(238, 238, 238) !important;
}
.vertical-navigation .region-options {
    padding: 0 !important;
    margin: 0 !important;
}
.vertical-navigation .roleButton {
    margin-top: 3px !important;
}
.vertical-navigation #btnNew {
    margin-right: 3px !important;
}

/* MWC-Jobs */
.vertical-navigation #mainDiv {
    padding: 0 !important;
}
.vertical-navigation #settingsTable {
    margin-left: 0 !important;
}
/* FileSelect */
.vertical-navigation .labelWrapper,
.vertical-navigation .labelWrapper:hover {
    background-color: rgb(238, 238, 238) !important;
    color: rgb(51, 51, 51) !important;
}
.vertical-navigation .labelWrapper:active {
    background-color: rgb(248, 248, 248) !important;
}
/* Tabelle */
.vertical-navigation .kontrolleHeadRow {
    height: 43px !important;
    background: none white !important;
    color: rgb(34, 34, 34) !important;
    border-top: 1px solid rgb(238, 238, 238) !important;
    border-bottom: 1px solid rgb(238, 238, 238) !important;
}
.vertical-navigation .kontrolleHeadRow th {
    border: none !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
}
.vertical-navigation .kontrolleTR {
    height: 37px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 13.5px !important;
    color: rgb(85, 85, 85) !important;
}
.vertical-navigation .kontrolleTR td {
    border-left-style: none !important;
    border-right-style: none !important;
    border-bottom: 1px solid rgb(238, 238, 238) !important;
}
.vertical-navigation .kontrolleTR td span,
.vertical-navigation .kontrolleTR td a {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
}
.vertical-navigation .kontrolleTR:hover {
    background: none rgb(250, 251, 252) !important;
}


/* Ortung */
/* Datepicker */
.vertical-navigation .ui-datepicker-calendar .ui-state-active {
    background-color: rgb(255, 204, 0) !important;
}
.vertical-navigation .ui-datepicker-calendar .ui-state-hover:not(.ui-state-active) {
    color: rgb(255, 204, 0) !important;
}
/* Table */
.vertical-navigation #gvDatenHeadContainer,
.vertical-navigation #gvDatenHead,
.vertical-navigation #gvDatenFootContainer {
    margin-right: 9px !important;
}
.vertical-navigation #gvDatenHead tr:not(.filter-row) {
    height: 43px !important;
}
.vertical-navigation #gvDatenHead tr:not(.filter-row) .ui-widget-header {
    padding: 0 !important;
    padding-left: 4px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    color: rgb(34, 34, 34) !important;
    background: none white !important;
    cursor: pointer !important;
}
.vertical-navigation #gvDatenHead tr:not(.filter-row) .ui-widget-header:hover {
    background-color: rgb(249, 249, 249) !important;
}
.vertical-navigation #gvDatenHead td {
    border: none !important;
    border-top: 1px solid rgb(238, 238, 238) !important;
    padding-left: 5px;
}
.vertical-navigation #gvDatenHead .filter-row {
    height: 44px !important;
    background-color: rgb(249, 249, 249) !important;
}
.vertical-navigation #gvDatenHead .filter-row td {
    padding: 0 5px !important;
}
.vertical-navigation #gvDatenHead .filter-row input {
    border-radius: 4px !important;
    border-color: #e0e0e0 !important;
    color: rgb(51, 51, 51) !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    height: 25px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    text-align: left !important;
}
.vertical-navigation #gvDatenHead .filter-row select {
    height: 31px !important;
    border-radius: 4px !important;
    border-color: #e0e0e0 !important;
    color: rgb(51, 51, 51) !important;
}
.vertical-navigation #gvDatenHead .filter-row input:focus,
.vertical-navigation #gvDatenHead .filter-row select:focus {
    background-color: white !important;
    outline-color: rgb(255, 204, 0) !important;
}
/* Sortier-Pfeile */
.vertical-navigation #gvDatenHead .ui-widget-header span.ui-icon-triangle-1-s {
    float: none !important;
    display: inline-block !important;
    background: url("../../images/Modern/arrow_down.png") no-repeat 8px 7px !important;
    background-size: 7px !important;
}
.vertical-navigation #gvDatenHead .ui-widget-header span.ui-icon-triangle-1-n {
    float: none !important;
    display: inline-block !important;
    background: url("../../images/Modern/arrow_down.png") no-repeat 0 0 !important;
    background-size: 7px !important;
    -webkit-transform: rotate(180deg) !important;
    -moz-transform: rotate(180deg) !important;
    -ms-transform: rotate(180deg) !important;
    -o-transform: rotate(180deg) !important;
    transform: rotate(180deg) !important;
}
/* Table body */
.vertical-navigation #gvDatenContainer #gvDaten tbody {
    border: none !important;
}
/* normale row */
.vertical-navigation #gvDatenContainer #gvDaten tr {
    height: 36px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 13.5px !important;
    color: rgb(85, 85, 85) !important;
}
.vertical-navigation #gvDatenContainer #gvDaten tr td {
    border-color: rgb(238, 238, 238) !important;
    border-left-style: none !important;
    border-right-style: none !important;
    text-align: left !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 13.5px !important;
}
.vertical-navigation #gvDatenContainer #gvDaten tr:hover {
    background-color: rgb(250, 251, 252) !important;
}
/* Table-Footer */
.vertical-navigation #gvDatenFootContainer tr td {
    height: 35px !important;
    background: none rgb(250, 250, 250) !important;
    color: rgb(34, 34, 34) !important;
    border: none !important;
    border-top: 1px solid rgb(238, 238, 238) !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.vertical-navigation #partnerlogo {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 220px !important;
    z-index: 5 !important;
    
    display: table !important;
    text-align: center !important;
}
.vertical-navigation #partnerlogo .partnerLogoRow {
    display: table-cell !important;
    vertical-align: middle !important;
}
.vertical-navigation #master-menu {
    border-bottom: none !important;
}

.vertical-navigation #partnerlogo {
    height: 50px;
    border-right: 1px solid #e0e0e0;
    vertical-align: middle;
    padding: 5px 25px;
    line-height: 35px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vertical-navigation #partnerlogo img {
    display: inline-block;
    max-width: 170px;
    max-height: 25px;
}


/* Login-Seite */
.isLogin #master-header,
.isLogin #master-sitemap,
.isLogin #master-menu,
.isLogin #help-icon,
.isLogin #LoginHead
{
    display: none;
}
.isLogin #master-content {
    top: 0;
    margin-top: 85px;
    bottom: 0;
}
.isLogin #LoginBody {
    width: 500px;
    position: absolute;
    left: 50%;
    margin-left: -250px;
    border-radius: 5px;
    border-color: #e0e0e0;
    padding: 50px 0;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    color: rgb(51, 51, 51);
}

.isLogin #ctl00_Kontext_ucLoginView_ucLogin_UserName,
.isLogin #ctl00_Kontext_ucLoginView_ucLogin_Password,
.isLogin #ctl00_Kontext_ucLoginView_UserName {
    height: 25px;
    border-radius: 4px;
    border-color: #e0e0e0;
    color: rgb(51, 51, 51);
    font-size: 14px;
    font-weight: 400;
    background-color: white;
    width: 250px;
    padding-left: 10px;
}
.isLogin #ctl00_Kontext_ucLoginView_ucLogin_Password,
.isLogin #ctl00_Kontext_ucLoginView_UserName {
    margin-top: 10px;
}
.isLogin .passwordTD {
    padding-top: 10px;
}
.isLogin #ctl00_Kontext_ucLoginView_ucLogin_UserName:focus,
.isLogin #ctl00_Kontext_ucLoginView_ucLogin_Password:focus,
.isLogin #ctl00_Kontext_ucLoginView_UserName:focus {
    outline-color: rgb(255, 204, 0);
}
.isLogin #ctl00_Kontext_ucLoginView_UserName {
    margin-bottom: 5px;
}

.isLogin .loginTable {
    margin-top: 40px;
}

.isLogin #ssoContinueButton,
.isLogin input[type="submit"] {
    width: 265px !important;
    border-radius: 4px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    height: 35px !important;
    background-color: rgb(255, 204, 0) !important;
    border-color: rgb(255, 199, 7) !important;
    color: rgb(34, 34, 34) !important;
    outline: none !important;

    -webkit-appearance: none !important;
}
.isLogin input[type="submit"]:hover {
    border-color: rgba(255, 199, 7, 0.216) !important;
}
.isLogin input[type="submit"]:active {
    border-color: rgba(0, 0, 0, 0) !important;
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125) !important;
}
.isLogin .logoLogin {
    height: 70px;
}
body.en .logoLogin.de {
    display: none!important;
}
body:not(.en) .logoLogin.en {
    display: none!important;
}
.hidden {
    display: none!important;
}
.isLogin .tdRememberMe {
    padding-top: 10px;
    padding-bottom: 10px;
}
.isLogin .lostPassword,
.isLogin .backToLogin {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: rgb(51, 51, 51);
}
.isLogin .backToLogin {
    text-decoration: underline;
}
/* Checkbox Login */
.isLogin .checkbox {
    min-height: 21px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}
.isLogin .checkbox input {
    opacity: 0;
    position: absolute;
    margin-left: 0;
}
.isLogin .checkbox em {
    border: 1px solid rgb(204, 204, 204);
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin-left: -20px;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    margin-right: 5px;
    text-align: center;
}
.isLogin .checkbox em.checked {
    background: rgb(255, 204, 0) url("../../Bilder/Programm/NewStyleYellowArrow.png") no-repeat center;
    border: 1px solid rgb(255, 204, 0);
}
.isLogin .checkbox em:hover {
    border-color: rgb(255, 204, 0);
}
.isLogin .checkbox em:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center!important;
    line-height: 18px;
    vertical-align: middle;
    color: #fff;
    opacity: 1;
    transition: color .3s ease-out;
    font-size: 17px;
    left: -1px;
}
.isLogin .rememberMeText {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
    position: absolute;
    margin-top: -20px;
    margin-left: 10px;
}

.isLogin .error {
    background-color: rgb(251, 207, 189);
    min-height: 40px;
    border-radius: 4px;
    width: 264px;
    margin-bottom: 10px;
    vertical-align: middle;
    display: none;
    height: 40px;
    padding: 10px;
}
.isLogin .error.hasError {
    display: table-cell;
}
.isLogin .error .lostPassword {
    text-decoration: underline;
}
.isLogin .tdError {
    padding-left: 0;
    padding-right: 5px;
    padding-bottom: 10px;
}
.isLogin .error td.tdIcon {
    width: 50px;
}
.isLogin .error td.tdIcon svg {
    height: 30px;
    opacity: 0.7;
}

/* iOS-Safari */
input[type="text"],
input[type="button"],
input[type="submit"],
select {
    -webkit-appearance: none !important;
}

/* Icons */
.vertical-navigation .iconHolder {
    margin-left: -32px;
    position: absolute;
    top: 10px;
}

/* div. Seiten */
.vertical-navigation #ViewMode {
    margin: 0 !important;
}
.vertical-navigation .dxsplPane_PlasticBlue {
    background-color: white !important;
}
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_1i0_CC {
    height: 74px !important;
}
.vertical-navigation #ViewModeToolbar,
.vertical-navigation #EditModeToolbar {
    display: flex;
}
.vertical-navigation #ViewModeToolbar .newStyleTitle,
.vertical-navigation #EditModeToolbar .newStyleTitle {
    flex: 1;
}
.vertical-navigation #ViewModeToolbar input[type="button"],
.vertical-navigation #EditModeToolbar input[type="button"],
.vertical-navigation #EditModeToolbar input[type="submit"] {
    margin-top: 23px !important;
    margin-right: 3px !important;
}
.vertical-navigation .dropdown-menu a {
    outline: none !important;
}
.vertical-navigation #EditMode input:focus,
.vertical-navigation #EditMode select:focus {
    outline-color: rgb(255, 204, 0) !important;
}

.vertical-navigation #headerSpan {
    color: rgb(34, 34, 34) !important;
}

/* Info-Seite */
.vertical-navigation .big-title,
.big-title-new {
    display: none !important;
}
.vertical-navigation .big-title-new {
    display: block !important;
}
.vertical-navigation .big-title-new img {
    height: 150px;
}

/* Benachrichtigungen */
.vertical-navigation .notifications.header {
    height: 75px !important;
    background-color: white !important;
    padding-top: 0 !important;
    padding-right: 0 !important;
}
.vertical-navigation .notifications.header .filter {
    margin: 0 !important;
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    display: flex !important;
    line-height: 24px !important;
}
.vertical-navigation .notifications.header .filter .newStyleTitle {
    flex: 1 !important;
}
.vertical-navigation #master-content .dxgvControl_PlasticBlue > tbody > tr > td {
    padding: 0 !important;
}
.vertical-navigation .notifications .setDone {
    margin-top: 3px !important;
    margin-right: 3px !important;
    margin-left: 10px !important;
}
.vertical-navigation .notifications.footer {
    padding-right: 0 !important;
    padding-bottom: 3px !important;
}
.vertical-navigation input:focus ,
.vertical-navigation select:focus {
    outline-color: rgb(255, 204, 0) !important;
}

/* Buttons auf den Seiten Mittig im Header */
.vertical-navigation .tdTimeSpan {
    line-height: 68px !important;
}
.vertical-navigation .header.notifications .filter,
.vertical-navigation #ViewMode.roles #Div1 {
    line-height: 75px !important;
}
.vertical-navigation .header.notifications #ctl00_Kontext_chkWithDone,
.vertical-navigation .header.notifications .setDone {
    margin-top: 23px !important;
}
.vertical-navigation #EditMode.roles #Region01Body input {
    margin-top: 17px !important;
}
.vertical-navigation .header.notifications #ctl00_Kontext_btnFinishAll {
    margin: 17px !important;
}
/* Datepicker */
.vertical-navigation .dxeButtonEdit_PlasticBlue.dxeButtonEditSysWithSpacing {
    height: 35px !important;
    border-radius: 3px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    border-color: rgb(234, 234, 234) !important;
}
.vertical-navigation .dxeButtonEdit_PlasticBlue.dxeButtonEditSysWithSpacing .dxeEditArea_PlasticBlue {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
}

.vertical-navigation #ctl00_ctl00_Kontext_Kontext_gvDaten_DXHeaderTable .dxeButtonEdit_PlasticBlue.dxeButtonEditSysWithSpacing {
    height: 30px !important;
    border-color: rgb(224, 224, 224) !important;
}

/* Kostentypen */
.vertical-navigation #ViewMode.costTypes #Region02Body,
.vertical-navigation #EditMode.costTypes #Region01Body {
    display: flex !important;
}
.vertical-navigation #ViewMode.costTypes #Region02Body .newStyleTitle,
.vertical-navigation #EditMode.costTypes #Region01Body .newStyleTitle {
    flex: 1 !important;
}
.vertical-navigation #ViewMode.costTypes #Region02Body input,
.vertical-navigation #EditMode.costTypes #Region01Body input {
    margin-top: 23px !important;
    margin-right: 4px !important;
}
.vertical-navigation #EditMode.costTypes #Region01Body table.headerTable {
    width: auto !important;
}
.vertical-navigation #EditMode.costTypes #Region01Body .placeTd {
    display: none !important;
}

/*::selection {
    background: rgb(255, 204, 0) !important;
}*/

/* border von Tables, Inputs, etc */
.vertical-navigation table.overview tbody,
.vertical-navigation table.overview thead,
.vertical-navigation .region-header,
.vertical-navigation .region-body,
.vertical-navigation tr.ansprechpartner div,
.vertical-navigation table.grid thead td,
.vertical-navigation input[type="text"],
.vertical-navigation select {
    border-color: #ccc !important;
}
.vertical-navigation input:not([type="button"]):not([type="submit"]):focus {
    background-color: white !important;
}

.vertical-navigation #statusHeader td:not(:first-child) {
    display: none !important;
}

/* Element-Select */
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1,
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 {
    margin-top: 3px !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 > .dxpc-shadow,
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 > .dxpc-shadow,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 > .dxpc-shadow {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxeDropDownWindow_PlasticBlue,
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 .dxeDropDownWindow_PlasticBlue,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxeDropDownWindow_PlasticBlue {
    border-color: rgb(221, 221, 221) !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxeDropDownWindow_PlasticBlue .dxtv-elb,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxeDropDownWindow_PlasticBlue .dxtv-elb,
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxeDropDownWindow_PlasticBlue .dxtv-ln,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxeDropDownWindow_PlasticBlue .dxtv-ln {
    background-image: none !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="Bilder/Programm/Icon16px/settings.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="Bilder/Programm/Icon16px/settings.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="Bilder/Programm/Icon16px/settings.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="../Bilder/Programm/Icon16px/settings.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../Bilder/Programm/Icon16px/settings.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="../Bilder/Programm/Icon16px/settings.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="../../Bilder/Programm/Icon16px/settings.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../../Bilder/Programm/Icon16px/settings.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="../../Bilder/Programm/Icon16px/settings.png"] {
    content:url("../../Bilder/Programm/ElementSelect/home.svg") !important;
    width: 13px !important;
    margin-right: 5px !important;
    margin-top: 2px !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="Bilder/Programm/Icon16px/mandant.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="Bilder/Programm/Icon16px/abteilung.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="Bilder/Programm/Icon16px/gruppe.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="Bilder/Programm/Icon16px/mandant.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="Bilder/Programm/Icon16px/abteilung.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="Bilder/Programm/Icon16px/gruppe.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="Bilder/Programm/Icon16px/mandant.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="Bilder/Programm/Icon16px/abteilung.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="Bilder/Programm/Icon16px/gruppe.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="../Bilder/Programm/Icon16px/mandant.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="../Bilder/Programm/Icon16px/abteilung.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="../Bilder/Programm/Icon16px/gruppe.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="../Bilder/Programm/Icon16px/mandant.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="../Bilder/Programm/Icon16px/abteilung.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="../Bilder/Programm/Icon16px/gruppe.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../Bilder/Programm/Icon16px/mandant.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../Bilder/Programm/Icon16px/abteilung.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../Bilder/Programm/Icon16px/gruppe.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="../../Bilder/Programm/Icon16px/mandant.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="../../Bilder/Programm/Icon16px/abteilung.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="../../Bilder/Programm/Icon16px/gruppe.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="../../Bilder/Programm/Icon16px/mandant.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="../../Bilder/Programm/Icon16px/abteilung.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="../../Bilder/Programm/Icon16px/gruppe.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../../Bilder/Programm/Icon16px/mandant.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../../Bilder/Programm/Icon16px/abteilung.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../../Bilder/Programm/Icon16px/gruppe.png"] {
    content:url("../../Bilder/Programm/ElementSelect/device_hub.svg") !important;
    width: 13px !important;
    margin-right: 5px !important;
    margin-top: 2px !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="Bilder/Programm/Icon16px/niederlassung.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="Bilder/Programm/Icon16px/niederlassung.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="Bilder/Programm/Icon16px/niederlassung.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="../Bilder/Programm/Icon16px/niederlassung.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="../Bilder/Programm/Icon16px/niederlassung.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../Bilder/Programm/Icon16px/niederlassung.png"],
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 img[src="../../Bilder/Programm/Icon16px/niederlassung.png"],
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 img[src="../../Bilder/Programm/Icon16px/niederlassung.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../../Bilder/Programm/Icon16px/niederlassung.png"] {
    content:url("../../Bilder/Programm/ElementSelect/domain.svg") !important;
    width: 13px !important;
    margin-right: 5px !important;
    margin-top: 2px !important;
}
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="Bilder/Programm/Icon16px/materialgruppe.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../Bilder/Programm/Icon16px/materialgruppe.png"],
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 img[src="../../Bilder/Programm/Icon16px/materialgruppe.png"] {
    content:url("../../Bilder/Programm/ElementSelect/dns.svg") !important;
    width: 13px !important;
    margin-right: 5px !important;
    margin-top: 2px !important;
}

.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .xtv-ndTxt,
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 .xtv-ndTxt,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .xtv-ndTxt {
    font-family: "Source Sans Pro", sans-serif !important;
    font-size: 13px !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtvControl,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtvControl {
    width: 100% !important;
}
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 .dxtvControl {
    min-width: 300px !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 #ctl00_logView_elementDD_DDD_DDDC > div,
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 #ctl00_logView_elementDD_DDD_DDDC > div,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 #ctl00_ctl00_logView_elementDD_DDD_DDDC > div {
    width: 100% !important;
    max-height: 325px !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-nd,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-nd {
    height: 21px !important;
    width: 100% !important;
    padding: 6px 10px !important;
    margin: 0 !important;
}
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 .dxtv-nd {
    margin: 0 !important;
    height: 21px !important;
    padding: 6px 10px !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-elb,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-elb {
    width: 0 !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd {
    margin-left: 0 !important;
    overflow-x: hidden !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd > div,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd > div {
    padding-left: 22px !important;
    width: 100% !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd .dxtv-subnd > div,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd .dxtv-subnd > div {
    padding-left: 44px !important;
    width: 100% !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd .dxtv-subnd .dxtv-subnd > div,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd .dxtv-subnd .dxtv-subnd > div {
    padding-left: 66px !important;
    width: 100% !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd > div,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd > div {
    padding-left: 88px !important;
    width: 100% !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd > div,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd > div {
    padding-left: 110px !important;
    width: 100% !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd > div,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd .dxtv-subnd > div {
    padding-left: 132px !important;
    width: 100% !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-ndSel,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-ndSel,
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 .dxtv-ndSel,
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-ndHov,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-ndHov,
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 .dxtv-ndHov,
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 .dxtv-nd:hover,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 .dxtv-nd:hover,
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 .dxtv-nd:hover {
    background-color: rgb(239, 239, 239) !important;
    border: none !important;
}
.vertical-navigation #ctl00_logView_elementDD_DDD_PW-1 #ctl00_logView_elementDD_DDD_DDTC_elementTree_CD > ul > li,
.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_ASPxCallbackPanel1_treeView_CD .dxtv-subnd > ul > li,
.vertical-navigation #ctl00_ctl00_logView_elementDD_DDD_PW-1 #ctl00_ctl00_logView_elementDD_DDD_DDTC_elementTree_CD > ul > li {
    overflow-x: hidden !important;
}

.vertical-navigation #ctl00_ctl00_Kontext_Kontext_ASPxSplitter1_0i1 .dxICheckBox {
    margin-top: 0px !important;
}

/* Berichte */
.vertical-navigation #report .dxmMenuItemWithImage_PlasticBlue,
.vertical-navigation #report .dxmMenuItem_PlasticBlue {
    background-color: #eee !important;
}
.vertical-navigation #report .dxeTextBox_PlasticBlue {
    height: 35px !important;
    border-radius: 3px !important;
    font-family: "Source Sans Pro", sans-serif !important;
    border-color: rgb(234, 234, 234) !important;
}
.vertical-navigation #report .dxeButtonEdit_PlasticBlue > tbody > tr {
    height: 33px !important;
}


.vertical-navigation .newStyleNotificationCountNumber {
    position: absolute;
    right: -4px;
    top: -5px;
    line-height: 17px;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    font-size: 10.5px;
    background: #d9534f;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2), 0 1px 3px 1px rgba(0,0,0,.1);
    display: none;
    font-weight: 500;
}


#partnerlogoPlaceholder {
    display: none;
}
.vertical-navigation.isCollapsable #master-menu {
    margin-bottom: 40px;
}
.vertical-navigation.isCollapsable #menuSwitch {
    height: 40px;
    width: 219px;
    border-right: 1px solid #ddd;
    bottom: 0;
    position: fixed;
    cursor: pointer;
    background: white url(../../Images/Modern/collapse.png) no-repeat right 17px top 15px;
    background-size: 6px;
    transition: width .2s cubic-bezier(.35,0,.25,1),transform .2s cubic-bezier(.35,0,.25,1),-webkit-transform .2s cubic-bezier(.35,0,.25,1);
}
.vertical-navigation.isCollapsable.collapsed #menuSwitch {
    width: 59px;
    transition: width .2s cubic-bezier(.35,0,.25,1),transform .2s cubic-bezier(.35,0,.25,1),-webkit-transform .2s cubic-bezier(.35,0,.25,1);
}
.vertical-navigation.isCollapsable #menuSwitch:hover {
    background-color: #f1f1f1;
}
.vertical-navigation.isCollapsable.collapsed #menuSwitch {
    background: white url(../../Images/Modern/expand.png) no-repeat right 26px top 16px;
    background-size: 6px;
}
.vertical-navigation.isCollapsable.collapsed #menuSwitch:hover {
    background-color: #f1f1f1;
}
.vertical-navigation.isCollapsable.collapsed #master-menu {
    width: 60px;
    transition: width .2s cubic-bezier(.35,0,.25,1),transform .2s cubic-bezier(.35,0,.25,1),-webkit-transform .2s cubic-bezier(.35,0,.25,1);
}
.vertical-navigation.isCollapsable.collapsed #master-menu .iconHolder {
    margin-left: -40px;
}
.vertical-navigation.isCollapsable.collapsed #master-menu span {
    color: rgb(255, 204, 0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.vertical-navigation.isCollapsable.collapsed #master-menu .click-expandable:hover span,
.vertical-navigation.isCollapsable.collapsed #master-menu .dxmVerticalMenuItemSelected_PlasticBlue span {
    color: #ffbf00;
}
.vertical-navigation.isCollapsable.collapsed #master-menu .new-style-area-menu.expanded {
    display: none;
}
.vertical-navigation.isCollapsable.collapsed #master-content {
    left: 60px;
}
.vertical-navigation.isCollapsable #partnerlogo {
    margin-bottom: 40px;
}
.vertical-navigation.isCollapsable.collapsed #partnerlogo {
    display: none !important;
}
.vertical-navigation.isCollapsable.collapsed #partnerlogoPlaceholder {
    display: block;
    background-color: rgb(255, 204, 0);
    width: 60px;
    height: 50px;
    position: absolute;
    bottom: 40px;
    left: 0;
}


.PlattformWidget_base_1fhCK {
    padding: 20px;
    text-align: center;
    display: flex;
}

.PlattformWidget_app_3R37p a {
    padding: 25px;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    text-align: center;
    font-size: 14px !important;
    line-height: 1.52857 !important;
    font-weight: 500;
}

.PlattformWidget_beta_1oqfa {
    color: #fff;
    position: relative;
    width: 32px;
    left: 16px;
    top: -32px;
    margin-bottom: -32px;
    height: 16px;
    font-size: 10px;
    border-radius: 2px;
    background-color: #3d277f;
}

.PlattformWidget_app_3R37p:not(:hover):not(.PlattformWidget_active_3LuRO) path {
    fill: #767676 !important
}

.PlattformWidget_app_3R37p:not(:hover):not(.PlattformWidget_active_3LuRO) a {
    color: #767676
}

.PlattformWidget_app_3R37p.PlattformWidget_active_3LuRO a {
    font-weight: 600;
}

.PlattformWidget_app_3R37p:not(:hover):not(.PlattformWidget_active_z5XK1) .PlattformWidget_beta_1oqfa {
    background-color: #767676;
}

.PlattformWidget_platformContainer_ut6J- {
    display: flex;
    flex-direction: column;
}

.Bubble_bubble_Zukei {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 17px;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    font-size: 10.5px;
    background: #d9534f;
    font-weight: 500;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.2), 0 1px 3px 1px rgba(0,0,0,.1);
}

body.en .logo123.de {
    display: none!important;
}
body:not(.en) .logo123.en {
    display: none!important;
}

.ServerInfo_Banner{
    display: none;
}
.EOL_EOLBanner{
    display: none;
}
.EOL_EOLBanner.isIE{
    background-color: #ffcc00;
    height: 40px;
    display: flex;
}
.EOL_iconStyle{
    padding-left: 20px;
    align-self: center;
}
.EOL_infoMessage{
    padding-left: 6px;
    align-self: center;
    text-decoration: none !important;
    font-family: Source Sans Pro,sans-serif;
    font-size: 14px;
}
.EOL_link {
    color: #9e9e9e !important;
    margin-left: 2px;
    align-self: center;
    font-family: Source Sans Pro,sans-serif;
    font-size: 14px !important;
    text-decoration: none !important;
}
.EOL_link:hover{
    text-decoration: underline !important;
    font: normal normal normal 14px Source Sans Pro,sans-serif;
    color: #9e9e9e !important;
}
.EOL_EOLBanner.reportsBannerEnabled{
    background-color: #ffcc00;
    height: 40px;
    display: flex;
    justify-content: space-between;
}

#serverInfo_snooze {
    font-family: "Source Sans Pro", sans-serif;
}
.EOL_buttonSnooze {
    align-self: center;
    border: none;
    border-radius: 3px;
    padding: 3px;
    font-weight: bold;
    background-color: #3d277f !important;
    color: white !important;
    font-size: small;
    margin-right: 10px;
}
.EOL_buttonSnooze:hover {
    cursor: pointer;
    background-color: #3d277f !important;
    color: white !important;
}
.NewDesign_close {
    align-self: center;
    border: none;
    border-radius: 3px;
    padding: 3px;
    background-color: transparent !important;
    color: black !important;
    font-size: small;
    margin-right: 10px;
    font-family: Source Sans Pro,sans-serif;
    font-weight: normal;
}
.NewDesign_close:hover {
    cursor: pointer;
    background-color: #3d277f !important;
    color: white !important;
}
.EOL_linkReports {
    color: #3d277f !important;
    margin-left: 2px;
    align-self: center;
    font-family: Source Sans Pro,sans-serif;
    font-size: 14px !important;
    text-decoration: none !important;
}
.EOL_linkReports:hover{
    text-decoration: underline !important;
    font: normal normal normal 14px Source Sans Pro,sans-serif;
    color: #3d277f !important;
}
.EOL_ReportsBannerTextContainer{
    display: flex;
    max-height: 40px;
}
.projectStartNotificationShownDialogContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 8000;
    overflow: hidden;
    background: rgba(0,0,0,.5);
}
.projectStartNotificationShownDialogDialog{
    min-width: 240px;
    max-width: 80%;
    box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 13px 19px 2px rgba(0,0,0,.14), 0 5px 24px 4px rgba(0,0,0,.12);
    background-color: #fff!important;
    border-radius: 2px!important;
    display: flex;
    flex-direction: column;
    max-height: 90%;
    position: relative;
    color: rgba(0,0,0,.87);
    opacity: 1;
    transition: all .4s cubic-bezier(.25,.8,.25,1);
    transform: translate(0) scale(1);
}
.projectStartNotificationShownDialogHeader{
    color: rgba(0,0,0,.87);
}
.projectStartNotificationShownDialogTitle{
    flex-shrink: 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    margin: 0 32px 16px 0;
    padding-top: 25px;
}
.projectStartNotificationShownDialogSection {
    color: rgba(0,0,0,.54);
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 20px;
    padding: 0 24px;
}
.projectStartNotificationShownDialogSectionIcon {
    display: inline-flex;
    margin-bottom: 10px;
}
.projectStartNotificationShownDialogSectionText {
    text-align: center;
}
.projectStartNotificationShownDialogBottomSection {
    margin-top: 20px;
    color: rgba(0,0,0,.54);
    flex: 0 0 auto;
    font-size: 14px;
    line-height: 20px;
    padding: 24px;
    padding-top: inherit;
}
.projectStartNotificationShownDialogBottomSectionCloseIcon {
    display: inline-block;
    margin-top: 15px;
    margin-bottom: 5px;
    text-align: center!important;
    background-color: #fc0;
    color: #222;
    outline: none!important;
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    padding: 6px 16px;
    line-height: 1.52857;
}
.projectStartNotificationTitle {
    font-weight: 700;
    font-size: large;
    margin: 15px 0;
    color: #232323;
}