/*CSS-Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

a {
    outline: none;
    text-decoration: none;
    cursor: pointer;
}

i {
    font-style: normal
}

address, caption, cite, code, dfn, em, th, var {
    font-weight: normal;
}

address, caption, cite, code, dfn, strong, th, var {
    font-style: normal;
}

li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    background: #fff;
}

input:not([type=radio]):not([type=checkbox]):not([type=file]) {
    border: 1px solid #aaa;
}

input[type=radio], input[type=checkbox], input[type=file] {
    background: none;
}

input, textarea, select {
    *font-size: 100%;
}

textarea {
    resize: none;
}

textarea[readonly="readonly"], textarea[readonly], textarea:read-only, input[readonly="readonly"], input[readonly], input:read-only {
    background: #eee;
}

textarea:-moz-read-only, input:-moz-read-only {
    background: #eee;
}

textarea[disabled="disabled"], textarea[disabled], textarea:disabled, input[disabled="disabled"], input[disabled], select[disabled="disabled"], select[disabled], input:disabled {
    background: #eee;
    background: -moz-repeating-linear-gradient(45deg, #eee, #eee 10px, #e5e5e5 10px, #e5e5e5 20px);
    background: -webkit-repeating-linear-gradient(45deg, #eee, #eee 10px, #e5e5e5 10px, #e5e5e5 20px);
    background: repeating-linear-gradient(45deg, #eee, #eee 10px, #e5e5e5 10px, #e5e5e5 20px);
}

button, input[type=button] {
    overflow: visible;
}

input:-webkit-autofill {
    -moz-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
}

table th {
    white-space: nowrap;
}

.hidden {
    display: none !important;
}

.center {
    text-align: center;
}

.d-none {
    display: none;
}

/* Apprise-V2 */
.apprise-overlay {
    background-color: #000;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20000;
}

.apprise {
    background: #fff;
    border: 1px solid #aaa;
    color: #333;
    display: none;
    left: 40%;
    max-height: 70%;
    overflow: auto;
    position: fixed;
    top: -100%;
    width: 20%;
    z-index: 20001;
}

.apprise .apprise-inner {
    padding: 20px;
}

.apprise .apprise-input {
    margin-top: 10px;
    padding: 10px 0;
}

.apprise .apprise-input input {
    display: block;
    margin: 0 auto;
    width: 98%;
}

.apprise .apprise-buttons {
    background: #f3f3f3;
    border-top: 1px solid #aaa;
    padding: 10px 20px;
    text-align: right;
}

.apprise .apprise-buttons button {
    padding: 4px 12px;
    background: #f3f3f3;
    color: #333;
    border: 1px solid #aaa;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    margin-left: 6px;
    font-weight: bold;
}

.apprise .apprise-buttons button:hover {
    background-color: #e5e5e5;
    cursor: pointer;
    color: #333;
}

.apprise-content ul {
    margin: 10px 0 10px 16px;
}

.apprise-content ul li {
    list-style: disc;
}

/* Date Picker */
.datepick {
    background-color: #fff;
    color: #3f3f3f;
    border: 1px solid #444;
    font-size: 90%;
}

.datepick-rtl {
    direction: rtl;
}

.datepick-popup {
    z-index: 10000;
}

.datepick-disable {
    position: absolute;
    z-index: 100;
    background-color: white;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.datepick a {
    color: #fff;
    text-decoration: none;
}

.datepick a.datepick-disabled {
    color: #ddd !important;
}

.datepick a.datepick-disabled:hover {
    background: #000 !important;
    cursor: default;
}

.datepick button {
    margin: 0.25em;
    padding: 0.125em 0em;
    background-color: #fcc;
    border: none;
    font-weight: bold;
}

.datepick-nav, .datepick-ctrl {
    float: left;
    width: 100%;
    height: 2em;
    background-color: #000;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
}

.datepick-ctrl {
    background-color: #f5f5f5;
}

.datepick-ctrl a {
    color: #3f3f3f;
}

.datepick-cmd {
    width: 30%;
    cursor: pointer;
}

.datepick-cmd:hover {
    background-color: #fba411;
    color: #fff;
}

.datepick-ctrl .datepick-cmd:hover {
    background-color: #fba411;
}

.datepick-cmd-prevJump, .datepick-cmd-nextJump {
    width: 8%;
}

a.datepick-cmd {
    padding: 4px 0;
}

button.datepick-cmd {
    text-align: center;
}

.datepick-cmd-prev, .datepick-cmd-prevJump, .datepick-cmd-clear {
    float: left;
    padding-left: 4px !important;
}

.datepick-cmd-current, .datepick-cmd-today {
    float: left;
    width: 35%;
    text-align: center;
}

.datepick-cmd-next, .datepick-cmd-nextJump, .datepick-cmd-close {
    float: right;
    padding-right: 4px !important;
    text-align: right;
}

.datepick-rtl .datepick-cmd-prev, .datepick-rtl .datepick-cmd-prevJump, .datepick-rtl .datepick-cmd-clear {
    float: right;
    padding-left: 0%;
    padding-right: 2%;
    text-align: right;
}

.datepick-rtl .datepick-cmd-current, .datepick-rtl .datepick-cmd-today {
    float: right;
}

.datepick-rtl .datepick-cmd-next, .datepick-rtl .datepick-cmd-nextJump, .datepick-rtl .datepick-cmd-close {
    float: left;
    padding-left: 2%;
    padding-right: 0%;
    text-align: left;
}

.datepick-month-nav {
    float: left;
    background-color: #666;
    text-align: center;
}

.datepick-month-nav div {
    float: left;
    width: 12.5%;
    margin: 1%;
    padding: 1%;
}

.datepick-month-nav span {
    color: #3f3f3f;
}

.datepick-month-row {
    clear: left;
}

.datepick-month {
    float: left;
    width: 245px;
    border: 1px solid #444;
    text-align: center;
}

.datepick-month-header, .datepick-month-header select, .datepick-month-header input {
    height: 2.5em;
    width: auto;
    background-color: #444;
    color: #fff;
    font-weight: bold;
}

.datepick-month-header select, .datepick-month-header input {
    height: 1.4em;
    margin: 0.5em;
    padding: 0em;
    border: none;
    font-size: 100%;
}

.datepick-month-header input {
    position: absolute;
    display: none;
}

.datepick-month table {
    width: 245px;
    border-collapse: collapse;
}

.datepick-month thead {
    border-bottom: 1px solid #aaa;
}

.datepick-month th, .datepick-month td {
    margin: 0em;
    padding: 0em;
    font-weight: normal;
    text-align: center;
    width: 34px;
}

.datepick-month th {
    border: 1px solid #666;
}

.datepick-month th, .datepick-month th a {
    background-color: #666;
    color: #fff;
}

.datepick-month td {
    background-color: #eee;
    border: 1px solid #aaa;
}

.datepick-month td.datepick-week {
    border: 1px solid #666;
}

.datepick-month td.datepick-week * {
    background-color: #666;
    color: #fff;
    border: none;
}

.datepick-month a {
    display: block;;
    background-color: #eee;
    color: #3f3f3f;
    text-decoration: none;
}

.datepick-month span {
    display: block;
}

.datepick-month td span {
    color: #aaa;
}

.datepick-month td span, .datepick-month th span, .datepick-month td a {
    height: 34px;
    line-height: 34px;
}

.datepick-month td .datepick-other-month {
    background-color: #fff;
}

.datepick-month td .datepick-weekend {
    background-color: #ddd;
}

.datepick-month td .datepick-today {
    background-color: #666;
    color: #fba411;
}

.datepick-month td .datepick-highlight {
    background-color: #fba411;
    cursor: pointer;
    color: #333;
}

.datepick-month td .datepick-highlight.datepick-today {
    color: #3f3f3f;
}

.datepick-month td .datepick-selected {
    background-color: #666;
    color: #fff;
}

.datepick-month th.datepick-week {
    background-color: #666;
    color: #fff;
}

.datepick-status {
    clear: both;
    background-color: #ddd;
    text-align: center;
}

.datepick-clear-fix {
    clear: both;
}

.datepicker {
}

.button[data-datepicker="delete"] {
    margin-right: 5px;
}

/* Allgemein*/
html {
    overflow-y: scroll;
    background: url(/img/body-bg.png);
    background-repeat: repeat-y;
    height: 100%;
    min-height: 100%;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative;
}

br {
    line-height: 16px
}

a {
    color: #333;
    text-decoration: underline
}

a:hover {
    color: #fb9d00
}

td label {
    display: inline;
}

label {
    display: inline-block;
}

label span {
    display: block;
    font-size: 10px;
}

input {
    width: 352px;
    padding: 4px;
    margin-right: 5px;
    color: #333;
}

::-webkit-input-placeholder {
    color: #aaa;
}

:-moz-placeholder {
    color: #aaa;
}

::-moz-placeholder {
    color: #aaa;
}

:-ms-input-placeholder {
    color: #aaa;
}

input.short {
    width: 167px;
}

input.mini {
    width: 74px;
}

input.small {
    width: 150px;
}

input.midi {
    width: 260px;
}

input.treadDepth {
    width: 80px;
}

input.datefield {
    width: 272px;
}

input.short.datefield {
    width: 87px;
}

input.uppercase {
    text-transform: uppercase;
}

input[type=checkbox], input[type=radio] {
    position: relative;
    bottom: -2px;
    width: auto;
    background: none;
}

input[type=text], input[type=number], input[type=email], input[type=password], input[type=tel], select {
    border: 1px solid #aaa;
}

select {
    width: 362px;
    padding: 0px 0;
    border: 1px solid #aaa;
    height: 24px
}

select.multiselect {
    height: 100px;
}

textarea {
    padding: 3px;
    border: 1px solid #aaa;
}

.b {
    font-weight: bold;
}

.col {
    width: 48%;
    display: inline-block;
    margin: 15px 0px;
}

.button {
    padding: 4px 12px;
    background: #f3f3f3;
    color: #333;
    border: 1px solid #aaa;
    border-radius: 3px;
    text-decoration: none;
    text-align: left;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.button.bold {
    font-weight: bold;
    font-size: 12px;
}

.button:hover {
    background-color: #e5e5e5;
    cursor: pointer;
    color: #333;
}

.button.disabled, a.button.ajax-load {
    color: #555;
    background-color: #e5e5e5;
}

.button.disabled:hover, a.button.ajax-load:hover {
    color: #555;
    cursor: default;
}

.button.right {
    float: right;
}

.float-right {
    float: right;
}

.block {
    display: block;
}

.tr-div {
    background-color: #ccc !important;
}

.invisible {
    visibility: hidden;
}

.unfloat {
    clear: both;
}

input.error, textarea.error, select.error {
    background: #fb9d00;
    color: #fff;
}

select.full {
    width: 100% !important;
}

div.info {
    background: #fb9d00;
    color: #fff;
}

input:focus, textarea:focus, select:focus, .button:focus {
    outline: 0;
    box-shadow: 0 0 2px 0 #fb9d00;
    -moz-box-shadow: 0 0 2px 0 #fb9d00;
    -webkit-box-shadow: 0 0 2px 0 #fb9d00;
}

.button.disabled:focus, .button.ajax-load:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

@media \0screen\,screen\9 {
    input:focus, textarea:focus, select:focus, .button:focus {
        border: 1px solid #fb9d00;
    }

    input[type=checkbox]:focus, input[type=radio]:focus {
        border: none;
    }

    .button.disabled:focus, .button.ajax-load:focus {
        border: 1px solid #aaa;
    }
}

.row {
    position: relative;
}

.row:before, .row:after {
    content: ' ';
    display: table;
}

.row:after, .row:after {
    clear: both;
}


/*Header*/
#header {
    background: url(/img/header-bg.gif) repeat-x;
    background-position: 0px -55px;
    width: 100%;
    height: 100px
}

.fp-logo {
    display: inline-block;
}

.fp-logo a {
    background: url(/img/fp-logo.gif) no-repeat;
    display: block;
}

.breadcrumb {
    display: inline-block;
    position: relative;
    margin: 10px 0px 5px 0px
}

.breadcrumb span {
    display: inline-block;
    text-decoration: none;
    margin: 0px 5px;
    color: #fff;
    background: url(/img/icons_white.png) no-repeat;
    background-position: -1px -53px;
    padding-left: 14px
}

.breadcrumb span:first-child {
    margin: 0px;
    padding-left: 0px;
    background: none;
}

.login {
    position: relative;
    float: right;
}

.log-box {
    text-transform: uppercase;
    font-weight: bold;
    border-left: 1px solid #666;
    padding: 20px;
    display: block;
    float: right;
}

.log-box a {
    background: url(/img/link.png) no-repeat;
    padding-left: 10px;
    background-position: 0px 4px;
    margin-right: 15px;
    color: #fff;
    text-decoration: none
}

.log-box a:hover {
    color: #fb9d00;
}

.log-box .logged_as {
    color: #666
}

.log-box .log_user {
    color: #ccc
}

.log-links {
    padding: 8px 0px 0px 0px;
    clear: both;
    position: relative;
    z-index: 10
}

.log-links a {
    background: url(/img/link.png) no-repeat;
    padding-left: 10px;
    background-position: 0px 4px;
    margin-right: 15px;
    color: #fff;
    text-decoration: none
}

.log-links a:hover {
    color: #fb9d00;
}

/*Sidebar Navigation*/
.menu {
    margin: 0px 10px 0px 20px;
    float: left;
    width: 200px
}

.menu ul {
    margin-bottom: 10px;
}

.menu ul li {
    width: 200px
}

.menu h1 {
    display: block;
    background: url(/img/menu.png);
    color: #000000;
    text-decoration: none;
    padding: 5px 0 5px 18px;
    line-height: 1.5;
    font-weight: bold;
}

.menu h2 {
    display: block;
    background-color: #000000;
    color: #fb9d00;
    text-decoration: none;
    padding: 5px 0 5px 18px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: bold;
}

.menu ul li a {
    display: block;
    background: url(/img/menu.png) no-repeat;
    background-position: 0px -52px;
    padding: 5px 0 5px 18px;
    line-height: 1.5;
    margin: 1px 0px;
    color: #ccc;
    text-decoration: none
}

.menu ul li.todo a {
    background: red;
}

.menu ul li a:hover {
    background-position: 0px -104px;
    color: #000
}

.menu .active a {
    font-weight: bold;
    color: #fff
}

.menu ul li a.unconfirmed {
    font-weight: bolder !important;
    color: white !important;
}

/* Content Bereich */
#main {
    margin: 0px 10px 0px 230px;
    position: relative;
    top: -29px;
}

