#vwgslogo {
    background: url("/ssr/jakarta.faces.resource/vwgs_logo.gif.xhtml;jsessionid=973F9033894909754F8971DE5CD771FB.lxpm3p1368?ln=images") no-repeat center center;
    height: 79px;
}
#topArea {
    width: 100%;
}

input[type="text"]:disabled {
    background-color: #EEEEEE;
}
input, textarea, select {
    font-family: VW_Sans, Verdana, Arial, 'Arial MT', sans-serif;
    width: 95%;
}

.headlineMenuItem .ui-menuitem-text {
    color: #335F7D;
    font-family: VW_Sans, Verdana, Arial, 'Arial MT', sans-serif;
    font-weight: bold;
}

.flag-de {
    background: url("/ssr/jakarta.faces.resource/flag_de.gif.xhtml;jsessionid=973F9033894909754F8971DE5CD771FB.lxpm3p1368?ln=images") no-repeat right center !important;
    height: 16px;
    width: 16px;
}

.flag-en {
    background: url("/ssr/jakarta.faces.resource/flag_en.gif.xhtml;jsessionid=973F9033894909754F8971DE5CD771FB.lxpm3p1368?ln=images") no-repeat right center !important;
    height: 16px;
    width: 16px;
}

.flag-es {
    background: url("/ssr/jakarta.faces.resource/flag_es.gif.xhtml;jsessionid=973F9033894909754F8971DE5CD771FB.lxpm3p1368?ln=images") no-repeat right center !important;
    height: 16px;
    width: 16px;
}

.flag-ru {
    background: url("/ssr/jakarta.faces.resource/flag_ru.gif.xhtml;jsessionid=973F9033894909754F8971DE5CD771FB.lxpm3p1368?ln=images") no-repeat right center !important;
    height: 16px;
    width: 16px;
}

.ui-layout-unit {
    border: none;
    padding: 20px !important;
}

.ui-menubutton {
    width: 100%;
}

.ui-menubutton button {
    font-family: VW_Sans, Verdana, Arial, 'Arial MT', sans-serif;
    font-size: 1em;
    background: none repeat scroll 0 0 #f5f6f6;
    border-style: none;
    height: 36px;
    filter: none;
    text-align: left;
    color: #4c5356;
    width: 100%;
}

.ui-menubutton button.ui-state-hover {
    background-color: #f5f6f6;
}

.ui-menubutton .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left:hover {
    background-image: none;
    background-color: #f1f1f1;
}

.ui-button-text.ui-c {
    margin: 5px 10px 5px 5px;
}

.ui-menubutton button.ui-state-hover .ui-button-text.ui-c {
    background: none repeat scroll 0 0 #e5e6e8;
}

.ui-menu .ui-menu-list .ui-menuitem a {
    display: flex;
}

.ui-menuitem-text {
    white-space: normal;
    margin-left: 0;
}

.ui-button-icon-left.ui-icon.ui-c {
    margin-left: 2px;
}

.no-border tbody tr td {
    border: none !important;
}

.no-padding tbody tr td {
    padding: 0 !important;
}

.full-width {
    width: 100%;
}

.ui-outputlabel-required {
    font-weight: bold;
}

.ui-outputlabel-rfi {
    color: #A21E4D;
}

.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: 0;
}
.valueTextToLongEllipsis {
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis !important;
}

.valueTextToLongKeepBreak {
    word-break: keep-all;
}

.ui-chkbox .ui-chkbox-label {
    vertical-align: text-bottom;
}


.ui-chkbox.ui-chkbox-box {
    margin-top: 3px;
}

.ui-icon.custom-icon, .ui-widget .ui-icon.custom-icon {
    background: none repeat scroll 0 0 transparent !important;
    text-indent: 0 !important;
    margin-top: 0;
}

.custom-icon .ui-chkbox-label:before, .ui-outputlabel.custom-icon:before,
.ui-commandlink.custom-icon:before, span.custom-icon:before, .ui-link.custom-icon:before{
    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: 4px;
}

.ui-selectbooleancheckbox.custom-icon .ui-chkbox-label {
    height: 25px;
}

.custom-icon.ui-icon {
    text-indent: initial;
}

.icon-p-supplier .ui-chkbox-label:before, .ui-outputlabel.icon-p-supplier:before {
    content: "\f1b9";
    color: lightseagreen;
    width: 17px;
}

.icon-a-supplier .ui-chkbox-label:before, .ui-outputlabel.icon-a-supplier:before {
    content: "\f1ad";
    color: darkolivegreen;
    width: 17px;
}

