/* app css stylesheet */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body, html {
    font-family: Roboto, 'Helvetica Neue', sans-serif;
    font-size: 14px;
}

body {
    min-width: 1230px;
}

.menu {
    list-style: none;
    border-bottom: 0.1em solid black;
    margin-bottom: 2em;
    padding: 0 0 0.5em;
}

.menu > li {
    display: inline;
}

.menu > li:before {
    content: "|";
    padding-right: 0.3em;
}

.menu > li:nth-child(1):before {
    content: "";
    padding: 0;
}

.alert-mini {
    padding: 3px;
    margin-bottom: 0;
}

.img-search {
    padding: 8px 8px 8px 0;
    margin: auto;
}

.img-search div {
    height: 93px;
    width: 93px;
    outline: none;
}

.img-search img {
    height: 93px;
    width: 93px;
    outline: none;
}

.img-search .ix-main-image > .md-card-image-box {
    text-align: left;
    vertical-align: top;
}

.navbar-brand {
    padding: 10px 15px;
}

.navbar {
    margin-bottom: 0;
}

.navbar-default {
    border-radius: 0;
}

.search-input {
    max-width: 500px;
    margin-top: 7px;
    margin-right: 240px;
}

.navbar-default .navbar-nav > li > a.navbar-link {
    font-weight: bold;
    color: #003175;
}

.navbar-default .navbar-nav > li.active > a.navbar-link {
    font-weight: bold;
    color: white;
    background: #FBB936 none;
}

.navbar-nav {
    margin-right: 10px
}

DIV.search-label {
    color: #c8c8c8;
    width: 128px;
    display: inline-flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

DIV.search-info {
    display: inline-block;
}

IMG.grey-20 {
    -webkit-filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    -o-filter: grayscale(20%);
    -ms-filter: grayscale(20%);
    filter: grayscale(20%);
    opacity: 0.2;
    filter: alpha(opacity=20); /* msie */
    background-color: #000;
}

.logout-panel {
    float: right;
    position: absolute;
    right: 16px;
    top: 7px;
}

.product-panel {
    height: 150px
}

.search-icon {
    position: absolute;
    right: 15px;
    top: 40px;
}

.search-icon > div {
    margin: 2px 0;
}

.logout-icon {
    position: absolute;
    right: 15px;
}

.hero-tile.hero-tile-xl {
    overflow: hidden;
    width: 245px;
}

.hero-tile.hero-tile-large {
    overflow: hidden;
    width: 215px;
}

.hero-tile {
    max-height: 215px;
    height: 215px;
    position: relative;
    outline: none;
    margin: 4px;
}

.hero-tile-tender {
    max-width: 190px;
    width: 190px;
}

.hero-tile-catalog {
    max-width: 170px;
    width: 170px;
}

.hero-tile-product-group {
    max-width: 170px;
    width: 170px;
}

.hero-tile-lot {
    max-width: 180px;
    width: 180px;
}

.hero-tile-product {
    max-width: 180px;
    width: 180px;
}

.hero-tile-supplier {
    max-width: 160px;
    width: 160px;
    position: relative;
    outline: none;
    margin: 4px;
    height: 215px;
}

.hero-tile-supplier:hover > md-card {
    transition: box-shadow 0.15s ease-in-out;
    box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
}

.hero-tile-themeworld {
    max-height: 215px;
    height: 215px;
    max-width: 190px;
    min-width: 190px;
    position: relative;
    outline: none;
    margin: 4px;
}

/* box-shadow is what is animated here, setting box-shadow for the transition un-animates height- or width-changes
 which in turn prevents the tile from 'jumping' when e.g. adding/removing a border */
.hero-tile:hover, .hero-tile-themeworld:hover {
    transition: box-shadow 0.15s ease-in-out;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

.hero-tile.hero-tile-small {
    overflow: hidden;
    width: 130px;
}

.tile-header {
    background-color: #841C22;
    color: white;
    font-weight: 400;
    z-index: 3;
    left: 0;
    top: 0;
    position: absolute;
    padding: 3px 7px;
    border-radius: 2px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

.tile-header-right {
    background-color: #841C22;
    color: white;
    font-weight: 400;
    z-index: 3;
    right: 0;
    top: 0;
    position: absolute;
    padding: 3px 7px;
    border-radius: 2px;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
}

.tile-header.tile-header-list-item {
    border-radius: 0 0 2px 0;
}

.ng-table {
    border: 1px solid #000;
}

.myGrid {
    width: 500px;
    height: 250px;
}

.st-sort-ascent:before {
    content: '\25B2';
}

.st-sort-descent:before {
    content: '\25BC';
}

.form-control-inline-80 {
    min-width: 0;
    width: 80px;
    display: inline;
}

.form-control-inline-160 {
    min-width: 0;
    width: 160px;
    display: inline;
}

.basket-navbar {
    font-size: 10px;
    color: #666666;
}

.basket-padding-left-23-top, .basket-padding-left-23 {
    padding-left: 23px;
    white-space: nowrap;
}

.basket-padding-right-60-top, .basket-padding-right-60 {
    padding-right: 60px;
    padding-left: 5px;
    white-space: nowrap;
}

.basket-padding-right-60-top, .basket-padding-left-23-top, .basket-padding-right-23-top, .basket-padding-right-23-bottom {
    padding-top: 5px;
}

.basket-padding-right-23-top, .basket-padding-right-23, .basket-padding-right-23-bottom {
    padding-right: 23px;
    white-space: nowrap;
}

.basket-padding-right-23-bottom {
    font-weight: bold;
    padding-top: 16px;
}

.hero-tile > .md-card-footer {
    padding: 8px;
    border-top: 1px solid rgb(228, 228, 228);
}

.hero-tile > .md-card-content {
    padding-bottom: 5px;
    padding-top: 5px;
}

.md-title-fade {
    color: #7c7c7c;
}

.md-button.md-button-small {
    margin: 0;
}

.md-card-header {
    height: 130px;
    overflow: hidden;
}

.md-card-description {
    height: 3em;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
}

.md-card-description:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 25%;
    height: 1.3em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
}

.md-button-right {
    float: right;
}

.hero-tile .md-title-fade {
    height: 3em;
    overflow: hidden;
    position: relative;
}

.hero-tile .md-title-fade:after, .row-message .md-caption:after {
    content: "";
    text-align: right;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 37%;
    height: 1.3em;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 100%);
}

.md-card-image-box {
    background: no-repeat center;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.panel-image-box {
    object-fit: cover;
    height: 100%;
    width: 100%;
    position: relative;
}

.panel-image-box-contain {
    object-fit: contain;
    height: 100%;
    width: 100%;
    position: relative;
}

.panel-image-box-div-wrapper {
    top: 28px;
    bottom: 10px;
    position: absolute;
    width: 100%;
}

.ix-background-resize-best-fit {
    background-size: cover;
}

.title-header-catalog {
    background-color: #157c00;
}

.title-header-oci {
    background-color: orangered;
}

.title-header-theme-world {
    background-color: #d11a47;
}

.title-header-contact-world {
    background-color: #3F51B5;
}

.padding-left-23-word-break {
    padding-left: 23px;
    word-break: break-all;
    padding-top: 5px;
}

DIV.tooltip-image {
    left: 0;
    position: absolute;
    top: 0;
}

IMG.tooltip-image {
    height: 40px;
    max-width: 40px;
    vertical-align: middle;
}

IMG.tooltip-image-xl {
    height: 60px;
    max-width: 60px;
    vertical-align: middle;
}

IMG.tooltip-image-xxl {
    height: 80px;
    max-width: 80px;
    vertical-align: middle;
}

IMG.portrait {
    height: 100px;
    width: 100px;
    max-height: 100px;
    max-width: 100px;
    vertical-align: middle;

    border-radius: 50%;
    object-fit: contain;
    display: inline-block;
    padding: 0;
}

A.no-decoration {
    color: inherit;
    text-decoration: none;
}

A.no-decoration-white {
    color: white;
    text-decoration: none;
}

SPAN.float-left {
    float: left;
}

DIV.float-left {
    float: left;
}

DIV.float-right {
    float: right;
}

DIV.clearboth {
    clear: both;
}

DIV.clear-left {
    clear: left;
}

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

SPAN.padding-top-5 {
    padding-top: 5px;
}

md-card.authorizationCard {
    width: 600px;
}

md-card.userGroupCard {
    width: 600px;
}

md-card.userinfoCard {
    width: 400px;
    min-width: 350px;
}

md-card.usersettingsCard {
    width: 450px;
    min-width: 450px;
}

md-card.addressCard {
    width: 550px;
    min-width: 400px
}

DIV.center {
    text-align: center;
}

.full-width {
    width: 100%;
}

.full-height {
    height: 100%;
}

.half-height {
    height: 50%;
}

.full-max-height {
    max-height: 100%;
}

.half-width {
    width: 50%;
}

DIV.margin-bottom-5 {
    margin-bottom: 5px;
}

TD.padding-top-5 {
    padding-top: 5px;
}

TD.authorization-change-cell {
    text-align: right;
    padding-top: 15px;
}

TD.fixed-height {
    height: 20px;
}

TD.fixed-height-20 {
    height: 20px;
    padding-left: 10px;
    padding-right: 23px;
}

TD.half-width {
    width: 50%;
}

TD.padding-top-5 {
    padding-top: 5px;
}

TD.address-padding-top-10 {
    padding-top: 10px;
}

TD.address-padding-top-26 {
    padding-top: 26px;
}

TR.small-border-top {
    border-top: 1px solid lightgray;
}

TR.bottom-align {
    vertical-align: bottom;
}

.nowrap {
    white-space: nowrap
}

.prewrap {
    white-space: pre
}

TABLE.left-align {
    text-align: left;
}

TABLE.float-right {
    float: right;
}

TABLE.float-left {
    float: left;
}

TABLE.full-width {
    width: 100%;
}

.message-info-panel {
    position: absolute;
    top: 72px;
    right: 8px;
    overflow: visible;
    min-width: 435px;
}

.message-info-panel:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #f0f0f0 transparent;;
    display: block;
    width: 0;
    top: -15px;
}

.message-info-panel-second-position:before {
    right: 70px;
}
.message-info-panel-third-position:before {
    right: 122px;
}

.message-todo-panel {
    position: absolute;
    top: 72px;
    right: 68px;
    overflow: visible;
}

.message-todo-panel:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #f0f0f0 transparent;;
    display: block;
    width: 0;
    top: -15px;
}

.message-todo-panel-third-position:before {
    right: 64px;
}

.message-todo-panel-fourth-position:before {
    right: 114px;
}

.basket-info-panel {
    position: absolute;
    top: 72px;
    right: 8px;
    overflow: visible;
}

.basket-info-panel:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #ffffff transparent;;
    display: block;
    width: 0;
    top: -15px;
    right: 118px;
}

.user-info-panel {
    position: absolute;
    top: 72px;
    right: 8px;
    overflow: visible;
}

.user-info-panel:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #ffffff transparent;;
    display: block;
    width: 0;
    top: -15px;
    right: 14px;
}

.user-info-panel-first-position:before {
    right: 14px;
}

.user-info-panel-second-position:before {
    right: 70px;
}

.user-avatar {
    font-size: 30px;
    line-height: 65px;
}

.row-message {
    padding: 5px;
    border-bottom: 1px solid #C8C8C8;
    height: 85px;
    outline: none;
}

.row-message:hover {
    background-color: rgb(225, 225, 225);
}

.row-message .md-caption {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 4em;
    position: relative;
    max-width: 280px;
}

.row-message-actions {
    border-bottom: 1px solid #C8C8C8;
    height: 85px;
    outline: none;
}

.row-message-actions .md-button {
    padding: 0;
    margin: 0 auto;
}

.row-image {
    text-align: center;
    vertical-align: middle;
}

.row-message .md-body-2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 280px;
}

.md-button.md-fab {
    overflow: visible;
}

.md-button-indicator {
    position: absolute;
    top: 0;
    right: 0;
    background-color: red;
    border-radius: 20px;
    padding: 2px;
    line-height: 15px;
    min-width: 19px;
    color: white;
    font-weight: bold;
    font-size: 12px;
}

INPUT.readonly {
    border: 0;
}

TEXTAREA[readonly] {
    border: 0;
}

.no-padding {
    padding: 0;
}