#main h1, #main h2, #main h3, #colorbox h1, #colorbox h2, #colorbox h3 {
    font-weight: bold;
    color: #333;
}

#main h1 span.thin, #main h2 span.thin, #main h3 span.thin, #colorbox h1 span.thin, #colorbox h2 span.thin, #colorbox h3 span.thin {
    font-weight: normal;
}

#main h1 {
    background-color: #000;
    font-size: 20px;
    color: #fb9d00;
    padding: 4px 10px 3px 10px;
    font-weight: bold;
    border: 1px solid #666;
    margin: 0px 0px 5px 0px
}

#colorbox h1 {
    background-color: #000;
    font-size: 18px;
    color: #fb9d00;
    padding: 10px;
    font-weight: bold;
    border: none;
    margin: 0px 0px 5px 0px
}

#main h2, #colorbox h2 {
    font-size: 18px;
    margin: 0px 0px 10px;
    color: #5e5e5e;
}

#main h3, #colorbox h3 {
    font-size: 13px;
    margin: 5px 0px
}

#content .col:last-child {
    float: right;
    clear: both;
}

#content {
    background-color: #ccc;
    color: #333;
    padding: 10px
}

#content table, #colorbox table {
    width: 100%;
    margin: 15px 0px
}

#content table .inline {
    margin: 0px 0px;
}

#content table .inline td {
    border: none;
    padding: 0px 0px;
}

#content table .inline td#sales-area-button {
    width: 352px;
    padding-right: 10px;
}

#content table .inline div#sales-area-tags {
    padding-left: 10px;
}

#content table .inline div#sales-area-tags {
    display: grid;
    grid-template-columns: 16.6% 16.6% 16.6% 16.6% 16.6% 16.6%;
}

@media screen and (max-width: 1600px) {
    #content table .inline div#sales-area-tags {
        display: grid;
        grid-template-columns: 20% 20% 20% 20% 20%;
    }
}

@media screen and (max-width: 1470px) {
    #content table .inline div#sales-area-tags {
        display: grid;
        grid-template-columns: 25% 25% 25% 25%;
    }
}

@media screen and (max-width: 1330px) {
    #content table .inline div#sales-area-tags {
        display: grid;
        grid-template-columns: 33% 33% 33%;
    }
}

@media screen and (max-width: 1200px) {
    #content table .inline div#sales-area-tags {
        display: grid;
        grid-template-columns: 50% 50%;
    }
}

#content table td:last-child {
    white-space: nowrap;
}

.content_area {
    padding: 8px;
}

/* Tabellen & Formulare */
#content table th, #colorbox table th {
    background-color: #333;
    color: #fff;
    font-weight: bold
}

#content table tr, #colorbox table tr {
    height: 33px
}

#content table tr label, #colorbox table tr label {
    margin: 3px 15px;
}

#content table tr td div#hq-sales-area-checkboxes {
    display: grid;
    grid-template-columns: 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5% 12.5%;
}

@media screen and (max-width: 1280px) {
    #content table tr td div#hq-sales-area-checkboxes {
        display: grid;
        grid-template-columns: 20% 20% 20% 20% 20%;
    }
}

@media screen and (max-width: 970px) {
    #content table tr td div#hq-sales-area-checkboxes {
        display: grid;
        grid-template-columns: 33% 33% 33%;
    }
}

#content table tr td div#hq-sales-area-checkboxes label {
    margin-left: 0px;
}

#content table td, #content table th, #colorbox table td, #colorbox table th {
    padding: 4px 10px;
    border: 1px solid #aaa;
}

#content table td.bold, #colorbox table td.bold {
    font-weight: bold;
}

#content table .oneActionButton, #colorbox table .oneActionButton {
    width: 105px;
}

#content table .twoActionButtons, #colorbox table .twoActionButtons {
    width: 205px;
}

#content table .threeActionButtons, #colorbox table .threeActionButtons {
    width: 335px;
}

#content table th.nr, #colorbox table th.nr {
    width: 22px
}

#content tbody, #colorbox tbody {
    background: #fff
}

.rgba #content table tbody tr:nth-child(2n), .rgba #colorbox table tbody tr:nth-child(2n) {
    background-color: #f3f3f3
}

.no-rgba #content table:not(.tablesorter) tbody tr:nth-child(2n), .no-rgba #colorbox table:not(.tablesorter) tbody tr:nth-child(2n) {
    background-color: #f3f3f3
}

#content table:not(#storage-head,.mounting-service-outer,.authorizationSystemList,.authorizationSystemListInner) tbody tr:not(.tr-div):not(#btnViewDuplicates):hover, #content tbody tr.hover:not(.no-hover), #colorbox tbody tr:not(.tr-div):hover {
    background-color: #eed2a3 !important;
}

#content table:not(#storage-head) tbody tr:not(.tr-div):not(#btnViewDuplicates):hover td.negative:not(.autofill), #colorbox tbody tr:not(.tr-div):hover td.negative:not(.autofill) {
    background-color: #e6b3b3 !important;
}

#content table:not(#storage-head) tbody tr:not(.tr-div):not(#btnViewDuplicates):hover td.positive:not(.autofill), #colorbox tbody tr:not(.tr-div):hover td.positive:not(.autofill) {
    background-color: #b3e6b3 !important;
}

#content table tr:not(.no-hover) td.hover {
    background-color: #eed2a3 !important;
}

#content table ul, #colorbox table ul {
    margin-left: 17px
}

#content table ul li, #colorbox table ul li {
    list-style-type: disc;
}

#content tfoot td, #colorbox tfoot td {
    background-color: #ddd;
    font-weight: bold;
    font-size: 14px;
    text-align: right;
    padding: 6px 10px;
}

#content tfoot td .button, #colorbox tfoot td .button {
    font-weight: normal;
    font-size: 13px;
}

#content tfoot td .button.right {
    margin-left: 10px;
}

#content tfoot td:first-child, #colorbox tfoot td:first-child {
    text-align: left;
}

#content table td.left-align, #colorbox table td.left-align {
    text-align: left !important;
}

#content table .right, #colorbox table .right {
    float: right;
}

#content table .left, #colorbox table .left {
    float: left;
}

#content table form, #colorbox table form {
    margin: 0px
}

#content .rightAlign, #colorbox .rightAlign {
    text-align: right;
}

#content .leftFloat, #colorbox .leftFloat {
    float: left;
}

#content .rightFloat, #colorbox .rightFloat {
    float: right;
}

#sales-areas-modal select {
    height: 94px;
    width: 100%
}

.occupied td {
    text-decoration: line-through;
    background-color: #1E79C0 !important;
    color: #fff;
}

.ccdone {
    background-color: #ffffcc !important;
}

/* TableSorter */
.tablesorter-header, .dbsorter-header {
    background: url(/img/table-neutral.gif) no-repeat 3px 11px;
    text-indent: 18px;
    cursor: pointer;
}

.tablesorter-header.sorter-false {
    text-indent: 0;
    background: none;
    cursor: default;
}

.tablesorter-header.tablesorter-headerAsc, .dbsorter-header.dbsorter-headerAsc {
    background: url(/img/table-asc.gif) no-repeat 3px 14px;
}

.tablesorter-header.tablesorter-headerDesc, .dbsorter-header.dbsorter-headerDesc {
    background: url(/img/table-desc.gif) no-repeat 3px 14px;
}

.tablesorter tr.odd {
    background-color: #fff;
}

.tablesorter tr.even {
    background-color: #f3f3f3;
}

.col textarea {
    height: 100px;
    width: 90%
}

.col .button {
    width: 210px;
    text-align: center;
    margin: 15px 0px;
    display: block;
}

/*Hinweis am Ende einer Tabelle*/
.note {
    margin: -10px 0px 20px;
    font-style: italic;
}

/*Style für Selectbox*/
tr select, tr form {
    display: inline-block;
}

select .ph {
    display: none
}

/*Status Icons*/
.ico_ruleset {
    height: 16px;
    width: 16px;
    margin: 0 auto;
    -webkit-print-color-adjust: exact;
}

/*Order Status Icons*/
.ico_amp {
    height: 24px;
    width: 11px;
    margin: 0px;
    border-radius: 2px;
    -webkit-print-color-adjust: exact;
}

/*Button Icons*/
.fa, .ca {
    padding: 0px 10px 0px 0px;
}

.fa.fa-flip-horizontal {
    padding: 0px 0px 0px 10px;
}

.fa.nopadding, #content .nopadding {
    padding: 0;
}

.fa.notext {
    padding: 0;
    width: 10px !important;
}

.fa.red {
    color: #d84333;
}

.fa.green {
    color: #4a872c;
}

.fa.lightgreen {
    color: #b0f256;
}

.fa.orange {
    color: #fb9d00;
}

.fa.blue {
    color: #99ccff;
}

.fa.gray {
    color: #868e96;
}

.fa.white {
    color: #fff;
}

.fa.ico_info {
    cursor: help;
    font-size: 1.3em;
    margin-left: 14px;
}

.fa.help {
    cursor: help;
}

.fa.small {
    font-size: 0.8em;
}

/*FleetFox*/
.fleetfox .item {
    background-color: #ccc !important;
}

.fleetfox .item td:first-child {
    padding-left: 20px;
    font-weight: bold;
}

.fleetfox-icon {
    height: 24px;
    margin-right: 6px;
    position: relative;
    top: 3px;
}

