@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

html {
    line-height: 1.15; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
    margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
    display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
    margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
    background-color: transparent; /* 1 */
    -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
    font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
    font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
    background-color: #ff0;
    color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
    display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
    border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
    text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html input[type="button"], /* 1 */
[type="reset"],
[type="submit"] {
    -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details, /* 1 */
menu {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
    display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
    display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
    display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
    display: none;
}

/*-------------------------------------------------------------------------------------------------------------------
MAIN
--------------------------------------------------------------------------------------------------------------------*/

html * {
    box-sizing: border-box;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
}

html .ui-widget {
    font-family: 'Lato', sans-serif;
}

html .fa {
    font: normal normal normal 14px/1 FontAwesome !important;
}

.ui-button,
button.ui-button.ui-state-default,
.ui-button.ui-state-default {
    border: 1px solid #d9d9d9;
    color: #000;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.ui-button-text-only.ui-button-nopad .ui-button-text {
    padding: .3em 0px;
}

html .ui-state-disabled,
html .ui-widget-content .ui-state-disabled,
html .ui-widget-header .ui-state-disabled {
    opacity: 0.5;
    cursor: not-allowed !IMPORTANT;
    pointer-events: auto !IMPORTANT;
    user-select: text !IMPORTANT;
}

html .ui-button.ui-button-icon-only.dt-command-button span.ui-button-text {
    pointer-events: none;
}

.ui-row-editor {
    vertical-align: middle;
}

.ui-row-editor > a {
    display: inline-block;
}

.ui-row-editor > a span {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #000;
    background-color: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    width: 18px;
    height: 18px;
    float: none;
    margin: 0px 2px;
    display: inline-block;
}

html .ui-icon.fa {
    width: auto;
}

.ui-button-icon-only .ui-icon.fa,
.ui-button-text-icon-left .ui-icon.fa,
.ui-button-text-icon-right .ui-icon.fa {
    width: 22px;
    left: 0.2em;
}

.ui-button-icon-only .ui-icon.fa.fa-custom,
.ui-button-text-icon-left .ui-icon.fa.fa-custom,
.ui-button-text-icon-right .ui-icon.fa.fa-custom {
    width: 16px;
}

button.ui-button-icon-only {
    text-align: center;
    width: 24px;
    height: 22px;
}

html .ui-button-text-icon-left .ui-button-text {
    padding: .3em 0.5em .3em 2.1em;
}

.ui-icon:before {
    font-size: 16px;
}

html .ui-icon.fa.fa-car:before,
html .ui-icon.fa.ui-icon-buy-car:before,
html .ui-icon.fa.ui-icon-save-and-close:before {
    content: "";
    display: none;
}

html .ui-icon.fa.ui-icon-car,
html .ui-icon.fa.fa-car,
html .ui-icon.fa.fa-custom {
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: auto 100% !important;
}

html .ui-icon.fa.ui-icon-screen-share {
    background-image: url(../svg/ico_callWindow.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-camera {
    background-image: url(../svg/ico_callVideo.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-camera-disable {
    background-image: url(../svg/ico_callDisableVideo.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-microphone {
    background-image: url(../svg/ico_callUnmute.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-microphone-mute {
    background-image: url(../svg/ico_callMute.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-marketing-action {
    background-image: url(../svg/ico_marketing_action.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-marketing-action-assigned {
    background-image: url(../svg/ico_marketing_action_assigned.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-marketing-action-rejected {
    background-image: url(../svg/ico_marketing_action_rejected.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-marketing-action-gamification {
    background-image: url(../svg/ico_podium.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-marketing-action-up {
    background-image: url(../svg/ico_marketing_action_up.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-marketing-actions-fff {
    background-image: url(../svg/ico_marketing_action_fff.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-relation {
    background-image: url(../svg/footer-relation.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-save-and-close {
    background-image: url(../svg/ico_save_and_close.svg.jsf) !important;
    margin-top: -7px !important;
    left: 0.3em;
}

html .ui-icon.fa.ui-icon-clone {
    background-image: url(../svg/ico_clone.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-save-and-close-fff {
    background-image: url(../svg/ico_save_and_close_fff.svg.jsf) !important;
    margin-top: -7px !important;
    left: 0.3em;
}

html .ui-icon.fa.ui-icon-user-dbl {
    background-image: url(../svg/ico_user_dbl.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-car-dbl {
    background-image: url(../svg/ico_car_dbl.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-user-car-dbl {
    background-image: url(../svg/ico_car_dbl.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-basket-red {
    background-image: url(../svg/basket_red.svg.jsf) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

html .ui-icon.fa.ui-icon-basket-yellow {
    background-image: url(../svg/basket_yellow.svg.jsf) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

html .ui-icon.fa.ui-icon-basket-black {
    background-image: url(../svg/basket_black.svg.jsf) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;
}

html .ui-icon.fa.ui-icon-user-dbl-colour {
    background-image: url(../svg/ico_user_dbl_fff.svg.jsf) !important;
    background-color: #ffa726 !important;
    width: 16px;
    border: 2px solid #ffa726;
    border-radius: 3px;
}

html .ui-icon.fa.ui-icon-car-dbl-colour {
    background-image: url(../svg/ico_car_dbl_fff.svg.jsf) !important;
    background-color: #009ee3 !important;
    width: 16px;
    border: 2px solid #009ee3;
    border-radius: 3px;
}

html .ui-icon.fa.ui-icon-user-car-dbl-colour {
    background-image: url(../svg/ico_car_dbl_fff.svg.jsf) !important;
    background-color: #C90200 !important;
    width: 16px;
    border: 2px solid #C90200;
    border-radius: 3px;
}

html .ui-icon.fa.ui-icon-car,
html .ui-icon.fa.fa-car {
    background-image: url(../svg/ico_car.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-buy-car {
    background-image: url(../svg/ico_buy_car.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-inbox {
    background-image: url(../svg/ico_inbox.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-inbox-fff {
    background-image: url(../svg/ico_inbox_fff.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-outbox {
    background-image: url(../svg/ico_outbox.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-outbox-fff {
    background-image: url(../svg/ico_outbox_fff.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-doc-payment {
    background-image: url(../svg/ico_doc_payment.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-payment-unpaid {
    background-image: url(../svg/ico_payment_unpaid.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-order-processing {
    background-image: url(../svg/ico_order_processing.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-modify {
    background-image: url(../svg/ico_modify.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-generic-crm {
    background-image: url(../svg/crm_ico_generic_crm.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-car-isurance {
    background-image: url(../svg/crm_ico_insurance.svg.jsf) !important;
}

html .ui-icon.fa.ui-icon-interview {
    background-image: url(../svg/crm_ico_interview.svg.jsf) !important;
}

html .ui-icon.fa.ui-case-note {
    background-image: url(../svg/ico_caseNote.svg.jsf) !important;
}

html .ui-icon.fa.ui-case-edit {
    background-image: url(../svg/ico_caseEdit.svg.jsf) !important;
}

html .ui-icon.fa.ui-user-note {
    background-image: url(../svg/ico_userNote.svg.jsf) !important;
}

html .ui-icon.fa.ui-tree-folder-fff {
    background-image: url(../svg/fastbar_icoCRM_FM.svg.jsf) !important;
}

button.ui-button.ui-state-hover,
.ui-button.ui-state-hover,
button.ui-button.ui-state-focus,
.ui-button.ui-state-focus,
.ui-button:hover,
.ui-row-editor > a:hover span {
    border: 1px solid #d9d9d9;
    background-color: #f6f7f9;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
}

button.ui-button.ui-button-priority, .ui-button.ui-button-priority {
    background: #009ee3;
    border: 1px solid #0086c1;
    color: #fff;
}

button.ui-button.ui-button-priority:hover,
.ui-button.ui-button-priority:hover {
    background: #1f8ad0;
    border: 1px solid #166da7;
    color: #fff;
}

button.ui-button.ui-button-accept, .ui-button.ui-button-accept {
  background: #32a852;
  border-color: #197531;
  color: #fff;
}

button.ui-button.ui-button-accept:hover, .ui-button.ui-button-accept:hover {
  background: #197531;
  border-color: #0d5721;
  color: #fff;
}

button.ui-button.ui-dialog-titlebar-close,
.ui-button.ui-dialog-titlebar-close,
button.ui-button.ui-button-critical,
.ui-button.ui-button-critical {
    color: #fff;
    border: 1px solid #9d0200;
    background: #C90200;
}

button.ui-button.ui-dialog-titlebar-close.ui-state-hover,
.ui-button.ui-dialog-titlebar-close.ui-state-hover,
button.ui-button.ui-dialog-titlebar-close.ui-state-focus,
.ui-button.ui-dialog-titlebar-close.ui-state-focus,
button.ui-button.ui-button-critical.ui-state-hover,
.ui-button.ui-button-critical.ui-state-hover,
button.ui-button.ui-button-critical.ui-state-focus,
.ui-button.ui-button-critical.ui-state-focus {
    background: #9d0200;
    border: 1px solid #9b0200;
}

.ui-button-icon-only {
    min-width: 22px;
}

.ui-button-icon-only span.ui-icon {
    left: 50% !important;
    margin-left: -11px !important;
    text-align: center !important;
}

.ui-splitbutton-menubutton.ui-button-icon-only span.ui-icon {
    margin-left: -8px !important;
}

.ui-button-icon-only .ui-icon,
.ui-button-text-icon-left .ui-icon,
.ui-button-text-icon-right .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px !important;
}

html .ui-state-default .ui-icon,
html .ui-state-hover .ui-icon,
html .ui-state-focus .ui-icon {
    background-image: url("/jakarta.faces.resource/images/ui-icons_454545_256x240.png.jsf?ln=primefaces-omega");
    font-weight: normal !important;
}

button.ui-button.ui-dialog-titlebar-close .ui-icon,
.ui-button.ui-dialog-titlebar-close .ui-icon,
button.ui-button.ui-button-priority .ui-icon,
.ui-button.ui-button-priority .ui-icon,
button.ui-button.ui-button-critical .ui-icon,
.ui-button.ui-button-critical .ui-icon,
html .ui-chkbox-box.ui-state-focus .ui-icon {
    background-image: url("/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-omega");

}

.ui-exchangetasks-choosebutton {
    margin-top: .7em;
}

.ui-state-highlight:not(.ui-treenode-content),
.ui-widget-content .ui-state-highlight:not(.ui-treenode-content),
.ui-widget-header .ui-state-highlight:not(.ui-treenode-content),
.ui-treenode-content.ui-state-highlight .ui-treenode-label
 {
    background: #C90200;
    border: 1px solid #9d0200;
}

html .ui-autocomplete-item.ui-state-highlight {
    background: #C90200;
    border: 1px solid #9d0200;
    color: #ffffff;
    border-radius: 3px;
}

html .ui-tooltip {
    box-shadow: none;
}

html .ui-selectonemenu {
    padding-right: 0px;
}

html .ui-selectonemenu .ui-selectonemenu-label,
html .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    padding-right: 20px;
    margin: 0px;
}

html .ui-selectonemenu .ui-selectonemenu-trigger,
html .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    width: 16px;
    padding: 0px;
    min-width: 16px;
}

html .ui-autocomplete .ui-autocomplete-dropdown {
    width: 17px;
    padding: 0px;
    min-width: 17px;
    box-shadow: none !important;
}

html .ui-autocomplete .ui-autocomplete-dropdown .ui-icon {
    margin-left: -8px !important;
}

html .ui-autocomplete .ui-autocomplete-dropdown .ui-button-text {
    padding: 0px;
}

html .ui-showEmptyOptionLabel .ui-selectonemenu.ui-state-default label.ui-state-disabled {
    cursor: pointer !IMPORTANT;
}

html .ui-g-auto {
    display: inline-block;
    width: auto;
    padding: 0.2em 0.5em;
    float: left;
}

html .ui-g-1,
html .ui-g-2,
html .ui-g-3,
html .ui-g-4,
html .ui-g-5,
html .ui-g-6,
html .ui-g-7,
html .ui-g-8,
html .ui-g-9,
html .ui-g-10,
html .ui-g-11,
html .ui-g-12 {
    padding: 0.2em 0.5em;
}

html .ui-g-nopad {
    padding: 0px;
}

.ui-text-bold {
    font-weight: bold;
}

.ui-field-info-b,
.ui-field-info-r {
    text-align: justify;
}

.custom-header-disabled th.ui-sortable-column {
    pointer-events: none !important;
    cursor: default !important;
}

html div.ui-field-info-b {
    min-height: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

html .ui-field-info-b > label {
    padding-top: 0px;
    padding-bottom: 10px;
}

html .ui-field-info-b.ui-field-sublabel0 > label {
    padding-left: 0px;
}

html .ui-field-info-b.ui-field-sublabel5 > label {
    padding-left: 5px;
}

html .ui-field-info-b.ui-field-sublabel10 > label {
    padding-left: 10px;
}

html .ui-field-info-b.ui-field-sublabel20 > label {
    padding-left: 20px;
}

html .ui-field-info-b.ui-field-sublabel30 > label {
    padding-left: 30px;
}

html .ui-field-info-b.ui-field-sublabel40 > label {
    padding-left: 40px;
}

html .ui-field-info-b.ui-field-sublabel50 > label {
    padding-left: 50px;
}

html .ui-field-info-b.ui-field-sublabel55 > label {
    padding-left: 55px;
}

html .ui-field-info-b.ui-field-sublabel60 > label {
    padding-left: 60px;
}

html .ui-field-info-b.ui-field-sublabel70 > label {
    padding-left: 70px;
}

html .ui-field-info-b.ui-field-sublabel75 > label {
    padding-left: 75px;
}

html .ui-field-info-b.ui-field-sublabel80 > label {
    padding-left: 80px;
}

html .ui-field-info-b.ui-field-sublabel90 > label {
    padding-left: 90px;
}

html .ui-field-info-b.ui-field-sublabel100 > label {
    padding-left: 100px;
}

html .ui-field-info-b.ui-field-sublabel120 > label {
    padding-left: 120px;
}

html .ui-field-info-b.ui-field-sublabel140 > label {
    padding-left: 140px;
}

html .ui-field-info-b.ui-field-sublabel160 > label {
    padding-left: 160px;
}

html .ui-field-info-b.ui-field-sublabel180 > label {
    padding-left: 180px;
}

html .ui-field-info-b.ui-field-sublabel200 > label {
    padding-left: 200px;
}

html .ui-field-info-b.ui-field-sublabel240 > label {
    padding-left: 240px;
}

html .ui-field-info-b.ui-field-sublabel280 > label {
    padding-left: 280px;
}

html .ui-field-info-b.ui-field-sublabel300 > label {
    padding-left: 300px;
}

html .ui-field-info-b.ui-field-sublabel400 > label {
    padding-left: 400px;
}

html .ui-field-info-b.ui-field-sublabel500 > label {
    padding-left: 500px;
}

.ui-text-plain {
    font-weight: normal;
}

#content-container {
    margin-bottom: 33px;
    display: inline-block;
    width: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: visible; /*was "hidden" but filter popups were cut by footer*/
}

#content {
    height: calc(100% - 62px);
    display: flex;
    flex-direction: column;
}

#content > span.ui-aasys-region,
span.ui-aasys-region[name="ETX_TBS_POPUP"] {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    flex-shrink: 1;
    height: 100%;
}

span.ui-aasys-region[name="CH_DN"] {
    display: flex;
    flex-flow: row;
    flex-grow: 1;
    flex-shrink: 1;
}

.ui-catalogue > span.ui-aasys-region[name="ETX_TBS_POPUP"] {
    flex-grow: 0;
    flex-shrink: 0;
}

.ui-catalogue {

    height: 100%;
}

#content > span.ui-aasys-region > form {
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    flex-shrink: 1;
    height: calc(100% - 18px);
}

#content > span.ui-aasys-region > form.ui-form-noflex {
    display: block;
    height: 0px;
    position: absolute;
    width: 100%;
}

#content > span.ui-aasys-region > form > .ui-content-wrapper {
    overflow: auto;
    padding: 0px;
    margin: 0px;
    flex-shrink: 1;
}

#content > span.ui-aasys-region > form > .ui-content-wrapper-border {
    margin: 2px;
}

#content > span.ui-aasys-region > form > .ui-content-wrapper-border > .flexible > .ui-datatable-layout-wrapper {
    flex-grow: 1;
    flex-shrink: 0;
    flex-flow: column;
    display: flex;
}

html .ui-content-wrapper-border .ui-datatable-layout-wrapper .ui-layout-unit .ui-layout-unit-content {
    overflow: visible;
}

.ui-spinner a.ui-spinner-button.ui-spinner-up {
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    box-shadow: none;
}

.ui-spinner a.ui-spinner-button.ui-spinner-down {
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    box-shadow: none;
}

html a,
.ui-widget-content a {
    color: #C90200;
}

html a * {
    cursor: pointer;
}

html a:hover,
html a:visited,
.ui-widget-content a:hover,
.ui-widget-content a:visited {
    color: #9b0200;
}

html .ui-tree {
    width: 100%;
}

html .ui-tree .ui-tree-container {
    min-height: 100%;
}

html .ui-separator,
html .ui-widget-content .ui-separator.ui-state-default {
    border: none;
    border-bottom: 1px solid #d6d6d6;
    width: 100%;
    border-radius: 0px;
}

.ui-widget-content {
    border-radius: 3px;
    border: 1px solid #d6d6d6;
}

/*-------------------------------------------------------------------------------------------------------------------
LOGIN
--------------------------------------------------------------------------------------------------------------------*/

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

.login-form table {
    text-align: left;
    margin: 40px auto 0px calc(50% - 175px);
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: 13px 10px;
    width: 350px;
}

.login-form table tr td {
    padding: 2px 5px;
}

.login-form table tr td input {
    width: 100%;
    font-size: 12px;
    line-height: 24px;
    padding-left: 26px;
    height: 34px;
}

.login-form table tr td input.ui-inputfield-user {
    background: url("../svg/ico_login_user.svg.jsf") no-repeat 5px center scroll #fff;
    background-size: auto 18px !IMPORTANT;
}

.login-form table tr td input.ui-inputfield-password {
    background: url("../svg/ico_login_password.svg.jsf") no-repeat 5px center scroll #fff;
    background-size: auto 18px !IMPORTANT;
}

.login-form label {
    font-size: 12px;
}

.login-form button {
    width: 100%;
    margin-bottom: 10px;
}

.login-form button span {
    font-size: 18px;
    line-height: 24px;
}

.login-form a.ui-commandlink {
    border: 1px solid #d9d9d9;
    color: #000;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    display: inline-block;
    text-decoration: none;
    padding: .4em 1em;
    border-radius: 3px;
    font-weight: bold;
    width: 100%;
    text-align: center;
}

.login-form a.ui-commandlink:hover {
    border: 1px solid #d9d9d9;
    background: #f6f7f9;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

/*.login-form
{
    border-top: 1px solid #d9d9d9;
}*/

.login-logo-container {
    display: inline-block;
    margin: 5vh auto 0 auto;
    width: 350px;
}

.login-logo-container .toyota-logo,
.login-logo-container .lexus-logo {
    height: 29px;
}

.login-logo-container .toyota-logo {
    float: left;
}

.login-logo-container .lexus-logo {
    float: right;
}

/*-------------------------------------------------------------------------------------------------------------------
MAIN HEADER
--------------------------------------------------------------------------------------------------------------------*/
#menu:before {
    content: "";
    display: block;
    background: url("../img/TME Toyota Ellipse Mono GREY_UPDATED.png.jsf") no-repeat scroll center center #fff;
    position: absolute;
    top: 0px;
    right: /*10px*/0px;
    width: /*90px*/100px;
    height: /*75px*/79px;
    z-index: 1;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    background-size: 66% auto;
}

#menu {
    height: 62px;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

div[id*="menu:header"]:has(> .ui-menubar) {
    height: 30px;
}

.ui-menubar {
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    border: 1px solid #d9d9d9;
    height: 30px;
    display: inline-block;
    width: 100%;
    border-radius: 0px !important;
}

.ui-menu.ui-menubar {
    width: 100%;
}

.ui-menubar .ui-menubar-options {
    border:none;
}

.ui-menubar .ui-submenu-link .ui-menuitem-text {
    margin-right: 12px;
}

.ui-menubar .ui-submenu-link .ui-icon {
    right: 0px;
    left: auto;
}

#ui-form-crmModule\:ui-tieredMenu-crmModule .ui-menuitem {
    margin: 0;
    border-radius: 0;
}

#ui-form-crmModule\:ui-tieredMenu-crmModule .ui-menuitem-link {
    border: solid 1px rgb(146, 146, 146);
    padding: 1.3em .8em 1.3em .8em;
    border-radius: 0;
}

#ui-form-crmModule\:ui-tieredMenu-crmModule {
    border: 0;
}

#ui-form-caseType-addEditCaseTypeView\:name {
    width: 100%;
    border-bottom: solid 2px #989898;
    height: 40px;
    font-size: 1.4em;
}

.ui-caseType-customBtn {
    text-transform: uppercase;
}

.ui-widget-content .itemSelected {
    background-color: #186ba0;
    color: #FFFFFF;
}

.ui-shortcuts {
    background: #333333;
    display: inline-block;
    width: 100%;
}

.ui-shortcuts .ui-commandlink.ui-widget {
    width: 32px;
    height: 32px;
    float: left;
    padding: 4px;
    border-right: 1px solid #000;
    text-align: center;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
}

.ui-shortcuts .ui-commandlink.ui-widget:hover {
    background: #000;
}

.ui-shortcuts .ui-commandlink.ui-widget img {
    max-height: 100%;
    max-width: 100%;
}

.ui-shortcuts .ui-commandlink.ui-widget.ui-button-critical[name="menu:logout"],
.ui-shortcuts .ui-commandlink.ui-widget.ui-button-critical[name="menu:logout"]:hover {
    margin: 0px 99px 0px 0px;
    padding-left: 30px;
    width: auto;
    float: right;
    background-image: url(../svg/logout.svg.jsf);
    background-position: 3px center;
    background-repeat: no-repeat;
    border-radius: 0px;
    border: none;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.ui-shortcuts .ui-commandlink.ui-widget.ui-button-critical[name="menu:logout"]:hover {
    background-color: #9d0200;
    border: none;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}

.ui-shortcuts .ui-commandlink.ui-widget.ui-button-critical[name="menu:logout"] span {
    padding: 0px;
}

.ui-shortcuts .ui-commandlink.ui-widget.ui-button-critical[name="menu:applicationForm"],
 .ui-shortcuts .ui-commandlink.ui-widget.ui-button-critical[name="menu:applicationForm"]:hover{
     margin: 0px 0px 0px 0px;
     width:auto;
     float: right;
     background-position: 3px center;
     background-repeat: no-repeat;
     border-radius: 0px;
     border: none;
     border-left: 1px solid #000;
     border-right: 1px solid #000;
 }

html .ui-shortcuts .ui-commandlink.ui-widget.SHORTCUT_CRM_MODULE {
    background-color: #009ee3;
}

html .ui-shortcuts .ui-commandlink.ui-widget.SHORTCUT_CRM_MODULE:hover {
    background-color: #1f8ad0;
}

.ui-breadcrumb {
    height: 18px;
    padding: 0px !important;
    border-radius: 0px !important;
    flex-shrink: 0;
}

.ui-breadcrumb ol li:last-of-type a,
.ui-breadcrumb ol li:last-of-type span {
    color: #C90200;
}

.ui-breadcrumb ol li:not(:first-of-type):before {
    content:"";
    display:inline-block;
    width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 4px 0 4px 4px;
   border-color: transparent transparent transparent #000000;
   margin:0px 5px 0px 3px;
}

html .ui-menu .ui-menu-parent .ui-menu-child {
    border-top: 5px solid #C90200;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0px 3px 3px 3px;
    padding: 0px;
    margin: 0px;
}

html .ui-menu {
    padding: 0.2em;
}

html .ui-menu .ui-menuitem {
    margin: 2px 0px 0px 0px;
}

html .ui-menubar .ui-menuitem-link {
    padding: 0.2em 0.3em;
}

html .ui-breadcrumb ol li a.ui-icon-home,
html .ui-breadcrumb-chevron {
    margin-top: 0px;
}

html .ui-breadcrumb ol li .ui-menuitem-link {
    margin-top: 2px;
}

html .ui-menu .ui-menu-parent .ui-menu-child .ui-menu-child {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-radius: 0px 3px 3px 3px;
    padding: 0px;
    margin: 0px;
    background: #C90200;
}

html .ui-menu .ui-menu-parent .ui-menu-child .ui-menu-child a {
    color: #fff;
}

html .ui-menubar .ui-menu-child .ui-menuitem {
    margin: 0px;
}

html .ui-menubar .ui-menu-child .ui-menuitem-link {
    width: 100%;
    margin: 0px;
}

.ui-menuitem-link.ui-state-hover, .ui-widget-content .ui-menuitem-link.ui-state-hover, .ui-widget-header .ui-menuitem-link.ui-state-hover, .ui-menuitem-link.ui-state-focus, .ui-widget-content .ui-menuitem-link.ui-state-focus, .ui-widget-header .ui-menuitem-link.ui-state-focus {
    background-color: #C90200;
    color: #fff;
    border-radius: 3px 3px 0px 0px;
}

.ui-menuitem-link.ui-state-hover .ui-icon, .ui-widget-content .ui-menuitem-link.ui-state-hover .ui-icon, .ui-widget-header .ui-menuitem-link.ui-state-hover .ui-icon, .ui-menuitem-link.ui-state-focus, .ui-widget-content .ui-menuitem-link.ui-state-focus .ui-icon, .ui-widget-header .ui-menuitem-link.ui-state-focus .ui-icon {
    background-image: url("/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-omega");
}

.ui-menu-child .ui-state-hover, .ui-menu-child .ui-state-focus {
    border-radius: 3px;
    background: #eee;
    color: #C90200;
}

html .ui-menu-list .ui-menu-parent .ui-menu-list .ui-menuitem-link.ui-state-hover, html .ui-menu-list .ui-menu-parent .ui-menuitem-link.ui-state-focus {
    border-radius: 0px;
}

html .ui-menu-list .ui-menu-list .ui-menu-parent .ui-menu-list .ui-menuitem-link.ui-state-hover, html .ui-menu-list .ui-menu-list .ui-menu-parent .ui-menuitem-link.ui-state-focus {
    background-color: #9d0200;
}

html .ui-menubar .ui-menuitem-link {
    color: #000;
}

.ui-shortcuts .ui-shortcuts-group {
    display: inline-block;
    margin-right: 15px;
    border-left: 1px solid #000;
    float: left;
}

.ui-shortcuts .ui-shortcuts-group:first-child {
    border-left: none;
}

.ui-shortcuts .ui-shortcuts-group:last-of-type {
    margin: 0px;
}

html .ui-menubar .ui-notificationMenuButton {
    margin-right: 10px;
}

html .ui-menubar .ui-button,
html .ui-menubar .ui-menu-list .ui-timer {
    height: 23px;
}

html .ui-menubar .ui-menu-list .ui-timer {
    background: #fff;
    padding-left: 3px;
    padding-right: 3px;
    margin: 0px 5px 0px 0px;
}

html .ui-menubar .ui-notificationMenuButton .ui-button-text {
    background: #C90200;
    color: #fff;
    position: relative;
    display: inline-block;
    color: #fff;
    min-width: 16px;
    width: auto;
    text-align: center;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    right: -8px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    pointer-events: none;
    padding: 0px;
    margin: .3em 0em .3em 1.4em;
}

html .ui-menubar .ui-changelogHistoryButton .ui-button-text {
    background: #C90200;
    color: #fff;
    position: relative;
    display: inline-block;
    color: #fff;
    min-width: 16px;
    width: auto;
    text-align: center;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    right: 0px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    pointer-events: none;
    padding: 0px .7em;
    margin: .3em .3em .3em .3em;
}

/*-------------------------------------------------------------------------------------------------------------------
MAIN FOOTER
--------------------------------------------------------------------------------------------------------------------*/

.ui-footer {
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    border: 1px solid #d9d9d9;
    position: fixed;
    bottom: 0px;
    width: 100%;
}

.ui-footer > div {
    height: 32px;
}

.ui-footer #footer\:company > label,
.ui-footer #footer\:userGroupInfo > label,
.ui-footer #footer\:userProfileInfo > label {
    line-height: 15px;
    float: left;
    margin-right: 5px;
}

.ui-footer #footer\:company > .ui-selectonemenu,
.ui-footer #footer\:userGroupInfo > .ui-selectonemenu,
.ui-footer #footer\:userProfileInfo > .ui-selectonemenu {
    float: left;
}

.ui-footer #footer\:buttons {
    float: right;
    text-align: right;
}

.ui-footer #footer\:buttons #footer\:language {
    margin-right: 10px;
}

.ui-footer #footer\:buttons > div {
    float: right;
}

.ui-footer #footer\:userProfileInfo > div {
    width: 92px;
}

.ui-footer #footer\:buttons #footer\:language > label {
    line-height: 25px;
    float: left;
    margin-right: 5px;
}

.ui-footer #footer\:buttons #footer\:language > div {
    float: left;
    width: 65px;
}

.ui-footer .ui-footer-contextsInfo,
.ui-footer .ui-footer-userProfileInfo {
    padding: 6px 10px;
    box-sizing: border-box;
}

.ui-footer .ui-footer-loginInfo {
    padding: 6px 10px;
    box-sizing: border-box;
    margin-right: 5px;
}

.ui-footer .ui-footer-loginInfo .fa-2x {
    float: left;
    margin-right: 4px;
}

.ui-footer .ui-footer-userProfileInfo {
    width: 416px;
    padding-top: 8px;
}

.ui-footer .ui-footer-userProfileInfo > label {
    line-height: 22px !important;
}

.ui-footer .ui-footer-userProfileInfo button {
    margin-left: 4px;
}

/*-------------------------------------------------------------------------------------------------------------------
CALENDAR
--------------------------------------------------------------------------------------------------------------------*/
html .ui-datepicker td a.ui-state-default {
    background: #fff;
}

html .ui-datepicker td.ui-datepicker-today a.ui-state-highlight {
    text-shadow: none;
    background: #C90200;
    color: #fff;
}

html .ui-datepicker td.ui-datepicker-current-day a {
    background: #009ee3 !important;
}

html .ui-datepicker .ui-datepicker-header,
html .ui-datepicker .ui-timepicker-div > .ui-widget-header,
html .ui-datepicker th {
    border: 1px solid #d9d9d9;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    color: #000 !important;
    text-shadow: none;
}

html .ui-datepicker .ui-datepicker-title {
    color: #000 !important;
    text-shadow: none;
}

html .ui-datepicker .ui-datepicker-header,
html .ui-datepicker .ui-timepicker-div > .ui-widget-header {
    border-left: none;
    border-right: none;
}

html #ui-datepicker-div {
    -moz-box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px 0 rgba(0, 0, 0, 0.19);
    -webkit-box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px 0 rgba(0, 0, 0, 0.19);
}

/*-------------------------------------------------------------------------------------------------------------------
FORM
--------------------------------------------------------------------------------------------------------------------*/

html .ui-content-wrapper {
    margin: 2px;
    position: relative;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-flow: column;
}

html .ui-content-wrapper-border {
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    padding: 0px 0px 0px 0px;
}

html .ui-tabs {
    flex-grow: 1;
    flex-shrink: 0;
    padding: 0.4em;
    display: flex;
    flex-flow: column;
    background: transparent;
    max-width: 100%; /*necessity for datatable oversize in popups CHROME bug fix */
}

html .ui-tabs .ui-tabs-panel {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex !important;
    flex-flow: column;
    padding: 0px !important;
}

html .ui-tabs .ui-tabs-panel[aria-hidden="true"] {
    display: none !important;
}

html .ui-tabs .ui-tabs-panel > span.ui-aasys-region,
html .ui-tabs .ui-tabs-panel > span.ui-aasys-region > div,
html .ui-tabs .ui-tabs-panel > div, /*reverse compatibility for tabs without regions*/
html .ui-tree {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-flow: column;
}

.ui-form-header {
    padding: 0px 0px 20px 10px;
}

.ui-form-header span,
.ui-form-header div.ui-text-bold {
    border-top: 3px solid #c90200;
    font-size: 13px;
    display: inline-block;
    padding-top: 5px;
    border-top: 2px solid #c90200;
}

.ui-form-header span.ui-form-sub-header {
    padding-left: 10px;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    display: inline-block;
    padding: 0px !important;
    float: left;
}

.ui-tabs .ui-tabs-nav li {
    margin: 0px 2px 0px 0px !important;
    height: 25px;
    border-bottom: 1px solid #d9d9d9 !important;
}

.ui-tabs .ui-tabs-nav li:hover,
.ui-tabs .ui-tabs-nav li:hover * {
    cursor: pointer;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 5px 5px !important;
    pointer-events: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected, .ui-tabs .ui-tabs-nav li.ui-tabs-active {
    border-bottom: 1px solid #fff !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    color: #000;
    text-shadow: 0px 0px 0px black;
}

.ui-tabs-panels {
    border: 1px solid #d9d9d9;
    border-radius: 0px 3px 3px 3px;
    width: 100%;
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-flow: column;
}

html .ui-fieldset,
html .ui-fieldset .ui-fieldset-legend {
    padding: .5em;
}

html .ui-fieldset.ui-g-nopad {
    padding: 0px;
}

html fieldset,
html fieldset.ui-widget-content,
html .ui-fieldset.ui-widget-content {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    margin: 0px;
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px 0 rgba(0, 0, 0, 0.19);
    background: #f6f7f9;
    width: 100%;
    display: inline-block;
}

html fieldset + fieldset,
html .ui-fieldset + .ui-fieldset,
html fieldset.ui-widget-content + fieldset.ui-widget-content,
html fieldset + .ui-reportFieldsetWrapper,
html .ui-reportFieldsetWrapper + fieldset,
html .ui-reportFieldsetWrapper + .ui-reportFieldsetWrapper {
    margin-top: 5px;
}

html fieldset.ui-fieldset-nolegend > legend.ui-fieldset-legend {
    display: none;
}

html filedset legend, html .ui-fieldset .ui-fieldset-legend {
    float: left;
    clear: both;
    margin-left: 5px;
    padding: 1px 0px 5px 0px;
    display: inline-block;
    border: none;
    border-top: 2px solid #777;
    border-radius: 0px;
    background: transparent;
    font-size: 12px;
    font-weight: bold;
    margin-top: -0.5em;
}

html filedset.ui-g-nopad legend,
html .ui-fieldset.ui-g-nopad .ui-fieldset-legend {
    margin-top: 0em;
}

html .ui-fieldset-content {
    clear: both;
}

html fieldset.sub-fieldset,
html fieldset.sub-fieldset.ui-widget-content,
html .ui-fieldset .ui-fieldset {
    box-shadow: none;
    background: rgba(50, 50, 60, 0.06);
}

html fieldset.sub-fieldset legend {
    border: none;
}

html fieldset[data-widget="filterFormAccordionPanel"].ui-fieldset {
    border: none;
    border-radius: 0px;
    padding: 0px;
    box-shadow: none;
    display: block;
}

html fieldset[data-widget="filterFormAccordionPanel"].ui-fieldset > legend.ui-fieldset-legend {
    width: 100%;
}

html .ui-accordion .ui-accordion-header,
html fieldset[data-widget="filterFormAccordionPanel"].ui-fieldset > legend.ui-fieldset-legend {
    color: #000;
    text-transform: uppercase;
    margin: 0px;
    padding: .5em .5em .5em 2.2em;
    cursor: pointer;
    position: relative;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    font-weight: normal;
    font-size: 11px;
    background: #f6f7f9;
}

html fieldset[data-widget="filterFormAccordionPanel"].ui-fieldset > legend.ui-fieldset-legend .ui-icon {
    width: 16px;
    height: 16px;
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

html .ui-accordion .ui-accordion-header.ui-state-active,
html .ui-accordion .ui-accordion-header.ui-state-hover,
html fieldset[data-widget="filterFormAccordionPanel"].ui-fieldset > legend.ui-fieldset-legend.ui-state-active,
html fieldset[data-widget="filterFormAccordionPanel"].ui-fieldset > legend.ui-fieldset-legend.ui-state-hover {
    border: 1px solid #d9d9d9;
    border-radius: 3px 3px 0px 0px;
    background: #ebedf0;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

html .ui-content-wrapper-border fieldset[data-widget="filterFormAccordionPanel"].ui-fieldset > legend.ui-fieldset-legend {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

html .ui-content-wrapper-border fieldset[data-widget="filterFormAccordionPanel"].ui-fieldset > legend.ui-fieldset-legend.ui-state-hover,
html .ui-content-wrapper-border fieldset[data-widget="filterFormAccordionPanel"].ui-fieldset > legend.ui-fieldset-legend.ui-state-active {
    background: #ebedf0;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

html .ui-accordion .ui-accordion-content {
    border: 1px solid #d9d9d9;
    padding: 5px 0px;
    background: #fff;
    border-radius: 0px 0px 3px 3px;
}

html .ui-accordion .ui-accordion-content .ui-popup-buttonpane {
    border: none;
}

html .ui-content-wrapper-border fieldset[data-widget="filterFormAccordionPanel"].ui-fieldset .ui-popup-buttonpane {
    border: none;
    border-bottom: 1px solid #d9d9d9;
}

.ui-checkList-horizontal .ui-selectmanymenu {
    margin: 0px;
}

.ui-checkList-horizontal .ui-selectmanymenu > label + div {
    float: right;
    width: 12.6%;
}

.ui-checkList-horizontal .ui-selectmanymenu li {
    float: left;
    display: inline-block;
    width: 12.5%;
    min-height: 25px;
    margin: 0px;
    padding: 5px 2px 0px 0px;
}

.ui-checkList-horizontal .ui-selectmanymenu li .ui-chkbox-box,
.ui-checkList-horizontal .ui-selectmanymenu > label + div .ui-chkbox-box {
    margin-right: 3px;
}

.ui-checkList-horizontal .ui-selectmanymenu .ui-state-highlight {
    color: #000;
    border: none !important;
}

html .ui-field.ui-selectmanymenu > div > .ui-chkbox.ui-widget {
    margin: 0px 5px 5px 5px;
}

html fieldset div.ui-widget-content {
    background: transparent;
}

html .ui-tabs .ui-tabs-panel,
html fieldset div.ui-overlaypanel.ui-widget-content,
html div.ui-overlaypanel {
    background: #fff;
}

html .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
    width: 100%;
}

/* ph custom */

/* right-buttons */
.menuButton-fullWidth {
    width: 100%;
    min-width: 100%;
}

.menuButton-fullWidth > button {
    width: 100%;
    min-width: 100%;
}

.button-right-full {
    display: flex;
    flex-flow: column;
    float: right !important;
}

.bulb-text {
    padding: 2px 5px 2px 3em !important;
    border: none;
    border-radius: 10px;
    text-align: center;
    margin: 1px;
    box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.2), 1px 1px 2px 0 rgba(0, 0, 0, 0.19);
}

.etx-chassis {
    background: url("../svg/car.svg.jsf") no-repeat scroll 10px center white;
    width: 65% !important;
}

.etx-fuel {
    background: url("../svg/gas-station.svg.jsf") no-repeat scroll 10px center white;
    background-size: 1em !IMPORTANT;
    float: right !important;
}

.etx-engine {
    background: url("../svg/engine.svg.jsf") no-repeat scroll 10px center white;
    width: 65% !important;
}

.etx-gearbox {
    background: url("../svg/gearbox-2.svg.jsf") no-repeat scroll 10px center white;
    background-size: 1em !IMPORTANT;
    float: right !important;
}

.liquidation-chkb {
    position: relative;
    top: -22px;
    height: 0px !important;
}

.liquidation-chkb > div > div {
    position: relative;
    float: right;
}

.column-fills-container {
    display: flex;
    flex-flow: column;
}

html .flex-column-layout {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-flow: column;
}

html .flex-row-layout {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-flow: row;
}

html .flex-noshrink {
    flex-shrink: 0;
}

html .flex-wrap {
    flex-wrap: wrap;
}

html .flex-nowrap {
    flex-wrap: nowrap;
}

html .flex-shrink,
html .ui-tabs.flex-shrink .ui-tabs-panels,
html .ui-tabs.flex-shrink .ui-tabs-panel {
    flex-shrink: 1 !important;
}

html .flex-grow {
    flex-grow: 1;
}

html .flex-nogrow {
    flex-grow: 0 !important;
}

html div.flexible,
html div.ui-fieldset.ui-widget-content.flexible {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-flow: column;
}

html div.flexible fieldset {
    flex-grow: 1;
    flex-shrink: 0;
    min-width: 0px;
}

.number-plate {
    font-size: 200%;
    height: 30px;
    vertical-align: middle;
    display: table;
    border: solid 1px;
    border-radius: 3px;
    padding-left: 30px !important;
    padding-top: 2px !important;
    width: calc(16.6667% - 0.2em) !important;
    margin: 2px 0px 0px 0.2em;
    padding-bottom: 2px !important;
    background-image: linear-gradient(left, #0486FE 15px, #FFFFFF 5px);
    background-image: -o-linear-gradient(left, #0486FE 15px, #FFFFFF 5px);
    background-image: -moz-linear-gradient(left, #0486FE 15px, #FFFFFF 5px);
    background-image: -webkit-linear-gradient(left, #0486FE 15px, #FFFFFF 5px);
    background-image: -ms-linear-gradient(left, #0486FE 15px, #FFFFFF 5px);
}

.grad-section-button {
    vertical-align: middle;
    display: table-cell;
    flex-flow: inherit;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    /*background-image: linear-gradient(left, #FFFFFF 3%, #F6F7F9 100%);
    background-image: -o-linear-gradient(left, #FFFFFF 3%, #F6F7F9 100%);
    background-image: -moz-linear-gradient(left, #FFFFFF 3%, #F6F7F9 100%);
    background-image: -webkit-linear-gradient(left, #FFFFFF 3%, #F6F7F9 100%);
    background-image: -ms-linear-gradient(left, #FFFFFF 3%, #F6F7F9 100%);*/
    background: transparent;
}

.chkb-padfix {
    /* TODO Grafik - I did it temporarily for vehicle file (identification data.Eurotax), please fix it */
    padding-bottom: 0px !important;
    padding-top: 4px !important;
    height: 24px;
}

html .ui-chkbox + label {
    line-height: 16px;
    width: calc(100% - 22px);
    margin: 0px !important;
    padding: 3px 0 0 0;
    text-align: left;
}

.ui-chkbox {
    margin-right: 5px;
    margin-top: 3px;
    float: left;
}

div.ui-field {
    min-height: 27px;
}

div.ui-field.ui-noLabel > label{
display:none;
}

.preview-details div.ui-field {
    min-height: 20px;
    padding: 0.2em;
}

html div.ui-textField {
    min-height: 20px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

.ui-field-label-value,
.ui-preview-field-label-value {
    font-weight: bold;
}

html textarea {
    min-height: 22px;
    min-width: 100px;
    max-height: 100px;
    overflow-x: auto;
}

.ui-field > label,
.ui-field > label + div.outputTextToCopy,
.multipleInput .multipleHalf label {
    display: inline-block;
    padding-top: 5px;
    float: left;
}

.multipleInput > .ui-field {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    min-height: 0px;
}

.multipleInput > .ui-field:first-child {
    padding-left: 0px;
}

.ui-field > .ui-preview-field-label,
.ui-field > .ui-preview-field-label-value.outputTextToCopy{
    display: inline-block;
    min-height: 0px;
    padding-right: 5px;
    padding-top: 0px;
    float: left;
}

.ui-field > .ui-preview-field-label-value {
    display: inline-block;
    min-height: 0px;
    padding-top: 0px;
    float: left;
    word-break: break-all;
}

.ui-spinner > .ui-inputfield,
.ui-field > button,
.ui-field > .ui-calendar input,
.ui-field table .ui-autocomplete {
    width: 100%;
}

html .ui-autocomplete-itemtip.ui-state-highlight {
    background-color: #ffffff;
    padding: 0px;
    border: 1px solid #d9d9d9 !important;
    border-radius: 3px;
}

html .ui-autocomplete-itemtip.ui-state-highlight .userTaskListOverlayPanel {
    border-spacing: 0px;
    border-collapse: collapse;
}

html .ui-autocomplete-itemtip.ui-state-highlight .userTaskListOverlayPanel thead {
    border-bottom: 1px solid #d9d9d9;
    color: #1b1d1f;
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

html .ui-autocomplete-itemtip.ui-state-highlight .userTaskListOverlayPanel thead th {
    padding: 5px;
}

.ui-field > .ui-calendar {
    display: inline-block;
}

html table td > button {
    float: left;
}

.ui-field.ui-autocomplete-verify > table td:last-of-type {
    width: 11px;
    padding: 0px;
    margin: 0px;
}

html .ui-field > .ui-grid {
    clear: none;
}

html .ui-field > .ui-grid .ui-grid-row > div {
    padding: 0px;
}

.ui-field > .ui-buttonset {
    margin: 0px;
}

.ui-field[class*="ui-field-label"] > label.ui-outputlabel .ui-outputlabel-label,
.ui-field[class*="ui-field-label"] > label.ui-preview-field-label .ui-outputlabel-label
{
    display:inline-block;
    max-width:100%;
}

.ui-field.ui-field-label0:not(.ui-field-labelfull) > label.ui-outputlabel .ui-outputlabel-label,
.ui-field.ui-field-label0:not(.ui-field-labelfull) > label.ui-preview-field-label .ui-outputlabel-label {
    font-size:0px;
}

.ui-field.ui-field-label0 > label.ui-outputlabel,
.ui-field.ui-field-label0 > label.ui-preview-field-label {
    max-width: 0px;
}

.ui-field.ui-field-label5 > label.ui-outputlabel,
.ui-field.ui-field-label5 > label.ui-preview-field-label {
    max-width: 5px;
}

.ui-field.ui-field-label10 > label.ui-outputlabel,
.ui-field.ui-field-label10 > label.ui-preview-field-label {
    max-width: 10px;
}

.ui-field.ui-field-label20 > label.ui-outputlabel,
.ui-field.ui-field-label20 > label.ui-preview-field-label {
    max-width: 20px;
}

.ui-field.ui-field-label30 > label.ui-outputlabel,
.ui-field.ui-field-label30 > label.ui-preview-field-label {
    max-width: 30px;
}

.ui-field.ui-field-label40 > label.ui-outputlabel,
.ui-field.ui-field-label40 > label.ui-preview-field-label {
    max-width: 40px;
}

.ui-field.ui-field-label50 > label.ui-outputlabel,
.ui-field.ui-field-label50 > label.ui-preview-field-label {
    max-width: 50px;
}

.ui-field.ui-field-label55 > label.ui-outputlabel,
.ui-field.ui-field-label55 > label.ui-preview-field-label {
    max-width: 55px;
}

.ui-field.ui-field-label60 > label.ui-outputlabel,
.ui-field.ui-field-label60 > label.ui-preview-field-label {
    max-width: 60px;
}

.ui-field.ui-field-label70 > label.ui-outputlabel,
.ui-field.ui-field-label70 > label.ui-preview-field-label {
    max-width: 70px;
}

.ui-field.ui-field-label75 > label.ui-outputlabel,
.ui-field.ui-field-label75 > label.ui-preview-field-label {
    max-width: 75px;
}

.ui-field.ui-field-label80 > label.ui-outputlabel,
.ui-field.ui-field-label80 > label.ui-preview-field-label {
    max-width: 80px;
}

.ui-field.ui-field-label90 > label.ui-outputlabel,
.ui-field.ui-field-label90 > label.ui-preview-field-label {
    max-width: 90px;
}

.ui-field.ui-field-label100 > label.ui-outputlabel,
.ui-field.ui-field-label100 > label.ui-preview-field-label {
    max-width: 100px;
}

.ui-field.ui-field-label110 > label.ui-outputlabel,
.ui-field.ui-field-label110 > label.ui-preview-field-label {
    max-width: 110px;
}

.ui-field.ui-field-label120 > label.ui-outputlabel,
.ui-field.ui-field-label120 > label.ui-preview-field-label {
    max-width: 120px;
}

.ui-field.ui-field-label140 > label.ui-outputlabel,
.ui-field.ui-field-label140 > label.ui-preview-field-label {
    max-width: 140px;
}

.ui-field.ui-field-label160 > label.ui-outputlabel,
.ui-field.ui-field-label160 > label.ui-preview-field-label {
    max-width: 160px;
}

.ui-field.ui-field-label180 > label.ui-outputlabel,
.ui-field.ui-field-label180 > label.ui-preview-field-label {
    max-width: 180px;
}

.ui-field.ui-field-label190 > label.ui-outputlabel,
.ui-field.ui-field-label190 > label.ui-preview-field-label {
    max-width: 190px;
}

.ui-field.ui-field-label200 > label.ui-outputlabel,
.ui-field.ui-field-label200 > label.ui-preview-field-label {
    max-width: 200px;
}

.ui-field.ui-field-label210 > label.ui-outputlabel,
.ui-field.ui-field-label210 > label.ui-preview-field-label {
    max-width: 220px;
}

.ui-field.ui-field-label220 > label.ui-outputlabel,
.ui-field.ui-field-label220 > label.ui-preview-field-label {
    max-width: 220px;
}

.ui-field.ui-field-label230 > label.ui-outputlabel,
.ui-field.ui-field-label230 > label.ui-preview-field-label {
    max-width: 230px;
}

.ui-field.ui-field-label240 > label.ui-outputlabel,
.ui-field.ui-field-label240 > label.ui-preview-field-label {
    max-width: 240px;
}

.ui-field.ui-field-label250 > label.ui-outputlabel,
.ui-field.ui-field-label250 > label.ui-preview-field-label {
    max-width: 250px;
}

.ui-field.ui-field-label280 > label.ui-outputlabel,
.ui-field.ui-field-label280 > label.ui-preview-field-label {
    max-width: 280px;
}

.ui-field.ui-field-label300 > label.ui-outputlabel,
.ui-field.ui-field-label300 > label.ui-preview-field-label {
    max-width: 300px;
}

.ui-field.ui-field-label400 > label.ui-outputlabel,
.ui-field.ui-field-label400 > label.ui-preview-field-label {
    max-width: 400px;
}

.ui-field.ui-field-label500 > label.ui-outputlabel,
.ui-field.ui-field-label500 > label.ui-preview-field-label {
    max-width: 500px;
}

.ui-field.ui-field-labelfull > label.ui-outputlabel,
.ui-field.ui-field-labelfull> label.ui-preview-field-label,
.ui-field.ui-field-labelfull > label.ui-outputlabel,
.ui-field.ui-field-labelfull> label.ui-preview-field-label{
    max-width: 100%;
    padding-bottom:5px;
}

.ui-field.ui-field-label0 > .ui-inputfield,
.ui-field.ui-field-label0 > .ui-selectonemenu,
.ui-field.ui-field-label0 > .ui-selectonebutton,
.ui-field .ui-field-sublabel0 > span,
.ui-field .ui-field-sublabel0 > .inputContainer,
.ui-field.ui-field-label0 > .inputContainer,
.ui-field.ui-field-label0 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label0 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label0 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label0 > .ui-linkList-container,
.ui-field.ui-field-label0 > .ui-spinner,
.ui-field.ui-field-label0 > table,
.ui-field.ui-field-label0 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label0 .multipleInput,
.ui-field.ui-field-label0 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label0 > .ui-autocomplete,
.ui-field.ui-field-label0 > .ui-selectmanybutton,
.ui-field.ui-field-label0 > button,
.ui-field.ui-field-label0 > .ui-chips,
.ui-field.ui-field-label0 > .ui-calendar,
.ui-field.ui-field-label0 > .ui-grid,
.ui-field.ui-field-label0 > .ui-progressbar,
.ui-field.ui-field-label0 > .ui-picklist {
    float: right;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

.ui-field.ui-field-label5 > .ui-inputfield,
.ui-field.ui-field-label5 > .ui-selectonemenu,
.ui-field.ui-field-label5 > .ui-selectonebutton,
.ui-field .ui-field-sublabel5 > span,
.ui-field .ui-field-sublabel5 > .inputContainer,
.ui-field.ui-field-label5 > .inputContainer,
.ui-field.ui-field-label5 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label5 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label5 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label5 > div.ui-field-label-value,
.ui-field.ui-field-label5 > div.ui-preview-field-label-value,
.ui-field.ui-field-label5 > .ui-linkList-container,
.ui-field.ui-field-label5 > .ui-spinner,
.ui-field.ui-field-label5 > table,
.ui-field.ui-field-label5 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label5 label + .multipleInput,
.ui-field.ui-field-label5 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label5 > .ui-autocomplete,
.ui-field.ui-field-label5 > .ui-selectmanybutton,
.ui-field.ui-field-label5 > button,
.ui-field.ui-field-label5 > .ui-chips,
.ui-field.ui-field-label5 > .ui-calendar,
.ui-field.ui-field-label5 > .ui-grid,
.ui-field.ui-field-label5 > .ui-progressbar,
.ui-field.ui-field-label5 > .ui-picklist {
    float: right;
    width: calc(100% - 5px);
    min-width: calc(100% - 5px);
    max-width: calc(100% - 5px);
}

.ui-field.ui-field-label10 > .ui-inputfield,
.ui-field.ui-field-label10 > .ui-selectonemenu,
.ui-field.ui-field-label10 > .ui-selectonebutton,
.ui-field.ui-field-sublabel10 > span,
.ui-field .ui-field-sublabel10 > .inputContainer,
.ui-field.ui-field-label10 > .inputContainer,
.ui-field.ui-field-label10 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label10 > .ui-field-label-value,
.ui-field.ui-field-label10 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label10 > label.ui-outputlabel.ui-linkList-container,
.ui-field.ui-field-label10 > div.ui-field-label-value,
.ui-field.ui-field-label10 > div.ui-preview-field-label-value,
.ui-field.ui-field-label10 > .ui-spinner,
.ui-field.ui-field-label10 > table,
.ui-field.ui-field-label10 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label10 label + .multipleInput,
.ui-field.ui-field-label10 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label10 > .ui-autocomplete,
.ui-field.ui-field-label10 > .ui-selectmanybutton,
.ui-field.ui-field-label10 > button,
.ui-field.ui-field-label10 > .ui-chips,
.ui-field.ui-field-label10 > .ui-calendar,
.ui-field.ui-field-label10 > .ui-grid,
.ui-field.ui-field-label10 > .ui-progressbar,
.ui-field.ui-field-label10 > .ui-picklist {
    float: right;
    width: calc(100% - 10px);
    min-width: calc(100% - 10px);
    max-width: calc(100% - 10px);
}

.ui-field.ui-field-label20 > .ui-inputfield,
.ui-field.ui-field-label20 > .ui-selectonemenu,
.ui-field.ui-field-label20 > .ui-selectonebutton,
.ui-field .ui-field-sublabel20 > span,
.ui-field .ui-field-sublabel20 > .inputContainer,
.ui-field.ui-field-label20 > .inputContainer,
.ui-field.ui-field-label20 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label20 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label20 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label20 > div.ui-field-label-value,
.ui-field.ui-field-label20 > div.ui-preview-field-label-value,
.ui-field.ui-field-label20 > .ui-linkList-container,
.ui-field.ui-field-label20 > .ui-spinner,
.ui-field.ui-field-label20 > table,
.ui-field.ui-field-label20 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label20 label + .multipleInput,
.ui-field.ui-field-label20 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label20 > .ui-autocomplete,
.ui-field.ui-field-label20 > .ui-selectmanybutton,
.ui-field.ui-field-label20 > button,
.ui-field.ui-field-label20 > .ui-chips,
.ui-field.ui-field-label20 > .ui-calendar,
.ui-field.ui-field-label20 > .ui-grid,
.ui-field.ui-field-label20 > .ui-progressbar,
.ui-field.ui-field-label20 > .ui-picklist {
    float: right;
    width: calc(100% - 20px);
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
}

.ui-field.ui-field-label30 > .ui-inputfield,
.ui-field.ui-field-label30 > .ui-selectonemenu,
.ui-field.ui-field-label30 > .ui-selectonebutton,
.ui-field .ui-field-sublabel > span,
.ui-field .ui-field-sublabel30 > span,
.ui-field .ui-field-sublabel > .inputContainer,
.ui-field .ui-field-sublabel30 > .inputContainer,
.ui-field.ui-field-label > .inputContainer,
.ui-field.ui-field-label30 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label30 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label30 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label30 > div.ui-field-label-value,
.ui-field.ui-field-label30 > div.ui-preview-field-label-value,
.ui-field.ui-field-label30 > .ui-linkList-container,
.ui-field.ui-field-label30 > .ui-spinner,
.ui-field.ui-field-label30 > table,
.ui-field.ui-field-label30 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label30 label + .multipleInput,
.ui-field.ui-field-label30 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label30 > .ui-autocomplete,
.ui-field.ui-field-label30 > .ui-selectmanybutton,
.ui-field.ui-field-label30 > button,
.ui-field.ui-field-label30 > .ui-chips,
.ui-field.ui-field-label30 > .ui-calendar,
.ui-field.ui-field-label30 > .ui-grid,
.ui-field.ui-field-label30 > .ui-progressbar,
.ui-field.ui-field-label30 > .ui-picklist {
    float: right;
    width: calc(100% - 30px);
    min-width: calc(100% - 30px);
    max-width: calc(100% - 30px);
}

.ui-field.ui-field-label40 > .ui-inputfield,
.ui-field.ui-field-label40 > .ui-selectonemenu,
.ui-field.ui-field-label40 > .ui-selectonebutton,
.ui-field .ui-field-sublabel40 > span,
.ui-field .ui-field-sublabel40 > .inputContainer,
.ui-field.ui-field-label40 > .inputContainer,
.ui-field.ui-field-label40 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label40 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label40 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label40 > div.ui-field-label-value,
.ui-field.ui-field-label40 > div.ui-preview-field-label-value,
.ui-field.ui-field-label40 > .ui-linkList-container,
.ui-field.ui-field-label40 > .ui-spinner,
.ui-field.ui-field-label40 > table,
.ui-field.ui-field-label40 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label40 label + .multipleInput,
.ui-field.ui-field-label40 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label40 > .ui-autocomplete,
.ui-field.ui-field-label40 > .ui-selectmanybutton,
.ui-field.ui-field-label40 > button,
.ui-field.ui-field-label40 > .ui-chips,
.ui-field.ui-field-label40 > .ui-calendar,
.ui-field.ui-field-label40 > .ui-grid,
.ui-field.ui-field-label40 > .ui-progressbar,
.ui-field.ui-field-label40 > .ui-picklist {
    float: right;
    width: calc(100% - 40px);
    min-width: calc(100% - 40px);
    max-width: calc(100% - 40px);
}

.ui-field.ui-field-label50 > .ui-inputfield,
.ui-field.ui-field-label50 > .ui-selectonemenu,
.ui-field.ui-field-label50 > .ui-selectonebutton,
.ui-field .ui-field-sublabel50 > span,
.ui-field .ui-field-sublabel50 > .inputContainer,
.ui-field.ui-field-label50 > .inputContainer,
.ui-field.ui-field-label50 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label50 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label50 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label50 > div.ui-field-label-value,
.ui-field.ui-field-label50 > div.ui-preview-field-label-value,
.ui-field.ui-field-label50 > .ui-linkList-container,
.ui-field.ui-field-label50 > .ui-spinner,
.ui-field.ui-field-label50 > table,
.ui-field.ui-field-label50 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label50 label + .multipleInput,
.ui-field.ui-field-label50 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label50 > .ui-autocomplete,
.ui-field.ui-field-label50 > .ui-selectmanybutton,
.ui-field.ui-field-label50 > button,
.ui-field.ui-field-label50 > .ui-chips,
.ui-field.ui-field-label50 > .ui-calendar,
.ui-field.ui-field-label50 > .ui-grid,
.ui-field.ui-field-label50 > .ui-progressbar,
.ui-field.ui-field-label50 > .ui-picklist {
    float: right;
    width: calc(100% - 50px);
    min-width: calc(100% - 50px);
    max-width: calc(100% - 50px);
}

.ui-field.ui-field-label55 > .ui-inputfield,
.ui-field.ui-field-label55 > .ui-selectonemenu,
.ui-field.ui-field-label55 > .ui-selectonebutton,
.ui-field .ui-field-sublabel55 > span,
.ui-field .ui-field-sublabel55 > .inputContainer,
.ui-field.ui-field-label55 > .inputContainer,
.ui-field.ui-field-label55 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label55 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label55 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label55 > div.ui-field-label-value,
.ui-field.ui-field-label55 > div.ui-preview-field-label-value,
.ui-field.ui-field-label55 > .ui-linkList-container,
.ui-field.ui-field-label55 > .ui-spinner,
.ui-field.ui-field-label55 > table,
.ui-field.ui-field-label55 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label55 label + .multipleInput,
.ui-field.ui-field-label55 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label55 > .ui-autocomplete,
.ui-field.ui-field-label55 > .ui-selectmanybutton,
.ui-field.ui-field-label55 > button,
.ui-field.ui-field-label55 > .ui-chips,
.ui-field.ui-field-label55 > .ui-calendar,
.ui-field.ui-field-label55 > .ui-grid,
.ui-field.ui-field-label55 > .ui-progressbar,
.ui-field.ui-field-label55 > .ui-picklist {
    float: right;
    width: calc(100% - 55px);
    min-width: calc(100% - 55px);
    max-width: calc(100% - 55px);
}

.ui-field.ui-field-label60 > .ui-inputfield,
.ui-field.ui-field-label60 > .ui-selectonemenu,
.ui-field.ui-field-label60 > .ui-selectonebutton,
.ui-field .ui-field-sublabel60 > span,
.ui-field .ui-field-sublabel60 > .inputContainer,
.ui-field.ui-field-label60 > .inputContainer,
.ui-field.ui-field-label60 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label60 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label60 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label60 > div.ui-field-label-value,
.ui-field.ui-field-label60 > div.ui-preview-field-label-value,
.ui-field.ui-field-label60 > .ui-linkList-container,
.ui-field.ui-field-label60 > .ui-spinner,
.ui-field.ui-field-label60 > table,
.ui-field.ui-field-label60 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label60 label + .multipleInput,
.ui-field.ui-field-label60 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label60 > .ui-autocomplete,
.ui-field.ui-field-label60 > .ui-selectmanybutton,
.ui-field.ui-field-label60 > button,
.ui-field.ui-field-label60 > .ui-chips,
.ui-field.ui-field-label60 > .ui-calendar,
.ui-field.ui-field-label60 > .ui-grid,
.ui-field.ui-field-label60 > .ui-progressbar,
.ui-field.ui-field-label60 > .ui-picklist {
    float: right;
    width: calc(100% - 60px);
    min-width: calc(100% - 60px);
    max-width: calc(100% - 60px);
}

.ui-field.ui-field-label70 > .ui-inputfield,
.ui-field.ui-field-label70 > .ui-selectonemenu,
.ui-field.ui-field-label70 > .ui-selectonebutton,
.ui-field .ui-field-sublabel70 > span,
.ui-field .ui-field-sublabel70 > .inputContainer,
.ui-field.ui-field-label70 > .inputContainer,
.ui-field.ui-field-label70 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label70 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label70 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label70 > div.ui-field-label-value,
.ui-field.ui-field-label70 > div.ui-preview-field-label-value,
.ui-field.ui-field-label70 > .ui-linkList-container,
.ui-field.ui-field-label70 > .ui-spinner,
.ui-field.ui-field-label70 > table,
.ui-field.ui-field-label70 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label70 label + .multipleInput,
.ui-field.ui-field-label70 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label70 > .ui-autocomplete,
.ui-field.ui-field-label70 > .ui-selectmanybutton,
.ui-field.ui-field-label70 > button,
.ui-field.ui-field-label70 > .ui-chips,
.ui-field.ui-field-label70 > .ui-calendar,
.ui-field.ui-field-label70 > .ui-grid,
.ui-field.ui-field-label70 > .ui-progressbar,
.ui-field.ui-field-label70 > .ui-picklist {
    float: right;
    width: calc(100% - 70px);
    min-width: calc(100% - 70px);
    max-width: calc(100% - 70px);
}

.ui-field.ui-field-label75 > .ui-inputfield,
.ui-field.ui-field-label75 > .ui-selectonemenu,
.ui-field.ui-field-label75 > .ui-selectonebutton,
.ui-field .ui-field-sublabel75 > span,
.ui-field .ui-field-sublabel75 > .inputContainer,
.ui-field.ui-field-label75 > .inputContainer,
.ui-field.ui-field-label75 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label75 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label75 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label75 > div.ui-field-label-value,
.ui-field.ui-field-label75 > div.ui-preview-field-label-value,
.ui-field.ui-field-label75 > .ui-linkList-container,
.ui-field.ui-field-label75 > .ui-spinner,
.ui-field.ui-field-label75 > table,
.ui-field.ui-field-label75 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label75 label + .multipleInput,
.ui-field.ui-field-label75 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label75 > .ui-autocomplete,
.ui-field.ui-field-label75 > .ui-selectmanybutton,
.ui-field.ui-field-label75 > button,
.ui-field.ui-field-label75 > .ui-chips,
.ui-field.ui-field-label75 > .ui-calendar,
.ui-field.ui-field-label75 > .ui-grid,
.ui-field.ui-field-label75 > .ui-progressbar,
.ui-field.ui-field-label75 > .ui-picklist {
    float: right;
    width: calc(100% - 75px);
    min-width: calc(100% - 75px);
    max-width: calc(100% - 75px);
}

.ui-field.ui-field-label80 > .ui-inputfield,
.ui-field.ui-field-label80 > .ui-selectonemenu,
.ui-field.ui-field-label80 > .ui-selectonebutton,
.ui-field .ui-field-sublabel80 > span,
.ui-field .ui-field-sublabel80 > .inputContainer,
.ui-field.ui-field-label80 > .inputContainer,
.ui-field.ui-field-label80 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label80 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label80 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label80 > div.ui-field-label-value,
.ui-field.ui-field-label80 > div.ui-preview-field-label-value,
.ui-field.ui-field-label80 > .ui-linkList-container,
.ui-field.ui-field-label80 > .ui-spinner,
.ui-field.ui-field-label80 > table,
.ui-field.ui-field-label80 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label80 label + .multipleInput,
.ui-field.ui-field-label80 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label80 > .ui-autocomplete,
.ui-field.ui-field-label80 > .ui-selectmanybutton,
.ui-field.ui-field-label80 > button,
.ui-field.ui-field-label80 > .ui-chips,
.ui-field.ui-field-label80 > .ui-calendar,
.ui-field.ui-field-label80 > .ui-grid,
.ui-field.ui-field-label80 > .ui-progressbar,
.ui-field.ui-field-label80 > .ui-picklist {
    float: right;
    width: calc(100% - 80px);
    min-width: calc(100% - 80px);
    max-width: calc(100% - 80px);
}

.ui-field.ui-field-label90 > .ui-inputfield,
.ui-field.ui-field-label90 > .ui-selectonemenu,
.ui-field.ui-field-label90 > .ui-selectonebutton,
.ui-field .ui-field-sublabel90 > span,
.ui-field .ui-field-sublabel90 > .inputContainer,
.ui-field.ui-field-label90 > .inputContainer,
.ui-field.ui-field-label90 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label90 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label90 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label90 > div.ui-field-label-value,
.ui-field.ui-field-label90 > div.ui-preview-field-label-value,
.ui-field.ui-field-label90 > .ui-linkList-container,
.ui-field.ui-field-label90 > .ui-spinner,
.ui-field.ui-field-label90 > table,
.ui-field.ui-field-label90 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label90 label + .multipleInput,
.ui-field.ui-field-label90 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label90 > .ui-autocomplete,
.ui-field.ui-field-label90 > .ui-selectmanybutton,
.ui-field.ui-field-label90 > button,
.ui-field.ui-field-label90 > .ui-chips,
.ui-field.ui-field-label90 > .ui-calendar,
.ui-field.ui-field-label90 > .ui-grid,
.ui-field.ui-field-label90 > .ui-progressbar,
.ui-field.ui-field-label90 > .ui-picklist {
    float: right;
    width: calc(100% - 90px);
    min-width: calc(100% - 90px);
    max-width: calc(100% - 90px);
}

.ui-field.ui-field-label100 > .ui-inputfield,
.ui-field.ui-field-label100 > .ui-selectonemenu,
.ui-field.ui-field-label100 > .ui-selectonebutton,
.ui-field .ui-field-sublabel100 > span,
.ui-field .ui-field-sublabel100 > .inputContainer,
.ui-field.ui-field-label100 > .inputContainer,
.ui-field.ui-field-label100 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label100 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label100 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label100 > div.ui-field-label-value,
.ui-field.ui-field-label100 > div.ui-preview-field-label-value,
.ui-field.ui-field-label100 > .ui-linkList-container,
.ui-field.ui-field-label100 > .ui-spinner,
.ui-field.ui-field-label100 > table,
.ui-field.ui-field-label100 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label100 label + .multipleInput,
.ui-field.ui-field-label100 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label100 > .ui-autocomplete,
.ui-field.ui-field-label100 > .ui-selectmanybutton,
.ui-field.ui-field-label100 > button,
.ui-field.ui-field-label100 > .ui-chips,
.ui-field.ui-field-label100 > .ui-calendar,
.ui-field.ui-field-label100 > .ui-grid,
.ui-field.ui-field-label100 > .ui-progressbar,
.ui-field.ui-field-label100 > .ui-picklist {
    float: right;
    width: calc(100% - 100px);
    min-width: calc(100% - 100px);
    max-width: calc(100% - 100px);
}

.ui-field.ui-field-label110 > .ui-inputfield,
.ui-field.ui-field-label110 > .ui-selectonemenu,
.ui-field.ui-field-label110 > .ui-selectonebutton,
.ui-field .ui-field-sublabel110 > span,
.ui-field .ui-field-sublabel110 > .inputContainer,
.ui-field.ui-field-label110 > .inputContainer,
.ui-field.ui-field-label110 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label110 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label110 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label110 > div.ui-field-label-value,
.ui-field.ui-field-label110 > div.ui-preview-field-label-value,
.ui-field.ui-field-label110 > .ui-linkList-container,
.ui-field.ui-field-label110 > .ui-spinner,
.ui-field.ui-field-label110 > table,
.ui-field.ui-field-label110 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label110 label + .multipleInput,
.ui-field.ui-field-label110 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label110 > .ui-autocomplete,
.ui-field.ui-field-label110 > .ui-selectmanybutton,
.ui-field.ui-field-label110 > button,
.ui-field.ui-field-label110 > .ui-chips,
.ui-field.ui-field-label110 > .ui-calendar,
.ui-field.ui-field-label110 > .ui-grid,
.ui-field.ui-field-label110 > .ui-progressbar,
.ui-field.ui-field-label110 > .ui-picklist {
    float: right;
    width: calc(100% - 110px);
    min-width: calc(100% - 110px);
    max-width: calc(100% - 110px);
}

.ui-field.ui-field-label120 > .ui-inputfield,
.ui-field.ui-field-label120 > .ui-selectonemenu,
.ui-field.ui-field-label120 > .ui-selectonebutton,
.ui-field .ui-field-sublabel120 > span,
.ui-field .ui-field-sublabel120 > .inputContainer,
.ui-field.ui-field-label120 > .inputContainer,
.ui-field.ui-field-label120 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label120 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label120 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label120 > div.ui-field-label-value,
.ui-field.ui-field-label120 > div.ui-preview-field-label-value,
.ui-field.ui-field-label120 > .ui-linkList-container,
.ui-field.ui-field-label120 > .ui-spinner,
.ui-field.ui-field-label120 > table,
.ui-field.ui-field-label120 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label120 label + .multipleInput,
.ui-field.ui-field-label120 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label120 > .ui-autocomplete,
.ui-field.ui-field-label120 > .ui-selectmanybutton,
.ui-field.ui-field-label120 > button,
.ui-field.ui-field-label120 > .ui-chips,
.ui-field.ui-field-label120 > .ui-calendar,
.ui-field.ui-field-label120 > .ui-grid,
.ui-field.ui-field-label120 > .ui-progressbar,
.ui-field.ui-field-label120 > .ui-picklist {
    float: right;
    width: calc(100% - 120px);
    min-width: calc(100% - 120px);
    max-width: calc(100% - 120px);
}

.ui-field.ui-field-label130 > .ui-inputfield,
.ui-field.ui-field-label130 > .ui-selectonemenu,
.ui-field.ui-field-label130 > .ui-selectonebutton,
.ui-field .ui-field-sublabel130 > span,
.ui-field .ui-field-sublabel130 > .inputContainer,
.ui-field.ui-field-label130 > .inputContainer,
.ui-field.ui-field-label130 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label130 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label130 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label130 > div.ui-field-label-value,
.ui-field.ui-field-label130 > div.ui-preview-field-label-value,
.ui-field.ui-field-label130 > .ui-linkList-container,
.ui-field.ui-field-label130 > .ui-spinner,
.ui-field.ui-field-label130 > table,
.ui-field.ui-field-label130 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label130 label + .multipleInput,
.ui-field.ui-field-label130 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label130 > .ui-autocomplete,
.ui-field.ui-field-label130 > .ui-selectmanybutton,
.ui-field.ui-field-label130 > button,
.ui-field.ui-field-label130 > .ui-chips,
.ui-field.ui-field-label130 > .ui-calendar,
.ui-field.ui-field-label130 > .ui-grid,
.ui-field.ui-field-label130 > .ui-progressbar,
.ui-field.ui-field-label130 > .ui-picklist {
    float: right;
    width: calc(100% - 130px);
    min-width: calc(100% - 130px);
    max-width: calc(100% - 130px);
}

.ui-field.ui-field-label140 > .ui-inputfield,
.ui-field.ui-field-label140 > .ui-selectonemenu,
.ui-field.ui-field-label140 > .ui-selectonebutton,
.ui-field .ui-field-sublabel140 > span,
.ui-field .ui-field-sublabel140 > .inputContainer,
.ui-field.ui-field-label140 > .inputContainer,
.ui-field.ui-field-label140 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label140 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label140 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label140 > div.ui-field-label-value,
.ui-field.ui-field-label140 > div.ui-preview-field-label-value,
.ui-field.ui-field-label140 > .ui-linkList-container,
.ui-field.ui-field-label140 > .ui-spinner,
.ui-field.ui-field-label140 > table,
.ui-field.ui-field-label140 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label140 label + .multipleInput,
.ui-field.ui-field-label140 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label140 > .ui-autocomplete,
.ui-field.ui-field-label140 > .ui-selectmanybutton,
.ui-field.ui-field-label140 > button,
.ui-field.ui-field-label140 > .ui-chips,
.ui-field.ui-field-label140 > .ui-calendar,
.ui-field.ui-field-label140 > .ui-grid,
.ui-field.ui-field-label140 > .ui-progressbar,
.ui-field.ui-field-label140 > .ui-picklist {
    float: right;
    width: calc(100% - 140px);
    min-width: calc(100% - 140px);
    max-width: calc(100% - 140px);
}

.ui-field.ui-field-label160 > .ui-inputfield,
.ui-field.ui-field-label160 > .ui-selectonemenu,
.ui-field.ui-field-label160 > .ui-selectonebutton,
.ui-field .ui-field-sublabel160 > span,
.ui-field .ui-field-sublabel160 > .inputContainer,
.ui-field.ui-field-label160 > .inputContainer,
.ui-field.ui-field-label160 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label160 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label160 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label160 > div.ui-field-label-value,
.ui-field.ui-field-label160 > div.ui-preview-field-label-value,
.ui-field.ui-field-label160 > .ui-linkList-container,
.ui-field.ui-field-label160 > .ui-spinner,
.ui-field.ui-field-label160 > table,
.ui-field.ui-field-label160 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label160 label + .multipleInput,
.ui-field.ui-field-label160 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label160 > .ui-autocomplete,
.ui-field.ui-field-label160 > .ui-selectmanybutton,
.ui-field.ui-field-label160 > button,
.ui-field.ui-field-label160 > .ui-chips,
.ui-field.ui-field-label160 > .ui-calendar,
.ui-field.ui-field-label160 > .ui-grid,
.ui-field.ui-field-label160 > .ui-progressbar,
.ui-field.ui-field-label160 > .ui-picklist {
    float: right;
    width: calc(100% - 160px);
    min-width: calc(100% - 160px);
    max-width: calc(100% - 160px);
}

.ui-field.ui-field-label180 > .ui-inputfield,
.ui-field.ui-field-label180 > .ui-selectonemenu,
.ui-field.ui-field-label180 > .ui-selectonebutton,
.ui-field .ui-field-sublabel180 > span,
.ui-field .ui-field-sublabel180 > .inputContainer,
.ui-field.ui-field-label180 > .inputContainer,
.ui-field.ui-field-label180 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label180 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label180 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label180 > div.ui-field-label-value,
.ui-field.ui-field-label180 > div.ui-preview-field-label-value,
.ui-field.ui-field-label180 > .ui-linkList-container,
.ui-field.ui-field-label180 > .ui-spinner,
.ui-field.ui-field-label180 > table,
.ui-field.ui-field-label180 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label180 label + .multipleInput,
.ui-field.ui-field-label180 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label180 > .ui-autocomplete,
.ui-field.ui-field-label180 > .ui-selectmanybutton,
.ui-field.ui-field-label180 > button,
.ui-field.ui-field-label180 > .ui-chips,
.ui-field.ui-field-label180 > .ui-calendar,
.ui-field.ui-field-label180 > .ui-grid,
.ui-field.ui-field-label180 > .ui-progressbar,
.ui-field.ui-field-label180 > .ui-picklist {
    float: right;
    width: calc(100% - 180px);
    min-width: calc(100% - 180px);
    max-width: calc(100% - 180px);
}

.ui-field.ui-field-label190 > .ui-inputfield,
.ui-field.ui-field-label190 > .ui-selectonemenu,
.ui-field.ui-field-label190 > .ui-selectonebutton,
.ui-field .ui-field-sublabel190 > span,
.ui-field .ui-field-sublabel190 > .inputContainer,
.ui-field.ui-field-label190 > .inputContainer,
.ui-field.ui-field-label190 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label190 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label190 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label190 > div.ui-field-label-value,
.ui-field.ui-field-label190 > div.ui-preview-field-label-value,
.ui-field.ui-field-label190 > .ui-linkList-container,
.ui-field.ui-field-label190 > .ui-spinner,
.ui-field.ui-field-label190 > table,
.ui-field.ui-field-label190 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label190 label + .multipleInput,
.ui-field.ui-field-label190 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label190 > .ui-autocomplete,
.ui-field.ui-field-label190 > .ui-selectmanybutton,
.ui-field.ui-field-label190 > button,
.ui-field.ui-field-label190 > .ui-chips,
.ui-field.ui-field-label190 > .ui-calendar,
.ui-field.ui-field-label190 > .ui-grid,
.ui-field.ui-field-label190 > .ui-progressbar,
.ui-field.ui-field-label190 > .ui-picklist {
    float: right;
    width: calc(100% - 190px);
    min-width: calc(100% - 190px);
    max-width: calc(100% - 190px);
}

.ui-field.ui-field-label200 > .ui-inputfield,
.ui-field.ui-field-label200 > .ui-selectonemenu,
.ui-field.ui-field-label200 > .ui-selectonebutton,
.ui-field .ui-field-sublabel200 > span,
.ui-field .ui-field-sublabel200 > .inputContainer,
.ui-field.ui-field-label200 > .inputContainer,
.ui-field.ui-field-label200 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label200 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label200 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label200 > div.ui-field-label-value,
.ui-field.ui-field-label200 > div.ui-preview-field-label-value,
.ui-field.ui-field-label200 > .ui-linkList-container,
.ui-field.ui-field-label200 > .ui-spinner,
.ui-field.ui-field-label200 > table,
.ui-field.ui-field-label200 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label200 label + .multipleInput,
.ui-field.ui-field-label200 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label200 > .ui-autocomplete,
.ui-field.ui-field-label200 > .ui-selectmanybutton,
.ui-field.ui-field-label200 > button,
.ui-field.ui-field-label200 > .ui-chips,
.ui-field.ui-field-label200 > .ui-calendar,
.ui-field.ui-field-label200 > .ui-grid,
.ui-field.ui-field-label200 > .ui-progressbar,
.ui-field.ui-field-label200 > .ui-picklist {
    float: right;
    width: calc(100% - 200px);
    min-width: calc(100% - 200px);
    max-width: calc(100% - 200px);
}

.ui-field.ui-field-label210 > .ui-inputfield,
.ui-field.ui-field-label210 > .ui-selectonemenu,
.ui-field.ui-field-label210 > .ui-selectonebutton,
.ui-field .ui-field-sublabel210 > span,
.ui-field .ui-field-sublabel210 > .inputContainer,
.ui-field.ui-field-label210 > .inputContainer,
.ui-field.ui-field-label210 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label210 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label210 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label210 > div.ui-field-label-value,
.ui-field.ui-field-label210 > div.ui-preview-field-label-value,
.ui-field.ui-field-label210 > .ui-linkList-container,
.ui-field.ui-field-label210 > .ui-spinner,
.ui-field.ui-field-label210 > table,
.ui-field.ui-field-label210 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label210 label + .multipleInput,
.ui-field.ui-field-label210 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label210 > .ui-autocomplete,
.ui-field.ui-field-label210 > .ui-selectmanybutton,
.ui-field.ui-field-label210 > button,
.ui-field.ui-field-label210 > .ui-chips,
.ui-field.ui-field-label210 > .ui-calendar,
.ui-field.ui-field-label210 > .ui-grid,
.ui-field.ui-field-label210 > .ui-progressbar,
.ui-field.ui-field-label210 > .ui-picklist {
    float: right;
    width: calc(100% - 210px);
    min-width: calc(100% - 210px);
    max-width: calc(100% - 210px);
}

.ui-field.ui-field-label220 > .ui-inputfield,
.ui-field.ui-field-label220 > .ui-selectonemenu,
.ui-field.ui-field-label220 > .ui-selectonebutton,
.ui-field .ui-field-sublabel220 > span,
.ui-field .ui-field-sublabel220 > .inputContainer,
.ui-field.ui-field-label220 > .inputContainer,
.ui-field.ui-field-label220 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label220 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label220 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label220 > div.ui-field-label-value,
.ui-field.ui-field-label220 > div.ui-preview-field-label-value,
.ui-field.ui-field-label220 > .ui-linkList-container,
.ui-field.ui-field-label220 > .ui-spinner,
.ui-field.ui-field-label220 > table,
.ui-field.ui-field-label220 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label220 label + .multipleInput,
.ui-field.ui-field-label220 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label220 > .ui-autocomplete,
.ui-field.ui-field-label220 > .ui-selectmanybutton,
.ui-field.ui-field-label220 > button,
.ui-field.ui-field-label220 > .ui-chips,
.ui-field.ui-field-label220 > .ui-calendar,
.ui-field.ui-field-label220 > .ui-grid,
.ui-field.ui-field-label220 > .ui-progressbar,
.ui-field.ui-field-label220 > .ui-picklist {
    float: right;
    width: calc(100% - 220px);
    min-width: calc(100% - 220px);
    max-width: calc(100% - 220px);
}

.ui-field.ui-field-label230 > .ui-inputfield,
.ui-field.ui-field-label230 > .ui-selectonemenu,
.ui-field.ui-field-label230 > .ui-selectonebutton,
.ui-field .ui-field-sublabel230 > span,
.ui-field .ui-field-sublabel230 > .inputContainer,
.ui-field.ui-field-label230 > .inputContainer,
.ui-field.ui-field-label230 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label230 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label230 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label230 > div.ui-field-label-value,
.ui-field.ui-field-label230 > div.ui-preview-field-label-value,
.ui-field.ui-field-label230 > .ui-linkList-container,
.ui-field.ui-field-label230 > .ui-spinner,
.ui-field.ui-field-label230 > table,
.ui-field.ui-field-label230 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label230 label + .multipleInput,
.ui-field.ui-field-label230 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label230 > .ui-autocomplete,
.ui-field.ui-field-label230 > .ui-selectmanybutton,
.ui-field.ui-field-label230 > button,
.ui-field.ui-field-label230 > .ui-chips,
.ui-field.ui-field-label230 > .ui-calendar,
.ui-field.ui-field-label230 > .ui-grid,
.ui-field.ui-field-label230 > .ui-progressbar,
.ui-field.ui-field-label230 > .ui-picklist {
    float: right;
    width: calc(100% - 230px);
    min-width: calc(100% - 230px);
    max-width: calc(100% - 230px);
}

.ui-field.ui-field-label240 > .ui-inputfield,
.ui-field.ui-field-label240 > .ui-selectonemenu,
.ui-field.ui-field-label240 > .ui-selectonebutton,
.ui-field .ui-field-sublabel240 > span,
.ui-field .ui-field-sublabel240 > .inputContainer,
.ui-field.ui-field-label240 > .inputContainer,
.ui-field.ui-field-label240 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label240 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label240 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label240 > div.ui-field-label-value,
.ui-field.ui-field-label240 > div.ui-preview-field-label-value,
.ui-field.ui-field-label240 > .ui-linkList-container,
.ui-field.ui-field-label240 > .ui-spinner,
.ui-field.ui-field-label240 > table,
.ui-field.ui-field-label240 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label240 label + .multipleInput,
.ui-field.ui-field-label240 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label240 > .ui-autocomplete,
.ui-field.ui-field-label240 > .ui-selectmanybutton,
.ui-field.ui-field-label240 > button,
.ui-field.ui-field-label240 > .ui-chips,
.ui-field.ui-field-label240 > .ui-calendar,
.ui-field.ui-field-label240 > .ui-grid,
.ui-field.ui-field-label240 > .ui-progressbar,
.ui-field.ui-field-label240 > .ui-picklist {
    float: right;
    width: calc(100% - 240px);
    min-width: calc(100% - 240px);
    max-width: calc(100% - 240px);
}

.ui-field.ui-field-label250 > .ui-inputfield,
.ui-field.ui-field-label250 > .ui-selectonemenu,
.ui-field.ui-field-label250 > .ui-selectonebutton,
.ui-field .ui-field-sublabel250 > span,
.ui-field .ui-field-sublabel250 > .inputContainer,
.ui-field.ui-field-label250 > .inputContainer,
.ui-field.ui-field-label250 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label250 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label250 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label250 > div.ui-field-label-value,
.ui-field.ui-field-label250 > div.ui-preview-field-label-value,
.ui-field.ui-field-label250 > .ui-linkList-container,
.ui-field.ui-field-label250 > .ui-spinner,
.ui-field.ui-field-label250 > table,
.ui-field.ui-field-label250 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label250 label + .multipleInput,
.ui-field.ui-field-label250 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label250 > .ui-autocomplete,
.ui-field.ui-field-label250 > .ui-selectmanybutton,
.ui-field.ui-field-label250 > button,
.ui-field.ui-field-label250 > .ui-chips,
.ui-field.ui-field-label250 > .ui-calendar,
.ui-field.ui-field-label250 > .ui-grid,
.ui-field.ui-field-label250 > .ui-progressbar,
.ui-field.ui-field-label250 > .ui-picklist {
    float: right;
    width: calc(100% - 250px);
    min-width: calc(100% - 250px);
    max-width: calc(100% - 250px);
}

.ui-field.ui-field-label280 > .ui-inputfield,
.ui-field.ui-field-label280 > .ui-selectonemenu,
.ui-field.ui-field-label280 > .ui-selectonebutton,
.ui-field .ui-field-sublabel280 > span,
.ui-field .ui-field-sublabel280 > .inputContainer,
.ui-field.ui-field-label280 > .inputContainer,
.ui-field.ui-field-label280 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label280 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label280 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label280 > div.ui-field-label-value,
.ui-field.ui-field-label280 > div.ui-preview-field-label-value,
.ui-field.ui-field-label280 > .ui-linkList-container,
.ui-field.ui-field-label280 > .ui-spinner,
.ui-field.ui-field-label280 > table,
.ui-field.ui-field-label280 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label280 label + .multipleInput,
.ui-field.ui-field-label280 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label280 > .ui-autocomplete,
.ui-field.ui-field-label280 > .ui-selectmanybutton,
.ui-field.ui-field-label280 > button,
.ui-field.ui-field-label280 > .ui-chips,
.ui-field.ui-field-label280 > .ui-calendar,
.ui-field.ui-field-label280 > .ui-grid,
.ui-field.ui-field-label280 > .ui-progressbar,
.ui-field.ui-field-label280 > .ui-picklist {
    float: right;
    width: calc(100% - 280px);
    min-width: calc(100% - 280px);
    max-width: calc(100% - 280px);
}

.ui-field.ui-field-label300 > .ui-inputfield,
.ui-field.ui-field-label300 > .ui-selectonemenu,
.ui-field.ui-field-label300 > .ui-selectonebutton,
.ui-field .ui-field-sublabel300 > span,
.ui-field .ui-field-sublabel300 > .inputContainer,
.ui-field.ui-field-label300 > .inputContainer,
.ui-field.ui-field-label300 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label300 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label300 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label300 > div.ui-field-label-value,
.ui-field.ui-field-label300 > div.ui-preview-field-label-value,
.ui-field.ui-field-label300 > .ui-linkList-container,
.ui-field.ui-field-label300 > .ui-spinner,
.ui-field.ui-field-label300 > table,
.ui-field.ui-field-label300 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label300 label + .multipleInput,
.ui-field.ui-field-label300 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label300 > .ui-autocomplete,
.ui-field.ui-field-label300 > .ui-selectmanybutton,
.ui-field.ui-field-label300 > button,
.ui-field.ui-field-label300 > .ui-chips,
.ui-field.ui-field-label300 > .ui-calendar,
.ui-field.ui-field-label300 > .ui-grid,
.ui-field.ui-field-label300 > .ui-progressbar,
.ui-field.ui-field-label300 > .ui-picklist {
    float: right;
    width: calc(100% - 300px);
    min-width: calc(100% - 300px);
    max-width: calc(100% - 300px);
}

.ui-field.ui-field-label400 > .ui-inputfield,
.ui-field.ui-field-label400 > .ui-selectonemenu,
.ui-field.ui-field-label400 > .ui-selectonebutton,
.ui-field .ui-field-sublabel400 > span,
.ui-field .ui-field-sublabel400 > .inputContainer,
.ui-field.ui-field-label400 > .inputContainer,
.ui-field.ui-field-label400 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label400 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label400 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label400 > div.ui-field-label-value,
.ui-field.ui-field-label400 > div.ui-preview-field-label-value,
.ui-field.ui-field-label400 > .ui-linkList-container,
.ui-field.ui-field-label400 > .ui-spinner,
.ui-field.ui-field-label400 > table,
.ui-field.ui-field-label400 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label400 label + .multipleInput,
.ui-field.ui-field-label400 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label400 > .ui-autocomplete,
.ui-field.ui-field-label400 > .ui-selectmanybutton,
.ui-field.ui-field-label400 > button,
.ui-field.ui-field-label400 > .ui-chips,
.ui-field.ui-field-label400 > .ui-calendar,
.ui-field.ui-field-label400 > .ui-grid,
.ui-field.ui-field-label400 > .ui-progressbar,
.ui-field.ui-field-label400 > .ui-picklist {
    float: right;
    width: calc(100% - 400px);
    min-width: calc(100% - 400px);
    max-width: calc(100% - 400px);
}

.ui-field.ui-field-label500 > .ui-inputfield,
.ui-field.ui-field-label500 > .ui-selectonemenu,
.ui-field.ui-field-label500 > .ui-selectonebutton,
.ui-field .ui-field-sublabel500 > span,
.ui-field .ui-field-sublabel500 > .inputContainer,
.ui-field.ui-field-label500 > .inputContainer,
.ui-field.ui-field-label500 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label500 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label500 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label500 > div.ui-field-label-value,
.ui-field.ui-field-label500 > div.ui-preview-field-label-value,
.ui-field.ui-field-label500 > .ui-linkList-container,
.ui-field.ui-field-label500 > .ui-spinner,
.ui-field.ui-field-label500 > table,
.ui-field.ui-field-label500 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label500 label + .multipleInput,
.ui-field.ui-field-label500 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label500 > .ui-autocomplete,
.ui-field.ui-field-label500 > .ui-selectmanybutton,
.ui-field.ui-field-label500 > button,
.ui-field.ui-field-label500 > .ui-chips,
.ui-field.ui-field-label500 > .ui-calendar,
.ui-field.ui-field-label500 > .ui-grid,
.ui-field.ui-field-label500 > .ui-progressbar,
.ui-field.ui-field-label500 > .ui-picklist {
    float: right;
    width: calc(100% - 500px);
    min-width: calc(100% - 500px);
    max-width: calc(100% - 500px);
}


.ui-field.ui-field-label00 > .ui-inputfield,
.ui-field.ui-field-label00 > .ui-selectonemenu,
.ui-field.ui-field-label00 > .ui-selectonebutton,
.ui-field .ui-field-sublabel00 > span,
.ui-field .ui-field-sublabel00 > .inputContainer,
.ui-field.ui-field-label00 > .inputContainer,
.ui-field.ui-field-label00 > .ui-inputnumber > .ui-inputfield,
.ui-field.ui-field-label00 > label.ui-outputlabel.ui-field-label-value,
.ui-field.ui-field-label00 > label.ui-outputlabel.ui-preview-field-label-value,
.ui-field.ui-field-label00 > .ui-linkList-container,
.ui-field.ui-field-label00 > .ui-spinner,
.ui-field.ui-field-label00 > table,
.ui-field.ui-field-label00 > .ui-chkbox.ui-widget,
.ui-field.ui-field-label00 .multipleInput,
.ui-field.ui-field-label00 > .ui-selectcheckboxmenu,
.ui-field.ui-field-label00 > .ui-autocomplete,
.ui-field.ui-field-label00 > .ui-selectmanybutton,
.ui-field.ui-field-label00 > button,
.ui-field.ui-field-label00 > .ui-chips,
.ui-field.ui-field-label00 > .ui-calendar,
.ui-field.ui-field-label00 > .ui-grid,
.ui-field.ui-field-label00 > .ui-progressbar,
.ui-field.ui-field-label00 > .ui-picklist {
    float: right;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
}

html .ui-field.ui-field-buttonset100 > .ui-buttonset {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}

html .ui-field.ui-field-buttonset100 > label.ui-outputlabel {
    width: calc(100% - 100px);
    min-width: calc(100% - 100px);
    max-width: calc(100% - 100px);
}

html .ui-field.ui-field-buttonset150 > .ui-buttonset {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
}

html .ui-field.ui-field-buttonset150 > label.ui-outputlabel {
    width: calc(100% - 150px);
    min-width: calc(100% - 150px);
    max-width: calc(100% - 150px);
}

html .ui-field.ui-field-buttonset200 > .ui-buttonset {
    width: 200px;
    min-width: 200px;
    max-width: 200px;
}

html .ui-field.ui-field-buttonset200 > label.ui-outputlabel {
    width: calc(100% - 200px);
    min-width: calc(100% - 200px);
    max-width: calc(100% - 200px);
}

html .ui-field.ui-field-buttonset210 > .ui-buttonset {
    width: 210px;
    min-width: 210px;
    max-width: 210px;
}

html .ui-field.ui-field-buttonset210 > label.ui-outputlabel {
    width: calc(100% - 210px);
    min-width: calc(100% - 210px);
    max-width: calc(100% - 210px);
}

html .ui-field.ui-field-buttonset220 > .ui-buttonset {
    width: 220px;
    min-width: 220px;
    max-width: 220px;
}

html .ui-field.ui-field-buttonset220 > label.ui-outputlabel {
    width: calc(100% - 220px);
    min-width: calc(100% - 220px);
    max-width: calc(100% - 220px);
}

html .ui-field.ui-field-buttonset230 > .ui-buttonset {
    width: 230px;
    min-width: 230px;
    max-width: 230px;
}

html .ui-field.ui-field-buttonset230 > label.ui-outputlabel {
    width: calc(100% - 230px);
    min-width: calc(100% - 230px);
    max-width: calc(100% - 230px);
}

html .ui-field.ui-field-buttonset240 > .ui-buttonset {
    width: 240px;
    min-width: 240px;
    max-width: 240px;
}

html .ui-field.ui-field-buttonset240 > label.ui-outputlabel {
    width: calc(100% - 240px);
    min-width: calc(100% - 240px);
    max-width: calc(100% - 240px);
}

html .ui-field.ui-field-buttonset250 > .ui-buttonset {
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}

html .ui-field.ui-field-buttonset250 > label.ui-outputlabel {
    width: calc(100% - 250px);
    min-width: calc(100% - 250px);
    max-width: calc(100% - 250px);
}

html .ui-field.ui-field-buttonset300 > .ui-buttonset {
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

html .ui-field.ui-field-buttonset300 > label.ui-outputlabel {
    width: calc(100% - 300px);
    min-width: calc(100% - 300px);
    max-width: calc(100% - 300px);
}

html .ui-field.ui-field-buttonset350 > .ui-buttonset {
    width: 350px;
    min-width: 350px;
    max-width: 350px;
}

html .ui-field.ui-field-buttonset350 > label.ui-outputlabel {
    width: calc(100% - 350px);
    min-width: calc(100% - 350px);
    max-width: calc(100% - 350px);
}

html .ui-field.ui-field-buttonset400 > .ui-buttonset {
    width: 400px;
    min-width: 400px;
    max-width: 400px;
}

html .ui-field.ui-field-buttonset400 > label.ui-outputlabel {
    width: calc(100% - 400px);
    min-width: calc(100% - 400px);
    max-width: calc(100% - 400px);
}

html .ui-field.ui-field-buttonset450 > .ui-buttonset {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
}

html .ui-field.ui-field-buttonset450 > label.ui-outputlabel {
    width: calc(100% - 450px);
    min-width: calc(100% - 450px);
    max-width: calc(100% - 450px);
}

html .ui-field.ui-field-buttonset500 > .ui-buttonset {
    width: 500px;
    min-width: 500px;
    max-width: 500px;
}

html .ui-field.ui-field-buttonset500 > label.ui-outputlabel {
    width: calc(100% - 500px);
    min-width: calc(100% - 500px);
    max-width: calc(100% - 500px);
}

.ui-field > .ui-linkList-container {
    overflow: auto;
    display: block;
    margin: 0px;
    max-height: 40px;
}

html .ui-field .ui-linkList-container a.ui-link {
    margin: 0px 8px 0px 0px;
    line-height: 15px;
    display: inline;
}

html .ui-field .ui-linkList-container a.ui-link:after {
    content: ",";
    color: #000;
    text-decoration: none;
    display: inline-block;
}

html .ui-field .ui-linkList-container a.ui-link:before {
    content: "\f0c1";
    font-family: FontAwesome;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
    background: #C90200;
    height: 14px;
    width: 14px;
    border-radius: 3px;
    text-align: center;
}

.ui-field > .ui-chips .ui-chips-container,
html .ui-datalist {
    width: 100%;
}

.ui-field table {
    border-collapse: collapse;
    border-spacing: 0px;
}

.ui-field .ui-selectmanycheckbox.ui-widget td,
.ui-field .ui-selectoneradio.ui-widget td {
    padding: 0px;
}

.ui-field .ui-selectoneradio tr {
    display: block;
}

.ui-field .ui-selectoneradio label {
    margin: 0px 4px 0 4px;
    padding-left: 0;
}

.ui-field .ui-progressbar {
    margin-top: 5px;
}

html .ui-progressbar .ui-progressbar-value {
    margin: 0px;
    border: 1px solid #fff;
    background-color: #c7d790;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 15px, #8fb021 15px, #8fb021 30px);
}

.ui-g-1.autocompleteButtons {
    width: calc(8.3333% - 120px)
}

.ui-g-2.autocompleteButtons {
    width: calc(16.6667% - 120px)
}

.ui-g-3.autocompleteButtons {
    width: calc(25% - 120px)
}

.ui-g-4.autocompleteButtons {
    width: calc(33.3333% - 120px)
}

.ui-g-5.autocompleteButtons {
    width: calc(41.6667% - 120px)
}

.ui-g-6.autocompleteButtons {
    width: calc(50% - 120px)
}

.ui-g-7.autocompleteButtons {
    width: calc(58.3333% - 120px)
}

.ui-g-8.autocompleteButtons {
    width: calc(66.6667% - 120px)
}

.ui-g-9.autocompleteButtons {
    width: calc(75% - 120px)
}

.ui-g-10.autocompleteButtons {
    width: calc(83.3333% - 120px)
}

.ui-g-11.autocompleteButtons {
    width: calc(91.6667% - 120px)
}

.ui-g-12.autocompleteButtons {
    width: calc(100% - 120px)
}

.ui-g-1.splitButtons {
    width: calc(8.3333% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-2.splitButtons {
    width: calc(16.6667% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-3.splitButtons {
    width: calc(25% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-4.splitButtons {
    width: calc(33.3333% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-5.splitButtons {
    width: calc(41.6667% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-6.splitButtons {
    width: calc(50% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-7.splitButtons {
    width: calc(58.3333% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-8.splitButtons {
    width: calc(66.6667% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-9.splitButtons {
    width: calc(75% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-10.splitButtons {
    width: calc(83.3333% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-11.splitButtons {
    width: calc(91.6667% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-12.splitButtons {
    width: calc(100% - 145px); /*change in KTCSH-871 from "xx% - 135px"*/
}

.ui-g-12.splitButtons + div .ui-button span
{
    padding:0.3em; /*cz translation button*/
}

.ui-g-1.splitButtons.ui-splitButton-newRow {
    width: calc(8.3333% - 0px)
}

.ui-g-2.splitButtons.ui-splitButton-newRow {
    width: calc(16.6667% - 0px)
}

.ui-g-3.splitButtons.ui-splitButton-newRow {
    width: calc(25% - 0px)
}

.ui-g-4.splitButtons.ui-splitButton-newRow {
    width: calc(33.3333% - 0px)
}

.ui-g-5.splitButtons.ui-splitButton-newRow {
    width: calc(41.6667% - 0px)
}

.ui-g-6.splitButtons.ui-splitButton-newRow {
    width: calc(50% - 0px)
}

.ui-g-7.splitButtons.ui-splitButton-newRow {
    width: calc(58.3333% - 0px)
}

.ui-g-8.splitButtons.ui-splitButton-newRow {
    width: calc(66.6667% - 0px)
}

.ui-g-9.splitButtons.ui-splitButton-newRow {
    width: calc(75% - 0px)
}

.ui-g-10.splitButtons.ui-splitButton-newRow {
    width: calc(83.3333% - 0px)
}

.ui-g-11.splitButtons.ui-splitButton-newRow {
    width: calc(91.6667% - 0px)
}

.ui-g-12.splitButtons.ui-splitButton-newRow {
    width: calc(100% - 0px)
}

.splitButtons.ui-splitButton-newRow + .ui-field {
    float: right;
    padding-right: 0px;
}

.splitButtons + .ui-field {
    padding-right: 0px;
}

html div.ui-splitbutton {
    min-width: 122px;
    margin: 0px;
    padding: 0px;
}

html div.ui-splitbutton > button {
    float: left;
    height: 22px;
    margin: 0px;
}

button.ui-splitbutton-menubutton {
    position: relative !important;
}

.addEditButtons {
    padding: .2em 0;
}

.ui-form-buttonbar .autocompleteButtons + div .addEditButtons {
    padding: 0px;
    display: inline-block;
}

.ui-form-buttonbar .addEditButtons,
.ui-field .addEditButtons {
    padding: 0px;
}

.ui-field .inputContainer .ui-calendar {
    width: 100%;
    display: inline-block;
}

.ui-field .inputContainer .ui-calendar input {
    width: 100%;
}

.multipleInput label {
    margin: 0px;
    display: inline-block;
}

.multipleInput .multipleHalf {
    width: 50%;
    margin: 0;
    padding: 0;
    float: left;
}

.multipleInput .withButton.multipleHalf {
    width: calc(50% + 18px);
}

.multipleInput .withButton.multipleHalf + .multipleHalf {
    width: calc(50% - 18px);
}

.multipleInput .multipleHalf + .multipleHalf {
    padding-left: 0.5em;
}

.multipleInput .multipleHalf.withButton > .inputContainer > span {
    width: calc(100% - 35px);
    display: inline-block;
    margin-right: 5px;
    float: none;
}
#carReservationEdit .multipleInput .multipleHalf{
    width: 12%;
    min-width: 100px;
    padding-left: 0;
}
#carReservationEdit .multipleInput .withButton{
    width: 25%;
    min-width: 230px;
}
#carReservationEdit .multipleInput .multipleHalf > span{
    float: right;
    width: calc(100% - 20px);
    min-width: calc(100% - 20px);
    max-width: calc(100% - 20px);
}
#carReservationEdit .multipleInput .multipleHalf > .inputContainer{
    min-width: 110px;
}

.multipleInput .multipleHalf.withButton button {
    width: 24px !important;
    display: inline-block;
    height: 22px;
    top: -1px;
    position: relative;
}

.multipleInput .multipleHalf.withButton button .fa {
    width: 100%;
    text-align: left;
}

.multipleInput .multipleHalf.withButton span input {
    width: 100%;
}

.multipleInput .multipleHalf span {
    display: inline-block;
}

.multipleInput .multipleHalf span.ui-outputspan {
    padding-top: 5px;
}

.multipleInput .multipleHalf span input {
    width: 100%
}

.multipleInput label:first-child {
    margin-left: 0;
}

.multipleInput .ui-field:last-child {
    padding-right: 0 !important;
}

.ui-field .ui-chkbox.ui-widget:last-child {
    margin-right: 0;
}

.ui-field table.ui-selectmanycheckbox.ui-widget td label,
.ui-field table.ui-selectoneradio.ui-widget td label {
    margin: 0px 5px 0px 5px;
    width: calc(100% - 26px);
}

.ui-tabs .ui-tabs-panel.ui-helper-hidden {
    display: none;
}

label span.ui-outputlabel-rfi {
    display: none;
}

html .ui-radiobutton .ui-radiobutton-box {
    width: 15px;
    height: 15px;
    line-height: 15px;
    margin-top: 0px;
}

html table .ui-radiobutton .ui-radiobutton-box {
    margin-top: 0px;
}

html .ui-radiobutton .ui-radiobutton-icon,
html .ui-chkbox-box .ui-chkbox-icon {
    margin-left: -1px;
    margin-top: -2px;
}

html .ui-radiobutton-box.ui-state-active {
    background: #333333;
}

html .ui-chkbox-box.ui-state-focus.ui-state-active,
html .ui-chkbox-box.ui-state-active,
html .ui-radiobutton-box.ui-state-active,
html .ui-chkbox-box.ui-state-focus {
    overflow:hidden;
}

html .ui-chkbox-box.ui-state-focus.ui-state-active .ui-icon-check,
html .ui-chkbox-box.ui-state-active .ui-icon-check,
html .ui-chkbox-box.ui-state-focus .ui-icon-check,
html .ui-chkbox-box.ui-state-disabled .ui-icon-check {
    background-color: #333333;
    border-radius: 2px;
}

html .ui-datatable .ui-selection-column .ui-radiobutton-box .ui-icon,
html .ui-datatable .ui-selection-column .ui-chkbox-box .ui-icon,
html .ui-radiobutton-box .ui-icon,
html .ui-chkbox-box .ui-icon {
    background-image: url(/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-omega&t=1582119970000);
}

.ui-field .ui-autocomplete input[type="text"] {
    width: 100%;
}

html .ui-shortcut-preview {
    min-height: 0px;
}

.ui-shortcut-preview-b {
    float: left;
}

.ui-spinner .ui-spinner-input {
    border: 1px solid #d6d6d6;
    min-height:23px;
    font-size:11px;
}

.ui-date-hint-overlaypanel .ui-overlaypanel-content {
    padding: 0px;
}

.ui-date-hint-overlaypanel .ui-overlaypanel-content .ui-field {
    float: none;
    padding: 0px;
}

.ui-date-hint-overlaypanel .ui-overlaypanel-content .ui-field li {
    white-space: nowrap;
}

html .ui-selectonemenu-panel .ui-selectonemenu-list-item {
    white-space: normal;
}

html .ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight, .ui-widget-content.ui-selectonemenu-panel .ui-selectonemenu-list-item.ui-state-highlight {
    color: #fff;
    background: #C90200;
    border: none;
    border-radius: 3px;
}

.ui-kanriServantIcon {
    background-image: url("../svg/kanriServantIcon.svg.jsf");
    background-size: 44px auto !IMPORTANT;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    width: 65px;
    height: 50px;
}

.ui-vawIcon {
    background-image: url("../svg/vawIcon.svg.jsf");
    background-size: 44px auto !IMPORTANT;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    width: 65px;
    height: 50px;
}

.ui-mrcpIcon {
    background-image: url("../svg/mrcpIcon.svg.jsf");
    background-size: 44px auto !IMPORTANT;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    width: 65px;
    height: 50px;
}

.ui-mdmsIcon {
    background-image: url("../svg/mdmsIcon.svg.jsf");
    background-size: 44px auto !IMPORTANT;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: transparent;
    width: 65px;
    height: 50px;
}

/*-------------------------------------------------------------------------------------------------------------------
SEARCHER CONFIGURATION
--------------------------------------------------------------------------------------------------------------------*/

.ui-indent-left
{
    padding-left:20px;
}

.ui-files-searcher-configuration-form .ui-indent-left .ui-field-checkbox:first-of-type label
{
    font-weight:900;
}

.ui-files-searcher-configuration-form .ui-indent-left .ui-indent-left .ui-field-checkbox:first-of-type label
{
    font-weight:normal;
}

.ui-files-searcher-configuration-form .ui-indent-left .ui-field-checkbox
{
    padding-top:0px;
    padding-bottom: 0px;
    min-height: 0px;
}

.ui-files-searcher-configuration-form .checkbox
{
    font-weight: 900;
    color: #9b0200;
}

.ui-searcherField .ui-searcherInput
{
    min-height:0px;
    width: calc(100% - 44px) !important;
}

.ui-searcherField .ui-searcherInput > input
{
    border-top-right-radius:0px;
    border-bottom-right-radius: 0px;
    border-right:none;
}

.ui-searcher-buttonSet
{
    height:22px;
    width: 44px !important;
}

.ui-searcher-buttonSet > *
{
    height:100%;
}

.ui-searcher-buttonSet > button
{
    border-radius:0px;
    margin:0px;
    border-right:none !important;
    width:22px;
    max-width: 22px;
}

.ui-searcher-buttonSet > button .ui-button-icon-left {
    left: .3em;
    height: 16px;
}

.ui-searcher-buttonSet > .ui-menu
{
    width:22px;
    max-width: 22px;
    border-radius:0px 3px 3px 0px !important;
    border-color: #d9d9d9;
    color: #000;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    padding:0px;
    margin:0px;
}

html .ui-searcher-buttonSet > .ui-menu,
html .ui-searcher-buttonSet > .ui-menu > .ui-menu-list,
html .ui-searcher-buttonSet > .ui-menu > .ui-menu-list > .ui-menuitem,
html .ui-searcher-buttonSet > .ui-menu > .ui-menu-list > .ui-menuitem > a
{
    margin: 0px;
    border-radius: 0px;
    height:22px;
}

html .ui-searcher-buttonSet > .ui-menu > .ui-menu-list > .ui-menuitem > a > .ui-icon
{
    width:19px;
}

html .ui-searcher-buttonSet > .ui-menu > .ui-menu-list > .ui-menuitem > a + .ui-menu-list .ui-menuitem a .ui-menuitem-text
{
    padding-left:20px;
}

html .ui-searcher-buttonSet > .ui-menu > .ui-menu-list > .ui-menuitem > a + .ui-menu-list .ui-menuitem a .ui-icon
{
    border:1px solid #d9d9d9;
    border-radius:3px;
}

html .ui-searcher-buttonSet > .ui-menu > .ui-menu-list > .ui-menuitem > a + .ui-menu-list .ui-menuitem a .ui-menuitem-text + .ui-icon
{
    border:none;
}

html .ui-searcher-buttonSet > .ui-menu > .ui-menu-list > .ui-menuitem > a + .ui-menu-list .ui-menuitem a .ui-icon.ui-icon-check {
    background-position: -65px -146px;
}

html .ui-searcher-buttonSet > .ui-menu .ui-menu-parent .ui-menu-child .ui-menu-child .ui-icon.ui-icon-check
{
    background-image: url(/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-omega&t=1564042320000);
}

/*-------------------------------------------------------------------------------------------------------------------
SPOTLIGHT
--------------------------------------------------------------------------------------------------------------------*/

html .ui-spotlight-wrapper {
    border-radius: 3px;
    border: 2px solid #009ee3;
    position: relative;
}

html .ui-spotlight-top:before {
    display: block;
    content: "";
    position: fixed;
    z-index: 1;
    top: 0px;
    left: 0px;
    background: #fff;
    opacity: 0.8;
    width: 100%;
    height: 100%;
}

.ui-spotlight-header.ui-datalist-spotlight,
html .ui-datalist-header {
    min-height: 30px;
}

.ui-spotlight-header.ui-datalist-spotlight .ui-text-bold,
html .ui-datalist-header label {
    font-size: 14px !important;
    padding-top: 3px;
    display: inline-block;
}

.ui-spotlight-header.ui-datalist-spotlight.ui-widget-header {
    text-align: center;
    padding: 4px 10px;
    border-top: none;
    border-left: none;
    border-right: none;
}

html .ui-widget-overlay.ui-spotlight-right,
html .ui-widget-overlay.ui-spotlight-left,
html .ui-widget-overlay.ui-spotlight-top,
html .ui-widget-overlay.ui-spotlight-bottom {
    z-index: 2;
    opacity: 1 !important;
    background: transparent !important;
}

/*-------------------------------------------------------------------------------------------------------------------
FILE UPLOAD
--------------------------------------------------------------------------------------------------------------------*/
html .ui-fileupload-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

html .ui-fileupload-horizontal .ui-fileupload-buttonbar.ui-widget-header {
    float: left;
    border-darius: 0px;
    border: none;
    padding: 0px;

}

html .ui-fileupload-horizontal .ui-fileupload-buttonbar.ui-widget-header .ui-button {
    margin: 0px;
}

html .ui-fileupload-horizontal .ui-fileupload-buttonbar.ui-widget-header .ui-button.ui-fileupload-icon-only {
    margin: 0px;
    width: 22px;
}

html .ui-fileupload-horizontal .ui-fileupload-content.ui-widget-content {
    float: left;
    width: calc(100% - 22px);
    border: none;
    border-radius: 0px;
    padding: 0px;
}

html .ui-fileupload-horizontal .ui-fileupload-content.ui-widget-content * {
    font-size: 1em !important;
}

html .ui-fileupload-horizontal .ui-fileupload-content.ui-widget-content table.ui-fileupload-files {
    position: relative;
    margin: 0px;
    width: 100%;
}

html .ui-fileupload-horizontal .ui-fileupload-content.ui-widget-content table.ui-fileupload-files td {
    padding: 0px 0px 0px 10px;
    white-space: nowrap;
    position: relative;
    z-index: 2;
}

html .ui-fileupload-horizontal .ui-fileupload-content.ui-widget-content table.ui-fileupload-files td.ui-fileupload-progress {
    padding: 0px;
    position: static;
    z-index: 1;
}

html .ui-fileupload-horizontal .ui-fileupload-content.ui-widget-content table.ui-fileupload-files td.ui-fileupload-progress .ui-progressbar {
    width: calc(100% - 40px);
    position: absolute;
    padding: 0px;
    left: 5px;
    top: 2px;
    z-index: 1;
}

html .ui-fileupload-content .ui-fileupload-progress .ui-progressbar-value {
    background: #009ee3;
    border-color: #009ee3;
    height: calc(100% + 2px);
}

html .ui-fileupload-horizontal .ui-fileupload-content.ui-widget-content table.ui-fileupload-files td .ui-fileupload-cancel {
    float: right;
    width: 22px;
}

html .ui-fileupload-horizontal .ui-fileupload-content.ui-widget-content table.ui-fileupload-files .ui-fileupload-preview {
    display: none;
    visibility: hidden;
}

.ui-fileupload .fileHandlerHover {
    background: #fff;
    text-align: center;
    color: #d9d9d9;
    vertical-align: middle;
}

.ui-fileupload .fileHandlerHover .fa.fa-upload:before {
    font-size: 80px !important;
}

.ui-fileupload .dropZone {
    width: 100%;
    height: 120px;
}

.ui-fileupload {
    position: relative;
}

.ui-fileupload .ui-fileupload-customHeaderButtons {
    position: absolute;
    display: inline-block;
    right: 5px;
    top: 0.2em;
}

.ui-fileupload .ui-fileupload-dropZoneLabel {
    position: absolute;
    display: inline-block;
    width: 160px;
    height: 16px;
    line-height: 16px;
    background: transparent;
    bottom: 5px;
    left: calc(50% - 40px);
    color: #b7b7b7;
}

.ui-fileupload .ui-fileupload-files {
    position: relative;
    z-index: 2;
    background: #fff;
}

html .ui-form-buttonbar .ui-fileupload .ui-widget-header,
html .ui-form-buttonbar .ui-fileupload .ui-fileupload-content,
html .ui-form-buttonbar .ui-fileupload .ui-fileupload-files {
    border: none;
    padding: 0px;
    background: transparent;
    float: left;
    margin: 0px;
}

html .ui-form-buttonbar .ui-fileupload .ui-fileupload-content {

    position: absolute;
    top: -105px;
    max-width: 500px;
    max-height: 105px;
    overflow-y: auto;
    overflow-x: hidden;
    border-top: 1px solid #d6d6d6;
    border-bottom: 1px solid #d6d6d6;
}

html .ui-form-buttonbar .ui-fileupload-content .ui-fileupload-row {
    background: #fff;
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
}

html .ui-form-buttonbar .ui-fileupload-content .ui-fileupload-row > div {
    padding: 4px 5px 4px 5px;
    min-width: 50px;
}

html .ui-form-buttonbar .ui-fileupload-content .ui-fileupload-row > div.ui-fileupload-preview {
    min-width: 100px;
    max-width: 100px;
}

html .ui-form-buttonbar .ui-fileupload-content .ui-fileupload-row > div.ui-fileupload-preview + div {
    min-width: 150px;
    max-width: 150px;
}

html .ui-form-buttonbar .ui-fileupload-content .ui-fileupload-row > div .ui-fileupload-cancel {
    min-width: 22px;
}

html .ui-form-buttonbar .ui-fileupload-content .ui-fileupload-row .ui-progressbar,
html .ui-form-buttonbar .ui-fileupload-content .ui-fileupload-row .ui-fileupload-file-title-container input {
    width: 100px;
}

/*-------------------------------------------------------------------------------------------------------------------
MULTIATTACHMENTS
--------------------------------------------------------------------------------------------------------------------*/
.ui-multiattachments .ui-datatable-layout-wrapper {
    border-bottom: none;
    border-radius: 3px 3px 0px 0px;
}

.ui-multiattachments .ui-datatable-layout-wrapper + .ui-multiattachments-upload {
    border-top: 1px solid #d9d9d9;
}

.ui-multiattachments .ui-multiattachments-upload .ui-fileupload .ui-fileupload-buttonbar {
    border-top: none;
    border-radius: 0px;
}

.ui-multiattachments .ui-multiattachments-upload .ui-fileupload > .ui-fileupload-buttonbar:first-child {
    border-top: 1px solid #d9d9d9;
    border-radius: 3px 3px 0px 0px;
}

.ui-multiattachments .ui-multiattachments-upload .ui-fileupload .ui-fileupload-content {
    border-style: dashed;
}

/*-------------------------------------------------------------------------------------------------------------------
Q TIP TOOLTIP
--------------------------------------------------------------------------------------------------------------------*/

html .qtip {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    background: transparent;
}

html .qtip .qtip-titlebar {
    border: 1px solid #fff;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    background: #333333;
}

html .qtip .qtip-titlebar .qtip-title {
    background: transparent;
    font-size: 18px;
    border: none;
    padding-top: 5px;
    font-weight: normal;
    color: #fff;
}

html .qtip .qtip-titlebar .qtip-title:before {
    content: "\f059";
    font: normal normal normal 14px/1 FontAwesome;
    color: #fff;
    margin-right: 5px;
    font-size: 18px;
    color: #009ee3;
}

html .qtip .qtip-content {
    border: 1px solid #fff;
    border-radius: 0 0 3px 3px;
    text-align: justify;
    background: #333333;
    color: #fff;

}

html .qtip .qtip-tip, html .qtip .qtip-tip .qtip-vml, html .qtip .qtip-tip canvas {
    color: #fff;
}

html .qtip .qtip-content a,
html .qtip .qtip-content a:hover,
html .qtip .qtip-content a:visited {
    color: #009ee3;
}

/*-------------------------------------------------------------------------------------------------------------------
CRM MODULE
--------------------------------------------------------------------------------------------------------------------*/
html .ui-crm-module-layout-wrapper,
html .ui-crmfm-module-layout-wrapper {
    margin: 0px;
}

html .ui-crm-module-layout-wrapper .ui-menu,
html .ui-crmfm-module-layout-wrapper .ui-menu {
    width: 100%;
    padding: 0px;
    background: #f6f7f9;
    border-radius: 0px;
    border-left: none;
    border-top: none;
    border-bottom: none;
    position: relative;
}

html .ui-crm-module-layout-wrapper .ui-menu:before {
    background: #009ee3;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 32px;
    display: block;
    z-index: 1;
}

html .ui-crm-module-layout-wrapper .ui-content-wrapper,
html .ui-crmfm-module-layout-wrapper .ui-content-wrapper {
    margin: 0px;
}

html .ui-crm-module-layout-wrapper .ui-menu.ui-menu-toggleable li.ui-widget-header .ui-icon.ui-icon-triangle-1-s,
html .ui-crm-module-layout-wrapper .ui-menu.ui-menu-toggleable li.ui-widget-header .ui-icon.ui-icon-triangle-1-e {
    left: auto;
    right: 5px;
    display: none;
}

html .ui-crm-module-layout-wrapper .ui-menu .ui-menuitem,
html .ui-crm-module-layout-wrapper .ui-menu .ui-widget-header {
    margin: 0px;
    border: none;
    border-radius: 0px;
    background: transparent;
    width: 100%;
}

html .ui-crm-module-layout-wrapper .ui-menu li.ui-widget-header {
    position: relative;
    z-index: 2;
}

html .ui-crm-module-layout-wrapper .ui-menu li.ui-widget-header + li.ui-menuitem.ui-widget.ui-corner-all.ui-submenu-child {
    position: relative;
}

html .ui-crm-module-layout-wrapper .ui-menu li.ui-widget-header + li.ui-menuitem.ui-widget.ui-corner-all.ui-submenu-child:before {
    content: '';
    width: 100%;
    height: 100%;
    top: -100%;
    left: 0px;
    z-index: 1;
    position: absolute;
    background: #1F8AD0;
}

html .ui-crm-module-layout-wrapper .ui-menu .ui-menuitem.ui-submenu-child {
    margin: 0px;
    border-bottom: none;
    border-radius: 0px;
    background: #1F8AD0;
}

html .ui-crm-module-layout-wrapper .ui-menu .ui-menuitem.ui-submenu-child > a {
    color: #fff;
}

html .ui-crm-module-layout-wrapper .ui-menu .ui-menuitem .ui-menuitem-text,
html .ui-crm-module-layout-wrapper .ui-menu.ui-menu.ui-menu-toggleable li.ui-widget-header h3 {
    font-weight: bold;
    font-size: 11px;
    padding: 0.6em 0.3em 0.6em 37px;
}

html .ui-crm-module-layout-wrapper .ui-menu .ui-menuitem.ui-submenu-child .ui-menuitem-text {
    font-weight: normal;
    font-size: 11px;
    padding-left: 4.2em;
}

html .ui-crm-module-layout-wrapper .ui-menu .ui-menuitem.ui-submenu-child .ui-icon {
    display: none;
}

html .ui-crm-module-layout-wrapper .ui-menu li.ui-menuitem:first-of-type {
    border-top: none;
}

html .ui-crm-module-layout-wrapper .ui-menu .ui-menuitem-link {
    width: 100%;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
    border: none;
    position: relative;
    color: #000;
    z-index: 1;
    line-height: 14px;
}

html .ui-crm-module-layout-wrapper .ui-menu .ui-menuitem-link .ui-menuitem-icon,
html .ui-crm-module-layout-wrapper .ui-menu.ui-menu-toggleable li.ui-widget-header .ui-icon.ui-submenu-icon {
    display: inline-block;
    float: left;
    background-color: transparent !important;
    color: #fff;
    left: 0px;
    width: 32px;
    height: 100%;
    text-align: center;
    padding-top: 6px;
    top: 0px;
    margin-top: 0px;
    right: auto;
}

html .ui-crm-module-layout-wrapper .ui-menu .ui-menuitem-link .ui-menuitem-icon.ui-icon.fa-custom {
    background-size: auto 20px !important;
}

html .ui-crm-module-layout-wrapper .ui-menu .ui-menuitem-link:hover,
html .ui-crm-module-layout-wrapper .ui-menu .ui-widget-header:hover {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
}

html .ui-crm-module-layout-wrapper .ui-menu.ui-widget-content .itemSelected {
    background-color: #009ee3;
    color: #fff;
    position: relative;
}

html .ui-crm-module-layout-wrapper .ui-menu.ui-widget-content .ui-submenu-child .itemSelected {
    background: transparent;
    color: #fff;
    position: relative;
}

html .ui-crm-module-layout-wrapper .ui-menu.ui-widget-content .itemSelected:before {
    content: "";
    display: inline-block;
    position: absolute;
    right: -1px;
    top: 4px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
}

html .ui-crm-module-layout-wrapper .ui-menu.ui-widget-content .ui-submenu-parent.itemSelected:before {
    display: none;
}

html .ui-crm-module-layout-wrapper .ui-menu.ui-widget-content .itemSelected:hover,
html .ui-crm-module-layout-wrapper .ui-menu.ui-widget-content .ui-submenu-child .itemNotSelected:hover {
    background-color: #1f8ad0;
    color: #fff;
}

html .ui-selectcheckboxmenu .ui-selectcheckboxmenu-token.ui-state-active,
html .ui-autocomplete .ui-autocomplete-token.ui-state-active,
html .ui-chips .ui-chips-token.ui-state-active,
html .ui-selectbooleanbutton.ui-button.ui-state-active,
html .ui-selectonebutton .ui-button.ui-state-active,
html .ui-selectmanybutton .ui-button.ui-state-active {
    background: #009ee3;
    border: 1px solid #0086c1;
    border-radius: 3px;
}

html .ui-treenode-content.ui-tree-selectable .ui-chkbox-box
{
    overflow:hidden;
}

html .ui-treenode-content.ui-tree-selectable .ui-chkbox-icon.ui-icon.ui-c.ui-icon-check
{
    background-color: #333333;
}

.ui-button.ui-filter-button {
    float: left;
    margin-right: 5px;
    padding-right: 5px;
}

.ui-filter-results-counter {
    position: relative;
    display: inline-block;
    background: #414141;
    color: #fff;
    min-width: 16px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    left: -8px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    pointer-events: none;
    float: left;
    margin-left: -5px;
    top: 8px;
}

.ui-state-disabled + .ui-filter-results-counter {
    opacity: .35;
}

.ui-state-active + .ui-filter-results-counter {
    background: #C90200;
}

.univ_33_00,
.univ_33_01,
.univ_33_02,
.univ_33_10,
.univ_33_20,
.univ_33_30,
.univ_33_35,
.univ_33_40,
.univ_33_45,
.univ_33_50,
.univ_33_60,
.univ_33_70,
.univ_33_80,
.univ_34_0,
.univ_34_1,
.univ_34_2,
.univ_34_3,
.univ_34_4,
.univ_34_5,
.univ_34_6,
.enum_ContactDirection_0,
.enum_ContactDirection_1,
.vt-note-icon {
    background-position: center center;
    background-color: #009ee3;
    background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    border: none;
    border-radius: 3px;
    box-shadow: none;
    background-size: 14px auto !IMPORTANT;
}

.univ_33_00 {
    background-image: url("../svg/crm/system.svg.jsf");
}

.univ_33_01 {
    background-image: url("../svg/crm/salon_sprzedarzy_nowych.svg.jsf");
}

.univ_33_02 {
    background-image: url("../svg/crm/salon_sprzedarzy_uzywanych.svg.jsf");
}

.univ_33_10 {
    background-image: url("../svg/crm/serwis.svg.jsf");
}

.univ_33_20 {
    background-image: url("../svg/crm/sklep_czesci_zamiennych.svg.jsf");
}

.univ_33_30 {
    background-image: url("../svg/crm/sekretariat.svg.jsf");
}

.univ_33_35 {
    background-image: url("../svg/crm/finanse_ubezpieczenia.svg.jsf");
}

.univ_33_40 {
    background-image: url("../svg/footer-company.svg.jsf");
}

.univ_33_45 {
    background-image: url("../svg/crm/ksiegowosc.svg.jsf");
}

.univ_33_50 {
    background-image: url("../svg/crm/strona_toyota.svg.jsf");
}

.univ_33_60 {
    background-image: url("../svg/crm/zarzad.svg.jsf");
}

.univ_33_70 {
    background-image: url("../svg/crm/kartoteka_klientow.svg.jsf");
}

.univ_33_80 {
    background-image: url("../svg/crm/pozostala_dzialalnosc.svg.jsf");
}

.univ_34_0 {
    background-image: url("../svg/crm/telefoniczny.svg.jsf");
}

.univ_34_1 {
    background-image: url("../svg/crm/sms-owy.svg.jsf");
}

.univ_34_2 {
    background-image: url("../svg/crm/mail-owy.svg.jsf");
}

.univ_34_3 {
    background-image: url("../svg/crm/pocztowy.svg.jsf");
}

.univ_34_4 {
    background-image: url("../svg/crm/osobisty_wizytaklientauDealera.svg.jsf");
}

.univ_34_5 {
    background-image: url("../svg/crm/sprzedawca_wykonujezadanie.svg.jsf");
}

.univ_34_6 {
    background-image: url("../svg/crm/strona_www.svg.jsf");
}

.enum_ContactDirection_0 {
    background-image: url("../svg/crm/strzalka_dol.svg.jsf");
}

.enum_ContactDirection_1 {
    background-image: url("../svg/crm/strzalka_gora.svg.jsf");
}

td .textIconDTCell {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    width: 100%;
}

td .textIconDTCell > .ui-ico-field,
td .textIconDTCell > div {
    position: absolute;
    top: 0px;
    left: 0px;
}

html .univ_46_001,
html .univ_46_002,
td .ui-ico-field {
    display: inline-block;
    float: left;
    font: normal normal normal 14px/1 FontAwesome !important;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #d9d9d9;
    border-radius: 13px;
    width: 26px;
    height: 26px;
    background-size: 18px auto !IMPORTANT;
    background-repeat: no-repeat;
    background-position: center center;
    overflow: hidden;
    text-indent: 0 !important;
    color: #000;
    padding: 0px;
}

.univ_46_001 label,
.univ_46_002 label {
    font-size: 0px;
}

.univ_46_001 + label,
.univ_46_002 + label,
td .ui-ico-field + label {
    float: left;
    padding-left: 5px;
    padding-top: 8px;
}

.univ_46_001:before {
    content: "\f007";
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

.univ_46_002:before {
    content: "\f19c";
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
}

html .ui-crm-module-layout-wrapper .ui-datatable tbody td,
html .ui-crmfm-module-layout-wrapper .ui-datatable tbody td {
    padding: 15px 10px;
}

html .ui-autocomplete-multiple-container {
    width: 100%;
}

html .ui-autocomplete-multiple-container .ui-autocomplete-token {
    max-width: calc(100% - 4px);
}

html .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label {
    max-width: calc(100% - 16px);
    overflow: hidden;
}

html .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-label-disabled {
    max-width: 100%;
    overflow: hidden;
}

html .ui-selectcheckboxmenu-multiple-container {
    min-height: 20px;
}

html .ui-input-noresize .ui-selectcheckboxmenu-multiple {
    max-height: 22px;
    overflow: hidden;
}

.ui-tab-fixed-height410 .ui-tabs-panels {
    height: 410px;
}

html .ui-overlayPanel-callCenter {
    top: 0;
    opacity: 0.94;
    height: 100%;
    border-radius: 0px;
    border: none;
    position: fixed;
}

html .ui-overlayPanel-callCenter .ui-autocomplete-panel
{
    min-width:0px;
}

.ui-overlayPanel-callCenter .ui-btn-hideCallCenter {
    position: absolute;
    top: 5px;
    left: 5px;
    height: calc(100% - 10px);
    width: 24px;
    border-radius: 3px;
    border: 1px solid #d9d9d9;
    color: #000;
    cursor: pointer;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

.ui-overlayPanel-callCenter .ui-btn-hideCallCenter:hover {
    background: #ebedf0;
    border: 1px solid #d9d9d9;
    box-shadow: none;
}

.ui-overlayPanel-callCenter .ui-fieldset .ui-buttonbar-main {
    background: transparent;
}

.ui-overlayPanel-callCenter > .ui-overlaypanel-content {
    display: flex;
    width: 100%;
    padding: 0px;
    height: 100%;
}

.ui-overlayPanel-callCenter .ui-callCenter-search-fieldset {
    position: relative;
}

.ui-overlayPanel-callCenter .ui-callCenter-search-field .ui-autocomplete {
    position: static;
}

.ui-overlayPanel-callCenter .ui-callCenter-search-field .ui-autocomplete-panel {
    width: calc(100% - 10px) !important;
    left: 5px !important;
    top: 45px !important;
    box-shadow: none !important;
    background: #fff;
    display: block !important;
    height: calc(100% - 50px) !important;
}

html .ui-overlayPanel-callCenter .ui-callCenter-search-field .ui-autocomplete-panel .ui-autocomplete-table th {
    text-align: left;
}

html .ui-overlayPanel-callCenter .ui-callCenter-search-field .ui-autocomplete-panel .ui-autocomplete-table th,
html .ui-overlayPanel-callCenter .ui-callCenter-search-field .ui-autocomplete-panel .ui-autocomplete-table td {
    padding: 4px;
}

html .ui-overlayPanel-callCenter .ui-callCenter-search-field .ui-autocomplete-panel .ui-autocomplete-table td {
    word-break: break-all;
}

html .ui-overlayPanel-callCenter .ui-overlaypanel-content > .ui-outputpanel > fieldset,
html .ui-overlayPanel-callCenter .ui-overlaypanel-content > .ui-outputpanel > fieldset > .ui-fieldset-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

html .ui-overlayPanel-callCenter .ui-overlaypanel-content > .ui-outputpanel > fieldset > legend {
    display: none;
}

html .ui-overlayPanel-callCenter .ui-overlaypanel-content > .ui-outputpanel > fieldset .ui-form-buttonbar {
    border-left: none;
    border-right: none;
}

html .ui-overlayPanel-callCenter > .ui-overlaypanel-content .ui-g-9 > .ui-fieldset > .ui-fieldset-content > .ui-content-wrapper {
    overflow-x: auto;
    flex-shrink: 1;
}

html .ui-overlayPanel-callCenter > .ui-overlaypanel-content .ui-g-9 > .ui-fieldset > .ui-fieldset-content > .ui-content-wrapper > .ui-g-12.flex-row-layout {
    overflow-x: auto;
    flex-shrink: 1;
}

html .ui-crm-case-avatar-OTHER {
    background: url("../svg/crm/crm_avatar_other.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-CALL_CUSTOMER {
    background: url("../svg/crm/crm_avatar_call_customer.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-CUSTOMER_CALLS {
    background: url("../svg/crm/crm_avatar_customer_calls.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-EMAIL_CUSTOMER {
    background: url("../svg/crm/crm_avatar_email_customer.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-CUSTOMER_EMAILS {
    background: url("../svg/crm/crm_avatar_customer_emails.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-MAIL_CUSTOMER {
    background: url("../svg/crm/crm_avatar_mail_customer.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-CUSTOMER_MAILS {
    background: url("../svg/crm/crm_avatar_customer_mails.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-TEXT_CUSTOMER {
    background: url("../svg/crm/crm_avatar_text_customer.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-CUSTOMER_TEXTS {
    background: url("../svg/crm/crm_avatar_customer_texts.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-VISIT_CUSTOMER {
    background: url("../svg/crm/crm_avatar_visit_customer.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-CUSTOMER_VISITS {
    background: url("../svg/crm/crm_avatar_customer_visits.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-add {
    background: url("../svg/crm/crm_add_case_avatar_add.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-user-avatar {
    background: url("../svg/crm/crm_add_user_avatar.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-user-avatar-add {
    background: url("../svg/crm/crm_add_user_avatar_add.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-user-avatar-edit {
    background: url("../svg/crm/crm_add_user_avatar_edit.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-email-avatar {
    background: url("../svg/crm/crm_email_avatar.svg.jsf") no-repeat scroll 5px 10px transparent;
}

html .ui-crm-case-avatar-CALL_CUSTOMER,
html .ui-crm-case-avatar-CUSTOMER_CALLS,
html .ui-crm-case-avatar-EMAIL_CUSTOMER,
html .ui-crm-case-avatar-CUSTOMER_EMAILS,
html .ui-crm-case-avatar-MAIL_CUSTOMER,
html .ui-crm-case-avatar-CUSTOMER_MAILS,
html .ui-crm-case-avatar-TEXT_CUSTOMER,
html .ui-crm-case-avatar-CUSTOMER_TEXTS,
html .ui-crm-case-avatar-VISIT_CUSTOMER,
html .ui-crm-case-avatar-CUSTOMER_VISITS,
html .ui-crm-case-avatar-OTHER {
    background-size: calc(100% - 15px) auto !IMPORTANT;
}

html .ui-crm-case-avatar-add,
html .ui-crm-user-avatar,
html .ui-crm-user-avatar-add,
html .ui-crm-user-avatar-edit,
html .ui-crm-email-avatar {
    background-size: calc(100% - 10px) auto !IMPORTANT;
}

html .ui-crm-avatar-wrapper {
    width: 100px !important;
    position: absolute;
    height: 100px;
}

html .ui-crm-avatar-wrapper > span {
    display: inline-block;
    width: 100%;
    position: relative;
    text-align: center;
}

html .ui-crm-avatar-wrapper img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

html .ui-crm-avatar-wrapper + div {
    padding-left: 110px;
}

html .ui-crm-module-layout-wrapper fieldset,
html .ui-crm-module-layout-wrapper fieldset.ui-widget-content,
html .ui-crm-module-layout-wrapper fieldset.ui-fieldset.ui-widget-content,
html .ui-crm-module-layout-wrapper .ui-fieldset.ui-widget-content {
    box-shadow: none;
    background: transparent;
    padding: 0px;
    border: none;
}

html .ui-crm-module-layout-wrapper fieldset legend,
html .ui-crm-module-layout-wrapper .ui-fieldset .ui-fieldset-legend {
    padding: 5px 0px 3px 0px;
    display: block;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #d9d9d9;
    border-top: none;
    border-radius: 0px;
    width: 100%;
    font-size: 14px;
}

html .ui-crm-module-content {
    padding-left: 20px;
}

html .ui-crm-module-layout-wrapper .ui-fieldset .ui-fieldset-legend {
    padding: 5px 0px 10px 5px;
}

html .ui-crm-module-layout-wrapper .ui-crmReport .ui-fieldset .ui-fieldset-legend {
    padding: 5px 0px 18px 5px;
}

html .ui-crm-action-datalist .ui-datalist-header {
    padding: 0px;
}

html .ui-crm-action-datalist .ui-crm-action-datalist-subheader {
    border-top: 1px solid #d9d9d9;
}

html .ui-crm-action-datalist .ui-crm-action-datalist-header > div {
    min-height: 0px;
    text-align: left;
}

html .ui-crm-action-datalist .ui-crm-action-datalist-header > div label {
    padding: 0px;
}

html .ui-crm-action-datalist .ui-crm-action-datalist-subheader > div {
    border-right: 1px solid #d9d9d9;
    min-height: 0px;
    text-align: left;
}

html .ui-crm-action-datalist .ui-crm-action-datalist-subheader > div label {
    padding: 0px;
    font-size: 12px !important;
}

html .ui-crm-action-datalist .ui-crm-action-datalist-subheader > div:last-of-type {
    border-right: none;
}

html .ui-crm-action-datalist .ui-datalist-data {
    display: block;
    padding: 0px;
}

html .ui-crm-action-datalist .ui-datalist-item {
    display: block;
    padding: 0px;
    margin: 0px;
    position: relative;
}

html .ui-crm-action-datalist .ui-field-inplace {
    min-height: 0px;
    padding: 0px;
}

html .ui-crm-action-datalist .ui-datalist-item .ui-tooltip-trigger {
    border-radius: 13px;
    width: 26px;
    height: 26px;
    background: transparent;
    position: absolute;
    top: 0.5em;
    left: 0.5em;
    display: inline-block;
}

html .ui-crm-module-layout-wrapper .ui-crm-sub-panel {
    background: #f6f7f9;
    border-left: 1px solid #d6d6d6;
}

html .ui-crm-module-layout-wrapper .ui-crm-sub-panel fieldset {
    border-radius: 0px;
    border-left: none;
    border-bottom: none;
    border-right: none;
    padding-top: 0px;
}

html .ui-crm-module-layout-wrapper .ui-crm-sub-panel .ui-fieldset .ui-fieldset-legend {
    padding: 5px 0px 3px 0px;
    margin: 0px 5px;
    width: calc(100% - 10px);
}

html .ui-crm-module-layout-wrapper div.ui-crm-main-panel,
html .ui-crm-module-layout-wrapper div.ui-crm-sub-panel {
    overflow: auto;
}

html .ui-crm-module-layout-wrapper div.ui-crm-header-panel {
    min-height: 100px;
}

html .ui-crm-module-layout-wrapper div.ui-crm-header-panel div.ui-field {
    min-height: 25px;
}

html .ui-crm-module-layout-wrapper div.ui-crm-header-panel a,
html .ui-crm-module-layout-wrapper div.ui-crm-header-panel a:hover,
html .ui-crm-module-layout-wrapper div.ui-crm-header-panel a:visited {
    color: #000;
}

html .ui-crm-module-layout-wrapper div.ui-crm-header-panel div.ui-field .ui-field-label-value,
html .ui-crm-module-layout-wrapper div.ui-crm-header-panel a .ui-field-label-value,
html .ui-crm-module-layout-wrapper div.ui-crm-header-panel a:hover .ui-field-label-value,
html .ui-crm-module-layout-wrapper div.ui-crm-header-panel a:visited .ui-field-label-value {
    color: #009ee3;
}

html .ui-crm-module-layout-wrapper div.ui-crm-header-panel a:hover label.ui-field-label-value {
    text-decoration: underline;
}

html .ui-crm-module-layout-wrapper div.ui-crm-header-panel .ui-crm-header-panel-content,
html .ui-content-wrapper-border-shadow{
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

html .ui-crm-module-layout-wrapper div.ui-crm-header-panel .ui-crm-header-panel-widget {
    background: #f6f7f9;
    z-index: 2;
    border-left: 1px solid #d6d6d6;
}

html .ui-crm-module-layout-wrapper div.ui-crm-header-panel .ui-crm-header-panel-widget .ui-crm-header-panel-widget-legend {
    font-size: 14px;
    color: #555555;
    padding: 0px 0px 5px 0px;
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 10px;
}

html .ui-crm-module-layout-wrapper .ui-crm-main-panel fieldset:first-child {
    margin-top: -1px;
}

html .ui-crm-module-layout-wrapper .ui-crm-contacts-iconMenu {
    text-align: center;
    margin-bottom: 10px;
    position: relative;
}

html .ui-crm-module-layout-wrapper .ui-crm-contacts-iconMenu:before {
    content: '';
    display: block;
    border-bottom: 1px solid #d6d6d6;
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
}

html .ui-crm-module-layout-wrapper .ui-crm-contacts-iconMenu button.ui-button-icon-only {
    height: 40px;
    width: 40px;
    border-radius: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0px 5px;
}

html .ui-crm-module-layout-wrapper .ui-crm-contacts-iconMenu button.ui-button-icon-only span.ui-icon {
    width: 24px;
    height: 24px;
    margin-left: -12px !important;
    margin-top: -11px !important;
    margin-top: -12px !important;
    line-height: 24px;
    position: absolute;
    top: 50%;
    background-size: 24px auto !IMPORTANT;
}

html .ui-crm-module-layout-wrapper .ui-crm-contacts-iconMenu button.ui-button-icon-only span.ui-icon:before {
    font-size: 22px;
}

.ui-shortcuts .ui-commandlink.ui-widget.ui-commandLink-callCenter {
    float: left;
}

.ui-shortcuts .ui-commandlink.ui-widget.ui-commandLink-callCenter img {
    width: 24px;
}

html .ui-crm-module-layout-wrapper .ui-commandLink-callCenter {
    position: fixed;
    right: 178px;
    top: 38px;
    height: 37px;
    width: 37px;
    text-align: center;
    border-left: 1px solid #000;
}

html .ui-crm-module-layout-wrapper .ui-commandLink-callCenter:hover {
    background-color: #000;
}

html .ui-crm-module-layout-wrapper .ui-commandLink-callCenter img {
    margin-top: calc(50% - 12px);
    height: 24px;
}

.fa-field:before {
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    float: left;
    background-color: #d9d9d9;
    border-radius: 13px;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    text-align: center;
    line-height: 26px;
}

.ui-inplace-buttonStyle span.ui-inplace-display,
.ui-inplace-buttonStyle span.ui-inplace-content > label.ui-inplace-label {
    border: 1px solid #d9d9d9 !IMPORTANT;;
    color: #000;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    padding: .3em 1em;
    border-radius: 3px;
    font-weight: bold;
}

.ui-inplace-buttonStyle span.ui-inplace-display:hover,
.ui-inplace-buttonStyle span.ui-inplace-content > label.ui-inplace-label:hover {
    border: 1px solid #d9d9d9;
    background: #f6f7f9;
    text-decoration: none;
    color: #000000;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    text-decoration: none;
    color: #000000;
}

.ui-inplace-buttonStyle span.ui-inplace-display {
    position: relative;
    top: 0.5em;
}

.ui-inplace-buttonStyle span.ui-inplace-content > label.ui-inplace-label {
    display: inline-block;
    margin-bottom: 5px;
}

.ui-inplace .ui-inplace-display {
    padding-top: 5px;
    font-weight: bold;
}

.ui-inplace .ui-inplace-details-panel {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin-top: 5px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 3px 3px;
}

.ui-inplace .ui-inplace-details-panel .ui-field {
    min-height: 25px;
}

html .ui-crm-module-layout-wrapper .ui-content-wrapper-border > .ui-form-buttonbar,
html .ui-crmfm-module-layout-wrapper .ui-content-wrapper-border > .ui-form-buttonbar {
    border-left: none;
    border-right: none;
}

.ui-inplace .ui-ico-field {
    background-size: auto 14px !IMPORTANT;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    background-color: #d9d9d9;
    border-radius: 13px;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    float: left;
}

.ui-inplace .ui-inplace-display,
.ui-inplace .ui-inplace-label {
    cursor: pointer;
    padding: 0px;
}

.ui-inplace .ui-inplace-display.ui-state-highlight {
    color: #C90200;
    background: transparent;
    text-decoration: underline;
}

html .ui-form-buttonbar button.ui-crmaction-button {
    width: calc(9% - 5px);
}

html button.ui-crmaction-button {
    height: 35px;
}

html button.ui-crmaction-button span.ui-button-text.ui-c {
    padding: .3em .3em .3em 40px;
    text-align: left;
    font-size: 10px;
}

html .ui-button .ui-icon.ui-ico-CALL_CUSTOMER,
html .ui-button .ui-icon.ui-ico-CUSTOMER_CALLS,
html .ui-button .ui-icon.ui-ico-EMAIL_CUSTOMER,
html .ui-button .ui-icon.ui-ico-CUSTOMER_EMAILS,
html .ui-button .ui-icon.ui-ico-MAIL_CUSTOMER,
html .ui-button .ui-icon.ui-ico-CUSTOMER_MAILS,
html .ui-button .ui-icon.ui-ico-TEXT_CUSTOMER,
html .ui-button .ui-icon.ui-ico-CUSTOMER_TEXTS,
html .ui-button .ui-icon.ui-ico-VISIT_CUSTOMER,
html .ui-button .ui-icon.ui-ico-CUSTOMER_VISITS,
html .ui-button .ui-icon.ui-ico-OTHER,
html .ui-button .ui-icon.ui-ico-email,
html .ui-button .ui-icon.ui-ico-letter,
html .ui-button .ui-icon.ui-ico-sms,
html .ui-button .ui-icon.ui-ico-test_drive,
html .ui-button .ui-icon.ui-ico-interview,
html .ui-button .ui-icon.ui-ico-generic_crm,
html .ui-button .ui-icon.ui-ico-new_car_sale,
html .ui-button .ui-icon.ui-ico-used_car_buy,
html .ui-button .ui-icon.ui-ico-used_car_sale,
html .ui-button .ui-icon.ui-ico-car_rent,
html .ui-button .ui-icon.ui-ico-service_request,
html .ui-button .ui-icon.ui-ico-saloon_service_request,
html .ui-button .ui-icon.ui-ico-parts_order,
html .ui-button .ui-icon.ui-ico-insurance_sale {
    background-position: center center;
    background-size: 25px auto !IMPORTANT;
    position: absolute;
    top: 0px;
    left: 0px;
    display: inline-block;
    height: 100%;
    width: 40px;
    margin: 0px !important;
    float: left;
}

.ui-ico-OTHER,
html .ui-button .ui-icon.ui-ico-OTHER {
    background-image: url("../svg/crm_ico_other.svg.jsf");
}

.ui-ico-CALL_CUSTOMER,
html .ui-button .ui-icon.ui-ico-CALL_CUSTOMER {
    background-image: url("../svg/crm_ico_call_customer.svg.jsf");
}

.ui-ico-CUSTOMER_CALLS,
html .ui-button .ui-icon.ui-ico-CUSTOMER_CALLS {
    background-image: url("../svg/crm_ico_customer_calls.svg.jsf");
}

.ui-ico-EMAIL_CUSTOMER,
html .ui-button .ui-icon.ui-ico-EMAIL_CUSTOMER {
    background-image: url("../svg/crm_ico_email_customer.svg.jsf");
}

.ui-ico-CUSTOMER_EMAILS,
html .ui-button .ui-icon.ui-ico-CUSTOMER_EMAILS {
    background-image: url("../svg/crm_ico_customer_emails.svg.jsf");
}

.ui-ico-MAIL_CUSTOMER,
html .ui-button .ui-icon.ui-ico-MAIL_CUSTOMER {
    background-image: url("../svg/crm_ico_mail_customer.svg.jsf");
}

.ui-ico-CUSTOMER_MAILS,
html .ui-button .ui-icon.ui-ico-CUSTOMER_MAILS {
    background-image: url("../svg/crm_ico_customer_mails.svg.jsf");
}

.ui-ico-TEXT_CUSTOMER,
html .ui-button .ui-icon.ui-ico-TEXT_CUSTOMER {
    background-image: url("../svg/crm_ico_text_customer.svg.jsf");
}

.ui-ico-CUSTOMER_TEXTS,
html .ui-button .ui-icon.ui-ico-CUSTOMER_TEXTS {
    background-image: url("../svg/crm_ico_customer_texts.svg.jsf");
}

.ui-ico-VISIT_CUSTOMER,
html .ui-button .ui-icon.ui-ico-VISIT_CUSTOMER {
    background-image: url("../svg/crm_ico_visit_customer.svg.jsf");
}

.ui-ico-CUSTOMER_VISITS,
html .ui-button .ui-icon.ui-ico-CUSTOMER_VISITS {
    background-image: url("../svg/crm_ico_customer_visits.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-email {
    background-image: url("../svg/crm_ico_email.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-letter {
    background-image: url("../svg/crm_ico_mail.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-sms {
    background-image: url("../svg/crm_ico_sms.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-test_drive {
    background-image: url("../svg/crm_ico_test_drive.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-interview {
    background-image: url("../svg/crm_ico_interview.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-generic_crm {
    background-image: url("../svg/crm_ico_generic_crm.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-new_car_sale {
    background-image: url("../svg/crm_ico_sell_new.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-used_car_buy {
    background-image: url("../svg/crm_ico_buy_used.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-used_car_sale {
    background-image: url("../svg/crm_ico_sell_used.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-car_rent {
    background-image: url("../svg/crm_ico_rent_car.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-service_request {
    background-image: url("../svg/crm_ico_service_order.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-saloon_service_request {
    background-image: url("../svg/crm_ico_service_order_dealership.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-parts_order {
    background-image: url("../svg/crm_ico_spare_parts.svg.jsf");
}

html .ui-button .ui-icon.ui-ico-insurance_sale {
    background-image: url("../svg/crm_ico_insurance.svg.jsf");
}

.ui-crm-comments-section fieldset .ui-fieldset-content {
    display: inline-block;
    width: 100%;
    height: calc(100% - 30px);
}

.ui-crm-comments-section textarea {
    height: 70px !important;
    width: 100%;
    resize: none;
}

.ui-crm-comment {
    margin-bottom: 5px;
    border-radius: 5px;
    background: #D9D9D9;
    padding: 5px;
    position: relative;
    width: calc(100% - 30px);
    margin-left: 30px;
}

.ui-crm-comment:before {
    content: "";
    display: block;
    position: absolute;
    left: -30px;
    top: 0px;
    background: url(../svg/crm/crm_add_user_avatar_comment.svg.jsf) no-repeat scroll 0px 0px transparent;
    background-size: 100% auto !IMPORTANT;
    width: 28px;
    height: 28px;
}

html .ui-crm-comment .ui-separator,
html .ui-widget-content .ui-crm-comment .ui-separator.ui-state-default {
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.ui-crm-comment .ui-crm-comment-data,
.ui-crm-note .ui-crm-note-data {
    width: calc(100% - 25px);
    padding: 0px;
}

.ui-crm-comment .ui-crm-comment-button,
.ui-crm-note .ui-crm-note-button {
    padding: 0px;
    width: 25px;
}

.ui-crm-comment .ui-crm-comment-data div.ui-field,
.ui-crm-note .ui-crm-note-data div.ui-field {
    min-height: 0px;
    padding: 0px 0px 5px 0.5em;
}

.ui-crm-comment div.ui-field.ui-crm-comment-content,
.ui-crm-comment div.ui-field.ui-crm-comment-content > label.ui-field-label-value {
    padding: 0px;
    text-align: justify;
    font-weight: normal;
}

.ui-crm-note {
    margin-bottom: 5px;
    border-radius: 2px 2px 20px 2px;
    background: #FFFBE6;
    padding: 5px;
    position: relative;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.ui-crm-note:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 2px 0px 0px 0px;
    right: 0px;
    bottom: 0px;
    background: #FFF5C2;
    width: 20px;
    height: 20px;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2);
}

html .ui-crm-note {
    margin-top: 5px;
}

html .ui-crm-note-container-caseStep {
    margin-bottom: -8px;
}

html .ui-crm-note .ui-separator,
html .ui-widget-content .ui-crm-note .ui-separator.ui-state-default {

    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

html .ui-crm-module-layout-wrapper .ui-datatable-filterbar,
html .ui-crmfm-module-layout-wrapper .ui-datatable-filterbar {
    min-height: 34px;
    border-top: 1px solid #d9d9d9;
}

html .ui-datatable-virtualscroll-wrapper {
    min-height: 26px;
}

html .ui-crm-header-button {
    margin: 10px auto 0px auto;
    margin-bottom: -1px;
}

html .ui-crm-header-button.ui-state-disabled {
    border-radius: 3px 3px 0px 0px;
    opacity: 1;
    border: 1px solid #d9d9d9;
    background: #f6f7f9;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

.ui-resolved-tasks-list {
    border-radius: 3px;

}

.ui-resolved-tasks-list .ui-datalist-content {
    max-height: 300px;
    overflow: auto;
}

.ui-resolved-tasks-list .ui-datalist-content ul {
    list-style-type: none;

}

.ui-resolved-tasks-list .ui-datalist-content ul li {
    position: relative;
    line-height: 16px;
}

.ui-resolved-tasks-list .ui-datalist-content ul li:before {
    content: "\f058";
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0px;
    left: -20px;
    color: #8FB021;
}

.ui-resolved-tasks-list .ui-datalist-content ul li.ui-task-rejected:before {
    content: "\f057";
    color: #C90200;
}

.ui-resolved-tasks-list .ui-datalist-content ul li.ui-task-resolved:before {
    content: "\f058";
    color: #8FB021;
}

.ui-steplist ul.ui-orderlist-list {
    list-style-type: none;
}

.ui-steplist ul.ui-orderlist-list li,
.ui-g-steps-checklist .ui-outputlabel {
    position: relative;
    line-height: 16px;
    padding-left: 20px;
    word-break: break-all;
}

.ui-g-steps-checklist .ui-outputlabel {
    min-height: 22px;
}

.ui-steplist ul.ui-orderlist-list li:before,
.ui-steplist ul.ui-orderlist-list li.ui-orderlist-step-optional:before,
.ui-g-steps-checklist .ui-outputlabel:before,
.ui-g-steps-checklist .ui-checklist-step-optional .ui-outputlabel:before {
    content: "\f111";
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 2px;
    left: 2px;
    color: #d9d9d9;
    background-color: #fff;
    border-radius: 10px;
    z-index: 2;
}

.ui-crm-sub-panel .ui-steplist ul.ui-orderlist-list li:before,
.ui-crm-sub-panel .ui-steplist ul.ui-orderlist-list li.ui-orderlist-step-optional:before,
.ui-crm-sub-panel .ui-g-steps-checklist .ui-outputlabel:before,
.ui-crm-sub-panel .ui-g-steps-checklist .ui-checklist-step-optional .ui-outputlabel:before {
    background: #f6f7f9;
}

.ui-steplist ul.ui-orderlist-list li:after,
.ui-g-steps-checklist .ui-outputlabel:after {
    content: "";
    display: block;
    border-left: 2px dotted #d9d9d9;
    width: 0px;
    height: 100%;
    position: absolute;
    left: 8px;
    top: 0px;
    z-index: 1;
}

.ui-steplist ul.ui-orderlist-list li.ui-state-highlight:after,
.ui-steplist ul.ui-orderlist-list li.ui-state-hover:after {
    display: none;
}

.ui-g-steps-checklist .ui-outputlabel:after {
    height: 100%;
}

.ui-steplist ul.ui-orderlist-list li:first-child:after,
.ui-g-steps-checklist > div:first-of-type .ui-outputlabel:after {
    top: 5px;
    height: 100%;
}

.ui-steplist ul.ui-orderlist-list li:last-child:after,
.ui-g-steps-checklist > div:last-of-type .ui-outputlabel:after {
    top: 1px;
    height: 15px;
}

.ui-g-steps-checklist > div:last-of-type .ui-outputlabel:after {
    height: 10px;
}

.ui-g-steps-checklist .ui-checklist-step {
    overflow: hidden;
}

.ui-steplist ul.ui-orderlist-list li.ui-orderlist-step:before,
.ui-g-steps-checklist .ui-checklist-step .ui-outputlabel:before {
    content: "\f0ab";
    color: #333333;
}

.ui-steplist ul.ui-orderlist-list li.ui-orderlist-step-reject:before,
.ui-steplist ul.ui-orderlist-list li.ui-orderlist-step-reject:last-of-type:before,
.ui-g-steps-checklist .ui-checklist-step-reject .ui-outputlabel:before,
.ui-g-steps-checklist > div:last-child .ui-checklist-step-reject .ui-outputlabel:before {
    content: "\f057";
    color: #C90200;
}

.ui-g-steps-checklist .ui-checklist-step-optional .ui-outputlabel:before,
.ui-g-steps-checklist > div:last-child .ui-checklist-step-optional .ui-outputlabel:before {
    content: "\f111";
    color: #d9d9d9;
}

.ui-g-steps-checklist .ui-checklist-step-success .ui-outputlabel:before,
.ui-g-steps-checklist > div:last-child .ui-checklist-step-success .ui-outputlabel:before {
    content: "\f058";
    color: #8FB021;
}

.ui-steplist ul.ui-orderlist-list li.ui-orderlist-step-reject,
.ui-g-steps-checklist .ui-checklist-step-reject .ui-outputlabel {
    color: #C90200;
}

.ui-steplist ul.ui-orderlist-list li.ui-orderlist-step-reject.ui-state-highlight {
    color: #fff;
}

.ui-steplist ul.ui-orderlist-list li:last-of-type:before,
.ui-g-steps-checklist > div:last-child .ui-outputlabel:before {
    content: "\f058";
    color: #8FB021;
}

ul.ui-orderlist-list li.ui-state-highlight {
    border-radius: 3px;
    background-color: #C90200;
    border: none !important;
    color: #fff;
}

.ui-steplist ul.ui-orderlist-list li.ui-state-highlight {
    background-color: #009ee3;
}

.ui-steplist ul.ui-orderlist-list li.ui-state-highlight:before {
    color: #fff;
    background-color: transparent;
}

.ui-steplist ul.ui-orderlist-list li.ui-state-hover:before {
    background-color: transparent;
}

.ui-g-steps-checklist .ui-checklist-step-message {
    padding-top: 0px;
}

.ui-g-steps-checklist div.ui-field {
    min-height: 29px;
}

.ui-diagram {
    height: 300px;
    width: 100%;
}

.ui-diagram-element {
    width: 100px;
    height: auto;
    padding: 5px;
    text-align: center;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    border: 1px solid #000000;
    background-color: #333333;
    color: #cccccc;
}

.ui-diagram-success {
    background-color: #9CB071;
    color: #ffffff;
    border-color: #7ab02c;
    padding-top: 22px;
}

.ui-diagram-success:before {
    content: "\f058";
    color: #fff;
    display: inline-block;
    font: normal normal normal 16px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 3px;
    left: calc(50% - 8px);
}

.ui-diagram-fail {
    background-color: #C34A2C;
    color: #ffffff;
}

.ui-crm-sub-panel .ui-g-steps-checklist-wrapper {
    max-height: 10%;
    overflow-x: auto;
}

.ui-crm-comments-section > .ui-fieldset-legend {
    height: 26px;
    overflow: hidden;
}

html .ui-crm-sub-panel .ui-picklist,
html .ui-crm-sub-panel .ui-picklist .ui-picklist-list {
    width: 100%;
}

.ui-activities-list .ui-datalist-data.ui-datalist-nobullets {
    padding-left: 0.5em;
}

html input.knob {
    color: #000 !important;
}

#addEditCaseTypeForm\:knob {
    font-size: 30px !important;
}

html .ui-wizard-content {
    display: flex;
    flex-flow: column;
}

.ui-field.ui-g-12.template-selection {
    padding-top: 100px;
    text-align: center;
    padding-bottom: 20px;
}

.ui-field.ui-g-12.criteria-selection {
    text-align: right;
    padding-right: 20px;
}

.amcharts-chart-div > svg + a {
    font-size: 0px !important;
}

.ui-crm-dashboard-content {
    background: #f6f7f9;
    padding: 5px;
}

#crmDashboardForm .ui-crm-module-content {
    padding-right: 0px;
    padding-bottom: 0px;
}

#crmDashboardForm .ui-crm-module-content > .ui-content-wrapper-border,
#sales-opportunity-types .ui-crm-module-content > .ui-content-wrapper-border,
#agency-statuses .ui-crm-module-content > .ui-content-wrapper-border {
    border: none;
    border-radius: 0px;
}

#crmDashboardForm .ui-crm-module-content > .ui-content-wrapper-border .ui-crm-dashboard-content {
    background: transparent;
    overflow-x: hidden;
    padding-top: 15px;
}

.ui-crm-dashboar-panel {
    border: 1px solid #d9d9d9;
    color: #000;
    background: #f7f7f7;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    margin: 5px 10px 5px 0px;
    border-radius: 3px;
}

.ui-fieldset.ui-crm-dashboar-panel
{
    margin:0px;
}

.ui-crm-dashboar-panel.ui-g-5 {
    width: calc(41.6667% - 10px);
}

.ui-crm-dashboar-panel.ui-g-6 {
    width: calc(50% - 10px);
}

.ui-crm-dashboar-panel.ui-g-7 {
    width: calc(58.3333% - 10px);
}

.ui-crm-content-buttonbar.ui-crm-dashboard-top-buttonbar .ui-form-buttonbar,
.ui-crm-content-buttonbar.ui-crm-dashboard-top-buttonbar {
    border: none;
}

.ui-crm-dashboard-top-buttonbar .ui-form-buttonbar .ui-buttonbar-main {
    background: transparent;
}

.ui-crm-dashboard-top-buttonbar .ui-form-buttonbar .ui-buttonbar-sub:after {
    display: none;
}

html .ui-report-details-filter-panel {
    border: none;
    border-radius: 0px;
}

html .ui-report-details-filter-panel .ui-panel-content {
    border-bottom: 1px solid #d9d9d9;
    background: #f6f7f9;
}

html .ui-crmfm-module-layout-wrapper .ui-menu .ui-widget-header {
    display: none;
}

html .ui-crmfm-module-layout-wrapper .ui-menu img,
html .ui-crmfm-module-layout-wrapper .ui-menu a.ui-state-disabled:hover img {
    height: 36px;
    float: left;
    margin: 5px;
    background: #009ee3;
    border-radius: 50%;
}

html .ui-crmfm-module-layout-wrapper .ui-menu .selected-item img,
html .ui-crmfm-module-layout-wrapper .ui-menu a:hover img {
    background: #d9d9d9;
}

html .ui-crmfm-module-layout-wrapper .ui-menu .ui-menuitem {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

html .ui-crmfm-module-layout-wrapper .ui-menu .ui-menuitem > a {
    border: 1px solid #d6d6d6;
    margin: 5px 5px 0px 5px;
    padding: 0px;
    width: calc(100% - 10px);
    text-align: center;
    color: #000000;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

html .ui-crmfm-module-layout-wrapper .ui-menu .ui-menuitem > a:hover {
    background: #009ee3;
    color: #fff;
}

html .ui-crmfm-module-layout-wrapper .ui-menu .ui-menuitem > a.selected-item {
    background: #009ee3;
    color: #fff;
}

html .ui-crmfm-module-layout-wrapper .ui-menu .ui-menuitem > a.ui-state-disabled,
html .ui-crmfm-module-layout-wrapper .ui-menu .ui-menuitem > a.ui-state-disabled:hover {
    opacity: 1;
    cursor: default;
    border-radius: 3px 3px 0px 0px;
    box-shadow: none;
    background: #fff;
    color: #000;
}

html .ui-crmfm-module-layout-wrapper .ui-menu .ui-menuitem > a.ui-submenu-item {
    margin-top: 0px;
    border-top: 0px;
    border-radius: 0px;
}

html .ui-crmfm-module-layout-wrapper .ui-menu .ui-menuitem a span.ui-menuitem-text {
    display: inline-block;
    width: 100%;
}

html .ui-crmfm-module-layout-wrapper .ui-menu .ui-menuitem a span.ui-menuitem-text .ui-menu-item-label {
    padding: 5px;
    font-weight: bold;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    font-size: 12px;

}

html .ui-crmfm-module-layout-wrapper .ui-menu .ui-submenu-item-label {
    width: calc(100% - 46px);
    float: right;
    text-align: left;
    padding-top: 15px;
}

/*-------------------------------------------------------------------------------------------------------------------
SHOW ERRORS
--------------------------------------------------------------------------------------------------------------------*/
html .ui-show-errors {
    position: fixed;
    top: 100px;
    right: 22px;
    z-index: 2005;
}

html .ui-errors-overlay {
    right: 22px;
    position: fixed;
    top: 100px;
    height: calc(100% - 177px);
}

html .ui-errors-overlay .ui-overlaypanel-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0.5em;
}

td[class="style-avatarHash; copy_true"] img
{
    border-radius:50%;
}

/*-------------------------------------------------------------------------------------------------------------------
POPUP
--------------------------------------------------------------------------------------------------------------------*/

#popups-container {
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
    overflow: visible;
    height: 0px;
}

html .ui-popup {
    visibility: hidden;
    width: 680px;
}

html .ui-popup,
html .ui-dialog {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff !important;
    z-index: 101;
    overflow: hidden;
    animation: fadein 0.2s linear 0s 1 normal none running;
    -webkit-animation: none; /* Safari, Chrome and Opera > 12.1 *//*disabled due to performance issues of non-composited animations*/
    /*-moz-animation: fadein 0.2s linear 0s 1 normal none running; /* Firefox < 16 */
    /*-ms-animation: fadein 0.2s linear 0s 1 normal none running; /* Internet Explorer */
    /*-o-animation: fadein 0.2s linear 0s 1 normal none running; /* Opera < 12.1 */
    opacity: 1;
}

html .ui-popup .ui-popup-titlebar,
html .ui-dialog .ui-dialog-titlebar,
.event-preview-container .event-preview-header {
    background: #FFF;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -khtml-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
    border-bottom: 1px solid #d9d9d9;
    margin: 0px;
    min-height: 0px;
    height: 43px;
    padding: 0px 10px;
}

.event-preview-container {
    overflow: auto;
    max-height: 200px;
}

.event-preview-container .event-preview-header {
    height: 27px;
    padding-top: 3px;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

html .ui-popup .ui-popup-title,
html .ui-dialog .ui-dialog-title {
    font-size: 15px !important;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 0px;
    font-weight: bold;
    margin: 0px;
    border-top: 3px solid #C90200;
    width: auto;
}

.event-preview-container .event-preview-header span {
    font-size: 13px;
    line-height: 21px
}

html .ui-popup.ui-draggable .ui-popup-titlebar {
    cursor: move;
}

html .ui-popup .ui-popup-titlebar .ui-button {
    float: right;
    margin: 3px -3px 0 0;
    border: none !important;
    background: transparent;
    color: #000;
    font-size: 24px;
    height: 24px;
    width: 24px;
    box-shadow: none;
}

html .ui-popup .ui-popup-titlebar .ui-button span.fa-close:before {
    margin: 0 !important;
    padding: 0 !important;
}

html .ui-popup > form {
    height: 100%;
}

html .ui-dialog .ui-scrollpanel,
html .ui-popup .ui-scrollpanel {
    border: none;
    border-radius: 0px;
    min-height: calc(100% - 86px);
    height: calc(100% - 86px);
}

html .ui-popup > .ui-popup-content,
html .ui-popup .ui-tbsDataTable-container .ui-fieldset-content,
html .ui-tbsDataTable-container .ui-scrollpanel {
    height: 100%
}

html .ui-dialog .ui-dialog-titlebar + .ui-dialog-content,
html .ui-popup .ui-tbsDataTable-container {
    border: none;
    border-radius: 0px;
    padding: 0px;
    min-height: calc(100% - 43px);
    height: calc(100% - 43px);
}

html .ui-dialog .ui-dialog-titlebar + .ui-dialog-content .ui-scrollpanel {
    border: none;
    border-radius: 0px;
    min-height: calc(100% - 43px);
    height: calc(100% - 43px);
}

html .ui-dialog .ui-dialog-titlebar + .ui-dialog-content {
    border: none;
    border-radius: 0px;
    padding: 0px;
    min-height: calc(100% - 43px);
    height: calc(100% - 43px);
}

html .ui-dialog .ui-popup-content,
html .ui-popup .ui-popup-content {
    padding: 15px 10px;
    border: none;
    border-radius: 0px;
    display: inline-block;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

html .ui-popup-buttonpane {
    padding: 10px;
    text-align: center;
    border-top: 1px solid #d9d9d9;
    width: 100%;
    clear: both;
    height: 43px;
}

html .ui-popup .ui-popup-buttonpane,
html .ui-dialog .ui-popup-buttonpane {
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0)) !important;
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%) !important;
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%) !important;
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%) !important;
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%) !important;
}

html .ui-popup-overlay {
    display: none;
    width: 100%;
    height: 0px;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
}

html .ui-popup .ui-panel,
html .ui-popup .ui-panel .ui-panel-content {
    border: none;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

html .ui-popup fieldset.ui-fieldset-tbsDataTable {
    background: transparent;
    box-shadow: none;
    border: none;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
    height: calc(100% - 43px);
    display: block;
}

html .ui-popup fieldset.ui-fieldset-tbsDataTable > legend {
    display: none;
}

html .ui-tbsDataTable-container .ui-scrollpanel,
html .ui-tbsDataTable-container .ui-popup-content {
    border: none;
    border-radius: 0px;
}

html .ui-tbsDataTable-path .ui-widget-content {
    border: none;
    background: transparent;
}

html .ui-tbsDataTable-search,
html .ui-tbsDataTable-path {
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    border: 1px solid #d5d5d5;
    border-radius: 3px 3px 0px 0px;
}

html .ui-tbsDataTable-path + .ui-tbsDataTable-search {
    border-radius: 0px;
    border-top: none;
}

html .ui-tbsDataTable-search + .ui-tbsDataTable-datatable {
    border-radius: 0px 0px 3px 3px;
    border-top: none;
}

html .ui-tbsDataTable-path .ui-datalist-data {
    padding: 5px;
    list-style: none;
    display: inline-block;
    width: 100%;
    margin: 0px;
}

html .ui-tbsDataTable-path .ui-datalist-data .ui-datalist-item {
    float: left;
    display: inline-block;
    background: #333;
    color: #fff;
    padding: 3px 5px;
    border-radius: 3px;
    margin-left: 10px;
    position: relative;
}

html .ui-tbsDataTable-path .ui-datalist-data .ui-datalist-item:before {
    content: "\f0da";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #000;
    position: absolute;
    top: 4px;
    left: -7px;
}

/*-------------------------------------------------------------------------------------------------------------------
CONFIGURATION
--------------------------------------------------------------------------------------------------------------------*/
.ui-content-dictionary > .ui-g,
.ui-content-configuration > .ui-g {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-flow: row;
}

/*-------------------------------------------------------------------------------------------------------------------
MORE SYNC POPUP
--------------------------------------------------------------------------------------------------------------------*/
.ui-more-synchronization-result-row {
    border-top: 1px solid #d6d6d6;
}

.ui-more-synchronization-result-row label {
    word-break: break-all;
}

/*-------------------------------------------------------------------------------------------------------------------
ADVANCED FILTER GROUP STATUS POPUP
--------------------------------------------------------------------------------------------------------------------*/

.ui-groupStatus-Conditions {
    border: 1px solid #d9d9d9;
    background: #fff;
}

/*-------------------------------------------------------------------------------------------------------------------
BUTTONBAR
--------------------------------------------------------------------------------------------------------------------*/

.ui-form-buttonbar {
    position: relative;
    left: 0px;
    width: 100%;
    border: 1px solid #d9d9d9;
    border-bottom: none;
}

.ui-tabs-panel .ui-form-buttonbar {
    border-left: none;
    border-right: none;
}

.ui-form-buttonbar.ui-field-buttonbar {
    border: none;
}

.ui-form-buttonbar.ui-field-buttonbar .ui-buttonbar-main {
    background: transparent;
}

.ui-content-wrapper-border > .ui-form-buttonbar:first-child {
    border-top: none;
}

/*.ui-form-buttonbar*/
html .ui-buttonbar-sub .ui-button:not(.ui-autocomplete-dropdown),
    /*.ui-form-buttonbar*/
html .ui-buttonbar-main .ui-button:not(.ui-autocomplete-dropdown),
html .ui-buttonbar-sub .ui-menubutton,
html .ui-buttonbar-main .ui-menubutton,
html .ui-buttonbar-sub .ui-buttonset,
html .ui-buttonbar-main .ui-buttonset {
    margin: 0.3em 5px 0.3em 0px;
    display: inline-block;
    float: left;
    min-width: 0px;
}

#customerFiles\:customeGoToButton_menu
{
    top:auto !important;
    bottom:25px;
}

html .ui-buttonbar-main .ui-separator-vertical {
    float: left;
    width: 1px;
    background: #d9d9d9;
    margin: 0px 10px 0px 5px;
    min-height: 27px;
}

html .ui-buttonbar-sub .ui-buttonset .ui-button:first-child,
html .ui-buttonbar-main .ui-buttonset .ui-button:first-child,
html .ui-buttonbar-sub .ui-buttonset .ui-button.ui-splitbutton-menubutton,
html .ui-buttonbar-main .ui-buttonset .ui-button.ui-splitbutton-menubutton,
html .ui-buttonbar-sub .ui-menubutton .ui-button,
html .ui-buttonbar-main .ui-menubutton .ui-button {
    margin: 0px;
}

html .ui-buttonset .ui-button,
html .ui-popup .ui-buttonbar-sub button,
html .ui-popup .ui-buttonbar-main button {
    margin: 0em 0px 0em 5px;
    border-radius: 3px;
}

html .ui-splitbutton.ui-buttonset .ui-button {
    border-radius: 3px 0px 0px 3px;
    min-width: calc(100% - 30px);
    width: auto;
}

html .ui-splitbutton.ui-buttonset .ui-button.ui-splitbutton-menubutton {
    border-radius: 0px 3px 3px 0px;
    min-width: 0px;
    width: 22px;
}

.ui-form-buttonbar .ui-buttonbar-sub,
.ui-form-buttonbar .ui-buttonbar-main {
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

.ui-buttonbar-sub,
.ui-buttonbar-main .ui-buttonbar-leftgroup {
    padding: 0px 0.5em;
}

.ui-buttonbar-main,
.ui-buttonbar-main .ui-buttonbar-sub {
    padding: 0px;
    float: left;
    width: 100%;
}

/*.ui-form-buttonbar*/
.ui-buttonbar-sub {
    position: relative;
    float: left;
    width: 100%;
    padding-right: 0px;
}

.ui-buttonbar-sub:after {
    content: "";
    display: block;
    height: 0px;
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

/*.ui-form-buttonbar*/
.ui-buttonbar-main .ui-buttonbar-leftgroup {
    float: left;
}

/*.ui-form-buttonbar*/
.ui-buttonbar-main .ui-buttonbar-rightgroup {
    float: right;
}

.ui-buttonbar-sub .ui-buttonbar-leftgroup {
    /*padding:0px;*/
}

.ui-buttonbar-main .ui-buttonbar-rightgroup button,
.ui-buttonbar-main .ui-buttonbar-rightgroup .ui-menubutton {
    float: left;
}

.ui-buttonbar-subCategory-labelSpace {
    padding-top: 15px;
}

.ui-buttonbar-subCategory {
    display: inline-block;
    float: left;
    margin-right: 5px;
    padding-left: 5px;
    outline: 1px dashed #c6c6c6;
    outline-offset: -3px;
    position: relative;
}

html .ui-buttonbar-subCategory .ui-field.ui-field-label0.ui-buttonbar-subCategory-label {
    position: absolute;
    margin: auto;
    width: 100%;
    height: 14px;
    top: -11px;
    min-height: 0px;
    padding: 0px;
    text-align: center;
    left: 0px;
}

html .ui-buttonbar-subCategory .ui-field.ui-field-label0.ui-buttonbar-subCategory-label > label.ui-field-label-value {
    padding: 0px 5px;
    font-weight: normal;
    font-size: 9px;
    line-height: 14px;
    white-space: nowrap;
    background: #d5d5d5;
    border-radius: 3px 3px 0px 0px;
    display: inline-block;
    width: auto;
    float: none;
}

.ui-buttonbar-subCategory + .ui-buttonbar-subCategory {
    margin-left: -5px;
}

.ui-rightgroup {
    float: right;
}

.ui-g.ui-mail-buttonbar {
    width: 100%;
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    flex-flow: column;
}

.ui-mail-buttonbar .ui-form-buttonbar {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    border: 1px solid #d9d9d9;
    border-top: none;
}

.ui-mail-buttonbar .ui-form-buttonbar .ui-buttonbar-sub {
    border: none;
}

.ui-form-buttonbar button {
    width: auto;
}

/*-------------------------------------------------------------------------------------------------------------------
TABLE
--------------------------------------------------------------------------------------------------------------------*/
html .ui-panelgrid .ui-panelgrid-cell,
html .ui-panelgrid .ui-widget-content {
    border: none;
    padding: 0px;
}

html .ui-datatable > div,
html .ui-treetable > div {
    width: 100%;
    outline-width: 0;
    border-radius: 0px;
    border: none;
    min-width: 100%; /*test if ok. Used for with correction of datatable nested in datatable preview when parent dt filter is toggled*/
    max-width: 100%; /*Used for IE11 width correction after manual column resize*/
}

html .ui-overflow-hidden .ui-treetable.ui-treetable-resizable.ui-widget.ui-treetable-scrollable {
    overflow: hidden;
}

html .ui-datatable table {
    min-width: 100%;
}

html .ui-treetable-scrollable-theadclone,
html .ui-treetable-scrollable-theadclone * {
    line-height: 0px;
    padding: 0px;
    margin: 0px;
    border: none !important;
    background: transparent !important;
}

html .ui-treetable-scrollable-theadclone .ui-sortable-column-icon {
    margin: 0px;
}

html .ui-treetable-empty-message,
html .ui-treetable-empty-message td {
    border: none;
}

html .ui-treetable table,
html .ui-treetable tbody,
html .ui-treetable table td {
    border: none !important;
}

html .ui-treetable table th,
html .ui-treetable table tr {
    border-top: none !important;
    border-left: none !important;
}

html .ui-treetable table th:last-of-type,
html .ui-treetable table tr {
    border-right: none !important;
}

html .ui-datatable .ui-paginator,
html .ui-datatable .ui-datatable-header,
html .ui-datatable-upperPanel,
html .ui-datatable-filterbar {
    border-bottom: 1px solid #d9d9d9;
}

html .ui-datatable-upperPanel {
    background: #f9f9f9;
}

html .ui-treetable .ui-treetable-data tr.ui-row-editing td.ui-editable-column,
html .ui-treetable .ui-treetable-data td.ui-cell-editing {
    padding: 4px 10px;
}

html .ui-tabs-panels fieldset .ui-datatable .ui-paginator,
.ui-datatable-filterbar {
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

html .ui-datatable-layout-wrapper {
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    z-index: 2;
    background: #fff;
}

html .ui-datatable-layout-wrapper .ui-datatable-resizable {
    padding: 0px;
    border: none !important;
}

html .ui-datatable-no-border > .ui-datatable-layout-wrapper,
html .ui-datatable-no-border > .ui-scrollpanel-container > .ui-scrollpanel-content > .ui-datatable-layout-wrapper,
html .ui-scrollpanel-no-border {
    border: none;
    border-radius: 0px;
}

html .ui-form-header + .ui-datatable-layout-wrapper,
html .ui-datatable-border-top > .ui-datatable-layout-wrapper {
    border-top: 1px solid #d9d9d9;
}

html .ui-overflow-hidden {
    overflow: hidden !important;
}

.ui-datatable-data.ui-widget-content {
    border-left: none;
    border-right: none;
}

html .ui-datatable-header label {
    margin: 0px 5px;
}

html .ui-datatable-layout-wrapper .ui-state-default.footerRowHeader,
html .ui-datatable-layout-wrapper .ui-state-default.footerRowCount {
    text-align: right;
    width: 200px !important;
    background: transparent;
    border-bottom: none;
    border-top: 1px solid #d5d5d5;
}

html .ui-datatable-layout-wrapper .ui-state-default.footerRowHeader {
    border-left: none;
}

html .ui-datatable-layout-wrapper .ui-state-default.footerRowCount:last-child {
    border-right: none;
}

html .ui-datatable-layout-wrapper .ui-layout-unit.ui-g-nopad,
html .ui-datatable-layout-wrapper .ui-layout-unit.ui-g-nopad .ui-layout-unit-content {
    padding: 0px;
}

html .ui-datatable-layout-wrapper .ui-layout-unit {
    border-radius: 0px;
    border: none;
}

html .ui-datatable-layout-wrapper .ui-layout-center {
    position: relative !important;
}

html .ui-datatable-layout-wrapper .ui-layout-unit .ui-layout-unit-content {
    overflow: visible;
}

html .ui-datatable-layout-wrapper .ui-layout-unit.ui-layout-center > .ui-layout-unit-content {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: column;
}

html .ui-datatable-layout-wrapper .ui-layout-west,
html .ui-datatable-layout-wrapper .ui-layout-east,
html .ui-datatable-layout-wrapper .ui-layout-south,
html .ui-datatable-layout-wrapper .ui-layout-north {
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    overflow: auto !important;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-open,
html .ui-datatable-layout-wrapper .ui-layout-resizer-closed {
    border-radius: 0px;
    border: none;
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-west.ui-layout-resizer-open,
html .ui-datatable-layout-wrapper .ui-layout-resizer-west.ui-layout-resizer-closed {
    border-right: 1px solid #d9d9d9;
    height: 100% !important;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-east.ui-layout-resizer-open,
html .ui-datatable-layout-wrapper .ui-layout-resizer-east.ui-layout-resizer-closed {
    border-left: 1px solid #d9d9d9;
    height: 100% !important;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-south.ui-layout-resizer-open,
html .ui-datatable-layout-wrapper .ui-layout-resizer-south.ui-layout-resizer-closed {
    border-top: 1px solid #d9d9d9;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-north.ui-layout-resizer-open,
html .ui-datatable-layout-wrapper .ui-layout-resizer-north.ui-layout-resizer-closed {
    border-bottom: 1px solid #d9d9d9;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-closed .ui-layout-toggler-closed,
html .ui-datatable-layout-wrapper .ui-layout-resizer-closed .ui-layout-toggler-closed span.content.content-closed {
    height: 100% !important;
    width: 100% !important;
    display: inline-block;
    margin: 0px !important;
    top:0 !important;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-closed .ui-layout-toggler-closed:hover {
    background-color: #ebedf0;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-closed .ui-layout-toggler-closed a {
    top: calc(50% - 9px);
    left: calc(50% - 9px);
    background: transparent;
    border: none;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-closed .ui-layout-toggler:hover .ui-icon {
    background-color: #eee;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-closed .ui-layout-unit-expand-icon {
    width: 18px;
    height: 18px;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-west.ui-layout-resizer-closed .ui-icon-arrow-4-diag {
    background-position: -32px -16px;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-east.ui-layout-resizer-closed .ui-icon-arrow-4-diag {
    background-position: -96px -16px;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-north.ui-layout-resizer-closed .ui-icon-arrow-4-diag {
    background-position: -65px -16px;
}

html .ui-datatable-layout-wrapper .ui-layout-resizer-south.ui-layout-resizer-closed .ui-icon-arrow-4-diag {
    background-position: 0 -16px;
}

.ui-filterActive-tag.ui-message.ui-message-warn {
    padding: 0px;
    margin: 0px 0px 3px 0px;
    position: absolute;
    border: none;
    width: calc(100% - 80px);
    left: 40px;
    top: -22px;
    border-radius: 3px;
    max-height: 20px;
}

.ui-filterActive-tag .ui-field {
    min-height: 0px;
    color: #fff;
    padding: 4px 15px 4px 33px;
    margin: 0px;
}

.ui-filterActive-tag .ui-messages-warn-icon {
    background-position: 0 -487px;
}

.ui-filterActive-tag .ui-field > label {
    padding: 0px;
    line-height: normal;
}

html .ui-datatable-layout-wrapper .ui-advancedFilter-wrapper .ui-layout-unit-header {
    border-radius: 0px;
    border: none;
    background: transparent;
}

html .ui-datatable-layout-wrapper .ui-advancedFilter-wrapper .ui-layout-unit-header .ui-layout-unit-header-title {
    display: inline-block;
    border: none;
    border-radius: 0px;
    background: transparent;
    font-size: 13px;
    font-weight: bold;
}

html .ui-datatable-layout-wrapper .ui-advancedFilter-wrapper .ui-widget-content {
    background: transparent;
}

html .ui-datatable-layout-wrapper .ui-advancedFilter-wrapper fieldset.ui-widget-content,
html .ui-datatable-layout-wrapper .ui-advancedFilter-wrapper .ui-fieldset.ui-widget-content {
    background: #f6f7f9;
}

html .ui-datatable-layout-wrapper .ui-advancedFilter-wrapper .ui-widget-content .ui-tree-container,
html .ui-datatable-layout-wrapper .ui-advancedFilter-wrapper .ui-widget-content .ui-tabs-panels,
html .ui-datatable-layout-wrapper .ui-advancedFilter-wrapper .ui-widget-content .ui-scrollpanel {
    background: #fff;
}

html .ui-datatable-layout-wrapper .ui-advancedFilter-wrapper .ui-widget-content .ui-scrollpanel {
    margin-left: 2px;
}

html .ui-datatable .ui-datatable-scrollable-body {
    width: 100%;
}

html .ui-datatable .ui-datatable-scrollable-body,
html .ui-datatable .ui-datatable-data {
    background: #fff;
}

html .ui-datatable .ui-datatable-scrollable-body .ui-datatable-data.ui-widget-content {
    border: none;
}

.ui-datatable-empty-message,
.ui-datatable-empty-message td {
    line-height: 26px;
    text-align: center;
    position: relative;
}

.ui-datatable-empty-message td:before {
    content: "\f070";
    display: inline-block;
    font-family: FontAwesome;
    margin-right: 5px;
}

html .ui-g-12.ui-datatable-preview {
    overflow: auto;
    flex-grow: 0 !IMPORTANT;
    border-top: 1px solid #d6d6d6;
    flex-shrink: 1 !important;
}

html .ui-g-12.ui-datatable-preview .ui-datatable-preview-scrollableContent {
    min-width: 800px;
}

.ui-advancedFilter-wrapper {
    /*height: auto !important;*/
}

html .ui-advancedFilter-wrapper > .ui-layout-unit-content > span,
html .ui-advancedFilter-wrapper > .ui-layout-unit-content > span > span.ui-aasys-region,
html .ui-advancedFilter-wrapper > .ui-layout-unit-content > div.ui-outputpanel {
    display: block;
    height: 100%;
}

html .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight .ui-advancedFilter-wrapper .ui-tree-container,
html .ui-datatable-advancedFilterHeightAuto .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeightAuto .ui-advancedFilter-wrapper .ui-tree-container {
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    max-height: calc(100% - 45px);
}

html .ui-datatable-advancedFilterHeight .ui-advancedFilter-wrapper .ui-tree,
html .ui-datatable-advancedFilterHeightAuto .ui-advancedFilter-wrapper .ui-tree {
    border-radius: 0px;
    border: none;
}

html .ui-datatable-advancedFilterHeight100 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight100 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 100px;
}

html .ui-datatable-advancedFilterHeight150 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight150 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 150px;
}

html .ui-datatable-advancedFilterHeight200 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight200 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 200px;
}

html .ui-datatable-advancedFilterHeight250 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight250 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 250px;
}

html .ui-datatable-advancedFilterHeight300 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight300 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 300px;
}

html .ui-datatable-advancedFilterHeight350 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight350 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 350px;
}

html .ui-datatable-advancedFilterHeight400 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight400 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 400px;
}

html .ui-datatable-advancedFilterHeight450 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight450 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 450px;
}

html .ui-datatable-advancedFilterHeight500 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight500 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 500px;
}

html .ui-datatable-advancedFilterHeight550 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight550 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 550px;
}

html .ui-datatable-advancedFilterHeight600 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight600 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 600px;
}

html .ui-datatable-advancedFilterHeight650 .ui-advancedFilter-wrapper .ui-scrollpanel,
html .ui-datatable-advancedFilterHeight650 .ui-advancedFilter-wrapper .ui-tree-container {
    max-height: 650px;
}

html .ui-advancedFilter-wrapper .ui-popup-buttonpane {
    border: none;
}

html .ui-datatable .ui-datatable-scrollable-footer {
    border: none;
}

html .ui-datatable-layout-wrapper > .ui-datatable-scrollable,
html .ui-datatable-layout-wrapper > .ui-datatable-scrollable .ui-datatable-scrollable-body {
    max-height: 100%;
}

/*-------------------------------------------------------------------------------------------------------------------
SHRINKABLE DATATABLE
--------------------------------------------------------------------------------------------------------------------*/

/*  expanding datatable in mechandise-order-edit.xhtml
 *  min-height: 0px; added as fix for firefox
 */
div.shrinkable {
    display: flex;
    flex-shrink: 1 !important;
    min-height: 0px;
}

div.shrinkable > div {
    display: flex;
    flex-shrink: 1 !important;
    min-height: 0px;
}

div.shrinkable .ui-widget-content {
    flex-shrink: 1;
    min-height: 0px;
}

div.shrinkable #merchandise-order-edit\:merchandise-order-tab-view\:POSITIONS-content {
    display: flex;
    flex-shrink: 1 !important;
    min-height: 0px;
}

div.shrinkable #merchandise-order-edit\:merchandise-order-tab-view\:orderPositions\:dataTableForm {
    display: flex;
    flex: 1 1 0px; /*IE11*/
    min-height: 200px;
}

div.shrinkable div.ui-datatable-scrollable-header {
    flex-shrink: 0 !important;
}

div.shrinkable div.ui-datatable-scrollable-body {
    height: auto !important;
}

div.shrinkable-datatable {
    display: flex;
    flex-shrink: 1 !important;
    min-height: 0px;
    flex-direction: column;
}

div.shrinkable-datatable > div {
    display: flex;
    flex-shrink: 1 !important;
    min-height: 0px;
    flex-direction: column;
    height: 100%; /*IE11*/
}

div.shrinkable-datatable div.ui-datatable {
    display: flex;
    flex-shrink: 1 !important;
    min-height: 0px;
    flex-direction: column;
}

div.shrinkable-datatable div.ui-datatable-preview {
    flex-direction: column;
    flex-shrink: 0 !important;
}

/* END */

/*-------------------------------------------------------------------------------------------------------------------
DESKTOP
--------------------------------------------------------------------------------------------------------------------*/

.ui-desktop .main-layout-wrapper {
    padding: 2px;
}

.ui-desktop .main-layout-wrapper .ui-layout-unit .ui-layout-unit-content {
    padding: 5px;
    border: none;
    border-radius: 0px;
}

.ui-desktop .main-layout-wrapper .ui-layout-unit {
    padding: 0px;
}

.ui-desktop .main-layout-wrapper > .ui-layout-unit {
    border: 0px;
    border-radius: 0px;
}

.ui-desktop .main-layout-wrapper .ui-layout-pane-noborder {
    border: 0px;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
}

.ui-desktop .main-layout-wrapper .ui-layout-resizer {
    background: transparent;
}

.ui-desktop .main-layout-wrapper .ui-layout-resizer:active {
    background: #ebedf0;
}

.ui-desktop .main-layout-wrapper .ui-layout-unit-header {
    padding: 0px 0px 10px 10px;
    border-radius: 0px;
    border: none;
    background: transparent;
}

.ui-form-header {
    padding: 0px 0px 20px 10px;
}

.ui-desktop .main-layout-wrapper .ui-layout-unit-header span {
    border-top: 3px solid #c90200;
    font-size: 13px;
    display: inline-block;
    padding-top: 5px;
    border-top: 2px solid #c90200;
}

.ui-desktop .main-layout-wrapper .ui-layout-resizer-north:before,
.ui-desktop .main-layout-wrapper .ui-layout-resizer-south:before,
#car-configurator-edit .ui-layout-resizer-north:before,
#car-configurator-edit .ui-layout-resizer-south:before,
#sales-document-form .ui-layout-resizer-north:before,
#sales-document-form .ui-layout-resizer-south:before,
#commission-sales-form .ui-layout-resizer-north:before,
#commission-sales-form .ui-layout-resizer-south:before,
#bankStatements .ui-layout-resizer-north:before,
#bankStatements .ui-layout-resizer-south:before{
    content: ". . .";
    position: absolute;
    display: inline-block;
    background: transparent;
    color: #9e9e9e;
    width: 20px;
    height: 8px;
    line-height: 0px;
    top: calc(50% - 4px);
    left: calc(50% - 10px);
    font-size: 14px;
    font-weight: bold;
}

.ui-desktop .main-layout-wrapper .ui-layout-resizer-north .ui-layout-toggler,
.ui-desktop .main-layout-wrapper .ui-layout-resizer-south .ui-layout-toggler,
#car-configurator-edit .ui-layout-resizer-north .ui-layout-toggler,
#car-configurator-edit .ui-layout-resizer-south .ui-layout-toggler,
#sales-document-form .ui-layout-resizer-north .ui-layout-toggler,
#sales-document-form .ui-layout-resizer-south .ui-layout-toggler,
#commission-sales-form .ui-layout-resizer-north .ui-layout-toggler,
#commission-sales-form .ui-layout-resizer-south .ui-layout-toggler,
#bankStatements .ui-layout-resizer-north .ui-layout-toggler,
#bankStatements .ui-layout-resizer-south .ui-layout-toggler,
.ui-desktop .main-layout-wrapper .ui-layout-resizer-east .ui-layout-toggler,
.ui-desktop .main-layout-wrapper .ui-layout-resizer-west .ui-layout-toggler{
    background:transparent;
}

.ui-desktop .main-layout-wrapper .ui-layout-resizer-east:before,
.ui-desktop .main-layout-wrapper .ui-layout-resizer-west:before {
    content: ". . .";
    position: absolute;
    display: inline-block;
    background: transparent;
    color: #9e9e9e;
    width: 25px;
    height: 9px;
    line-height: 0px;
    top: calc(50% - 10px);
    left: calc(50% - 13px);
    font-size: 14px;
    transform: rotate(90deg);
    font-weight: bold;
}

/*-------------------------------------------------------------------------------------------------------------------
ADVANCED FILTER EXCEPTION
--------------------------------------------------------------------------------------------------------------------*/
html .ui-advancedFilter-wrapper .ui-g-1-exception {
    width: 8.3333% !important;
}

html .ui-advancedFilter-wrapper .ui-g-2-exception {
    width: 16.6667% !important;
}

html .ui-advancedFilter-wrapper .ui-g-3-exception {
    width: 25% !important;
}

html .ui-advancedFilter-wrapper .ui-g-4-exception {
    width: 33.3333% !important;
}

html .ui-advancedFilter-wrapper .ui-g-5-exception {
    width: 41.6667% !important;
}

html .ui-advancedFilter-wrapper .ui-g-6-exception {
    width: 50% !important;
}

html .ui-advancedFilter-wrapper .ui-g-7-exception {
    width: 58.3333% !important;
}

html .ui-advancedFilter-wrapper .ui-g-8-exception {
    width: 66.6667% !important;
}

html .ui-advancedFilter-wrapper .ui-g-9-exception {
    width: 75% !important;
}

html .ui-advancedFilter-wrapper .ui-g-10-exception {
    width: 75% !important;
}

html .ui-advancedFilter-wrapper .ui-g-11-exception {
    width: 91.6667% !important;
}

html .ui-advancedFilter-wrapper .ui-g-12-exception {
    width: 100% !important;
}

html .ui-advancedFilter-wrapper .flex-column-layout-exception {
    flex-grow: 1;
    flex-shrink: 0;
    display: flex;
    flex-flow: column;
}

/*-------------------------------------------------------------------------------------------------------------------
POCZTA / MAIL
--------------------------------------------------------------------------------------------------------------------*/

html .mce-btn button {
    font-size: 11px;
}

html .mce-tinymce.mce-container.mce-panel {
    border: none !important;
}

html .mce-container.mce-menubar.mce-toolbar.mce-stack-layout-item.mce-first {
    background: #fff;
}

html .mce-container, html .mce-container *, html .mce-widget, html .mce-widget * {
    font-size: 11px;
}

html .mce-flow-layout-item {
    margin: 0px;
}

html .mce-btn {
    background: transparent;
    box-shadow: none;
}

html .mce-btn,
html .mce-btn-group .mce-first,
html .mce-btn-group .mce-last {
    border: none;
}

html .mce-btn,
html .mce-btn-group .mce-first,
html .mce-btn-group .mce-last,
html .mce-btn-group .mce-first.mce-last {
    border-radius: 0px;
}

html .mce-btn-group + .mce-btn-group {
    border-left: 1px solid #d6d6d6;
}

html .mce-panel {
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    border-color: #d6d6d6;
}

html .mce-toolbar-grp {
    padding-bottom: 0px;
}

html .ui-tabs-panels .mce-menubar {
    background: #fff;
}

/*-------------------------------------------------------------------------------------------------------------------
INSTRUKCJE KROKOWE / HELP
--------------------------------------------------------------------------------------------------------------------*/
html #helpForm #topic_content {
    padding: 0px 10px;
}

html #helpForm #topic_footer {
    padding: 10px;
    text-align: center;
}

html #helpForm .ui-helpBody img {
    max-width: 100%;
    height: auto;
}

html #helpForm .rvps2 .rvts6 {
    font-size: 11px;
}

html #helpForm .ui-helpTree a.jstree-anchor {
    white-space: normal;
    position: relative;
    padding-left: 23px;
    height: auto;
    min-height: 24px;
    display: inline-block;
    line-height: 17px;
    padding-top: 3px;
    width: calc(100% - 24px);
    padding-right: 0px;
}

html #helpForm .ui-helpTree a.jstree-anchor .jstree-icon {
    position: absolute;
    top: 0px;
    left: 0px;
}

html #helpForm .ui-helpTree a.jstree-anchor .jstree-icon.jstree-themeicon {
    font-family: FontAwesome;
    background: transparent;
    font-style: normal;
}

html #helpForm .ui-helpTree a.jstree-anchor .jstree-icon.jstree-themeicon:before {
    content: "\f016";
    font-size: 16px;
}

html #helpForm .ui-helpTree .jstree-ocl,
html #helpForm .ui-helpTree .jstree-node {
    background: transparent;
}

html #helpForm .ui-helpTree .jstree-ocl {
    width: 16px;
    height: 16px;
    margin: 4px 0px 0px 0px;
}

html #helpForm .ui-helpTree .jstree-default .jstree-closed > .jstree-ocl {
    background-position: -32px -16px;
    background-image: url("/jakarta.faces.resource/images/ui-icons_222222_256x240.png.jsf?ln=primefaces-omega");

}

html #helpForm .ui-helpTree .jstree-default .jstree-open > .jstree-ocl {
    background-position: -64px -16px;
    background-image: url("/jakarta.faces.resource/images/ui-icons_222222_256x240.png.jsf?ln=primefaces-omega");
}

html #helpForm .ui-helpTree .jstree-default .jstree-closed > .jstree-ocl + a.jstree-anchor .jstree-icon.jstree-themeicon:before,
html #helpForm .ui-helpTree .jstree-default .jstree-open > .jstree-ocl + a.jstree-anchor .jstree-icon.jstree-themeicon:before {
    content: "\f07b";
    font-size: 16px;
}

html #helpForm .ui-helpTree .ui-tree,
html #helpForm .ui-helpBody .ui-content-wrapper-border {
    overflow: auto;
    flex-shrink: 1;
}

/*-------------------------------------------------------------------------------------------------------------------
CRM GAMIFICATION
--------------------------------------------------------------------------------------------------------------------*/
html .ui-datatable-scrollable-body tbody td:nth-child(1) > img {
    margin: 5px;
}

/*-------------------------------------------------------------------------------------------------------------------
PERMISSIONS
--------------------------------------------------------------------------------------------------------------------*/
.ui-permissions-enabled {
    color: #009EE3;
    font-size: 0px;
    background: url("../svg/ico_perm_en.svg.jsf") no-repeat scroll left center transparent;
}

.ui-permissions-disabled {
    color: #C90200;
    font-size: 0px;
    background: url("../svg/ico_perm_dis.svg.jsf") no-repeat scroll left center transparent;
}

/*.ui-state-highlight .ui-permissions-disabled,
.ui-state-highlight .ui-permissions-enabled{
	color:#FFF;
	background: url("../svg/ico_perm_fff.svg.jsf") no-repeat scroll left center transparent;
}*/

.ui-permissions-enabled-o {
    color: #009EE3;
    font-size: 0px;
    background: url("../svg/ico_perm_o_en.svg.jsf") no-repeat scroll left center transparent;
}

.ui-permissions-disabled-o {
    color: #C90200;
    font-size: 0px;
    background: url("../svg/ico_perm_o_dis.svg.jsf") no-repeat scroll left center transparent;
}

/*.ui-state-highlight .ui-permissions-disabled-o,
.ui-state-highlight .ui-permissions-enabled-o{
	color: #FFF;
	background: url("../svg/ico_perm_o_fff.svg.jsf") no-repeat scroll left center transparent;
}*/

.ui-permissions-enabled-r {
    color: #009EE3;
    font-size: 0px;
    background: url("../svg/ico_perm_r_en.svg.jsf") no-repeat scroll left center transparent;
}

.ui-permissions-disabled-r {
    color: #C90200;
    font-size: 0px;
    background: url("../svg/ico_perm_r_dis.svg.jsf") no-repeat scroll left center transparent;
}

/*.ui-state-highlight .ui-permissions-disabled-r,
.ui-state-highlight .ui-permissions-enabled-r{
	color:#FFF;
	background: url("../svg/ico_perm_r_fff.svg.jsf") no-repeat scroll left center transparent;
}*/

.ui-permissions-undefined {
    color: #000;
    font-size: 0px;
    /*background: url("../svg/ico_perm_undefined.svg.jsf") no-repeat scroll left center transparent;*/
}

/*.ui-state-highlight .ui-permissions-undefined{
	color:#FFF;
	background: url("../svg/ico_perm_undefined_fff.svg.jsf") no-repeat scroll left center transparent;
}*/

html .ui-state-highlight .ui-icon {
    background-image: url("/jakarta.faces.resource/images/ui-icons_222222_256x240.png.jsf?ln=primefaces-omega");
}

.ui-permissions-enabled, .ui-permissions-disabled, .ui-permissions-enabled-o, .ui-permissions-disabled-o, .ui-permissions-enabled-r, .ui-permissions-disabled-r, .ui-permissions-undefined {
    padding-left: 32px;
    background-size: auto 18px !important;
    height: 18px;
    line-height: 18px;
    display: block;
    width: 75px;
    margin: auto;
}

.ui-permissions-enabled, .ui-permissions-disabled {
    padding-left: 15px;
}

.ui-selectcheckboxmenu-panel li.ui-selectcheckboxmenu-list-item {
    clear: both;
}

.ui-selectcheckboxmenu-panel li.ui-selectcheckboxmenu-list-item .ui-chkbox.ui-widget {
    /*float:none;*/
    /*margin:0;*/
}

/*-------------------------------------------------------------------------------------------------------------------
DATA LIST
--------------------------------------------------------------------------------------------------------------------*/
html .ui-datalist-content {
    border: 1px solid #D5D5D5;
    background: #ffffff;
    border-radius: 3px;
}

html .ui-datalist-header + .ui-datalist-content {
    border: 1px solid #D5D5D5;
    background: #ffffff;
    border-radius: 0px 0px 3px 3px;
}

/*-------------------------------------------------------------------------------------------------------------------
PICK LIST
--------------------------------------------------------------------------------------------------------------------*/

.ui-field > .ui-picklist .ui-picklist-list {
    width: 100%;
    display: block;
    float: left;
}

.ui-field > .ui-picklist .ui-picklist-list-wrapper {
    width: calc(50% - 16px);
    display: block;
    float: left;
}

.ui-field > .ui-picklist .ui-picklist-buttons {
    width: 32px;
    display: block;
    float: left;
}

html .ui-dependeciesPickList .ui-picklist {
    width: 100%;
    display: flex;
    min-height: 100px;
}

html .ui-dependeciesPickList .ui-picklist .ui-picklist-list-wrapper {
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: column;
    width: calc(50% - 16px);
}

html .ui-dependeciesPickList .ui-picklist .ui-picklist-list-wrapper + .ui-picklist-list-wrapper {
    margin-left: 32px;
}

html .ui-dependeciesPickList .ui-picklist .ui-picklist-buttons {
    width: 32px;
    height: 100px;
}

html .ui-dependeciesPickList .ui-picklist .ui-picklist-buttons .ui-picklist-buttons-cell {
    background-color: #fff;
}

html .ui-picklist .ui-picklist-filter-container {
    margin-bottom: 5px;
}

html .ui-dependeciesPickList .ui-picklist .ui-picklist-list {
    width: auto;
    height: auto;
    display: flex;
    flex-grow: 1;
    flex-shrink: 1;
    flex-direction: column;
}

html .ui-dependeciesPickList {
    position: relative;
    margin: 0.2em;
}

html .ui-dependeciesPickList.ui-picklist-bg-right:before {
    content: "";
    display: block;
    position: absolute;
    width: 50%;
    height: 100%;
    right: 0px;
    top: 0px;
    background-color: #f6f7f9;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 35px, #fff 35px, #fff 70px);
    z-index: 0;
    border-left: 1px solid #e5e5e5;
}

html .ui-dependeciesPickList > *,
html .ui-dependeciesPickList .picklist-rotate-button {
    z-index: 1;
}

html .ui-dependeciesPickList-header .ui-form-header {
    padding: 0px 0px 10px 10px;
}

html .ui-dependeciesPickList .ui-picklist-caption > div {
    font-weight: normal;
}

html .ui-dependeciesPickList .ui-picklist-caption > div:first-child {
    border-bottom: 1px solid #d5d5d5;
    padding-bottom: 3px;
    margin-bottom: 3px;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
}

html .ui-dependeciesPickList .ui-picklist-source .ui-picklist-item {
    width: 100%;
    margin: 0px;
    padding: 3px 0px 3px 0px;
}

html .ui-dependeciesPickList .ui-picklist-source .ui-picklist-item td {
    padding-left: 4px;
}

html .ui-dependeciesPickList .ui-picklist.ui-picklist-vertical,
html .ui-dependeciesPickList .ui-picklist.ui-picklist-vertical .ui-picklist-list {
    flex-direction: column;
}

html .ui-picklist.ui-picklist-vertical,
html .ui-picklist.ui-picklist-vertical .ui-picklist-list,
html .ui-dependeciesPickList .ui-picklist.ui-picklist-vertical .ui-picklist-list-wrapper {
    width: 100%;
}

html .ui-dependeciesPickList .ui-picklist.ui-picklist-vertical .ui-picklist-list-wrapper {
    min-height: 200px;
}

html .ui-dependeciesPickList .ui-picklist.ui-picklist-vertical .ui-picklist-buttons {
    width: 100%;
    height: 32px;
}

html .ui-mechanicsPickList .ui-picklist-button-add-all {
    display: none !important;
}

html .ui-mechanicsPickList .ui-picklist-button-remove-all {
    display: none !important;
}

html .ui-dependeciesPickList .ui-picklist.ui-picklist-vertical .ui-picklist-list-wrapper + .ui-picklist-list-wrapper,
html .ui-picklist.ui-picklist-vertical .ui-picklist-list-wrapper + .ui-picklist-list-wrapper {
    margin-left: 0px;
    padding-top: 32px;
}

.ui-marketing-acts-pick-list .ui-picklist {
    width: 100%;
    height: 100%;
    display: flex;
    flex-grow: 1;
}

.ui-marketing-acts-pick-list .ui-picklist .ui-picklist-list-wrapper .ui-picklist-list {
    width: 100%;
    height: calc(100% - 25px);
}

.ui-marketing-acts-pick-list .ui-picklist .ui-picklist-list-wrapper {
    width: 350px;
}

.ui-marketing-acts-pick-list .ui-picklist .ui-picklist-buttons {
    width: 40px;
}

.ui-marketing-acts-pick-list .ui-picklist .ui-picklist-buttons + .ui-picklist-list-wrapper {
    width: calc(100% - 390px);
}

/*-------------------------------------------------------------------------------------------------------------------
MERGED VALUES
--------------------------------------------------------------------------------------------------------------------*/

html fieldset.ui-fieldset-mergeRowList {
    position: relative;
    background-color: #f6f7f9;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 35px, #fff 35px, #fff 70px);
}

html fieldset.ui-fieldset-mergeRowList > legend.ui-fieldset-legend {
    width: 190px;
    text-align: center;
    text-transform: uppercase;
    margin-left: calc(50% - 95px);
    position: relative;
    z-index: 2;
    border-radius: 0px 0px 3px 3px;
    border: 1px solid #000000;
    border-top: none;
    padding: 5px 0px 5px 0px;
    color: #ffffff;
    background: #333333;
}

html .ui-fieldset-mergeRowList > .ui-fieldset-content {
    z-index: 1;
    position: relative;
}

html .ui-fieldset-mergeRowList:before {
    content: "";
    display: block;
    position: absolute;
    width: calc(58.333% - 1em);
    height: 100%;
    right: 21.1666%;
    top: 0px;
    background-color: #f6f7f9;
    /*background-color: #f6f7f9;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 35px, #fff 35px, #fff 70px);*/
    z-index: 0;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

/*-------------------------------------------------------------------------------------------------------------------
WAIT DIV
--------------------------------------------------------------------------------------------------------------------*/

html .ui-widget-overlay,
html .ui-popup-overlay {
    opacity: 0.8;
    background: #fff !important;
    -webkit-animation: fadein 0.2s linear 0s 1 normal none running; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 0.2s linear 0s 1 normal none running; /* Firefox < 16 */
    -ms-animation: fadein 0.2s linear 0s 1 normal none running; /* Internet Explorer */
    -o-animation: fadein 0.2s linear 0s 1 normal none running; /* Opera < 12.1 */
    animation: fadein 0.2s linear 0s 1 normal none running;
}

@keyframes fadein {
    0% {opacity: 0;}
    100% {opacity: 0.8;}
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    0% {opacity: 0 !important;}
    100% {opacity: 0.8 !important;}
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    0% {opacity: 0;}
    100% {opacity: 0.8;}
}

/* Internet Explorer */
@-ms-keyframes fadein {
    0% {opacity: 0;}
    100% {opacity: 0.8;}
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    0% {opacity: 0;}
    100% {opacity: 0.8;}
}

html .waitDiv {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
    display: block;
    cursor: wait;
}

html .waitDiv2 {
    height: 34px;
    width: 100%;
    position: absolute;
    overflow: hidden;
    bottom: 0px;
    z-index: 9999;
    left: 0px;
    background-color: #d9d9d9;
}

html .waitDiv2:before {
    display: block;
    position: absolute;
    content: "";
    left: -200px;
    width: 200px;
    height: 34px;
    background-color: /*#8fb021*/ #009ee3;
    animation: loading 2s linear infinite;
}

@keyframes loading {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% {left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}

/* Class for job monitor for overlaypanel to be shown under popup overlay */
.ui-monitor-overlaypanel {
    z-index: 1 !important;
    top: auto !important;
    bottom: 10px !important;
    left: 10px !important;
    width: calc(100% - 20px) !important;
    max-height: 500px;
    /*min-height:50vh;*/
}

.ui-scrollpanel-noborder {
    border: 0px !important;
}

.ui-selectmanymenu {
    height: 100%;
    min-height: 20px;
}

.ui-manytargetpicklist-sources, .ui-manytargetpicklist-targets, .ui-manytargetpicklist-buttons {
    height: 100%
}

.ui-manytargetpicklist-buttons > div {
    display: table;
    margin: auto;
}

.ui-manytargetpicklist-buttons > div > div {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.ui-overlaypanel-buttonpane {
    padding: 10px;
    text-align: right;
    width: 100%;
    clear: both;
}

.ui-overlaypanel-buttonpane button {
    margin: 0em 5px 0em 0px;
}

.ui-selectmanybutton {
    margin: 0px !important;
}

/*-------------------------------------------------------------------------------------------------------------------
ICONS
--------------------------------------------------------------------------------------------------------------------*/

html .ui-messages-info-icon,
html .ui-messages-warn-icon,
html .ui-messages-error-icon,
html .ui-messages-fatal-icon,
html .ui-message-info-icon,
html .ui-message-warn-icon,
html .ui-message-error-icon,
html .ui-message-fatal-icon,
html .ui-message-fatal-icon,
html .ui-outputpanel-loading {
    background-image: url(../img/messages.png.jsf) !important;
    margin-top: 0px;
    position: absolute;
    top: calc(50% - 12px);
    left: 10px;
}

html .ui-field .ui-messages-info-icon,
html .ui-field .ui-messages-warn-icon,
html .ui-field .ui-messages-error-icon,
html .ui-field .ui-messages-fatal-icon,
html .ui-field .ui-message-info-icon,
html .ui-field .ui-message-warn-icon,
html .ui-field .ui-message-error-icon,
html .ui-field .ui-message-fatal-icon,
html .ui-field .ui-growl-image,
html .ui-field .ui-message-fatal-icon,
html .ui-field .ui-outputpanel-loading {
    top: calc(50% - 8px);
    left: 5px;
}

html .ui-field .ui-message-info,
html .ui-field .ui-message-error,
html .ui-field .ui-message-warn,
html .ui-field .ui-message-fatal {
    margin: 0px;
    width: 100%;
}

html .ui-field .ui-message-info .ui-message-info-detail,
html .ui-field .ui-message-error .ui-message-error-detail,
html .ui-field .ui-message-warn .ui-message-warn-detail,
html .ui-field .ui-message-fatal .ui-message-fatal-detail {
    margin-left: 20px;
    margin-top: 3px;
    display: inline-block;
}

.inherited {
    background-color: #fca752 !important;
    background-image: none !important;
}

/*-------------------------------------------------------------------------------------------------------------------
LISTS
--------------------------------------------------------------------------------------------------------------------*/

html .ui-widget-header.ui-datatable-scrollable-header .ui-sortable-column,
html .ui-datatable thead th,
html .ui-datatable th.ui-state-default {
    border-right: none;
    border-top: none;
    text-align: left;
    padding-left: 10px;
}

html .columnFrozen {
    box-shadow: 1px 0px 0px #b7b7b7;
}

html th.data-list-column {
    text-indent: 0px;
}

html th .ui-column-title {
    white-space: normal;
    text-indent: 0px;
    padding-left: 0px;
    display: inline-block;
    width: /*calc(100% - 18px)*/ 100%;
    overflow: hidden;
}

html th.ui-sortable-column .ui-column-title,
html th.ui-filter-column .ui-column-title,
html th.ui-resizable-column .ui-column-title,
html th.ui-draggable .ui-column-title,
html th.ui-draggable-handle .ui-column-title,
html th.ui-droppable .ui-column-title {
    width: calc(100% - 18px);
}

html .ui-datatable-scrollable-body tbody td,
html .ui-datatable tbody td {
    border-left: 1px solid transparent;
    border-right: none;
    border-top: none;
    height: 26px;
}

html .ui-simpleDataTable.ui-datatable-layout-wrapper
{
    max-height:100%;
}

html .ui-simpleDataTable.ui-datatable-hiddenHeader .ui-widget-header
{
    height: 1px;
}

.ui-simpleDataTable tbody td > span {
    white-space: normal;
    word-wrap: break-word;
}

html .ui-widget-header.ui-datatable-scrollable-header .ui-sortable-column:first-child,
html .ui-datatable thead th:first-child,
html .ui-datatable th.ui-state-default:first-child,
html .ui-datatable-scrollable-body tbody td,
html .ui-datatable tbody td {
    border-left: none;
}

html .ui-widget-header.ui-datatable-scrollable-header .ui-sortable-column {
    font-weight: bold;
}

html .ui-datatable-scrollable-body tbody tr,
html .ui-datatable-scrollable-body tbody td,
html .ui-datatable tbody > tr.ui-widget-content,
html .ui-datatable tbody > tr.ui-widget-content td {
    border: none !important;
}

html .ui-state-highlight:not(.ui-treenode-content), .ui-widget-content .ui-state-highlight:not(.ui-treenode-content), html .ui-datatable-layout-wrapper .ui-advancedFilter-wrapper
.ui-widget-content .ui-state-highlight, .ui-treenode-content.ui-state-highlight .ui-treenode-label {
    background: #C90200;
    color: #FFF;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid #C90200 !important;
    border-radius: 0px;
}
html .ui-datatable-layout-wrapper .ui-widget-content .ui-state-highlight a {
    text-decoration: none;
    color: #fff;
}

html .fc-day-today, html .ui-widget-content fc-day-today {
    background: #c3deb7 !important;
}

html .fc-event-time-grid .fc-slats .fc-minor td {
    border-color: #b7b7b7;
}

html .ui-state-highlight.ui-datatable-odd, .ui-widget-content .ui-state-highlight.ui-datatable-odd {
    background-color: #C90200;
}

html .ui-datatable .ui-column-resizer-helper.ui-state-highlight {
    border: 1px solid #009ee3;
    border-top: none !important;
    border-bottom: none !important;
    background: transparent !important;
}

html .ui-datatable th.ui-state-active {
    background: #009ee3;
}

html .ui-selectlistbox-item,
html .ui-checkList-horizontal .ui-selectlistbox-item {
    padding: 2px;
    border: none;
    display: inline-block;
    width: calc(100% - 4px);
}

html .ui-selectlistbox-item.ui-state-highlight {
    border: none !important;
    background: #C90200;
    color: #fff;
    border-radius: 3px;
    padding: 2px;
}

html .ui-selectonelistbox .ui-selectlistbox-item,
html .ui-selectmanymenu .ui-selectlistbox-item,
html .ui-multiselectlistbox .ui-multiselectlistbox-item {
    margin: 0px 0px 2px 0px;
}

html .ui-selectlistbox-item {
    line-height: 16px;
}

html .ui-checkList-horizontal .ui-selectlistbox-item.ui-state-highlight,
html .ui-checkList-horizontal .ui-selectlistbox-item.ui-state-hover {
    background: transparent
}

html .ui-selectmanymenu .ui-selectlistbox-item .ui-chkbox.ui-widget {
    margin-top: 0px;
    margin-right: 5px;
    margin-bottom: 0px;
    height: 16px;
}

html .ui-autocomplete-panel
{
    min-width:400px;
}

html .ui-autocomplete-item,
html .ui-autocomplete-panel .ui-autocomplete-table th,
html .ui-autocomplete-panel .ui-autocomplete-table td {
    border: 1px solid transparent;
}

html .ui-autocomplete-panel .ui-autocomplete-table th,
html .ui-autocomplete-panel .ui-autocomplete-table td {
    padding: 4px 5px 4px 5px;
}

html .ui-autocomplete-panel .ui-autocomplete-moretext {
    pointer-events: none;
    text-align: center;
}


html #dashboard-header:searchAutocomplete:autocomplete_panel .ui-autocomplete-panel .ui-autocomplete-moretext {
    pointer-events: auto;
    text-align: center;
}
html .ui-autocomplete-item.ui-state-highlight td {
    border-bottom: 1px solid #C90200 !important;
}

html .ui-autocomplete-panel .ui-autocomplete-table th {
    border-bottom: 1px solid #d9d9d9;
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    font-weight: bold;
    color: #000;
}

html .ui-datatable thead th, .ui-datatable tbody td, .ui-datatable tfoot td, .ui-datatable tfoot th {
    padding: 4px 0px;
}

html .ui-datatable thead th {
    vertical-align: bottom;
}

html .ui-widget-header.ui-datatable-scrollable-header .ui-sortable-column {
    font-weight: bold;
    text-align: left;
    text-indent: 0px;
}

html .ui-widget-header.ui-datatable-scrollable-header .ui-sortable-column * {
    font-family: 'Lato', sans-serif;
}

html .ui-widget-header.ui-datatable-scrollable-header .ui-sortable-column .ui-column-title label {
    pointer-events: none;
}

html .ui-datatable thead th .ui-column-customfilter {
    padding-right: 10px;
}

html .ui-datatable thead th .ui-column-customfilter .ui-g,
html .ui-datatable thead th .ui-column-customfilter .ui-g-12 {
    padding: 0px;
}

html .ui-datatable thead th .ui-column-customfilter .ui-field {
    min-height: 0px;
    padding: 5px 0px;
}

html .fa.ui-treenode-icon {
    font-size: 12px;
    line-height: 16px;
}

html .ui-treenode-label {
    white-space: initial;
    word-wrap: break-word;
    border-radius: 0px;
}

html #customerFiles .ui-datatable-scrollable-body table tr td:nth-child(1),
html #assortment-files .ui-datatable-scrollable-body table tr td:nth-child(1),
html #carFiles .ui-datatable-scrollable-body table tr td:nth-child(1),
html .ui-datatable-scrollable-body tbody td:nth-child(1),
html .ui-datatable .ui-selection-column .ui-chkbox-all {
    padding: 0 0 0 4px;
}

html .ui-datatable-scrollable-header thead th:nth-child(1) {
    padding-left: 4px;
}

html .ui-datatable thead th.ui-selection-column {
    padding-left: 0px !important;
}

html .ui-listButtons {
    padding: 0.5em 0px 0px 0px;
    display: inline-block;
    width: 100%;
}

html .ui-listButtons button {
    margin-right: 0.5em;
}

html .ui-listButtons > * {
    float: left;
}

html .ui-listButtons-rightAlign > * {
    float: right;
}

.ui-visibilityColumnsList-overlaypanel .ui-overlaypanel-content {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    min-width: 250px;
    max-width: 100%;
    width: min-content;
}

/*-------------------------------------------------------------------------------------------------------------------
PAGINATOR
--------------------------------------------------------------------------------------------------------------------*/

div.ui-paginator {
    height: 2.6em;
}

html .ui-datatable > div.ui-paginator {
    height: auto;
    display: block;
    float: left;
    width: 100%;
    min-width: 100%; /*test if ok. Used for width correction of datatable nested in datatable preview when parent dt filter is toggled*/
    max-width: 100%; /*Used for IE11 width correction after manual column resize*/
}

html .ui-paginator span.ui-spinner {
    height: 100%;
}

html .ui-paginator input {
    max-height: 100%;
    min-height: 100%;
}

html .ui-paginator .dt-search {
    float: left;
}

html .ui-paginator .dt-columns {
    float: right;
}

html .ui-paginator .dt-rowsCounter {
    float: right;
    font-size: 0.85em;
    margin: 0 8px;
    line-height: 2.55em;
    white-space: nowrap;
}

html .ui-paginator .dt-rowsCounter .fa-hashtag {
    margin-right: 4px;
}

html .ui-paginator .dt-column-spinner {
    width: 4em;
}

html .ui-paginator .ui-paginator-center-content,
html .ui-paginator [class*='ui-paginator-'][class$='-left-content'],
html .ui-paginator [class*='ui-paginator-'][class$='-right-content'] {
    display: contents;
}

html .ui-paginator input.dt-search {
    width: 15%;
}

html .ui-paginator button.ui-button {
    box-shadow: none;
}

html .ui-paginator button.ui-button-text-only .ui-button-text {
    padding: .3em .5em;
}

html .ui-paginator .ui-selectcheckboxmenu {
    height: 100%;
}

html .ui-paginator .searchColumns {
    text-align: left;
    padding: 1px;
    float: left;
}

html .ui-paginator .visibilityColumns,
html .ui-visibilityColumnsList-overlaypanel .visibilityColumns {
    text-align: left;
    display: inline-block;
}

html .ui-visibilityColumnsList-overlaypanel {
    max-width: 235px;
}

html .ui-paginator .visibilityColumns > div > label,
html .ui-visibilityColumnsList-overlaypanel .visibilityColumns > div > label {
    padding-top: 5px;
    float: right;
    width: calc(100% - 22px);
}

html .ui-paginator .visibilityColumns > div > label + .ui-chkbox,
html .ui-visibilityColumnsList-overlaypanel .visibilityColumns > div > label + .ui-chkbox {
    float: right;
}

html .dt-command-button.ui-button-icon-only {
    margin-top: 2px;
    margin-bottom: 2px;
}

html .ui-paginator .ui-paginator-first span,
html .ui-paginator .ui-paginator-prev span,
html .ui-paginator .ui-paginator-next span,
html .ui-paginator .ui-paginator-last span {
    top: -2px;
    position: relative;
}

html .ui-paginator .ui-paginator-first::before,
html .ui-paginator .ui-paginator-prev::before,
html .ui-paginator .ui-paginator-next::before,
html .ui-paginator .ui-paginator-last::before {
    content: "\00a0";
    display: block;
    width: 16px;
    height: 1.15em;
    position: relative;
    top: -2px;
    background-image: url("/jakarta.faces.resource/images/ui-icons_454545_256x240.png.jsf?ln=primefaces-omega");
    background-repeat: no-repeat;
}

html .ui-paginator .ui-paginator-first::before {
    background-position: -80px -160px;
}

html .ui-paginator .ui-paginator-prev::before {
    background-position: -48px -160px;
}

html .ui-paginator .ui-paginator-next::before {
    background-position: -32px -160px;
}

html .ui-paginator .ui-paginator-last::before {
    background-position: -64px -160px;
}

html .ui-button-icon-only span.fa-fw {
    font-family: FontAwesome !important;
}

html .ui-paginator .ui-paginator-current {
    margin: 0px;
}

html .ui-paginator .ui-paginator-rpp-options {
    height: 24px;
    border-radius: 3px;
    margin-left: 5px;
    margin-right: 5px;
}

html .ui-paginator .ui-paginator-next,
html .ui-paginator .ui-paginator-last,
html .ui-paginator .ui-paginator-first,
html .ui-paginator .ui-paginator-prev {
    padding-left: 3px;
    padding-right: 3px;
}

/*Customer Files*/

div.preview-details div label.header {
    font-size: 150%;
    min-height: 1.4em;
    padding-left: 0.1em;
}

.relationDiv {
    float: right !important;
}

.customer-details {
    padding: 5px 0px 0px 0px;
    width: 100%;
    display: inline-block;
}

.addressLeftColumn {
    width: 150px !important;
}

.addressRightColumn {
    width: 190px !important;
}

.ui-manytargetpicklist-sources,
.ui-manytargetpicklist-targets {
    width: calc(50% - 15px);
    float: left;
}

.ui-manytargetpicklist-buttons {
    width: 30px;
    text-align: center;
    float: left
}

html .ui-manytargetpicklist-sources .ui-selectlistbox-listcontainer,
html .ui-manytargetpicklist-targets .ui-selectlistbox-listcontainer {
    height: 100% !important;
}

/*-------------------------------------------------------------------------------------------------------------------
ADRESS BOOK POPUP
--------------------------------------------------------------------------------------------------------------------*/
.ui-addressBookPickList .ui-manytargetpicklist-buttons {
    width: 60px;
}

.ui-addressBookPickList .ui-manytargetpicklist-buttons button {
    width: 100%;
    margin-bottom: 0.5em;
}

.ui-addressBookPickList .ui-manytargetpicklist-sources,
.ui-addressBookPickList .ui-manytargetpicklist-targets {
    width: calc(50% - 30px);
}

/*-------------------------------------------------------------------------------------------------------------------
SURVEY WIZARD POPUP
--------------------------------------------------------------------------------------------------------------------*/
html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content {
    padding: 0px;
    display: block;
    float: left;
}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .ui-wizard-content {
    margin: 0px;
    height: 100%;
}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .tab-left-content {
    background: url(../svg/bg_survey_wizard_intro_fff.svg.jsf) no-repeat center center scroll #333333;
    background-size: 70px auto !IMPORTANT;

}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .tab-title-content {
    background-color: #333333;
    padding-left: 10px;
    padding-top: 0px;
    height: 40px;
    line-height: 40px;
    width: 100%;
    font-size: 15px;
    color: #FFF;
}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .intro-description {
    padding-top: 35%;
    text-align: center;
    font-size: 12px;
}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .center-info-group-wrappet {
    padding-top: 100px;
}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .intro-start-title,
html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .center-info-group {
    text-align: center;
    font-size: 15px;
}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .row-color-red,
html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .row-color-red.ui-state-highlight {
    background: #fff;
    color: #C90200;
}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .ui-datatable-odd.row-color-red,
html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .ui-datatable-odd.row-color-red.ui-state-highlight {
    background: #fafafb;
    color: #C90200;
}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .row-color-blue,
html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .row-color-blue.ui-state-highlight {
    background: #fff;
    color: #009ee3;
}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .ui-datatable-odd.row-color-blue,
html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .ui-datatable-odd.row-color-blue.ui-state-highlight {
    background: #fafafb;
    color: #009ee3;
}

html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .row-color-blue.ui-state-highlight,
html .ui-popup .ui-surveyWizardFormPopup .ui-popup-content .row-color-red.ui-state-highlight {
    font-weight: bold;
}

/*-------------------------------------------------------------------------------------------------------------------
IMPORT POPUP
--------------------------------------------------------------------------------------------------------------------*/
.ui-field-label140.ui-taskInstanceParamsContainer > label {
    width: 140px;
}

.ui-field-label140.ui-taskInstanceParamsContainer > label + span {
    display: block;
    width: calc(100% - 140px);
}

.ui-field-label140.ui-taskInstanceParamsContainer > label + span > div.ui-field,
.ui-field-label140.ui-taskInstanceParamsContainer > div.ui-field,
.ui-field-label140.ui-taskInstanceParamsContainer > div.ui-g-12,
.ui-field-label140.ui-taskInstanceParamsContainer > div.ui-g-12.ui-field-label120 > div.ui-field {
    padding: 0px;
}

.ui-field-label140.ui-taskInstanceParamsContainer > div.ui-field.ui-field-label120 > .ui-inputfield,
.ui-field-label140.ui-taskInstanceParamsContainer > div.ui-g-12.ui-field-label120 > .ui-field > .ui-selectonemenu,
.ui-field-label140.ui-taskInstanceParamsContainer > div.ui-g-12.ui-field-label120 > .ui-selectonemenu {
    width: calc(100% - 140px);
    min-width: calc(100% - 140px);
    max-width: calc(100% - 140px);
}

.ui-field-label140.ui-taskInstanceParamsContainer > div.ui-g-12.ui-field-label120 > .ui-selectonemenu {
    float: right;
}

.ui-field-label140.ui-taskInstanceParamsContainer > label + div.ui-g-12.ui-field-label120 {
    margin-top: -16px;
}

.ui-field-label140.ui-taskInstanceParamsContainer > label + span.ui-g > div.ui-field.ui-g-12.ui-field-label40 > span.ui-calendar {
    width: calc(50% - 22px);
    min-width: calc(50% - 22px);
    max-width: calc(50% - 22px);
}

.ui-field-label140.ui-taskInstanceParamsContainer > label + span.ui-g > div.ui-field.ui-g-12.ui-field-label40 > button.ui-button {
    width: 24px !important;
    max-width: 24px !important;
    min-width: 24px !important;
    margin: 0px 10px;
}

/*-------------------------------------------------------------------------------------------------------------------
TIMELINE
--------------------------------------------------------------------------------------------------------------------*/
html .vis-current-time {
    background: #C90200;
    box-shadow: 0px 50px 0px #c90200, 0px 100px 0px #c90200, 0px 150px 0px #c90200, 0px 200px 0px #c90200, 0px 250px 0px #c90200, 0px 300px 0px #c90200, 0px 350px 0px #c90200, 0px 400px 0px #c90200, 0px 450px 0px #c90200, 0px 500px 0px #c90200, 0px 550px 0px #c90200, 0px 600px 0px #c90200;
}

html div.timeline-frame {
    flex-grow: 1;
    flex-shrink: 0;
}

html .vis-group-level-0 {
    width: 150px !important;
    background: #f6f7f9;
}

html #serviceWorkSchedule div.timeline-event-content {
    background: transparent;
}

html .timeline-frame {
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

html .timeline-axis,
html .timeline-axes-cross-label {
    background: #f6f7f9 0 0 repeat-x;
}

html #serviceWorkSchedule .timeline-content {
    width: calc(100% - 150px) !important;
    left: 150px !important;
}

html .timeline-axes-cross-label {
    color: black;
    font-weight: bold;
    padding: 5px;
    opacity: 1 !important;
}

html .vis-current-time {
    z-index: 2;
}

html div.timeline-axis:not(.timeline-axes-cross-label) {
    margin-top:9px;
}

#serviceWorkSchedule .timeline-groups-axis {
    min-width: 150px;
}

div.timeline-groups-axis-onleft {
    border-style: none solid none none;
}

.service-work-schedule-timeline-filters {
    justify-content: flex-end;
    text-align: right;
}

.service-schedule-employee-not-available {
    background: repeating-linear-gradient(-45deg, #918584, #918584 2px, white 2px, white 8px) !important;
    color: black !important;
    font-weight: bold !important;
}

.service-schedule-other-org-unit {
    background: repeating-linear-gradient(-45deg, #a1a1a1, #a1a1a1 2px, #a1a1a1 2px, #a1a1a1 8px) !important;
    color: black !important;
    font-weight: bold !important;
}

.service-schedule-dropoff-timeline-event-service {
    z-index: 10000;
    background: rgba(255, 82, 82, 0.7); !important
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 1);
    animation: pulse-red 2s infinite;
}

@keyframes pulse-red {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7);
  }

  70% {
    box-shadow: 0 0 0 10px rgba(255, 82, 82, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(255, 82, 82, 0);
  }
}

.service-schedule-timeline-event-service, .service-schedule-employee-not-available,
.service-schedule-other-org-unit, .service-schedule-dropoff-timeline-event-service,
.service-schedule-timeline-event-service > div, .service-schedule-employee-not-available > div, .service-schedule-other-org-unit > div {
    margin: 0 !important;
    padding: 0;
}

html .service-schedule-timline-event-icons {
    padding: 0px !important;
}

html .service-schedule-timeline-tooltip ul {
    padding-left: 5px;
    -webkit-padding-start: 15px;
}

html .service-schedule-timeline-event-panel {
    height: 45px;
    position: relative;
}

html .service-schedule-timeline-event-panel > div.ui-g-8 {
    width: 100%;
    padding: 2px;
}

html .service-schedule-timeline-event-panel > div.ui-g-4 {
    width: auto;
    position: absolute;
    left: 2px;
    bottom: 3px;
}

html .service-schedule-timline-event-icons > .ui-service-schedule-timline-ico {
    height: 16px;
    width: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
    float: right;
    box-sizing: border-box;
    background-size: 12px auto !IMPORTANT;
    margin: 2px 2px 0px 0px;
    background-color: #FFFFFF /*#333*/;
    border-radius: 3px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-door-to-door {
    background-image: url(../svg/ico_service_timeline_door_to_door.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-tires-swap {
    background-image: url(../svg/ico_service_timeline_tire_swap.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-confirmation {
    background-image: url(../svg/ico_service_timeline_confirmation.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-replacement-car {
    background-image: url(../svg/ico_service_timeline_replacement_car.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-customer-wait {
    background-image: url(../svg/ico_service_timeline_customer_wait.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-checked {
    background-image: url(../svg/ico_service_timeline_checked.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-reminder {
    background-image: url(../svg/ico_service_timeline_reminder.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-vip {
    background-image: url(../svg/ico_service_timeline_vip.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-express_service {
    background-image: url(../svg/ico_service_timeline_express_service.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-express_service_bg {
    background-image: url(../svg/ico_service_timeline_express_service_bg.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-kinto {
    background-image: url(../svg/ico_service_timeline_kinto.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-kinto-full {
    background-image: url(../svg/ico_service_timeline_kinto_full.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-kinto-part {
    background-image: url(../svg/ico_service_timeline_kinto_part.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-kinto-none {
    background-image: url(../svg/ico_service_timeline_kinto_none.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-dropoff_machine {
    background-image: url(../svg/ico_service_timeline_dropoff_machine.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-inspection {
    background-image: url(../svg/ico_inspection.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-osb {
    background-image: url(../svg/ico_service_timeline_customer_osb.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-carwash {
    background-image: url(../svg/ico_carwash.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-skp {
    background-image: url(../svg/ico_skp.svg.jsf);
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-not-executing:before {
    content: "\f12a";
    color: #C90200 /*#FFF*/;
    width: 14px;
    line-height: 14px;
    display: inline-block;
    font-family: FontAwesome;
    text-align: center;
    font-size: 13px;
    background: transparent;
}

html .service-schedule-timline-event-icons .service-schedule-timeline-event-icon-not-executing {
    border-radius: 3px;
    margin: 2px 2px 0px 0px;
    height: 16px;
    width: 16px;
    background: #ffffff /*#333*/;
    font: normal normal normal 14px/1 FontAwesome !important;
}

html div.timeline-event-content {
    margin: 0px;
}

html .vis-timeline {
    border-radius:3px;
}

html .vis-item-content{
     margin: 0px !important;
     padding:0px !important;
     width:100%;
     min-height:100%;
 }

html .vis-item-content .service-schedule-timeline-event-panel
 {
     min-height:100%;
     height:100%;
 }

html .vis-item {
     height:100%;
     min-height:100%;
     border-color: #d6d6d6;
     background-color: #ffffff;
}

html .vis-item.vis-selected {
    background-color: #009ee3 !important;
    border: 1px solid #1f8ad0;
}

html .vis-item.vis-selected .service-schedule-timeline-event-panel {
    background-color: transparent !important;
}

html .service-schedule-timeline-event-panel span {
    text-shadow: -1px 0 rgba(255, 255, 255, 0.3), 0 1px rgba(255, 255, 255, 0.3), 1px 0 rgba(255, 255, 255, 0.3), 0 -1px rgba(255, 255, 255, 0.3);
    color: #000;
    font-size: 10px;
}

html .service-schedule-employee-not-available .service-schedule-timeline-event-panel span {
    text-shadow: -1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff;
    color: #000;
    text-transform: uppercase;
    font-size: 11px;
}

html .service-schedule-other-org-unit .service-schedule-timeline-event-panel span {
    color: #000;
    text-transform: uppercase;
    font-size: 9px;
}

html .vis-item.vis-selected .service-schedule-timeline-event-panel span {
    text-shadow: none;
}

html .timetable-eventHeight-30 .vis-item ,
html .timetable-eventHeight-30 .vis-item-content
{
    height: 30px;
}

html .timetable-eventHeight-35 .vis-item,
html .timetable-eventHeight-35 .vis-item-content {
    height: 35px;
}

html .timetable-eventHeight-40 .vis-item,
html .timetable-eventHeight-40 .vis-item-content {
    height: 40px;
}

html .timetable-eventHeight-45 .vis-item,
html .timetable-eventHeight-45 .vis-item-content {
    height: 45px;
}

html .timetable-eventHeight-50 .vis-item,
html .timetable-eventHeight-50 .vis-item-content {
    height: 50px;
}

html .timetable-eventHeight-55 .vis-item,
html .timetable-eventHeight-55 .vis-item-content {
    height: 55px;
}

html .timetable-eventHeight-60 .vis-item,
html .timetable-eventHeight-60 .vis-item-content {
    height: 60px;
}

html .timetable-eventHeight-65 .vis-item,
html .timetable-eventHeight-65 .vis-item-content {
    height: 65px;
}

html .timetable-eventHeight-70 .vis-item,
html .timetable-eventHeight-70 .vis-item-content {
    height: 70px;
}

html .timetable-eventHeight-75 .vis-item,
html .timetable-eventHeight-75 .vis-item-content {
    height: 75px;
}

html .timetable-eventHeight-80 .vis-item,
html .timetable-eventHeight-80 .vis-item-content {
    height: 80px;
}

html .timetable-eventHeight-85 .vis-item,
html .timetable-eventHeight-85 .vis-item-content {
    height: 85px;
}

html .timetable-eventHeight-90 .vis-item,
html .timetable-eventHeight-90 .vis-item-content {
    height: 90px;
}

html .timetable-eventHeight-95 .vis-item,
html .timetable-eventHeight-95.vis-item-content {
    height: 95px;
}

html .timetable-eventHeight-100 .vis-item,
html .timetable-eventHeight-100 .vis-item-content {
    height: 100px;
}

html .timetable-eventHeight-105 .vis-item,
html .timetable-eventHeight-105 .vis-item-content {
    height: 105px;
}

html .timetable-eventHeight-110 .vis-item,
html .timetable-eventHeight-110 .vis-item-content {
    height: 110px;
}

html .timetable-eventHeight-115 .vis-item,
html .timetable-eventHeight-115 .vis-item-content {
    height: 115px;
}

html .timetable-eventHeight-120 .vis-item,
html .timetable-eventHeight-120 .vis-item-content {
    height: 120px;
}

html .timetable-eventHeight-125 .vis-item,
html .timetable-eventHeight-125 .vis-item-content {
    height: 125px;
}

html .timetable-eventHeight-130 .vis-item ,
html .timetable-eventHeight-130 .vis-item-content
{
    height: 130px;
}

html #serviceWorkSchedule div.timeline-frame {
    overflow-y: auto;
}

html #serviceWorkSchedule div.timeline-content {
    height: 100% !important;
}

html #serviceWorkSchedule div.timeline-content,
html #serviceWorkSchedule div.timeline-groups-axis {
    overflow: hidden !important;
}

html #serviceWorkSchedule {
    min-height: 0;
    overflow: hidden;
}

html #serviceWorkSchedule > .ui-content-wrapper {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden !important;
}

html #serviceWorkSchedule > .ui-content-wrapper > .ui-content-wrapper-border {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

html #serviceWorkSchedule .service-work-schedule-timelines-host {
    flex: 1 1 auto;
    flex-shrink: 1 !important;
    min-height: 0;
    overflow: hidden;
}

html #serviceWorkSchedule .service-work-schedule-timelines-container {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

html #serviceWorkSchedule .service-work-schedule-timelines-container .ui-tabs,
html #serviceWorkSchedule .service-work-schedule-timelines-container .ui-tabs-panels,
html #serviceWorkSchedule .service-work-schedule-timelines-container .ui-tabs-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

html #serviceWorkSchedule .service-work-schedule-shift-wrapper,
html #serviceWorkSchedule .service-work-schedule-shift-panel {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

html #serviceWorkSchedule .service-work-schedule-shift-panel div.timeline-frame {
    flex: 1 1 auto;
    min-height: 0;
    height: 100% !important;
    max-height: 100% !important;
    overflow-y: auto !important;
}

html #serviceWorkSchedule .service-work-schedule-shift-spacer {
    flex: 0 0 20px;
}

html #CarRentalSchedule div.timeline-event-selected div.timeline-event-content {
    cursor: default;
}

div.vis-delete {
    display: none;
}

/*-------------------------------------------------------------------------------------------------------------------
TinyMCE  image file picker
--------------------------------------------------------------------------------------------------------------------*/
div[aria-label="Insert/edit image"] .mce-formitem:nth-child(2) input {
    display: none; /* Hide source URL input */
}

div[aria-label="Font Sizes"].mce-menubtn.mce-fixed-width span {
    width: 30px;
}

html .mce-btn button {
    padding: 4px 8px;
}

div[aria-label="Insert/edit image"] .mce-formitem:nth-child(2) .mce-btn {
    border: 1px solid #c5c5c5;
}

#uploadFileErrorMessage {
    border: 1px solid;
    border-color: #ef5350;
    background-color: #ef5350;
    display: block;
    padding: 10px;
    margin: 5px 20px 0 20px;
}

#uploadFileErrorMessage span {
    color: white;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    font-weight: bold;
    position: relative;
    vertical-align: middle;
    display: block;
    word-wrap: break-word;
    white-space: normal;
}

/*-------------------------------------------------------------------------------------------------------------------
VERTICAL TIMELINE
--------------------------------------------------------------------------------------------------------------------*/
.ui-vertical-timeline .ui-datascroller .ui-datascroller-content {
    padding: 0px;
    border-radius: 0px;
    border: none;
}

.ui-vertical-timeline .ui-datascroller .ui-datascroller-content table {
    border-collapse: collapse;
    border-spacing: 0px;
    width: 100%;
}

.ui-vertical-timeline .ui-datascroller .ui-datascroller-content table td,
.ui-vertical-timeline .vt-element-header,
.ui-vertical-timeline .vt-element-content {
    padding: 0px;
}

.ui-vertical-timeline .vt-element-wrapper {
    padding: 0px;
    display: flex;
}

.ui-vertical-timeline .vt-element-timeline,
.ui-vertical-timeline .vt-element-wrapper,
.ui-vertical-timeline .ui-datascroller .ui-datascroller-content li {
    position: relative;
}

.ui-vertical-timeline .vt-element-timeline:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: calc(50% - 2px);
    background: #009ee3;
}

.ui-vertical-timeline .ui-datascroller .ui-datascroller-content li:first-of-type:first-of-type {
    padding-top: 10px;
}

.ui-vertical-timeline .ui-datascroller .ui-datascroller-content li:first-of-type:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    position: absolute;
    top: 0px;
    left: 14px;
    background: #009ee3;
}

.ui-vertical-timeline .ui-datascroller .ui-datascroller-content li:last-of-type {
    padding-bottom: 10px;
}

.ui-vertical-timeline .ui-datascroller .ui-datascroller-content li:last-of-type:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
    position: absolute;
    bottom: 0px;
    left: 14px;
    background: #009ee3;
}

.ui-vertical-timeline .vt-element-timeline {
    padding: 5px 0px;
    width: 40px;
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon {
    background-position: center center;
    background-size: 25px auto !IMPORTANT;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    background-color: #009ee3;
    width: 40px;
    margin: 0px 0px 0px 0px !important;
    float: left;
    height: 40px;
    border-radius: 20px;
    border: 4px solid #009ee3;
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon.ui-ico-CALL_CUSTOMER {
    background-image: url("../svg/crm_ico_call_customer_fff.svg.jsf");
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon.ui-ico-CUSTOMER_CALLS {
    background-image: url("../svg/crm_ico_customer_calls_fff.svg.jsf");
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon.ui-ico-EMAIL_CUSTOMER {
    background-image: url("../svg/crm_ico_email_customer_fff.svg.jsf");
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon.ui-ico-CUSTOMER_EMAILS {
    background-image: url("../svg/crm_ico_customer_emails_fff.svg.jsf");
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon.ui-ico-MAIL_CUSTOMER {
    background-image: url("../svg/crm_ico_mail_customer_fff.svg.jsf");
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon.ui-ico-CUSTOMER_MAILS {
    background-image: url("../svg/crm_ico_customer_mails_fff.svg.jsf");
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon.ui-ico-TEXT_CUSTOMER {
    background-image: url("../svg/crm_ico_text_customer_fff.svg.jsf");
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon.ui-ico-CUSTOMER_TEXTS {
    background-image: url("../svg/crm_ico_customer_texts_fff.svg.jsf");
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon.ui-ico-VISIT_CUSTOMER {
    background-image: url("../svg/crm_ico_visit_customer_fff.svg.jsf");
}

.ui-vertical-timeline .vt-element-timeline .vt-element-icon.ui-ico-CUSTOMER_VISITS {
    background-image: url("../svg/crm_ico_customer_visits_fff.svg.jsf");
}

.ui-vertical-timeline .vt-element-details {
    margin: 5px 0px 5px 20px;
    background: #fff;
    border: 1px solid #d5d5d5;
    border-radius: 3px;
    position: relative;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    width: calc(100% - 60px);
}

.ui-vertical-timeline .vt-element-details:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: -16px;
    top: 8px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 16px solid #d5d5d5;
    border-bottom: 12px solid transparent;
}

.ui-vertical-timeline .vt-element-details:after {
    content: "";
    display: inline-block;
    position: absolute;
    left: -15px;
    top: 9px;
    width: 0;
    height: 0;
    border-top: 11px solid transparent;
    border-right: 15px solid #fff;
    border-bottom: 11px solid transparent;
}

.ui-vertical-timeline .vt-element-header {
    border-bottom: 1px solid #d5d5d5;
}

.ui-vertical-timeline .vt-element-header > div {
    padding-top: 0px;
    min-height: 0px;
}

.ui-vertical-timeline .vt-element-header label {
    font-size: 13px
}

.ui-vertical-timeline .vt-element-header .vt-element-button {
    float: right;
}

.ui-vertical-timeline .vt-element-header .vt-main-header,
.ui-vertical-timeline .vt-element-header .vt-sub-header .ui-field {
    min-height: 0px;
}

.ui-vertical-timeline .vt-element-header .vt-sub-header {
    display: inline-block;
    width: 100%;
    color: #b3b3b3;
}

.ui-vertical-timeline .vt-element-header .vt-sub-header .ui-field label {
    font-size: 1em;
    text-decoration: underline;
    width: auto;
    min-width: 0px;
    float: left;
}

.ui-vertical-timeline .vt-element-header .vt-sub-header .ui-field label:hover {
    color: #C90200;
}

.ui-text-normal .ui-field-label-value {
    font-weight: normal;
}

.ui-vertical-timeline .vt-element-content {
    padding-top: 5px;
}

.ui-vertical-timeline .vt-element-content .ui-field {
    min-height: 0px;
}

.ui-vertical-timeline.ui-top-timeline,
.ui-vertical-timeline.ui-top-timeline .ui-datascroller .ui-datascroller-content li:last-of-type {
    padding-bottom: 0px;
}

.ui-vertical-timeline + .ui-vertical-timeline.ui-bottom-timeline,
.ui-vertical-timeline + .ui-vertical-timeline.ui-bottom-timeline .ui-datascroller .ui-datascroller-content li:first-of-type:first-of-type {
    padding-top: 0px;
}

.ui-vertical-timeline.ui-top-timeline .ui-datascroller .ui-datascroller-content li:first-of-type:after,
.ui-vertical-timeline + .ui-vertical-timeline.ui-bottom-timeline .ui-datascroller .ui-datascroller-content li:first-of-type:before {
    display: none;
}

.ui-vertical-timeline + .ui-vertical-timeline.ui-bottom-timeline .ui-datascroller {
    border-top: 1px solid #C90200;
    position: relative;
}

.ui-vertical-timeline .ui-datascroller .ui-datascroller-loader {
    padding: 0px;
}

.ui-vertical-timeline.ui-pastTimeline .vt-element-timeline .vt-element-icon,
.ui-vertical-timeline.ui-pastTimeline .ui-datascroller .ui-datascroller-content li:first-of-type:before,
.ui-vertical-timeline.ui-pastTimeline .ui-datascroller .ui-datascroller-content li:last-of-type:after,
.ui-vertical-timeline.ui-pastTimeline .vt-element-timeline:before,
.ui-vertical-timeline.ui-pastTimeline .vt-element-timeline:after {
    background-color: #D9D9D9;
}

.ui-vertical-timeline.ui-pastTimeline .vt-element-timeline .vt-element-icon {
    border-color: #D9D9D9;
}

.ui-vertical-timeline + .ui-vertical-timeline.ui-bottom-timeline .ui-datascroller:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: -6px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 9px solid #C90200;
    border-bottom: 5px solid transparent;
}

.ui-vertical-timeline + .ui-vertical-timeline.ui-bottom-timeline .ui-datascroller:after {
    content: "";
    display: inline-block;
    position: absolute;
    right: 0px;
    top: -6px;
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 9px solid #C90200;
    border-bottom: 5px solid transparent;
}

.ui-vertical-timeline .vt-element-content .vt-planned,
.ui-vertical-timeline .vt-element-content .vt-executor {
    color: #808080;
    text-align: right;
    float: right;
}

.ui-vertical-timeline .vt-element-content label {
    padding-top: 0px;
}

.ui-vertical-timeline .vt-element-content .vt-planned label:before {
    content: "\f073";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

.ui-vertical-timeline .vt-element-content .vt-executor label:before {
    content: "\f007";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

.ui-vertical-timeline .vt-element-content .vt-goal > label:first-child {
    width: 40px;
}

.ui-vertical-timeline .vt-element-content .vt-goal > label:last-child {
    text-align: justify;
}

.ui-vertical-timeline .vt-element-content .vt-steps {
    background-color: #f6f7f9;
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 35px, #fff 35px, #fff 70px);
    margin-top: -5px;
    padding-top: 0px;
}

.ui-vertical-timeline .vt-element-content .vt-steps > div {
    width: auto;
    background-color: #414141;
    color: #fff;
    border-radius: 20px;
    margin-right: 20px;
    position: relative;
    margin-top: 5px;
}

.ui-vertical-timeline .vt-element-content .vt-steps > div:after {
    content: "\f0a9";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 16px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    right: -17px;
    line-height: 22px;
    top: 4px;
    color: #414141;
}

.ui-vertical-timeline .vt-element-content .vt-steps > div:last-of-type {
    margin-right: 0px;
}

.ui-vertical-timeline .vt-element-content .vt-steps > div:last-of-type:after {
    display: none;
}

.ui-vertical-timeline .vt-element-content .vt-steps > div .ui-field label {
    padding-top: 3px;
}

.ui-vertical-timeline .vt-element-content .vt-steps > div .ui-field.vt-survey-true {
    width: calc(100% - 20px);
}

.ui-vertical-timeline .vt-element-content .vt-steps > div .vt-survey-icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    margin-left: 4px;
    background: url(../svg/crm_ico_interview_fff.svg.jsf) no-repeat scroll center center transparent;
    background-size: 16px auto !IMPORTANT;
}

.vt-note-icon {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: 14px;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fff;
    text-align: center;
    line-height: 20px !important;
}

.vt-note-icon:before {
    content: "\f249";
}

.ui-vertical-timeline .vt-element-content .vt-details {
    border-top: 1px solid #d5d5d5;
    padding-left: 0px;
    padding-right: 0px;
}

.ui-vertical-timeline .vt-element-content .vt-details .vt-source-icon {
    float: left;
}

.ui-vertical-timeline .vt-element-content .vt-details .vt-content-atd {
    border-radius: 3px;
    background: #F6F7F9;
}

.ui-vertical-timeline .vt-element-content .vt-details .vt-content-atd .atd-amount {
    width: auto;
    min-width: 24px;
    background: #d9d9d9;
    border-radius: 12px;
}

/*-------------------------------------------------------------------------------------------------------------------
    Editable table
    --------------------------------------------------------------------------------------------------------------------*/
.editable-table .ui-icon-close {
    display: none !important;
}

.editable-table .ui-row-editor .ui-icon {
    background: none !important;
    text-indent: initial;
    /* display: inline-block; */
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.editable-table .ui-row-editor .ui-icon-pencil:before {
    content: "\f040";
}

.editable-table tr:last-child .ui-row-editor .ui-icon-pencil:before {
    content: "\f067";
}

.editable-table .ui-row-editor .ui-icon-check:before {
    content: "\f00c";
}

.editable-table td:last-child {
    display: flex;
    border: 0 !important;
}

.ui-row-editor {
    display: inline-block !important;
}

.editable-table .editable-table-button {
    width: 25px;
    height: 16px;
    text-decoration: none;
    padding-left: 5px;
}

/* Owned cars table (Marketing Data) */
.editable-table .edit-column {
    width: 5%;
}

.editable-table .eurotax-column {
    width: 40%;
}

/*-------------------------------------------------------------------------------------------------------------------
PHONE CONTROL
--------------------------------------------------------------------------------------------------------------------*/

.multipleInput > .ui-phone-min30 {
    min-width: 30px;
    padding-left: 0px;
}

.multipleInput > .ui-phone-min30 input,
.multipleInput > .ui-phone-min60 input {
    padding-left: 2px;
    padding-right: 2px;
}

.multipleInput > .ui-phone-min60 {
    min-width: 60px;
}

.multipleInput > .ui-phone-bracket {
    padding-left: 1px;
}

.multipleInput > .ui-phone-bracket + .ui-field {
    padding-left: 0px;
}

/*-------------------------------------------------------------------------------------------------------------------
DATA LIST
--------------------------------------------------------------------------------------------------------------------*/
.hide-column-names table thead tr {
    display: none;
}

th.data-list-column:first-child {
    border-right: none !important;
}

th.data-list-column:last-child {
    border-left: none !important;
}

th.data-list-column:not(:first-child):not(:last-child) {
    border-right: none !important;
    border-left: none !important;
}

th.data-list-column {
    font-weight: bold;
    text-align: left;
    text-indent: 10px;
}

.ui-preview-field-label {
    color: #666666;
}

#treeForm fieldset div > div {
    text-align: center;
}

#treeForm ul {
    text-align: center;
    -webkit-padding-start: 0px;
}

#treeForm ul > li {
    display: inline;
}

#treeForm ul li + li:before {
    padding-left: 5px;
    padding-right: 5px;
    content: ">";
}

#treeForm\:car-types\:car-types {
    margin: 0 auto;
    width: auto;
    float: none;
}

#treeForm table {
    text-align: left;
}

.ui-selectcheckboxmenu-group-first {
    margin-top: 0px !important;
}

.ui-selectcheckboxmenu-group {
    margin-top: 25px !important;
}

.ui-selectcheckboxmenu-group-text {
    font-weight: bold;
    font-size: 110%;
}

.ui-outputpanel.ownedCarsDesc.ui-widget {
    max-width: calc(100% - 80px);
    float: right;
}

.ui-tooltip.ui-state-error {
    border-width: 0px;
}

.ui-lightbox-nav-left {
    display: none !important;
}

.ui-lightbox-nav-right {
    display: none !important;
}

.ui-photo {
    display: block;
    text-align: center;
    position: relative;
}

html .ui-fileupload-content .ui-fileupload-row > div {
    vertical-align: middle;
    white-space: normal;
    word-break: break-word;
    padding: 16px 5px 4px 5px;
}

html .ui-fileupload-content .ui-fileupload-row .ui-fileupload-file-title-container {
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

html .ui-fileupload-content .ui-fileupload-row .ui-fileupload-file-description-container {
    vertical-align: top;
    padding-top: 0px;
    padding-right: 0px;
}

html .ui-fileupload-content .ui-fileupload-row .ui-fileupload-file-title-container label,
html .ui-fileupload-content .ui-fileupload-row .ui-fileupload-file-description-container label {
    width: 100%;
    padding-bottom: 5px;
    display: block;
}

html .ui-fileupload-content .ui-fileupload-row .ui-fileupload-file-description-container textarea {
    resize: none;
    height: 85px;
    width: 200px;
}

html .ui-fileupload-content .ui-fileupload-row .ui-fileupload-cancel span.ui-icon {
    margin-left: -8px !important;
}

html .ui-fileupload-content .ui-fileupload-row .ui-fileupload-preview canvas {
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 4px;
    background: #f6f7f9;
}

html .ui-fileupload-content .ui-fileupload-row .ui-fileupload-progress {
    padding-right: 0px
}

html .ui-fileupload-content .ui-fileupload-row .ui-progressbar,
html .ui-fileupload-content .ui-fileupload-row .ui-fileupload-file-title-container input {
    width: 150px;
    top: 0px;
    height: 22px;
}

html .gallery-buttons {
    text-align: center;
    padding-bottom: 5px;
    display: block;
}

.gallery-items {
    max-width: 100%;
    max-height: 150px;
    width: auto;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    margin-bottom: 4px;
    padding: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    background: #f6f7f9;
    cursor: pointer;
}

.issue-photos {
    max-width: 100%;
    max-height: 500px;
    width: auto;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    margin-bottom: 4px;
    padding: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    background: #f6f7f9;
    cursor: pointer;
}

html .gallery-items-counter {
    position: absolute;
    width: auto !important;
    color: #fff;
    background: #414141;
    padding: 0px 8px;
    border-radius: 10px;
    white-space: nowrap;
    top: 0px;
    left: 0px;
    min-width: 40px;
    line-height: 20px;
}

html .gallery-items-counter * {
    padding: 0px;
    min-height: 0px;
    min-width: 0px !important;
    width: auto !important;
    max-width: 100% !important;
}

.ui-photo .ui-image-button {
    border: 1px solid #d9d9d9;
    color: #000;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    display: inline-block;
    position: relative;
    margin-right: 2%;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
    font-weight: bold;
    padding: 0;
    border-radius: 2px;
    line-height: 20px;
    width: 32%;
}

.ui-photo .ui-image-button:hover {
    border: 1px solid #d9d9d9;
    background: #f6f7f9;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

.ui-photo .ui-image-button:last-child {
    margin-right: 0
}

.ui-photo .ui-photo-details {
    margin-top: 10px;
    text-align: left;
}

.ui-photo .ui-photo-details .ui-field > label {
    word-break: break-all;
}

html .ui-state-error,
html .ui-widget-content .ui-state-error,
html .ui-widget-header .ui-state-error {
    border: 1px solid #ef5350;
}

html .ui-outputlabel.ui-state-error,
html .ui-selectonemenu-trigger.ui-state-error {
    border: none;
}

#add-lost-items-view .ui-fileupload .ui-fileupload-content,
#add-external-damages-view .ui-fileupload .ui-fileupload-content,
#add-edit-document-scan-order-comment .ui-fileupload .ui-fileupload-content{
    min-height: 130px;
}

/*-------------------------------------------------------------------------------------------------------------------
TREE
--------------------------------------------------------------------------------------------------------------------*/
.ui-tree .ui-chkbox {
    float: none;
}

/*---- customerShortcutPreview.xhtml ----*/

div.customerShortcutPreview label.name {
    font-size: 150%;
}

div.customerShortcutPreview label.street {
    font-size: 120%;
}

/*---- index.xhtml ----*/
html .ui-footer .company,
html .ui-footer .division,
html .ui-footer .user,
html .ui-footer .profile,
html .ui-footer .language,
html .ui-footer .ui-footer-contextsInfo {
    background-position: center center;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 16px auto !IMPORTANT;
    width: 24px;
    margin: 0;
}

html .ui-footer .company {
    background-image: url("../svg/footer-company.svg.jsf");
}

html .ui-footer .division {
    background-image: url("../svg/footer-division.svg.jsf");
}

html .ui-footer .user {
    background-image: url("../svg/footer-user.svg.jsf");
}

html .ui-footer .profile {
    background-image: url("../svg/footer-profile.svg.jsf");
}

html .ui-footer .language {
    background-image: url("../svg/footer-language.svg.jsf");
}

html .ui-footer .ui-footer-contextsInfo {
    padding: 0 0 0 24px;
    background-image: url("../svg/footer-relation.svg.jsf");
    background-position: 4px center;
    width: auto;
}

html .ui-footer .footer-left {
    float: left;
}

html .ui-footer .footer-right {
    float: right;
}

html .ui-footer label {
    padding-top: 8px;
    margin-right: 8px;
    display: inline-block;
    line-height: 11px;
    max-height: 32px;
    overflow: hidden;
}

html .ui-footer .ui-footer-contextsInfo label {
    background: #414141;
    border-radius: 3px;
    color: #fff;
    padding: 3px;
    margin-top: 4px;
    max-height: 26px;
    overflow: hidden;
    line-height: 10px;
}

html .ui-footer .ui-selectonemenu {
    padding: 0px;
    margin-right: 8px;
    height: 24px;
    top: 3px;
    border: none;
}

html .ui-footer .ui-selectonemenu label {
    padding: 0;
    line-height: 24px;
    text-indent: 4px;
    border: 1px solid #d6d6d6;
}

html .ui-footer .ui-selectonemenu .ui-selectonemenu-trigger {
    top: 1px;
    right: 1px;
}

html #addEditAdditionalWarrantyView .ui-messages .ui-messages-error {
    margin: 10px;
}

html .ui-field.recommendedField {
    background: #f6d7d9;
    border-radius: 4px;
}

/*---- work-hours.xhtml ----*/
.work-hours-table .work-hours-table-day-type {
    float: right;
}

.work-hours-table .work-hours-table-year {
    margin-left: 5px;
}

.work-hours-table a {
    text-decoration: none;
}

/*-------------------------*/

/* Fetch email result provider */

.fetchEmailResultProvider li {
    margin-bottom: 10px;
}

/* User task list */
.userTaskListOverlayPanel {
    max-width: 700px;
    max-height: 450px;
}

.ui-datepicker-header * {
    outline: 0 !important;
}

html .warningIcon {
    background: #fff;
    padding-left: 50px;
    color: #ffa726;
    border: 1px solid #ffa726;
    vertical-align: middle;
    /*    line-height: 25px;*/
    border-radius: 3px;
    font-weight: normal;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    padding-top: 3px;
    padding-bottom: 3px;
    min-height: 30px;
}

html .warningIcon:before {
    background-image: url('../img/messages.png.jsf');
    background-position: 0 -448px;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-color: #ffa726;
    outline: 10px solid #ffa726;
    display: inline-block;
    content: "";
    position: absolute;
    left: 10px;
    top: calc(50% - 12px);
    height: 24px;
    width: 24px;
}

html .warningIcon .ui-field {
    min-height: 0px;
    padding: 0px;
}

html .warningIcon div.ui-field:first-of-type label {
    padding-top: 5px;
}

html .warningIcon .ui-field label {
    font-weight: normal !important;
    padding-top: 0px;
}

/*Datatable CRM handler and dictionary icons*/

.enumDTCell {
    color: transparent;
}

label.enumDTCell {
    height: 100%;
    width: 100%;
    display: inline-block;
}

.dictionaryDTCell {
    color: transparent;
}

.amountDTCell {
    float: right;
}

.ui-block-hidden {
    width: 0;
    height: 0;
    overflow: hidden;
}

/*-------------------------------------------------------------------------------------------------------------------
MSG
--------------------------------------------------------------------------------------------------------------------*/

html .ui-growl.ui-widget {
    z-index: 2999 !important;
}

html .ui-growl > .ui-growl-item-container,
.ui-appUAmsg-wrapper {
    background: rgba(0, 0, 0, 0.66);
    border: 1px solid rgba(0, 0, 0, 0.3) !important;
    box-shadow: 0 0px 3px 1px rgba(0, 0, 0, 0.5) !important;
    color: #fff;
    position: relative;
}

.ui-appUAmsg-wrapper {
    position: fixed;
    right: 7px;
    bottom: 67px;
    z-index: 2998;
    padding: 10px 10px 10px 40px;
    pointer-events: none;
    background-image: url(../svg/ico_no_connection_fff.svg.jsf) !important;
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 10px center;
}

html .ui-growl > .ui-growl-item-container.ui-growl-success {
    background: rgba(143, 176, 33, 0.9);
}

html .ui-messages .ui-messages-error,
html .ui-message.ui-message-error,
html .ui-messages .ui-messages-fatal,
html .ui-message.ui-message-fatal {
    border-color: rgba(0, 0, 0, 0.3);
    color: #fff;
    position: relative;
}

html .ui-growl-image {
    background-image: url('../img/messages.png.jsf') !important;
    background-repeat: no-repeat;
    background-position: 0 0;
    margin-top: 0px;
    position: absolute;
    top: calc(50% - 16px);
    left: 10px;
}

html .ui-growl-image-info,
html .ui-growl-image-undefined {
    background-position: 0 -264px;
}

html .ui-growl-image-success {
    background-position: 0 -527px;
}

html .ui-growl-image-warn {
    background-position: 0 -396px;
}

html .ui-growl-image-error {
    background-position: 0 0;
}

html .ui-growl-image-fatal {
    background-position: 0 -132px;
}

.ui-growl .ui-growl-title {
    font-size: 13px;
}

.ui-growl .ui-growl-message p {
    font-size: 11px;
}

html .ui-messages-info,
html .ui-messages-warn,
html .ui-messages-error,
html .ui-messages-fatal {
    margin: 0px 0px 0px 0px;
    border-radius: 0px;
    position: relative;
}

html .ui-popup .ui-messages-info,
html .ui-popup .ui-messages-warn,
html .ui-popup .ui-messages-error,
html .ui-popup .ui-messages-fatal {
    margin: 0px 0px 10px 0px;
    border-radius: 3px;
    position: relative;
}

html .ui-growl > .ui-growl-error,
html .ui-growl > .ui-growl-fatal,
html .ui-messages .ui-messages-error,
html .ui-message.ui-message-error,
html .ui-messages .ui-messages-fatal,
html .ui-message.ui-message-fatal {
    background-color: #C90200;
}

html .ui-growl > .ui-growl-info {
    background-color: #000;
}

html .ui-growl > .ui-growl-warn {
    background-color: #ffa726;
}

html .ui-messages a {
    color: #fff;
}

html .ui-growl .ui-state-highlight {
    border: none !important;
}

html .ui-growl .ui-state-highlight .ui-icon {
    background-image: url("/jakarta.faces.resource/images/ui-icons_ffffff_256x240.png.jsf?ln=primefaces-omega");
}

html .ui-messages .ui-messages-error ul {
    margin: 0px 0px 0px 25px;
}

html .ui-messages .ui-messages-error .ui-messages-error-icon + ul .ui-messages-error-summary {
    margin: 0px;
}

html .ui-messages-info-summary,
html .ui-messages-warn-summary,
html .ui-messages-error-summary,
html .ui-messages-fatal-summary,
html .ui-message-info-summary,
html .ui-message-warn-summary,
html .ui-message-error-summary,
html .ui-message-fatal-summary {
    padding-left: 10px;
    font-weight: bold;
    text-indent: 0px;
    display: inline-block;
}

/*-------------------------------------------------------------------------------------------------------------------
CLOCK
--------------------------------------------------------------------------------------------------------------------*/
html .ui-clock-layout,
html .ui-clock-layout .ui-layout-unit-content {
    padding: 0px;
}

html .ui-clock-layout .ui-layout-unit-content {
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
}

html .ui-clock-layout .ui-clock.ui-widget {
    display: inline-block;
    font-size: 300px;
    width: 100%;
    text-align: center;
    font-family: Arial;
    border: none;
    top: calc(50% - 175px);
    position: absolute;
    background: transparent;
}

.ui-layout-unit.ui-g-nopad .ui-layout-unit-content {
    padding: 0px;
}

html .ui-layout-unit.ui-g-nopad.ui-datatable-no-border .ui-datatable-layout-wrapper {
    border: none;
}

/*-------------------------------------------------------------------------------------------------------------------
TERMINARZ / TASK SCHEDULE
--------------------------------------------------------------------------------------------------------------------*/
html a.fc-event {
    border-color: #d9d9d9;
    min-height: 60px /*25px*/;
    min-width: 160px;
    overflow-y: hidden;
    overflow-X: hidden;
    display: flex;
    flex: 1 1 auto;
    align-items: stretch;
    transition-property: transform, filter, padding-right, padding-left;
    transition-duration: 300ms;
    transition-style: cubic-bezier(.4,1.6,.4,1);
}

html a.fc-event .fc-event-title-container .fc-event-time{
    display: inline-block !important;
    padding-top: 4px;
    font-weight: bold;
}

html .fc-event .schedule-event-icons {
    padding: 0 2px 2px 0;
}

html .fc-scroller.fc-event-time-grid-container {
    overflow: auto auto !important;
}

html .fc thead .fc-scroller {
    overflow: hidden !important;
}

html .fc-view-container *,
html .fc-view-container *:before,
html .fc-view-container *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html .fc-event > .fc-event-main,
html .fc-event > .fc-event-title-container {
    opacity: .7;
    transition: opacity 100ms;
}

html .fc-timegrid-event-harness,
html .fc-daygrid-event-harness {
    display: flex;
    -webkit-font-smoothing: antialiased;
}

html .fc-timegrid-event-harness:hover,
html .fc-daygrid-event-harness:hover{
    z-index: 9999 !important;
}

html .fc-timegrid-event-harness:hover .fc-event,
html .fc-daygrid-event-harness:hover .fc-event {
    min-width: auto;
    min-height: auto;
    min-width: -moz-available;
    min-height: -moz-available;
    min-width: -webkit-fill-available;
    min-height: -webkit-fill-available;
    min-width: fill-available;
    min-height: fill-available;

    width: fit-content;
    height: fit-content;

    filter: drop-shadow(0 2px 4px rgba(0,0,0,.25));
    transform: translateY(-4px);
}

html .fc-daygrid-event-harness:hover .fc-event {
    /* no snap grid here */
    min-width: fit-content;
    min-height: 60px;
    padding-right: 5px;
    padding-left: 5px;
}

html .fc-timegrid-event-harness:hover .fc-event>.fc-event-main,
html .fc-daygrid-event-harness:hover .fc-event>.fc-event-title-container {
    opacity: 1;
}

html a.fc-event:hover .fc-event-resizer {
    bottom: 0 !important;
}

html .fc-daygrid-event-harness .fc-event-title {
    padding-left: 4px;
}

html a.fc-event .fc-event-title-container:hover .fc-event-time,
html a.fc-event .fc-event-title-container:hover .fc-event-title,
html a.fc-event .fc-event-title-container:hover .fc-event-main {
    text-decoration: underline;
    opacity:1;
}

html a.fc-event .schedule-event-customer .schedule-event-customer-link:hover,
html .event-preview-content a:hover {
    opacity: 1;
}

html a.fc-event .fc-event-time *,
html a.fc-event .fc-event-title-container,
html .fc-event-main .schedule-event-customer,
html a.fc-event .schedule-event-description {
    font-size: 9px;
    display: inline-block;
    padding-top: 4px;
}

html .fc-event-main.schedule-event-description-wrapper{
    color: inherit;
}

html a.fc-event .schedule-event-customer *,
html .fc-event-main .schedule-event-cars *,
html .fc-event-main .schedule-event-crm-note * {
    display: inline-block;
    padding-bottom: 2px;
}

html .fc-event-main .schedule-event-customer {
    color: inherit !important;
}

html .fc-event-main .schedule-event-customer-phone,
html .fc-event-main .schedule-event-customer .schedule-event-customer-link,
html .fc-event-main .schedule-event-cars,
html .fc-event-main .schedule-event-crm-note{
    position: relative;
    padding-left: 10px;
}

html .fc-event-main .schedule-event-customer .schedule-event-customer-link {
    text-decoration: underline;
}

html .fc-event-main .schedule-event-customer-phone:before,
html .fc-event-main .schedule-event-customer .schedule-event-customer-link:before,
html .fc-event-main .schedule-event-cars:before {
    content: "\f111";
    display: inline-block;
    font: normal normal normal 10px/1 FontAwesome;
    position: absolute;
    top: 1px;
    left: 0px;
}

html .fc-event-main .schedule-event-cars:before {
    content: "";
    background-image: url(../svg/ico_car.svg.jsf) !important;
    width: 9px;
    height: 9px;
    background-size: 100% auto;
}

html .fc-event-main .schedule-event-cars-details{
    font-size: inherit;
}

html .fc-event-main .schedule-event-customer-phone {
    display: block !important;
    min-height: 11px;
}

html .fc-event-main .schedule-event-customer-phone:before {
    content: "\f095";
}

html .fc-event-main .schedule-event-customer .schedule-event-customer-link:before {
    content: "\f007";
}

html .schedule-event-font-color-RED,
html .schedule-event-font-color-RED a,
html .schedule-event-font-color-RED a:visited,
html .schedule-event-font-color-RED a:hover,
html .fc-event-main.schedule-event-font-color-RED .schedule-event-customer,
.ui-font-color-RED,
.fa-red {
    color: #C90200 /*#800000*/;
}

html .schedule-event-font-color-BLUE,
html .schedule-event-font-color-BLUE a,
html .schedule-event-font-color-BLUE a:visited,
html .schedule-event-font-color-BLUE a:hover,
html .fc-event-main.schedule-event-font-color-BLUE .schedule-event-customer,
.ui-font-color-BLUE {
    color: #4285F4 /*#0000FF*/;
}

html .schedule-event-font-color-MAROON,
html .schedule-event-font-color-MAROON a,
html .schedule-event-font-color-MAROON a:visited,
html .schedule-event-font-color-MAROON a:hover,
html .fc-event-main.schedule-event-font-color-MAROON .schedule-event-customer,
.ui-font-color-MAROON {
    color: #800000;
}

html .schedule-event-font-color-PURPLE,
html .schedule-event-font-color-PURPLE a,
html .schedule-event-font-color-PURPLE a:visited,
html .schedule-event-font-color-PURPLE a:hover,
html .fc-event-main.schedule-event-font-color-PURPLE .schedule-event-customer,
.ui-font-color-PURPLE {
    color: #800080;
}

html .schedule-event-font-color-BLACK,
html .schedule-event-font-color-BLACK a,
html .schedule-event-font-color-BLACK a:visited,
html .schedule-event-font-color-BLACK a:hover,
html .fc-event-main.schedule-event-font-color-BLACK .schedule-event-customer,
.ui-font-color-BLACK {
    color: #000000;
}

html .schedule-event-font-color-GREEN,
html .schedule-event-font-color-GREEN a,
html .schedule-event-font-color-GREEN a:visited,
html .schedule-event-font-color-GREEN a:hover,
html .fc-event-main.schedule-event-font-color-GREEN .schedule-event-customer,
.ui-font-color-GREEN {
    color: #34A853 /*#00FF00*/;
}

.fa-green {
    color: #8FB021;
}

html .schedule-event-font-color-GRAY,
.schedule-event-font-color-GRAY a,
.schedule-event-font-color-GRAY a:visited,
.schedule-event-font-color-GRAY a:hover,
html .fc-event-main.schedule-event-font-color-GRAY .schedule-event-customer,
.ui-font-color-GRAY {
    color: #C0C0C0;
}

.ui-font-color-ORANGE {
    color: #ffa726;
}

.ui-font-color-WHITE {
    color: #FFFFFF;
}

.ui-font-color-OLIVE {
    color: olive;
}

html .fc-event-main .schedule-event-cars-vin,
html .fc-event-main .schedule-event-customer-phone {
    font-weight: bold;
}

html a.fc-event .fc-event-main {
    color: inherit !important;
    padding: 2px;
}

html a.fc-event:hover .fc-bg {
    background: rgba(0, 0, 0, 0.1);
}

html a.fc-event .fc-event-main .fc-event-title-container {
    font-weight: bold;
    text-decoration: underline;
    display: block;
}

.schedule-event-icons,
.schedule-event-customer {
    display: inline-block;
    vertical-align: top;
}

.schedule-event-icons > span {
    height: 18px;
    width: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: default;
    float: left;
    box-sizing: border-box;
    background-size: 14px auto !IMPORTANT;
}

.event-preview-buttons.schedule-event-icons > span {
    height: 22px;
    width: 22px;
    background-size: 18px auto !IMPORTANT;
}

.event-preview-buttons.schedule-event-icons > span.schedule-event-priority-VERY_LOW,
.event-preview-buttons.schedule-event-icons > span.schedule-event-priority-LOW,
.event-preview-buttons.schedule-event-icons > span.schedule-event-priority-HIGH,
.event-preview-buttons.schedule-event-icons > span.schedule-event-priority-VERY_HIGH {
    height: 18px;
    width: 18px;
    margin-top: 2px;
    margin-right: 2px;
    line-height: 19px;
}

.schedule-event-icons > span:before {
    color: #fff;
    display: inline-block;
    font-family: FontAwesome;
    line-height: 18px;
    text-align: center;
    width: 16px;
    font-size: 11px;
    background: transparent;
}

.schedule-event-icons > span.schedule-event-print,
.schedule-event-icons > span.schedule-event-preview,
.schedule-event-icons > span.schedule-event-next-day {
    cursor: pointer;
    border: 1px solid #d9d9d9;
    color: #000;
    background: #fff;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-left: 3px;
}

.schedule-event-icons > span.schedule-event-print:hover,
.schedule-event-icons > span.schedule-event-preview:hover,
.schedule-event-icons > span.schedule-event-next-day:hover {
    border: 1px solid #d9d9d9;
    background: #f6f7f9;
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

.schedule-event-icons > .schedule-event-print:before {
    content: "\f02f";
    color: #000;
}

.schedule-event-icons > .schedule-event-preview:before {
    content: "\f002";
    color: #000;
}

.schedule-event-icons > .schedule-event-next-day:before {
    content: "\f073";
    color: #000;
}

.schedule-event-status-REJECTED {
    background-image: url("../svg/ico_schedule_s_rejected.svg.jsf");
}

.schedule-event-status-ACCEPTED {
    background-image: url("../svg/ico_schedule_s_accepted.svg.jsf");
}

.schedule-event-status-NEW {
    background-image: url("../svg/ico_schedule_s_new.svg.jsf");
}

.schedule-event-status-REALIZED {
    background-image: url("../svg/ico_schedule_s_realized.svg.jsf");
}

.schedule-event-status-DONE {
    background-image: url("../svg/ico_schedule_s_done.svg.jsf");
}

.schedule-event-reminder {
    background-image: url("../svg/ico_schedule_s_reminder.svg.jsf");
}

.schedule-event-icons > span.schedule-event-priority-VERY_LOW:before,
.schedule-event-icons > span.schedule-event-priority-LOW:before,
.schedule-event-icons > span.schedule-event-priority-HIGH:before,
.schedule-event-icons > span.schedule-event-priority-VERY_HIGH:before {
    content: "\f12a";
    color: #FFF;
    line-height: 21px;
    width: 16px;
    line-height: 18px;
}

.event-preview-buttons.schedule-event-icons > span.schedule-event-priority-VERY_LOW:before,
.event-preview-buttons.schedule-event-icons > span.schedule-event-priority-LOW:before,
.event-preview-buttons.schedule-event-icons > span.schedule-event-priority-HIGH:before,
.event-preview-buttons.schedule-event-icons > span.schedule-event-priority-VERY_HIGH:before {
    width: 18px;
}

.schedule-event-icons > span.schedule-event-priority-VERY_LOW,
.schedule-event-icons > span.schedule-event-priority-LOW,
.schedule-event-icons > span.schedule-event-priority-HIGH,
.schedule-event-icons > span.schedule-event-priority-VERY_HIGH {
    border-radius: 3px;
    margin: 1px;
    height: 16px;
    width: 16px;
}

.event-preview-content .schedule-event-icons > span.schedule-event-priority-VERY_LOW,
.event-preview-content .schedule-event-icons > span.schedule-event-priority-LOW,
.event-preview-content .schedule-event-icons > span.schedule-event-priority-HIGH,
.event-preview-content .schedule-event-icons > span.schedule-event-priority-VERY_HIGH {
    border-radius: 3px;
    margin: 1px;
    height: 20px;
    width: 20px;
}

.event-preview-content .schedule-event-icons > span.schedule-event-priority-VERY_LOW:before,
.event-preview-content .schedule-event-icons > span.schedule-event-priority-LOW:before,
.event-preview-content .schedule-event-icons > span.schedule-event-priority-HIGH:before,
.event-preview-content .schedule-event-icons > span.schedule-event-priority-VERY_HIGH:before {
    width: 19px;
    line-height: 21px;
}

.schedule-event-priority-VERY_LOW {
    background-color: #bebebe;
}

.schedule-event-priority-LOW {
    background-color: #414141;
}

.schedule-event-priority-HIGH {
    background-color: #ffa726;
}

.schedule-event-priority-VERY_HIGH {
    background-color: #C90200;
}

html .fc-event-time-grid .fc-slats td {
    height: /*25px*/ 60px;
}

html .schedule-font-smaller td,
html .schedule-font-smaller th,
html .schedule-font-smaller td *,
html .schedule-font-smaller th *,
html .schedule-font-smaller a.fc-event .fc-event-time *,
html .schedule-font-smaller a.fc-event .fc-event-title-container,
html .schedule-font-smaller a.fc-event .schedule-event-customer * {
    font-size: 9px;
}

html .schedule-font-small td,
html .schedule-font-small th,
html .schedule-font-small td *,
html .schedule-font-small th *,
html .schedule-font-small a.fc-event .fc-event-time *,
html .schedule-font-small a.fc-event .fc-event-title-container,
html .schedule-font-small a.fc-event .schedule-event-customer * {
    font-size: 10px;
}

html .schedule-font-medium td,
html .schedule-font-medium th,
html .schedule-font-medium td *,
html .schedule-font-medium th *,
html .schedule-font-medium a.fc-event .fc-event-time *,
html .schedule-font-medium a.fc-event .fc-event-title-container,
html .schedule-font-medium a.fc-event .schedule-event-customer * {
    font-size: 11px;
}

html .schedule-font-large td,
html .schedule-font-large th,
html .schedule-font-large td *,
html .schedule-font-large th *,
html .schedule-font-large a.fc-event .fc-event-time *,
html .schedule-font-large a.fc-event .fc-event-title-container,
html .schedule-font-large a.fc-event .schedule-event-customer * {
    font-size: 12px;
}

html .schedule-font-larger td,
html .schedule-font-larger th,
html .schedule-font-larger td *,
html .schedule-font-larger th *,
html .schedule-font-larger a.fc-event .fc-event-time *,
html .schedule-font-larger a.fc-event .fc-event-title-container,
html .schedule-font-larger a.fc-event .schedule-event-customer * {
    font-size: 13px;
}

html .schedule-font-smaller .fc-event-main .schedule-event-description {
    font-size: 7px;
}

html .schedule-font-small .fc-event-main .schedule-event-description {
    font-size: 8px;
}

html .schedule-font-medium .fc-event-main .schedule-event-description,
html .fc-event-main .schedule-event-description {
    font-size: 9px;
}

html .schedule-font-large .fc-event-main .schedule-event-description {
    font-size: 10px;
}

html .schedule-font-larger .fc-event-main .schedule-event-description {
    font-size: 11px;
}

html .schedule-font-smaller .fc-event-main .schedule-event-cars,
html .schedule-font-smaller .fc-event-main .schedule-event-customer-phone,
html .schedule-font-smaller .fc-event-main .schedule-event-cars-vin {
    font-size: 8px;
}

html .schedule-font-small .fc-event-main .schedule-event-cars,
html .schedule-font-small .fc-event-main .schedule-event-customer-phone,
html .schedule-font-small .fc-event-main .schedule-event-cars-vin {
    font-size: 9px;
}

html .schedule-font-medium .fc-event-main .schedule-event-cars,
html .schedule-font-medium .fc-event-main .schedule-event-customer-phone,
html .schedule-font-medium .fc-event-main .schedule-event-cars-vin,
html .fc-event-main .schedule-event-cars,
html .fc-event-main .schedule-event-customer-phone,
html .fc-event-main .schedule-event-cars-vin,
html .fc-event-main .schedule-event-crm-note-details,
html .fc-event-main .schedule-event-crm-note{
    font-size: 10px;
}

html .schedule-font-large .fc-event-main .schedule-event-cars,
html .schedule-font-large .fc-event-main .schedule-event-customer-phone,
html .schedule-font-large .fc-event-main .schedule-event-cars-vin {
    font-size: 11px;
}

html .schedule-font-larger .fc-event-main .schedule-event-cars,
html .schedule-font-larger .fc-event-main .schedule-event-customer-phone,
html .schedule-font-larger .fc-event-main .schedule-event-cars-vin {
    font-size: 12px;
}

.event-preview-container .event-preview-customer > * {
    display: inline-block;
    width: 100%;
}

.event-preview-container .event-preview-title {
    padding-bottom: 5px;
    font-size: 13px !important;
    font-weight: bold !important;
}

.iconFieldDTCell span.fa.fa-custom:before {
    background: #fff;
    border-radius: 50%;
    border: 1px solid #fff;
}

/*-------------------------------------------------------------------------------------------------------------------
AVALABILITY / RESERVATIONS TAB TREE SMALL SIDE TREE
--------------------------------------------------------------------------------------------------------------------*/

html .ui-availability-table-small,
html .ui-expositions-reservations-table-small {
    height: 100%;
}

html .ui-availability-table-small .ui-tree-container,
html .ui-expositions-reservations-table-small .ui-tree-container {
    overflow: auto;
}

/*-------------------------------------------------------------------------------------------------------------------
TEXTCOMPLETE
--------------------------------------------------------------------------------------------------------------------*/
.textcomplete-dropdown {
    overflow: auto;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3) !important;
    border-radius: 3px;
    border: 1px solid #D5D5D5;
    background: #ffffff;
    color: #222222;
    padding: 0.4em;
    font-family: 'Lato', sans-serif;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
    margin: 0;
}

.textcomplete-dropdown li.textcomplete-item {
    border: 1px solid transparent;
    font-weight: normal;
    margin: 1px 0;
    padding: 3px 5px;
    text-align: left;
    cursor: pointer;
    border-radius: 3px;
}

.textcomplete-dropdown li a,
.textcomplete-dropdown li a:hover {
    color: #000;
}

.textcomplete-dropdown li.active {
    background: #C90200;
    border: 1px solid #9d0200;
    color: #ffffff;
    border-radius: 3px;
}

.textcomplete-dropdown li.active a,
.textcomplete-dropdown li.active a:hover {
    color: #ffffff;
}

.textoverlay-wrapper {
    width: 100% !important;
    display: inline-block !important;
    background-color: #fff;
    border-radius: 3px;
}

.textoverlay-wrapper .textoverlay span {
    background: transparent !important;
    border-bottom: 1px solid #009ee3;
    line-height: 16px !important;
    color: #009ee3 !important;
    position: relative;
    z-index: 1;
    text-shadow: 1px 0px #fff, 0px 1px #fff, -1px 0px #fff, 0px -1px #fff;
    pointer-events: none;
}

.textoverlay-wrapper .textoverlay + textarea {
    line-height: 16px;
}

/*-------------------------------------------------------------------------------------------------------------------
TASK REPORT (CRM DASHBOARD)
--------------------------------------------------------------------------------------------------------------------*/

html .ui-dash-task-stat {
    text-align: center;
    cursor: pointer;
    padding: 0px;
}

html .ui-dash-task-stat .dash-stat-count {

    color: #000;
    padding: 10px 0px;
    margin: 0px 5px;
    font-weight: bold;
    display: block;
    overflow: hidden;
    font-size: 48px;
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0); /* IE6-9 */
    border: 1px solid #d9d9d9;
}

html .ui-dash-task-stat .fa.task-report-icon {
    color: #009ee3;
    font-size: 50px !important;
    padding: 10px 5px 10px 5px;
}

html .ui-dash-task-stat .task-counter-details {
    font-weight: bold;
    font-size: 18px;
    color: #999;
    padding: 10px 5px;
}

html .ui-task-report-tile-wrapper {
    flex-shrink: 0;
    display: flex;
    flex-flow: row;
    flex-grow: 0;
    flex-wrap: wrap;;
}

html .ui-task-report-tile-wrapper .ui-dash-task-stat {
    width: 140px;
    margin: 0px 10px 10px 0px;
}

html .ui-task-report-tile-wrapper > a {
    display: flex;
    text-decoration: none;
}

html .ui-agency-statuses-tile-wrapper > a {
    width: 50%;
    padding-top: 30px;
    padding-right: 10px;
}

html .ui-agency-statuses-tile-wrapper > a .ui-dash-task-stat {
    width: 100%;
}

html .ui-agency-statuses-tile-wrapper > a .ui-dash-task-stat span {
    margin: 0px;
}

html .ui-agency-statuses-tile-wrapper .ui-dash-task-stat .dash-stat-count {
    font-size: 40px;
    width: 150px;
}

html .ui-agency-statuses-tile-wrapper > a .ui-dash-task-stat span.task-counter-details {
    color: #FFF;
    text-transform: uppercase;
    background: rgba(0, 158, 227, 0.8);
    width: calc(100% - 220px);
    text-align: center;
}

html .ui-agency-statuses-tile-wrapper > a .ui-dash-task-stat:hover span.task-counter-details {
    background: #009ee3;
    transition: background-color .2s;
}

html .ui-agency-statuses-tile-wrapper > a .ui-dash-task-stat {
    flex-direction: row;
    height: 170px;
    flex-grow: 0;
    background-size: cover !important;
    background-position: 220px center;
    background-repeat: no-repeat;
}

html .ui-agency-statuses-tile-wrapper > a:nth-child(1) .ui-dash-task-stat {
    background-image: url("../img/bg_agency_01.png.jsf");
}

html .ui-agency-statuses-tile-wrapper > a:nth-child(2) .ui-dash-task-stat {
    background-image: url("../img/bg_agency_02.png.jsf");
}

html .ui-agency-statuses-tile-wrapper > a:nth-child(3) .ui-dash-task-stat {
    background-image: url("../img/bg_agency_03.png.jsf");
}

html .ui-agency-statuses-tile-wrapper > a:nth-child(4) .ui-dash-task-stat {
    background-image: url("../img/bg_agency_04.png.jsf");
}

html .ui-agency-statuses-tile-wrapper .ui-dash-task-stat .task-report-icon {
    padding-top: 55px !important;
}

html .ui-agency-statuses-tile-wrapper .ui-dash-task-stat .dash-stat-count {
    border-top: none;
    border-bottom: none;
    padding-top: 65px;
}

html .ui-agency-statuses-tile-wrapper .ui-dash-task-stat .task-counter-details {
    text-align: left;
    padding-top: 75px;
    color: #000;
}

/*-------------------------------------------------------------------------------------------------------------------
SERVICE REQUEST
--------------------------------------------------------------------------------------------------------------------*/
.ui-paint-service-accordion table tr:first-child,
.ui-mechanical-service-accordion table tr:first-child,
.ui-paint-service-accordion table tr td:first-child,
.ui-mechanical-service-accordion table tr td:first-child {
    background: #ebedf0;
    font-weight: bold;
}

.ui-paint-service-accordion table tr td,
.ui-mechanical-service-accordion table tr td {
    border-bottom: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
}

.ui-paint-service-accordion table tr td:last-child,
.ui-mechanical-service-accordion table tr td:last-child {
    border-right: none;
}

html .ui-accordion.ui-paint-service-accordion .ui-accordion-content,
html .ui-accordion.ui-mechanical-service-accordion .ui-accordion-content,
html .ui-accordion.ui-contacts-accordion .ui-accordion-content {
    padding-top: 0px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

html .ui-accordion.ui-paint-service-accordion .ui-accordion-content .ui-field label,
html .ui-accordion.ui-mechanical-service-accordion .ui-accordion-content .ui-field label {
    padding-top: 0px;
}

html .ui-accordion.ui-paint-service-accordion .ui-accordion-content .ui-field,
html .ui-accordion.ui-mechanical-service-accordion .ui-accordion-content .ui-field {
    min-height: 0px;
}

html .ui-accordion.ui-contacts-accordion .ui-accordion-content th {
    border: none !important;
}

html .ui-treetable .ui-treetable-data tr.ui-state-hover {
    border-color: #d9d9d9;
}

html .ui-accordion.ui-accordion-multiple .ui-accordion-header {
    margin-top: 10px;
}

/*-------------------------------------------------------------------------------------------------------------------
CONTEXT MENU
--------------------------------------------------------------------------------------------------------------------*/

html .ui-contextmenu.ui-widget-content .ui-menuitem-link.ui-state-hover {
    border-radius: 3px;
}

html .ui-contextmenu.ui-widget-content .ui-menuitem-link {
    width: 100%;
}

html .ui-contextmenu.ui-widget-content .ui-menuitem-link .ui-menuitem-text + .ui-icon {
    left: auto;
    right: 0px;
}

html .ui-contextmenu.ui-widget-content .ui-menu-list .ui-menu-parent .ui-menu-child {
    border-top: none;
    border-radius: 3px;
    padding: 0.3em;
}

html .ui-contextmenu.ui-widget-content .ui-menu-list .ui-menu-parent .ui-menu-list .ui-menuitem-link.ui-state-hover {
    border-radius: 3px;
}

/*-------------------------------------------------------------------------------------------------------------------
MENU BUTTON
--------------------------------------------------------------------------------------------------------------------*/
.ui-menu.ui-menu-dynamic ul.ui-menu-list {
    display: inline-block;
    padding: 0.3em;
    min-height: 33px;
}

.ui-menu.ui-menu-dynamic {
    width: auto;
    max-width: 25em;
    padding: 0px;
}

.ui-menu.ui-menu-dynamic ul.ui-menu-list li.ui-menuitem {
    width: 100%;
    margin: 0px;
}

.ui-menu.ui-menu-dynamic .ui-menuitem-link {
    width: 100%;
    line-height: normal;
}

/*-------------------------------------------------------------------------------------------------------------------
CAR CONFIGURATOR
--------------------------------------------------------------------------------------------------------------------*/
.ui-car-configurator-lowerPanel tr.LEV1:nth-child(odd) {
    background: #f6f7f9;
}

.ui-car-configurator-lowerPanel tr.LEV1:nth-child(even) {
    background: #d8d9db;
}

.ui-car-configurator-lowerPanel tr.LEV1:nth-child(odd):hover,
.ui-car-configurator-lowerPanel tr.LEV1:nth-child(even):hover {
    background: #cecfd1;
}

.ui-car-configurator-lowerPanel tr.LEV1.ui-state-highlight {
    font-weight: bold;
    border-bottom: 1px solid #d9d9d9 !IMPORTANT;
    color: #000 !IMPORTANT;
    background: #eeeeee;
}

.ui-car-configurator-lowerPanel tr.LEV2:nth-child(odd) {
    background: #87cefa;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.ui-car-configurator-lowerPanel tr.LEV2:nth-child(even) {
    background: #9be2ff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.ui-car-configurator-lowerPanel tr.LEV2:nth-child(odd):hover,
.ui-car-configurator-lowerPanel tr.LEV2:nth-child(even):hover {
    background: #73bae6;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.ui-car-configurator-lowerPanel tr.LEV2.ui-state-highlight {
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !IMPORTANT;
    color: #000 !IMPORTANT;
    background: #73bae6;
}

.ui-car-configurator-lowerPanel tr.LEV3:nth-child(odd) {
    background: #c7d790;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.ui-car-configurator-lowerPanel tr.LEV3:nth-child(even) {
    background: #8fb021;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.ui-car-configurator-lowerPanel tr.LEV3:nth-child(odd):hover,
.ui-car-configurator-lowerPanel tr.LEV3:nth-child(even):hover {
    background: #7b9c0d;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.ui-car-configurator-lowerPanel tr.LEV3.ui-state-highlight {
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15) !IMPORTANT;
    color: #000 !IMPORTANT;
    background: #7b9c0d;
}

html .ui-car-configurator-lowerPanel {
    /*height:310px;
    max-height:310px;
    min-height:310px;
    padding:0px;*/
    padding: 0px;
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}

html .ui-car-configurator-lowerPanel .ui-tabs,
html .ui-car-configurator-lowerPanel .ui-tabs-panels,
html .ui-car-configurator-lowerPanel .ui-tabs-panel,
html .ui-car-configurator-lowerPanel .ui-tabs-panel > div {
    flex-shrink: 1;
    max-height: 100%;
}

/*-------------------------------------------------------------------------------------------------------------------
SELECT ONE TO MANY
--------------------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------------------
SCROLLPANEL CUSTOM SCROLL
--------------------------------------------------------------------------------------------------------------------*/
html .ui-scrollpanel-drag.ui-state-highlight {
    background: #dcdcdc;
    border: none !important;
    border-radius: 8px;
}

html .ui-scrollpanel-track.ui-widget-header {
    background: #f6f7f9 0 0 repeat-x;
    background: -moz-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0%, #ebedf0 100%);
}

/*-------------------------------------------------------------------------------------------------------------------
IE 11
--------------------------------------------------------------------------------------------------------------------*/
#content > form.login-form table {
    display: inline-block;
}

#content > form.login-form {
    text-align: center;
}

/*-------------------------------------------------------------------------------------------------------------------
WELCOME SCREEN
--------------------------------------------------------------------------------------------------------------------*/

#content > span.ui-aasys-region > form#welcomeScreenForm,
#content > span.ui-aasys-region > form#welcomeFarewellScreenForm,
#content > span.ui-aasys-region > form#farewellScreenForm {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: #fff;
}

#welcomeScreenForm .picturesContainer {
    background: #ebedf0;
}

#welcomeScreenForm .picturesContainer img {
    max-width: 100%;
    max-height: 100%;
}

#welcomeScreenForm .picturesContainer > div {
    position: relative;
    width: 100%;
    height: 100%;
}

html .ui-serviceScreenTimetable .ui-datatable-scrollable-body tbody tr td {
    border-bottom: 1px solid #d9d9d9 !important;
}

html .ui-serviceScreenTimetable .ui-datatable-scrollable-body tbody tr td:nth-child(1) {
    border-right: 1px solid #d9d9d9 !important;
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

html .ui-serviceScreenTimetable .ui-datatable-scrollable-body tbody tr td:nth-child(3) {
    background-color: #ebedf0;
}

html .ui-serviceScreenTimetable .ui-dataRow-entryContainer {
    height: 100%;
    display: flex;
    flex-direction: column;
}

html .ui-serviceScreenTimetable .ui-dataRow-entry {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: center;
}

html .ui-serviceScreenTimetable .ui-dataRow-entry + .ui-dataRow-entry {
    border-top: 1px solid #d9d9d9;
}

html .ui-serviceScreenTimetable .ui-dataRow-entry label {
    width: 100%;
    padding: 2px 0px;
}

/*-------------------------------------------------------------------------------------------------------------------
VIDEOKANRI
--------------------------------------------------------------------------------------------------------------------*/
/*html .ui-shortcuts button.ui-button.ui-shortcutCall-btn,
html .ui-shortcuts button.ui-button.ui-shortcutCall-btn:hover{
    width: 32px;
    height: 32px;
    float: left;
    padding: 4px;
    font-size:0px;
    background-color: transparent;
    background-image: url("../svg/ico_call_fff.svg.jsf");
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: 19px auto;
    border:none;
    border-right: 1px solid #000;
    border-radius:0px;
}

html .ui-shortcuts button.ui-button.ui-shortcutCall-btn:hover{
    background-color: #000000;
}*/

html .ui-shortcuts button.ui-button.ui-shortcutCall-btn span
{
    display: none;
}

html .ui-shortcuts button.ui-button.ui-shortcutCall-btn {
    position: fixed;
    z-index: 9;
    bottom: 70px;
    right: 20px;
    display: block;
    width: 60px;
    height: 60px;
    color: #fff;
    border: none;
    border-radius: 50%;
    background-image: url("../svg/ico_call_fff.svg.jsf");
    background-position: center center;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: 28px auto;
    background-color: #2eb200;
    cursor: pointer;
    box-shadow: 0 0 0 0 rgba(18, 70, 0, 0.7);
    -webkit-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -moz-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    -ms-animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
}

html .ui-shortcuts button.ui-button.ui-shortcutCall-btn:hover
{
    -webkit-animation: none;-moz-animation: none;-ms-animation: none;animation: none;
}

@-webkit-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(18, 70, 0, 0);}}
@-moz-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(18, 70, 0, 0);}}
@-ms-keyframes pulse {to {box-shadow: 0 0 0 45px rgba(18, 70, 0, 0);}}
@keyframes pulse {to {box-shadow: 0 0 0 45px rgba(18, 70, 0, 0);}}

html #menu\:callNotifications_container .ui-growl-image.ui-growl-image-info{
    background-image: url("../svg/ico_callIncoming_fff.svg.jsf") !important;
    background-position: center center;
    background-size: 24px auto;
}

html #menu\:callNotifications_container .ui-growl-item-container
{
    opacity:1;
}

html #menu\:callNotifications_container.ui-growl > .ui-growl-info
{
    background-color: rgba(0,0,0,0.85);
}

html #menu\:callNotifications_container .ui-growl-message,
html #menu\:callNotifications_container .ui-growl-title{
    padding:0px;
}

html #menu\:callNotifications_container .ui-callNotificationContent{
    display:flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-end;
}

html #menu\:callNotifications_container .ui-callNotificationContent .ui-callButton{
    background-size: 20px auto;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    height:32px;
    width: 32px;
    border-radius: 16px;
    font-size: 0px;
    border:none;
    cursor:pointer;
    margin-left:10px;
}

html #menu\:callNotifications_container .ui-callNotificationContent .ui-callButton.ui-acceptCall
{
    background-image: url("../svg/ico_call_fff.svg.jsf");
    background-color:#2eb200;
}

html #menu\:callNotifications_container .ui-callNotificationContent .ui-callButton.ui-acceptCall:hover
{
    background-color:#248c00;
}

html #menu\:callNotifications_container .ui-callNotificationContent .ui-callButton.ui-declineCall
{
    background-image: url("../svg/ico_callDecline_fff.svg.jsf");
    background-color:#c90200;
}

html #menu\:callNotifications_container .ui-callNotificationContent .ui-callButton.ui-declineCall:hover
{
    background-color:#950100;
}

html .ui-dialog.ui-dialog-videoCall{
    min-width:220px !important;
    min-height:220px !important;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-titlebar-close
{
    display:none;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content{
    min-width:220px !important;
    min-height:174px !important;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content{
    background-color: #000000;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoMessage{
    text-align: center;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 10px;
    padding: 3px;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel{
    position: relative;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel #remoteVideo
{
    width:100% !important;
    height:auto !important;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel #localVideo {
    width: 20% !important;
    height: auto !important;
    max-width: 100px !important;
    max-height: 100px !important;
    min-width: 50px !important;
    min-height: 38px !important;
    position: absolute;
    top: 10px;
    right: 10px;
    background: black;
    border: 1px solid gray;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane {
    text-align: center;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane > button.ui-button{
    background-size: 16px auto;
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    height:32px;
    width: 32px;
    border-radius: 16px;
    font-size: 0px;
    border:1px solid rgba(255,255,255,0.8);
    cursor:pointer;
    margin:5px;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane > button.ui-button:hover{
    background-color: rgba(255,255,255,0.5);
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane > button.ui-button > span.ui-button-text{
    display: none;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane > button.ui-button > span.ui-chat-notification{
    background: #2eb200;
    display: inline-block;
    color: #fff;
    min-width: 16px;
    width: auto;
    text-align: center;
    height: 16px;
    line-height: 16px;
    border-radius: 8px;
    position: absolute;
    right:-5px;
    top:-5px;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane > button.ui-button.ui-hangUpButton
{
    background-image: url("../svg/ico_callDecline_fff.svg.jsf");
    background-color:#c90200;
    border:1px solid transparent;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane > button.ui-button.ui-hangUpButton:hover
{
    background-color:#950100;
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane > button.ui-button.ui-videoPanelMenu
{
    background-image: url("../svg/ico_callMenu_fff.svg.jsf");
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane > button.ui-button.ui-videoFallbackMenu
{
    background-image: url("../svg/ico_callRedirect_fff.svg.jsf");
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane > button.ui-button.ui-videoChatMenu
{
    background-image: url("../svg/ico_callChat_fff.svg.jsf");
}

html .ui-dialog.ui-dialog-videoCall .ui-dialog-content #videoPanel .ui-videoPopup-buttonpane > button.ui-button.ui-notesChatMenu
{
    background-image: url("../svg/ico_callNote_fff.svg.jsf");
}

#menu\:videoPanelMenuOverlayPanel #menuButtons,
#menu\:videoChatMenuOverlayPanel #chat {
    display: flex;
    flex-direction: column;
}

#menu\:videoPanelMenuOverlayPanel {
    min-width:250px;
}

#menu\:videoChatMenuOverlayPanel,
#menu\:videoNotesMenuOverlayPanel
{
    min-height:201px;
    max-width:350px;
    max-height:100vh;
}

#menu\:videoPanelMenuOverlayPanel #menuButtons button,
#menu\:videoPanelMenuOverlayPanel #menuButtons .ui-fileupload-simple
{
    margin-bottom:5px;
}

#menu\:videoPanelMenuOverlayPanel #menuButtons .ui-fileupload-simple
{
    display: flex;
    flex-direction: row;
    align-items: center;
}

#menu\:videoPanelMenuOverlayPanel #menuButtons .ui-fileupload-simple span.ui-button
{
    flex-grow: 1;
    flex-shrink: 1;
}

#menu\:videoPanelMenuOverlayPanel #menuButtons .ui-fileupload-simple span.ui-fileupload-filename
{
    text-indent:0.5em;
}

html #menu\:videoChatMenuOverlayPanel.ui-dialog .ui-dialog-titlebar,
html #menu\:videoNotesMenuOverlayPanel.ui-dialog .ui-dialog-titlebar
{
    height:20px;
}

html #menu\:videoChatMenuOverlayPanel.ui-dialog .ui-dialog-titlebar .ui-dialog-title,
html #menu\:videoNotesMenuOverlayPanel.ui-dialog .ui-dialog-titlebar .ui-dialog-title
{
    font-size: 13px !important;
    padding-top: 0px;
}

html #menu\:videoChatMenuOverlayPanel.ui-dialog .ui-dialog-titlebar + .ui-dialog-content,
html #menu\:videoNotesMenuOverlayPanel.ui-dialog .ui-dialog-titlebar + .ui-dialog-content
{
    min-height: calc(100% - 20px);
    height: calc(100% - 20px);
    max-width: 100%;
}

html #menu\:videoChatMenuOverlayPanel.ui-dialog #chat,
html #menu\:videoNotesMenuOverlayPanel.ui-dialog #notes,
html #menu\:videoNotesMenuOverlayPanel.ui-dialog #notes textarea
{
    height:100% !important;
}

html #menu\:videoNotesMenuOverlayPanel.ui-dialog #notes
{
    padding:10px;
    min-height:179px;
}

html #menu\:videoNotesMenuOverlayPanel.ui-dialog #notes textarea
{
    width:100%;
    max-height:100%;
    min-height:159px;
}

#chat .ui-chatMsg-wrapper
{
    height: calc(100% - 67px);
    min-height:94px;
    max-height: calc(100vh - 107px);
    overflow: auto;
    padding:10px 10px 0px 10px;
}

#chat .ui-chatCtrl-wrapper
{
    padding:10px;
    height: auto;
}

#chat .ui-chatMsg-sent,
#chat .ui-chatMsg-received
{
    border-radius:8px;
    padding:8px;
    background-color: #2eb200;
    color:#fff;
    position: relative;
    margin-bottom:3px;
    margin-left:35px;
    margin-right:35px;
}

#chat .ui-chatMsg-received
{
    color:#000000;
    background-color: #f0f0f0;
    text-align: left;
}

#chat .ui-chatMsg-received + .ui-chatMsg-sent,
#chat .ui-chatMsg-sent + .ui-chatMsg-received{
    margin-top:12px;
}

#chat .ui-chatMsg-sent:after,
#chat .ui-chatMsg-received:after
{
    content:'';
    display: block;
    background: url("../svg/logo_toyota.svg.jsf") no-repeat center center #ffffff;
    background-size: 18px auto;
    height:30px;
    width:30px;
    position: absolute;
    top:0px;
    left:-35px;
}

#chat .ui-chatMsg-received:after
{
    background: url("../svg/crm/crm_user_avatar.svg.jsf") no-repeat center center transparent;
    border-radius:15px;
    right:-35px;
    left:auto;
    background-size: contain;
}

#chat .ui-chatMsg-sent + .ui-chatMsg-sent,
#chat .ui-chatMsg-received + .ui-chatMsg-received
{
    border-radius:0px 0px 8px 8px;
}

#chat .ui-chatMsg-sent + .ui-chatMsg-sent > span.ui-chatMsg-prefix,
#chat .ui-chatMsg-sent + .ui-chatMsg-sent:after,
#chat .ui-chatMsg-received + .ui-chatMsg-received > span.ui-chatMsg-prefix,
#chat .ui-chatMsg-received + .ui-chatMsg-received:after
{
    display:none;
}

#chat .ui-chatMsg-sent + .ui-chatMsg-sent:before,
#chat .ui-chatMsg-received + .ui-chatMsg-received:before
{
    content:'';
    display: block;
    width: 100%;
    height:10px;
    position: absolute;
    top: -10px;
    left:0px;
    background-color: #2eb200;
}

#chat .ui-chatMsg-received + .ui-chatMsg-received:before
{
    background-color: #f0f0f0;
}

#chat > h1
{
    display:none;
}

#chat #menu\:messageInput,
#chat #menu\:sendMessage
{
    margin-bottom:10px;
    width:100%;
}



/*-------------------------------------------------------------------------------------------------------------------
CSS QUICK FIX - DEVS, PLACE YOUR HACKS BELOW
--------------------------------------------------------------------------------------------------------------------*/

.display-map-popup-value {
    padding: 0 !important;
}

.display-map-popup-key {
    padding-bottom: 0 !important;
}

.caseDiv1 {
    background: url("../img/TME Toyota Ellipse Mono GREY_UPDATED.png.jsf") no-repeat center left transparent;
    background-size: 35px !IMPORTANT;
    height: 38px;
    width: 45px;
}

.caseDiv2 {
    background: url("../img/TME Toyota Ellipse Mono GREY_UPDATED.png.jsf") no-repeat center left transparent;
    background-size: 35px !IMPORTANT;
    height: 38px;
    width: 45px;
}

.ui-g-12.splitButtons.ui-car-service-general-tab-customer-shortcut-disabled {
    width: calc(100% - 138px);
}

.ui-g-12.splitButtons.ui-car-service-general-tab-car-shortcut-disabled {
    width: calc(100% - 144px);
}

/*Fix for taskSchedule.xhtml  DMS-120
  Post -> Schedule
 */

/*Week view - click to dayView*/
.fc-dayGridWeek-view .fc-col-header-cell {
    cursor: pointer;
    text-decoration: underline;
    text-decoration-color: black;
}


/*Add image for all status types: ACCEPTED, REJECTED, NEW, REALIZED, DONE
/*Add image for all priority types: VERY_LOW, LOW, HIGH, VERY_HIGH*/
/*Add image for print*/

/* classes for WSB report */

.red-checkbox div.ui-chkbox-box {
    border: 2px solid red;
}

.orange-checkbox div.ui-chkbox-box {
    border: 2px solid orange;
}

.green-checkbox div.ui-chkbox-box {
    border: 2px solid green;
}

.blue-checkbox div.ui-chkbox-box {
    border: 2px solid blue;
}

.red-checkbox span.ui-chkbox-icon.ui-icon.ui-icon-check {
    background: red;
    background-image: none;
}

.orange-checkbox span.ui-chkbox-icon.ui-icon.ui-icon-check {
    background: orange;
    background-image: none;
}

.green-checkbox span.ui-chkbox-icon.ui-icon.ui-icon-check {
    background: green;
    background-image: none;
}

.blue-checkbox span.ui-chkbox-icon.ui-icon.ui-icon-check {
    background-color: blue;
}

.orange-input input {
    border: 2px solid orange !important;
    border-radius: 4px;
    box-shadow: none;
}

/*hot and temporary hack fix of dataTable's vertical scroll in Chrome*/
/*CustomerFiles - CRM tab*/

#customerEdit\:customerTabView\:correspondenceTable\:CorrespondenceDataTable > .ui-datatable-scrollable-body {
    height: 352px;
}

html .ui-resizable-column .ui-column-resizer {
    display: block !important;
}

.ui-outputpanel-hidden {
    visibility: hidden;
}

html .ui-button.crm-btn-highlight {
    background: #009ee3;
    color: #fff;
}

.ui-hide {
    display: none;
}

.ui-form-survey {
    display: block;
}

/*
TODO marketing action customer list
 */

.ui-surveyList-required {
    color: red;
    text-decoration: none;
}

.ui-surveyList-normal {
    color: black;
    text-decoration: none;
}

.ui-surveyList-done {
    color: green;
    text-decoration: none;
}

.ui-notProgressiveStep-done {
    color: green;
}

.ui-border-box-50 {
    display: flex;
    flex-grow: 1;
    overflow-y: scroll;
    height: 50px;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    border-radius: 3px;
}

.ui-border-box-100 {
    display: flex;
    flex-grow: 1;
    overflow-y: scroll;
    height: 100px;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    border-radius: 3px;
}

.ui-border-box-150 {
    display: flex;
    flex-grow: 1;
    overflow-y: scroll;
    height: 150px;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    border-radius: 3px;
}

.ui-border-box-300 {
    display: flex;
    flex-grow: 1;
    overflow-y: scroll;
    height: 300px;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    border-radius: 3px;
}

.ui-border-box-300-nooverflow {
    display: flex;
    flex-grow: 1;
    border: 1px solid #d6d6d6;
    background-color: #fff;
    border-radius: 3px;
    max-height: 300px
}

.ui-border-box-300-whitebackground {
    display: flex;
    flex-grow: 1;
    overflow-y: scroll;
    border: 1px solid #d6d6d6;
    border-radius: 3px;
    background-color: #fff;
    max-height: 300px;
}

.ui-max-height-30 {
    max-height: 30px;
}

.HEADER_BOLD {
    background-color: rgb(204, 255, 204);
    font-weight: bold;
    text-align: left;
}

.HEADER {
    background-color: rgb(204, 255, 204);
    text-align: left;
}

.NORMAL {
    text-align: right;
}

.SUMMARY {
    background-color: rgb(192, 192, 192);
    font-weight: bold;
    text-align: right;
}

.ui-selectmanymenutasks tr {
    display: table-row;
}

.ui-selectmanymenutasks .ui-selectlistbox-item span[style="color:green; font-weight: bold;"] {
    color: #fff !important;
    background: #008000;
    position: absolute;
    z-index: 1;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 2px 3px 0px 25px;
    border-radius: 3px;
    top: 0px;
}

.ui-selectmanymenutasks .ui-selectlistbox-item {
    position: relative;
}

.ui-selectmanymenutasks .ui-selectlistbox-item .ui-chkbox {
    position: relative;
    z-index: 2;
}

tr.event-register-different td.style-before, tr.event-register-different td.style-after {
    color: red;
}

.textoverlay-wrapper .textoverlay {
    line-height: 16px !important;
}

.comments-popup-data-table {
    min-height: 400px;
}

/***************************************************************************
RZEŹBA JAKUBA
***************************************************************************/

.sales-document-middle-button > button > span {
    font-size: 18px !important;
    line-height: 18px !important;
    padding: .3em .6em !important;
}

/*DMS-3442 DataTable: export locked mechanism*/
.copy_false {
    -webkit-user-select: none;
}

#service-requests\:warranty-protocol-print .ui-icon {
    position: relative;
}

.disabled-submenu-warranty-true#service-requests\:warranty-protocol-print {
    pointer-events: none;
    cursor: pointer;
    opacity: .35;
}

.car-rental-service {
    background: #dbb7ff !important;
    color: black !important;
    font-weight: bold !important;
}

.car-rental-employee {
    background: #808080 !important;
    color: white !important;
    font-weight: bold !important;
}

.car-rental-client {
    background: #92d588 !important;
    font-weight: bold !important;
}

.car-rental-agreement {
    background: #fffbf0 !important;
    font-weight: bold !important;
}

.car-rental-agreement-with-not-returned-vehicle {
    background: #ff6633 !important;
    font-weight: bold !important;
}

.car-rental-in-repair {
    background: #cc0000 !important;
    font-weight: bold !important;
}

.car-rental-invoiced {
    background: #209139 !important;
    font-weight: bold !important;
}

.car-rental-returned {
    background: #4169e1 !important;
    font-weight: bold !important;
}

.car-rental-partially-invoiced {
    background: #e1de41 !important;
    font-weight: bold !important;
}

.car-rental-empty {
    background: #fff !important;
}

.car-rental-day-off {
    background: #c0c0c0 !important;
}

.car-rental-day-in-past {
    background: #e5e5e5 !important;
}

.statement-will-expire-soon-true {
    color: red;
}

/*
 * summary-correspondence.xhtml dt fix
*/
div.dynamic-height-dt div.ui-datatable-scrollable-body {
    height: auto !important;
    flex: 1 1 0px;
    min-height: 0px;
}

div.dynamic-height-dt #summary\:summary-table\:datatableLayout {
    height: 100%;
}

div.dynamic-height-dt #summary\:summary-table\:dataTableForm {
    height: 100%;
}

div.dynamic-height-dt #summary\:summary-table\:summary-table {
    display: flex;
    flex-direction: column;
    height: 100%;
}

div.dynamic-height-dt div.ui-datatable-scrollable-header {
    flex: 0 0 auto;
    min-height: 0px;
}

/* END */

div.timeline-axis-text {
    padding: 0px 3px !important;
}

.ui-schedule-employee-icon-group {
    display: flex;
    align-items: center;
    gap: 5px;
}

.ui-schedule-occupation-icon {
    height: 30px;
    flex-shrink: 0;
}

.ui-schedule-employee {
    white-space: normal;
    word-break: break-word;
}

.vis-label
{
    display:flex;
    flex-direction:row;
    align-items:center;
    align-content:center;
}

.vis-label .notification-top {
  position: absolute;
  bottom: 13px;
  color: red;
  white-space: nowrap;
}

.vis-label .notification-bottom {
  position: absolute;
  bottom: 0;
  color: red;
  white-space: nowrap;
}

html .ui-datatable-expanderPagination {
    height: 88px;
}

.checkbox {
    font-weight: bold;
    color: #9b0200;
}

/*

html .ui-datatable-expanderPagination .ui-datatable .ui-datatable-scrollable-body
{
    max-height:100% !important;
}*/

.footerRow {
    overflow:hidden;
}

td.columnFrozen {
    background-color: inherit;
}

th.columnFrozen {
    height: 100%;
}
/*head was misplaced when copied by column-resizer*/
.ui-datatable-scrollable-header-box table thead tr th.copy_true:first-child span.ui-column-resizer{
    -webkit-user-select: none;
}

.ui-datatable-scrollable-header-box table thead tr th.copy_false:first-child+th span.ui-column-resizer{
    -webkit-user-select: none;
}

.selectedCell {
    position: relative;
}

.selectedCell div {
    position: relative;
    z-index: 1;
}

.selectedCell .selectedCellInnerDiv {
    position: absolute;
    z-index: 0;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(255,255,255,0.4);
}

.ui-activities-list {
    overflow-wrap: anywhere;
}

body .ui-progressbar.ui-progressbar-success .ui-progressbar-value {
    background: #8ada32;
}

body .ui-progressbar.ui-progressbar-info .ui-progressbar-value {
    background: #81d4fa;
}

body .ui-progressbar.ui-progressbar-warning .ui-progressbar-value {
    background: #eabb25;
}

body .ui-progressbar.ui-progressbar-danger .ui-progressbar-value {
    background: #c51616;
}

.ui-show-placeholder .ui-selectonemenu.with-placeholder .ui-selectonemenu-label {
    color: #ccc;
}

.ui-show-placeholder.ui-selectonemenu-panel.hide-disabled .ui-selectonemenu-list-item.ui-state-disabled {
    display: none;
}

/*FIX FOR LAYOUT STRUCTURE CHANGE IN DMS-45609*/
#content > span.ui-aasys-region > #main-wrapper{
  display: flex;
  flex-flow: column;
  flex-grow: 1;
  flex-shrink: 1;
  height: calc(100% - 18px);
}

#content > span.ui-aasys-region > #main-wrapper > #main {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

html .ui-datatable-filterbar .ui-field {
    float : none;
    display:inline-block;
}

.ui-button, .ui-button span, button.ui-button.ui-state-default span, .ui-button.ui-state-default span {
    font-weight: bold;
}

.pi {
    font-family: "primeicons" !important;
}

HTML .ui-layout-pane .hide-delete-button:has(> .vis-timeline)
{
    height:calc(100% - 175px);
}

/* Terminarz poczty | exchange & main */

#exchangeTaskScheduler .fc .fc-toolbar-title{
    font-size:11px;
}

#exchangeTaskScheduler .fc .fc-toolbar.fc-header-toolbar .fc-none-button{
    display:none;
}

#exchangeTaskScheduler .fc .fc-scrollgrid table.fc-col-header {
    background: -moz-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f7f9), color-stop(100%, #ebedf0));
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -o-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: -ms-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    background: linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
}

#exchangeTaskScheduler .fc .fc-scrollgrid table.fc-col-header th {
    background:transparent !important;
}

#exchangeTaskScheduler .fc .fc-timegrid-body,
#exchangeTaskScheduler .fc .fc-daygrid-body{
    background:#ffffff;
}

#exchangeTaskScheduler .fc .fc-timegrid-slot,
#main\:mainTasksSchedule\:mainTasksSchedule.fc .fc-timegrid-slot {
    height:60px;
    border-color: rgba(0,0,0,0.1);
}

#exchangeTaskScheduler  .fc .fc-view-harness
{
    height: calc(100vh - 195px) !important;
}

#exchangeTaskScheduler  .fc-h-event .fc-event-title {
    width:100%;
    padding-top:4px;
    display: block;
}

/*DIVIDER*/
html body .ui-menu .ui-divider.ui-divider-horizontal {
    margin:0px;
    padding:0px .25rem;
}

html body .ui-menu .ui-divider.ui-divider-horizontal:before {
    font-size: 0px;
    line-height: 0px;
    background: transparent;
    color: transparent;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    margin: 0px 0.25rem;
    width: calc(100% - 0.5rem);
}

/* DMS-49163 main -> main-schedule (fixing main schedule's day view scrolling) */
html #main\:mainTasksSchedule\:mainTasksSchedule {
    overflow-y: hidden;
}

@media ( max-width: 920px ){
    html #main\:main-schedule{
        overflow-y: hidden
    }
}

#car-agreements\:agreement-table\:agreements .ui-datatable-scrollable-body{
    min-height: 60px !important;
}

/* DMS-52928 - fix for frozen columns glitch in datatables  */
.ui-datatable-scrollable-header-box table{
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

html .vis-item-content > .service-schedule-timeline-event-panel > .ui-outputpanel:not(.service-schedule-timline-event-icons){
    display: list-item;
}
.ui-datatable .ui-sortable-column {
    user-select: text !important;
}
/*survey-overlay / global overlay as popup class*/
.ui-overlayAsPopup {
    position:fixed !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%, -50%) !important;
    max-height:80vh !important;
}
.ui-overlayAsPopup .ui-overlaypanel-content {
    display:inline-block;
    overflow:auto;
    max-height:80vh;
    padding:0px;
}
/*survey-overlay specific*/
#crm-action\:survey-overlaypanel.ui-overlayAsPopup .ui-overlaypanel-content > .ui-outputpanel {
    height:100%;
    overflow:auto;
}
#crm-action\:survey-overlaypanel.ui-overlayAsPopup .ui-overlaypanel-content > .ui-outputpanel #crm-action\:interview-set {
    max-height: calc(80vh - 31px);
    overflow:auto;
}
#crm-action\:survey-overlaypanel.ui-overlayAsPopup .ui-overlaypanel-content > .ui-outputpanel #crm-action\:interview-set > fieldset > legend
{
    position: sticky;
      top: 0px;
      z-index: 2;
      background: #fff;
}


#popups-container .ui-popup.ui-popup-email-footer-edit-popup {
    min-height: min(600px, 90vh) !important;
    height: min(600px, 90vh) !important;
    max-height: min(600px, 90vh) !important;
}

.ui-popup #email-footer-edit-popup div[role="application"] {
    margin: 5px;
    width: 98.5% !important;
}

/* DMS-54720 - carservice/edit/service-request-edit - uwagi/komentarze*/
#service-comments-popup\:service-comments-dt\:service-comments-dt .ui-datatable-scrollable-body{
    min-height: 26px !important;
}

/* DMS-56548 - make time slots bigger */
#main\:mainTasksSchedule\:mainTasksSchedule .fc-timegrid-body .fc-timegrid-slots tr {
    height: 60px;
}

/* DMS-56813 - improve table/filter responsiveness in carshowroom/order/car-orders */
html #car-orders\:order-table\:datatableLayoutWrapper {
    height: 100%;
    max-height: 100%;
    min-height: 100%;
}
html #car-orders\:order-table\:advancedFilter {
    overflow: hidden !important;
}
html #car-orders\:order-table\:customFilter .ui-popup-buttonpane{
    border-top: 1px solid #b7b7b7;
}

#menu\:menuHeader {
    border-left: none;
    border-bottom: none;
}

#menu\:mainMenu-buttons {
    background: -webkit-linear-gradient(top, #f6f7f9 0, #ebedf0 100%);
    height: 100%;
    display: flex;
    align-items: center;
    border-top: 1px solid #d9d9d9;
}

.defaultMenuButton {
    box-shadow: none !important;
    background: none !important;
    border: none !important;
    height: 80%;
    width: auto;
    opacity: 1 !important;

    & span {
        color: #000 !important;
        height: 100%;
        font-weight: normal !important;
        display: flex !important;
        align-items: center;

        &:hover {
             background-color: #C90200 !important;
             color: #fff !important;
             border-radius: 2px;
        }
    }
}


div[id$="emailAccessAuthorizationPanel"] button[id$="deleteTokenBtn"] {
    border: 1px solid #C53434 !important;
    background-color: #C53434 !important;
}

div[id$="emailAccessAuthorizationPanel"] button[id$="registerToken"] {
    border: 1px solid #1d7c4d !important;
    background-color: #1d7c4d !important;
}

div[id$="emailAccessAuthorizationPanel"] [id$="registerTokenContainer"] .ui-field-label0,
div[id$="emailAccessAuthorizationPanel"] [id$="deleteTokenContainer"] .ui-field-label0
{
    padding: 0;
    min-height: 17px;

    & .ui-field-label-value {
        padding: 0;
        font-weight: normal;
    }
}

.ui-taskResult-msg .mailFetchResultMessage, .ui-taskResult-msg .mailFetchResultMessage * {
    font-size: 12px !important;
}

.ui-growl-title .mailFetchResultMessage, .ui-growl-title .mailFetchResultMessage * {
    font-size: 13px !important;
}

div.ui-listTimePicker button.ui-autocomplete-dropdown {
    display: none !important;
}

.ui-listTimePicker.with-clock-icon span.ui-autocomplete:has(input.ui-autocomplete-input)::after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 6px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 20px;
    height: 20px;
    filter: invert(38%) sepia(6%) saturate(1050%) hue-rotate(176deg) brightness(92%) contrast(93%);
    background-image: url(../svg/ico_leadForm_clock.svg.jsf);
    pointer-events: none;
}

/* :has(input.ui-state-error[value]:not([value=""] - Avoids highlighting time input, when date is empty */
[id="task-popup:datesSection"]:has(input.ui-state-error[value]:not([value=""])) input,
[id="test-drive-popup:testDriveDates-wrapper"]:has(input.ui-state-error[value]:not([value=""])) input,
[id="task-popup:end-date-wrapper"]:has(input.ui-state-error) input,
[id="task-popup:divIconPanel"]:has(input.ui-state-error) input,
[id="phonecall-popup:datesSection"]:has(input.ui-state-error) input,
[id="meeting-popup:datesSection"]:has(input.ui-state-error) input
{
    border: 1px solid red !important;
}

.ui-field.ui-field-blue,
.ui-fieldset-content.ui-field-blue,
.multipleHalf.ui-field-blue {
    background-color: #D6E8F7;
    background-clip: padding-box;
    margin-top: 0px;
}
#content-container ~ div[id*="car-orders"].ui-menu .ui-menuitem-link[id*="ui-menuitem-title"],
#content-container ~ div[id*="car-orders"].ui-menu .ui-menuitem-link[id*="ui-menuitem-title"]:hover,
#content-container ~ div[id*="car-orders"].ui-menu .ui-menuitem:has(.ui-menuitem-link[id*="ui-menuitem-title"]),
#content-container ~ div[id*="car-orders"].ui-menu .ui-menuitem:has(.ui-menuitem-link[id*="ui-menuitem-title"]):hover {
    color: #9b0200;
    font-size: 12px;
    font-style: normal;
    line-height: 15px;
    letter-spacing: 0.24px;
    text-transform: uppercase;
    pointer-events: none;
    background: transparent;
    opacity: 1;
    border-color: transparent;
}

#content-container ~ div[id*="listsCarOrder_panel"].ui-selectonemenu-panel .ui-selectonemenu-table .ui-selectonemenu-item {
    border: none;
    border-radius: 0;
}

#content-container ~ div[id*="listsCarOrder_panel"].ui-selectonemenu-panel .ui-selectonemenu-table .ui-selectonemenu-item[id*="listsCarOrder_6"] {
    box-shadow: 0 -1px 0 0 #e5e5e5 inset;
}

#content-container ~ div[id*="listsCarOrder_panel"].ui-selectonemenu-panel .ui-selectonemenu-table {
    border: none;
}

#content-container ~ div[id*="listsCarOrder_panel"].ui-selectonemenu-panel {
    border: none;
}

#content-container ~ div[id*="listsCarOrder_panel"].ui-selectonemenu-panel .ui-selectonemenu-table td {
    border-style: none;
}

.ui-popup.ui-popup-select-order-car-list-popup {
    width: 465.5px !important;
}

#content ~ #popups-container .ui-popup.ui-popup-order-car-list-popup {
  width: 480px !important;
  height: auto !important;
}

#popups-container .ui-popup.ui-popup-lead-half-convert-confirm-popup {
  width: 480px !important;
}
#orderCarListForm\:result-input\:result-input_label {
    color: inherit !important;
}

.searcher-panel.multi-mode {
    float: left;
    max-width: 80%;
    margin-right: -9px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.searcher-panel.multi-mode .multi-search-inline {
    display: inline-flex;
    flex: 0 1 auto;
    flex-wrap: nowrap;
    gap: 2px;
    min-width: 0;
    max-width: calc(100% - 60px);
}

.searcher-panel.multi-mode .multi-search-inline > .ui-inputfield {
    flex: 0 1 250px;
    min-width: 0;
    width: 250px;
    box-sizing: border-box;
}

.searcher-panel.multi-mode > .ui-button[id$=':searchBtn'] {
    flex: 0 0 auto;
    margin-left: 2px;
}

.searcher-panel:not(.multi-mode) > .ui-button[id$=':searchBtn'] {
    margin-left: 2px;
}


[id$="service_order_panel"] .ui-autocomplete-token.ui-state-active {
    color: black !important;
    opacity: 1 !important;
}

.multi-search-row {
     display: flex;
     align-items: center;
     gap: 8px;
     margin-left: 11px;
 }

html .ui-inputfield,
html .ui-button,
html .ui-selectonemenu,
html .ui-menuitem-link {
    border-radius: 3px;
}

html .ui-icon {
    vertical-align: baseline;
}

/* CRM dashboard calendar tile - FullCalendar sizing must load statically:
   the widget computes slot grid geometry on init, before nCRM.css is injected dynamically.
   Selectors carry extra specificity (html + .ui-widget) to beat PrimeFaces schedule.css
   regardless of stylesheet load order. */
html .ui-panel .ui-panel-content:has(.calendar-form) {
    padding: 0;
}
html .ui-panel .ui-panel-content .calendar-form {
    flex-grow: 1;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}
html .ui-widget.calendar-tile-schedule {
    flex-grow: 1;
    height: 100%;
    margin: 0;
}
html .ui-widget.calendar-tile-schedule .fc {
    height: 100%;
}
html .ui-widget.calendar-tile-schedule .fc-toolbar {
    display: none;
}
html .ui-widget.calendar-tile-schedule .fc-col-header {
    display: none;
}
html .ui-widget.calendar-tile-schedule .fc-timegrid-slot {
    height: 4em;
}
html .ui-widget.calendar-tile-schedule .fc-timegrid-slot-label-cushion {
    font-size: 0.75rem;
    min-width: 40px;
    padding-right: 6px;
}
html .ui-widget.calendar-tile-schedule .fc-day-today {
    background: #CDDDFF !important;
}
html .ui-widget.calendar-tile-schedule .fc-timegrid-now-indicator-arrow {
    left: auto;
    right: 2px;
}
html .calendar-toolbar .ui-button.ui-state-disabled,
html .calendar-toolbar .ui-button.ui-state-disabled:hover,
html .calendar-toolbar .ui-button.ui-state-disabled:focus,
html .calendar-toolbar .ui-button.ui-state-disabled:active {
    border: 1px solid #d9d9d9 !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1) !important;
    color: #000 !important;
    opacity: .35 !important;
    cursor: default !important;
}

form#carStock table th[id$="duringVehicleLoan"] .ui-column-title {
	font-weight: bold;
}