.no-padding-top {
    padding-top: 0;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.no-margin {
    margin: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-border-radius {
    border-radius: 0;
}

md-tabs[md-border-bottom] md-tabs-wrapper {
    border: 0;
}

md-tabs {
    border-top: 1px solid rgba(0, 0, 0, 0.14902);
}

label {
    margin-bottom: 0;
}

md-input-container .md-placeholder:not(.md-select-label), md-input-container label:not(.md-no-float) {
    padding-left: 0;
}

HTML, BODY {
    background-color: #ccc;
}

.testBorder > md-input-container.md-default-theme .md-input {
    padding-left: 5px;
}

.testBorder > md-input-container .md-input {
    border-width: 1px 1px 1px;
}

.testBorder > md-input-container .md-placeholder:not(.md-select-label), .testBorder > md-input-container label:not(.md-no-float) {
    padding-left: 7px;
}

md-tab-content > div > md-content {
    background-color: transparent !important;
}

md-tab-content > md-content {
    background-color: transparent !important;
}

.tabs > md-content {
    background-color: transparent !important;
}

.swim-lane-wrapper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    min-height: 244px;
}

.swim-lane-list {
    min-width: 250px;
    left: 0;
    top: 0;
    display: flex;
    margin-top: 0;
    flex-wrap: wrap;
    width: 100%;
}

.swim-lane-scroller-side {
    top: 2px;
    margin-top: 113px;
    margin-bottom: 143px;
}

.swim-lane-line {
    clear: both;
}

.swim-lane-grid-wrapper {

}

.swim-lane-scroller {
    font-size: 40px;
    vertical-align: top;
}

.md-button-swim-lane-side {
    min-width: 40px;
    top: 2px;
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.md-button-left {
    float: left;
}

.swim-lane-header {
    margin-left: 8px;
    float: left;
}

.swim-lane-filter {
    clear: both;
}

.sidebar-items {
    outline: 0;
    white-space: nowrap;
    text-transform: uppercase;
}

.sidebar-items, .sidebar-submenu-link, .sidebar-menu-link {
    width: 100%;
    padding: 11px 20px 11px 16px;
    font-weight: 500;
}

.sidebar-submenu-link {
    white-space: nowrap;
    display: inline-block;
    padding-right: 8px;
}

.sidebar-menu-link {
    white-space: nowrap;
    display: inline-block;
    padding-right: 8px;
}

.sidebar-items:hover {
    background: #e0e0e0;
}

.sidebar-header, .filter-header {
    outline: 0;
    color: white;
    padding-top: 21px;
    padding-bottom: 21px;
    width: 100%;
    cursor: default;
    font-size: 18px;
    font-weight: 500;
    height: 64px;
}

.sidebar-header {
    padding-left: 15px;
}

.sidebar-header > i {
    float: left;
    color: gray;
}

.sidebar-menu-focused {
    width: 250px;
    top: 0;
    left: 0;
    color: white;
}

.sidebar-menu-focused:hover {
    -moz-box-shadow: inset 0 0 200px rgba(255, 255, 255, 0.19);
    -webkit-box-shadow: inset 0 0 200px rgba(255, 255, 255, 0.19);
    box-shadow: inset 0 0 200px rgba(255, 255, 255, 0.19);
}

.top-border {
    border-top: 1px solid lightgrey;
}

.dropdown-submenu {
    width: 100%;
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 5px;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu-wrapper:hover {
    background: #e0e0e0;
}

.sidebar-menu-wrapper {
    max-height: 256px;
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 250px;
    min-width: 250px;
    z-index: 100;
}

.sidebar-menu-wrapper.ng-animate {
    -moz-transition: width 0.5s, max-height 0.5s, left 0.5s;
    -webkit-transition: width 0.5s, max-height 0.5s, left 0.5s;
    transition: width 0.5s, max-height 0.5s, left 0.5s;
}

.sidebar {
    display: block !important;
    border-left: 0;
    position: static;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 5px;
    padding-top: 0;
    width: 100%;
}

.relative-position {
    position: relative;
}

.absolute-position {
    position: absolute;
}

md-dialog md-dialog-content.sticky-container > div {
    padding: 0;
}

.error-dialog {
    max-width: 500px;
    max-height: 600px;
}

div.workspace-changer-button {
    color: white;
    padding-top: 21px;
    outline: 0;
    padding-right: 11px;
    font-size: large;
}

i.workspace-changer-button {
    color: grey;
}

.workspace-changer > DIV {
    height: 64px;
    font-size: 18px;
    font-weight: 500;
}

.sidebar-header > span {
    display: block;
    text-align: center;
    width: 100%;
    padding-left: 24px;
}

.sidebar-menu-wrapper.ng-hide {
    width: 250px;
    left: 0;
    max-height: 0;
    display: block !important;
    box-shadow: 0 5px 10px #7c7c7c;
}

i.glyphicon-normal-size {
    width: 14px;
    height: 14px;
}

.ix-logo {
    height: 64px;
    padding-left: 14px;
    font-family: inherit;
    font-size: 36pt;
    color: white;
    text-decoration: none;
    position: relative;
    outline: none;
}

.ix-logo > a {
    color: white;
    text-decoration: none;
    position: relative;
    top: -7px;
}

.ix-login-header > .ix-logo {
    height: 40px;
    vertical-align: middle
}

ix-menu-sidebar {
    z-index: 5;
    overflow: visible !important;
}

md-sidenav.ix-sidebar {
    max-width: 250px;
    height: calc(100vh - 64px);
    overflow: hidden;
    z-index: 1;
    position: relative;
    box-shadow: 1px 5px 5px 0 rgba(0,0,0,.2), 0 5px 2px 0 rgba(0,0,0,.14), 0 3px 1px 0 rgba(0,0,0,.12);
    transition: 0.2s ease-in all;
}

md-sidenav.ix-sidebar-small {
    max-width: 100px;
    height: calc(100vh - 64px);
    overflow: visible;
    z-index: 1;
    position: relative;
    text-align: center;
    box-shadow: 1px 5px 5px 0 rgba(0,0,0,.2), 0 5px 2px 0 rgba(0,0,0,.14), 0 3px 1px 0 rgba(0,0,0,.12);
    -webkit-transition: 0.2s ease-in all;
    transition: 0.2s ease-in all;
}

md-sidenav.ix-filter-sidebar {
    max-width: 250px;
    height: calc(100vh - 128px);
    border-top: 1px solid #ccc;
    overflow: hidden;
    z-index: 5;
    -webkit-transition: 0.2s ease-in all;
}

.important-menu-item .entry-label {
    font-size: 12px;
}

.important-menu-item[md-colors] .entry-label,
.important-menu-item[md-colors] .entry-icon {
    color: inherit;
}

md-sidenav.ix-hidden-sidebar-small {
    position: fixed;
    width: 0;
    transition: width .4s ease-in-out;
    background: transparent;
    margin-top: 64px;
    visibility: hidden;
}

div.small-sidebar-setting md-toolbar {
    margin-left: -100px;
    width: calc(100% + 100px);
    z-index: 61;
    transition: all .4s ease-in-out;
}

div.expanded-sidebar-setting md-toolbar {
    margin-left: 0;
    width: 100%;
    transition: all .4s ease-in-out;
}

.important-menu-item {
    padding-left: 4px;
    padding-right: 4px;
    color: rgba(0, 0, 0, 0.87);
    max-width: 98px;
}

.important-menu-item-priority {
    padding-bottom: 4px;
}

md-sidenav.ix-hidden-sidebar {
    box-shadow: 0 0 4px #a1a1a1;
    max-width: 0;
    min-width: 0;
    position: fixed;
    width: 0;
    transition: all .4s ease-in-out;
}

div.ix-main-content {
    width: 100%;
    background-color: #eeeeee
}

md-content.ix-main-content {
    background: #c8c8c8;
    position: inherit;
}

.ix-main-toolbar {
    min-height: 64px !important;
    max-height: 64px;
}

.ix-main-toolbar-actions {
    display: flex;
    position: relative;
    padding-right: 16px;
}

.ix-main-toolbar-actions > div:first-child {
    margin-left: auto;
}

.ix-main-toolbar-high-contrast {
    display: flex;
    position: relative;
    padding-right: 4px;
    align-items: center;
    height: 100%;
}

.ix-main-toolbar-high-contrast > div:first-child {
    margin-left: 4px;
    /* margin-left: auto; */
}

.ix-main-search-container {
    margin: auto;
    position: relative;
    font-size: 20px;
}

.ix-main-search {
    line-height: 34px;
    width: 100%;
    margin-top: 0;
    border-radius: 0;
}

.ix-main-search-wrapper {
    position: relative;
    width: 100%;
}

.ix-main-search-icon {
    outline: 0;
    position: absolute;
    top: 12px;
}

.ix-main-search-first-icon {
    z-index: 80;
    left: 8px;
}

.ix-main-search-last-icon {
    z-index: 80;
    right: 8px;
}

.ix-main-search-second-icon {
    right: 13px;
    color: white;
    visibility: hidden;
}

.ix-main-search > md-autocomplete-wrap {
    background-color: transparent;
    box-shadow: none;
}

.ix-main-search > md-autocomplete-wrap > button {
    /*use this to move clear button in main search input to the right*/
    /*margin-right: 42px;*/
}

.ix-main-search > md-autocomplete-wrap > input {
    padding-left: 42px;
    padding-right: 42px;
}

.ix-main-search.search-has-input.ix-main-search > md-autocomplete-wrap > input {
    background-color: white;
    color: #616161;
}

.ix-main-search > md-autocomplete-wrap > input {
    color: inherit;
}

.ix-main-search > md-autocomplete-wrap > input::-webkit-input-placeholder {
    color: inherit;
}

.ix-main-search > md-autocomplete-wrap > input:-moz-placeholder { /* Firefox 18- */
    color: inherit;
}

.ix-main-search > md-autocomplete-wrap > input::-moz-placeholder { /* Firefox 19+ */
    color: inherit;
}

.ix-main-search > md-autocomplete-wrap > input:-ms-input-placeholder {
    color: inherit;
}

.ix-main-search {
    height: 48px;
}

.ix-main-search > md-autocomplete-wrap {
    height: 48px;
}

.ix-main-search > md-autocomplete-wrap > input {
    height: 48px;
}

.ix-search-focused-or-input > md-autocomplete > md-autocomplete-wrap > input {
    color: black;
    background-color: white;
}

.ix-search-focused-or-input > span {
    color: #616161;
}

.ix-search-focused-or-input > md-autocomplete > md-autocomplete-wrap {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

md-content.md-default-theme, md-content {
    background-color: #eeeeee;
}

md-content.md-shop-theme {
    background-color: #eeeeee;
}

md-content.md-content-theme {
    background-color: #eeeeee;
}

md-content.md-monitor-theme {
    background-color: #eeeeee;
}

md-content.md-admin-theme {
    background-color: #eeeeee;
}

md-select {
    margin: 8px;
}

md-select.md-default-theme .md-select-icon, md-select .md-select-icon {
    color: #fff;
}

.md-button.md-icon-button.md-mini {
    width: 32px;
    height: 32px;
    line-height: 26px;
    font-weight: 100;
}

.relation-wrapper {
    height: 200px;
    border: 1px solid grey;
}

.relation-flex-wrapper > div:first-child {
    padding: 8px 52px 8px 8px;
}

.relation-flex-wrapper > div:nth-child(2) {
    padding: 8px 60px 8px 8px;
}

.relation-view {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.relation-view-content {
    height: 300px;
    position: relative;
}

.relation-view-top-bar {
    height: 25px;
    right: 0;
}

.relation-view > li {
    cursor: pointer;
    outline: 0;
    padding-left: 10px;
    padding-right: 10px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.relation-list {
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.selected-element {
    background-color: darkgrey;
    color: white;
}

.selected-item {
    background-color: rgb(225, 225, 225);
    border-radius: 8px;
}

.selected-entry {
    background-color: rgb(225, 225, 225);
}

.md-whiteframe-2dp {
    background-color: white;
}

.md-whiteframe-4dp {
    background-color: white;
}

.md-whiteframe-z1 {
    background-color: white;
}

body, html {
    overflow-y: hidden !important;

}

.md-subheader {
    font-size: 17px;
}

INPUT {
    height: 30px;
}

LABEL {
    overflow-x: hidden;
    white-space: nowrap;
}

.ix-standard-toolbar {
    transition: 0.5s linear all;
    left: 0;
    top: -64px;
}

.ix-standard-toolbar.ng-hide {
    left: -100%;
}

.ixa-md-subheader.subheader-in-padding {
    margin-bottom: 16px;
}

md-dialog md-dialog-content .md-subheader.subheader-in-padding,
.subheader-in-padding {
    margin-bottom: 16px;
}

.ix-margin-left {
    margin-left: 16px;
}

.ix-small-margin-left {
    margin-left: 8px;
}

.ix-margin-right {
    margin-right: 16px;
}

.ix-margin-right-32 {
    margin-right: 32px;
}

.ix-margin-left-neg {
    margin-left: -16px;
}

.ix-margin-left-not-neg {
    margin-left: 16px;
}

@media (min-width: 960px) {
    md-dialog md-dialog-content .md-subheader.subheader-in-padding,
    .subheader-in-padding {
        margin-left: -16px;
        margin-right: -16px;
    }
}

.ixa-md-subheader.subheader-in-padding {
    margin-left: -16px;
    margin-right: -16px;
}

@media (max-width: 959px) {
    md-dialog md-dialog-content .md-subheader.subheader-in-padding,
    .subheader-in-padding {
        margin-left: -8px;
        margin-right: -8px;
    }
}

.ix-pageination {
    margin-top: auto;
    display: inherit;
    margin-bottom: auto;
    margin-left: auto;
}

.ix-line-selected {
    background-color: #e4e4e4;
}

.ix-line-deprecated {
    background-color: #ff8080;
}

.button-after-input {
    width: 54px;
}

.button-after-input > button {
    top: 17px;
    margin-left: -6px !important;
}

.button-after-input > button > md-icon {
    top: 4px;
}

.md-subheader-wrapper {
    margin-right: 8px;
}

.content-vh {
    scroll-behavior: smooth;
    height: calc(100vh - 64px);
}

.content-92-vh {
    height: calc(100vh - 128px);
}

.content-checkout-list-with-rule-header {
    height: calc(100vh - 186px);
}

.content-178-vh {
    height: calc(100vh - 178px);
}

.content-view-height {
    height: calc(100vh - 256px);
}

.content-80-vh {
    height: 80vh;
}

.content-full-height {
    height: calc(100vh - 70px);
    width: 100%;
    margin: 0;
    overflow-y: auto;
}

.content-92-vh::after {
    content: "";
    height: 400px;
    display: inline-block;
}

.selection-dialog {
    position: absolute;
    margin-top: -50px;
    width: 400px;
    border: 1px solid #eeeeee;
    z-index: 3;
}

.selection-dialog.ng-enter {
    animation-name: selection-dialog-zoom-in;
    animation-duration: 0.2s;
}

.selection-dialog.ng-leave {
    animation-name: selection-dialog-zoom-out;
    animation-duration: 0.4s;
}

.selection-dialog-userauths {
    position: absolute;
    margin-top: -50px;
    left: 0;
    width: 500px;
    border: 1px solid #eeeeee;
    z-index: 21;
}

.selection-dialog-userauths-animate-in.ng-enter {
    animation-name: selection-dialog-zoom-in;
    animation-duration: 0.2s;
}

.selection-dialog-userauths.ng-leave {
    animation-name: selection-dialog-zoom-out;
    animation-duration: 0.4s;
}

@keyframes selection-dialog-zoom-in {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

@keyframes selection-dialog-zoom-out {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 0;
    }
}

.ix-dialog-search {
    color: rgba(38, 38, 38, 0);
    font-weight: normal;
    line-height: 34px;
    padding-bottom: 3px;
    margin-top: 5px;
    margin-bottom: -16px;
}

md-input-container.ix-dialog-search > input {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    border: none;
    color: white;
}

.selection-view-item-marked {
    background-color: lightgrey; /** #828282 **/
    opacity: 0.5;
}

.marked-todo-position {
    background-color: rgb(240, 240, 240);
}

.stop-dialog-position-number {
    width: 30px;
}

.stop-dialog-position-number-padding {
    width: 46px;
    padding-left: 16px;
}

.option-step {
    height: 300px;
    top: 0;
    background-color: white;
    position: absolute;
    width: 499px;
    margin-left: -17px;
    border-left: 1px solid #eeeeee;
    overflow: hidden;
}

.option-step-basket {
    height: 300px;
    top: 0;
    background-color: white;
    position: absolute;
    width: 399px;
    margin-left: -17px;
    border-left: 1px solid #eeeeee;
    overflow: hidden;
}

.option-step.ng-enter, .option-step.ng-leave {
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
}

.option-step.ng-enter,
.option-step.ng-leave.ng-leave-active {
    left: 500px;
    width: 0;
}

.option-step.ng-leave,
.option-step.ng-enter.ng-enter-active {
    left: 16px;
    width: 499px;
}

.ix-dialog-list {
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
}

.ix-dialog-list:hover {
    background-color: lightgrey;
}

.ix-repeat-odd {
    background-color: #e0e0e0;
}

.ix-dialog-view {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
}

.ix-dialog-view > li {
    cursor: pointer;
    outline: 0;
    padding-right: 10px;
    padding-left: 8px;
    user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
}

.md-icon-button-top {
    top: 6px;
    right: 6px;
    position: absolute;
    cursor: pointer;
    outline: none;
}

.ix-dialog-toolbar {
    padding-left: 8px;
    padding-right: 8px
}

.ix-list-menu {
    -webkit-align-items: unset;
    -ms-flex-align: unset;
    align-items: unset;
}

md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text { /*TODO: REMOVE WHEN FIXED!*/
    flex: 1;
    padding-right: 8px;
    padding-left: 8px;
}

.md-avatar-placeholder {
    width: 72px;
    height: 30px;
}

.md-mini-product-image-placeholder {
    width: 88px;
    height: 30px;
}

.mini-product-image {
    height: auto;
    width: auto;
    max-width: 72px;
    max-height: 30px;
}

.mini-product-image-wrapper {
    min-height: 56px !important;
    width: 72px;
}

md-list md-list-item.md-2-line.md-list-header .md-list-item-text span {
    color: #2f2f2f;
    display: inline;
    font-size: 12px;
    font-weight: bold;
    white-space: normal;
}

md-list {
    padding: 0;
    display: block;
}

.ix-list-search {
    float: right;
    bottom: 13px;
    right: 27px;
}

md-checkbox.ix-list-selectall {
    width: 24px;
    margin-left: 3px;
    margin-right: 29px;
    top: 12px;
}

md-list-item.md-2-line.md-list-search-bar > .md-no-style, md-list-item.md-2-line.md-list-search-bar,
md-list-item.md-2-line.md-list-header > .md-no-style, md-list-item.md-2-line.md-list-header {
    min-height: 48px;
    height: 48px;
}

md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style {
    height: auto;
    min-height: 64px;
}

md-list-item.md-2-line-selected {
    background-color: rgb(225, 225, 225);
}

md-list-item {
    background-color: white;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    justify-content: flex-start !important;
}

.list-item-border {
    border-bottom: 1px solid rgba(0, 0, 0, .12);
}

md-list-item.no-border {
    border-bottom: none;
}

.md-list-item-inner {
    max-width: 100%;
    line-height: 20px;
}

.address-details-line {
    position: absolute;
    margin-top: -28px;
    padding-left: calc(16.66% + 63px);
    overflow: hidden;
    white-space: nowrap;
    width: calc(100% - 30px);
}

.ix-line-height-20 {
    line-height: 20px;
}

button.md-mini.md-button {
    min-width: 40px;
}

h3 {
    cursor: default;
}

.ix-clickable, .ix-clickable > h3 {
    cursor: pointer;
}

.st-sort-descent:before, .st-sort-ascent:before {
    content: '';
}

.st-sort-descent:after {
    content: '\25BC';
}

.st-sort-ascent:after {
    content: '\25B2';
}

.md-list-header .md-list-item-text > h3:after {
    opacity: 0;
    content: '\25BC';
    transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
}

.md-list-header .md-list-item-text > h3.st-sort-ascent:after {
    opacity: 1;
    transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;

    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    content: '\25B2';
}

.md-list-header .md-list-item-text > h3.st-sort-descent:after {
    opacity: 1;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    content: '\25B2';
    position: absolute;

    transition: transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    -webkit-transition: -webkit-transform 0.4s;

}

.deletable-line {
    margin-left: -9px;
    height: 40px;
    white-space: nowrap;
}

.relation-read-only-line {
    height: 40px;
    white-space: nowrap;
}

.button-width-indicator {
    margin-right: 0;
    margin-top: 0;
    padding-top: 10px;
    padding-right: 16px;
}

md-dialog.md-shop-theme.warnings > md-dialog-content > div {
    color: #006065;
}

md-dialog.md-content-theme.warnings > md-dialog-content > div {
    color: #33691E;
}

md-dialog.md-monitor-theme.warnings > md-dialog-content > div {
    color: #3F51B5;
}

md-dialog.md-admin-theme.warnings > md-dialog-content > div {
    color: #616161;
}

md-select-menu > md-content {
    background-color: white !important;
}

md-toolbar.ix-action-toolbar:not(.category-filter) {
    background-color: #333333 !important;
}

/* mdi definitions */
md-icon.mdi::before {
    font-size: 24px;
}

.mdi:not(md-icon)::before {
    font-size: 24px;
    line-height: normal;
}

.mdi-big.mdi::before {
    font-size: 42px;
    line-height: normal;
}

.mdi-28 {
    height: 31px;
}

.mdi-28.mdi::before {
    font-size: 28px;
    line-height: normal;
}

.mdi-small::before {
    font-size: 20px;
}

.mdi-tiny::before {
    font-size: 16px;
}

.mdi-14px.mdi::before {
    font-size: 14px;
}

.mdi-64px.mdi-set, .mdi-64px.mdi::before {
    font-size: 64px;
}

.md-button.md-icon-button {
    padding: 0;
}

.mdi.send-text-comment-button {
    position: absolute;
    right: -8px;
    top: 0;
    font-size: 48px;
}

.mdi.send-text-comment-button::before {
    position: relative;
    top: -5px;
}

.md-button-card-style .mdi::before {
    top: 4px;
    position: relative;
}

.date-picker-filter-delete .mdi::before {
    bottom: 4px;
    position: relative;
}

.btn .mdi::before {
    position: relative;
    top: 4px;
}

.cmrl-filter::before {
    position: relative;
    top: -10px;
}

.btn-xs .mdi::before {
    font-size: 18px;
    top: 3px;
}

.btn-sm .mdi::before {
    font-size: 18px;
    top: 3px;
}

/* todo: check if this is necessary. problematic for sidebar */
/*
.dropdown-menu .mdi {
    width: 18px;
}

.dropdown-menu .mdi::before {
    position: relative;
    top: 4px;
    left: -8px;
}
*/
.nav .mdi::before {
    position: relative;
    top: 4px;
}

.navbar .navbar-toggle .mdi::before {
    position: relative;
    top: 4px;
    color: #FFF;
}

.breadcrumb .mdi::before {
    position: relative;
    top: 4px;
}

.md-fab .mdi:not(.ix-fab)::before {
    position: relative;
    top: 4px;
}

.ix-fab::before {
    line-height: inherit !important;
}

.breadcrumb a:hover {
    text-decoration: none;
}

.breadcrumb a:hover span {
    text-decoration: underline;
}

.alert .mdi::before {
    position: relative;
    top: 4px;
    margin-right: 2px;
}

.input-group-addon .mdi::before {
    position: relative;
    top: 3px;
}

.navbar-brand .mdi::before {
    position: relative;
    top: 2px;
    margin-right: 2px;
}

.list-group-item .mdi::before {
    position: relative;
    top: 3px;
    left: -3px
}

.basket-address {
    height: 60px;
    width: 250px;
}

.address-relation-view-header {
    font-weight: bold;
    text-align: center;
    margin: 3px 0 5px 0;
}

.basket-address-bar {
    height: 24px;
}

.basket-button {
    left: 9px
}

.basket-address > DIV {
    padding-bottom: 5px;
}

.basket-item {
    padding: 20px 16px 20px 0;
    outline: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.app-item {
    padding: 20px 16px 20px 16px;
    outline: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.basket-item-selected {
    background-color: rgb(225, 225, 225);
}

/*
DIV.control-chip-percent {
    color: black;
    width: 50px;
    height: 50px;
    position: absolute;
    left: -5px;
    top: -10px;
    background-color: green;
    border-radius: 50%;
}

DIV.control-chip-percent > INPUT {
    border: 0;
    outline: 0;
    height: 42px;
    width: 42px;
    background-color: white;
    border-radius: 50%;
    text-align: center;
    top: 4px;
    position: absolute;
    left: 4px;
    padding: 0;
}
*/

DIV.control-chip-percent {
    color: black;
    width: 46px;
    height: 46px;
    position: absolute;
    left: -5px;
    top: -7px;
    background-color: lightblue;
    border-radius: 50%;
}

DIV.control-chip-percent-alt {
    color: black;
    width: 46px;
    height: 46px;
    position: absolute;
    left: -5px;
    top: -7px;
    background-color: lightblue;
    border-radius: 50%;
}

DIV.control-chip-percent > INPUT {
    border: 0;
    outline: 0;
    height: 36px;
    width: 36px;
    background-color: white;
    border-radius: 50%;
    text-align: center;
    top: 5px;
    position: absolute;
    left: 5px;
    padding: 0;
    z-index: 1;
}

DIV.control-chip-percent-alt > INPUT {
    border: 0;
    outline: 0;
    height: 36px;
    width: 36px;
    background-color: white;
    border-radius: 50%;
    text-align: center;
    top: 5px;
    position: absolute;
    left: 5px;
    padding: 0;
    z-index: 1;
}

.ix-padding-8px {
    padding: 8px;
}

.ix-padding-32px {
    padding: 32px;
}

.ix-padding-top {
    padding-top: 16px;
}

.ix-padding-top-4px {
    padding-top: 4px;
}

.ix-padding-top-8px {
    padding-top: 8px;
}

.ix-padding-top-32px {
    padding-top: 32px;
}

.ix-padding-top-64px {
    padding-top: 64px;
}

.ix-padding-right {
    padding-right: 16px;
}

.ix-padding-right-8px {
    padding-right: 8px;
}

.ix-padding-right-32px {
    padding-right: 32px;
}

.ix-padding-left {
    padding-left: 16px;
}

.ix-padding-left-8px {
    padding-left: 8px;
}

.ix-padding-left-22px {
    padding-left: 22px;
}

.ix-padding-left-32px {
    padding-left: 32px;
}

.ix-padding-left-64px {
    padding-left: 64px;
}

.ix-padding-top-22px {
    padding-top: 22px;
}

.ix-padding-left-24px {
    padding-left: 24px;
}

.ix-padding-left-48px {
    padding-left: 48px;
}

.ix-padding-bottom {
    padding-bottom: 16px;
}

.ix-padding-bottom-4px {
    padding-bottom: 4px;
}

.ix-padding-bottom-8px {
    padding-bottom: 8px;
}

.ix-padding-bottom-32px {
    padding-bottom: 32px;
}

.ix-padding-bottom-48px {
    padding-bottom: 48px;
}

.ix-margin-bottom {
    margin-bottom: 16px;
}

.ix-margin-bottom-4px {
    margin-bottom: 4px;
}

.ix-margin-bottom-8px {
    margin-bottom: 8px;
}

.ix-small-padding-top {
    padding-top: 10px;
}

.ix-small-padding-right {
    padding-right: 10px;
}

.ix-small-padding-left {
    padding-left: 10px;
}

.ix-small-padding-left-important {
    padding-left: 10px !important;
}

.ix-small-padding-bottom {
    padding-bottom: 10px;
}

.ix-small-padding {
    padding: 5px;
}

.card-title-no-padding {
    padding: 0;
}

md-chip {
    margin-bottom: 5px !important;
}


.md-subheader-wrapper {
    left: -8px;
    margin-right: 16px;
}

md-subheader {
    left: 0;
}

.comment-own {
    padding: 16px;
    margin-left: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 85px;
    position: relative;
    color: white;
    border-radius: 7px;
    width: 50%;
    min-width: 400px;
    border: 0 rgb(0, 0, 0);
}

.comment-left-pointer {
    border-style: solid;
    border-width: 12px 15px 12px 0;
    border-top-color: transparent;
    border-bottom-color: transparent;
    display: block;
    left: -15px;
    position: absolute;
    z-index: 1;
    width: 0;
    top: 13px;
}

.comment-other {
    padding: 16px;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    min-height: 85px;
    min-width: 400px;
    position: relative;
    border-radius: 7px;
    width: 50%;
    border: 0 rgb(0, 0, 0);
}

.comment-right-pointer {
    border-style: solid;
    border-width: 12px 0 12px 15px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    display: block;
    right: -15px;
    position: absolute;
    z-index: 1;
    width: 0;
    top: 13px;
}

.control {
    height: auto;
    overflow: visible;
}

.control {
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
}

.control.ng-hide-remove,
.control.ng-hide-add.ng-hide-add-active {
    height: 0;
    overflow: hidden;
}

.control.ng-hide-add,
.control.ng-hide-remove.ng-hide-remove-active {
    height: 68px;
    overflow: hidden;
}

.ix-dialog-toolbar-tools {
    position: inherit;
    top: 4px;
}

.fake-subheader {
    height: 0;
    visibility: hidden
}

DIV.primary-bottom-button {
    width: 100%;
    padding-right: 16px;
}

DIV.primary-bottom-button > button {
    width: 100% !important;
    height: 48px;
}

DIV.primary-bottom-button-basket {
    width: 100%;
    padding-right: 16px;
    height: 48px;
}

DIV.primary-bottom-button-basket > button {
    width: 100% !important;
    height: 48px;
}

.faded-font-color {
    color: #969696;
}

.basket-supplier {
    margin-bottom: 20px;
    margin-top: 20px;
}

.quota-used {
    height: 8px;
    border-top-left-radius: 2px;
}

.quota-available {
    height: 8px;
    border-top-right-radius: 2px;
    opacity: 0.2;
}

.no-padding {
    padding: 0;
}

.supplier-extra-item {
    color: #212121;
    padding-left: 16px;
    padding-right: 16px;
}

.supplier-cancel-condition-options, .supplier-cancel-condition-options-enum {
    padding-left: 8px;
}

.invoice-sum-green {
    color: rgb(0, 166, 54);
    font-weight: 600;
}
.invoice-sum-red {
    color: red;
    font-weight: 600;
}

.basket-sum {
    color: rgb(0, 166, 54);
    font-weight: 600;
}
.basket-sum-red {
    color: red;
    font-weight: 600;
}

.basket-sum-black {
    color: black;
    font-weight: 600;
}

.basket-sum-second {
    font-weight: 600;
}

.font-default {
    font-weight: 400;
}

.font-highlighted {
    font-weight: bold;
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-start {
    justify-content: flex-start
}

.md-input-with-min-width {
    min-width: 110px;
}

DIV.product-small-image {
    min-width: 100px;
    max-width: 100px;
}

DIV.product-small-image > IMG {
    max-height: 100px;
    max-width: 100px;
}

.ix-loading {
    background-color: white;
    position: absolute;
    left: 50%;
    top: 30%;
}

.img-circular {
    width: 46px;
    height: 46px;
    position: relative;
    margin: 2px 0 2px 4px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.img-circular-medium {
    width: 64px;
    height: 64px;
    max-width: 64px;
    max-height: 64px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.md-button.md-icon-button.md-icon-button-medium {
    width: 80px;
    height: 80px;
}

.sap-image-circular {
    width: 46px;
    height: 46px;
    position: relative;
    margin: 2px 0 2px 4px;
    color: white;
    font-size: 19px;
    padding: 9px 3px;
    font-weight: bold;
    background: #bdbdbd;;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.img-circular-bordered {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #eeeeee;
    object-fit: contain;
    display: inline-block;
    padding: 0;
    cursor: default;

    -webkit-transition: all 2s linear;
    transition: all 0.2s linear;
}

.img-wrap:hover .img-circular-bordered {
    opacity: 0.6;
    cursor: pointer;
}

.img-circular-text {
    top: 32px;
    margin: auto;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;

    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.ix-margin-auto {
    margin: auto;
}

.img-wrap {
    width: 100px;
    height: 100px;
    outline: none;
}

.img-wrap:hover .img-circular-text {
    visibility: visible;
    opacity: 1;
}

.img-wrap-no-hover {
    width: 150px;
    height: 150px;
}

.img-wrap-no-hover-no-area {
    max-width: 150px;
    max-height: 150px;
    margin: 0 auto;
    padding-top: 8px;
    padding-bottom: 8px;
}

.spacer-vertical-70 {
    height: 70px;
}

.input-width-200 {
    width: 200px;
}

.margin-left-right-60 {
    margin-left: 60px;
    position: relative;
}

@keyframes approval-user-appear {
    from {
        height: 0;
        opacity: 0;
        margin: 0 0 0 0;
    }
    to {
        height: 48px;
        opacity: 1;
        margin: 10px 0 10px 0;
    }
}

@keyframes approval-user-disappear {
    from {
        opacity: 1;
        height: 48px;
        margin: 10px 0 10px 0;
    }
    to {
        opacity: 0;
        height: 0;
        margin: 0 0 0 0;
    }
}

@keyframes approval-user-wrap-appear {
    from {
        opacity: 0;
        left: -100px;
        width: 0;
    }
    to {
        opacity: 1;
        left: 0;
        width: 280px;
    }
}

@keyframes approval-user-wrap-disappear {
    from {
        opacity: 1;
        left: 0;
        width: 280px;
    }
    to {
        opacity: 0;
        left: -100px;
        width: 0
    }
}

@keyframes approval-buttons-appear {
    from {
        height: 0;
        opacity: 0;
    }
    to {
        height: 48px;
        opacity: 1;
    }
}

@keyframes approval-buttons-disappear {
    from {
        height: 48px;
        opacity: 1;
    }
    to {
        height: 0;
        opacity: 0;
    }
}

@keyframes approval-input-type-appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes approval-input-type-disappear {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        visibility: hidden;
    }
}

@keyframes approval-input-type-divider-appear {
    from {
        width: 0;
        margin: 0 0 0 0;
    }
    to {
        width: 200px;
        margin: 0 52px 0 52px;
    }
}

.approval-user-first {
    height: 48px;
    z-index: 1;
    margin: 10px 0 10px 0;
    position: relative;
}

.approval-user-first:before {
    content: '';
    position: absolute;
    left: 0;
    top: 63%;
    height: 100%;
    border-right: 4px solid #BDBDBD;
}

.approval-user-first:after {
    content: '';
    position: absolute;
    right: 0;
    top: 63%;
    height: 100%;
    border-right: 4px solid #BDBDBD;
}

.approval-user-last {
    height: 48px;
    z-index: 1;
    margin: 10px 0 10px 0;
    position: relative;
}

.approval-user-last:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 52%;
    border-right: 4px solid #BDBDBD;
}

.approval-user-last:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 52%;
    border-right: 4px solid #BDBDBD;
}

.approval-user {
    height: 48px;
    z-index: 1;
    margin: 10px 0 10px 0;
    position: relative;
}

.approval-user:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 150%;
    border-right: 4px solid #BDBDBD;
}

.approval-user:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 150%;
    border-right: 4px solid #BDBDBD;
}

.approval-user-empty {
    background-color: #BDBDBD;
    height: 5px;
    width: 309px;
    margin-top: 36px;
    margin-bottom: 28px;
    z-index: 1;
}

.approval-user-empty-self-approval {
    background-color: #BDBDBD;
    height: 5px;
    width: 349px;
    margin-top: 56px;
    margin-bottom: 28px;
    z-index: 1;
}

.external-approval-user {
    height: 48px;
    z-index: 1;
    margin: 10px 0 10px 0;
    position: relative;
}

.approval-user-wrap {

}

.approval-buttons {
    z-index: 0;
}

.approval-input-type {
    margin-left: 52px;
    margin-right: 52px;
    width: 200px;
    /*position: absolute;*/
    /*bottom: 128px;*/
}

.approval-input-type-divider {
    opacity: 0;
    position: relative;
    margin-left: 52px;
    margin-right: 52px;
    width: 200px;
}

.approval-buttons.ng-enter {
    position: relative;
    animation-name: approval-buttons-appear;
    animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation-duration: 0.5s;
}

.approval-buttons.ng-leave {
    position: relative;
    animation-name: approval-buttons-disappear;
    animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation-duration: 0.5s;
}

.approval-user-wrap.ng-enter {
    position: relative;
    animation-name: approval-user-wrap-appear;
    animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation-duration: 0.7s;
}

.approval-user-wrap.ng-leave {
    position: relative;
    animation-name: approval-user-wrap-disappear;
    animation-duration: 0.7s;
}

.approval-user.ng-enter {
    position: relative;
    height: 48px;
    animation-name: approval-user-appear;
    animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation-duration: 0.7s;
}

.approval-user.ng-leave {
    width: 0;
    position: relative;
    height: 0;
    animation-name: approval-user-disappear;
    animation-duration: 0.7s;
}

.approval-user-name-truncate {
    margin: 3px 10px 0 5px;
    font-size: 16px;
    width: 155px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.approval-user-name-truncate.wide {
    width: 207px;
}

.basket-amount-input.md-input-focused > input {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: white;
}

.basket-amount-input {
    width: 80px;
}

md-input-container.md-shop-theme:not(.md-input-invalid).md-input-focused span {
    /*color: rgb(0, 188, 212);*/
}

md-input-container.no-error-spacer > .md-errors-spacer {
    min-height: 0;
}

.clickable {
    cursor: pointer;
}

.axis path, .axis line {
    fill: none;
    stroke: #777;
    shape-rendering: crispEdges;
}

.basket-item-position {
    width: 30px;
}

.md-input-bottom-label {
    position: absolute;
    top: 35px;
    left: 2px;
    white-space: nowrap;
}

.md-input-second-bottom-label {
    position: absolute;
    top: 50px;
    left: 2px;
}

.basket-extra-item {
    color: #212121;
}

.basket-extra-item-value {
    font-size: 18px;
}

.basket-amount {
    width: 100px;
}

.basket-price {
    width: 250px;
}

.basket-outlet-popup {
    margin-bottom: 0;
    margin-top: 5px;
    font-size: 14px;
    color: black;
}

.small-label {
    color: rgba(0, 0, 0, 0.54);
    font-size: 11px;
    padding-left: 2px;
    font-weight: bold;
}

.small-label-no-padding {
    color: rgba(0, 0, 0, 0.54);
    font-size: 11px;
    font-weight: bold;
}

.slider-label {
    color: rgba(0, 0, 0, 0.38);
    font-size: 11px;
}

.normal-label {
    color: rgba(0, 0, 0, 0.38);
    font-size: 14px;
    padding-left: 2px;
    font-weight: bold;
}

.normal-label-no-padding {
    color: rgba(0, 0, 0, 0.38);
    font-size: 14px;
    font-weight: bold;
}

.datepicker-left-adjust {
    margin-left: -12px;
}

.comment-header {
    padding-top: 30px;
}

.summary-price-currency {
    width: 60px;
    text-align: right;
}

.search-panel {
    width: 500px;
    border-radius: 0 !important;
}

.search-panel > md-dialog-content {
    padding: 32px 24px 16px;
}

md-input-container.md-icon-float > md-icon {
    top: 14px;
    position: absolute;
}

.ix-login-header {
    height: 75px;
    opacity: 0.80;
    background: #777777;
    box-shadow: 0 5px 5px rgba(78, 75, 75, 0.5);
    border-bottom: 1px solid rgba(65, 65, 65, 0.5);
}

.ix-welcome {
    font-size: 71pt;
    color: #C0C0C0;
    padding-top: 150px;
    text-align: center;
}

.ix-osu-error {
    font-size: 40pt;
    color: black;
    padding-top: 150px;
    text-align: center;
}

A.ix-osu-error-relogin {
    color: black;
    text-decoration: none;
}

.ix-login-background {
    min-height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 80;
    background-size: cover;
    background-color: #F7F7F7;
}

.md-icon-button.md-icon-button-xxl {
    height: 96px;
    width: 96px;
}

.contact-img {
    position: relative;
    z-index: 3;
}

.contact-img:hover > .contact-mail {
    visibility: visible;
}

.contact-mail {
    position: absolute;
    color: white;
    left: 23px;
    top: 23px;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.55);
    border-radius: 50%;
    height: 50px;
    width: 50px;
}

.md-icon-button-medium > .contact-mail {
    left: 50%;
    top: 50%;
    /* margin should be negative half of the height/width */
    margin-top: -25px;
    margin-left: -25px;
}

.contact-mail > .mdi::before {
    padding-top: 6px;
}

.authorization-change-cell .mdi::before {
    position: relative;
    top: 4px;
}

.md-button.md-icon-button.md-icon-button-xl {
    height: 60px;
    width: 60px;
}

.md-padding-top {
    padding-top: 16px;
}

.md-padding-bottom {
    padding-bottom: 16px;
}

.md-padding-right {
    padding-right: 16px;
}

.md-padding-left {
    padding-left: 16px;
}

.tile-header-tender {

}

.tile-header-lot {
    background-color: #43147C;
}

.tile-header-supplier {
    background-color: #2B5AA8;
}

.tile-header-product {
    background-color: #ff6e40;
}

.tile-header-rfx {
    background-color: #60f;
}

.title-header-manufacturer {
    background-color: #0080FF;
}

.ix-collapsible-content {
    transition: max-height cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
    max-height: 200px;
    overflow: hidden;
}

.ix-collapsible-content.ix-collapsible-content-all {
    max-height: none;
}

.ngrs-range-slider .ngrs-join {
    background: #DD2C00;
}

.ngrs-range-slider {
    margin-bottom: 10px;
    height: 33px;
}

md-input-container.no-margin-bottom {
    margin-bottom: 0;
}

.ix-position-right {
    right: 16px;
}

.ix-position-top {
    top: 16px;
}

.ix-position-second-icon-right {
    right: 48px;
}

.ix-position-right-96 {
    right: 96px;
}

.small-close-icon {
    position: absolute;
    top: 5px;
    right: 5px;
    outline: 0;
}

.right-align {
    text-align: right;
}

.right-align-list {
    justify-content: end;
}

.center-align {
    text-align: center;
}

md-list-item.md-2-line .md-list-item-text.md-column-small, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-column-small {
    flex: 0.5;
}

md-list-item.md-2-line .md-list-item-text.md-column-big, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-column-big {
    flex: 2;
}

.horizontal-middle {
    margin-left: auto;
    margin-right: auto;
}

.ix-list-filter {
    border-left: 1px solid rgb(207, 207, 207);
    padding: 0 0 16px 16px;
}

.ix-list-content, .ix-list-filter {
    height: calc(100vh - 130px);
    overflow: auto;
}

.ix-list-content {
    min-width: 950px;
}

.autocomplete-address-template li {
    border-bottom: 1px solid #ccc;
    min-height: 122px;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
}

.autocomplete-address-template li > md-autocomplete-parent-scope > div.autocomplete-fake-element {
    min-height: 122px;
    margin-top: -8px;
    position: absolute;
    width: 100%;
}

.item-data-1 {
    padding: 4px 0 4px 0;
    line-height: 1.0;
}

.item-data {
    line-height: 1.5;
}

.item-row {
    padding: 0 0 0 0;
    height: 8px;
    white-space: nowrap;
}

.ix-login-dialog {

}

.ix-login-button {
    width: 250px;
}

.ix-s-login-button {
    width: 160px;
}

.ix-forgot-password {
    position: absolute;
}

.recalc-chip-button {
    position: relative;
    transform: translate(-50%, -50%);
    top: 33%;
    left: 50%;
    outline: none
}

.ix-main-search > input::-ms-clear {
    display: none;
}

.hide-element {
    display: none;
}

.mdi-icon-button {
    outline: 0;
}

/* overrides angular material definition. just changed z-index */
.md-virtual-repeat-container.md-autocomplete-suggestions-container {

}

.panel-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    margin-left: -8px;
}

.panel-container-header {
    margin-top: 16px;
}

.control-chip-progress {
    left: -5px;
    top: -7px;
    position: absolute;
    z-index: 1;
}

.no-outline {
    outline: none;
}

.approver-no-arrowhead-left {
    background-color: #BDBDBD;
    height: 5px;
    width: 40px;
}

.approval-no-arrowhead-right {
    background-color: #BDBDBD;
    height: 5px;
    width: 10px;
    right: 5px;
    position: relative;
}

.approval-no-arrowhead-left-divider {
    background-color: #828282;
    height: 5px;
    width: 5px;
    margin-top: 7px;
    z-index: 1;
}

.approval-no-arrowhead-divider {
    background-color: #BDBDBD;
    min-height: 5px;
    width: 5px;
    margin: 76px 0 0;
    z-index: 1;
    position: relative
}

.approval-no-arrowhead-horizontal-divider {
    background-color: #BDBDBD;
    width: 5px;
    min-height: 5px;
    margin: 35px 0 28px 0;
    z-index: 1;
}

.special-select-error-message {
    margin-right: 8px;
    overflow: hidden;
    color: rgb(221, 44, 0);
    font-size: 12px;
    top: 4px;
    position: relative;
    white-space: nowrap;
}

.autocomplete-error-message {
    margin-right: 8px;
    overflow: hidden;
    color: rgb(221, 44, 0);
    font-size: 12px;
    top: -38px;
    position: relative;
    left: 2px;
    white-space: nowrap;
}

.datepicker-error-message {
    overflow: hidden;
    color: rgb(221, 44, 0);
    font-size: 12px;
    position: relative;
    left: 65px;
    white-space: nowrap;
    width: 120px;
}

.chip-error-message {
    margin-left: 5px;
    overflow: hidden;
    color: rgb(221, 44, 0);
    font-size: 12px;
    margin-top: -5px;
    position: relative;
    white-space: nowrap;
}

.checkbox-error-message {
    overflow: hidden;
    color: #dd2c00;
    font-size: 12px;
    bottom: -16px;
    position: absolute;
    left: 0;
    white-space: nowrap;
}

.checkbox-group-error-message {
    color: #dd2c00;
    font-size: 12px;
    top: -8px;
    position: relative;
    left: 32px;
}

md-autocomplete {
    min-width: 0;
}

.line-grey-5px {
    background-color: #BDBDBD;
    height: 5px;
    width: 15px;
    margin: 25px 0 0 0;
}

.line-grey-15px {
    background-color: #828282;
    height: 5px;
    width: 30px;
    margin: 25px 0 0 0;
}

.approver-arrow-right {
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent #BDBDBD;
    display: block;
    height: 12px;
    margin-top: 17px;
}

.approver-arrow-right-supplier {
    border-style: solid;
    border-width: 10px 0 10px 12px;
    border-color: transparent #BDBDBD;
    display: block;
    height: 12px;
    right: 5px;
    position: relative;
}

.approver-user-designator {
    margin: 0 0 0 5px;
    font-size: 14px;
}

.approver-delete-icon {
    position: relative;
    cursor: pointer;
    outline: 0;
    font-size: 1.3em;
    margin-right: 5px;
    margin-top: 12px;
}

.line-grey-w20 {
    background-color: #BDBDBD;
    height: 5px;
    width: 20px;
    margin: 25px 0 0 0;
}

.line-grey-w30 {
    background-color: #BDBDBD;
    height: 5px;
    width: 30px;
    margin: 76px 0 0 0;
}

.line-grey-w300 {
    background-color: #BDBDBD;
    height: 5px;
    width: 300px;
    margin: 76px 0 0 0;
}

.line-grey-w5 {
    background-color: #BDBDBD;
    width: 5px;
    min-height: 5px;
    margin: 35px 0 28px 0;
    z-index: 1;
}

.line-grey-w15 {
    background-color: #BDBDBD;
    height: 5px;
    width: 15px;
    margin: 25px 0 0 0;
}

.autocomplete-warning-message {
    font-size: 12px;
    z-index: 1;
    position: relative;
    width: 0;
    height: 0;
    white-space: nowrap;
    left: 2px;
    top: 52px;
}

.async-autocomplete-warning-message {
    font-size: 12px;
    z-index: 1;
    position: absolute;
    width: 0;
    height: 0;
    white-space: nowrap;
    left: 2px;
    top: 52px;
}

.dialog-wrapper {
    width: 80%;
    margin: 0 auto;
    height: calc(100vh - 128px);
    position: relative;
    transition: width 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.dialog-wrapper::after {
    content: "";
    height: 200px;
    display: inline-block;
}

.dialog-wrapper-no-toolbar {
    width: 80%;
    margin: 0 auto;
    height: calc(100vh - 64px);
    position: relative;
    transition: width 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.dialog-wrapper-no-toolbar::after {
    content: "";
    height: 200px;
    display: inline-block;
}

.width-80-percent {
    width: 80%;
}

.width-90-percent {
    width: 90%;
}

.mdi-icon-green {
    color: #8BC34A;
}

.mdi-icon-dark-green {
    color: #0b8e00;
}

.mdi-icon-yellow {
    color: #fbc02d;
}

.mdi-icon-red {
    color: #f44336;
}

.mdi-icon-grey {
    color: #BDBDBD;
}

.mdi-icon-white {
    color: rgba(255, 255, 255, 0.87);
}

.mdi-icon-dark-grey {
    color: #666666;
}

.mdi-icon-blue {
    color: #068fff;
}

.mdi-icon-black {
    color: #000;
}

.bg-green {
    background-color: #8BC34A;
}

.bg-yellow {
    background-color: #FFD600;
}

.bg-orange {
    background-color: #f48b38;
}

.bg-red {
    background-color: #f44336;
}

.bg-grey {
    background-color: #BDBDBD;
}

.bg-blue {
    background-color: #64B6F7;
}

.bg-dark-grey {
    background-color: #666666;
}

.info-group {
    border: 1px solid grey;
    padding-left: 4px;
    margin-right: 4px;
}

@keyframes page-loading-indicator {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.no-opacity {
    opacity: 0;
}

/* start Timeline */

.timline-extender {
    position: absolute;
    left: 225px;
    top: 47%;
}

.bubble {
    position: relative;
    border-radius: 10px;
    margin-bottom: 3px;
    padding: 5px 10px 5px 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.15s ease-in-out;
    cursor: default;
}

.bubble-hover:hover {
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

.bubble-container {
    position: relative;
    max-width: 220px;
    min-width: 196px;
    margin: 0 8px 0 8px
}

.bubble-pointer-down {
    position: relative;
    width: 220px;
    height: 50px;
    padding: 0;
    border-radius: 10px;
}

.bubble-pointer-down:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 15px 15px 0;
    border-color: #828282 transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -15px;
    left: 30px;
}

.bubble-pointer-up {
    position: relative;
    width: 220px;
    height: 50px;
    padding: 0;
    /*background: #828282;*/
    border-radius: 10px;
}

.bubble-pointer-up:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 15px 15px;
    border-color: #828282 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -15px;
    left: 60px;
}

.pointer-up {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 14px 14px;
    border-color: white transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: 27px;
    left: -6px;
}

.pointer-down {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 14px 14px 0;
    border-color: white transparent;
    display: block;
    width: 0;
    z-index: 1;
    bottom: -10px;
    left: -6px;
    top: -28px;
}

/* top bubbles */
.bubble-basket {
    background-color: #828282;
}

.bubble-marker {

}

.bubble-basket.bubble-marker:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #828282 transparent #828282 transparent;
    display: block;
    width: 0;
    z-index: 1;
    left: 16px;
    bottom: -14px;
}

.bubble-basket.bubble-marker span {
    border: 3px solid #fff;
    height: 17px;
    width: 17px;
    bottom: -45px;
    left: 22px;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    background-color: #828282;
}

.bubble-request {
    background-color: #80DEEA;
}

.bubble-request.bubble-marker:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #80deea transparent #80deea transparent;
    display: block;
    width: 0;
    z-index: 1;
    left: 16px;
    bottom: -14px;
}

.bubble-request.bubble-marker span {
    border: 3px solid #fff;
    height: 17px;
    width: 17px;
    bottom: -45px;
    left: 22px;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    background-color: #80DEEA;
}

.bubble-advice {
    background-color: #9FA8DA;
}

.bubble-advice.bubble-marker:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #9FA8DA transparent #9FA8DA transparent;
    display: block;
    width: 0;
    z-index: 1;
    left: 91px;
    bottom: -14px;
}

.bubble-advice.bubble-marker span {
    border: 3px solid #fff;
    height: 17px;
    width: 17px;
    bottom: -45px;
    left: 97px;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    background-color: #9FA8DA;
}

.bubble-deliverynote {
    background-color: #FFF59D;
}

.bubble-deliverynote.bubble-marker:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #FFF59D transparent #FFF59D transparent;
    display: block;
    width: 0;
    z-index: 1;
    left: 36px;
    bottom: -14px;
}

.bubble-deliverynote.bubble-marker span {
    border: 3px solid #fff;
    height: 17px;
    width: 17px;
    bottom: -45px;
    left: 42px;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    background-color: #FFF59D;
}

.bubble-return {
    background-color: #BDBDBD;
}

.bubble-return.bubble-marker:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: #BDBDBD transparent #BDBDBD transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -13px;
    left: 70px;
}

.bubble-return.bubble-marker span {
    border: 3px solid #fff;
    height: 17px;
    width: 17px;
    top: -40px;
    left: 75px;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    background-color: #BDBDBD;
}

/* bottom bubbles */
.bubble-demand {
    background-color: #9FA8DA;
}

.bubble-demand.bubble-marker:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: #9FA8DA transparent #9FA8DA transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -13px;
    left: 12px;
}

.bubble-demand.bubble-marker span {
    border: 3px solid #fff;
    height: 17px;
    width: 17px;
    top: -40px;
    left: 17px;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    background-color: #9FA8DA;
}

.bubble-order {
    background-color: #C5E1A5;
}

.bubble-order.bubble-marker:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: #c5e1a5 transparent #c5e1a5 transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -13px;
    left: 80px;
}

.bubble-order.bubble-marker span {
    border: 3px solid #fff;
    height: 17px;
    width: 17px;
    top: -40px;
    left: 85px;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    background-color: #C5E1A5;
}

.bubble-cancel {
    background-color: #EF9A9A;
}

.bubble-cancel.bubble-marker:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: #EF9A9A transparent #EF9A9A transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -13px;
    left: 80px;
}

.bubble-cancel.bubble-marker span {
    border: 3px solid #fff;
    height: 17px;
    width: 17px;
    top: -40px;
    left: 85px;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    background-color: #EF9A9A;
}

.bubble-confirmation {
    background-color: #ffb74d;
}

.bubble-confirmation.bubble-marker:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: #ffb74d transparent #ffb74d transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -13px;
    left: 60px;
}