.icon-extended-system-access .ui-chkbox-label:before, .ui-outputlabel.icon-extended-system-access:before {
    content: "\f084";
    color: #f2be00;
}

.icon-pdf-download .ui-chkbox-label:before, .ui-outputlabel.icon-pdf-download:before,
.ui-commandlink.icon-pdf-download:before, span.icon-pdf-download:before, .ui-link.icon-pdf-download:before  {
    content: "\f1c1";
    color: #c00;
}

.ui-outputlabel.ui-widget.no-required-symbol.ui-state-error {
    padding-right: 0;
}

.ui-outputlabel.ui-widget.required.no-required-symbol.ui-state-error {
    padding-left: 0;
    padding-right: 4px;
}

.no-display {
    display: none;
}

.ui-tooltip {
    background-color: transparent;
    border: none;
}

.ui-tooltip .ui-tooltip-text {
    background-color: #e8f2f6 !important;
    color: inherit !important;
}

.read-only, .read-only:focus {
    border: none !important;
    box-shadow: none !important;
}

.ui-selectonemenu {
    max-width: 92%;
    min-width: 92% !important;
}

.p-child-gutter * {
    margin: 3px 0 3px 0;
}

.ssr-notice {
    border: 1px dashed;
    padding: 5px;
    display: table;
}

.ssr-notice > div {
    display: table-cell;
    vertical-align: middle;
}

.ssr-notice .ssr-notice-icon {
    padding-right: 0.6em;
}

.ssr-notice-error {
    background-color: #ffcccc;
    border-color: #cc0000;
    color: #cc0000;
}

.ssr-notice-error i.fa:before {
    content: "\f05e";
}

.ssr-notice-warn {
    background-color: #fff2e6;
    border-color: #cc6600;
    color: #cc6600;
}

.ssr-notice-warn i.fa:before {
    content: "\f071";
}

.ssr-notice-info {
    background-color: #cce0ff;
    border-color: #0047b3;
    color: #0047b3;
}

.ssr-notice-info i.fa:before {
    content: "\f05a";
}

.no-tooltip-arrow .ui-tooltip-arrow {
    display: none;
}

.highlightText {
    color: #335F7D;
    font-weight: bold;
}

.error {
    color: #9A0C39;
    font-weight: bold;
}

.ui-state-disabled {
    /* enable tooltips on disabled elements */
    pointer-events: all;
}

#scrollToTop {
    display: none;
    width: 24px;
    height: 22px;
    position: fixed;
    bottom: 60px;
    right: 24px;
    cursor: pointer;
    text-align: center;
    color: #004666;
    background-color: #f6f6f6;
    border: 1px solid #D3D6D9;
    padding-top: 3px;
}
#scrollToTop:before {
    position: fixed;
    bottom: 62px;
    right: 34px;
}

#scrollToTop:hover {
    background-color: #ededee;
}


#mainArea {
    padding-bottom: 40px;
}

#footer {
    color: white;
    background-color: #4c5356; /* .grey-800-primary */
    font-size: 12px;
    line-height: 40px;
    margin-top: 10px;
    display: flex;
    float: right;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}

#leftFooter {
    text-align: left;
    padding-left: 10px;
    width: 50%;
}

#rightFooter {
    text-align: right;
    padding-right: 10px;
    width: 50%;
}

#footer a {
    color: white;
    text-decoration: none;
}

#footer .divider {
    padding: 0 8px;
}

.ui-commandlink.fa {
    text-decoration: none;
}

.fa {
    margin-right: 4px;
}

.icon-danger {
    color: #cf356a;
}

.icon-warning {
    color: #f2be00;
}

.icon-disabled {
    color: #34393b;
}

.icon-info {
    color: #33667c;
}

.icon-success {
    color: #a3b74e;
}

.ui-selectonemenu-panel.hide-first-option div ul li:first-child {
    display: none !important;
}

.ui-steps {
    padding-top: 15px;
}
.ui-steps .ui-steps-item {
    height: 50px;
    margin-top: 15px;
    background-color: transparent;
}
.ui-steps .ui-steps-item .ui-menuitem-link {
    height: 5px;
    padding: 0 1em;
    overflow: visible;
    display: block;
    background-color: #335F7D;
    border-radius: 1px;
}
.ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
    background-color: #335F7D;
    color: white;
    display: inline-block;
    width: 1.7em;
    border-radius: 1px;
    position: relative;
    top: -10px;
    font-size: 16px;
}
.ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
    min-width: 150px;
    position: relative;
    top: -10px;
}