.oa-icon {
    height: 24px;
    margin-right: 6px;
    position: relative;
    top: 3px;
}

.orderpos .axis_line .oneActionButton, .orderpos .axis_line .twoActionButtons {
    text-align: right;
}

/* Tabelle Klickbar */
table tr.clickable :hover {
    cursor: pointer;
}

/*Basic-Tabelle*/
table.basic tbody tr td:first-child {
    width: 10%;
    font-weight: bold;
}

table.basic tfoot td:first-child {
    border-right: 0px;
}

table.basic tfoot td:last-child {
    border-left: 0px;
    text-align: left;
    padding: 15px 0px
}

table.basic tfoot td {
    background-color: #ccc !important;
}

table.basic textarea {
    width: 350px;
    padding: 5px;
    height: 20px
}

table.basic .button:first-child {
    font-weight: bold
}

/*Informations-Tabelle*/
table.info {
    border-collapse: collapse;
    width: 100%;
}

table.info tr td, table.info tr th {
    background-color: #eee !important;
    white-space: nowrap;
}

table.info tr.tr-div td {
    background-color: #ccc !important;
}

table.info tr th {
    color: #333 !important;
}

table.info th {
    font-weight: bold;
}

table.info th.short, table.info td.short {
    width: 150px !important;
}

table.info th.mini, table.info td.mini {
    width: 60px !important;
}

table.info textarea {
    width: 704px;
    padding: 5px;
    height: 66px
}

table.info tfoot td {
    background-color: #ccc !important;
}

table.info select.short {
    width: 100%;
}

table.info select.mini {
    width: 100px;
}

table.info th.break_word, table.info td.break_word {
    white-space: normal;
}

table.info tr:hover table.inner td, table.info tr:hover table.inner th {
    background: #eee !important;
}

table.info.noMarginTop {
    margin-top: 0 !important;
}

table.info select.matchcode {
    width: 80%;
}

table.info th.middle, table.info td.middle {
    width: 400px !important;
}

/*Simple-Tabelle*/
table.simple tr {
    background: #f3f3f3;
}

table.simple tr:not(.tr-div):hover td {
    background: #fff;
}

table.simple td:first-child {
    width: 10%;
    font-weight: bold;
}

table.simple td:last-child {
    white-space: normal !important;
}

table.simple td.text:first-child {
    font-weight: normal;
}

table.simple textarea {
    width: 350px;
    padding: 5px;
    height: 41px
}

table.simple textarea.big {
    width: 550px;
    padding: 5px;
    height: 200px
}

table.simple tfoot td:first-child {
    border-right: 0px;
}

table.simple tfoot td:last-child {
    border-left: 0px;
    text-align: left !important;
    padding: 15px 0px
}

table.simple tfoot td {
    background-color: #ccc !important;
}

table.simple.import td a.button i {
    font-weight: normal;
}

table.simple td.red {
    text-align: center
}

table.simple td.green {
    text-align: center
}

table.simple td.yellow {
    text-align: center
}

table.simple td.blue {
    text-align: center
}

table.simple td.red.checked {
    background-color: #ffcccc;
}

table.simple td.green.checked {
    background-color: #ccffcc;
}

table.simple td.yellow.checked {
    background-color: #ffffcc;
}

table.simple td.blue.checked {
    background-color: #99ccff;
}

table.simple th.min {
    text-align: center;
    vertical-align: bottom;
    width: 45px;
}

table.simple.twocolumns td:first-child, table.simple.twocolumns td:last-child {
    width: 50%;
}

table.simple.twocolumns tfoot td:last-child {
    text-align: right !important;
}

table.simple .translation {
    width: 250px;
}

/*Settings-Tabelle */
table.settings tr {
    background: #f3f3f3;
}

table.settings tr:not(.tr-div):hover td {
    background: #fff;
}

table.settings td:first-child {
    width: 25%;
}

table.settings td.text:first-child {
    font-weight: normal;
}

table.settings textarea {
    width: 350px;
    padding: 5px;
    height: 20px
}

table.settings tfoot td:first-child {
    border-right: 0px;
}

table.settings tfoot td:last-child {
    border-left: 0px;
    text-align: left !important;
    padding: 15px 0px
}

/*Coord-Tabelle*/
table.coords, table.coords tr, table.coords td {
    background: #f3f3f3;
    border: none !important;
}

table.coords {
    margin: 0 !important;
}

table.coords td {
    padding: 0 !important;
}

table.coords td:first-child {
    width: 100px;
    font-weight: bold;
}

table.coords.readonly td:first-child {
    width: 30px;
    font-weight: bold;
}

table.coords td input {
    width: 252px;
}

table.coords td:nth-child(2) {
    width: 310px;
}

/* Vehicle-Tabelle */
table.vehicle {
    width: auto;
}

table.vehicle td {
    width: 250px;
}

table.vehicle td:first-child, #content table.vehicle td.bold {
    width: 150px;
}

table.vehicle tr td:nth-child(3) {
    width: 20px;
}

table.vehicle td:last-child {
    width: auto;
}

/* Order-Tabelle */
table.order thead tr th.nr {
    width: 12px !important;
    background-position: 6px 11px;
}

table.order thead tr th.nr.dbsorter-headerAsc, table.order thead tr th.nr.dbsorter-headerDesc {
    background-position: 6px 15px;
}

table.order tbody tr td:first-child {
    background: #333;
}

table.order tbody tr.occupied td:first-child {
    background: #333 !important;
}

table.order tbody tr.unread td {
    font-weight: bold;
}

table.order tbody tr.unread td a {
    font-weight: normal;
}

table.order tbody tr td .ico_amp {
    cursor: help;
}

table.order tbody tr td:last-child {
    text-decoration: none;
}

/* OrderPosition-Tabelle */
table.orderpos {
    margin-bottom: 5px !important;
}

table.orderpos thead tr th.nr {
    width: 12px !important;
}

table.orderpos thead tr th.short {
    width: 60px;
}

table.orderpos tbody td:first-child {
    text-align: center;
}

table.orderpos tbody > td:nth-child(2) {
    width: 10%;
}

table.orderpos tbody td:nth-child(4), table.orderpos tbody td:nth-child(5), table.orderpos tbody td:nth-child(6), table.orderpos tbody td:nth-child(7), table.orderpos tbody td:nth-child(8), table.orderpos tbody td:nth-child(9), table.orderpos tbody td.quantityInput {
    width: 8%;
    text-align: right;
}

table.orderpos tbody td:nth-child(10) {
    text-align: right;
}

table.orderpos tbody:last-child td:first-child {
    text-align: left
}

table.orderpos tbody td:last-child .button {
    display: block
}

table.orderpos .ico_ruleset[title] {
    cursor: help;
}

table.orderpos a.detail {
    background: url(/img/link.png) no-repeat;
    padding-left: 10px;
    background-position: 0px 3px;
    margin-top: 5px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    float: inherit;
}

table.orderpos a.detail:hover {
    color: #333;
    text-decoration: underline;
}

table.orderpos td[data-editable="true"] {
    cursor: alias;
}

table.orderpos td[data-editable="true"].editmode {
    cursor: default;
}

table.orderpos table.autowidth {
    background: transparent !important;
    white-space: nowrap;
}

table.orderpos td.subpos {
    font-size: 20px;
}

/* ItemResult-Tabelle */
table.itemresults thead th.nr {
    font-size: 9px;
    line-height: 8px;
}

table.itemresults tbody td:nth-child(4) {
    text-align: left;
    width: 10%;
}

table.itemresults tbody td:nth-child(6) {
    text-align: right;
    width: 10%;
}

table.itemresults tbody td:nth-child(7) {
    text-align: center;
    width: 70px;
}

table.itemresults tbody input {
    width: 50px;
}

/* Suchergebnis Disabled */
.itemResultQty[disabled="readonly"], .itemResultQty[disabled], .itemResultQty:disabled {
    cursor: help;
}

/* TopOverview-Tabelle */
table.orderpos tbody td:last-child .button {
    display: inline
}

table.topoverview tbody td:nth-child(4) {
    text-align: right;
    width: 10%;
}

table.topoverview tbody td:nth-child(5) {
    text-align: right;
    width: 15%;
}

table.topoverview tbody td:nth-child(6) {
    text-align: right;
    width: 15%;
}

table.topoverview tbody td:nth-child(7) {
    text-align: right;
}

table.topoverview tfoot td:nth-child(2) {
    text-align: left !important;
    border-right: none !important;
}

table.topoverview tfoot td:nth-child(3) {
    border-left: none !important;
}

/* Inner-Tabelle */
table.inner, table.inner tr, table.inner td, table.inner th {
    background: #f3f3f3;
    border: none !important;
}

table.inner.autowidth {
    width: auto !important;
}

table.inner td, table.inner th {
    padding: 0 !important;
}

table.inner.autowidth td, table.inner.autowidth th {
    padding: 0 10px !important;
}

table.inner.autowidth tr :first-child:not(input) {
    padding-left: 0 !important;
}

table.inner th {
    background: #f3f3f3 !important;
    color: #333 !important;
}

table tr:hover table.inner th {
    background: #fff !important;
}

table.inner {
    margin: 0 !important;
}

table.inner tr th:first-child {
    width: 100px;
}

table.inner input {
    width: 307px;
}

table.inner select {
    width: 317px;
}

table.inner select.short {
    width: 140px;
}

table.inner td.space, table.inner th.space {
    width: 15px;
    font-weight: bold;
    padding: 0 !important;
    text-align: center;
}

/* Bordered Tabelle */
table.bordered tbody {
    border: 1px solid #333;
    background: #ccc;
}

table.bordered tbody th, table.bordered tbody td {
    background: #ccc !important;
    color: #333 !important;
    border: none !important;
    padding: 10px !important;
}

table.bordered tbody th {
    text-align: right;
    width: 150px;
}

table.bordered tbody tr:hover td {
    background: #ccc !important;
}

table.bordered tbody input, table.bordered tbody select {
    width: 600px;
}

table.bordered tbody td.buttons {
    text-align: right;
    width: 611px;
}

table.bordered tfoot td {
    border: none !important;
    border-top: 1px solid #333 !important;
    background: #ccc !important;
    text-align: right !important;
    padding: 20px 0 10px 0 !important;
}

table.bordered tfoot td.wide:first-child {
    min-width: 250px;
    text-align: left !important;
}

table.bordered tfoot td.wide {
    font-weight: normal !important;
    font-size: 12px !important;
}

/* Filter */
table.filter {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
}

table.filter td.head {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    width: 66px;
}

table.filter td.filter-text {
    width: 180px;
    text-align: right;
}

table.filter td {
    border-top: none !important;
    border-bottom: none !important;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    white-space: nowrap
}

table.filter .noBorder {
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    white-space: nowrap
}

table.filter .borderRight {
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: 1px solid #aaa;
    white-space: nowrap
}

table.filter td.large-filter-text {
    text-align: right;
}

table.filter td.small {
    width: 150px;
}

table.filter label {
    text-align: right;
}

table.filter br {
    line-height: 30px
}

table.filter input {
    width: 110px
}

table.filter input.checkbox-exclusive-search {
    width: 35px !important
}

table.filter input.datefield {
    width: 70px;
    margin-right: 5px;
}

table.filter select {
    width: 100%;
}

table.filter select.short {
    width: 160px;
}

table.filter select.emailType {
    width: 85%;
}

table.filter select.matchcode {
    width: 80%;
}

table.filter select.matchcodeShort {
    width: 75%;
}

table.filter select.withlabel {
    width: 85%;
}

table.filter input {
    margin: 2px 0px
}

table.filter .button[data-datepicker="delete"] {
    margin: 0;
}

table.filter tbody tr:nth-child(2n) {
    background-color: #fff !important;
}

table.filter tbody tr:hover td {
    background-color: #fff !important
}

table.filter tbody tr:hover td.head {
    background-color: #333 !important
}

table.filter .button.matchcode {
    width: 190px;
}