.bubble-confirmation.bubble-marker span {
    border: 3px solid #fff;
    height: 17px;
    width: 17px;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    top: -40px;
    left: 65px;
    background-color: #ffb74d;
}

.bubble-complaint {
    background-color: #ABB5EF;
}

.bubble-complaint.bubble-marker:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 14px 14px 14px;
    border-color: #ABB5EF transparent #ABB5EF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -13px;
    left: 100px;
}

.bubble-complaint.bubble-marker span {
    border: 3px solid #fff;
    height: 17px;
    width: 17px;
    top: -40px;
    left: 105px;
    position: absolute;
    z-index: 2;
    border-radius: 50px;
    background-color: #ABB5EF;
}

.bubble-bill {
    background-color: #EF9A9A;
}

.bubble-bill.bubble-marker:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 14px 14px 0 14px;
    border-color: #EF9A9A transparent #EF9A9A transparent;
    display: block;
    width: 0;
    z-index: 1;
    left: 160px;
    bottom: -14px;
}

.bubble-bill.bubble-marker span {
    border: 3px solid #fff;
    height: 19px;
    width: 19px;
    bottom: -46px;
    left: 165px;
    position: absolute;
    z-index: 3;
    border-radius: 50px;
    background-color: #EF9A9A;
}

.bubble-cancellationRequest {
    background-color: #FFE680;
}

.bubble-date {
    text-align: right;
    max-width: 40%;
    text-overflow: ellipsis;
    overflow: hidden;
}

.bubble-type, .bubble-acting-user-label  {
    text-align: left;
    font-weight: bold;
    text-overflow: ellipsis;
    max-width: 60%;
    overflow: hidden;
}