.input-number-small input {
    width: 5%;
}
.input-number-medium input {
    width: 12%;
}
.input-number-large input {
    width: 41%;
}

.ui-state-disabled .ui-icon {
    background-image: url("/ssr/jakarta.faces.resource/images/ui-icons_4C5356_256x240.png.xhtml;jsessionid=973F9033894909754F8971DE5CD771FB.lxpm3p1368?ln=primefaces-vwag&v=14.0.12&e=14.0.12") !important;
}

.only-content div {
    padding: 0 !important;
}

.only-content {
    border: none;
}

.outer-bar {
    height: 5px;
    width: auto;
    overflow: hidden;
    background-color: rgb(242, 190, 0);
    margin: auto;
    background: gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 190, 0)), to(rgb(227, 170, 0)));
    background: -o-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 190, 0)), to(rgb(227, 170, 0)));
    background: -ms-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 190, 0)), to(rgb(227, 170, 0)));
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 190, 0)), to(rgb(227, 170, 0)));
    background: -moz-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 190, 0)), to(rgb(227, 170, 0)));
    background: linear-gradient(top, rgb(242, 190, 0), rgb(227, 170, 0));
    background: -o-linear-gradient(top, rgb(242, 190, 0), rgb(227, 170, 0));
    background: -ms-linear-gradient(top, rgb(242, 190, 0), rgb(227, 170, 0));
    background: -webkit-linear-gradient(top, rgb(242, 190, 0), rgb(227, 170, 0));
    background: -moz-linear-gradient(top, rgb(242, 190, 0), rgb(227, 170, 0));
}

.progress-bar-line {
    background-color: rgb(242, 190, 0);
    float: left;
    width: 14px;
    height: 117px;
    margin-right: 23px;
    margin-top: -27px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

.progress-bar-animation {
    width: auto;
    animation-name: progress-bar-animation;
    -o-animation-name: progress-bar-animation;
    -ms-animation-name: progress-bar-animation;
    -webkit-animation-name: progress-bar-animation;
    -moz-animation-name: progress-bar-animation;
    animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
}

@keyframes progress-bar-animation {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -37px;
    }
}

@-o-keyframes progress-bar-animation {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -37px;
    }
}

@-ms-keyframes progress-bar-animation {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -37px;
    }
}

@-webkit-keyframes progress-bar-animation {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -37px;
    }
}

@-moz-keyframes progress-bar-animation {
    0% {
        margin-left: 0;
    }

    100% {
        margin-left: -37px;
    }
}

.ui-messages .ui-messages-error, div.ui-message-error, .ui-outputpanel .ui-state-error , .ui-inputfield .ui-state-error {
    background-color: #f1f1f1;
    border-color: #EBCED7;
    border-left: 3px solid #cf356a !important;
    color: inherit;
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("/ssr/jakarta.faces.resource/images/ui-icons_4C5356_256x240.png.xhtml;jsessionid=973F9033894909754F8971DE5CD771FB.lxpm3p1368?ln=primefaces-vwag&v=14.0.12&e=14.0.12") !important;
}

.ui-selectonemenu-trigger.ui-state-error {
    border-left: 1px solid #D3D6D9 !important;
}

.ui-selectonemenu.ui-state-error  .ui-selectonemenu-label {
    background-color: #f1f1f1;
}

.ui-messages-error-detail {
    font-weight: bold;
}

.ui-selectonemenu-filter-container {
    min-width: 100% !important;
}
.ui-selectonemenu-filter-container .ui-icon.ui-icon-search {
    display: none;
}

input::-ms-clear {
    display: none;
}

.ui-chkbox-box.ui-state-focus, .ui-radiobutton-box.ui-state-focus, .ui-selectonemenu.ui-state-focus  {
    border-color: #C6DFE7;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(198, 223, 231, 0.6);
}

.ui-radiobutton-box, .ui-chkbox-box {
    background-color: #fff;
    border: 1px solid #D3D6D9;
}

.ui-blockui{
	/* Blocking with p:blockUI without visuals */
	opacity: 0;
}

.explanationText {
    font-style: italic;
    color: #335F7D;
    opacity: 0.7;
}

/* Style of the header-line of a top-level panel */
.panelHeaderWrapper {
    background-color: #20607e; /* .petrol-700 */
    padding: 5px;
    color: white;
    font-weight: bold;
}

.buttonSpacer {
    margin: 5px 10px 0 0;
}

.ui-datatable-data td[role="gridcell"]:focus, .ui-datatable-data td[role="grid"] [tabindex="0"]:focus {
    outline: none;
}