/* Itemsearch Tabelle */
table.itemsearch {
    border-top: none;
    margin-top: 0 !important;
}

table.itemsearch label {
    width: 120px;
    display: inline-block;
}

/* Legend Table */
table.legend {
    width: auto !important;
    margin: 30px 0 15px 0 !important;
}

table.legend tbody, table.legend tr, table.legend tbody tr:hover td {
    background-color: #ccc !important;
}

table.legend th {
    width: 12px;
    border: none !important;
}

table.legend td {
    width: 150px;
    background-color: #ccc !important;
    border: none !important;
}

table.legend .separation {
    height: auto !important;
}

table.legend .separation td {
    width: auto;
    height: 5px;
    padding: 0;
}

table.legend .fa {
    padding: 0;
}

/*Passwort Strength*/
#passwordStrength {
    width: 160px;
    height: 20px;
    background: url(/img/password_security.png) no-repeat;
    display: inline-block;
    position: relative;
    top: 2px;
    clear: both;
}

#passwordStrength.percent25 {
    background-position: 0 -25px;
}

#passwordStrength.percent50 {
    background-position: 0 -50px;
}

#passwordStrength.percent75 {
    background-position: 0 -75px;
}

#passwordStrength.percent100 {
    background-position: 0 -100px;
}

/*Testsystem*/
#testsystem {
    position: absolute;
    left: 280px;
    top: 30px;
    font-weight: bold;
    color: red;
    font-size: 20px;
    cursor: pointer;
}

/*Footer*/
#footer {
    margin-left: 230px;
    display: block;
    border-left: 1px solid #666;
    color: #666;
    padding: 0px 0px 25px 10px;
    clear: both;
    position: relative;
    bottom: 0px
}

/*Language Switch*/
#languageSwitch {
    width: 150px;
    border: none;
    border-radius: 2px;
}

#languageSwitch.branch {
    margin: 22px 10px 0 0;
}

/*LogIn-Page*/
#fp-log, #fp-log body {
    background: #e7e7e7;
}

#fp-log .top {
    width: 100%;
    background: #000
}

#fp-log .main-log {
    width: 100%;
    margin: 0px;
    font-size: 0px
}

#fp-log .main-log > div {
    display: inline-block;
    height: 197px;
    vertical-align: top;
}

#fp-log .main-log .title {
    width: 10%;
    padding-top: 20px;
    background-color: #333;
    text-align: right;
    padding-right: 1%;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff;
    height: 177px
}

#fp-log .main-log .access {
    width: 78%;
    background: #000;
    position: relative;
    font-size: 13px;
}

#fp-log .main-log .access .access-form {
    margin: 0px auto;
    width: 350px;
    margin-top: 32px
}

#fp-log .main-log .access .access-form label {
    color: #fff;
    margin-right: 10px;
    width: 85px;
    text-align: right;
}

#fp-log .main-log .access .access-form p {
    color: #fb9d00;
    font-weight: bold;
    margin-bottom: 8px
}

#fp-log .main-log .access .access-form input {
    display: inline-block;
    width: 247px;
    margin: 8px 0px;
    border: none;
    border-radius: 2px;
}

#fp-log .main-log .access .button {
    float: right;
    margin-top: 10px;
    background-color: #666;
    color: #fff;
    border: none;
}

#fp-log .main-log .access .button:hover {
    background-color: #fb9d00
}

#fp-log .main-log .access .button .fa {
    color: #fff
}

#fp-log .main-log .access .error {
    background-color: #fb9d00;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 2px 0px;
    position: absolute;
    width: 100%
}

#fp-log .main-log .tire {
    background: url(/img/tire.jpg) no-repeat;
    width: 11%
}


/*Wide layout*/
#fp-wide {
    background: url(/img/body-bg-simple.gif);
}

#fp-wide #main {
    margin: 29px 10px 0 10px;
}

#fp-wide #footer {
    margin-left: 10px;
}

/*News*/
.news {
    padding: 15px;
    max-width: 1000px;
    background-color: #eee;
    margin-bottom: 20px;
}

.news .header {
    border-bottom: 1px solid #BCBCBC;
}

.news .header a {
    text-decoration: none;
}

.news .header .publishingDate {
    color: #5e5e5e;
    float: right;
}

.news .message {
    padding: 5px;
    margin: 10px 0;
    white-space: pre-line;
}

.checkboxlistelement {
    display: block;
}

/*Vehicle Edit*/
#vehicleAxis3, #vehicleAxis4 {
    display: none;
}

/*General positive / negative*/
.positive {
    background-color: #ccffcc
}

.negative {
    background-color: #ffcccc
}

/* Platform fields */
#platform-fields .autofill {
    background: none !important;
    background-color: transparent !important;
    border: none;
    border-top: 1px solid #aaa;
}

#platform-fields .autofill:last-child {
    border-right: 1px solid #aaa;
}

#platform-fields .autofill label {
    display: none;
}

/*Tablist*/
.tablist {
    margin: 20px 0 0 0;
    overflow: hidden;
    border-bottom: 4px solid #aaa;
    position: relative;
    top: 1px;
}

.tablist a {
    display: inline-block;
    background: #bbb;
    font-weight: bold;
    float: left;
    padding: 10px;
    margin-right: 3px;
    text-align: center;
    text-decoration: none;
    border-bottom: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.tablist:not(.linkTabs) a:hover, .tablist a.active {
    background-color: #aaa;
}

.tablist a:hover {
    color: #333;
}

.tablist a:not(.active):hover {
    background-color: #eed2a3;
}

.tablist.linkTabs a.active:hover {
    cursor: default;
}

.tablistObject {
    display: none;
}

.tablistObject:not(.hidden) {
    display: block;
}

table.tablistObject:not(.hidden) {
    display: table;
}

/* Headline for errors and informations */
h4 {
    background-color: #fb9d00;
    margin: 10px 0;
    text-align: center;
    padding: 5px 0;
    color: #000000;
    font-weight: bold;
}

h4 a {
    text-decoration: none;
}

/* Default popup layer */
.layer {
    width: 800px;
    background-color: #ccc;
    color: #000;
}

.layer h5 {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 4px 0;
    padding: 0;
}

.layer .inner {
    padding: 10px;
}

.layer .inner button {
    float: right;
    margin-top: 20px;
}

#vehicleSearch .inner a.button {
    float: right;
    margin-top: 20px;
}

#vehicleSearch .inner a.button.closeLayer {
    float: left;
}

.layer table.orderpos {
    margin: 0 !important;
}

.layer table.orderpos tbody td {
    width: auto;
    text-align: left;
}

.layer-vehicle-history {
    width: 980px !important
}

.layer-photo-upload {
    width: 1200px !important
}

/* Dunning blocks */
table.dunningblock td {
    white-space: normal !important;
}

/* Tire detail Layer */
.tireDetailLayer {
    width: 500px;
}

.tireDetailLayer h4 {
    background-color: #000;
    color: #FB9D00;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 5px 10px;
}

.tireDetailLayer h6 {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0;
}

.tireDetailLayer .dat {
    border-collapse: collapse;
    border: 1px solid #aaa;
    width: 300px !important;
    margin-top: 5px !important;
    height: 225px;
}

.tireDetailLayer .dat td, .tireDetailLayer .dat th {
    color: #333 !important;
    background: none !important;
    text-align: left;
    padding: 0px 4px !important;
    vertical-align: middle;
    border: 1px solid #aaa !important;
    font-weight: normal !important;
}

.tireDetailLayer .dat th {
    font-weight: bold;
    width: 60%;
}

.tireDetailLayer .dat tr {
    background-color: #fff;
}

.tireDetailLayer .dat tr:nth-child(2n) {
    background-color: #f3f3f3;
}

.tireDetailLayer .dat tr:hover {
    background-color: #eed2a3;
}

.tireDetailLayer p.description {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: bold;
}

/* Tire Label */
.labelling_detail {
    height: 224px;
    width: 153px;
    background: url(/img/tl_scheme.png) 0 0 no-repeat;
    float: right;
    margin-top: 19px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.labelling_detail .arrow_left {
    background: url(/img/tl_arrow.png) 0 0 no-repeat;
    width: 30px;
    height: 19px;
    line-height: 19px;
    padding-left: 13px;
    position: absolute;
    left: 53px;
}

.labelling_detail .arrow_right {
    background: url(/img/tl_arrow.png) 0 0 no-repeat;
    width: 30px;
    height: 19px;
    line-height: 19px;
    padding-left: 13px;
    position: absolute;
    left: 113px;
}

.labelling_detail .noise {
    width: 72px;
    height: 34px;
    line-height: 34px;
    top: 165px;
    left: 66px;
    position: absolute;
    text-align: right;
    font-size: 14px;
}

.labelling_detail .noise.n1 {
    background: url(/img/tl_noise_1.png) 0 0 no-repeat;
}

.labelling_detail .noise.n2 {
    background: url(/img/tl_noise_2.png) 0 0 no-repeat;
}

.labelling_detail .noise.n3 {
    background: url(/img/tl_noise_3.png) 0 0 no-repeat;
}

.labelling_detail .noise span {
    font-size: 12px;
}

.labelling_detail .txt {
    color: #000;
    font-size: 8px;
    font-weight: normal;
    position: absolute;
    top: 208px;
    left: 32px;
}

/* New Tire Label - EU directive 2020/740 */
/* Tire detail Layer */
.tireDetailLayer_2020_740 {
    width: 550px;
}

.tireDetailLayer_2020_740 h4 {
    background-color: #000;
    color: #FB9D00;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 5px 10px;
}

.tireDetailLayer_2020_740 h6 {
    color: #666;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0;
}

.tireDetailLayer_2020_740 .dat {
    border-collapse: collapse;
    border: 1px solid #aaa;
    width: 300px !important;
    margin-top: 5px !important;
    height: 225px;
}

.tireDetailLayer_2020_740 .dat td, .tireDetailLayer_2020_740 .dat th {
    color: #333 !important;
    background: none !important;
    text-align: left;
    padding: 0px 4px !important;
    vertical-align: middle;
    border: 1px solid #aaa !important;
    font-weight: normal !important;
}

.tireDetailLayer_2020_740 .dat th {
    font-weight: bold;
    width: 60%;
}

.tireDetailLayer_2020_740 .dat tr {
    background-color: #fff;
}

.tireDetailLayer_2020_740 .dat tr:nth-child(2n) {
    background-color: #f3f3f3;
}

.tireDetailLayer_2020_740 .dat tr:hover {
    background-color: #eed2a3;
}

.tireDetailLayer_2020_740 p.description {
    margin-top: 20px;
    margin-bottom: 5px;
    font-weight: bold;
}

.labelling_2020_740_detail {
    height: 312px;
    width: 213px;
    background: url(/img/tl_scheme_2020_740.png) 0 0 no-repeat;
    float: right;
    margin-top: 19px;
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.labelling_2020_740_detail .supplier {
    width: 100px;
    text-align: left;
    top: 47px;
    left: 9px;
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}

.labelling_2020_740_detail .tire_type_identifier {
    width: 100px;
    text-align: right;
    top: 47px;
    left: 104px;
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}

.labelling_2020_740_detail .tire_size {
    width: 100px;
    text-align: left;
    top: 67px;
    left: 9px;
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}

.labelling_2020_740_detail .tire_class {
    width: 100px;
    text-align: right;
    top: 67px;
    left: 104px;
    position: absolute;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}

.labelling_2020_740_detail .arrow_left {
    background: url(/img/tl_arrow_2020_740.png) 0 0 no-repeat;
    width: 27px;
    height: 27px;
    line-height: 27px;
    padding-left: 11px;
    position: absolute;
    left: 73px;
}

.labelling_2020_740_detail .arrow_right {
    background: url(/img/tl_arrow_2020_740.png) 0 0 no-repeat;
    width: 27px;
    height: 27px;
    line-height: 27px;
    padding-left: 11px;
    position: absolute;
    left: 177px;
}

.labelling_2020_740_detail .rolling_noise {
    background: url(/img/tl_rolling_noise_2020_740.png) 0 0 no-repeat;
    width: 68px;
    height: 51px;
    line-height: 51px;
    top: 255px;
    left: 15px;
    position: absolute;
    color: #000;
}

.labelling_2020_740_detail .rolling_noise span.rolling_noise_value {
    top: 15px;
    left: 20px;
    position: absolute;
    font-size: 10px;
    line-height: 10px;
    color: #000;
}

.labelling_2020_740_detail .rolling_noise span.rolling_noise_class {
    top: 40px;
    left: 26px;
    position: absolute;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px;
    color: #000;
}

.labelling_2020_740_detail .snow_grip {
    background: url(/img/tl_snow_grip_2020_740.png) 0 0 no-repeat;
    width: 42px;
    height: 40px;
    line-height: 40px;
    top: 266px;
    left: 87px;
    position: absolute;
}

.labelling_2020_740_detail .ice_grip {
    background: url(/img/tl_ice_grip_2020_740.png) 0 0 no-repeat;
    width: 42px;
    height: 37px;
    line-height: 40px;
    top: 269px;
    left: 143px;
    position: absolute;
}

/*
.labelling_detail .noise.n1 {
    background: url(/img/tl_noise_1.png) 0 0 no-repeat;
}

.labelling_detail .noise.n2 {
    background: url(/img/tl_noise_2.png) 0 0 no-repeat;
}

.labelling_detail .noise.n3 {
    background: url(/img/tl_noise_3.png) 0 0 no-repeat;
}
*/

.labelling_2020_740_detail .noise span {
    font-size: 12px;
}

.labelling_2020_740_detail .txt {
    color: #000;
    font-size: 8px;
    font-weight: normal;
    position: absolute;
    top: 208px;
    left: 32px;
}

/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
}

#cboxLoadedContent {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
}

