.navigation button,
.navigation .button {
    margin: 0px 0px 0px 0px;
    width: 90px;
    height: 30px;
    padding: 0px;
    position: relative;
}

.navigation .knob {
    width: auto;
}

.navigation button *,
.navigation .button * {
    font-weight: bold;
}


.dashboard-navigation-top-help-buttons {
    width: 100%; text-align: right;
}

.dashboard-navigation-top-buttons {
    width: 100%; text-align: left;
}


.dashboard-navigation-button-container {
    display: inline-block; vertical-align: top;
}

.dashboard-navigation-button-sub-container > div {
    margin-top: 5px;
}

.navigation-helper {
    margin-bottom: 4px;
    text-align: right;
    width: 100%;
}

.navigation > div {
    /*margin-bottom: 5px;*/
}























.navigation {
    background-color: #00825C;
    padding: 5px;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 5px;
    min-height: 82px;
}

.navigation .top .menu {
    border-radius: 3px;
    min-width: 90px;
    height: 53px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    padding: 7px 0px;
    cursor: pointer;
    margin-top: 1px;
}
.navigation .top .menu > div {
    color: #dadada;
}

.navigation .top .menu img {
    height: 32px;
}

.navigation .top .menu > div {
    word-break: break-word !important;
    word-wrap: break-word !important;
    white-space: normal !important;
    max-width: 110px;
    margin-top: 5px;
    /*line-height: 9px !important;*/
}

.navigation .top .menu.active img,
.navigation .top .menu:hover img {
    /*filter: invert(100%);*/
}

.navigation .top .menu.active,
.navigation .top .menu:hover {
    /*background-color: #a9ffb9;*/
    color:#fff;
}
.navigation .top .menu.active > div,
.navigation .top .menu:hover > div {
    /*color: #000000;*/
    color: #fff;
    /*filter: brightness(12) !important;*/
}

.customer-navigation-submenu {
    /*height: 24px;*/
}

.customer-navigation-submenu .menu div {
    color: #ffffff;
}
.customer-navigation-submenu .menu {
    border-radius: 3px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    background-color: #009970;
    margin: 5px 3px 0px 0px;
    width: 100px;
}

.customer-navigation-submenu .menu:hover,
.customer-navigation-submenu .menu.active{
    /*background-color: #a9ffb9;*/
    color: #fff;
}
.customer-navigation-submenu .menu.active div,
.customer-navigation-submenu .menu:hover div {
    color: #000000;
}

.navigation-menu.menu.active div {
    color: #000000;
}

/*/bin/img/icon/32/car.png*/


.navigation > .top > .navigation-menu {
    border: 1px solid transparent;
    vertical-align: top;
    cursor: pointer;
}
.navigation > .top > .navigation-menu .label-logo {
    display: block;
    width: 75px;
    height: 50px;
    margin: 10px;
    border-radius: 5px !important;
    background-size: cover;
}

.navigation > .top > .navigation-menu:active {
    border-top:1px solid rgba(0, 0, 0, 0.5);
    border-right:1px solid rgba(255, 255, 255, 0.5);
    border-bottom:1px solid rgba(255, 255, 255, 0.51);
    border-left:1px solid rgba(0, 0, 0, 0.51);
}

.navigation-menu {
    -webkit-user-select: none;  /* Chrome 49+ */
    -moz-user-select: none;     /* Firefox 43+ */
    -ms-user-select: none;      /* No support yet */
    user-select: none;          /* Likely future */
    user-drag: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
}

.navigation-menu .iconx32 {
    width: 32px;
    height: 32px;
    background-position: left top;
    opacity: 0.5;
}
.navigation-menu:hover .iconx32 {
    /*background-position: -32px top;*/
    background-position: 0px top;
    opacity: 1;
}

.active .navigation-menu.iconx32 {
    /*background-position: -32px top;*/
    background-position: 0px top;
    opacity: 1;
}

.navigation-menu.iconx32.car {
    background-image: url("/bin/img/icon/32/car.png");
}
.navigation-menu.iconx32.sortiment {
    background-image: url("/bin/img/icon/32/sortiment.png");
}
.navigation-menu.iconx32.sortiment-search {
    background-image: url("/bin/img/icon/32/catalog.png");
}
.navigation-menu.iconx32.sortiment-outlet {
    background-image: url("/bin/img/icon/32/outlet.png");
}
.navigation-menu.iconx32.customer_data {
    background-image: url("/bin/img/icon/32/customer_data.png");
}
.navigation-menu.iconx32.workshop {
    background-image: url("/bin/img/icon/32/workshop.png");
}
.navigation-menu.iconx32.cart {
    background-image: url("/bin/img/icon/32/cart.png");
}
.navigation-menu.iconx32.customer_find {
    background-image: url("/bin/img/icon/32/customer_find.png");
}
.navigation-menu.iconx32.babelfish {
    background-image: url("/bin/img/icon/32/babelfish.png");
}
.navigation-menu.iconx32.upload_image {
    background-image: url("/bin/img/icon/32/upload_image.png");
}
.navigation-menu.iconx32.upload_image {
    background-image: url("/bin/img/icon/32/upload_image.png");
}
.navigation-menu.iconx32.print {
    background-image: url("/bin/img/icon/32/print.png");
}
.navigation-menu.iconx32.privacyi {
    background-image: url("/bin/img/icon/32/privacy.png");
}
.navigation-menu.iconx32.lock {
    background-image: url("/bin/img/icon/32/lock.png");
}

.customer-navigation-submenu > .customer-navigation-sortiment
{
    border: 1px solid transparent;

}

.customer-navigation-submenu > .customer-navigation-sortiment:active {
    border-top:1px solid rgba(0, 0, 0, 0.5);
    border-right:1px solid rgba(255, 255, 255, 0.5);
    border-bottom:1px solid rgba(255, 255, 255, 0.51);
    border-left:1px solid rgba(0, 0, 0, 0.51);
}




.customer-navigation-sortiment .customer-navigation-sortiment {
    pointer-events: none;
}