.bubble-description, .bubble-description-prefix {
    text-align: left;
    max-height: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bubble-description-prefix {
    font-weight: 500;
}

.timeline-pointer-lightred {
    border-color: #EF9A9A transparent;
}

.timeline-pointer-lightyellow {
    border-color: #FFF59D transparent;
}

.timeline-pointer-lightgreen {
    border-color: #C5E1A5 transparent;
}

.timeline-pointer-lightorange {
    border-color: #ffb74d transparent;
}

.timeline-pointer-lightblue {
    border-color: #80DEEA transparent;
}

.timeline-pointer-darkblue {
    border-color: #ABB5EF transparent;
}

.timeline-pointer-lightpurple {
    border-color: #9FA8DA transparent;
}

.timeline-pointer-lightgrey {
    border-color: #BDBDBD transparent;
}

.timeline-pointer-grey {
    border-color: #828282 transparent;
}

.timeline-circle {
    border: 3px solid white;
    height: 17px;
    width: 17px;
    z-index: 2;
    border-radius: 50px;
}

.timeline-bar-margin {
    display: inline-flex;
    position: relative;
    margin: 25px 52px 40px 30px;
}

/* end Timeline */

.numbered-circle {
    position: absolute;
    bottom: 10px;
    left: 10px;
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    padding: 1px 2px 1px 2px;
    background: #000000;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
}

.numbered-circle-header {
    border-radius: 9px;
    min-width: 18px;
    height: 18px;
    padding: 1px 2px 1px 2px;
    background: #000000;
    color: #FFFFFF;
    text-align: center;
    font-size: 14px;
}

.numbered-circle-scrolllist-error {
    border-radius: 50%;
    color: #FFFFFF;
    width: 18px;
    height: 18px;
    text-align: center;
    font-size: 14px;
    margin-left: 16px !important;
}

.numbered-circle-scrolllist-error > SPAN {
    position: absolute;
    right: 21px;
    bottom: 5px;
}

.numbered-circle.basket-info-icon {
    bottom: 22px;
    left: 25px;
    font-size: 13px;
}

.detail-page-header-margin {
    padding: 32px 32px 32px 32px;
    width: 100%;
}

.hide-text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-item-canceled {
    position: absolute;
    color: red;
    font-weight: 900;
    font-size: medium;
    transform: rotate(-23deg);
    top: 20px;
    opacity: 0.25;
    right: 1%;
}

.price-deprecated {
    position: absolute;
    color: red;
    font-weight: 900;
    font-size: medium;
    top: 2px;
    opacity: 0.25;
    right: 170px;
}

.price-new {
    position: absolute;
    color: green;
    font-weight: 900;
    font-size: medium;
    top: 2px;
    opacity: 0.25;
    right: 170px;
}


.request-item-canceled {
    position: absolute;
    color: #f00;
    font-weight: 900;
    transform: rotate(-23deg);
    top: 20px;
    opacity: 0.25;
    font-size: 22px;
}

.product-list-item-denied {
    position: absolute;
    color: red;
    font-weight: 900;
    font-size: medium;
    top: 5px;
    opacity: 0.25;
    right: 10px;
}

.username-approval {
    margin: 3px 10px 0 5px;
    font-size: 14px;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.designator-approval {
    margin: 3px 10px 0 5px;
    font-size: 14px;
    width: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.datepicker-in-list {
    position: relative;
    left: -10px;
    padding-top: 8px;
    background-color: inherit !important;
}

.datepicker-in-list > .md-datepicker-input-container > input {
    background-color: inherit !important;
}

.delivery-note-item-header {
    clear: both;
    width: 100%
}

.delivery-note-input > * {
    margin: 0;
}

.delivery-note-item-header > .delivery-note-item-adjust:not(.delivery-note-first-item) {
    padding-left: 16px;
    padding-right: 16px;
}

.delivery-note-item-checkbox {
    padding-top: 10px;
}

.delivery-note-first-item {
    padding-left: 10px;
}

.delivery-note-row {
    outline: none;
    height: 80px;
    max-height: 80px;
    padding: 16px;
    position: relative;
}

.complaint-item {
    margin-right: 4px;
    margin-bottom: auto;
    margin-top: auto;
}

.complaint-first-item {
    padding-left: 10px;
}

.complaint-row {
    outline: 0;
    padding: 16px;
}

DIV.bottom-div {
    height: 48px;
}

.md-whiteframe-2dp {
    padding-top: 0;
}

.animate-if.ng-enter, .animate-if.ng-leave {
    transition: 0.5s ease-in all;
}

.animate-if.ng-enter {
    max-height: 0;
    opacity: 0;
}

.animate-if.ng-enter.ng-enter-active {
    max-height: 1000px;
    opacity: 1;
}

.animate-if.ng-leave {
    max-height: 1000px;
    opacity: 1;
}

.animate-if.ng-leave.ng-leave-active {
    max-height: 0;
    opacity: 0;
}

.animate-if-small.ng-enter, .animate-if-small.ng-leave {
    transition: 0.4s ease-in all;
}

.animate-if-small.ng-enter {
    max-height: 0;
    opacity: 0;
}

.animate-if-small.ng-enter.ng-enter-active {
    max-height: 300px;
    opacity: 1;
}

.animate-if-small.ng-leave {
    max-height: 300px;
    opacity: 1;
}

.animate-if-small.ng-leave.ng-leave-active {
    max-height: 0;
    opacity: 0;
}

.animate-if-small-delay.ng-enter, .animate-if-small-delay.ng-leave {
    transition: 0.4s ease-in all;
    transition-delay: 0.5s;
}

.animate-if-small-delay.ng-enter {
    max-height: 0;
    opacity: 0;
}

.animate-if-small-delay.ng-enter.ng-enter-active {
    max-height: 300px;
    opacity: 1;
}

.animate-if-small-delay.ng-leave {
    max-height: 300px;
    opacity: 1;
}

.animate-if-small-delay.ng-leave.ng-leave-active {
    max-height: 0;
    opacity: 0;
}

.animate-if-middle.ng-enter, .animate-if-middle.ng-leave {
    transition: 0.5s ease-in all;
}

.animate-if-middle.ng-enter {
    max-height: 0;
    opacity: 0;
}

.animate-if-middle.ng-enter.ng-enter-active {
    max-height: 600px;
    opacity: 1;
}

.animate-if-middle.ng-leave {
    max-height: 600px;
    opacity: 1;
}

.animate-if-middle.ng-leave.ng-leave-active {
    max-height: 0;
    opacity: 0;
}

.scroll-y {
    overflow-y: scroll;
}

.scroll-x {
    overflow-x: scroll;
}

.scroll-auto {
    overflow-x: auto;
}

.height-100 {
    height: 100%;
}

.height-700-px {
    height: 700px;
}

.height-40 {
    height: 40%;
    min-height: 40%;
}

.svg-100 {
    width: 100px;
    height: 100px;
}

.svg-150 {
    width: 150px;
    height: 150px;
    min-width: 150px;
    min-height: 150px;
}

.dialog-header-text {
    padding: 4px 0 4px 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.contact-info-line {
    padding: 6px 0 6px 6px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.subheader-fake {
    background-color: rgb(245, 245, 245);
    border-top: 1px solid rgb(244, 244, 244);
    color: #006065;
    line-height: 14px;
    position: relative;
    padding: 16px;
    outline: none;
}

.subheader-fake-expand {
    position: absolute;
    right: 8px;
}

.ix-border-bottom {
    border-bottom: 1px solid rgb(207, 207, 207);
}

.ix-border-top {
    border-top: 1px solid rgb(207, 207, 207);
}

.ix-border-right {
    border-right: 1px solid rgb(207, 207, 207);
}

.comparison-row {
    align-items: stretch;
}

.comparison-attribute-text {
    min-height: 36px;
    padding: 8px 8px 8px 8px;
    font-size: 13px;
    line-height: 20px;
    max-width: 200px;
}

.comparison-attribute-text-price {
    min-height: 36px;
    padding: 8px 8px 8px 8px;
    line-height: 20px;
    max-width: 200px;
}

.comparison-label-container {
    text-align: right;
    position: relative;
    color: rgba(0, 0, 0, 0.70);
    font-size: 12px;
    top: 386px;
    font-weight: 400;
}

.comparison-label-attributes {
    text-align: right;
    position: relative;
    color: rgba(0, 0, 0, 0.70);
    font-size: 12px;
    top: 424px;
    font-weight: 400;
}

.comparison-cardstyle {
    width: 240px;
    max-width: 240px;
    height: auto;
    margin-left: 0;
    margin-right: 4px;
    background-color: #ffffff;
}

.comparison-cardstyle-dummy {
    background-color: transparent;
    width: 160px;
    max-width: 160px;
}

.comparison-cardstyle-dummy .comparison-attribute-text {
    max-width: 140px;
}

.close-top-right {
    position: absolute;
    right: -8px;
    top: 0;
}

.comparison-close-right {
    position: absolute;
    right: -20px;
    top: -8px;
    z-index: 10;
}

.comparison-cardstyle-bottom {
    right: 0;
    max-width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    padding-bottom: 6px;
}

.comparison-menu-expand {
    position: absolute;
    right: 0;
}

.comparison-cardstyle-image {
    height: 200px;
    padding-top: 16px;
}

.comparison-cardstyle-expandheader {
    position: relative;
    padding: 10px;
    border-top: 1px solid #e0e0e0;
    outline: none;
}

.comparison-basket-link-section {
    border-top: 1px solid #e0e0e0;
}

.comparison-cardstyle-description {
    padding: 16px 16px 0 8px;
    font-size: 13px;
    overflow: hidden;
    margin-bottom: 16px;
}

.comparison-cardstyle-header {
    color: rgba(0, 0, 0, 0.54);
    font-size: 16px;
    white-space: normal;
    margin-right: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    /*max-height: 44px;*/
}

.comparison-cardstyle-bottom-container {
    max-height: 80px;
    padding: 8px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    box-sizing: border-box;
}

.comparison-cardstyle-container {
    padding: 16px;
    overflow: hidden;
}

input[readonly] {
    border: 0;
}

.md-button {
    font-weight: 600;
}

.ix-status-text {
    font-weight: bold;
    color: #676262;
    text-transform: uppercase;
}

.no-transition {
    transition: none !important;
}

md-tooltip .md-content {
    height: auto;
    white-space: normal;
}

.md-tooltip {
    pointer-events: none;
    border-radius: 4px;
    overflow: hidden;
    opacity: 0;
    font-weight: 500;
    font-size: 14px;
    white-space: normal;
    text-overflow: unset;
    height: auto;
    line-height: 24px;
    padding: 4px 16px;
    max-width: 700px;
}

.small-tooltip {
    pointer-events: none;
    border-radius: 4px;
    overflow: hidden;
    opacity: 0;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 10px;
    height: 22px;
    line-height: 16px;
    padding-right: 8px;
    padding-left: 8px;
}

.open-government-tooltip {
    pointer-events: none;
    border-radius: 4px;
    overflow: hidden;
    opacity: 0;
    font-weight: 500;
    font-size: 14px;
    white-space: pre-line;
    text-overflow: ellipsis;
    height: auto;
    width: 450px;
    line-height: 24px;
    padding: 8px 16px 8px 16px;
}

.icon-button-menu {
    font-weight: 100;
    top: 7px;
}

.md-card {
    margin: 8px 8px 0 8px;
}

.md-card .md-actions, md-card md-card-actions {
    margin: 0;
    padding: 8px;
}

.md-button-card-style {
    height: 40px;
    min-width: 48px;
    border-radius: 0 0 0 0;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-color: white;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.crop-area {
    background: #eee;
    overflow: hidden;
    width: 400px;
    height: 400px;
}

.crop-images {
    padding-bottom: 52px;
    padding-top: 10px;
}

.crop-images-no-area {
    padding-top: 10px;
}

.no-height {
    height: 0;
}

.scheduler-picker-day-wrapper-top {
    width: 336px;
    height: 240px;
    border: 1px solid lightgray;
    border-radius: 20px;
}

.schedule-picker-day-wrapper {
    overflow: hidden;
    width: 14%;
    text-align: center;
}

.schedule-picker-day {
    cursor: pointer;
    height: 80%;
    width: 80%;
    margin-left: 10%;
    margin-top: 10%;
    text-align: center;
    padding-top: 9px;
    outline: 0;
    border-radius: 20px;
}

.schedule-picker-day:hover {
    background-color: rgb(224, 224, 224);
}

.ix-thumbnail-container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 8px;
    width: 310px;
}

.scheduler-picker-week-wrapper-top {
    padding: 4px 0 4px 0;
    border: 1px solid #d3d3d3;
    border-radius: 8px;
    justify-content: center;
}

.schedule-picker-week-wrapper {
    border-radius: 8px;
    overflow: hidden;
    text-align: center;
    height: 30px;
    width: 77px;
    display: grid;
}

.schedule-picker-week {
    cursor: pointer;
    text-align: center;
    padding: 4px;
    outline: 0;
    border-radius: 8px;
    width: 100%;
    min-width: 80px;
}

.schedule-picker-week:hover {
    background-color: rgb(224, 224, 224);
}

.ix-main-image > .md-card-image-box, .ix-thumbnail > .md-card-image-box {
    background-size: contain;
    background-position: center;
}

.ix-main-image {
    width: 292px;
    height: 292px;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
}

.ix-main-image img {
    object-fit: contain;
}

.ix-small-main-image {
    min-width: 64px;
    width: 64px;
    min-height: 64px;
    height: 64px;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
}

.ix-small-main-image img {
    object-fit: contain;
}

.ix-main-image-container {
    width: 300px;
    min-width: 300px;
    height: 300px;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
}

.ix-main-image-container .ix-main-image img {
    object-fit: contain;
}

.ix-main-image-container-right-after {
    margin-left: 330px;
}

.ix-main-image > img {
    width: 100%;
}

.ix-thumbnail {
    width: 52px;
    height: 52px;
    margin-right: 8px;
    outline: none;
}

.push-content {
    width: 100%
}

.disposition-wait-item-amount {
    text-align: right;
}

.disposition-work-dialog-line {
    cursor: pointer;
    outline: 0
}

.quick-stat-panel {
    height: 240px;
    width: 240px;
}

.quick-stat-panel-section {
    height: 50%;
}

.quick-stat-panel-value {
    text-align: center;
    line-height: 80px;
    max-height: 100px;
    overflow: hidden;
}

.quick-stat-period-selection {
    padding: 0;
    margin-top: -5px;
}

.quick-stat-word-cloud {
    height: 400px;
    width: 1264px;
}

.content-dashboard-card {
    padding-top: 0;
}

.content-dashboard-period-type {
    width: 179px;
}

.ix-dialog-side {
    min-width: 300px;
}

.ix-dialog-side-product {
    min-width: 350px;
}

.missing-image {
    background-image: url('../img/missing-image.jpg');
}

.ix-info-faded {
    color: #c8c8c8;
}

.search-words > svg > g > text {
    cursor: pointer;
}

.white-font {
    color: rgba(255, 255, 255, 0.87);
}

.feed-header-small {
    border-bottom: 1px solid #c7c7c7;
    padding: 8px 18px 8px 42px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    background: #f7f7f7;
    width: 192px;
}

.feed-cell-small-no-border {
    background: white;
    height: auto;
    padding: 8px 18px;
    border-top: 1px solid #c7c7c7;
    outline: 1px solid transparent;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 192px;
    box-sizing: border-box;
}

.feed-header-big {
    height: 16px;
    padding: 8px 18px 8px 10px;
    border-bottom: 1px solid #c7c7c7;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    background: #f7f7f7;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 384px;
    box-sizing: border-box;
}

.feed-cell-small {
    background: white;
    height: auto;
    padding: 8px 18px;
    border-left: 4px solid transparent;
    border-bottom: 1px solid #c7c7c7;
    outline: 1px solid transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 192px;
    box-sizing: border-box;
}

.feed-cell-small-left {
    background: white;
    height: auto;
    padding: 8px 18px;
    border-left: 4px solid transparent;
    border-bottom: 1px solid #c7c7c7;
    outline: 1px solid transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 192px;
    box-sizing: border-box;
}

.feed-cell-small:hover {
    border-left: 4px solid #002F73;
}

.feed-row {
    outline: 1px solid transparent;
    max-height: 37px;
    height: 37px;
    border-left: 8px solid transparent;
}

.feed-row:hover {
    border-left: 8px solid #002F73;
}

.feed-row-selected {
    background: #DEDEDE;
    border-left: 4px solid #002F73;
    outline: 1px solid transparent;
    max-height: 37px;
}

.feed-row-left {
    outline: 1px solid transparent;
    max-height: 37px;
    height: 37px;
    border-left: 5px solid transparent;
}

.feed-row-left:hover {
    border-left: 5px solid #002F73;
}

.feed-row-left-selected {
    background: #DEDEDE;
    border-left: 2px solid #002F73;
    outline: 1px solid transparent;
    max-height: 37px;
}

.feed-cell-big {
    padding-left: 10px;
    background: white;
    height: auto;
    border-left: 0;
    border-top: 1px solid #c7c7c7;
    outline: 1px solid transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 384px;
    max-width: 384px;
    box-sizing: border-box;
}

.feed-cell-big-selected {
    padding-left: 10px;
    height: auto;
    border-top: 1px solid #c7c7c7;
    outline: 1px solid transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 384px;
    max-width: 384px;
    box-sizing: border-box;
    background: #DEDEDE;
    border-left: 8px solid #002F73;
}

.feed-cell-small-no-border-selected {
    height: auto;
    padding: 8px 18px;
    border-top: 1px solid #c7c7c7;
    outline: 1px solid transparent;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 192px;
    box-sizing: border-box;
    background: #DEDEDE;
}

.feed-cell-selected {
    background: #DEDEDE;
    height: auto;
    padding: 8px 18px;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    border-left: 8px solid #002F73;
    outline: 1px solid transparent;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: 192px;
    box-sizing: border-box;
}

.feed-cell-left-selected {
    background: #DEDEDE;
    outline: 1px solid transparent;
    height: auto;
    padding: 8px 18px;
    border-left: 5px solid #002F73;
}

.dialog-height-without-toolbar {
    height: calc(100vh - 128px);
}

.outlet-name-in-subheader {
    float: right;
}

.control-label {
    vertical-align: top;
}

.basket-mandatory-group-label {
    vertical-align: top;
}

.align-text-top {
    vertical-align: top;
}

.lobby-panel-small {
    /*height: 240px;*/
    width: 240px;
    min-width: 240px;
}

.lobby-panel-wrapper {
    position: relative;
    z-index: 1;
    padding-top: 8px;
    /*height: 280px;*/
    overflow: hidden;
}

.feedreader-padding-top {
    top: 10px;
}

.lobby-header-tiles {
    width: 1265px;
}

.feed-reader-wrapper > md-card-content{
    height: 100%;
}

.feed-reader-content-wrapper {
    height: 300px;
    max-height: 300px;
}

.feed-reader-feed {
    width: 192px;
}

.feed-reader-content {
    border-left: 1px solid #545454;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
}

.feed-reader-content-table {
    overflow: hidden;
    table-layout: fixed;
    width: 100%;
}

.feed-reader-content-wrap {
    display: table-footer-group;
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    display: -moz-box;
}

.feed-reader-description {
    height: 150px;
}

.feed-reader-description-content {
    min-height: 80px;
    height: 80px;
}

.no-products-card {
    width: 60%;
}

.approver-selection-content {
    min-height: 250px;
    padding-bottom: 48px;
}

.approval-status-content {
    align-items: center;
}

.ix-read-only-chip > md-chips-wrap {
    box-shadow: none !important;
}

md-chips.md-shop-theme md-chip {
    font-size: 14px;
}

.comment-input {
    margin-top: 0
}

.new-comment > div > textarea {
    color: white !important;
}

.comment-input > label {
    color: rgba(250, 250, 250, 0.7) !important;
    font-size: 11px;
}

.comment-input > div > textarea {
    color: white !important;
}

div.md-subheader {
    background-color: rgb(240, 240, 240);
}

.ix-panel-menu-icon {
    position: absolute;
    right: -20px;
    top: -8px;
}

.basket-item-amount-error {
    padding-top: 20px;
}

.ix-burger-menu-product-card {
    bottom: 0;
    right: -6px;
    position: absolute;
}

.ix-list-filter-menu {
    padding-top: 10px;
}

.ix-autocomplete-remove-space {
    margin-bottom: -32px;
}

.profile-delegation-button {
    bottom: 12px;
}

input.ix-filter-input {
    padding-right: 20px;
    margin-right: 28px;
}

input.ix-filter-input::-ms-clear {
    display: none;
}

input.ix-filter-input-server {
    padding-right: 20px;
    margin-right: 12px;
}

.ix-async-filter-input-server {
    padding-right: 20px;
    width: 100%;
}

.ix-async-filter-input-server > md-autocomplete > md-autocomplete-wrap > md-input-container > INPUT {
    padding-right: 20px;
}

.ix-async-filter-delete {
    right: 20px;
    top: 22px;
    position: absolute;
    outline: none;
}

input.ix-filter-input-server::-ms-clear {
    display: none;
}

.filter-delete {
    outline: 0;
    position: absolute;
    right: -2px;
}

TR.empty-line {
    height: 16px;
}

.datepicker-label {
    margin-top: 8px;
}

.datepicker-required::after {
    content: " *";
    font-size: 13px;
    vertical-align: top;
}

.datepicker-top-required::after {
    content: " *";
    font-size: 11px;
    vertical-align: top;
}

.add-required-spacing .datepicker-label::after  {
    visibility: hidden;
    content: " *";
    font-size: 13px;
    vertical-align: top;
}

.basket-supplier-deselected {
}

.basket-supplier-selected {
    border: 2px solid;
    margin: 5px 5px 5px 5px;
}

.md-subheader-wrapper {
    z-index: 21 !important;
}

.md-subheader {
    z-index: 4 !important;
}

.ix-dropdown-submenu {
    overflow: hidden;
    padding-left: 0;
    transition: all .2s ease-in-out;
    max-height: 0;
}

.ix-dropdown-block {
    overflow: hidden;
    padding-left: 0;
    transition: all .2s ease-in-out;
    max-height: 100%;
}

.rotate-180 {
    transition: all .2s ease-in-out;
    transform: rotate(180deg);
}

.rotate-270 {
    transition: all .2s ease-in-out;
    transform: rotate(225deg);
}

.rotate-0 {
    transition: all .2s ease-in-out;
    transform: rotate(0deg);
}

.address-pref-wrapper {
    width: 100%;
    padding-bottom: 8px;
    max-height: 488px;
    overflow-y: auto;
}

.address-pref-description {
    margin-top: 10px;
}

.address-pref-editor {
    visibility: hidden;
}

.address-pref-row {
    max-height: 40px;
    height: 40px;
    padding-left: 12px;
    border-bottom: 1px solid #c7c7c7;
    border-left: 3px solid transparent;
}

.address-pref-row:hover {
    border-left: 3px solid #002F73;
}

.address-pref-row:hover .address-pref-editor {
    visibility: visible;
}

.address-pref-close-icon {
    position: relative;
    cursor: pointer;
    outline: 0;
    top: 6px;
    font-size: 1.3em;
    padding-top: 4px;
    margin-right: 5px;
}

.address-pref-edit-button {
    min-width: 120px;
}

.address-prefs-input {
    width: 100%;
    bottom: 0;
    position: absolute;
    height: 41px;
}

.address-prefs-icon {
    height: 12px;
    width: 26px;
    top: 6px;
    padding-right: 0;
    margin-right: 10px;
    padding-left: 16px;
}

.address-prefs-icon::before {
    position: relative;
    bottom: 8px;
}

.address-prefs-delete-icon {
    height: 12px;
    width: 40px;
    top: 6px;
    padding-right: 0;
    margin-right: 10px;
    padding-left: 16px;
}

.address-prefs-delete-icon::before {
    position: relative;
    bottom: 8px;
}

.address-prefs-content {
    height: 529px;
    position: relative;
    -ms-overflow-x: hidden;
    -ms-overflow-y: hidden;
}

.basket-supplier-header {
    outline: 0;
}

.toggle-sidebar-toolbar {
    padding: 0;
}

.toggle-sidebar {
    position: absolute;
    top: 13px;
    color: grey;
}

.sidebar-menu-list {
    padding: 0;
    overflow: hidden;
}

.hidden-overflow {
    overflow: hidden;
}

.hidden-overflow-y {
    overflow-y: hidden;
}

.sidebar-submenu-item {
    padding-left: 32px;
}

.sidebar-dropdown-button {
    color: grey;
}

.filter-hide-button {
    color: grey;
    position: absolute;
    right: 0;
    top: 12px;
}

md-sidenav.ix-sidebar-right {
    box-shadow: 0 0 4px #a1a1a1;
    max-width: 250px;
    min-width: 250px;
    position: fixed;
    width: 250px;
    transition: all .4s ease-in-out;
}

.scroll-icon-button::before {
    transform: rotate(90deg);
    right: 2px;
}

app-list-link {
    height: 36px;
}

.ix-list-link-icon {
    top: 2px;
    position: relative;
}

.column-center-label {
    text-align: center;
    color: #999999;
    min-height: 36px;
}

.column-label {
    color: #999999;
    padding-right: 32px;
}

.column-data {
    padding-right: 32px;
}

.ix-logo-image {
    padding-top: 2px;
    width: 200px;
    vertical-align: middle;
}

.ix-pagination-nav {
    white-space: nowrap;
}

md-card-actions.min-height {
    min-height: 53px;
}

md-card-actions.min-height {
    min-height: 53px;
}

.min-width-10 {
    min-width: 10%;
}

.min-width-20 {
    min-width: 20%;
}

.min-width-30 {
    min-width: 30%;
}

.max-width-30 {
    max-width: 30%;
}

.min-width-40 {
    min-width: 40%;
}

.min-width-50 {
    min-width: 50%;
}

.min-width-60 {
    min-width: 60%;
}

.min-height-order-details-row-1 {
    min-height: 4.5em;
    padding: 0.5em;
}

.min-height-order-details-row-2 {
    min-height: 5em;
    padding: 0.5em;
}

.min-height-order-details-row-3 {
    min-height: 4em;
    padding: 0.5em;
}

.min-height-order-details-row-4 {
    min-height: 4em;
    padding: 0.5em;
}

.min-height-order-details-row-5 {
    min-height: 4em;
    padding: 0.5em;
}

.min-height-order-details-row-6 {
    min-height: 4em;
    padding: 0.5em;
}

.order-details-buyer-list-item {
    padding-left: 0.5em;
}

.order-details-buyer-list-wrapper {
    padding: 0.5em 0em;
}

.order-details-contact-name {
    font-size: 16px;
}

.ix-font-size-16 {
    font-size: 16px;
}

.ix-status-chip {
    cursor: default;
    border-radius: 16px;
    display: block;
    height: 32px;
    line-height: 32px;
    margin: 8px 8px 0 0;
    padding: 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    text-align: center;
    min-width: 80px;
    position: absolute;
    font-weight: 600;
    top: -16px;
    color: white;
    right: 0;
    white-space: nowrap;
}

.status-overview-chip .ix-status-chip {
    height: 20px;
    line-height: 20px;
    padding: 0 8px;
    font-size: 12px;
    position: relative;
    top: 0;
    margin: 0;
}

.ix-search-fab {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

.ix-search-fab-filters {
    position: absolute;
    bottom: 73px;
    right: 16px;
}

ix-category-filters {
    width: 100%;
}

ix-category-filters md-input-container {
    width: 49%;
    max-width: 500px;
    min-width: 325px;
}

.ix-main-filter > .md-select-value {
    color: white !important;
}

.ix-main-filter > .md-select-value .md-select-placeholder {
    color: white !important;
}

.ix-main-filter > .md-select-value .md-select-icon {
    color: white !important;
}

.ix-attribute-search-row {
    width: 186px
}

.new-comment-input {
    width: 50%;
}

.new-comment-input > textarea {
    padding-right: 24px;
}

.ix-list-fab-button {
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.dropdown-submenu-wrapper.active .sidebar-menu-link, .dropdown-submenu-wrapper.active {
    background: rgba(158, 158, 158, 0.18);
}

.custom-input-container-cancel {
    display: inline-block;
    position: relative;
    margin: 4px 0 4px;
    bottom: 12px;
    vertical-align: middle;
}

.ix-middle {
    vertical-align: middle;
}

.sidebar-special-dropdown {
    border-top: 1px solid rgb(207, 207, 207);
}

.sidebar-special-dropdown .sidebar-submenu-link {
    color: #666666;
}

.ix-menu-item-height {
    min-height: 36px;
    height: 36px;
}

.CubeCell {
    height: 26px;
    padding: 4px;
    border-bottom: 1px solid #d2d2d2;
    text-align: right;
    flex-direction: row-reverse;
    outline: 0;
}

.CubeCellColumnHeader, .CubeCellRowHeader {
    font-weight: bold;
    white-space: nowrap;
    background-color: #f4f4f4;
    flex-direction: row;
}

.CubeCellHeader {
    min-width: 160px;
}

.CubeCellHeader > span {
    max-width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.CubeRowSelected {
    background-color: rgb(146, 229, 90);
}

.CubeColumnSelected {
    background-color: rgb(146, 229, 90);
}

.CubeBothSelected {
    background-color: #49722d;
}

.HeaderColumn {
    margin-left: -150px;
}

.HeaderColumn > .CubeCellHeader > span {
    min-width: 160px;
}

.TopText {
    transform: translate(0, 0);
}

md-content.md-whiteframe-z1._md.md-monitor-theme {
    background-color: white;
}

md-content.md-whiteframe-z1._md.md-admin-theme {
    background-color: white;
}

nvd3 > svg {
    height: 90%;
}

.show-on-hover {

}

.show-on-hover-item {
    visibility: hidden;
}

.show-on-hover:hover .show-on-hover-item {
    visibility: visible;
}

.basket-approval-selection-template-input {
    margin: 8px 0 0 0;
}

.basket-approval-selection-template-autocomplete {
    min-width: 250px;
    padding-right: 16px;
}

.basket-approval-selection-template-delete {
    padding-top: 7px;
    outline: none;
    width: 0;
    padding-right: 16px;
}

.basket-approval-selection-template-name {
    overflow: hidden;
    text-overflow: ellipsis;
}

.ix-dialog-medium {
    min-width: 800px;
    min-height: 500px;
}

.ix-dialog-medium-scrollable {
    min-width: 800px;
}

.basket-template-actions {
    max-height: 42px;
}

.basket-template-actions > div {
    padding-right: 20px;
}

.basket-template-actions > div > md-menu {
    margin-top: 8px;
    visibility: hidden;
}

.basket-template-actions:hover > div > md-menu {
    visibility: visible;
}

.basket-template-menu-link {
    max-width: 219px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.basket-approval-icon-divider {
    background-color: #BDBDBD;
    width: 5px;
    position: relative;
}

.basket-approval-icon-divider-size-1 {
    height: 106px;
    bottom: 50px;
}

.basket-approval-icon-divider-size-2 {
    height: 141px;
    bottom: 68px;
}

.basket-approval-icon-divider-size-3 {
    height: 175px;
    bottom: 85px;
}

.basket-approval-icon-divider-size-4 {
    height: 209px;
    bottom: 102px;
}

.basket-approval-icon-divider-size-5 {
    height: 243px;
    bottom: 119px;
}

.basket-approval-icon-divider-size-6 {
    height: 277px;
    bottom: 136px;
}

.basket-approval-supplier-divider-size-1 {
    height: 103px;
    top: 49px;
}

.basket-approval-supplier-divider-size-2 {
    height: 138px;
    top: 67px;
}

.basket-approval-supplier-divider-size-3 {
    height: 172px;
    top: 84px;
}

.basket-approval-supplier-divider-size-4 {
    height: 202px;
    top: 99px;
}

.basket-approval-supplier-divider-size-5 {
    height: 238px;
    top: 117px;
}

.basket-approval-supplier-divider-size-6 {
    height: 273px;
    top: 134px;
}

.ix-margin-top-32 {
    margin-top: 32px;
}

.ix-margin-top-64 {
    margin-top: 64px;
}

.ix-margin-top-76 {
    margin-top: 76px;
}

.ix-margin-top-96 {
    margin-top: 96px;
}

.ix-margin-top-70 {
    margin-top: 70px;
}

.ix-margin-top-70-negative {
    margin-top: -70px;
}

.ix-margin-top-22-negative {
    margin-top: -22px;
}

.ix-margin-top-20 {
    margin-top: 20px;
}

.ix-margin-8px {
    margin: 8px;
}

.ix-fixed-height-20 {
    height: 20px;
    text-align: center;
}

.empty-spacer-22 {
    height: 22px;
    text-align: center;
}

.ix-status-approval-horizontal-separator {
    background-color: #BDBDBD;
    height: 5px;
    width: 368px;
    margin: 43px 64px -8px 48px;
}

.ix-basket-approval-horizontal-separator {
    background-color: #BDBDBD;
    height: 5px;
    width: 384px;
    margin: 18px 64px -42px 49px;
}

.approval-offset {
    top: -7px;
    position: relative;
}

.approval-offset-big {
    top: -24px;
    position: relative;
}

.ix-margin-top {
    margin-top: 16px;
}

.ix-margin-top-8px {
    margin-top: 8px;
}

.ix-margin-top-28 {
    margin-top: 28px;
}

.catalog-list-item {
    position: absolute;
    top: 31px;
    width: 10%;
}

.catalog-list-title {
    max-width: calc(100% - 100px);
    position: absolute;
    top: 12px;
}

.catalog-list-title2 {
    position: absolute;
    top: 30px;
}

.catalog-list-sub-item {
    position: absolute;
    top: 30px;
}

.catalog-track-list-item {
    height: 23px;
    overflow: hidden;
}

.md-scroll-mask {
    display: none !important;
}

.pointer-down-lot {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: rgba(97, 97, 97, .9) transparent;
    display: block;
    width: 0;
    z-index: 1;
    left: 42px;
    top: 24px;
}

.pointer-up-lot {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: rgba(97, 97, 97, .9) transparent;
    display: block;
    width: 0;
    z-index: 1;
    left: 42px;
    top: -8px;
}

.lot-usage-tooltips {
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
    z-index: 100;
}

.lot-usage:hover > .lot-usage-tooltips {
    opacity: 1;
    visibility: visible;
    transition: all 0.3s ease-in-out;
}

.lot-usage-tooltip {
    border-radius: 4px;
    background-color: rgba(97, 97, 97, .9);
    padding: 5px;
    width: 100%;
    text-align: center;
}

.lot-usage-tooltip-wrapper-top {
    position: absolute;
    color: rgba(255, 255, 255, 0.87);
    font-size: 10px;
    width: 100px;
    top: 50px;
}

.lot-usage-tooltip-wrapper-bottom {
    position: absolute;
    color: rgba(255, 255, 255, 0.87);
    font-size: 10px;
    width: 100px;
    top: -20px;
}

.lot-usage {
    position: relative;
}

.lot-usage-wrapper {
    padding-left: 32px;
    padding-right: 32px;
}

.lot-usage-progress {
    z-index: 1;
    position: absolute;
    border-radius: 8px;
    background-color: #006065;
    height: 12px;
    box-shadow: inset 0 0 10px #494949;
}

.lot-usage-not-used-progress {
    width: 100%;
    z-index: 0;
    border-radius: 8px;
    position: absolute;
    height: 12px;
    background-color: #fff;
    box-shadow: inset 0 0 10px #494949;
}

.contact-user-elem {
    width: 120px;
    text-align: center;
}

.contact-user-name, .reference-user-name {
    word-break: normal;
    word-wrap: normal;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.010em;
    line-height: 24px;
    margin-bottom: 0.25em;
}

.font-size-12 {
    font-size: 12px;
}

.contact-user-product-family {
    padding-top: 6px;
}

.supplier-contact-wrapper {
    max-width: 192px;
    padding-right: 16px;
}

.nabe-logo {
    width: 50px;
    margin-left: 7px;
    top: 0;
    margin-top: -14px;
}

.avis-dropdown {
    position: absolute;
    right: 16px;
    top: 0;
}

.avis-dropdown > SPAN {
    position: absolute;
    top: -11px;
    font-size: 13px;
    left: 3px;
}

.avis-datepicker {
    margin-left: 16px;
}

.avis-amount {
    justify-content: flex-end;
    position: relative;
}

.avis-amount > md-input-container {
    width: 100px;
    margin-right: 250px;
}

.date-difference > div > md-datepicker > div > input {
    color: #DD2C00 !important;
}

.date-difference > div > md-datepicker > button > md-icon {
    color: #DD2C00 !important;
}

.date-difference > div > label {
    color: #DD2C00 !important;
}

.amount-difference > label {
    color: #DD2C00 !important;
}

.amount-difference > input {
    color: #DD2C00 !important;
}

.min-width-20 {
    min-width: 20%;
}

.min-width-15 {
    min-width: 15%;
}

.min-width-80 {
    min-width: 80%;
}

.dropzone {
    height: 200px;
    width: auto;
    border: 2px solid rgb(229, 229, 229);
    text-align: center;
    outline: 0;
}

.dropzone:hover:not(.disabled) {
    background-color: rgba(229, 229, 229, .5);
}

.drop-message {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #898989;
}

.catalog-upload-items {
    height: 200px;
    width: auto;
    border: 2px solid rgb(229, 229, 229);
    text-align: center;
    outline: 0;
}

.catalog-upload-items-dialog {
    text-align: center;
    color: #898989;
    border: 2px solid rgb(229, 229, 229);
}

.product-panel-price {
    width: 100%;
    padding-right: 32px;
    text-align: right;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
}

.product-panel-price-with-options {
    width: 100%;
    padding-right: 52px;
    text-align: right;
    font-weight: bold;
    position: absolute;
    bottom: 10px;
}

.product-overlay-button {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.55);
    color: white;
    bottom: 4px;
    right: 0;
    display: none;
}

.product-overlay-button-mat {
    background-color: rgba(0, 0, 0, 0.55);
    color: white;
    bottom: 4px;
    right: 0;
    display: none;
}

.hero-tile:hover .product-overlay-button {
    display: block;
}

.ix-select-container md-content, .ix-select-container md-select-menu {
    max-height: 575px;
}

.product-overlay-button:hover {
    background: rgba(0, 0, 0, 0.75) !important;
    color: white;
}

.product-overlay-button-mat:hover {
    background: rgba(0, 0, 0, 0.75) !important;
    color: white;
}

.ix-search-toolbar > md-toolbar.ix-action-toolbar.md-shop-theme {
    background: #006065;
}

.md-subheader-wrapper .md-subheader.ix-dialog-subheader {
    margin-right: -8px;
    left: 8px;
    margin-top: 1px;
}

.width-300 {
    min-width: 300px;
}

.demand-dispatch-dialog-content {
    min-height: 178px;
}

.autocomplete-warning-message-required {
    color: rgb(221, 44, 0);
}

.ix-list-view {
    position: relative;
}

.comment-attachment-file-name {
    padding-left: 2px;
}

.comment-attachment-download-button {
    right: 16px;
    position: absolute;
    bottom: 16px;
}

.comment-attachment-wrapper {
    position: relative;
    padding-left: 2px;
}

.comment-attachment-hint {
    color: #898989;
    position: relative;
    bottom: 12px;
}

.comment-attachment-hint > div {
    position: absolute;
    right: 5px;
    bottom: 4px;
}

.comment-attachment-hint.attachment-only {
    bottom: 0;
    align-self: center;
}

.comment-attachment-upload-button {
    margin-top: -32px;
    margin-left: -4px;
}

.comment-delete-button {
}

.dropzone-comment {
    border: 3px dashed rgba(0, 0, 0, 0);
}

.comment-row-other {
    padding-right: 5px;
}

.comment-row-own {
    padding-left: 5px;
}

.express-order-icon {
    width: 100%;
    text-align: center;
    top: 59px;
    position: absolute;
}

.table-timeline-description {
    max-width: 800px;
    position: relative;
    background: #ffffff;
    border: 2px solid #828282;
    border-radius: 5px;
    padding: 4px 8px 4px 8px;
}

.table-timeline-description:after, .table-timeline-description:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.table-timeline-description:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #ffffff;
    border-width: 7px;
    margin-top: -7px;
}

.table-timeline-description:before {
    border-color: rgba(130, 130, 130, 0);
    border-right-color: #828282;
    border-width: 10px;
    margin-top: -10px;
}

.table-timeline-line {
    height: 120px;
    width: 3px;
    position: absolute;
    top: 0;
    left: 30px;
}

.table-timeline-line-first {
    height: 120px;
    width: 3px;
    position: absolute;
    top: 16px;
    left: 30px;
}

.table-timeline-line-last {
    height: 68px;
    width: 3px;
    position: absolute;
    top: -16px;
    left: 30px;
}

.table-timeline-line-single {
    height: 36px;
    width: 3px;
    position: absolute;
    top: 16px;
    left: 30px;
}

.table-timeline-dot {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.table-timeline-dot-small {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.table-timeline-separator {
    padding: 0 24px 0 24px;
    position: relative;
    height: 100%;
    overflow: hidden;
}

.table-timeline-date {
    color: #828282;
    white-space: nowrap;
}

.address-input-additional-fields-label {
    color: #828282;
    font-weight: bold;
    vertical-align: bottom;
}

.ix-no-error-spacer md-input-container {
    margin-bottom: 6px !important;
}

.ix-no-error-spacer md-input-container .md-errors-spacer {
    min-height: 1px;
    height: 1px !important;
    max-height: 1px;
    margin-bottom: 2px !important;
}

.ix-inline-block {
    display: inline-block;
}

.ix-phone-number-ro-input {
    /* It's my style, don't allow material overwrite it. */
    text-align: left !important;
}

.ix-phone-number-full {
    margin: 18px;
}

.ix-phone-number-before-input {
    float: left;
    vertical-align: middle;
    padding-top: 3px;
}

/**
 Dirty, but otherwise the errors spacer uses too much vertical space.
 */
.ix-inline-block md-input-container .md-errors-spacer {
    min-height: 1px;
    height: 2px !important;
}

.ix-inline-block .country-code {
    width: 3em;
}

.ix-inline-block .area-code {
    width: 4em;
}

.ix-inline-block .network-code {
    width: 5em;
}

.ix-inline-block .number-code {
    width: 4em;
}

.ix-inline-block input {
    outline: none;
    text-align: right;
    border-width: 0 0 1px 0;
    padding: 0;
    margin: 0;
}

.ix-phone-number-input {
    padding: 2px;
    margin: 25px 2px 2px 2px;
}

.rectangle-chip {
    background-color: white;
    width: 450px;
    padding: 16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    border-left: 1px solid lightgrey;
    border-right: 1px solid lightgrey;
    border-bottom: 1px solid lightgrey;
    outline: 0;
    border-radius: 2px;
    margin: 0 auto;
    position: relative;
    height: 93px;
}

.rectangle-chip-pointer {
    position: absolute;
    right: 6px;
    top: 33px;
    color: grey;
}

.wordwrap {
    word-wrap: break-word; /* IE 5+ */
    word-break: normal;
}

.rectangle-chip:hover {
    background-color: rgb(242, 242, 242);
}

.delegate-element:hover {
    background-color: rgb(242, 242, 242);
}

.all-delegations:hover {
    background-color: rgb(242, 242, 242);
}

.delegate-element {
    background-color: white;
    padding: 16px;
    border-top: 1px solid lightgrey;
    outline: 0;
    border-radius: 2px;
    margin: 0 auto;
    position: relative;
    height: 76px;
}

.delegation-image {
    width: 116px;
}

.delegation-text {
    padding-left: 10px;
}

.user-info-text {
    min-width: 250px;
    width: 100%;
}

.all-delegations {
    background-color: white;
    padding: 16px;
    border-top: 1px solid lightgrey;
    outline: 0;
    border-radius: 2px;
    margin: 0 auto;
    position: relative;
    height: 54px;
}

.all-delegations-pointer {
    position: absolute;
    right: 14px;
    top: 20px;
    color: grey;
}

.delegate-pointer {
    position: absolute;
    right: 14px;
    top: 31px;
    color: grey;
}

.delegate-chip-label {
    padding-right: 32px;
    overflow: hidden;
    max-width: 320px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.rectangle-chip-label {
    overflow: hidden;
    max-width: 320px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table-display {
    display: table;
}

.table-cell-middle {
    display: table-cell;
    vertical-align: middle;
}

.table-cell-middle-padding {
    padding: 8px 0 8px 0;
    display: table-cell;
    vertical-align: middle;
}

.already-logged-in-label {
    position: absolute;
    color: red;
    font-weight: 900;
    top: 0;
    opacity: 0.25;
    right: 8px;
    font-size: 14px;
}

.custom-login-page-logo {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 60%;
    height: 120px;
}

.row-message-caption {
    overflow: hidden;
    text-overflow: ellipsis;
    height: 4em;
    position: relative;
    max-width: 280px;
    font-size: 12px;
    letter-spacing: .02em;
}

ix-price {
    text-align: right;
    margin: 18px 0;
}

.ix-price {
    white-space: nowrap;
}

.ix-price-original-currency{
    font-size: 18px;
}

.product-row ix-price {
    text-align: right;
    margin: auto 0;
}

.discount-select-container .md-text {
    width: 100%;
    min-width: 250px;
}

TABLE.table-padding > tbody > tr > td, .table-padding > thead > tr > td, .table-padding > tbody > tr > th  {
    padding-right: 32px;
}

TABLE.table-padding > thead > tr > td {
    padding-bottom: 16px;
}

TABLE.table-padding > tbody > tr > td, .table-padding > tbody > tr > th {
    padding-bottom: 8px;
}

.catalog-list-product-group {
    padding-top: 5px;
}

.catalog-list-product-group-icon {
    padding-top: 1px;
    padding-right: 6px;
}

.catalog-list-product-icon {
    padding-top: 2px;
    padding-right: 6px;
}

.deprecated-checkbox > div > .md-icon {
    box-shadow: red 0 0 4px 2px;
}

.no-order-checkbox > div > .md-icon {
    box-shadow: darkorange 0 0 4px 2px;
}

.checkbox-with-dropdown-list-column {
    margin: auto;
    padding-left: 4px;
    white-space: nowrap;
    width: 56px;
}

.accent-checkbox > div > .md-icon {
    box-shadow: green 0 0 4px 2px;
}

.pat-unit {
    right: 2px;
    position: absolute;
    bottom: 6px;
}

.input-adjustment {
    padding-left: 2px;
}

.leasing-company-line {
    height: 48px;
}

.leasing-company-checkbox {
    margin-bottom: 0;
}

.product-row md-input-container {
    margin: 9px 0;
}

.product-row .md-display-1 {
    font-size: 24px;
}

.datefilter._md-datepicker-floating-label > md-datepicker .md-datepicker-button {
    padding: 8px 0;
    width: 40px;
    margin-left: -10px;
    margin-right: 0;
}

.datefilter .md-icon-button + .md-datepicker-input-container {
    margin-left: 0;
    width: 162px;
}

.datefilter._md-datepicker-floating-label._md-datepicker-has-calendar-icon > label:not(.md-no-float):not(.md-container-ignore) {
    right: 10px;
    width: calc(100% - 41px);
}

.catalog-action-dialog-content {
    min-width: 600px;
}

.catalog-action-dialog-approval > * {
    padding: 16px;
}

.catalog-action-dialog-date-picker {
    padding-left: 260px;
}

.boolean-filter > .filter-delete {
    top: 17px;
    right: 33px;
}

.checkboxfilter .filter-delete {
    right: 33px;
}

.checkboxfilter .checkbox-entries {
    padding-left: 4px;
    padding-top: 16px;
}

.checkboxfilter .checkbox-filter-label {
    font-weight: bold;
}

.approval-selection-required-label {
    position: absolute;
    right: 16px;
    bottom: 0;
    color: red;
    font-size: 12px;
}

.external-approval-active {
    position: absolute;
    top: 103px;
    left: 21px;
}

.padding-top-21 {
    padding-top: 21px;
}

.padding-top-55 {
    padding-top: 55px;
}

.approval-selection-border {
    border-radius: 32px;
    border: white solid 4px;
}

.external-approval-step-offset {
    padding-top: 18px;
    margin-left: -25px;
}

.catalog-import-date {
    position: absolute;
    width: 250px;
    top: -32px;
    left: 150px;
}

.catalog-import-date-picker {
    position: relative;
    top: 20px;
}

.ix-md-dialog-header {
    line-height: 64px;
}

.error-message {
    color: rgb(221, 44, 0);
    font-weight: bold;
}

.import-date-hint {
    padding-left: 2px;
}

.tooltip-bullet-list-item {
    font-size: 14px;
    line-height: 1.7em;
    outline: none;
}

.tooltip-bullet-list-item:not(.no-scroll-to):hover {
    text-decoration: underline;
}

.tooltip-bullet-list {
    list-style-type: disc;
}

.disabled-button {
    color: rgba(255, 255, 255, 0.35);
}

.price-config-fill-words {
    padding-top: 25px;
}

.price-config-amount-input {
    width: 60px;
}

.price-config-value-input {
    width: 140px;
}

.price-config-value-input input {
    text-align: right;
}

.price-list-dialog {
    padding-right: 18px;
}

.green-refresh-button {
    background-color: rgb(0, 166, 54) !important;
    color: white !important;
}

.summary-refresh button {
    background-color: rgb(0, 166, 54) !important;
    position: absolute;
    right: 0;
    top: 0;
}

.price-list-item {
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    flex-direction: row;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
}

@media (min-width: 1280px) and (max-width: 1550px) {
    .price-list-item {
        -webkit-box-orient: initial;
        -webkit-flex-direction: initial;
        flex-direction: initial;
        box-sizing: initial;
        display: initial;
        -webkit-box-direction: initial;
    }
}

.subheader-two-columns {
    width: 200%;
}

md-datepicker {
    max-width: 99%;
}

.catalog-list-second-line {
    padding-top: 70px;
    padding-bottom: 14px;
    height: 132px;
}

.catalog-list-second-line-status {
    padding-top: 70px;
    margin-top: 11px;
}

.attachments-file-icon, .attachments {
    color: #898989;
}

.attachments {
    float: right;
}

.remove-smartform {
    float: right;
    outline: 0;
    position: relative;
    color: #898989;
}

.light-border {
    border: 2px solid rgb(229, 229, 229);
}

.attachment-file-name {
    top: -3px;
    position: relative;
}

.attachment-options {
    padding-left: 30px;
}

md-tooltip.reference-number-tooltip > .md-content {
    width: 500px;
    white-space: initial;
}

.list-filter {
    padding-right: 16px;
    max-width: 198px;
    width: 100%;
}

.list-filter .filter-delete {
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.list-filter-input {
    width: 178px;
    max-width: 178px;
}

.list-filter-text-input {
    width: 198px;
    max-width: 198px;
}

.list-filter-checkbox {
    width: 178px;
    max-width: 178px;
    overflow: hidden;
}

.ix-date-range-label {
    color: rgba(0, 0, 0, 0.38);
    position: absolute;
    bottom: 100%;
    left: 0;
    right: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    order: 1;
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    padding-left: 3px;
    padding-right: 0;
    z-index: 1;
    -webkit-transform: translate3d(0, 28px, 0) scale(1);
    transform: translate3d(0, 28px, 0) scale(1);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.25, .8, .25, 1);
    transition: -webkit-transform .4s cubic-bezier(.25, .8, .25, 1);
    transition: transform .4s cubic-bezier(.25, .8, .25, 1);
    transition: transform .4s cubic-bezier(.25, .8, .25, 1), -webkit-transform .4s cubic-bezier(.25, .8, .25, 1);
    max-width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

.ix-date-range-container.has-input-value > label {
    transition: transform .4s cubic-bezier(.25, .8, .25, 1), width .4s cubic-bezier(.25, .8, .25, 1), -webkit-transform .4s cubic-bezier(.25, .8, .25, 1);
    transform: translate3d(0, 6px, 0) scale(.75);
    color: rgba(0, 0, 0, 0.54);
}

.ix-date-range-container {
    display: inline-block;
    position: relative;
    padding: 2px;
    margin: 18px 0;
    vertical-align: middle;
}

.toolbar-dropdown-button {
    padding: 0;
    margin: 0;
}

.toolbar-dropdown-button > ng-include > button, .toolbar-dropdown-button > ng-include > ix-validation-button > div > button {
    width: 100%;
    padding: 0 16px;
    margin: 0;
    height: 100%;
    border-radius: 0;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
}

.toolbar-dropdown-button > ng-include > button > div.md-ripple-container {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.toolbar-dropdown-button > ng-include > ix-print-button > button {
    width: 100%;
    padding: 0 16px;
    margin: 0;
    height: 100%;
    border-radius: 0;
    text-align: left;
    font-weight: 400;
    font-size: 15px;
}

.toolbar-dropdown-button > ng-include > ix-print-button > button > div.md-ripple-container {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.toolbar-dropdown-button > ng-include > ix-download-button > button {
    width: 100%;
    margin: 0;
    height: 100%;
    border-radius: 0;
    text-align: left;
    padding: 0 16px;
    font-weight: 400;
    font-size: 15px;
}

.toolbar-dropdown-button > ng-include > ix-download-button > button > div.md-ripple-container {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.toolbar-dropdown-button > ng-include > a {
    width: 100%;
    margin: 0;
    height: 100%;
    color: black;
    text-decoration: none;
    border-radius: 0;
    text-align: left;
    padding: 6px 16px 0;
    font-weight: 400;
    font-size: 15px;
}

.toolbar-dropdown-button > ng-include > a > div.md-ripple-container {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.margin-offer-corrector {
    margin-top: 32px !important;
}

.margin-button-line-corrector {
    margin-top: 24px !important;
}

.margin-button-line-corrector-checkbox {
    margin-top: 25px !important;
}

.fixed-width-autocomplete-mid {
    width: 300px;
}

.fixed-width-autocomplete-xs {
    width: 100px;
}

.fixed-width-autocomplete-s {
    width: 200px;
}

.deactivate-supplier-basket-icon {
    position: absolute;
    left: -48px;
    top: -2px;
}

.main-search-container {
    max-width: 800px;
}

.deactivate-supplier-basket-button {
    top: 12px;
    transform: rotate(180deg);
    right: 0;
    padding: 8px !important;
}

.basket-item-position-marker {
    box-sizing: border-box;
    border-left: 3px solid transparent;
    min-width: 13px;
    width: 13px;
    height: calc(100% + 20px);
}

.basket-item-position-marker-supplier-item {
    box-sizing: border-box;
    border-left: 3px solid transparent;
    min-width: 13px;
    width: 13px;
    min-height: 220px;
}

.md-chip-input-container {
    min-width: 200px;
}

.basket-link-icon {
    max-height: 12px;
    position: absolute;
    left: -36px;
    top: 24px;
}

.basket-link-mdi-icon {
    max-height: 12px;
    position: absolute;
    left: -24px;
    top: 16px;
}

md-switch {
    margin: 0 16px 6px 0;
}

.ix-main-filter-option {
    font-size: 18px;
}

.external-relogin {
    top: 4px;
    position: relative;
}

.external-relogin-button {
    padding-left: 32px;
    padding-right: 32px;
}

INPUT::-ms-clear {
    display: none;
}

.small-dialog {
    max-width: 500px;
    min-width: 500px;
}

.bundle-position-status {
    position: absolute;
    top: 19px;
    left: -8px;
}

.wizard-dialog {
    width: 700px;
}

.bundle-position-amount {
    min-width: 50px;
    margin: 0;
    height: 34px;
}

.bundle-position-user {
    padding-top: 8px;
    position: absolute;
    right: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 250px;
}

.basket-bundle-item {
    white-space: nowrap;
}

.basket-bundle-item-button {
    visibility: hidden;
}

.basket-bundle-item:hover > .basket-bundle-item-button {
    visibility: visible;
}

.user-panel-wrapper {
    max-width: 320px;
    height: 96px;
    max-height: 96px;
}

.user-panel-info {
    margin-top: -8px
}

.progress-approver {
    margin-left: 10px;
    margin-top: 10px;
}

.ix-autocomplete-element {
    padding-left: 16px;
    margin-left: -16px;
    outline: 0;
}

.ix-autocomplete-header-element {
    padding-left: 16px;
    margin-left: -16px;
    outline: 0;
    cursor: default;
}

.ix-autocomplete-header-element:hover {
    background-color: white;
}

md-autocomplete.control-chip-dropdown {
    min-width: 400px;
}

nvd3.large-padding-left > SVG {
    padding-left: 35px;
}

LABEL.hidden-label {
    visibility: hidden !important;
}

MD-SELECT.no-underline {
    padding: 2px;
    height: 29px;
}

MD-SELECT.no-underline > MD-SELECT-VALUE {
    border: 0 !important;
    bottom: 4px;
}

MD-SELECT.no-underline > MD-SELECT-VALUE.md-select-placeholder {
    bottom: 2px;
}

MD-INPUT-CONTAINER.md-input-focused > MD-SELECT.no-underline > MD-SELECT-VALUE.md-select-placeholder {
    left: -4px;
}

.tender-card-title {
    display: block;
    display: -webkit-box;
    margin: 0 auto;
    height: 54px;
    font-size: 14px;
    line-height: 2.4ex;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lot-card-title {
    display: block;
    display: -webkit-box;
    margin: 0 auto;
    height: 72px;
    font-size: 14px;
    line-height: 2.4ex;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.catalog-card-title {
    display: block;
    display: -webkit-box;
    margin: 0 auto;
    height: 72px;
    font-size: 14px;
    line-height: 2.4ex;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.group-card-title {
    display: block;
    display: -webkit-box;
    margin: 0 auto;
    height: 72px;
    font-size: 14px;
    line-height: 2.4ex;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.supplier-card-title {
    display: -webkit-box;
    margin: 0;
    height: 34px;
    font-size: 13px;
    line-height: 2.4ex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.themeworld-card-title {
    display: block;
    display: -webkit-box;
    height: 34px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 2.4ex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-card-title {
    display: block;
    display: -webkit-box;
    height: 53px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 2.4ex;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-card-description {
    display: block;
    display: -webkit-box;
    height: 31px;
    margin: 0 auto;
    line-height: 1.2em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    padding-top: 4px;
    padding-bottom: 4px;
}

.requestitem-dropdown-details {
    position: absolute;
    right: 0;
}

.requestitem-details-container {
    min-height: 16px;
}

.datefilter > md-datepicker > .md-datepicker-input-container {
    width: 140px !important;
}

.datefilter > md-datepicker.date-picker-filter-front-end > .md-datepicker-input-container {
    width: 180px !important;
    max-width: 84%;
}

.date-picker-filter-delete {
    outline: 0;
    position: absolute;
    left: 177px;
    top: 27px;
}

.date-picker-filter-delete-front-end {
    outline: 0;
    position: absolute;
    right: 24px;
    top: 27px;
}

.approval-status-new {
    background-color: #FFD600;
}

.approval-status-denied {
    background-color: lightgrey;
}

.approval-status-done {
    background-color: #8BC34A;
}

.approval-status {
    color: white;
    border-radius: 20px;
    padding: 5px 10px;
    white-space: nowrap;
    font-weight: bold;
}

.approval-extra-options {
    margin-right: -16px;
}

.relation-view-virtual-repeat {
    height: 249px;
}

.relation-view-virtual-repeat-wrapper {
    height: 300px;
}

.relation-view-no-virtual-repeat-wrapper {
    padding-bottom: 50px;
}

.relation-view-dialog-wrapper {
    position: absolute;
    bottom: 0;
}

.relation-view-dialog-navigate {
    height: 24px;
}

.relation-view-dialog-navigate-back {
    left: 9px;
    width: 28px;
}

.relation-view-dialog-navigate-close {
    right: 9px;
}

.relation-item-delete-button {
    margin-left: 2px;
}

.classification-relation-item-button {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 33%;
    top: 33%;
}

.user-control-settings-row {
    height: 30px;
}

.user-control-settings-row-element {
    padding-top: 4px;
}

.denied-item {
    text-decoration: line-through;
}

.relation-view-first-filter > md-autocomplete > md-autocomplete-wrap > md-input-container > input {
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 3px;
    border: none;
    color: white !important;
}

.relation-view-first-filter > md-autocomplete > md-autocomplete-wrap > md-input-container > label {
    color: rgba(0, 0, 0, 0.38);
    font-weight: normal;
    top: -26px;
    left: 2px;
}

.relation-view-first-filter > md-autocomplete > md-autocomplete-wrap > md-input-container.md-input-has-value > label {
    color: white !important;
    font-weight: 100;
}

.relation-view-first-filter > md-autocomplete > md-autocomplete-wrap > md-input-container.md-input-focused > label {
    color: white !important;
    font-weight: 100;
}

.relation-view-read-only-button-dummy {
    width: 40px;
    display: inline-block;
    margin-left: 6px;
    margin-right: 6px;
}

.sticky-refresh-button {
    z-index: 10;
    position: fixed;
    bottom: 32px;
    right: 48px;
}

.refresh-button.ng-enter,
.refresh-button.ng-leave {
    -webkit-transition: all cubic-bezier(0.0, 0.0, 0.2, 1) 0.2s;
    -moz-transition: all cubic-bezier(0.0, 0.0, 0.2, 1) 0.2s;
    -o-transition: all cubic-bezier(0.0, 0.0, 0.2, 1) 0.2s;
    transition: all cubic-bezier(0.0, 0.0, 0.2, 1) 0.2s;
}

.refresh-button.ng-enter,
.refresh-button.ng-leave.ng-leave-active {
    transform: scale(0);
}

.refresh-button.ng-leave,
.refresh-button.ng-enter.ng-enter-active {
    transform: scale(1);
}

.sticky-refresh-button button {
    background-color: rgb(0, 166, 54) !important;
}

.faded-basket-item-sum {
    color: #909090;
}

.control-setting-column {
    padding-left: 128px;
}

.control-setting-header {
    padding-left: 126px;
    padding-bottom: 8px;
}

.send-text-comment-button {
    -webkit-animation: send-text-comment-button-animation 0.3s;
    animation: send-text-comment-button-animation 0.3s;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes send-text-comment-button-animation {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        color: #DD2C00;
        opacity: 1;
    }
}

@keyframes send-text-comment-button-animation {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    100% {
        -webkit-transform: scale(1);
        color: #DD2C00;
        opacity: 1;
    }
}

.subheader-info-button {
    position: absolute;
    right: -8px;
    top: -12px;
}

.ix-flex {
    display: flex;
}

BODY {
    overflow: hidden;
}

.search-switch {
    position: absolute;
    right: -106px;
    top: 15px;
}

.search-switch-icon {
    padding-right: 7px;
}

md-switch.grid-list-switch > .md-container > .md-thumb-container > .md-thumb {
    background-color: white;
}

md-switch.grid-list-switch > .md-container > .md-bar {
    background-color: rgb(158, 158, 158);
}

.filter-product-list-toolbar {
    font-size: 15px;
    font-weight: 500;
    display: block;
    display: -webkit-box;
    max-height: 42px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.filter-title-product-list-toolbar {
    font-size: 11px;
    letter-spacing: 0.02em;
}

.ix-icon-button {
    font-size: 26px;
    font-weight: 100;
}

.half-opacity {
    transition: all 0.5s;
    opacity: 0.5;
}

.hit-counter-product {
    position: absolute;
    right: 21px;
    bottom: 8px;
    background-color: #000;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 4px;
    z-index: 10;
    border-radius: 4px;
    opacity: 0.35;
    transition: all 0.3s;
    cursor: default;
}

.hit-counter-product:hover {
    opacity: 1;
    transition: all 0.3s;
    cursor: default;
}

.hierarchy-select-extend-button {
    background-color: white;
    height: 48px;
    min-width: 48px;
    opacity: 0.3;
    text-align: center;
    vertical-align: middle;
    line-height: 48px;
}


ix-hierarchy-select md-autocomplete {
    background: transparent !important;
}

ix-hierarchy-select md-autocomplete-wrap {
    background: transparent !important;
    box-shadow: none !important;
}

ix-hierarchy-select input {
    cursor: pointer !important;
}

ix-hierarchy-select .md-input {
    font-size: 12px !important;
    font-weight: normal !important;
    border-color: transparent !important;
    color: #fff !important;;
}

md-autocomplete > md-autocomplete-wrap > .hierarchy-select-label-color {
    color: inherit;
}

ix-hierarchy-select md-autocomplete input:not(.md-input) {
    font-size: 12px;
}

ix-category-filter-selection md-autocomplete {
    background: transparent !important;
}

ix-category-filter-selection md-autocomplete-wrap {
    background: transparent !important;
    box-shadow: none !important;
}

ix-category-filter-selection > input {
    cursor: pointer !important;
}

.ix-category-filter-selection .md-input {
    font-size: 13px !important;
    font-weight: normal !important;
    border-color: transparent !important;
    color: #fff !important;
}

md-autocomplete.category-filter-search > md-autocomplete-wrap > .category-filter-label-color {
    color: inherit;
}

ix-category-filter-selection md-autocomplete input:not(.md-input) {
    font-size: 14px;
}

ix-category-filter-selection md-autocomplete.selected input:not(.md-input) {
    color: inherit !important;
}

.category-filter-search > md-autocomplete input:not(.md-input) {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.87);
}

ix-hierarchy-select md-autocomplete input:not(.md-input) {
    font-size: 14px;
    color: rgba(0,0,0,0.87);
}

ix-category-filter-selection {
    position: relative;
    width: 100%;
    display: block;
}

ix-category-filter-selection input {
    text-overflow: ellipsis !important;
}

ix-category-filter-selection input::-webkit-input-placeholder {
    color: inherit;
}

input#eClassHierarchySelect {
    text-overflow: ellipsis;
}

input#eClassHierarchySelect::-webkit-input-placeholder {
    color: inherit;
}

input#eClassHierarchySelect:-moz-placeholder {
    color: inherit;
}

input#eClassHierarchySelect::-moz-placeholder {
    color: inherit;
}

input#eClassHierarchySelect:-ms-input-placeholder {
    color: inherit;
}

input#eClassHierarchySelect:-ms-input-placeholder {
    color: inherit;
}

ix-hierarchy-select label {
    color: rgba(255, 255, 255, 0.87) !important;
    font-weight: 400;
}

.hierarchy-select-extend-button {
    max-width: 48px;
}

.hierarchy-select-extend-button:hover {
    background-color: #e0e0e0 !important;
}

.hierarchy-select-node-row:not(.hierarchy-select-root-node) {
    border: 1px solid #eee;
}

.category-filter-search-row {
    border: 1px solid #eee;
}

.hierarchy-select-node-row:hover .hierarchy-select-extend-button {
    opacity: 1;
    background-color: #e0e0e0;
    transition: background-color 0.5s;
}

.hierarchy-select-node-row:hover .hierarchy-select-hit-count {
    opacity: 1;
    background-color: #e0e0e0;
    transition: background-color 0.5s;
}

.hierarchy-select-back-button {
    width: 56px;
    height: 48px;
}

.hierarchy-select-node-row:hover .hierarchy-select-back-button {
    opacity: 1;
    background-color: #d4d4d4;
    transition: background-color 0.5s;
}

.hierarchy-select-suggestions {
    padding: 0 !important;
}

.hierarchy-select-suggestions li {
    padding-right: 0;
    padding-left: 0;
}

.hierarchy-select-root-node {
    background-color: #e0e0e0;
    max-height: 48px;
}

.md-list-header .md-list-item-text > h3.sortAsc:after {
    opacity: 1;
    content: '\25b2';
}

.md-list-header .md-list-item-text > h3.sortDesc:after {
    opacity: 1;
    content: '\25bc';
}

.time-inputs {
    margin-top: 8px;
    margin-left: 8px;
}

.preview-panel-hover-info {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 4;
    top: 0;
    transition: all 0.5s;
    color: #f7f7f7;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    padding: 8px;
    opacity: 0;
}

.preview-panel-hover-info:hover {
    background-color: rgba(43, 43, 43, 0.6);
    color: #fff;
    opacity: 1;
    transition: all 0.5s cubic-bezier(0.4, 0.0, 0.2, 1);
    font-size: 17px;
}

.round {
    border-radius: 50%;
}

.hover-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    color: white;
    text-align: center;
    background-color: rgba(43, 43, 43, 0.6);
}

.preview-panel-delete-icon {
    position: absolute;
    top: 2px;
    right: -4px;
}

.preview-panel-title {
    font-size: 16px;
    font-weight: 500;
}

.preview-panel-container {
    max-width: 240px;
    min-width: 240px;
    margin-left: 16px;
}

.dashboard-user-data {
    max-width: 160px;
}

.product-basic-data {
    min-width: 300px;
    width: 86%;
    padding-left: 16px;
}

.hierarchy-select-entry-text {
    font-size: 13px;
    display: block;
    height: 48px;
    width: 100%;
    max-width: calc(100% - 128px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.category-filter-entry-text {
    font-size: 13px;
    display: block;
    height: 48px;
    width: calc(100% - 64px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hierarchy-select-filler {
    min-width: 48px;
}

.color-choose {
    width: 50px;
    height: 50px;
    margin-right: -50px;
    margin-bottom: 16px;
    border-radius: 50%;
    outline: 0;
}

.themeworld-preview-panel-container {
    max-width: 240px;
    min-width: 240px;
}

.square-image > div {
    padding-top: 100%;
}

.square-image > img {
    height: 100%;
}

.search-list-toolbar {
    font-size: 16px;
}

.hierarchy-count {
    background: #eee;
    font-size: 11px;
    max-width: 34px;
    min-width: 34px;
    max-height: 34px;
    min-height: 34px;
    border-radius: 50%;
}

.hierarchy-count:hover {
    background: #d4d4d4;
}

.hierarchy-select-value {
    position: absolute;
    right: -24px;
    border-bottom: 0 rgba(0, 0, 0, 0);
    top: 6px;
    outline: none;
    display: -moz-box !important;
}

.product-search-toolbar-eclass-filter {
    min-width: 250px;
    width: 50%;
    max-width: 350px;
}

.ix-card-350 {
    max-width: 350px;
}

.hierarchy-select-hit-count {
    background: #eee;
    font-size: 11px;
    min-width: 40px;
    max-width: 40px;
    white-space: nowrap;
    height: 16px;
    border-radius: 4px;
}

.hierarchy-select-hit-count-wrap {
    width: 30%;
    min-width: 54px;
    max-width: 54px;
    position: relative;
}

.hierarchy-select-hit-count-text {
    letter-spacing: -0.5px;
    position: absolute;
    font-size: 11px;
    left: 8px;
    top: 0;
    min-width: 40px;
    max-width: 40px;
}

.timeTrackerWrapper {
    box-shadow: 1px 3px 11px #888;
    position: absolute;
    left: 16px;
    bottom: 16px;
    font-size: 20px;
    font-weight: bold;
    background: rgba(255, 0, 0, 0.75);
    color: white;
    padding: 2px 4px 2px 4px;
    border-radius: 4px;
    z-index: 1000000;
}

.width-600 {
    max-width: 600px;
}

.critical-error-dialog-wrapper {
    width: 520px;
}

.critical-error-dialog-header {
    background-color: #ca2e38 !important;
    min-height: 220px;
}

.critical-error-dialog-image {
    position: absolute;
    right: -60px;
    width: 300px;
    height: 300px;
    top: -16px;
    z-index: -1;
    opacity: 0.8;
}

.no-search-result-image {
    position: absolute;
    right: -26px;
    width: 150px;
    height: 150px;
    bottom: -26px;
    z-index: -80;
    opacity: 0.6;
}

.critical-error-dialog-basic-text {
    padding-top: 16px;
    overflow: hidden;
    font-size: 14px;
}

.critical-error-dialog-further-info-text {
    height: 32px;
    text-align: center;
    border: 1px solid #eee;
}

.center-absolute {
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
}

ix-list-auto-complete-filter md-input-container .md-errors-spacer {
    min-height: 2px;
}

.theme-world-preview-wrapper {
    min-height: 224px;
}

.alert {
    padding: 15px;
    margin-bottom: 0;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
}

.menu-panel-container {
    pointer-events: auto;
    padding-top: 8px
}

.menu-panel {
    width: 256px;
    background-color: #fff;
    border-radius: 4px;
}

.menu-panel-wide {
    width: 420px;
    background-color: #fff;
    border-radius: 4px;
}

.menu-panel .menu-content {
    padding: 8px 0;
    overflow-y: auto;
}

.menu-panel-wide .menu-content {
    padding: 8px 0;
    overflow-y: auto;
}

.list-filter-button {
    outline: none;
    font-size: 20px;
    font-weight: 400;
    line-height: 25.7143px;
    text-transform: capitalize;
}

.hint {
    font-size: 12px;
    line-height: 14px;
    margin-top: 32px;
    word-break: break-all;
    display: contents;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: grey;
}

.hint.ng-hide,
.hint.ng-enter,
.hint.ng-leave.ng-leave-active {
    bottom: 26px;
    opacity: 0;
}

.hint.ng-leave,
.hint.ng-enter.ng-enter-active {
    bottom: 7px;
    opacity: 1;
}

.select-hint-wrapper > .hint {
    top: 36px
}

.e-class {
    position: relative;

}

.e-class .e-class-divider {
    position: absolute;
    top: -16px;
    right: 0;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.87);
}

.search-history {
    position: relative;
}

.search-history .search-history-divider {
    position: absolute;
    right: 0;
    top: -16px;
    font-size: 11px;
    color: rgba(0, 0, 0, 0.87);
}

.no-search-result-button {
    position: absolute;
    right: 0;
    top: 0;
}

.no-search-result-card {
    width: 380px;
    height: 260px;
    position: absolute;
    top: 45%;
    overflow: hidden;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 50%;
}

.reference-user-image {
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 0;
}

.rule-user-or-label {
    top: -16px;
    position: relative;
}

.reference-user-wrapper md-grid-tile {
    transition: all 400ms ease-out 50ms;
}

.login-dialog-wrapper {
    min-width: 450px;
    max-width: 450px;
    overflow: hidden;
}

.login-dialog-wrapper-with-company-input {
    min-width: 580px;
    min-height: 462px;
    max-width: 580px;
    max-height: 462px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8) !important;
}

.login-dialog-wrapper-with-company-input div {
    overflow: hidden;
}

.login-dialog-wrapper-with-company-input>form>div>.login-dialog-first-input {
    margin: 20px 16px 0 16px;
}

.login-dialog-wrapper-with-company-input>form>div>.login-dialog-secondary-input {
    margin: 0 16px 0 16px;
}

.login-dialog-wrapper-with-company-input>form>div>.ix-margin-top-24 {
    margin-top: 0;
}

.catalog-list-order-lock {
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translate(-50%, -50%);
}

.track-stock-cell {
    top: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
}

.relation-progress {
    position: absolute;
    left: 0;
    z-index: 1;
    top: 0;
}

.grid-item {
    width: 400px;
    height: 300px;
}

.catalog-validation-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.catalog-validation-table {
    padding-top: 32px;
    border-spacing: 16px;
    margin: -16px;
    border-collapse: separate;
}

.catalog-validation-table-state {
    position: absolute;
    top: -4px;
}

.login-background-stretch {
    height: 100vh;
    width: 100%;
}

.login-disclosure {
    position: absolute;
    bottom: 16px;
    right: 16px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    z-index: 100;
}

.login-header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    max-height: 96px;
    min-height: 96px;
    height: 96px;
    width: 100%;
}

.login-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    min-height: 48px;
    width: 100%;
    background: #777;
}

.login-footer a, .login-footer span {
    color: rgba(255, 255, 255, 0.87);
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}

.login-dialog-logo-wrapper {
    width: auto;
    height: auto;
    max-height: 45px;
    display: block;
    object-fit: scale-down;
}

.login-dialog-first-input {
    margin: 60px 16px 0 16px;
}

.password-recovery-dialog-inputs {
    margin: 32px 16px 0 16px;
}

.custom-input-border {
    border-width: 0 0 2px !important;
}

.login-dialog-secondary-input {
    margin: 20px 16px 0 16px;
}

.ix-margin-top-24 {
    margin-top: 24px;
}

.login-dialog-part {
    min-height: 500px;
}

.login-dialog-password {
    height: 96px;
    max-height: 96px;
}

.login-dialog-recovery-link.right {
    font-size: 12px;
    position: absolute;
    bottom: 4px;
    right: 8px;
    color: #777;
    outline: none;
}

.login-dialog-recovery-link.left {
    font-size: 12px;
    position: absolute;
    bottom: 4px;
    right: 142px;
    color: #777;
    outline: none;
}

.login-dialog-recovery-link:hover {
    cursor: pointer;
}

.slide-left-out-right-in {
    left: 0;
    width: 100%;
    overflow: hidden;
    position: absolute;
}

.slide-left-out-right-in.ng-enter,
.slide-left-out-right-in.ng-leave {
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.7s;
}

.slide-left-out-right-in.ng-enter {
    left: 100%;
}

.slide-left-out-right-in.ng-leave,
.slide-left-out-right-in.ng-enter.ng-enter-active {
    left: 0;
}

.slide-left-out-right-in.ng-leave.ng-leave-active {
    left: -100%;
}

.password-recovery-back {
    position: absolute;
    top: 87%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ix-margin-top-24 {
    margin-top: 24px;
}

.login-dialog-password-recovery {
    height: 50px;
    max-height: 50px;
}

.company-dialog-password-recovery {
    height: 50px;
    max-height: 50px;
}

md-list-item.md-2-line.search-list {
    height: auto;
    min-height: 110px;
}

.demand-bundle-select-dialog-wrapper {
    width: 800px;
}

md-list-item.small-height.md-2-line, md-list-item.small-height.md-2-line > DIV {
    height: 40px;
    min-height: 40px;
}

md-list-item.small-height.cat-list-plus-one.md-2-line, md-list-item.small-height.cat-list-plus-one.md-2-line > DIV {
    height: 60px;
    min-height: 60px;
}

md-list-item.small-height.cat-list-plus-two.md-2-line, md-list-item.small-height.cat-list-plus-two.md-2-line > DIV {
    height: 80px;
    min-height: 80px;
}

.md-date-range-picker-list-filter {
    height: 94px;
}

.md-date-range-picker-list-filter > DIV.md-date-range-picker-wrapper {
    width: 178px;
    padding-right: 16px;
}

.md-date-range-picker-list-filter > DIV.md-date-range-picker-wrapper > md-date-range > md-menu > .md-select-value {
    border-color: rgba(0, 0, 0, 0.12);
}

.md-date-range-picker__month-year > DIV > SPAN.md-button.md-icon-button {
    padding: 8px;
}

md-menu-content .md-date-range-picker__calendar__selected {
    background-color: #002F73;
}

.background-image-container {
    height: 100%;
    width: 100%;
}

/* apply this only to IE */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    td > md-checkbox, td > div > md-checkbox {
        border-collapse: separate;
    }
}

.ui-sortable-helper {
    cursor: move;
    cursor: -webkit-grabbing;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    transition: box-shadow 0.1s ease-in-out;
}

.show-on-hover .mdi {
    opacity: 0;
}

.show-on-hover:hover .mdi {
    opacity: 1;
}

.index-queue-entry-wrapper {
    height: 88px;
    cursor: -webkit-grab;
    cursor: pointer;
}

.not-sortable {
    cursor: default;
    padding-left: 24px;
}

.indexqueue-current-container {
    width: 70%;
    margin: 0 auto;
    padding-top: 16px;
}

.indexqueue-current-card {
    height: 112px;
}

.indexqueue-card {
    height: 88px;
}

.indexqueue-card-content {
    height: 100%;
    padding-left: 24px;
}

.indexqueue-name {
    line-height: 0.4;
}

.index-queue-products {
    width: 180px;
    margin-right: 40px;
}

.indexqueue-entry-container {
    width: 70%;
    margin: 0 auto;
    padding-top: 32px;
}

.indexqueue-product-entry {
    width: 180px;
}

.indexqueue-time-container {
    padding-top: 8px;
}

.indexqueue-time-entry {
    padding-right: 16px;
    text-wrap: nowrap;
}


.small-font {
    font-size: 11px;
}

.sidebar-copyright {
    padding-bottom: 16px;
    padding-top: 16px;
    text-align: center;
    font-weight: 500;
}

.medium-font {
    font-size: 12px;
}

.legal-link-login {
    color: #000000b3;
    padding-right: 24px;
}

.color-black {
    color: rgba(0, 0, 0, 0.87);
}

.free-selection-message {
    margin-top: -40px;
    position: relative;
    padding-bottom: 16px;
}

.ix-hint {
    position: absolute;
    right: 0;
    bottom: 7px;
    font-size: 12px;
    line-height: 14px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: #808080;
}

.center-horizontally {
    margin-left: auto;
    margin-right: auto;
}

.center-horizontally-bottom {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
}

.language-bubble {
    width: 24px;
    height: 24px;
    margin-right: 6px;
    border-radius: 50%;
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

.flag-icon-en {
    background-image: url(../../external/flag-icon-css/flags/4x3/gb.svg);
}

.flag-icon-en.flag-icon-squared {
    background-image: url(../../external/flag-icon-css/flags/1x1/gb.svg);
}

.flag-icon-cs {
    background-image: url(../../external/flag-icon-css/flags/4x3/cz.svg);
}

.flag-icon-cs.flag-icon-squared {
    background-image: url(../../external/flag-icon-css/flags/1x1/cz.svg);
}

.flag-icon-sv {
    background-image: url(../../external/flag-icon-css/flags/4x3/se.svg);
}

.flag-icon-sv.flag-icon-squared {
    background-image: url(../../external/flag-icon-css/flags/1x1/se.svg);
}

.flag-icon-zh {
    background-image: url(../../external/flag-icon-css/flags/4x3/cn.svg);
}

.flag-icon-zh.flag-icon-squared {
    background-image: url(../../external/flag-icon-css/flags/1x1/cn.svg);
}

.selectable-card:hover {
    transition: box-shadow 0.15s ease-in-out;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

.scheduler-add-task {
    position: relative;
    cursor: pointer;
}

.scheduler-add-task-title {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.scheduler-add-task-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: black;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: .5s ease;
}

.scheduler-add-task-icon {
    opacity: 1;
    transition: .5s ease;
}

.scheduler-add-task:hover .scheduler-add-task-overlay {
    opacity: 0.4;
}

.scheduler-add-task:hover .scheduler-add-task-icon {
    opacity: 0;
}

.selectable-card:hover .scheduler-delete-task {
    opacity: 1;
}

.scheduler-delete-task {
    position: absolute;
    right: -4px;
    top: 8px;
    opacity: 0;
}

.scheduler-selected-icon {
    opacity: 0;
}

.selectable-card:hover .scheduler-selected-icon {
    opacity: 1;
}

.warningDaysInput {
    margin: 0;
    height: 0;
    top: -5px;
    padding: 0 8px;
    width: 50px;
}

.supplier-contact-message-setting {
    top: -20px;
    position: relative;
}

.delete-rule-filter-button {
    top: 3px;
    position: relative;
}

.catalog-rule-container {
    display: table;
}

.catalog-rule-container > SPAN {
    display: table-cell;
    vertical-align: middle;
}

.catalog-rule-list-item {
    padding-top: 0;
}

.scheduler-chain-wrapper {
    max-width: 300px;
    width: 300px;
    min-width: 300px;
    position: relative;
}

.scheduler-task-wrapper {
    height: 128px;
}

.scheduler-task-title {
    max-width: 232px;
}

.scheduler-task-content {
    bottom: 0;
}

.scheduler-chain-new-task-wrapper {
    position: absolute;
    bottom: -24px;
    right: 16px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.scheduler-task-container {
    min-height: 451px;
    position: relative;
}

.scheduler-task-max-response {
    min-width: 142px;
}

.card-action-button {
    padding: 8px 8px 0 8px;
}

.scheduler-task-chain-selected {
    position: absolute;
    top: -8px;
    left: -8px;
}

.auction-except-locale-popup {
    position: relative;
}

.auction-except-locale-popup > md-input-container {
    position: absolute;
    top: -8px;
    left: 8px;
    margin: 0;
}

.fake-delete-cpi-button {
    padding-left: 14px;
}

.fake-delete-cpi-button > SPAN {
    line-height: 36px;
    display: inline-block;
    padding-left: 6px;
    padding-right: 6px;
    color: rgba(0, 0, 0, 0.38);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.14px;
}

.price-group-selected-header {
    border: 3px solid #828282;
}

.relation-item-button {
    width: 20px;
    display: inline-block;
    top: 4px;
    position: relative;
}

.relation-item-button > SPAN {
    outline: 0;
}

.relation-item-base-reference {
    width: 20px;
    display: inline-block;
    text-align: center;
    border: 1px solid #828282;
}

.relation-item-index {
    width: 20px;
    display: inline-block;
}

.relation-mode-change-button {
    z-index: 1;
}

.contract-price-group-item {
    padding-top: 10px;
}

.contract-price-group-header {
    outline: 0;
    cursor: pointer;
}

.contract-price-group-header-chevron {
    bottom: 5px;
    display: inline-block;
    position: relative;
}

.contract-price-group-changed {
    bottom: 5px;
    right: 50px;
    display: inline-block;
    position: relative;
}

.dvtn-visual {
    position: relative;
    padding: 4px;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 4px;
    margin: 10px 0;
    height: 20px;
}

.dvtn-visual, .dvtn-visual * {
    display: block;
    cursor: default;
    box-sizing: border-box;
    user-select: none;
}

.dvtn-visual .dvtn-join-left {
    background: #33691E;
    right: 50%;
    position: absolute;
    height: 8px;
    top: 50%;
    margin: -4px 0 0 0;
    border-radius: 4px 0 0 4px;
    z-index: 1;
}

.dvtn-visual .dvtn-join-right {
    background: #33691E;
    left: 50%;
    position: absolute;
    height: 8px;
    top: 50%;
    margin: -4px 0 0 0;
    border-radius: 0 4px 4px 0;
    z-index: 1;
}

.dvtn-visual .dvtn-base-val {
    border: 1px solid #ccc;
    left: 50%;
    right: 50%;
    top: -1px;
    bottom: -1px;
    position: absolute;
    z-index: 2;
}

.bottom-actions {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.dialog-panel-default {
    width: 87%;
    height: calc(100vh - 64px);
    background: white;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12);
}

.delivery-note-row.ng-move,
.delivery-note-row.ng-enter,
.delivery-note-row.ng-leave {
    -webkit-transition: opacity linear 0.5s, height linear 0.5s, background-color linear 1.7s;
    transition: opacity linear 0.5s, height linear 0.5s, background-color linear 1.7s;
}

.delivery-note-row.ng-leave.ng-leave-active,
.delivery-note-row.ng-move,
.delivery-note-row.ng-enter {
    opacity: 0;
    height: 0;
    background-color: #bbb;
}

.delivery-note-row.ng-leave,
.delivery-note-row.ng-move.ng-move-active,
.delivery-note-row.ng-enter.ng-enter-active {
    opacity: 1;
    height: 80px;
    background-color: #fff;
}

.delivery-note-item-label {
    position: absolute;
    left: 8px;
    top: 4px;
}

.width-5 {
    width: 5%;
}

.width-10 {
    width: 10%;
}

.width-20 {
    width: 20%;
}

.width-25 {
    width: 25%;
}

.width-15 {
    width: 15%;
}

.width-30 {
    width: 30%;
}

.width-33 {
    width: 33%;
}

.width-40 {
    width: 40%;
}

.width-50 {
    width: 50%;
}

.width-60 {
    width: 60%;
}

.delivery-note-replacement-item-row {
    outline: none;
    height: 80px;
    max-height: 80px;
    padding: 16px;
    position: relative;
}

.width-70 {
    width: 70%;
    transition: all 3s cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.width-30 {
    width: 30%;
}

.dialog-panel-toolbar {
    background: #fff !important;
    color: #000 !important;
    z-index: 100;
}

.delivery-note-replacement-dialog {
    min-width: 760px;
    min-height: 440px;
}

.dialog-panel-wrapper {
    background: #fff !important;
    color: #000 !important;
    z-index: 100;
}

.catalog-import-error-dialog-container {
    min-width: 860px;
    min-height: 520px;
}

.catalog-import-error-table-header {
    color: rgba(0, 0, 0, 0.54);
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.catalog-import-error-table-row {
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 13px;
}

.catalog-import-error-table-row-no-border {
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    font-size: 13px;
}

.timeline-bar {
    position: absolute;
    background-color: #828282;
    height: 3px;
    width: 100%;
    z-index: 1;
    margin: 7px 0 7px 16px;
}

.timeline-bar-open-circle {
    right: -30px;;
    position: absolute;
    background-color: white;
    border: 3px solid #828282;
    height: 17px;
    width: 17px;
    z-index: 2;
    border-radius: 50%;
}

.timeline-top {
    left: 0;
    position: relative;
    display: inline-flex;
}

.inline-flex {
    display: inline-flex;
}

.timeline-card-wrapper {
    text-align: center;
    left: -16px;
    position: relative;
}

.sub-options {
    padding-left: 30px;
}

.ix-helper-text {
    opacity: 0.6;
}

.table-header td {
    padding-left: 24px;
    padding-right: 24px;
}

.table-row td {
    padding-left: 24px;
    padding-right: 24px;
}

.product-coding-table td {
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: top;
}

.product-coding-table td:nth-child(2) {
    width: 100%;
}

.product-coding-table-list td, .product-coding-table-list div {
    padding-left: 6px;
    padding-right: 6px;
    vertical-align: top;
}

.product-coding-table-list td:nth-child(2), .product-coding-table-list div {
    width: 100%;
}

.table-td-horizontal-padding th, td {
    padding-left: 8px;
    padding-right: 8px;
}

.table-header {
    color: rgba(0, 0, 0, 0.54);
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    background: #f5f5f5;
    font-size: 12px;
}

.table-row {
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 13px;
}

.product-coding-table {
    min-height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 13px;
}

.product-coding-spacer {
    padding-right: 4px;
}

.table-row-small {
    height: 32px;
    min-height: 32px;
    max-height: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 13px;
}

.table-row-small-2 {
    font-size: 13px;
}

.table-row-small-2 > td {
    height: 24px;
    min-height: 24px;
    max-height: 24px;
}

.table-row:last-of-type {
    border-bottom: none;
}

.product-coding-table:last-of-type {
    border-bottom: none;
}

.security-data-search-input {
    position: absolute;
    top: -8px;
    right: 16px;
}

.security-data-search-input-left {
    position: absolute;
    top: -8px;
    left: 16px;
}

.ix-input-container-icon {
    position: absolute;
    top: 8px;
    left: 2px;
    right: auto;
}

.fixed-table {
    table-layout: fixed;
    width: 100%;
}

.break-word {
    word-break: break-word;
}

.security-data-loading-indicator {
    position: relative;
    height: 48px;
}

.flexcontainer {
    display: flex;
    flex-flow: column wrap;
    align-content: stretch;
}

.font-size-13 {
    font-size: 13px;
}

.drill-up {
    z-index: 1;
}

.smart-form-component {
    height: 100%;
    width: 100%;
    display: block;
    position: relative;
}

li[gridster-item] {
    opacity: 1;
}

li[gridster-item].ng-enter {
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
    opacity: 0;
}

li[gridster-item].ng-enter-active {
    opacity: 1;
}

.is-readonly {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
    cursor: move;
}

.lobby-smart-form {
    min-height: 500px;
}

.lobby-smart-form .smart-form-container {
    padding: 16px;
}

.show-component {
    display: none;
    z-index: 13;
}

*:hover > .show-component {
    display: block;
}

.gridster-item-outline {
    outline: 1px solid #ccc;
}

.gridster-item-moving {
    z-index: 15;
    background: #fff;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
}

.gridster-preview-holder {
    background: #eee;
    opacity: 1;
}

.smart-form-component-divider-text {
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    padding-top: 4px;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.smart-form-component-headline-title {
    min-height: 32px;
    height: 100%;
    margin: 0;
    align-items: center;
    display: flex;
}

.ix-interactive-radio-button .md-label {
    pointer-events: all;
}

.toggle-button-group-container {
    padding: 1px 4px 1px 4px;
    display: flex;
}

.toggle-button-group-container > ix-toggle-button:first-of-type > button {
    max-width: 48px;
    min-width: 48px;
    margin: 0;
    padding: 0;
    border: 1px solid #d7d7d7;
    border-right: none;
    max-height: 38px;
    border-radius: 12px 0 0 12px;
    line-height: 46px;
}

.toggle-button-group-container > ix-toggle-button:last-of-type > button {
    max-width: 48px;
    min-width: 48px;
    margin: 0;
    padding: 0;
    border: 1px solid #d7d7d7;
    max-height: 38px;
    border-radius: 0 12px 12px 0;
    line-height: 46px;
}

.toggle-button-group-container > ix-toggle-button > button {
    max-width: 48px;
    min-width: 48px;
    margin: 0;
    padding: 0;
    border: 1px solid #d7d7d7;
    border-right: none;
    max-height: 38px;
    border-radius: 0;
    line-height: 46px;
}

.toggle-button-selected {
    background: #e0e0e0;
}

.smart-form-preview-card {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    height: 80vh;
    width: 98.5%;
}

.smart-form-template-button {
    visibility: hidden;
}

.smart-form-template-item:hover .smart-form-template-button {
    visibility: visible;
}

.smart-form-column-icon {
    margin-top: -7px;
    color: #000 !important;
}

.smart-form-column-icon > svg {
    height: 21px;
}

.smart-form-headline-title {
    position: absolute;
    z-index: 2;
    color: #000;
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    left: 8px;
}

.smart-form-title-edit-button {
    margin: 0 16px 4px 0;
    width: 64px;
    min-width: 40px;
}

.smart-form-title {
    padding: 16px 0 16px 16px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.smart-form-title-edit-input {
    margin-bottom: 0;
    margin-top: 20px;
    margin-left: 16px;
}

.smart-form-edit-input-text {
    font-weight: 500;
}

.smart-form-title-check-button {
    margin: 0 0 4px 0;
}

.smart-form-template-add-button {
    position: absolute;
    bottom: -32px;
    right: 16px;
    box-shadow: 0 5px 5px -3px rgba(0, 0,
    0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.smart-form-template-card {
    width: 25%;
    height: 80vh;
    position: relative;
}

.ix-mini-button {
    line-height: 36px;
    width: 34px;
    height: 34px;
    min-width: 34px;
    min-height: 34px;
    padding: 0;
}

.smart-form-template-add-button-text {
    justify-items: end;
    display: grid;
}

.smart-form-text-component-paragraph {
    word-wrap: break-word;
    line-height: 26px;
    white-space: pre-line;
}

.smart-form-slider-input-container {
    width: 64px;
    min-width: 64px !important;
}

.smart-form-slider-input-container > input {
    padding: 0 !important;
}

.smart-form-config-panel-small {
    width: 250px;
    height: 221px;
}

.smart-form-card-wrapper {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

.smart-form-checkbox-panel {
    width: 250px;
    height: 424px;
}

.smart-form-checkboxgroup-panel {
    width: 350px;
    height: 774px;
}

.smart-form-date-panel {
    width: 300px;
    height: 571px;
}

.smart-form-date {
    min-width: 360px;
}

.smart-form-inline-button-1 {
    position: absolute;
    top: -8px;
    right: 8px;
}

.smart-form-inline-button-2 {
    position: absolute;
    top: -8px;
    right: -16px;
}

.smart-form-inline-button-offset-1 {
    position: absolute;
    top: -8px;
    right: 0;
}

.smart-form-inline-button-offset-2 {
    position: absolute;
    top: -8px;
    right: 24px;
}

.smart-form-divider {
    height: 100%;
    min-height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.smart-form-editor-container {
    margin: 32px 0 32px 0;
}

.smart-form-editor {
    width: 60%;
    position: relative;
}

.smart-form-editor-toolbar {
    min-height: 72px;
}

.smart-form-preview-button {
    z-index: 10;
}

.smart-form-template-header {
    min-height: 52px;
}

.smart-form-number-panel {
    width: 350px;
    height: 850px;
}

.smart-form-rfc-position-field-panel {
    width: 350px;
    height: 850px;
}

.smart-form-rfc-text-field-panel {
    width: 350px;
    height: 850px;
}

.smart-form-rfc-number-field-panel {
    width: 350px;
    height: 850px;
}

.smart-form-picture-panel {
    width: 250px;
    height: 351px;
}

.smart-form-upload-panel {
    width:280px;
    height: 460px;
}

.smart-form-radiogroup-panel {
    width: 350px;
    height: 678px;
}

.smart-form-select-panel {
    width: 350px;
    height: 706px;
}

.smart-form-slider-panel {
    width: 350px;
}

.smart-form-slider-title {
    margin-bottom: 0;
}

.smart-form-textarea-panel {
    width: 350px;
    height: 610px;
}

.smart-form-text-panel {
    width: 350px;
    height: 326px;
}

.smart-form-textinput-panel {
    width: 350px;
    height: 680px;
}

.cc-user-header {
    min-height: 96px;
}

.md-contact-chips-suggestions img {
    vertical-align: unset;
}

.md-contact-suggestion .md-contact-name {
    width: 40%;
}

.catalog-contact-chips.autocomplete input {
    min-width: 668px;
}

.invalid-task-icon {
    position: absolute;
    right: 4px;
    top: 8px;
}

.selectionDialogReadonly {
    opacity: 0.6;
    margin-left: 68px;
    line-height: 40px;
}

.relationReadOnly {
    opacity: 0.6;
    line-height: 40px;
}

.new-compilation-product-button {
    position: absolute;
    bottom: -40px;
    right: 16px;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.table-dense {
    border-spacing: 0;
    border-collapse: separate;
    width: 100%;
    text-align: left;
    table-layout: fixed;
}

.table-dense > thead tr {
    padding-left: 24px;
    padding-right: 24px;
}

.table-dense > thead th {
    color: #000000a3;
    font-size: 12px;
    background: #f5f5f5;
    border-bottom: 1px solid #0000001f;
    padding: 8px 24px;
    font-weight: 500;
}

.table-dense > tbody tr {
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    font-size: 13px;
    line-height: 16px;
}

.table-dense > tbody tr:last-of-type {
    border-bottom: none;
}

.table-dense > tbody td {
    padding-left: 24px;
    padding-right: 24px;
    border-bottom: 1px solid #0000001f;
}

.ix-inline-input .md-errors-spacer {
    min-height: 0 !important;
}

.compilation-article-row {
    border-left: 8px solid transparent;
}

.compilation-article-row:hover {
    border-left: 8px solid;
}

.table-sort-header {
    display: flex;
    cursor: pointer;
    align-items: center;
    outline: none;
}

.table-sort-header > span {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.table-sort-header > span.table-sort-active {
    opacity: 1;
}

.table-sort-header > span.table-sort-active.table-sort-reversed {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dialog-container {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-top: 32px;
}

.compilation-article-preview {
    min-width: 240px;
    max-width: 240px;
}

.compilation-article-data {
    height: 265px;
}

.date-picker-wrapper {
    min-height: 54px;
    margin: 3px 0 36px 0;
}

.product-list-inline-info-wrapper {
    padding: 0 16px 16px 16px;
    margin-top: -16px;
}

.compilation-product-image {
    padding: 4px;
    margin-left: -16px;
    height: 64px;
    width: 64px;
    object-fit: contain;
}

.compilation-view-basket-button {
    height: 100px;
}

.list-filter-or-separator {
    color: rgb(97, 97, 97);
    font-size: 16px;
    font-weight: bold;
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
    height: 22px;
}

.list-filter-or-label {
    color: rgb(97, 97, 97);
    font-size: 14px;
    font-weight: bold;
    margin-left: -10px;
    margin-right: -10px;
    text-align: center;
    height: 22px;
}

.list-filter-or-separator-line {
    margin-bottom: 11px;
    border-bottom: 2px solid rgb(97, 97, 97);
}

.list-filter-or-text .or-text {
    display: inline-block;
}

.list-filter-or-text:hover .or-text {
    display: none;
}

.list-filter-or-text .delete-text {
    display: none;
}

.list-filter-or-text:hover .delete-text {
    display: inline-block;
    margin-top: -4px;
    padding-left: 4px;
    outline: 0;
}

.or-filter-input {
    position: absolute;
    top: 35px;
    right: 2px;
    color: rgb(97, 97, 97);
    font-size: 14px;
    font-weight: bold;
    display: none;
    outline: 0;
}

.or-filter-input.or-filter-input-popup {
    top: 50px;
    right: 50px;
}

.or-filter-input.or-filter-input-popup-no-margin {
    right: 50px;
}

.or-filter-input.or-filter-input-date-range {
    top: 50px;
    left: 140px;
}

.or-filter-input.or-filter-autocomplete {
    top: 50px;
    right: 22px;
}

.or-filter-autocomplete-or-block {
    right: 22px;
}

.or-filter-input-focused {
    display: inline-block !important;
}

.filter-input:hover .or-filter-input-hover {
    display: inline-block;
}

.filter-input:focus .or-filter-input-hover {
    display: inline-block;
}

.or-block-filter {
    border-left: 3px solid rgb(97, 97, 97);
    border-right: 3px solid rgb(97, 97, 97);
    margin-left: -14px;
    padding-left: 13px;
    margin-right: -14px;
    padding-right: 13px;
}

.start-or-block {
    margin-top: 10px;
    border-top: 3px solid rgb(97, 97, 97);
}

.end-or-block {
    margin-bottom: 10px;
    border-bottom: 3px solid rgb(97, 97, 97);
}

.no-margin-autocomplete-filter > ix-async-autocomplete > md-autocomplete > md-autocomplete-wrap > md-input-container {
    margin: 0;
}

.filter-delete-popup-no-marin {
    top: -14px;
}

.autocomplete-non-selectable, .autocomplete-non-selectable-center {
    pointer-events: none;
    font-weight: 700;
    color: #969696 !important;
    padding: 16px;
    line-height: 20px;
    font-size: 14px;
}

.autocomplete-non-selectable-center {
    border-top: 1px solid #969696;
    border-bottom: 1px solid #969696;
}

.autocomplete-non-selectable-center>div {
    text-align: center;
    width: 100%;
}

.autocomplete-selectable {
    pointer-events: auto;
    font-weight: 400;
    color: #000 !important;
    padding: 16px;
    line-height: 20px;
    font-size: 14px;
}

.autocomplete-selectable-secondVal {
    padding: 10px;
    line-height: 16px;
}

.autocomplete-selectable-secondVal-text {
    font-size: 11px;
    opacity: 0.7;
}

.dialog-action-toolbar {
    height: 64px
}

.dense-input-container {
    max-height: 32px
}

.dense-input-autocomplete>md-autocomplete>md-autocomplete-wrap>md-input-container {
    max-height: 32px
}

.ix-height-72px {
    height: 72px;
    max-height: 72px;
}

.date-hint {
    margin-left: 64px;
    margin-top: 0;
    position: relative;
    display: inline-block;
    word-break: break-word;
}

.open-government-dialog-wrapper {
    width: 900px;
    max-height: 90%;
}

.card-actions {
    background-color: #f5f4f4;
}

.card-actions .report-ogd-switch {
    height: 36px;
    margin: 0;
    padding-right: 32px;
    padding-left: 8px;
    min-width: 600px;
}

.card-actions .report-ogd-switch-prs {
    height: 36px;
    margin: 0;
    padding-right: 32px;
    padding-left: 8px;
}

.report-odg-switch-label {
    padding-left: 8px;
    height: 53px;
}

.report-odg-switch-label span {
    line-height: 20px;
}

.report-odg-switch-label span .small-font {
    line-height: 16px;
}

.report-odg-switch-label {
    padding-left: 8px;
    height: 53px;
}

.button-badge {
    position: absolute;
    top: -4px;
    right: -8px;
}

.button-badge::before {
    font-size: 18px !important;
}

.open-government-agreement-dialog-wrapper {
    width: 600px;
    height: 350px;
}

md-slider.ix-color-slider .md-thumb {
    background: hsl(0, 100%, 50%);
    top: 15px;
}

md-slider.ix-color-slider .md-thumb:after {
    display: none;
}

md-slider.ix-color-slider .md-track {
    background: linear-gradient(to right, #f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
    height: 5px;
    border-radius: 3px;
}

md-slider.ix-color-slider .md-track.md-track-fill {
    display: none;
}

.theme-configurator-title-input {
    margin: -16px 0 0;
    height: 24px;
    width: 100px;
}

.theme-configurator-title-input input {
    color: #000;
    border-color: #000;
}

.theme-configurator-input-white {
    border-color: #fff !important;
    color: #fff !important;
}

.theme-configurator-input-white::-webkit-input-placeholder {
    color: #fff !important;
}

.theme-configurator-input-white:-moz-placeholder { /* Firefox 18- */
    color: #fff !important
}

.theme-configurator-input-white::-moz-placeholder { /* Firefox 19+ */
    color: #fff !important
}

.theme-configurator-input-white:-ms-input-placeholder {
    color: #fff !important
}

.color-picker-main-canvas {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    pointer-events: all;
    user-select: none;
    touch-action: none;
}

.color-picker-cursor {
    height: 20px;
    width: 20px;
    border: 2px #fff solid;
    border-radius: 22px;
    pointer-events: none;
    position: absolute;
    cursor: pointer;
    z-index: 10;
}

.ix-action-toolbar button:not(.themed-dialog-button), ix-pagination-server {
    color: #fff;
}

.ix-action-toolbar a {
    color: #fff;
}

ix-basket-link.search-list-basket-link > .ix-basket-link-message {
    margin-top: 8px;
    margin-right: 8px;
}

.ix-burger-menu-search-list {
    top: 2px;
    right: -24px;
    position: absolute;
}

.placeholder-search-list-no-price {
    height: 32px;
}

.validation-button-invalid {
    color: #797972 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important;
    cursor: default !important;
}

.validation-button-invalid > div.md-ripple-container {
    visibility: hidden;
}

.validation-button-invalid.md-raised {
    background-color: rgba(0, 0, 0, 0.12) !important;
}

.chip-remove {

    background-color: transparent !important;
}

md-chips md-chip-template.color-chip-template {
    padding-left: 22px;
    padding-right: 36px;
    border-radius: 16px;
}

md-chips.ix-read-only-chip md-chip-template.color-chip-template {
    padding-left: 22px;
    padding-right: 22px;
    border-radius: 16px;
}

.color-chip .md-chips md-chip {
    padding-right: 0;
    padding-left: 0;
}

.color-chip .md-chips md-chip .md-chip-content {
    padding-right: 0;
}

.padding-chips-template {
    padding-top: 7px;
    padding-bottom: 7px;
}

.fixed-filters-clear-button {
    position: absolute;
    top: 6px;
    right: 0;
    outline: 0;
    background: #eee;
}

md-autocomplete.hierarchy-select-autocomplete > md-autocomplete-wrap > md-progress-linear {
    visibility: hidden;
}

.dashboard-padding {
    padding-left: 18px;
}

#loading-bar {
    background: inherit !important;
}

#page-loading-overlay .bar {
    height: 4px !important;
    background-color: inherit !important;
}

#page-loading-overlay .peg {
    box-shadow: none !important;
}

.file-upload-progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
}

.spacer {
    height: 16px;
}

.horizontal-spacer {
    width: 38px;
}

.approval-status-title {
    position: absolute;
    color: #969696;
    padding-right: 28px;
}

.add-user-circle-button {
    background: #eee;
    min-width: 64px;
    min-height: 64px;
}

.add-user-circle-button:hover {
    background: #d4d4d4;
    transition: background-color 0.5s;
}

.rfx-add-button {
    position: absolute;
    bottom: -32px;
    right: 16px;
}

.rfx-add-button md-fab-trigger button {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.rfx-position-selected {
    background: #d4d4d4;
    transition: background-color 0.5s;
}

.autocomplete-selection-panel {
    width: 700px;
    background-color: #fff;
    border-radius: 4px;
}

.autocomplete-selection-first {
    font-size: 16px;
}

.autocomplete-selection-second {
    font-size: 12px;
}

.tooltip-selection-panel {
    color: rgba(255,255,255,0.87);
    background-color: rgb(97,97,97);
    max-width: 700px;
    height: auto;
    opacity: 1;
    border-radius: 4px;
    margin: 8px 16px;
}

.tooltip-selection-panel-parent {
    z-index: 101 !important;
}

.list-tooltip-selection-panel {
    color: rgba(255,255,255,0.87);
    background-color: rgb(97,97,97);
    height: auto;
    opacity: 1;
    border-radius: 4px;
    margin: 8px 16px;
}

.autocomplete-select-entry {
    padding: 4px;
    outline: none;
    width: 100%;
}

.autocomplete-select-entry:hover {
    background-color: #e0e0e0;
    cursor: pointer;
}

ix-price.price-list-padding > DIV {
    padding-top: 8px;
}

md-select.service-period-input > md-select-value {
    background-image: none !important;
}

md-select.service-period-input-selected > md-select-value {
    color: rgba(0, 0, 0, 0.87) !important;
}

.service-period-runtime-input {
    margin-left: 32px;
}

.service-period-runtime-input > input {
    min-height: 32px;
}

.service-period-runtime-input > div {
    top: 4px;
}

.service-period-input {
    outline: 0;
    cursor: pointer;
}

.service-period-input > label {
    margin-bottom: 5px;
}

.service-period-input > md-select-value {
    height: 28px;
}

.service-period-input > md-select-value > span {
    display: block;
    white-space: normal !important;
    padding: 8px;

}

.service-period-input > md-select-value > span > div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 5px;
}

.basket-supplier-header-spacer {
    width: 16px;
}

.catalog-rule-icon-wrapper {
    position: relative;
    width: 50px;
    top: -13px;
    background-color: darkgrey;
    border-radius: 10px;
    height: 50px;
}

.catalog-rule-icon-wrapper > DIV {
    position: absolute;
    top: 12px;
    left: 14px;
    color: white;
}

.catalog-rule-icon-counter {
    top: -7px;
    left: 26px;
}

.catalog-rule-icon-cell {
    min-height: 50px;
}

.catalog-rule-icon-cell > DIV {
    top: 13px;
}

.help-dialog {
    min-width: 300px;
    min-height: 450px;
    width: 500px;
    height: 700px;
    position: absolute;
    top: 20%;
    left: 30%;
    z-index: 99;
}

.help-dialog > md-card-header {
    padding: 0 8px;
    z-index: 3;
    cursor: move;
}

.ix-resize-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    cursor: nwse-resize;
    z-index: 10
}

/*
 * height and margin changes are just to make it look like the border appears around the tile
 * and the tile itself does not change in height
 */
md-card.reference-select-card.select-reference-selected {
    border: 2px solid;
    margin: 6px; /* 8px - 2px-border */
}

.approval-group-entry {
    margin-left: auto;
    margin-right: auto;
    border-left: 4px solid;
    border-right: 4px solid;
}

.approval-group-entry-first {
    margin-top: 8px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    border-top: 4px solid;
}

.approval-group-entry-middle {
}

.approval-group-entry-last {
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    border-bottom: 4px solid;
}

.approval-group-entry-action-middle {
    border: 4px solid;
}

.approval-group-entry-action-first {
    margin-top: 8px;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    border: 4px solid;
}

.approval-group-entry-action-last {
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    border: 4px solid;
}

.approval-user-single {
    height: 48px;
    z-index: 1;
    margin: 10px 0 10px 0;
    position: relative;
}

ix-approval-group {
    position: relative;
    padding-top: 8px;
}

.approval-group {
    padding-left: 6px;
}

.approval-group-first {
    padding-left: 6px;
}

.approval-group-last {
    padding-left: 6px;
}

.approval-group-single {
    padding-left: 6px;
}

.approval-group:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-right: 4px solid #BDBDBD;
}

.approval-group:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-right: 4px solid #BDBDBD;
}

.approval-group-single:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 0;
    border-right: 4px solid #BDBDBD;
}

.approval-group-single:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 0;
    border-right: 4px solid #BDBDBD;
}

.approval-group-first:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 48%;
    border-right: 4px solid #BDBDBD;
}

.approval-group-first:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    height: 48%;
    border-right: 4px solid #BDBDBD;
}

.approval-group-last:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 52%;
    border-right: 4px solid #BDBDBD;
}

.approval-group-last:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 52%;
    border-right: 4px solid #BDBDBD;
}

.themeworld-product-overlay {
    background-color: rgba(100, 100, 100, 0.5);
    position: absolute;
    width: 100%;
    z-index: 2;
    height: 97%;
    top: 0;
}

.themeworld-product-overlay span {
    color: white;
    white-space: nowrap;
}

.ix-chip {
    cursor: default;
    border-radius: 16px;
    display: block;
    height: 32px;
    line-height: 32px;
    padding: 0 12px;
    float: left;
    box-sizing: border-box;
    max-width: 100%;
    position: relative;
}

.ix-chip-wrapper {
    padding-left: 8px;
    padding-right: 8px;
}

.control-button {
    background: #fff;
    color: #0000008a;
    font-size: 20px;
    margin: 0;
    text-align: left;
    text-transform: none;
}

.control-button:hover {
    background-color: transparent !important;
}

.control-button .control-button-text {
    font-size: 18px;
    line-height: 18px;
    margin: 0;
}

.basket-control-row .control-button {
    opacity: 0;
}

.basket-control-row:hover .control-button {
    opacity: 1;
}

.basket-control-label {
    font-size: 16px;
    min-width: 225px;
    max-width: 225px;
}

.basket-control-label.control-invalid > .basket-control-label-text:after {
    content: '*';
    color: #f00;
    font-size: 15px;
    font-weight: 400;
}

.ix-chip-remove {
    height: 26px;
    width: 16px;
    outline: none;
}

ix-basket-control-structure-input.ng-enter, ix-basket-control-structure-input.ng-leave {
    transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    max-height: fit-content;
    opacity: 1;
}

ix-basket-control-structure-input.ng-enter {
    max-height: 0;
    opacity: 0;
}

ix-basket-control-structure-input.ng-enter.ng-enter-active {
    max-height: fit-content;
    opacity: 1;
}

ix-basket-control-structure-input.ng-leave.ng-leave-active {
    max-height: 0;
    opacity: 0;
}


.basket-control-error-text {
    font-size: 10px;
    line-height: 11px;
    transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
    color: #f44336;
    font-weight: 300;
    max-height: 23px;
}

.basket-control-error-text.ng-enter, .basket-control-error-text.ng-leave {
    transition: 0.3s all cubic-bezier(0.250, 0.460, 0.450, 0.940);
    height: 100%;
    max-height: 100%;
    opacity: 1;
}

.basket-control-error-text.ng-enter {
    height: 0;
    max-height: 0;
    opacity: 0;
}

.basket-control-error-text.ng-enter.ng-enter-active {
    height: 100%;
    max-height: 100%;
    opacity: 1;
}

.basket-control-error-text.ng-leave.ng-leave-active {
    height: 0;
    max-height: 0;
    opacity: 0;
}

.basket-multi-control {
    margin-right: 16px;
}

.basket-multi-control .ix-chip-wrapper {
    margin-left: 32px;
}

.basket-control-row {
    min-height: 48px;
}

.font-size-9 {
    font-size: 9px;
}

.basket-control-toggle {
    height: 32px;
}

.rfqc-selection-row {
    outline: 0;
    padding: 16px;
}

.rfqc-selection-item {
    margin-right: 4px;
    margin-bottom: auto;
    margin-top: auto;
}

@supports (-moz-appearance:none) {
    div.md-select-menu-container > md-select-menu > md-content > md-option > div {
        text-overflow: inherit;
    }

    div.md-select-menu-container > md-select-menu > md-content > md-option > div:after {
        content: '------';
        color: transparent;
    }
}

.freeform-offer-dialog {
    min-width: 650px;
}

.freeform-offer-dialog-content {
    min-height: 370px;
}

.freeform-offer-dialog-medium {
    min-width: 700px;
}

.freeform-offer-dialog-extended {
    min-width: 87%;
}

.freeform-offer-selection-complete, .freeform-offer-selection-items {
    width: 250px;
    height: 150px;
    padding: 16px 24px 16px 24px;
    border: 1px solid rgb(229, 229, 229);
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    outline: none;
    margin: 2px;
    position: relative;
}

.freeform-offer-selection-complete:hover, .freeform-offer-selection-items:hover {
    border-width: 2px;
    width: 252px;
    height: 152px;
    margin: 1px;
}

.freeform-offer-selection-complete:not(:hover), .freeform-offer-selection-items:not(:hover) {
    border: 1px solid rgb(229, 229, 229) !important;
}

.freeform-offer-selection-complete > img, .freeform-offer-selection-items > img {
    width: 82px;
    padding-top: 8px;
    padding-left: 8px;
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    top: 48px;
    margin: auto;
}

.freeform-offer-selection-complete:hover > img, .freeform-offer-selection-items:hover > img {
    top: 47px;
    bottom: 15px;
}

.input-table-div {
    overflow: hidden;
}

.input-table > tbody > tr > td > input {
    border: none;
    width: 100%;
}

.input-table > tbody > tr > td {
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
}

.input-table:not(.input-table-manual-order-creation) > tbody:before {
    content: "-";
    display: block;
    line-height: 25px;
    text-indent: -99999px;
}

.input-table:not(.input-table-manual-order-creation) > tbody.freeformoffer-body:before {
    content: "-";
    display: block;
    text-indent: -99999px;
    line-height: 0;
}

.input-table:not(.input-table-manual-order-creation) > tbody.freeformoffer-body:nth-child(2):before {
    content: "-";
    display: block;
    line-height: 25px;
    text-indent: -99999px;
}

.input-table > tbody > tr > td:first-child,
.input-table > thead > tr > td:first-child {
    padding-left: 16px;
}

.input-table > tbody > tr > td:last-child,
.input-table > thead > tr > td:last-child {
    width: 60px;
}

.input-table > tbody > tr > td:last-child > button {
    position: absolute;
    top: 18px;
}

.input-table > thead > tr > td {
    padding: 5px;
}

.input-table > thead > tr {
    height: 49px;
    background-color: rgb(240, 240, 240);
    font-size: 17px;
}

.input-table > tbody > tr > td > md-select {
    margin: 0;
}

.input-table > tbody > tr > td > md-select > md-select-value {
    border: none;
}

.input-table > tbody > tr > td > app-autocomplete > md-autocomplete > md-autocomplete-wrap > md-input-container,
.input-table>tbody>tr>td>ix-async-autocomplete>md-autocomplete>md-autocomplete-wrap>md-input-container,
.input-table > tbody > tr > td > md-input-container,
.input-table > tbody > tr > td > app-money-input > md-input-container {
    padding: 0;
    margin: 0;
}

.input-table > tbody > tr > td > app-autocomplete > md-autocomplete > md-autocomplete-wrap > button,
.input-table > tbody > tr > td > ix-async-autocomplete > md-autocomplete > md-autocomplete-wrap > button {
    top: 0 !important;
}

.input-table > tbody > tr > td > app-autocomplete > md-autocomplete > md-autocomplete-wrap > md-input-container.md-input-has-value > label,
.input-table > tbody > tr > td > app-autocomplete > md-autocomplete > md-autocomplete-wrap > md-input-container.md-input-focused > label,
.input-table > tbody > tr > td > md-input-container.md-input-has-value > label,
.input-table > tbody > tr > td > md-input-container.md-input-focused > label,
.input-table > tbody > tr > td > app-money-input > md-input-container.md-input-has-value > label,
.input-table > tbody > tr > td > app-money-input > md-input-container.md-input-focused > label ,
.input-table>tbody>tr>td>ix-async-autocomplete>md-autocomplete>md-autocomplete-wrap>md-input-container.md-input-has-value>label,
.input-table>tbody>tr>td>ix-async-autocomplete>md-autocomplete>md-autocomplete-wrap>md-input-container.md-input-focused>label{
    visibility: hidden;
}

.input-table>tbody>tr>td>ix-async-autocomplete {
    position: relative;
}

.input-table>tbody>tr>td>ix-async-autocomplete>md-autocomplete>md-autocomplete-wrap>md-progress-linear {
    bottom: 21px;
    right: 0;
    left: 0;
}

.input-table>tbody>tr>td>ix-async-autocomplete>div {
    position: absolute;
    top: 35px;
    left: 0;
}

.tax-rate-column {
    min-width: 65px;
}

.tax-rate-column > md-input-container {
    margin-top: -25px !important;
}

.currency-column {
    min-width: 65px;
}

.currency-column > md-input-container {
    margin-top: -25px !important;
}

.basket-outlet-wrapper {
    width: 360px;
}

.basket-outlet-wrapper-small {
    width: 300px;
    padding-top: 13px;
}

.avatar-autocomplete-remove {
    position: absolute;
    right: 0;
    top: -8px;
    z-index: 3;
}

.avatar-autocomplete-entry {
    min-width: 120px;
    width: 120px;
    position: relative;
}

.rfx-media-entry {
    font-size: 13px;
    max-width: 200px;
}

.outlined-textarea {

}

.outlined-textarea:hover textarea:not(:read-only) {
    border: 1px solid rgba(0, 0, 0, .60) !important;
}

.outlined-textarea.md-input-focused textarea:not(:read-only) {
    border: 1px solid rgba(0, 0, 0, .60) !important;
}

.outlined-textarea label {
    background: #fff;
    display: inline-block;
    position: relative !important;
    top: 14px;
    left: 16px !important;
    width: auto !important;
    font-weight: 500;
    padding-right: 4px !important;
}

.outlined-textarea textarea {
    border: 1px solid rgba(0, 0, 0, .12) !important;
    border-radius: 8px;
    padding: 8px;
}

div[md-highlight-text] .highlight {
    font-weight: bold;
}

.top-label-time-inputs {
    margin: 3px 0 0 8px;
}

.grid-wrapper-2-column {
    display: flex;
    flex-wrap: wrap;
}

.grid-wrapper-2-column .grid-item-2-column {
    width: 50%;
}

.rfx-user-panel-wrapper {
    min-width: 330px;
}

.rfx-position-row {
    min-height: 220px;
}

.rfx-position-row .item-count {
    font-weight: bold;
    min-width: 32px;
}

.rfx-position-row .description {
    max-height: 98px;
    overflow: hidden;
    padding: 16px;
}

.rfx-request-position-row {
    min-height: 88px;
}

.rfx-request-position-row .item-count {
    font-weight: bold;
    min-width: 32px;
}

.rfx-request-position-row .description {
    max-height: 98px;
    overflow: hidden;
    padding: 16px;
}

.rfx-request-position-row md-icon.mdi-big::before {
    position: relative;
    top: -9px;
    left: -1px;
}

.rfx-supplier-input-avatar {
    width: 60px;
    height: 60px;
}

.rfy-date-input {
    height: 73px;
}

.rfx-sidebar {
    width: 250px;
    max-width: 250px;
    padding: 16px;
}

.rfx-sidebar-contact {
    min-width: 250px;
    max-width: 250px;
}
.rfx-sidebar-contact-scroll {
    position: relative;
}

.rfx-sidebar-contact-avatar {
    width: 96px;
    height: 96px;
}

.avatar-autocomplete-entry-row {
    max-height: 32px;
    height: 32px;
}

.avatar-autocomplete-entry-button {
    width: 100px;
}

.cancel-row > div:not(:first-child) {
    padding-top: 16px;
}

.comment-avatar {
    margin: 8px;
}

.product-gallery-thumbnail {
    max-width: 75px;
    max-height: 75px;
    width: 75px;
    height: 75px;
    object-fit: cover;
    font-family: 'object-fit: contain;';
    outline: none;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
    background: white;
}

.product-gallery-thumbnail.thumbnail-selected {
    transform: scale(0.85);
}

.product-gallery-video-thumbnail {
    width: 75px;
    height: 75px;
    outline: none;
    object-fit: contain;
    font-family: 'object-fit: contain;';
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
    background: white;
}

.product-gallery-video-thumbnail.thumbnail-selected {
    transform: scale(0.85);
}

.product-gallery-container {
    min-width: 600px;
    min-height: 500px;
    max-width: 600px;
    max-height: 500px;
}

.product-gallery-container .gallery-image-wrapper {
    width: 500px;
    height: 500px;
}

.gallery-image-wrapper > img {
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.gallery-thumbnail-button {
    height: 36px;
}

.gallery-thumbnail-container {
    width: 100px;
    position: relative;
    margin: auto;
    border-left: 1px solid lightgrey;
}

.gallery-thumbnail-wrapper {
    width: 75px;
}

.gallery-thumbnail-wrapper > .thumbnail-container {
    position: absolute;
    top: 0;
    left: 0;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
}

.gallery-close-button {
    position: absolute;
    top: 8px;
    right: 0;
}

.add-important-menu-item-dialog {
    min-width: 250px;
    max-width: 450px;
}

.ix-minimized-filter-sidebar {
    max-width: 250px;
    min-width: 0;
    position: fixed;
    width: fit-content;
    transition: all .4s ease-in-out;
    background: transparent !important; /*to prevent overwriting by theming*/
}

.ix-minimized-filter-tools {
    align-items: flex-end;
    height: 64px;
}

.ix-toolbar-color-black {
    background: #333333 !important;
    color: #fff !important;
}

.ix-toolbar-color-none {
    background: transparent !important;
    color: grey !important;
}

.minimized-filter {
    padding: 6px 2px 6px 8px;
    border-radius: 16px;
    margin-bottom: 16px;
    max-width: 228px;
    align-items: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
}

.filter-sidebar .minimized-filter {
    max-width: 170px;
    width: 160px;
    font-size: 11px;
}

.minimized-filter-label {
    width: 122px;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.minimized-filter-value {
    display: table-caption; /* since IE11 doesn't support 'word-break: break-word;' */
    width: 122px;
    text-overflow: ellipsis;
    overflow-x: hidden;
}

.minimized-filter-remove {
    position: relative;
    line-height: normal;
}

.filter-show-button {
    position: absolute;
    right: 0;
    top: 12px;
}

.remove-filters-button {
    width: fit-content;
    align-self: flex-end;
}

.min-width-52px {
    min-width: 52px;
}

.card-tab-header {
}

ix-ink-bar {
    min-height: 3px;
    width: 100%;
    position: relative;
}

.ink-bar-color {
    position: absolute;
    height: 3px;
    top: 0;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.4s;
}

.card-pane {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 240px;
}

.user-container {
    position: relative;
    width: 100%;
    max-width: 100%;
}

.pane-container {
    width: 100%;
    overflow: hidden;
    height: 100%;
    display: grid;
}

.list-pane-container {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    height: 100%;
    display: block;
}

.card-pane-animation {
    position: relative;
    /*scroll-behavior: smooth;*/
    overflow: hidden;
    overflow-x: scroll;
    margin-bottom: -22px;
    padding-bottom: 22px;
}

.pane {
    width: 100%;
    position: relative;
}

.pane.ng-enter {
    opacity: 1;
    animation: fadeIn  0.5s;
}

.pane.ng-leave {
    opacity: 0;
    display: none;
    animation: fadeOut;
}

ix-card-pane {
    width: 0;
}

.button-icon {
    position: relative;
    top: 4px;
}

.card-tab-content {
    height: 240px;
    max-height: 240px;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.card-tab-content.ng-hide {
    height: 240px;
    max-height: 240px;
}

.card-tab-content.ng-hide {
    height: 0;
    max-height: 0;
}

.list-tab-content {
    position: relative;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.list-tab-content.ng-hide {
    height: 0;
    max-height: 0;
}

.product-item {
    border-bottom: 1px solid rgb(207, 207, 207);
    min-height: 120px;
}

.product-item .product-image {
    object-fit: contain;
    outline: none;
    font-family: 'object-fit: contain;';
    width: 104px;
    height: 104px;
}

.product-info {
    font-size: 12px;
    width: 40%
}

.product-info td:nth-child(2) {
    padding: 0 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 90%;
    max-width: 250px;
    min-width: 250px;
    white-space: nowrap;
}

.product-info tr > td:first-child {
    font-weight: 500;
    opacity: 0.6;
    min-width: 100px;
    white-space: nowrap;
}

.rfx-product-info {
    font-size: 12px;
}

.rfx-product-info td:nth-child(2) {
    padding: 0 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.rfx-product-info tr > td:first-child {
    font-weight: 500;
    opacity: 0.6;
    white-space: nowrap;
}

.list-pane {
    width: 100%;
}

ix-product-list {
    display: flex;
    width: 100%;
}

.list-tab-overlay {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: all;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: #eee;
    opacity: 0.7;
    padding: 8px;
}

.autocomplete-selection-panel md-input-container {
    max-height: 48px;
    display: block;
    margin: 0;
    box-sizing: content-box;
}

.ix-input-icon {
    margin-left: 16px;
    top: 12px;
}

.ix-input-box-big {
    height: 48px !important;
    font-size: 20px;
    line-height: 24px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100% !important;
    padding-left: 16px !important;
    border: none !important;
    z-index: 1;
}

.autocomplete-selection-result-container {
    max-height: 320px;
    min-height: 320px;
    overflow-y: auto;
}

.autocomplete-selection-overlay {
    position: absolute;
    height: 320px;
    width: 100%;
    background: #eee;
    opacity: 0.7;
    z-index: 101;
}

.autocomplete-selection-row {
    max-height: 78px;
    overflow: hidden;
}

.product-image-gallery-main {
    max-width: 500px;
    display: block;
    object-fit: contain;
    max-height: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.img-helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.search-product-progress-bar div {
    height: 3px;
}

ix-product-item-actions {
    height: 100%;
}

.filter-sidebar {
    position: fixed;
    height: calc(100% - 64px);
    right: 16px;
}

.filter-sidebar-all-wrapper {
    height: 100%;
    width: 250px;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.3s;
}

.filter-sidebar-all-wrapper.ng-show {
    width: 250px;
}

.filter-sidebar-all-wrapper.ng-hide {
    width: 0;
}

.nano-pane {
    background: transparent !important;
}

.nano > .nano-pane > .nano-slider {
    background: #ccc !important;
}

.card-pane-show-all {
    min-width: 108px;
    max-width: 108px;
    height: 100%;
}

.card-container-button-text {
    white-space: pre;
}

.product-gallery-img-wrapper {
    position: relative;
    max-width: 500px;
    max-height: 500px;
    min-width: 500px;
    min-height: 500px;
}

.product-item-img-container {
    min-width: 120px;
    height: 120px;
    padding: 8px;
    display: block;
}

.product-item-main {
    padding: 8px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.product-item-main > a {
    max-height: 24px;
    max-width: 100%;
}

.product-item-main > a > SPAN {
    font-size: 16px;
}

.product-item-actions {
    width: 100%;
    height: 100%;
    padding: 4px 0 0 8px;
}

.product-item-price {
    text-align: right;
    padding: 2px 0 12px 0;
    height: 100%;
}

.product-item-price .base-price {
    font-size: 18px;
    line-height: 36px;
    font-weight: 500;
    padding-left: 8px;
}

.product-item-price .base-price-original-currency {
    font-size: 16px;
    line-height: 25px;
    font-weight: 500;
    padding-left: 8px;
    padding-right: 10px
}

.product-item-price .base-price-user-currency {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    padding-right: 10px;
}

.product-item-price .content-unit{
    padding-right: 10px;
}

.product-item-header-name {
    margin-left: 120px;
    outline: none;
}

.product-item-header-price {
    margin-right: 50px;
    outline: none;
}

.smooth-scroll {
    scroll-behavior: smooth;
}

.rfx-edit-date {
    outline: 0;
    position: absolute;
    left: 200px;
    top: 35px;
}

md-select.md-select-white-font .md-select-value,
md-select.md-select-white-font .md-select-placeholder,
md-select.md-select-white-font .md-select-icon::after {
    color: #fff;
}

.approval-workflow-actions {
    margin: 0 8px;
    top: -13px;
    position: relative;
    background-color: #f5f4f4;
    box-shadow: -1px 2px 3px 0 rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top: 1px solid rgb(207, 207, 207);
}

.user-panel-wrapper-saml>.user-panel-wrapper {
    max-width: 500px;
}

.user-panel-wrapper-saml>.user-panel-wrapper>div>div {
    max-width:372px;
}

.dashboard-grid-element, .dashboard-edit-grid-element {
    min-width: 175px;
    min-height: 175px;
    max-width: 175px;
    max-height: 175px;
    z-index: 0;
}

.dashboard-edit-grid-element {
    border:1px solid lightgrey;
    position: relative;
}

.dashboard-grid-row {
    height: 175px;
    width: 100%;
}

.dashboard-edit-grid-element > button.add-button {
    margin-left: 60px;
    margin-top: 60px;
    visibility: hidden;
}

.dashboard-edit-grid-element:hover > button.add-button {
    visibility: visible;
}

.dashboard-panel-selection-column {
    width: 200px;
}

.dashboard-panel-selection-height-row {
    margin-top: 4px;
}

.dashboard-panel-selection-width-height {
    width: 52px;
    height: 52px;
    text-align: center;
    padding: 16px;
    margin-left: 4px;
    outline: 0;
}

.dashboard-panel-selection-width-height-disabled {
    background-color: lightgrey;
}

.radio-button-spacer {
    width: 30px;
}

.dashboard-legend {
    position: absolute;
    right: 0;
    top: 0;
    width: 250px;
    height: 100%;
}

.dashboard-legend-square {
    margin-top: 2px;
    margin-right: 7px;
    width: 12px;
    height: 12px;
}

.dashboard-legend-letter {
    left: 70px;
    top: 59px;
    font-size: 40px;
    color: white;
    position: absolute;
}

.dashboard-legend-last-button {
    position: absolute;
    right: 0;
    top: 7px;
}

.dashboard-legend-edit {
    position: absolute;
    right: 30px;
    top: 7px;
}

.dashboard-legend-delete-panel {
    position: absolute;
    bottom: 16px;
    text-align: center;
    width: 100%;
}

.dashboard-legend-move-buttons {
    padding-top: 8px;
}

.loading-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #eee;
    opacity: 0.7;
    z-index: 101;
}

.line-height-30 {
    line-height: 30px;
}

.reference-select-card {
    min-height: 265px;
    overflow: hidden;
    position: relative;
    outline: none;
}

.reference-select-configuration {
    padding-bottom: 32px;
}

.variant-name-panel-selection {
    height: 44px;
}

.code-input {
    outline: none;
    font-size: 30px;
    margin-left: 4px;
    margin-right: 4px;
    width: 30px;
}

.large-codeinput>div>div>input.code-input {
    outline: none;
    font-size: 60px;
    margin-left: 4px;
    margin-right: 4px;
    width: 40px;
    height: 60px;
}

.delegate-widget-element {
    background-color: white;
    padding: 1px;
    outline: 0;
    border-radius: 2px;
    position: relative;
    height: 50px;
    width: 100%;
}

.delegate-widget-element:hover {
    background-color: rgb(242, 242, 242);
}

.delegate-widget-pointer {
    position: absolute;
    right: 14px;
    top: 10px;
    color: grey;
}

.date-display {
    font-weight: bold;
    white-space: nowrap;
    height: 100%;
    font-size: 15px;
    margin-right: 48px;
}

.special-offer-product-panel {
    height: 20px;
    margin-bottom: -6px;
}

.special-offer-product-item {
    margin-left: 5px;
    margin-top: 2px;
    position: relative;
}

.product-item-attribute {
    margin-left: 5px;
    top: 3px;
    position: relative;
}

.product-item-attribute:before {
    font-size: 22px;
}

.special-offer-product-item>img {
    height: 20px;
}

.attribute-image {
    height: 20px;
}

.scroll-top-button-wrap {
    position: fixed;
    left: calc(50% - 28px);
    bottom: -20px;
    transition: left cubic-bezier(0.0, 0.0, 0.2, 1) 0.4s;
}

.scroll-top-button-wrap.ng-enter,
.scroll-top-button-wrap.ng-leave {
    -webkit-transition: transform cubic-bezier(0.0, 0.0, 0.2, 1) 0.3s;
    -moz-transition: transform cubic-bezier(0.0, 0.0, 0.2, 1) 0.3s;
    -o-transition: transform cubic-bezier(0.0, 0.0, 0.2, 1) 0.3s;
    transition: transform cubic-bezier(0.0, 0.0, 0.2, 1) 0.3s;
}

.scroll-top-button-wrap.ng-enter,
.scroll-top-button-wrap.ng-leave.ng-leave-active {
    transform: scale(0);
}

.scroll-top-button-wrap.ng-leave,
.scroll-top-button-wrap.ng-enter.ng-enter-active {
    transform: scale(1);
}

.search-scroll-button-offset {
    left: calc(50% - 176px);
}

.search-menu-button {
    position: absolute;
    left: -32px;
    top: 22px;
}

.company-avatar-select {
    align-items: flex-end;
    padding: 2px;
    outline: 0;
    margin: 16px 0;
}

.company-avatar-select:not(.no-border)>div:last-child {
    border-bottom: solid 1px rgba(0, 0, 0, 0.12);
}

.company-avatar-select.company-avatar-select-focus>div:last-child {
    border-bottom-width: 2px;
}

.company-avatar-select span,
.company-avatar-select div {
    outline: 0;
}

.company-avatar-select .company-avatar-select-placeholder {
    font-weight: 500;
    padding-bottom: 2px;
    padding-left: 1px;
    transform: scale(1);
    transition: all .2s ease-in-out;
}

.company-avatar-select .company-avatar-select-label {
    padding-bottom: 2px;
    font-weight: bold;
    transform: translateX(-29px) translateY(-18px) scale(.75);
    transition: all .2s ease-in-out;
}

.company-avatar-select .company-avatar-select-value {
    margin-top: -22px;
    align-items: center;
}

.company-avatar-select .company-avatar-image {
    width: 60px;
    height: 60px;
    max-width: 60px;
    max-height: 60px;
}

.company-avatar-select .select-icon::after {
    display: block;
    content: '\25BC';
    position: relative;
    top: 2px;
    speak: none;
    font-size: 13px;
    transform: scaleY(0.5) scaleX(1);
    outline: 0;
}

.pagination-button {
    max-height: 32px;
    max-width: 32px;
    min-width: 32px;
    min-height: 32px;
    margin: 0;
    line-height: 34px;
    padding: 0 !important;
}

.pagination-element-container {
    min-width: 140px;
}

.pagination-element-container > .element-text {
    font-size: 13px;
    padding: 0 8px 0 8px;
    opacity: 0.6;
}

.tree-select-entry {
    padding: 6px 0;
    margin: 2px 0;
    position: relative;
    max-height: 32px;
    min-height: 32px;
}

.tree-select-entry:hover {
    background: #ddd;
}

.tree-select-entry:hover > .zoom-node-button {
    opacity: 1;
    background: #ccc;
}

.tree-select-entry > .zoom-node-button {
    position: absolute;
    right: -8px;
    top: 0;
    opacity: 0;
    height: 100%;
    background: #eee;
    outline: none;
    padding: 3px 0;
}

.tree-select-super-entry {
    outline: none;
    line-height: 12px;
    height: 32px;
    margin: 4px 0;
}

.tree-select-super-entry.ng-enter,
.tree-select-super-entry.ng-leave,
.tree-select-super-entry.ng-move {
    -webkit-transition: all cubic-bezier(0.0, 0.0, 0.2, 1) 0.3s;
    transition: all cubic-bezier(0.0, 0.0, 0.2, 1) 0.3s;
    position: relative;
}
.tree-select-super-entry.ng-enter {
    left: 250px;
    height: 0;
    opacity:0;
}
.tree-select-super-entry.ng-enter.ng-enter-active {
    left:0;
    height: 32px;
    opacity:1;
}
.tree-select-super-entry.ng-leave {
    left:0;
    height: 32px;
    opacity:1;
}
.tree-select-super-entry.ng-leave.ng-leave-active {
    left: 250px;
    height: 0;
    opacity:0;
}
.tree-select-super-entry.ng-move {
    opacity:0.5;
}
.tree-select-super-entry.ng-move.ng-move-active {
    opacity:1;
}

.tree-select-selected {
    padding: 16px 0 16px 16px;
    position: relative;
}

.tree-select-sub-entry-hits {
    letter-spacing: -0.5px;
    font-size: 11px;
    min-width: 36px;
    margin: 0 4px 0 0;
}

.tree-select-sub-entry-text {
    font-size: 13px;
    min-width: 192px;
    outline: none;
    max-height: 28px;
    width: 192px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-height: 14px;
}

.tree-remove-button {
    position: absolute;
    right: -16px;
    top: 8px;
}

.list-pagination-container {
    height: 55px;
    margin-bottom: 96px;
}

.guiding-classification-popup {
    width: 180px;
    min-width: 180px;
    height: 48px;
    margin: 0;
    padding: 8px;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.guiding-classification-popup:not(.has-selected-classification) span, .guiding-classification-popup:not(.has-selected-classification) .md-select-icon  {
    /*
     theming always colors this "black" since it seems to assume that this specific icon will only be on white background,
     so we unset the color to inherit it from the md-select which has the correct color based on the background
     */
    color: unset;
}

.has-selected-classification {
    background: white;
}

.has-selected-classification span, .has-selected-classification .md-select-icon {
    color: #000;
}

.guiding-classification-popup-text span, .guiding-classification-popup-text .md-select-icon{
    font-size: 14px;
    display: block;
    white-space: normal !important;
    line-height: 14px;
    max-height: 42px;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}

.guiding-classification-popup-container {
    top: 60px !important;
    font-size: 13px !important;
}

.guiding-classification-popup-container md-select-menu {
    max-height: 576px;
    margin-left: 7px;
}

.guiding-classification-popup-container md-content {
    max-height: 576px;
}

.info-animate.ng-hide {
    max-height: 0;
}

.info-animate.ng-hide-add,
.info-animate.ng-hide-remove {
    transition: max-height cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
}

.search-dialog-information {
    height: 100%;
    max-height: 1000px;
}

.search-dialog-attachment-button {
    padding-top: 2px;
    margin-left: -6px;
}

.search-dialog-attachment-button-icon {
    padding-top: 3px;
    padding-right: 16px;
}

ix-tender-list {
    display: flex;
    width: 100%;
}

ix-tender-item-actions {
    height: 100%;
}

.tender-item {
    border-bottom: 1px solid rgb(207, 207, 207);
    max-height: 120px;
    min-height: 120px;
    min-width: 500px;
}

.product-group-item {
    border-bottom: 1px solid rgb(207, 207, 207);
    max-height: 120px;
    min-height: 120px;
}

.tender-item .tender-image {
    object-fit: contain;
    outline: none;
    font-family: 'object-fit: contain;';
    width: 104px;
    height: 104px;
}

.tender-item-img-container {
    min-width: 120px;
    height: 120px;
    padding: 8px;
    display: block;
}

.tender-item-main {
    padding: 8px;
    width: 100%;
    overflow: hidden;
    margin-right: 16px;
}

.tender-item-main > a {
    max-height: 24px;
    max-width: 100%;
}

.tender-item-main > a > SPAN {
    font-size: 16px;
}

.tender-item-actions {
    max-width: 48px;
    height: 100%;
    padding: 4px 0 0 0;
}

.tender-item-header-name {
    margin-left: 120px;
    outline: none;
}

ix-lot-list {
    display: flex;
    width: 100%;
}

ix-themeworld-list {
    display: flex;
    width: 100%;
}

ix-lot-item-actions {
    height: 100%;
}

ix-supplier-list {
    display: flex;
    width: 100%;
}

ix-supplier-item-actions {
    height: 100%;
}

ix-catalog-list {
    display: flex;
    width: 100%;
}

ix-catalog-item-actions {
    height: 100%;
}


.menu-sidebar {
    height: 100%;
    overflow: hidden;
}

.main-toolbar {
    width: 100%;
    height: 64px;
    z-index: 5;
    font-size: 20px;
    min-height: 64px;
    position: relative;
}

.main-toolbar.hidden-main-toolbar {
    width: 250px;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
}

.main-toolbar.hidden-main-toolbar-small {
    width: 100px;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
}

ng-view {
    width: 100%;
    height: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}

.workspace-switch {
    position: relative;
    outline: none;
    padding: 16px 32px 16px 0;
    height: 100%;
}

.not-clickable {
    pointer-events: none;
}

.workspace-switch-big {
    min-width: 186px;
    max-width: 186px;
    height: 100%;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
}

.workspace-switch-small {
    min-width: 50px;
    max-width: 50px;
    height: 100%;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
}

.workspace-switch-icon {
    outline: none;
    position: absolute;
    right: 4px;
    top: 18px;
}

.workspace-switch-small .workspace-switch-icon {
    right: 0;
}

.menu-sidebar-open {
    height: 100%;
    width: 64px;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
}

.menu-sidebar-closed {
    height: 100%;
    width: 50px;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
}

.list-filter-toggle {
    height: 64px;
    max-width: 250px;
}

.list-filter-toggle-button {
    min-width: 170px;
    max-width: 170px;
    padding-left: 16px;
}

.list-filter-toggle-burger {
    height: 100%;
    width: 64px;
}

.filter-icon-color {
    color: rgba(0, 0, 0, 0.54);
}

.chip {
    margin: 8px 4px;
    width: 200px;
    outline: none;
    height: 64px;
    border-radius: 32px;
    background: white;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
}

.chip:hover {
    transition: box-shadow 0.15s ease-in-out;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

.chip > span {
    color: rgba(0, 0, 0, 0.8);
    padding: 0 24px;
    text-align: center;
    font-weight: 500;
}

.chip-list-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
}

.product-family-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding: 16px;
}

.product-family {
    margin: 8px 4px;
    border-radius: 16px;
    width: 250px;
    height: 64px;
    background: white;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2), 0 1px 1px 0 rgba(0,0,0,.14), 0 2px 1px -1px rgba(0,0,0,.12);
    position: relative;
    outline: 0;
}

.product-family:hover {
    transition: box-shadow 0.15s ease-in-out;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
}

.product-family > span {
    color: rgba(0, 0, 0, 0.8);
    padding: 0 24px;
    text-align: center;
    font-weight: 500;
    outline: none;
}

.product-family-procurement-group > span {
    color: rgba(0, 0, 0, 0.8);
    outline: none;
}
.product-family-procurement-group > span:hover > span.product-family-procurement-group-value {
    text-decoration: underline;
    cursor: pointer;
}

.product-family-procurement-group {
    visibility: hidden;
    position: absolute;
    top: 64px;
    width: 100%;
    background-color: white;
    z-index: 100;
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    outline: none;
    padding: 16px 16px;
    overflow: hidden;
    left: 0;
    line-height: 20px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    cursor: default;
    border-top: 1px solid lightgrey;
}

.product-family-width-procurement-groups:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.product-family:hover > .product-family-procurement-group {
    visibility: visible;
}

.product-family-procurement-group-separator {
    margin-left: -3px;
}

@media (max-width: 1230px) {
    .basket-price-responsive {
        width: 200px;
    }

    .bundle-position-user {
        max-width: 200px;
    }
}

.product-data {
    overflow: hidden;
}

.autocomplete-classification-name {
    display: block;
    line-height: 2;
    max-height: 20px;
}

.autocomplete-invoice-company-name {
    white-space: normal;
    line-height: 20px;
    height: 48px;
    font-size: 12px;
    padding-top: 4px;
}

.autocomplete-classification-number {
    display: block;
    line-height: 2;
    max-height: 20px;
}

.view-wrapper {
    overflow: hidden;
    width: 100%;
    max-height: calc(100vh - 64px);
}

.banf_not_exported {
    font-weight: bold;
    color: #ba0b2b;
    text-transform: uppercase;
}

.banf_not_proceeded {
    font-weight: bold;
    color: #c6cc11;
    text-transform: uppercase;
}

.banf_proceeded{
    font-weight: bold;
    color: #09b31d;
    text-transform: uppercase;
}

.full-width-grid-edit {
    height: 175px;
    margin-right: 250px;
    text-align: center;
}

.full-width-grid-edit > SPAN {
    padding-top: 59px;
    display: block;
    font-size: 40px;
    color: white;
}

md-checkbox.global-lobby-checkbox {
    top: 7px;
}

.global-lobby-move-button {
    padding-bottom: 6px;
}

iframe.no-border {
    border: 0;
}

.customer-service-panel {
    position: absolute;
    bottom: 0;
    right: 16px;
    z-index: 79;
}

.customer-service-dialog {
    height: 650px;
    width: 600px;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.2s;
}

.customer-service-dialog  md-content {
    height: 564px;
}

.customer-service-minimized {
    height: 36px;
    width: 500px;
}

.customer-service-maximized {
    height: 748px;
    width: 800px;
    bottom: 50%;
    right: 50%;
    transform: translate(50%, 50%);
}

.customer-service-maximized md-content {
    height: 664px;
}

.customer-service-toolbar {
    width: 100%;
    height: 36px;
    min-height: 36px;
}

.search-item-info {
    font-size: 12px;
    margin-top: 8px;
}

.search-item-info td {
    padding-left: 16px
}

.search-item-info tr > td:first-child {
    font-weight: 500;
    opacity: 0.6;
}

.lot-item {
    border-bottom: 1px solid rgb(207, 207, 207);
    max-height: 120px;
    min-height: 120px;
}

.lot-item .lot-image {
    object-fit: contain;
    outline: none;
    font-family: 'object-fit: contain;';
    width: 104px;
    height: 104px;
}

.lot-item-img-container {
    min-width: 140px;
    height: 140px;
    padding: 8px;
    display: block;
}

.lot-item-main {
    padding: 8px;
    width: 100%;
    overflow: hidden;
    margin-right: 16px;
}

.lot-item-main > a {
    max-height: 24px;
    max-width: 100%;
}

.lot-item-main > a > SPAN {
    font-size: 16px;
}

.lot-item-actions {
    max-width: 48px;
    height: 100%;
    padding: 4px 0 0 0;
}

.lot-item-header-name {
    margin-left: 120px;
    outline: none;
}

.toolbar-icon-button::before {
    position: relative;
    top: 4px;
}

.md-subheader .md-icon-button {
    margin: -11px 0 !important;
}

.dates-dialog-input-entry {
    width: 25%;
    max-width: 350px;
}

ix-basket-controls-input td {
    height: 35px;
}

.basket-control-input-chip {
    padding: 4px 8px;
    border-radius: 16px;
    margin-left: 8px;
    margin-bottom: auto;
    margin-top: auto;
    align-items: center;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    background-color: rgba(0, 0, 0, 0.12);
}

.basket-control-input-chip>.control-factor {
    margin-left: 6px;
}

.supplier-panel-image {
    position: relative;
    z-index: 1;
}
.supplier-panel-image > img,
.supplier-panel-image .md-card-image-box {
    border-radius: 50%;
    max-width: 160px;
    width: 160px;
    max-height: 160px;
    height: 160px;
    z-index: 2;
}

md-card:hover .catalog-panel-buttons {
    visibility: visible;
}

.catalog-panel-buttons {
    visibility: hidden;
}

.catalog-panel-buttons-row {
    position: absolute;
    color: white;
    bottom: 4px;
    right: 0;
}

.catalog-panel-buttons-row button {
    background-color: rgba(0, 0, 0, 0.55);
}

.catalog-panel-buttons-row button:hover {
    background: rgba(0, 0, 0, 0.75) !important;
    color: white;
}

.hero-tile-supplier:hover .supplier-panel-button {
    visibility: visible;
}

.supplier-panel-button {
    position: absolute;
    color: white;
    top: 50%;
    right: 50%;
    transform: translate(70%, -35%);
    visibility: hidden;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.55);
}

.supplier-panel-button:hover {
    background: rgba(0, 0, 0, 0.75) !important;
    color: white;
}

.supplier-panel-menu-button {
    position: absolute;
    padding-left: 100px;
}

.supplier-panel-content {
    position: absolute;
    top: 75px;
    height: 140px;
    width: 100%;
    overflow: hidden;
    margin: 0;
}

.supplier-panel-title {
    display: -webkit-box;
    margin-top: 75px;
    height: 54px;
    font-size: 13px;
    line-height: 2.4ex;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    position: absolute;
    padding-right: 30px;
}

.tender-panel-title {
    height: 50%;
    overflow: hidden;
}

.lot-panel-title {
    height: 50%;
    overflow: hidden;
}

.search-menu {
    padding-left: 100px;
}

app-address-input md-autocomplete[disabled]>md-autocomplete-wrap {
    box-shadow: none;
}

app-address-input md-autocomplete[disabled] input:not(.md-input) {
    text-overflow: ellipsis;
}

.image-zoom-lens {
    position: absolute;
    background: darkgrey;
    min-width: 100px;
    min-height: 100px;
    z-index: 1000;
    pointer-events: none;
    opacity: 0.3;
    border: 2px solid rgba(0,0,0,0.7);
}

.image-zoom-wrapper {
    cursor: crosshair;
    min-height: 500px;
    max-width: 500px;
}

.image-zoom-mask {
    background: #ffffff;
    z-index: 20;
    position: absolute;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.zoom-active .image-zoom-mask {
    opacity: 1;
    visibility: visible;
}

.zoomed-image {
    object-fit: contain;
    font-family: 'object-fit: contain;';
}

md-dialog.grnTotal {
    width: 700px;
    min-width: 500px;
}

.scroll-menu-badge {
    right: 8px;
    left: auto;
    width: 18px;
}

.catalog-extend-last-date-dialog {
    width: 380px;
}

.product-edit-preview-container {
    justify-content: flex-end;
}

.product-edit-preview-container > ix-product-preview-panel {
    width:210px
}

.auto-overflow-y {
    overflow-y: auto;
}

.product-compare-no-add-to-basket {
    color: rgba(0,0,0,0.38);
    text-transform: uppercase;
    font-weight:600;
    padding-top: 14px;
    padding-bottom: 14px;
}

.ost-notification-checkbox {
    font-size: 12px;
}

.s-login-input {
    height: 40px !important;
    padding: 8px 18px !important;
    line-height: 1.4 !important;
    border: 1px solid #d6d6d6 !important;
    background: white !important;
    font-size: 15px;
    border-radius: 0;
}

.md-input-focused > .s-login-input {
    border: 1px solid !important;
    border-color: inherit !important;
}

.password-recovery-back-button {
    display: flex;
    outline: none;
    justify-content: center;
    align-items: center;
}

.login-footer-text {
    padding-left: 32px;
    font-size: 12px;
    margin: 8px 0;
}

.s-login-logo {
    max-height: 100px;
    padding-left: 32px;
}

.product-label-icon {
    width: 28px;
    min-width: 24px;
    height: 24px;
    min-height: 24px;
    outline: none;
    padding: 0 2px;
    overflow: hidden;
}

.euel-icon {
    width: 48px;
    min-width: 48px;
    height: 24px;
    min-height: 24px;
    outline: none;
    padding: 0 2px;
    overflow: hidden;
}

.product-label-icon-default {
    margin: 0 2px;
}

.dense-checkbox {
    margin-bottom: 4px;
    margin-right: 0;
}

input[type=number].hide-number-input-spin {
    -moz-appearance:textfield;
}

.single-invoice-checkbox-basket{
    text-align: left;
    font-weight: bold;
    padding-top: 16px;
    padding-left: 16px;
}

.basket-price-tooltip-line {
    margin-top: -10px;
    text-align: right;
}

.search-dialog-additional-data {
    padding: 16px 16px 24px 0;
    overflow: hidden;
}

.search-info-dialog-description {
    overflow: auto;
    max-height: 500px;
}

.search-small-filter {
    width: 100px;
}

ix-search-filter {
    overflow: visible !important;
    z-index: 5;
}

.product-item-detail {
    padding-right: 8px;
    min-width: 30%;
}

.ix-sidebar-small > .workspace-switch-wrapper {
    min-width: 102px;
}

.workspace-switch-wrapper {
    min-width: 252px;
    max-height: 65px;
    min-height: 65px;
    border-bottom: 1px solid rgb(207, 207, 207);
    box-shadow: none;
    transition: box-shadow 0.2s ease-in;
}

.workspace-switch-wrapper.scrolled {
    max-height: 64px;
    min-height: 64px;
    z-index: 100;
    box-sizing: border-box;
    border-bottom: none;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.12);
}

.search-filter-sidebar {
    width: 250px;
    border-top: 1px solid #ccc;
    height: calc(100vh - 128px);
}

.search-filter-content {
    height: 95%;
    width: 100%;
    padding-right: 8px;
    padding-top: 16px;
}

.workspace-label {
    width: 100%;
    text-align: left;
    padding-left: 16px;
}

.product-group-item-main {
    padding: 8px;
    width: 100%;
    overflow: hidden;
    margin-right: 16px;
}

.product-group-image {
    object-fit: contain;
    outline: none;
    font-family: 'object-fit: contain;';
    width: 104px;
    height: 104px;
}

.product-group-card {
    margin: 4px 0 32px;
}

.product-group-list {
    display: flex;
    width: 100%;
}

.product-group-list-item-description {
    height: 70px;
    overflow: hidden;
}

.product-group-list-item-number-of-products {
    width: 100%;
    text-align: right;
}

.current-product-group-header, .search-header {
    margin-top: 6px;
    margin-left: 8px;
    margin-right: 8px;
    padding-left: 6px;
    padding-right: 6px;
    font-size: 14px;
    font-weight: 600;
    text-transform:uppercase;
    height: 39px;
    display: inline-block;
    position:relative;
}

.current-product-group-header-ink-bar {
    position: absolute;
    height: 3px;
    width: calc(100% - 14px);
    bottom: 0;
    margin-left: 3px;
}

.search-header-ink-bar {
    position: absolute;
    height: 3px;
    width: calc(100% - 30px);
    bottom: 3px;
    margin-left: 15px;
}

.bread-crumb-object:hover {
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.3);
}

.bread-crumb-object:hover:after {
    box-shadow: inset 0 0 100px 100px rgba(0, 0, 0, 0.3);
}

.bread-crumb-object {
    position: relative;
    text-decoration: none;
    height: 40px;
    padding-left: 35px;
    padding-right: 25px;
    cursor: pointer;
    outline: 0;
    padding-top: 10px;
}

.bread-crumb-object:after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 40px;
    height: 40px;
    top: 0;
    right: -20px;
    background-color: inherit;
    -webkit-transform: scale(0.7071) rotate(45deg);
    transform: scale(0.7071) rotate(45deg);
    box-shadow: 1px -1px rgba(0, 0, 0, 0.25);
    z-index: 1;
    cursor: pointer;
}

.bread-crumb-object.bread-crumb-object-first {
    padding-left: 16px;
}

.bread-crumb-row {
    padding-right: 32px;
}

.bread-crumb-object-text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.manual-order-creation-control-div {
    height: 120px;
    position: absolute;
    width: 641%;
    margin-left: -16px;
    padding-left: 16px;
    padding-right: 60px;
}

.manual-order-creation-item-line>td {
    height: 200px;
    vertical-align: top;
    /*
    border-bottom: 3px solid lightgrey;
    */
}

.manual-order-creation-tax-rate-column {
    min-width: 65px;
}

.input-table-manual-order-creation > tbody > tr >td {
    padding-top: 32px;
}

.input-table.input-table-manual-order-creation > tbody > tr > td:last-child > button {
    top: 32px;
}

.radio-group-required::after {
    content: " *";
    font-size: 13px;
    vertical-align: top;
}

.manual-order-creation-radio-group-label {
    min-width: 130px;
}

.sum-header {
    margin-left: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.sum-cell, .sum-cell-label {
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-size: 13px;
    display: inline;
}

.sum-cell-label {
    color: #9a9a9a;
}

.cancel-request-reject-comment-dialog-content {
    min-width: 582px;
}

.combi-budget-decide-dialog-content {
    min-width: 582px;
}

.combi-budget-ctt-table-header {
    color: rgba(0, 0, 0, 0.54);
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.combi-budget-ctt-table-line {
    height: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.country-filter {
    margin: 0 8px;
}

.country-filter-flag {
    height: 24px;
    width: 24px;
    margin: 8px;
}

.catering-dialog {
    min-width: 800px;
    max-height: 90%;
}

.catering-participant-note-text {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 8px;
}

.catering-approval-status {
    position: relative;
    top: -3px;
}

.table-row.hover-active:hover {
    background: #eaeaea;
}

.table-row.selected {
    background: #eaeaea;
}

.product-coding-table.hover-active:hover {
    background: #eaeaea;
}

.product-coding-table.selected {
    background: #eaeaea;
}

.tree-list {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 32px;
    margin-top: 0;
    margin-bottom: 0;
    list-style-type: none;
    font-weight: 400;
    font-size: 14px;
    height: 100%;
}

.tree-list-row {
    margin-top: 0;
    margin-bottom: 0;
    outline: none;
    list-style-type: none;
    font-weight: 400;
    font-size: 14px;
}

.tree-list-row:hover div:hover  {
    background: #eaeaea;
}

.tree-list-row div:hover  {
    background: transparent;
}

.product-group-vcat-row:hover  {
    background: #eaeaea;
}

.product-group-vcat-row  {
    background: transparent;
    cursor: pointer;
}

.tree-list-row > div {
    display: flex;
    align-items: center;
    min-height: 32px;
    flex: 1;
    word-wrap: break-word;
}

.invisible {
    visibility: hidden;
}

.standard-chip {
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-flex;
    padding: 7px 12px;
    border-radius: 16px;
    align-items: center;
    margin: 4px;
    background-color: #e0e0e0;
    color: rgba(0, 0, 0, .87);
    min-height: 32px;
    height: 1px;
    outline: none;
}

#parent{
    position:absolute;
    height:500px;
    margin:0;
    padding:0;
    width:100%;
}
#div1{
    position:relative;
    border-right: 2px solid red;
    float:left;
    height:100%;
    width:49%;
    background-color:#A2A;
}
#div2{
    position:relative;
    float:left;
    height:100%;
    width:40%;
    background-color:#BBB;
}

.themeworld-card-overlay {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 36px;
    z-index: 2;
    opacity: 0.7;
    transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero-tile-themeworld:hover .themeworld-card-overlay {
    height: 100%;
}

.themeworld-card-description {
    visibility: hidden;
    font-size: 14px;
    font-weight: 300;
    padding: 8px;
}

.hero-tile-themeworld:hover .themeworld-card-description {
    visibility: visible;
}

.supplier-selection-button {
    min-width: 174px;
}

.message-icons {
    width: 176px;
    margin-left: -8px;
}

.message-icons .md-icon-button {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.partialdialogs-dialog {
    width: 280px;
}

.partialdialogs-dialog-button {
    margin: 0;
    width: 100%;
    align-content: flex-start;
}

.partialdialogs-dialog-button .done-icon {
    min-width: 24px;
}

.partialdialogs-dialog-button .mdi::before {
    position: relative;
    top: 3px;
}

.user-group-selection-label {
    text-align: left;
    font-weight: bold;
    font-size: 14px;
    padding: 8px;
}

.md-icon-button.mdi-chevron-down.content-toggle::before {
    position: relative;
}

.md-icon-button.mdi-chevron-down.content-toggle.rotate-180::before {
    top: 3px; /*since this is rotated by 180 this actually pushes the icon up instead of down*/
}

.md-icon-button.mdi-chevron-down.content-toggle.rotate-0 {
    top: 6px;
}

.md-icon-button.mdi-chevron-down.content-toggle.rotate-0::before {
    top: 2px;
}

.search-amount-input {
    max-width: 48px;
    height: 36px;
    width: 100%;
}

.no-margin-top {
    margin-top: 0
}

.company-logo-dialog {
    max-width: 700px;
    min-width: 700px;
}

app-control-chip .md-chip-input-container, app-control-chip input {
    width: 100%;
}

.basket-control-input-budget-icon {
    padding-right: 6px;
    margin-left: -8px;
    margin-top: 4px;
    height: 28px;
}

.basket-controls-input-budget-icon {
    padding-right: 6px;
    height: 18px;
    margin-top: -6px;
}

.control-chip-budget-icon {
    padding-right: 8px;
    margin-top: 3px;
    height: 29px;
}

.search-amount-input {
    max-width: 48px;
    height: 36px;
}

.contract-change-cancel-dialog {
    width: 400px;
}

.add-to-rfqh-dialog {
    width: 400px;
}

.rfq-compare-item-weight-column {
    min-width: 100px;
    max-width: 100px;
}

.rfq-item-column-value {
    margin-right: 8px;
    overflow: hidden;
}

.rfx-decide-header {
    padding-left: 4px;
}

.rfx-decide-supplier {
    margin-top: -16px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-bottom: -16px;
    padding-left: 4px;
    border-radius: 5px;
}

.rfx-decide-item {
    margin-top: -8px;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-bottom: -8px;
    padding-left: 4px;
    border-radius: 5px;
}

.rfx-decide-best {
    font-weight: bold;
    color: rgb(0, 166, 54);
}

.search-filter-select {
    min-width: 250px;
}

.search-filter-select md-button {
    min-width: 40px;
}

.approval-redirect-button {
    top: 5px;
}

.mdi.md-icon-button.approval-redirect-button::before {
    bottom: 5px;
    position: relative
}

.budget-label {
    color: #969696;
    font-size: 16px;
    font-weight: bold;
}

.budget-value {
    font-size: 20px;
    font-weight: bold;
    text-align: right;
}

.budget-start-value {
    text-align: right;
}

.md-button.md-icon-button.search-dialog-header-expand-button {
    min-width: 40px;
}

.deliverynote-change-item-delivery-date-dialog {
    min-width: 600px;
}

.user-budget-row {
    padding-top: 4px;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

TABLE.rfx-item-compare-table>tbody>tr>td {
    padding-bottom: 10px;
}

TABLE.rfx-item-compare-table>tbody>tr>td:not(:first-child) {
    padding-left: 10px;
}

.rfx-item-compare-comment-column {
    vertical-align: top;
}

.rfx-item-compare-edit-comment {
    right: 8px;
    top: 8px;
    position: absolute;
}

.rfx-item-compare-comment-input.outlined-textarea>div>textarea {
    padding-right: 32px;
}

.rfx-item-compare-comment-input-dialog {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
}

.rfx-item-compare-comment-dialog {
    min-width: 650px;
}

.comment-attachment-download-button-rfx-item-compare {
    right: 16px;
    position: absolute;
}

.smart-form-autocomplete md-autocomplete {
    background: transparent !important;
}

.smart-form-autocomplete md-autocomplete-wrap {
    background: transparent !important;
    box-shadow: none !important;
}

.smart-form-autocomplete > input {
    cursor: pointer !important;
}

.smart-form-autocomplete md-autocomplete input:not(.md-input) {
    font-size: 16px;
}

.smart-form-autocomplete md-autocomplete.selected input:not(.md-input) {
    color: inherit !important;
}

.smart-form-autocomplete md-autocomplete-wrap > input::-webkit-input-placeholder {
    color: white;
}

.smart-form-autocomplete md-autocomplete-wrap > input:-moz-placeholder { /* Firefox 18- */
    color: white;
}

.smart-form-autocomplete md-autocomplete-wrap > input::-moz-placeholder { /* Firefox 19+ */
    color: white;
}

.smart-form-autocomplete md-autocomplete-wrap > input:-ms-input-placeholder {
    color: white;
}

.change-rfx-item-dialog {
    width: 40%;
    min-height: 200px;
}

.rfx-date-offset-1 {

}

.rfx-date-time-select {
    margin: 0 8px;
    max-height: 20px;
}

.rfx-date-time-select-wrapper {
    transition: margin-top 0.3s ease-in-out;
}

.rfqc-form-icon {
    position: absolute;
    right: 30px;
}

.rfqc-form-input {
    width: calc(100% - 52px);
}

.rfqc-form-option > DIV {
    width: 100%;
}

.rfqc-form-input-text {
    max-width: calc(100% - 60px);
    overflow: hidden;
}

.rfqc-form-icon-popup {
    position: absolute;
    right: 0;
}

.rfqc-form-icon-popup.rfqc-second-form-icon-poup {
    position: absolute;
    right: 30px;
}

.rfqc-form-icon-popup-2 {
    position: absolute;
    right: 10px;
}

.rfqc-form-icon-popup-2.rfqc-second-form-icon-poup-2 {
    position: absolute;
    right: 40px;
}

.scaled-price-popup {
    display: none;
    z-index: 1;
    border-radius: 3px;
    padding: 4px;
    position: relative;
    float: right;
    width: max-content;

    background-color: white !important;
    opacity: 1 !important;
    color: black !important;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2), 0 1px 1px 0 rgba(0, 0, 0, .14), 0 2px 1px -1px rgba(0, 0, 0, .12);
}

.scaled-price-button {
    margin-left: -10px;
}

.scaled-price-popup-container {
    position: relative;
    width: 0;
    height: 0;
    margin-top: auto;
    margin-bottom: 2px;
}

.scaled-price-button:hover + .scaled-price-popup-container .scaled-price-popup {
    display: block;
}

md-option>DIV>SPAN.rfqc-form-icon-popup.rfqc-second-form-icon-poup {
    position: absolute;
    right: 42px;
}

md-option>DIV>SPAN.rfqc-form-icon-popup {
    position: absolute;
    right: 12px;
}

.rfx-information-item {
    max-height: 160px;
    overflow: hidden;
}

.rfx-information-with-answer {
    max-height: 80px;
    overflow: hidden;
}

.rfx-information-answer {
    max-height: 70px;
    overflow: hidden;
}

md-list-item .md-list-item-inner .md-icon-button {
    margin-left: -38px;
    align-self: center;
}

md-list-item .md-list-item-inner .md-icon-button.rotate-0::before {
    top: 3px;
    position: relative;
}

md-list-item .md-list-item-inner .md-icon-button.rotate-180::before {
    top: 3px;
    position: relative;
}

.list-item-expansion {
    transition: 0.2s ease-in height;
    box-shadow: inset 0 3px 5px -1px rgba(0,0,0,.2);
}

.center-relative {
    position: relative;
    left: 50%;
    top: 50%;
}

.approval-overview-table-line {
    height: 100%;
    min-height: 30px;
    width: 3px;
    position: absolute;
    left: 27px;
}

.approval-overview-dialog {
    max-width: 1500px;
}

.approval-overview-table-dot {
    width: 64px;
}

.approval-overview-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
}

.approval-overview-table-timeline {
    padding: 0 24px 0 24px;
    position: relative;
    height: auto;
}

.approval-overview-table {
    max-width: 90%;
    margin-left: auto;
    margin-right: 0;
}

.approval-overview-timeline-long {
    height: 100%;
    width: 3px;
    position: absolute;
    left: 30px;
}

.approval-overview-margin {
    margin: 16px 16px 0 16px;
}

.approval-overview-small-column {
    width: 15%;
}

.checkbox-in-line-width-input {
    padding-top: 30px;
}

.thirdpartylicenses-entry {
    margin-top: 16px;
    padding: 16px 0 0 0;
}

.thirdpartylicenses-entry>tbody>tr>td:nth-child(2), .thirdpartylicenses-entry>tbody>tr>td:nth-child(3) {
    padding-left: 16px;
}

.thirdpartylicenses-entry>thead>tr>td:nth-child(2), .thirdpartylicenses-entry>thead>tr>td:nth-child(3) {
    padding-left: 16px;
}

.thirdpartylicenses-entry>thead>tr>td {
    padding-bottom: 8px;
}

.rfx-sum {
    color: rgb(0, 166, 54);
    font-weight: 600;
}

.rfx-decision-supplier-slider {
    width: 50%;
    margin: 22px auto 0 auto;
}

md-time-picker input {
    pointer-events: none;
}

.time-picker-in-line-with-date {
    margin-top: 4px;
}

.time-picker-in-line-with-date-basket > div {
    margin-top: -16px;
}

.time-picker-in-line-with-date-widthout-label {
    margin-top: -10px;
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url('materialDesignIcons.woff') format('woff');
}

.material-icons:not(.glyphicon) {
    font-family: 'Material Icons', serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
    font-feature-settings: 'liga';
}

md-dialog.mdp-timepicker > md-dialog-content{
    min-height: 292px;
    min-width: 469px;
}

.rfx-supplier-header.selected {
    margin: 6px;
    border: 2px solid;
}

.smart-form-list-card {
    margin-bottom: auto;
}

.checkbox-wrapper:only-of-type {
    margin: 18px 0 19px 0;
    padding: 2px;
}

.checkbox-wrapper:not(:only-of-type) {
    margin: -2px 0 0;
    padding: 2px;
}

.rfx-price-quality-trade-off-label {
    text-align: left;
    padding-bottom: 25px;
    font-size: 14px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.54);
}

.ix-double-padding-left {
    padding-left: 32px;
}

.item-tooltip-line-left-padding {
    padding-left: 70px;
}

.loading-panel {
    width: 100%;
    height: 100%;
}

.loading-panel-progress {
    z-index: 81;
}

.delegation-user-dialog-content {
    min-width: 582px;
}

.datepicker-hidden-label {
    visibility: hidden;
    height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.rfq-contractselection-dialog {
    min-width: 350px;
}

.change-rfq-item-dialog {
    min-width: 500px;
}

.list-icon {
    top: 2px;
    position: relative;
}

.catalog-import-dialog-content {
    min-width: 582px;
}

.payer-company-select-value {
    min-width: 400px;
    padding-left: 4px;
}

.rfx-edit-date-dialog {
    min-width: 430px;
}

.list-scroll-button {
    margin-bottom: 3px;
}

.list-row-buttons {
    position: absolute;
    left: 16px;
}

.list-row-buttons-text {
    margin-top: 2px;
    padding-left: 10px;
    padding-right: 10px;
}

.rfx-add-supplier-dialog {
    width: 800px;
}

.rfx-add-supplier-button {
    right: 16px;
    bottom: 55px;
    position: absolute;
}

.rfx-text-customization-dialog {
    min-width: 700px;
}

.rfx-text-customization-dialog .mail-input iframe {
    min-height: 440px;
    max-height: 440px;
}

.rfx-weight-input {
    position: relative;
}

.rfx-weight-progress {
    position: relative;
    z-index: 1;
}

DIV.rfx-weight-percent {
    color: black;
    width: 46px;
    height: 46px;
    background-color: lightblue;
    border-radius: 50%;
    position: relative;
    top: -46px;
}

DIV.rfx-weight-percent > INPUT {
    border: 0;
    outline: 0;
    height: 36px;
    width: 36px;
    background-color: white;
    border-radius: 50%;
    text-align: center;
    position: relative;
    top: 5px;
    left: 5px;
    padding: 0;
    z-index: 1;
}

.bulk-change-dialog {
    width: 900px;
    max-height: 90%;
}

.basket-forward-dialog {
    width: 900px;
    max-height: 90%;
}

.supplierOfferName {
    font-size: 24px;
    font-weight: bold;
}

.extended-product-tooltip-panel {
    background: white;
    border-radius: 4px;
    box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
    0 13px 19px 2px rgba(0, 0, 0, 0.14),
    0 5px 24px 4px rgba(0, 0, 0, 0.12);
    max-width: 1000px;
}

.schedule-day-interval {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    max-width: 35px;
    border-color: rgba(0, 0, 0, 0.12);
    margin-left: 8px;
    margin-top: 8px;
    padding-top: 2px;
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.schedule-day-popup>md-select-value>span {
    margin-bottom: -1px;
}

.schedule-time-picker-row {
    padding-left: 30px;
}

.time-picker-row-label {
    padding-top: 24px;
}

.address-type-checkbox-row {
    margin-top: 10px
}

.archive-link-icon {
    top: -8px;
    color: rgb(137, 137, 137);
}

.list-item-checkbox-wrapper {
    width: 24px;
    margin-left: 3px;
    margin-right: 29px;
    margin-top: 16px;
    -webkit-align-self: center;
    -ms-grid-row-align: center;
    align-self: center;
}

.invoice-sum-name {
    text-align: left;
    background-color: rgba(240, 240, 240, 1);
    padding-left: 16px;
}

.left-align {
    text-align: left;
}

.basket-link-amount-input {
    text-align: right;
    font-weight: bold;
}

.basket-link-amount-unit {
    text-align: right;
    font-size: 12px;
    color: gray;
    float: right;
}

.custom-invoice-item:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.custom-invoice-item.selected {
    background: #eaeaea;
}

.custom-invoice-item.deactivated {
    color: gray;
}

.custom-invoice-item .mdi.mdi-delete::before {
    position: relative;
    top: -4px
}

.custom-invoice-item .mdi.mdi-chevron-down::before {
    position: relative;
}

.custom-invoice-item .mdi.mdi-chevron-down.rotate-180::before {
    top: 3px;
}

.custom-invoice-item .mdi.mdi-chevron-down.rotate-0 {
    top: 3px;
}

.custom-invoice-item .mdi.mdi-chevron-down.rotate-0::before {
    top: 2px;
}

.height-40-px {
    min-height: 40px;
}

.height-30 {
    height: 30px;
}

md-checkbox.small-checkbox {
    transform: scale(0.8);
}

.cookie-overlay {
    position: absolute;
    bottom: 0;
    z-index: 999;
    width: 100%;
    background-color: white;
    border: 1px solid black;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.shutdown-message {
    background-color: white;
    border-top: 1px solid lightgrey;
}

.fake-link {
    color: #337ab7;
    text-decoration: none;
}

.fake-link:hover {
    text-decoration: underline;
}

.internal-comment-background {
    background: #555555;
    color: white;
    box-shadow: 0 0 10px -3px black;
}

.internal-comment-border:after  {
    background: #555555;
}

.internal-comment-background> .comment-input > label {
    color: rgba(250, 250, 250, 0.7) !important;
    font-size: 11px;
}

.internal-comment-background> .comment-input > div > textarea {
    color: white !important;
}

.external-comment-background {
    background: #F2F2F2;
    color: black;
    box-shadow: 0 0 10px -3px black;
}

.external-comment-border:after {
    background: #F2F2F2;
}

.external-comment-background> .comment-input > label {
    color: rgba(0, 0, 0, 0.7) !important;
    font-size: 11px;
}

.external-comment-background> .comment-input > div > textarea {
    color: black !important;
}

.triangle-with-shadow-left-pointer {
    width: 51px;
    height: 51px;
    position: absolute;
    overflow: hidden;
    transform: rotate(270deg);
    left: -50px;
    top: 5px;
}

.triangle-with-shadow-left-pointer:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    top: 38px;
    left: 12px;
    box-shadow: -1px -1px 10px -1px rgba(0,0,0,0.35);
}

.triangle-with-shadow-right-pointer {
    width: 51px;
    height: 51px;
    position: absolute;
    overflow: hidden;
    transform: rotate(90deg);
    right: -50px;
    top: 5px;
}

.triangle-with-shadow-right-pointer:after {
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    transform: rotate(45deg);
    top: 38px;
    left: 12px;
    box-shadow: -1px -1px 10px -1px rgba(0,0,0,0.35);
}

md-input-container .md-input.internal-comment-textarea {
    height: 30px;
    border-radius: 30px;
    background: #555555;
    box-shadow: 0 0 5px black;
    padding-left: 20px;
    padding-right: 40px;
    color: white;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

md-input-container .md-input.external-comment-textarea {
    height: 30px;
    border-radius: 30px;
    background: #F2F2F2;
    box-shadow: 0 0 5px black;
    padding-left: 20px;
    padding-right: 40px;
    color: black;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

md-input-container .md-input.external-comment-textarea::-webkit-input-placeholder {
    color: black !important;
    opacity: 0.6;
}

md-input-container .md-input.external-comment-textarea:-moz-placeholder {
    color: black !important;
    opacity: 0.6;
}

md-input-container .md-input.external-comment-textarea::-moz-placeholder {
    color: black !important;
    opacity: 0.6;
}

md-input-container .md-input.external-comment-textarea:-ms-input-placeholder {
    color: black !important;
    opacity: 0.6;
}

md-input-container .md-input.internal-comment-textarea::-webkit-input-placeholder {
    color: white !important;
    opacity: 0.6;
}

md-input-container .md-input.internal-comment-textarea:-moz-placeholder {
    color: white !important;
    opacity: 0.6;
}

md-input-container .md-input.internal-comment-textarea::-moz-placeholder {
    color: white !important;
    opacity: 0.6;
}
md-input-container .md-input.internal-comment-textarea:-ms-input-placeholder {
    color: white !important;
    opacity: 0.6;
}

.mdi.send-text-comment-button-mixed {
    position: absolute;
    right: 5px;
    top: 0;
    font-size: 48px;
}

.mdi.internal-comment-send-text-comment-button {
    color: white;
}

.mdi.external-comment-send-text-comment-button {
    color: black;
}

.comment-date-day {
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

.outlined-textarea textarea[readonly] {
    cursor: default;
}

.attribute-search-label-row {
    width: 219px;
}

.attribute-search-label {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.catalog-prices-export-dialog {
    min-width: 600px;
}

.min-content-height {
    height: min-content;
}

.autocomplete-additional-info {
    color: rgba(0, 0, 0, 0.54);
    font-size: 11px;
    font-weight: bold;
    text-align: right;
}

.autocomplete-error {
    color: rgb(221, 44, 0);
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

.option-additional-text {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    margin-top: -12px;
    margin-bottom: 4px;
}

.base-min-value {
    text-align: right;
    border-right: 1px solid dimgrey;
    padding: 3px;
}

.base-price {
    text-align: right;
    padding: 3px;
}

.discount-min-value {
    text-align: right;
    border-top: 1px solid dimgrey;
    border-right: 1px solid dimgrey;
    padding: 3px;
}

.discount-price {
    text-align: right;
    border-top: 1px solid dimgrey;
    padding: 3px;
}

.hover-visible-item {
    visibility: hidden;
}

.hover-visible:hover>.hover-visible-item {
    visibility: visible;
}

.app-item-container:not(:last-of-type) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);;
}

.price-rule-filler {
    padding-top: 28px;
    padding-left: 20px;
}

.scheduler-warning-message {
    padding-top: 5px;
    font-weight: bold;
}

.individual-order-mail {
    height: 32px;
    margin: 0;
    margin-top: 20px
}

.individual-order-mail > label {
    padding-bottom: 4px
}

.individual-order-mail > input {
    border: 0;
    padding-bottom: 4px;
}

.list-header-links {
    position: absolute;
    left: 16px;
}

.width-10 {
    width: 10%;
}

.list-link-button {
    max-height: 32px;
    max-width: 32px;
    min-width: 32px;
    min-height: 32px;
    margin: 0;
    line-height: 34px;
    padding: 0 !important;
    display: block;
}

app-money-input.profile-budget-current-value>md-input-container {
    font-weight: bold;
}

app-money-input.no-margin > md-input-container {
    margin: 0;
}

.align-items-right {
    display: flex;
    justify-content: flex-end;
}

.align-items-middle {
    display: flex;
    align-items: center;
}

.align-items-center {
    display: flex;
    justify-content: center;
}

.apporval-change-address-dialog-content {
    min-width: 582px;
}

.deliveryTimeOffsetInput {
    margin: 0;
    height: 0;
    top: -5px;
    padding: 0 8px;
    width: 50px;
}

.row-icon-right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.deliverynote-invalidation-dialog-content {
    min-width: 800px;
}

.z-index-2 {
    z-index: 2;
}

.color-red {
    color: red;
}

.percentage-distribution-dialog {
    min-width: 1000px;
    width: 1000px;
}

.item-tooltip-name-col {
    max-width: 350px;
}
.readonly-control-view {
    height: 300px;
    width: 100%;
}

.readonly-control-view-item {
    height: 40px;
    padding-top: 4px;
    white-space: nowrap;
}

.requestitem-euel {
    margin-left: 5px;
    margin-top: 2px;
    position: relative;
    padding-right: 16px;
}

.requestitem-euel > img {
    height: 48px;
    min-height: 48px;
}

.requestitem-euel > div {
    color: #337ab7;
    font-size: 10px;
    padding-left:4px
}

.comment-warning {
    margin-top: -28px;
    margin-bottom: 16px;
    font-size: 12px;
}

.comment-warning-no-text {
    margin-left: -3px;
    font-size: 12px;
}

.spo-policy-dialog {
    max-width: 700px;
    min-width: 700px;
}

.push-message-dialog {
    min-width: 800px;
}

.bold {
    font-weight: bold;
}

.rdd-basket-hour-selection {
    margin: 6px;
}

.parent-md-option {
    display: flex;
}

.parent-md-option div:first-child {
    flex-basis: 40%;
}

.parent-md-option div {
    flex-basis: 60%;
}

.address-box-clickable {
    min-height: 100px;
    cursor: pointer;
    margin-right: 16px;
    display: flex;
    position: relative;
}

.address-box-clickable:hover {
    background-color: lightgrey;
}

.address-box-clickable-empty {
    border: dashed 4px lightgrey;
    border-radius: 8px;
}

.address-box-text {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
}

.invoiceitem-delete-button {
    left: -14px !important;
    top: -8px !important;
}

.unread-comments-icon-cell {
    min-height: 50px;
}

.unread-comments-icon-wrapper {
    position: relative;
    width: 50px;
    top: 14px;
    height: 50px;
}

.unread-comments-icon-counter {
    top: 7px;
    left: 16px;
}

.unread-comments-link {
    text-decoration: none;
    color: inherit;
    font-weight: normal;
    font-style: normal;
}

.inv-ordersum {
    padding-left: 5px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.mat-mdc-form-field-hint-wrapper {
    padding: 0 !important;
}

.api-token-row {
    display: flex;
    align-items: center;
}