#cboxTitle {
    margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
}

#cboxPrevious {
    position: absolute;
    top: 50%;
    left: -4px;
    padding-right: 0;
    line-height: 0;
    margin-top: -32px;
    font-size: 40px;
    height: 64px;
    border: none;
    background-color: rgba(0, 0, 0, 0.2);
}

#cboxNext {
    position: absolute;
    top: 50%;
    right: -14px;
    padding-left: 10px;
    line-height: 0;
    margin-top: -32px;
    font-size: 40px;
    height: 64px;
    border: none;
    background-color: rgba(0, 0, 0, 0.2);
}

#cboxClose {
    display: none;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxOverlay {
    background: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

#colorbox {
    outline: 0;
}

#cboxContent {
    background: #ccc;
    overflow: visible;
}

.cboxIframe {
    background: #ccc;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    margin-bottom: 5px;
}

#cboxLoadingOverlay {
    background: #e9e9e9;
}

#cboxLoadingGraphic {
    background: url(/img/loading.gif) no-repeat center center;
}

/* Pagination */
ul.pagination {
    display: inline-block;
    float: right;
    padding-bottom: 15px;
    clear: right;
    margin-top: 25px;
}

ul.pagination .fa {
    padding: 0;
    width: 5px;
}

ul.pagination li {
    display: inline-block;
}

ul.pagination li a, ul.pagination li span {
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    display: inline-block;
    text-align: center;
    margin: 0 0 0 1px;
    background: #fff;
}

ul.pagination li a {
    text-decoration: none;
}

ul.pagination li a:hover {
    background-color: #eed2a3;
    color: #333;
}

ul.pagination li span {
    background-color: #e3e3e3;
    color: #888;
}

ul.pagination li span.active {
    background-color: #333;
    color: #fff;
}

ul.pagination li span:hover {
    cursor: default;
}

ul.pagination li span.noborder {
    background: none;
    border: none;
    color: #333;
    font-weight: bold;
    padding: 6px 6px;
}

ul.pagination li span.noborder .fa {
    width: 15px;
}

/* Matchcode search layers */
#matchcodeSearch, #matchcodeBranchSearch {
    width: 760px;
}

#matchcodeSearch table.info td .mini:first-child, #matchcodeBranchSearch table.info td .mini:first-child {
    margin-right: 6px;
}

#matchcodeSearch table.info th, #matchcodeBranchSearch table.info th {
    width: 140px;
}

#matchcodeSearch #fulltextSearch, #matchcodeBranchSearch #branchFulltextSearch {
    width: 536px;
}

#matchcodeSearch #btnDoMatchcodeSearch, #matchcodeBranchSearch #btnDoBranchMatchcodeSearch, #btnContinueToNext {
    float: right;
}

#matchcodeSearch #customerSearchResult table, #matchcodeBranchSearch #branchSearchResult table, #matchcodeBranchSearch #customerSearchResult table {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 740px !important;
    max-height: 500px;
    display: block;
}
#matchcodeSearch #customerSearchResult.loader, #matchcodeBranchSearch #customerSearchResult.loader, #storageCheckForm.loader, #storageViewSwapTable.loader {
    background: url(/img/loading.gif) no-repeat center center;
    height: 100px;
}

#matchcodeSearch #customerSearchResult h2, #matchcodeBranchSearch h2 {
    margin-top: 35px;
}

#matchcodeSearch #customerSearchResult table tbody tr, #matchcodeBranchSearch #customerSearchResult table tbody tr {
    cursor: pointer;
}

/* Matchcode search buttons in forms */
.simple #btnMatchcodeSearch, .simple #btnBranchMatchcodeSearch, .simple #btnBranchHqMatchcodeSearch {
    width: 200px;
}

.filter .matchcodesearch_select {
    border-right: none !important;
}

.filter .matchcodesearch {
    border-left: none !important;
    text-align: right;
}

/* Existing order page */
.existingOrder a.button {
    width: 150px;
}

/* Existing open order page */
.existingOpenOrder a.button {
    display: inline-block;
    white-space: nowrap;
}

/* Mandatory field asterisk */
.mandField {
    color: #fb9d00;
    font-weight: bold;
}

/* One of field asterisk */
.oneOfField {
    color: #0fc221;
    font-weight: bold;
}

/* HSN/TSN pop-up layer */
#hsnTsnEdit {
    width: 760px;
}

/* Ajax-loader */
#ajaxLoader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/img/loading.gif) no-repeat center center;
}

/* Item Search */
#itemResults table.results {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 740px !important;
    max-height: 500px;
    display: block;
}

#itemResults table.info th {
    width: 140px;
}

#itemResults table.simple tr:hover td {
    background-color: #eed2a3;
}

input[name="serviceCategory"] {
    bottom: 4px;
}

input[name="serviceFulltext"] {
    position: relative;
    top: -5px;
}

/* Twitter typeahead */
.typeahead-wrapper {
    display: block;
    margin: 50px 0;
}

.tt-menu {
    background-color: #fff;
}

.tt-hint {
    color: #aaa;
}

.tt-suggestion {
    line-height: 25px;
    text-align: left;
    padding: 2px 5px;
    color: #666;
    cursor: pointer;
}

.tt-suggestion:nth-child(even) {
    background-color: #f3f3f3;
}

.tt-suggestion.tt-selectable:hover, .tt-suggestion.tt-selectable.tt-cursor {
    background: #fb9d00;
    color: #fff;
}

.tt-suggestion .tt-highlight {
    background-color: #666;
    color: #fff;
    font-weight: normal;
}

.scrollable-dropdown-menu .tt-menu {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    min-width: 610px;
}


.typeahead-spinner {
    position: relative;
    top: 7px;
    left: -8px;
    float: right;
    display: none;
    z-index: 1
}

.typeaheadResetBtn {
    position: relative;
    top: 2px;
    left: 0px;
    float: right;
    z-index: 1;
}

.typeaheadResetBtn.left {
    position: relative;
    top: 0px;
    left: 0px;
    float: left;
    z-index: 1;
}

table.filter .w100, table.simple .w100, .twitter-typeahead {
    width: 100%;
    box-sizing: border-box;
}

/* typeahead espacially for news branch filter*/
table.simple .scrollable-dropdown-menu.w100, table.simple .twitter-typeahead, table.simple .tt-hint + .tt-input + .tt-menu {
    width: 100%;
}

table.simple .scrollable-dropdown-menu.w100 {
    white-space: nowrap;
}

table.simple .twitter-typeahead, table.simple .tt-menu {
    margin-top: 2px;
}

table.simple .twitter-typeahead, table.simple .tt-hint + .tt-input + .tt-menu {
    box-sizing: border-box;
}

table.simple .scrollable-dropdown-menu.w100 {
    display: inline-block;
    margin-top: 5px;
}

table.simple .branch-whitelist-buttonarea {
    margin: 5px 0px;
    display: inline-block;
    text-align: center;
}

table.simple .branch-filter-select {
    height: auto;
}

/* Vehicle search input */
table.simple input#vehicle {
    width: 316px;
    margin-right: -5px;
}

table.simple textarea#vehicle {
    height: 56px;
    width: 350px;
    margin-bottom: -2px;
}

table.simple a#btnResetVehicle, a#openVehicleSearch {
    vertical-align: top;
}

/* Network-Storage */
table.filter vonBisDatafield {
    width: 50px;
}

#customerAutocompleteInfo {
    display: none;
}

/* Order Overview */
#orderOverviewArea .inner {
    background: #3a3a3a;
    padding: 10px;
}

#orderOverviewArea h2 {
    margin-bottom: 0;
}

.order-overview, .order-overview a {
    color: #ccc;
    font-weight: bold;
    margin: 0 0 10px 0;
    text-decoration: none;
}

.order-overview a:hover {
    color: #fff;
    text-decoration: underline;
}

.order-overview .ico_amp {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.order-overview b {
    color: #fff;
}

.order-overview span {
    font-size: 11px;
    color: #999;
    font-weight: normal;
}

#content .positionRow .inner tbody, #content .positionRow .inner tr, #content .positionRow .inner td {
    background: transparent !important
}

#content .positionRow .inner {
    width: 100% !important;
}

#content .positionRow .inner td:first-child {
    width: 40%;
}

input.changed {
    background-color: #FF9980;
}

/* Alternative Customer */
.alternative_buttons .button {
    width: 330px;
}

/* Error Page */
.errorpage {
    overflow-y: scroll;
    background: url(/img/body-bg.png) -20px 0;
    height: 100%;
    min-height: 100%;
}

.errorpage body {
    height: 100%;
    min-height: 100%;
}

.errorpage .inner {
    position: absolute;
    top: 50%;
    height: 150px;
    left: 50%;
    width: 550px;
    margin: -125px 0 0 -325px;
    background: #000;
    padding: 50px;
    color: #fff;
}

.errorpage .inner .logo {
    margin: 0 0 0 0;
}

.errorpage .inner h1 {
    font-size: 20px;
    float: right;
}

.errorpage .inner h2 {
    font-size: 14px;
}

.errorpage .inner a {
    color: #fff;
    font-size: 14px;
}

.errorpage .inner a:hover {
    color: #fb9d00;
}

/* Vehicle Data Layer */
#vehicleDataLayer {
    height: 385px;
    background: #ccc;
}

#vehicleDataLayer #content {
    height: 324px;
}

#vehicleDataLayer .button.closeParentLayer {
    position: absolute;
    bottom: 15px;
}

#vehicleDataLayer table td {
    font-size: 12px;
}

#vehicleDataLayer h1 {
    background-color: #000;
    font-size: 18px;
    color: #fb9d00;
    padding: 10px;
    font-weight: bold;
    border: none;
    margin: 0;
}

/* CMS Page assignment */
.cmsSiteAssignment li {
    border: none;
}

.cmsSiteAssignment li.external_page div {
    background-image: url(/img/cms_page_extern_dark.png);
    background-repeat: no-repeat;
    background-position: right center;
}

.cmsSiteAssignment li.external_page_lvl2 div {
    background-image: url(/img/cms_page_extern_light.png) !important;
}

.cmsSiteAssignment .placeholder {
    background-color: #999;
    margin-left: 5px;
    width: 190px;
    height: 25px;
    padding: 0;
}

.cmsSiteAssignment .assignment_title {
    float: left;
    width: 345px;
    padding-left: 5px;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}

.cmsSiteAssignment ol {
    margin: 0;
    padding: 0;
    padding-left: 30px;
    list-style: none;
    width: 200px;
}

.cmsSiteAssignment ol.connectedSortable, .cmsSiteAssignment ol.connectedSortable ol {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
}

.cmsSiteAssignment ol.connectedSortable {
    margin: 0;
    float: left;
}

.cmsSiteAssignment ol.connectedSortable li div {
    background-color: #000;
    color: #E9E9E9;
    cursor: move;
    margin: 5px;
    padding: 5px;
    text-transform: uppercase;
}

.cmsSiteAssignment ol.connectedSortable li ol li div {
    background-color: #E9E9E9;
    color: #000;
    text-transform: none;
}

.cmsSiteAssignment ol.connectedSortable li ol li ol li div {
    background-color: #535353;
    color: #E9E9E9;
    text-transform: none;
}

.cmsSiteAssignment .ui-nestedSortable-error {
    background: #fbe3e4;
}

.cmsSiteAssignment ol#unassigend {
    background-color: #aaa;
    padding: 5px;
    margin-left: 5px;
}

.cmsSiteAssignment ol#unassigend li div {
    background-color: #E9E9E9;
    color: #000;
    text-transform: none;
    padding: 5px;
    margin: 5px;
}

.cmsSiteAssignment ol#unassigend li ol {
    margin: 0;
}

.cmsSiteAssignment ol.connectedSortable {
    margin-bottom: 40px;
}

.cmsSiteAssignment ol#assignment {
    margin-right: 150px;
}

.cmsSiteAssignment div.clear {
    clear: left;
}

/* CMS Image overview */
#imageLayer td.imgChoose:hover {
    background-color: #eed2a3 !important;
    cursor: pointer;
}

#imageLayer img.image {
    padding: 5px;
    height: 30px;
}

/* Callcenter Status Icons */
#callcenterIcons label {
    margin: 0 15px 0 3px;
    position: relative;
    top: -3px;
}

.callcenter_ico_ruleset {
    width: 20px;
    height: 20px;
}

/* Callcenter accept and deny buttons*/
a.callcenter-deny:hover i.fa-times-circle {
    background-color: #e5e5e5 !important;
    color: #d84333 !important;
}

a.callcenter-accept:hover i.fa-check-circle {
    background-color: #e5e5e5 !important;
    color: #4a872c !important;
}

.callcenter-deny, a.callcenter-deny i.fa-times-circle {
    color: white;
    background-color: #d84333;
}

.callcenter-accept, a.callcenter-accept i.fa-check-circle {
    color: white;
    background-color: #4a872c;
}

.callcenter-button-area {
    font-size: 18px;
    width: 220px !important;
}

.callcenter-accept {
    margin-bottom: 60px !important;
}

.callcenter-deny {
    margin-top: 60px !important;
}

/* Callcenter master data */
.custom-select {
    height: 50px;
}

.custom-control {
    margin-bottom: 5px;
}

/* Translator */
#codeText {
    font-style: italic;
    font-weight: normal;
}

.translationValues {
    cursor: alias;
}

/*Order Positions whose price was artificially altered*/
.alteredPosition {
    background-color: #ffe6ba !important;
    cursor: help;
}

.alteredPosition td {
    border: 1px solid #fb9d00 !important;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fb9d00;
    -moz-box-shadow: inset 0px 1px 0px 0px #fb9d00;
    box-shadow: inset 0px 1px 0px 0px #fb9d00;
}

.alteredPosition td td {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

td.redText {
    color: red;
    cursor: help;
}

/* Price sign */
span.sign {
    font-weight: bold;
}

span.sign.ns {
    color: red;
}

/* Ruleset RLA icon */
.rulesetrla {
    float: right;
    line-height: 24px;
}

/* Fleet regulations and brand priority formatting */
#fleetRegulationsSpan, #specialInstructionsSpan, #brandPrioTd {
    white-space: normal !important;
}

/* Mandfield Duplicates */
#mandfield_duplicates .inner {
    margin: 0 10px;
}

/* crossed-out */
.deprecated {
    text-decoration: line-through;
}

/* Dashboard links */
.dashboard a:hover {
    text-decoration: none;
    color: #333;
}

/* Invoice attachments */
#btnOpenUploadLayer {
    cursor: help;
}

#uploadAttachmentDeliveryNoteIframe {
    position: absolute;
    top: -10000px;
    left: -10000px; /*display:none/visibility:hidden does not work for IE! */
}

/* Platform field duplicates */
#btnViewDuplicates {
    background-color: #fb9d00 !important;
    cursor: pointer;
    font-weight: bold;
}

#btnViewDuplicates:hover {
    background-color: #f9a41b !important;
}

/* Signature area in delivery note */
#delivery-note-signature {
    display: none;
}

#delivery-note-signature td {
    padding: 50px 10px 10px 10px !important;
}

#delivery-note-signature td .area {
    width: 50%;
    float: left;
    margin-top: 70px;
}

#delivery-note-signature td .area hr {
    width: 60%;
    text-align: left;
    border: 0;
    border-bottom: 1px solid #000;
    display: inline-block;
}

#delivery-note-signature td .area {
    display: block;
}

/* Layout breakpoint for very low resolutions (branch area) */
#frmVehicleData .vehicleDataSmall {
    display: none;
}

#orderInfoSmall {
    display: none;
}

/* Order Overview Edit Area */
#orderOverviewEditAreaWrap {
    margin: 15px 0px;
    width: 100%;
    background: #eee;
    color: #333;
    border: 1px solid #aaa;
}

#orderOverviewEditAreaWrap td {
    vertical-align: top;
    padding: 10px !important;
}

#orderOverviewEditAreaWrap #orderOverviewRemarks {
    width: 550px;
}

#orderOverviewEditAreaWrap #orderOverviewPlatformFields {
    width: 360px;
}

#orderOverviewEditAreaWrap #orderOverviewPlatformFields .formElement .platformFieldDate div {
    display: inline-block;
    margin-left: 5px;
}

#orderOverviewEditAreaWrap #orderOverviewPlatformFields .info {
    text-align: right;
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}

#orderOverviewEditAreaWrap #orderOverviewPlatformFields.halfwidth {
    width: 50%;
}

#orderOverviewEditAreaWrap #orderOverviewButtons {
    border-right: none;
    text-align: right;
    vertical-align: middle;
}

#orderOverviewEditAreaWrap #orderOverviewButtons a {
    width: 210px;
    text-align: left;
    margin-bottom: 8px;
}

#orderOverviewEditAreaWrap .formElement b {
    display: block;
    padding: 15px 0px 3px 0px;
}

#orderOverviewEditAreaWrap .formElement.remarkElement, #frmVehicleData .remarkElement {
    display: none;
}

#orderOverviewEditAreaWrap .formElement:nth-child(1) b {
    padding-top: 0px;
}

#orderOverviewEditAreaWrap .formElement div {
    display: block;
    margin-left: 23px;
}

#orderOverviewEditAreaWrap .formElement div input {
    margin-right: 0;
}

#orderOverviewEditAreaWrap .formElement div textarea {
    width: 100%;
    height: 40px;
    max-height: 100px;
    box-sizing: border-box;
}

#orderOverviewEditAreaWrap .formElement div.readonly textarea {
    height: 28px;
    border: none;
    padding: 0;
    box-shadow: none;
}

/* Order head */
.print {
    text-align: right;
}

.information {
    background-color: #eee !important;
    white-space: nowrap;
}

.lead {
    font-size: 1.25rem !important;
    font-weight: 300 !important;
}

.infobox {
    padding: 1.5rem;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    border-width: .2rem;
    margin: 1rem 0;
    border: solid #f7f7f9;
    border-radius: .25rem;
}

.order-label {
    color: #333 !important;
    font-weight: bold;
}

.no-border-top {
    border-top: none !important;
}

.no-border-bottom {
    border-bottom: none !important;
}

.no-border-left {
    border-left: none !important;
}

.no-border-right {
    border-right: none !important;
}

.last-border-right {
    border-right: 1px solid #000 !important;
}

.last-border-top {
    border-top: 1px solid #000 !important;
}

.last-border-bottom {
    border-bottom: 1px solid #000 !important;
}

.info thead.order-head-title td, .info tbody tr.order-head-title .title {
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}

@media (max-width: 1750px) {
    .order-head td, .order-head th {
        white-space: unset !important;
    }
}

@media screen and (max-width: 1750px) {
    .order-head td, .order-head th {
        white-space: normal !important;
    }
}

/*IE*/
.order-head {
    margin-bottom: -1px !important;
}

.order-head th, .orderhead td {
    padding: 2px 10px !important;
}

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

.print-order-cc {
    float: right;
    margin-top: -30px !important;
    margin-right: 0px !important;
}

.print-order {
    float: right;
    margin-top: -24px;
    margin-right: 10px;
}

.order-warning {
    margin-top: 30px;
}

/* Order list */
.order-list-view-button {
    padding: 10px 20px;
}

/* Order/storage history timeline */
.timeline-wrap {
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    padding: 0 60px;
}

.timeline {
    list-style: none;
    padding: 0;
    margin: 50px 0 40px 0;
    border-bottom: 2px solid #333;
    position: relative;
}

.timeline li {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: #333;
    background-repeat: no-repeat;
    background-clip: padding-box;
    border-radius: 50%;
    border: 2px solid transparent;
    margin-top: -18px;
    margin-left: -19px;
    pointer-events: auto;
}

.timeline li:first-child {
    left: 2px;
}

.timeline li:last-child {
    right: -17px;
}

.timeline li:before {
    content: "";
    display: block;
    position: relative;
    left: -16px;
    top: -16px;
    width: 64px;
    height: 64px;
}

.timeline li:hover {
    border-color: #fff;
    cursor: pointer;
}

.timeline li.active, .timeline li.active:hover {
    border-color: #fb9d00;
    cursor: default;
}

.timeline li span {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    background-clip: padding-box;
}

.timeline li i.fa.nopadding {
    position: absolute;
    top: 8px;
    left: 0;
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 14px;
}

.timeline li div, .timeline li p {
    left: -42px;
    top: -27px;
    position: absolute;
    text-align: center;
}

.timeline li div {
    margin-top: 65px;
    font-size: 10px;
    width: 70px;
    left: -19px;
}

.timeline li.active div, .timeline li.active p {
    font-weight: bold;
}

.timeline li p {
    margin-top: -2px;
    font-size: 11px;
    width: 115px;
    padding-bottom: 11px;
    margin-bottom: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.timeline li p:after {
    content: "";
    height: 8px;
    border-left: 1px solid #333;
    position: absolute;
    bottom: 0px;
    left: 57px;
}

.timeline li .fa {
    padding: 0;
}

#status-timeline-fallback {
    display: none;
}

#status-timeline-fallback select {
    width: 100%;
}

.timeline .order_history_icon_FINISHED, .timeline .order_history_icon_CANCELLED {
    left: 1px;
}

@supports (-webkit-appearance:none) {
    /* Webkit/Blink hack */
    .timeline .order_history_icon_FINISHED, .timeline .order_history_icon_CANCELLED {
        left: 0;
    }
}

/* Hide vehicle selection by contract number */
.selectVehicleByContractNo {
    display: none;
}

/* Storage list */
#storagelist .storageNoShort {
    display: none;
}

#storageListFilter select#status {
    width: 100%;
}

#storageListFilter select#customerParent, #storageListFilter select#customer {
    width: 100%;
}


/* Storage details */
#storage-lines td.subpos {
    text-align: center;
}

#storage-lines tr.odd td {
    padding: 10px;
}

#storage-lines tr.odd td em {
    display: inline-block;
    height: 14px;
    line-height: 14px;
    margin-top: 5px;
}

#storage-lines tr.odd td em.noTireSelected {
    height: 33px;
    line-height: 33px;
    margin: 0;
}

#storage-lines tr.odd, #storage-head tr.odd {
    background-color: #fff !important;
}

#storage-lines tr.even, #storage-head tr.even {
    background-color: #f3f3f3 !important;
}

#storage-head tr td.storageOptionsTop {
    border-bottom: none;
}

#storage-head tr.storageOptionsBottom td {
    border-top: none;
}

#storage-head input[type=number] {
    width: 40%;
    margin: 0;
    min-width: 70px;
}

#storage-head select {
    width: 40%;
    margin: 0;
    min-width: 120px;
}

#storage-head input[type=text] {
    width: 150px;
    margin-left: 5px;
}

#storage-head textarea {
    width: 100%;
    padding: 10px;
    margin: 10px 0 7px 0;
    box-sizing: border-box;
    max-height: 200px;
}

#storage-head textarea[readonly="readonly"], #storage-head textarea[readonly], #storage-head textarea:read-only {
    border: none;
    background: none;
}

#storage-head td {
    text-align: center;
    width: 33.33333333%
}

#storage-head tr.remarks td {
    width: 100%;
}

#storage-head tr.remarkInput td {
    padding: 0 10px;
}

#storage-lines input[type=number] {
    width: 70px;
    text-align: right;
}

#storage-lines input[type=text] {
    width: 70px;
}

#storage-lines input.dummyItemName {
    width: 400px;
    margin: 5px 0 4px 0;
}

#storage-lines em.dummyItemName {
    height: 32px !important;
    line-height: 32px !important;
    margin-left: 10px;
    margin-top: 0 !important;
}

#storage-lines td.storageData {
    text-align: center;
    width: 10%;
}

#storage-lines td.storageData .ca, #storage-head td .ca {
    font-size: 19px;
    vertical-align: middle;
    opacity: 0.4;
}

#storage-lines td.storageData .ca.ca-tire-storage, #storage-head td .ca.ca-tire-storage {
    font-size: 17px;
}

#storage-lines select {
    width: auto;
    margin: 0;
    min-width: 120px;
}

#storage-head td .fa {
    font-size: 13px;
}

#storage-lines td.storageData .fa {
    font-size: 16px;
    vertical-align: middle;
    opacity: 0.4;
}

#storage-lines tbody tr.hover td.storageData .ca, #storage-lines tbody tr.hover td.storageData .fa, #storage-head td .ca, #storage-head td .fa {
    opacity: 1;
}

#storage-lines td.storageData span, #storage-head td span {
    vertical-align: middle;
    font-weight: bold;
}

#storage-head span.serviceStatus {
    font-weight: normal;
    display: inline-block;
    text-align: left;
    width: 65%;
}

#middleStorageSave {
    margin: 16px 0 20px 0;
}

#tdReleaseStorage {
    padding-bottom: 10px !important;
}

#btnPrintStorageIncomplete {
    cursor: help;
}

#content tfoot td#storageMandFieldHint {
    font-weight: normal;
    font-size: 12px;
    text-align: left !important;
    width: 50%;
}

.storageTableLeftSpan {
    max-width: 50%;
    display: inline-block;
    float: left;
}

.storageTableRightSpan {
    width: auto;
    display: inline-block;
    float: right;
    text-align: right;
    line-height: 33px;
}

.dummyItemSeason {
    width: auto !important;
}

/* Storage decision page in order process */
.storage_decision_buttons .button {
    width: 360px;
}

/* Storage edit in order process */
#storage-lines.orderProcess {
    margin-bottom: 0 !important;
}

#storageEditFooter {
    margin: 0 !important;
}

#storageEditFooter td {
    border-top: none !important;
    text-align: right !important;
}

#tireSearchLayer {
    width: 1000px;
}

#tireSearchLayer .closeLayer {
    float: left;
}

#tireSearchLayer table.results {
    overflow-y: scroll;
    overflow-x: hidden;
    width: 980px !important;
    max-height: 450px;
    display: block;
}

#tireSearchLayer table.results td {
    width: 33.33333333%;
}

#tireSearchLayer table.results tbody tr:hover {
    cursor: pointer;
}

/* Status boxen order order process and detail */
.orderStatusBox {
    background-color: #fff;
    border: 1px solid #aaa;
    padding: 10px;
    display: table;
    width: 100%;
    box-sizing: border-box;
}

.orderStatusBox.noBorderTop {
    border-top: none;
}

.orderStatusBox div {
    display: table-cell;
    vertical-align: middle;
}

.orderStatusBox div:first-child {
    width: 63px;
}

.orderStatusBox div i.statusBig {
    float: left;
    font-size: 40px;
    margin-left: 4px;
}

.orderStatusBox div i.fa-money.statusBig {
    font-size: 38px;
}

.orderStatusBox div i.fa-exclamation-circle.statusBig {
    font-size: 44px;
}

.orderStatusBox div span {
    display: inline-block;
    margin-bottom: 10px;
}

.orderStatusBox div a {
    display: inline-block;
    width: 220px;
}

/*Top Dienstleisung*/
.tsl-frame {
    padding: 20px;
    background: #aaa;
    margin-bottom: 20px;
}

.tsl-frame .tablist {
    margin-top: 0;
    border-bottom: 0;
    margin-bottom: 1px;
}

.tsl-frame .tablist a.active {
    background: #fff;
}

.tsl-frame .tsl-inside {
    border-top: 1px solid #fff;
}

#content .tsl-frame .tsl-inside table {
    margin: 0;
}

/*Aufträge/Assignments*/
.selector {
}

.selector input, .selector label, .selector select {
    float: left;
}

.selector select {
    margin: 3px 0;
}

.selector label {
    height: 24px;
    line-height: 24px;
    margin: 0 0 0 5px;
}

.selector .sub-info label {
    height: auto;
    line-height: 13px;
}

.selector input[type=radio] {
    top: 8px;
}

.selector .no-dot {
    padding-left: 18px;
}

.selector p {
    margin: 7px 0;
}

.selector input[name="serviceFulltext"] {
    top: 3px;
}

tr.item-deleted {
    background: #e6b3b3 !important;
    background: repeating-linear-gradient(45deg, #e6b3b3, #e6b3b3 10px, #f6c3c3 10px, #f6c3c3 20px) !important;
    color: darkred;
}

tr.item-unknown {
    background: #e3e3e3 !important;
    background: repeating-linear-gradient(45deg, #e3e3e3, #e3e3e3 10px, #f3f3f3 10px, #f3f3f3 20px) !important;
    color: #888;
}

tr.mapping-missing {
    background: #fff !important;
    background: repeating-linear-gradient(45deg, #fff, #fff 20px, #fff1ea 20px, #fff1ea 40px) !important;
}

td.mapping-missing {
    background: #fff !important;
    background: repeating-linear-gradient(45deg, #fff, #fff 20px, #fff1ea 20px, #fff1ea 40px) !important;
}

tr.cc-unread {
    background: #fff !important;
    background: repeating-linear-gradient(45deg, #fff, #fff 20px, #ffffe1 20px, #ffffe1 40px) !important;
}

td.file-missing {
    background: #e6b3b3 !important;
    background: repeating-linear-gradient(45deg, #e6b3b3, #e6b3b3 10px, #f6c3c3 10px, #f6c3c3 20px) !important;
    color: darkred;
}

/*Maintenance*/
.maintenance-header {
    margin-left: 20px;
}

.maintenance-main {
    margin: 0px 10px 0px 230px;
    position: relative;
    top: 0px !important;
}

.alive-check-success {
    background-color: #28a745 !important;
}

.alive-check-success:focus, .alive-check-success:hover {
    background-color: #1e7e34 !important;
}

.alive-check-danger {
    background-color: #dc3545 !important;
}

.alive-check-danger:focus, .alive-check-danger:hover {
    background-color: #bd2130 !important;
}

.maintenance-alert-success {
    padding: 20px;
    background-color: #28a745;
    color: white;
}

.maintenance-alert-danger {
    padding: 20px;
    background-color: #dc3545;
    color: white;
}

.maintenance-alert-warning {
    padding: 20px;
    background-color: #ff9800;
    color: white;
}

.maintenance-alert button.maintenance-close {
    padding: 0;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    margin-top: -4px;
    color: white;
}

.maintenance-button-right {
    text-align: right !important;
}

.maintenance-button-left {
    text-align: left !important;
}

.fa-maintenance {
    padding: 0px 0px 0px 0px;
}

.jstack-textarea {
    padding: 10px;
    font-family: monospace !important;
}

/*Helparea*/
#breadcrumb-helparea {
    padding: 0;
    line-height: 40px;
    background: #525252;
    margin-bottom: 20px;
    display: inline;
}

#breadcrumb-helparea a.help {
    border-radius: 25px;
    border: 1px solid #aaa;
    padding: 4px 14px 4px 8px;
    line-height: 20px;
    background-color: #f3f3f3;;
    display: inline-block;
    float: right;
    color: #333;
    margin-bottom: 10px;
}

#breadcrumb-helparea a.help i {
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    font-size: 20px;
}

#breadcrumb-helparea a.help b {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px;
}

#breadcrumb-helparea a.help:hover {
    background-color: #fb9d00;
    display: inline-block;
    float: right;
    color: #333;
    text-decoration: none;
}

.layer-helparea {
    width: 100%;
    height: 100%;
    background-color: #ccc;
    color: #000;
    display: flex;
    flex-flow: column;
}

.layer-helparea h5 {
    color: #000;
    font-size: 17px;
    font-weight: bold;
    margin: 0 0 4px 0;
    padding: 0;
}

.layer-helparea .inner {
    padding: 10px;
}

.layer-helparea .inner button {
    float: right;
    margin-top: 20px;
}

.layer-helparea table.orderpos {
    margin: 0 !important;
}

.layer-helparea table.orderpos tbody td {
    width: auto;
    text-align: left;
}

.layer-helparea .helparea-text-content {
    flex: 0;
}

.layer-helparea .helparea-video-content {
    flex: auto;
    margin-top: 20px;
}

.layer-helparea p.helparea-video {
    align-items: center;
    justify-content: center;
    display: flex;
}

/* Branch HQ - item mapping */
.download-item-mapping {
    margin-right: 20px;
}

.badge {
    margin: 0 0 1px 1px;
    float: left;
    color: #333;
    background-color: #fff;
    border-color: #bbb;
    border-width: 1px;
    border-style: solid;
    display: inline-block;
    padding: 4px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
}

.badge .fa {
    padding: 0
}

.badge .file-delete:hover {
    color: #ff0000
}

.preview {
    border-radius: 3px;
    border: 1px solid #000;
    background: #eee;
    width: 200px;
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.preview img {
    max-width: 200px;
    max-height: 200px;
    margin: 0 auto
}

.preview::after {
    content: "";
    position: absolute;
    top: -12px;
    left: 6px;
    margin-left: 10px;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #000 transparent;
}

/* photo processing */
.switch-field {
    padding: 0px;
    float: left;
    overflow: hidden;
}

.switch-field input[type="radio"] {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
}

.switch-field label {
    float: left;
}

.switch-field label {
    display: inline-block;
    color: rgba(0, 0, 0, 0.6);
    background-color: #d5d5d5;
    cursor: pointer;
    color: #333;
    text-align: center;
    text-shadow: none;
    padding: 4px 10px;
    border: 1px solid #aaa;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
    cursor: pointer;
}

.switch-field input:checked + label {
    background-color: #eee;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.switch-field label:first-of-type {
    border-radius: 3px 0 0 3px;
}

.switch-field label:last-of-type {
    border-radius: 0 3px 3px 0;
}

#photo-canvas {
    background: #ffffff;
    border: 1px solid #aaa;
}

.canvas-wrapper {
    position: absolute;
    background-color: hsla(0, 0%, 88%, .5);
    border: 1px dashed #000;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    pointer-events: none;
}

#img-download {
    position: absolute;
    top: 100%;
    right: 50%;
    text-align: center;
    padding-left: 16px;
    line-height: 0;
    margin-right: -37px;
    width: 40px;
    margin-top: -60px;
    font-size: 40px;
    height: 40px;
    border: none;
    background-color: rgba(0, 0, 0, 0.2);
}

input[type=range] {
    -webkit-appearance: none;
    border: 1px solid #ccc !important;
    background: none !important;
    width: 200px;
    height: 16px !important;
    padding: 0 !important;
    margin: 3px;
}

input[type=range]::-webkit-slider-runnable-track {
    width: 200px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-moz-range-track {
    width: 200px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #aaaaaa;
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #aaaaaa;
}

input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #aaaaaa;
}

input[type=range]:focus {
    outline: none;
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    width: 200px;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
}

input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}

input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}

input[type=range]:focus::-ms-fill-lower {
    background: #888;
}

input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}

/* new news */

/*.news  {padding: 15px; max-width: 1000px; background-color: #eee; margin-bottom:20px;}
.news .header {border-bottom:1px solid #BCBCBC;}
.news .header a {text-decoration: none; }
.news .header .publishingDate{color: #5e5e5e; float: right;}
.news .message{ padding: 5px; margin: 10px 0; white-space:pre-line; }*/

.news2 {
    border: solid 1px #AAAAAA;
    padding: 15px;
    background-color: #eee;
    margin-bottom: 20px;
}

.news2 .container {
    padding: 10px;
    background-color: #ffffff;
}

.news2 .header {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
    border-bottom: solid 1px #AAAAAA;
}

.news2 .footer {
    border-top: solid 1px #AAAAAA;
    padding-top: 5px;
}


.news2 .valid-from {
    float: right;
}

.news2 .confirmed {
    float: right;
    margin-top: 3px;
    margin-right: -10px;
    font-size: 16px;
    color: #009900;
}

.news2.maintenance {
    border: solid 3px #FF0000;
    color: #FF0000;
}

.news2.maintenance .badge {
    color: #FF0000;
}

.news2.maintenance .header {
    border-bottom: dashed 1px #FF0000;
}

.news2.maintenance .footer {
    border-top: dashed 1px #FF0000;
}

.news2 a.confirmButton {
    color: red;
}

.news2 a.confirmButton i.fa {
    padding: 0px;
    margin-right: 5px;
}

#btnAddBranch i, #btnRemoveBranch i {
    padding: 0px;
}

/* company documents area */
td.documents-action-row {
    height: 28px;
}

td.documents-action-row > a {
    margin-right: 5px;
}

/* sorting arrows (e.g. used in company documents area) */
div.sorting-arrows > a.sort-up > i.fa, div.sorting-arrows > a.sort-down > i.fa {
    padding: 0px;
}

/* rla colorbox callcenter order detail */
#open-rla-colorbox {
    padding-left: 0px;
    padding-right: 0px;
}

#rla-placeholder {
    height: 5px;
}

#open-rla-colorbox span {
    margin: 0 0 1px 1px;
    color: #333;
    background-color: #fff;
    border-color: #bbb;
    border-width: 1px;
    border-style: solid;
    padding: 4px;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 3px;
}

.layer-rla-info {
    width: 100%;
    background-color: #ccc;
    color: #000;
}

.layer-rla-info .inner {
    padding-left: 10px;
    padding-right: 10px;
}

.layer-rla-info .inner table {
    margin-top: 10px !important;
}

.layer-rla-info .inner a {
    float: right;
    margin-bottom: 5px;
}

/* Video JS */
.video-js .vjs-big-play-button {
    top: 50% !important;
    left: 50% !important;
}

/* opening times */
.half-width {
    width: 50%;
}

tr.large-row {
    height: 120px;
}

.sortable-table tbody tr td:first-child {
    width: 2em;
    border-right-style: none !important;
}

#itemSearchResult {
    margin-top: 2em;
}

#itemSearchResult table.results {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 500px;
    display: block;
}

.button-inline {
    margin-top: 1em;
}

.m-0 {
    margin: 0 !important;
}

.width_edit_header_1 {
    width: 20.90% !important;
}

.width_edit_header_2 {
    width: 35.81%;
}

.width_edit_header_3 {
    width: 43.29%;
}

.quarter-width {
    width: 25%;
}

.quarter-height {
    height: 25%;
}

tr.item-excluded {
    background: #ffd3d3 !important;
}

tr.exclusion-category {
    border: 3px solid #aaa;
    border-bottom: none;
}

tr.exclusion-group {
    border-right: 3px solid #aaa;
    border-left: 3px solid #aaa;
}

tr.exclusion-service {
    border-right: 3px solid #aaa;
    border-left: 3px solid #aaa;
}

tr.exclusion-empty-row {
    border-top: 3px solid #aaa;
}

.item-exclusion-table th:first-child {
    width: 20%;
}

.item-exclusion-table th:nth-child(2) {
    width: 20%;
}

.item-exclusion-table tr:not(.no-hover) tr:hover td {
    background-color: #eed2a3 !important;
}

a.yesterday {
    width: 18px !important;
    text-align: center;
}

a.tomorrow {
    width: 18px !important;
    text-align: center;
}

.w25 {
    width: 25%;
}

.w50 {
    width: 50%;
}

.w75 {
    width: 75%;
}

.border-box {
    box-sizing: border-box;
}

/* mounting service items */
.row-mounting input {
    max-width: 100px;
}

.mounting-service-outer {
    margin-top: 0px !important;
}

.mounting-service-inner thead tr {
    word-break: keep-all;
    white-space: break-spaces;
}

.w-100 {
    width: 100% !important;
}

.nowrap {
    white-space: nowrap;
}

.wrap {
    word-break: keep-all;
    white-space: break-spaces;
}

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

.layer-appointment-edit {
    width: 500px !important
}

.layer-appointment-edit .row {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}
.mr-3 {
    margin-right: 1rem !important;
}

/* storage swapping */
.badge.custom-badge-pill {
    display: flex;
    align-items: center;
    border-radius: 1rem;
    padding-right: 10px;
    padding-left: 10px;
    cursor: unset;
}

.badge.custom-badge-pill i {
    margin-left: -5px;
    padding-right: 5px;
}

td.simple-button-column, th.simple-button-column {
    padding-left: 3px !important;
    padding-right: 3px !important;
    width: 0;
}

th.simple-button-column a.button, th.simple-button-column button,
td.simple-button-column a.button, td.simple-button-column button {
    padding-left: 4px;
    padding-right: 4px;
}

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

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

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

.d-inline-block {
    display: inline-block;
}

.font-weight-initial {
    font-weight: initial;
}

.w-0 {
    width: 0;
}

.w-initial {
    width: initial;
}

.border-l-0, #content .border-l-0 {
    border-left: 0;
}

.border-r-0, #content .border-r-0 {
    border-right: 0;
}

.border-t-0, #content .border-t-0 {
    border-top: 0;
}

.border-b-0, #content .border-b-0 {
    border-bottom: 0;
}

.nested-table, #content .nested-table {
    border: 0;
    margin: 0;
}

.nested-table tr.small {
    height: 16px !important;
}

.h-0, #content .nested-table thead tr {
    height: 0;
}

#content .nested-table thead tr th {
    background-color: #f3f3f3;
    color: black;
}

#content .nested-table thead tr:last-child th {
    border-bottom-width: 3px;
}

#content .nested-table tr:first-child th {
    border-top: 0;
}

#content .nested-table tr:last-child td {
    border-bottom: 0;
}

tbody tr.separated-top:not(:first-child) td, #content tbody tr.separated-top:not(:first-child) td {
    border-top-color: black;
    border-top-width: 2px;
}

.valign-top {
    vertical-align: top;
}


.crossed-out-storage-line {
    position: relative;
}

.crossed-out-storage-line::after {
    content: '';
    position: absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 50%;
    background: repeating-linear-gradient(135deg, #ffe8ea, #ffe8ea 10px, #ffd6d5 10px, #ffd6d5 20px);
}

input.delete-line {
    margin-right: 0;
    z-index: 1;
}

.background-transparent {
    background: transparent !important;
}

#content .nomargin {
    margin: 0;
}

#content .background-green {
    background: #c3e6cb;
}

#content .background-red {
    background: #f5c6cb;
}

.h-0 {
    height: 0 !important;
}

.icon-button {
    padding-left: 5px;
    padding-right: 5px;
}

.selectTireButton {
    white-space: nowrap;
    min-width: min-content;
}

.cursor-help {
    cursor: help !important;
}

tr.template-storage-header {
    background-color: #ffffff !important;
}

tr.template-storage-line {
    background-color: #f3f3f3;
}

.orderpos input.delete-line {
    margin-right: 0;
    z-index: 1;
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile + label {
    font-size: 13px;
    font-weight: normal;
    color: #333;
    background-color: #f3f3f3;
    padding: 4px 12px;
    border: 1px solid #aaa;
    border-radius: 3px;
    display: inline-flex;
    cursor: pointer; /* "hand" cursor */
    text-decoration: none;
    text-align: left;
    margin: 0 !important;
}

.inputfile + label span {
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    background-color: inherit;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #e5e5e5;
    cursor: pointer; /* "hand" cursor */
    color: #333;
}

.inputfile + label * {
    pointer-events: none;
}

#content table td.contains-button {
    padding: 6px 10px;
}

span.inputfiletext {
    margin-left: 10px;
}

i.swap-storage-icon {
    margin-right: -2px;
}

tr.tfoot-gray td {
    background-color: #ddd;
}

.tooltip-base {
    position: relative;
    display: block;
}

.tooltip-base .tooltip-text {
    white-space: normal;
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 2px;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip-base .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip-base:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

.block-customer-checkbox {
    appearance: none; /*hides the default checkbox*/
    /*width: 45px;
    height: 20px;
    position: relative;
    top: 20px;
    font-weight: 600;
    left: 20px;*/
    transition: 0.10s;
    text-align: center;
    color: greenyellow;
    border-radius: 3px;
    outline: none;
    display: block;
    padding: 3px 0;
}

.block-customer-checkbox.blocked {
    color: #ff0005;
}

.license-plate-flag {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: -1px;
}

table.vehicle-info {

}

table.vehicle-info tr {
    height: 16px !important;
}

table.vehicle-info td {
    border: 0 !important;
    white-space: normal !important;
}

table.vehicle-info td:nth-child(2n) {
    font-weight: bold;
    border-right: 1px solid #aaa !important;
}

table.vehicle-info td:last-child {
    border: 0 !important;
}

.metric-filter-active {
    padding: 5px;
    color: black;
    background: orange;
    border-radius: 8px;
    margin-right: 2px;
    margin-top: 2px;
}

.metric-filter-active-list {
    width: 49.5%;
    display: flex;
    flex-direction: column;
    background: white;
}

.metric-filter-active-list > div.filter-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: 3px;
}

.itemSearchForm .nextWorkflowExplanation { white-space: normal; }

table.authorizationSystemList
{
    table-layout: fixed;
}

table.authorizationSystemList tr
{
    background: none !important;
    height: 20px !important;
}

table.authorizationSystemList td
{
    padding: 0px 10px !important;
}

table.authorizationSystemListInner td
{
    border: 0 !important;
}

table.authorizationSystemList td:nth-child(2n) {
    border-right: 1px solid #aaa !important;
}

table.authorizationSystemListInner
{
    table-layout: fixed;
    border: 0 !important;
    background: none !important;
}

table.authorizationSystemListInner td:nth-child(2n) {
    font-weight: bold;
}

table.authorizationSystemListInner td:last-child {
    border: 0 !important;
}
.d-ib {
    display: inline-block;
}

.d-bl {
    display: block;
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.w-50 {
    width: 50px;
}

.w-100 {
    width: 100px;
}

.w-150 {
    width: 150px;
}

.w-200 {
    width: 200px;
}

.w-250 {
    width: 250px;
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.unit {
    padding: 4px 12px;
    background: #f3f3f3;
    color: #333;
    border: 1px solid #aaa;
    border-radius: 3px;
    text-decoration: none;
    text-align: left;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}