@font-face {
    font-family: 'AudiTypeScreen Bold';
    src: url("/resources/fonts/AudiTypeScreen-Bold.woff") format('woff'), /* Modern Browsers */
    url("/resources/fonts/AudiTypeScreen-Bold.ttf")  format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AudiTypeScreen Normal';
    src: url("/resources/fonts/AudiTypeScreen-Normal.woff") format('woff'), /* Modern Browsers */
    url("/resources/fonts/AudiTypeScreen-Normal.ttf")  format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'AudiTypeScreen Light';
    src: url("/resources/fonts/AudiTypeScreen-Light.woff") format('woff'), /* Modern Browsers */
    url("/resources/fonts/AudiTypeScreen-Light.ttf")  format('truetype'); /* Safari, Android, iOS */
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "AudiType ExtendedBold";
    src: url("/resources/fonts/AudiType-ExtendedBold.ttf") format('truetype');
}

@font-face {
    font-family: "AudiType Bold";
    src: url("/resources/fonts/AudiType-Bold.ttf") format('truetype');
}


@font-face {
    font-display:swap;
    font-family:AudiTypeVar;
    font-stretch: 100% 130%;
    font-style:normal;
    font-weight: 400 700;
    src: url("/resources/fonts/AudiTypeVF.woff2") format("woff2-variations");
}

/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */

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

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
    box-sizing: border-box;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the line height in all browsers.
3. Prevent adjustments of font size after orientation changes in iOS.
4. Use a more readable tab size (opinionated).
*/

html {
    font-family: system-ui,
    'Segoe UI',
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji'; /* 1 */
    line-height: 1.15; /* 2 */
    -webkit-text-size-adjust: 100%; /* 3 */
    tab-size: 4; /* 4 */
}

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

/**
Remove the margin in all browsers.
*/

body {
    margin: 0;
}

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

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

b,
strong {
    font-variation-settings: "wght" 700,"wdth" 130;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace,
    SFMono-Regular,
    Consolas,
    'Liberation Mono',
    Menlo,
    monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
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;
}

/*
Tabular data
============
*/

/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
    border-color: currentcolor;
}

/*
Forms
=====
*/

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

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

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
    -webkit-appearance: button;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
    padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

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

::-webkit-inner-spin-button,
::-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 in Chrome and Safari on macOS.
*/

::-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 Chrome and Safari.
*/

summary {
    display: list-item;
}

/* OLD */

.striked {
    text-decoration: line-through;
}

a.striked {
    text-decoration: line-through;
}


#caption span {
    display: block;
    font-family: "AudiType ExtendedBold", Verdana, Helvetica, sans-serif;
    font-weight: normal !important;
    letter-spacing: 0 !important;
}

#caption span.line1 {
    color: black !important;
}

#header_area {
    min-height: 120px;
}

#breadcrumb {
    margin-bottom: 5px;
    padding-top: 15px;
}

#breadcrumb form.breadcrumbForm select, form.breadcrumbForm_small select {
    width: 85px;
}

.ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data th, .ui-datatable .ui-datatable-data-empty td, table td {
    border: none;
    vertical-align: top;
}

.ui-datatable th, .ui-datatable tfoot td {
    color: black;
    background-color: white;
    border: none;
}

#header_area #caption span {
    font-family: "AudiType ExtendedBold", Verdana, Helvetica, sans-serif;
}

.ui-treetable th, .ui-treetable tfoot td {
    background-color: white;
    border-color: -moz-use-text-color;
    border-style: none none solid;
    border-width: medium medium 1px;
    color: black;
    text-align: left;
}

.ui-treetable .ui-treetable-data td, .ui-treetable .ui-treetable-data-empty td {
    border: none;
}

a.download {
    margin-top: -10px;
}

.download_all {
    width: 175px !important;
}

.definition_label {
    width: 130px;
    font-weight: normal;
}

.primary_action._left {
    margin-right: 1px;
    padding-left: 0;
    float: left;
    height: 32px;
    font-size: 13px;
}

.buttons_panel {
    display: flex;
    gap: 8px;
}

.primary_action {
    margin-left: 0;
    padding-left: 0;
    margin-right: 0;
    height: auto;
    font-size: 15px;
}

.primary_action > button,
.work_box .primary_action > a {
    background-color: #000;
    border: 1px solid black;
    border-radius: 0;
    cursor: pointer;
    font-family: "AudiTypeScreen Normal", Verdana, Helvetica, sans-serif;
    font-weight: normal;
    min-width: 220px;
    line-height: 1.5em;
    margin: 0 0 0 0;
    padding: 0;
    color: white;
    width: auto;
}

.primary_action > button:hover,
.work_box .primary_action > a:hover {
    background-color: rgb(77, 77, 77);
    color: rgb(255, 255, 255);
}

.ui-button-text-only .ui-button-text {
    padding: .5rem 1rem;
}

.ui-datatable th, .ui-datatable tfoot td {
    text-align: left;
}

#info_box {
    color: #bbbbbb;
    font-weight: bold;
    padding: 10px;
    width: 100%;
    margin: 0;
    border: 1px solid;
}

.orderColumn2 {
    width: 80px;
}

.orderColumn3 {
    width: 40px;
}

.work_box input, .tabbed_box input, .ui-dialog input, .work_box textarea, .tabbed_box textarea, .ui-dialog textarea {
    color: black;
    background-color: white;
}

.ui-state-default .ui-icon {
    background-image: url("/javax.faces.resource/images/ui-icons_111111_256x240.png.jsf?ln=primefaces-audi");
}

table th a.sort_off, span.ui-sortable-column-icon.ui-icon.ui-icon-carat-2-n-s {

}

#footer_menu ul li a {
    color: black;
    padding: 0;
    font-size: 10px;
    line-height: 17px;
}

#menu ul li a.current {
    background: none;
}

#menu ul li a.current:hover {
    background: none;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: none;
    color: black;
}

table td, table th {
    padding: 7px 0;
}

.ui-chkbox {
    margin-top: 5px;
}

.ui-chkbox-box, .ui-chkbox-all {
    margin-right: 8px !important;
    margin-left: 0px !important;
    height: 14px !important;
    width: 14px !important;
}

.ui-chkbox .ui-chkbox-box.ui-state-hover {
    border: 1px solid;
}

.ui-icon-check {
    background-position: -65px -146px;
}

.message_box, .work_box, .tabbed_box {
    padding-top: 0;
    padding-left: 0;
    width: auto;
}

#header_area.small #caption {
    margin-left: 0;
    margin-top: 40px;
}

#header_area.small #logo {
    margin-top: 10px;
}

.table-first-col {
    width: 190px;
}

.ui-icon-triangle-1-e {
    background-image: url("/resources/css/button_plus.gif") !important;
    background-position: 0px 6px;
}

.ui-tt-c .ui-icon-triangle-1-s {
    background-position: 0 6px;
    background-image: url("/resources/css/button_minus.gif") !important;
}

.ui-icon.ui-icon-closethick, .ui-icon.ui-icon-cancel {
    background: transparent url("/resources/images/cancel.svg") no-repeat scroll center left;
    background-size: 16px;
}

.ui-icon.ui-icon-search {
    background: transparent url("/resources/images/search.svg") no-repeat scroll center left;
    background-size: 16px;
}

.ui-picklist .ui-picklist-filter-container .ui-icon.ui-icon-search {
    right: 8px;
    top: 8px;
}

.ui-picklist .ui-picklist-caption,
.ui-picklist .ui-picklist-filter-container {
    background: #e5eaee;
}

.ui-picklist .ui-picklist-filter {
    width: 88%;
    margin-left: 4px;
    padding-left: 6px;
    padding-right: 8px;
}

.ui-growl-image-info {
    background-position: 0 0px;
}

.ui-growl-image {
    background: url("/resources/css/Btn_Info.png") no-repeat scroll 0 0 transparent;
    height: 36px;
    width: 36px;
}

/*
.calculatorFooter {
	color: #000000;
	font-weight: bold;
	white-space: nowrap;
}

.importerContent {
    margin: 10px 10px 0;
}

.orderButton {
    width: 210px;
}*/


.dependencies label {
    width: 100%;
}

.mailbox {
    border: 0;
    font-family: "AudiType ExtendedBold", Verdana, Helvetica, sans-serif;
    font-size: 24px;
    text-align: left;
    color: black;
    background: none;
    margin-bottom: 24px;
}

.mailbox_menu ul li {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 1px solid #000000;
    display: block;
    float: left;
    height: 24px;
    margin: 0 0 20px;
    padding: 0 10px 0 7px;
}

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

.mailbox_menu ul li a {
    float: left;
    padding: 0 15px 0 0;
    text-decoration: none;
    white-space: nowrap;
    border-right: 1px solid;
}

.mailbox_menu ul li:first-child {
    padding: 0 10px 0 0;
}

.mailbox_menu ul li:last-child {
    padding: 0 0px 0 10px;
}

.mailbox_menu ul li:last-child a {
    padding: 0px;
    border-right: 0px;
}

.ui-treetable th, .ui-treetable tfoot td {
    border-style: none;
}

.ui-treetable th div.ui-tt-c {
    padding: 3px 13px 3px 0px;
    font-weight: bold;
    color: black;
}

.ui-datatable th div.ui-dt-c {
    float: none;
}

.content_box {
    line-height: 17px;
}

.orderColumn2 {
    text-align: right !important;
    width: 80px !important;
}

.orderColumn3 {
    text-align: right !important;
    width: 50px !important;
}

.footerRight {
    text-align: right !important;
}

p {
    margin: 0 0 15px;
}

/*.ui-datatable .ui-datatable-data td div.ui-dt-c, .ui-datatable .ui-datatable-data-empty td div.ui-dt-c, .ui-datatable tfoot td div.ui-dt-c {
    padding-right: 0px;
    padding-left: 0px;
} */

.ui-datatable th div.ui-dt-c {
    padding-right: 0px;
}

.ui-datatable th.ui-sortable-column div.ui-dt-c {
    padding: 3px 0 3px 13px;
}

#menu ul li.sub1 a {
    margin-left: 0;
    padding: 8px 0 !important;
}

#menu ul li.sub1.last a {
    padding-bottom: 16px !important;
}

.postbox_menu {
    /*background: #F2F4F3;*/
}

#menu ul li.postbox_menu a.current {
    background: none;
    font-variation-settings: "wght" 400,"wdth" 130;
    font-weight: normal;
    color: black;
    padding-left: 0;
}

#menu ul li.postbox_menu a.current:hover {
    color: black;
}

#menu ul li.postbox_submenu_available a.current {
    background: none;
}

#menu ul li.postbox_menu a:hover {
    background: none;
}

#menu ul li.postbox_submenu_available a:hover {
    background: none;
}

#menu {
    margin: 0;
}

#menu ul li.postbox_menu.last {
    /*margin-bottom: 24px;*/
}

#menu ul li.postbox_none {
    display: none;
}

#menu_area #menu ul li.sub1 {
    border: none !important;
    padding-left: 48px;
}

div.ui-tooltip {
    width: auto !important;
    max-width: 550px !important;
    font-size: initial;
    padding: 16px;
}

div.ui-tooltip > p {
    font-size: initial;
    margin-bottom: 5px;
}

div.ui-tooltip img {
    max-width: 100%;
}

.documentNameColumn {
    font-weight: bold;
    padding-left: 0;
    margin: 0px;
    width: 180px;
}

.prioColumn {
    margin-top: -4px;
}

.choices input[value="NONE"] + label {
    color: black;
    padding-left: 15px;
}

.choices input[value="GREEN"] + label {
    background: url("/resources/images/destination-green.svg") no-repeat scroll center left;
    color: white;
    padding-left: 15px;
}

.choices input[value="RED"] + label {
    background: url("/resources/images/destination-red.svg") no-repeat scroll center left;
    color: white;
    padding-left: 15px;
}

.choices input[value="YELLOW"] + label {
    background: url("/resources/images/destination-yellow.svg") no-repeat scroll center left;
    color: white;
    padding-left: 15px;
}

.ui-icon-circle-triangle-s {
    background-position: 0px 6px;
    background-image: url("/resources/css/button_minus.gif") !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    width: 24px;
    padding: 0;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon.ui-icon-triangle-1-s {
    background: transparent url("/resources/images/arrow-down.svg") no-repeat scroll center left;
    background-size: 24px;
    filter: invert(1);
    width: 24px;
    height: 20px;
}

.ui-icon-circle-triangle-w {
    background-position: 0;
    background-image: url("/resources/images/back.svg") !important;
}

.ui-icon-circle-triangle-e {
    background-position: 0;
    background-image: url("/resources/images/forward.svg") !important;
}

.headerToggler .ui-button-text {
    display: none;
}

.headerToggler {
    border: none;
    height: 17px;
    margin-left: 1px;
}

.my-picklist .ui-picklist-list {
    height: 60px;
}

.text_important {
    font-weight: bold;
    display: block;
    padding-bottom: 20px;
}

.table-grey {
    background-color: #f2f4f3;
}

div.work_box .ui-picklist-list {
    border: 1px solid #e5eaee;
    width: 300px;
}

.confirm_panel {
    border: 1px dashed #CC2233;
    padding: 5px;
    display: block;
}

.strong {
    font-weight: bold;
}

.wide-input, textarea.wide-input {
    width: 100% !important;
}

.fileupload-buttonbar .ui-button input {
    /* PrimeFaces value is 5000 but it is over the p:autocomplete popup component which has just 1001 */
    z-index: 1000;
}

.work_box input:disabled, .tabbed_box input:disabled, .ui-dialog input:disabled,
.work_box textarea:disabled, .tabbed_box textarea:disabled, .ui-dialog textarea:disabled {
    background-color: rgb(235, 235, 228);;
}

#work_area > form > ol {
    padding-left: 15px;
}

span.pre-wrapped {
    white-space: pre-wrap;
}

img.password-icon {
    position: absolute;
    bottom: 6px;
    right: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.secondary_action {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 16px;
}

.secondary_action div:empty {
    display: none;
}

.secondary_action a {
    border: 1px solid #000000;
    color: black;
    background: transparent;
    min-width: 220px;
    border-radius: 0;
    text-align: center;
    padding: .5rem 1rem;
    line-height: 1.4;
}

.secondary_action a:hover {
  background-color: rgba(0, 0, 0, 0);
  color: #4c4c4c;
}

.secondary_action a.back {
    background-position: 0 -50px;
    border: none;
    display: flex;
}

.secondary_action > div > div {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.secondary_action .empty_space {
    display: none;
}

a.download {
    height: auto;
}

.show-list-style ul {
    padding-left: 10px !important;
    list-style: disc outside !important;
    list-style-image: inherit;
}

.show-list-style ol {
    padding-left: 15px !important;
}

/* ckeditor */

.ck-editor__editable {
    min-height: 150px !important;
}

.ck-editor__editable ul {
    padding-left: 10px !important;
}

.ck-editor__editable ol {
    padding-left: 15px !important;
}

h2 {
    font-family: "AudiType ExtendedBold", Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #000001;
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 125%;
    margin-bottom: 15px;
}

h3 {
    font-family: "AudiType ExtendedBold", Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-size: 21px;

    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 0;
}

h4 {
    font-family: "AudiType ExtendedBold", Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;

    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 0;
}

h4 span {
    font-family: "AudiType ExtendedBold", Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 125%;
    margin:5px 0;
    padding-bottom: 0;
}

h2 > span {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 125%;
    margin-bottom: 15px;
}

h3 > span {
    font-size: 16px;
    font-family: "AudiType ExtendedBold", Verdana, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
}

h4 > span {
    font-size: 11px;
    font-weight: bold;
    line-height: 125%;
    margin-bottom: 5px;
    padding-bottom: 0;
}

#calculator_wrapper {
    background-color: #FFFFFF;
    position: sticky;
    top: 100px;
    width: 242px;
}

.fullscreen-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
}
#cookie-settings {
    background: white;
    padding: 40px;
    width: 70%;
    height: 70%;
    overflow: auto;
}
div.cookie-title {
    font-size: 12px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #e7e7e7;
    padding-top: 20px;
}
table.cookie_info > thead > tr > th {
    white-space: nowrap;
    padding: 20px 5px 5px;
}
table.cookie_info > tbody > tr > td {
    padding: 5px;
}

/* CSS */

* {
    font-size: 15px;
    font-family: AudiTypeVar, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    -moz-font-feature-settings: "kern" 1,"liga" 1,"calt" 1;
    font-variation-settings: "wght" 400,"wdth" 100;
}

html, body {
    font-size: 13px;
    min-height: 100vh;
    overflow: inherit;
}

body {
    width: 100%;
    background: none;
    display: flex;
    flex-direction: column;
}

#header_area {
    height: 40px;
    min-height: auto;
    background-color: #000;
    padding-left: 4vw;
    padding-right: 4vw;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 2;
}

#header_area .caption__wrapper {
    display: flex;
    gap: 8px;
    align-items: center;
    width: 100%;
}

#header_area #logo {
    float: none;
    height: 16px;
    width: 47px;
}

#header_area #logo img {
    object-fit: cover;
    height: 16px;
    width: 47px;
}

#header_area #caption {
    margin-left: 0;
    margin-top: 0;
}

#header_area #caption span.line1 {
    font-size: 15px;
    color: white !important;
    font-family: "AudiType ExtendedBold", Verdana, Helvetica, sans-serif;
}

#breadcrumb {
    width: auto;
}

#topmenu {
    border-bottom: 1px solid #DEDEDE;
    margin-right: 0;
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 0;
    flex-shrink: 0;
    background-color: white;
    position: sticky;
    z-index: 2;
    top: 40px;
}

#topmenu #menu {
    margin-top: 0;
    margin-bottom: 0;
}

#topmenu form,
#topmenu #menu ul {
    height: 100%;
}

#topmenu #menu ul {
    position: relative;
    top: auto;
    right: auto;
        font-variation-settings: "wght" 400,"wdth" 130;
    display: flex;
    align-items: center;
    gap: 24px;
    width: 100%;
    border: 0;
    overflow: auto;
}

#topmenu #menu ul li {
    padding-left: 0;
    margin-left: 0;
    width: auto;
    border: none;
}

#topmenu #menu ul li a {
    color: rgba(0, 0, 0, 0.5);
    transition: color 0.3s ease-in-out;
    cursor: pointer;
        font-variation-settings: "wght" 400,"wdth" 130;
    padding-left: 0;
    background: none;
    border: 1px solid transparent;
    padding-top: 12px;
    padding-bottom: 12px;
    white-space: nowrap;
}

#topmenu #menu ul li a:hover,
#topmenu #menu ul li a.current {
    font-weight: normal;
    color: black;
    border-bottom: 1px solid;
}

#breadcrumb {
    display: flex;
    margin-bottom: 0;
    padding-top: 0;
}

#menu ul {
    width: auto;
    border-bottom: none;
}

#menu ul li {
    width: auto;
    line-height: 1.15;
    border-top: none;
}

#menu ul li a {
    padding: 0;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
    transition: color 0.3s ease-in-out;
        font-variation-settings: "wght" 400,"wdth" 130;
    width: auto;
    background: none;
}

#menu ul li a:hover,
#menu ul li a.current {
    color: rgba(0, 0, 0);
    background: none;
    font-weight: normal;
        font-variation-settings: "wght" 400,"wdth" 130;
}

#content_area {
    width: 100%;
    padding: 32px 4vw;
    display: flex;
    gap: 64px;
    flex: 1;
}

#content_area #menu_area {
    flex-shrink: 0;
}

#content_area #work_area {
    flex-grow: 1;
    width: auto;
}

#menu_area #menu ul {
    width: calc(242px + 22px);
    margin-left: -22px;
}

#menu_area #menu ul li:not(:first-child) a {
    border-top: 1px solid #F2F2F2;
}

#menu_area #menu ul li {
    padding-left: 22px;
}

#menu_area #menu ul li.submenu_available {
  background-size: 22px 22px;
  background: #fff url("/resources/images/arrow-down.svg") no-repeat scroll center left -6px;
  padding-left: 22px;
}

#menu_area #menu ul li.sub1 a {
    border: none;
}

#menu_area #menu ul li.submenu_available.current {
  background-size: 22px 22px;
  background: #fff url("/resources/images/arrow-up.svg") no-repeat scroll center left -6px;
  padding-left: 22px;
}

#menu_area #menu ul li a {
    padding: 16px 0;
    background: none;
    font-size: 13px;
    line-height: 16px;
}

#menu_area #menu ul li a.current {
    font-weight: normal;
}

#menu_area #menu ul li.sub1 a.current {
    text-decoration: underline;
}

#footer_area {
    position: fixed;
    top: auto;
    bottom: 0;
    background: black;
    width: 100%;
    color: white;
    margin-left: 0;
    height: 50px;
    display: flex;
    align-items: center;
    gap: 44px;
    padding: 0 4vw;
}

#footer_menu {
    margin: auto;
    height: auto;
}

#footer_menu ul {
    height: auto;
    display: flex;
    align-items: center;
    border-bottom: none;
}

h2 {
    font-size: 16px;
    font-family: "AudiType ExtendedBold", Verdana, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    color: #000;
    line-height: 1.2;
    margin-bottom: 24px;
}

h3 {
    font-size: 16px;
    font-family: "AudiType ExtendedBold", Verdana, Helvetica, sans-serif;
    font-weight: normal;
    letter-spacing: 0;
    color: #000;
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 24px;
}

.work_box label {
    font-weight: normal;
    font-size: 13px;
    width: auto;
}

.work_box .input_field, .tabbed_box .input_field, .ui-dialog .input_field {
    display: flex;
    flex-direction: column;
    min-height: 23px;
    margin-bottom: 16px;
    width: auto;
    position: relative;
}

.work_box .input_box, .tabbed_box .input_box, .ui-dialog .input_box {
    margin-left: 0;
    position: relative;
    align-self: flex-start;
    width: 100%;
}

.input_field label {
    color: #333333;
    font-size: 12px;
    margin-bottom: 4px;
}

.work_box select, .tabbed_box select, .ui-dialog select,
.work_box input, .tabbed_box input, .ui-dialog input {
    border: 0;
    border-bottom: #000000 1px solid;
    background: white;
    padding: 6px 0;
    height: auto;
    font-size: 15px !important;
    outline: none;
}

.top-service-menu-wrapper {
    margin-top: 0;
    display: flex;
}

.top-service-menu-wrapper #menu ul {
    display: flex;
    align-items: center;
    width: auto;
    border: none;
    gap: 24px;
    position: relative;
}

.top-service-menu-wrapper #menu ul li {
    border-top: none;
}

.top-service-menu-wrapper #menu ul li a {
    color: #FFFFFF;
    width: auto;
}

.top-service-menu-wrapper #menu ul li.mail {
    background-image: url("/resources/images/mail.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    position: relative;
    margin-right: 8px;
}

.top-service-menu-wrapper #menu ul li.mail a {
    height: 32px;
    width: 32px;
    font-size: 0;
}
.top-service-menu-wrapper #menu ul li.mail1 {
    font-weight: normal;
    font-family: "AudiType Bold", Verdana, Helvetica, sans-serif;
    background-color: #EB0E3F;
    color: white;
    font-size: 10px;
    padding: 0 4px;
    position: absolute;
    left: 17px;
    top: 0;
    z-index: 1;
}

.top-service-menu-wrapper #menu ul li.mail1 a {
    font-size: 10px;
}

.top-service-menu-wrapper #menu ul li.settings a {
  background-image: url("/resources/images/settings.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 0;
}

.top-service-menu-wrapper #menu ul li.user a {
  background-image: url("/resources/images/user.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 0;
}

.top-service-menu-wrapper #menu ul li.preview a {
    background-image: url("/resources/images/eye-white.svg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 32px;
    padding: 0;
    font-size: 0;
}

.top-service-menu-wrapper #menu ul li.logout a {
  background-image: url("/resources/images/logout.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 0;
}

.bottom-menu-wrapper {
    /*margin-top: 40px;*/
}

.bottom-menu-wrapper > div > ul {
    gap: 20px;
}

.bottom-menu-wrapper > div > ul > li > a {
    color: #FFFFFF !important;
    white-space: nowrap;
}

#loginForm {
    width: 100%;
    max-width: 600px;
    margin: auto;
    display: flex;
    flex-direction: column;
}

#loginForm input {
    width: 100%;
}

#form\:searchPanel > div {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.input_box table input {
    padding: 6px 0;
    float: none;
}

.input_box table input[type="radio"],
.input_box table input[type="checkbox"] {
    float: left;
}

input[type="radio"],
input[type="checkbox"] {
    accent-color: black;
}

.input_box table input[type="radio"] + label, .input_box table input[type="checkbox"] + label {
    margin-top: 2px;
}

.tab_navigation {
    margin-bottom: 16px;
}

.tab_navigation ul {
    width: 100%;
    line-height: 12px;
}

.tab_navigation ul li {
    border-left: 1px solid #E5EAEE;
    border-right: 1px solid #E5EAEE;
    border-top: 1px solid #E5EAEE;
    margin: 0 1px 2px 0;
    float: left;
    display: block;
    list-style:none;
    padding: 6px 6px 0;
    height: auto;
}

.tab_navigation ul li.active {
    border-color: #6D7579;
    font-weight: normal;
}

.tab_navigation ul li a {
    font-family: "AudiTypeScreen Normal", Verdana, Helvetica, sans-serif;
    float: left;
    text-decoration: none;
    padding: 4px 10px 6px;
    white-space: nowrap;
}

.tab_navigation ul li.active a {
    text-decoration: underline;
    font-weight: normal;
    font-family: "AudiTypeScreen Bold", Verdana, Helvetica, sans-serif;
}

.tab_navigation ul li.disabled span {
    float: left;
    color: #959596 !important;
    padding: 4px 10px 6px;
    white-space: nowrap;
}

a.jumper_arrow {
    background: none;
    padding-left: 0;
}

form {
    line-height: 1.15;
}

.italic {
    font-style: italic;
}
div.treeTable-underlined > table > tbody > tr > td {
    border-bottom: 1px solid #DEDEDE!important;
}

.ui-datepicker td a.ui-state-hover,
.ui-datepicker td a.ui-state-active {
    background-color: #000;
    color: #fff;
}

.ui-datepicker th {
    font-weight: normal;

}

#menu ul:empty {
  border-bottom: 0;
}

input.calendar {
  width: 90px !important;
}

.ui-datepicker {
  width: auto;
}

.ui-dialog .ui-dialog-titlebar {
    background: none;
}

.ui-dialog .ui-dialog-title {
    font-family: "AudiType Bold", Verdana, Helvetica, sans-serif;
}

.ui-dialog .ui-dialog-titlebar-close {
    top: .5em;
}

ul.message_box li {
    font-weight: normal;
    font-size: 16px;
    font-family: "AudiTypeScreen Bold", Verdana, Helvetica, sans-serif;
}

span.warning {
    color: #cc0033;
    font-weight: normal;
    font-size: 16px;
    font-family: "AudiTypeScreen Bold", Verdana, Helvetica, sans-serif;
    display: block;
    padding-bottom: 20px;
}

.error {
    font-weight: normal;
    font-size: 12px;
    font-family: "AudiTypeScreen Bold", Verdana, Helvetica, sans-serif;
}

.confirm_box {
    padding: 12px;
    margin-top: 0;
}

.confirm_box a {
    display: inline-block;
    margin-top: 10px;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: inherit;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: none;
    background: transparent;
}

#breadcrumb form.breadcrumbForm, form.breadcrumbForm {
    height: auto;
}

.breadcrumbForm .ui-selectonemenu {
    width: 54px !important;
}

.breadcrumbForm .ui-selectonemenu-label {
    color: white;
    border-radius: 100%;
    height: 28px;
    width: 28px !important;
    border: 1px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}

.ui-datatable .ui-datatable-data td div.ui-dt-c,
.ui-datatable .ui-datatable-data-empty td div.ui-dt-c,
.ui-datatable tfoot td div.ui-dt-c {
    padding: 12px 5px;
}

.ui-datatable .ui-datatable-data td div.ui-dt-c p:last-child {
    margin-bottom: 0;
}

.ui-treetable-data tr.ui-widget-content,
.ui-treetable-data th.ui-state-active,
.ui-treetable-data th.ui-state-default,
.ui-datatable tr.ui-widget-content,
.ui-datatable th.ui-state-active,
.ui-datatable th.ui-state-default {
    border-bottom: 1px solid #F2F2F2;
}

.ui-autocomplete {
    width: 280px;
    position: relative;
    display: flex;
}

.ui-autocomplete input {
    width: auto;
    padding-right: 32px;
    flex-grow: 1;
}

.ui-autocomplete button {
    border: none;
    background: white;
    height: auto;
    font-size: 15px !important;
    outline: none;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    width: 17px;
}

.ui-autocomplete button .ui-icon.ui-icon-triangle-1-s {
    background: transparent url("/resources/images/select-arrow-down.png") no-repeat scroll center right 2px;
    background-size: 10px auto;
    width: 17px;
    height: 20px;
}

.ui-treetable th div.ui-tt-c, .ui-treetable .ui-treetable-data td div.ui-tt-c, .ui-treetable tfoot td div.ui-tt-c {
    padding: 8px 10px;
}

.cke-wrapper {
    margin-bottom: 16px;
}

.prio {
    font-size: 12px;
    line-height: 15px;
    color: white;
    min-width: 54px;
    height: 16px;
    text-align: center;
    display: block;
}

.prio-archive {
    float: left;
    width: 60px;
}

.prio-high {
    background-color: #EB0E3F;
}

.prio-normal {
    background-color: #2526FE;
}

.prio-low {
    background-color: #888;
}

.ui-fileupload .fileupload-buttonbar .fileinput-button.ui-state-hover {
    border: 1px solid #6d7579;
}

.ui-datatable .ui-paginator {
    padding: 12px 0;
}

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {
    border: none;
}

.ui-paginator-page.ui-state-hover {
    color: #EB0E3F;
}

.ui-paginator-page.ui-state-active {
    background: black;
    color: white;
}

.ui-paginator .ui-paginator-first .ui-icon {
    background: transparent url("/resources/images/arrow-left-end.svg") no-repeat scroll 0 2px;
    background-size: 16px;
}

.ui-paginator .ui-paginator-prev.ui-state-default.ui-corner-all {
    background: transparent url("/resources/images/back.svg") no-repeat scroll 0 -4px;
    background-size: 24px;
    padding: 0;
    height: 16px;
}

.ui-paginator .ui-paginator-next.ui-state-default.ui-corner-all {
    background: transparent url("/resources/images/forward.svg") no-repeat scroll -4px -4px;
    background-size: 24px;
    padding: 0;
    height: 16px;
}

.ui-paginator .ui-paginator-last .ui-icon {
    background: transparent url("/resources/images/arrow-right-end.svg") no-repeat scroll 0 2px;
    background-size: 16px;
}

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

.ui-picklist .ui-picklist-caption {
    font-variation-settings: "wght" 700,"wdth" 100;
}

.ui-picklist .ui-picklist-item.ui-state-hover {
    color: black;
}

.ui-picklist .ui-button {
    border: none;
}

.ui-picklist .ui-button .ui-icon {
    background-position: 0 0;
}

.ui-icon.ui-icon-arrow-1-e {
    background: transparent url("/resources/images/arrow-right-long.svg") no-repeat scroll center left;
    background-size: 16px;
}

.ui-icon.ui-icon-arrow-1-w {
    background: transparent url("/resources/images/arrow-left-long.svg") no-repeat scroll center left;
    background-size: 16px;
}

.ui-icon.ui-icon-arrowstop-1-e {
    background: transparent url("/resources/images/arrow-right-end.svg") no-repeat scroll center left;
    background-size: 16px;
}

.ui-icon.ui-icon-arrowstop-1-w {
    background: transparent url("/resources/images/arrow-left-end.svg") no-repeat scroll center left;
    background-size: 16px;
}

.ui-icon.ui-icon-trash {
    background: transparent url("/resources/images/erase-s.svg") no-repeat scroll center left;
    background-size: 17px;
}

.ui-picklist td:nth-child(1) {
    display: flex;
    flex-direction: column;
}

.ui-picklist .ui-picklist-caption {
    flex-shrink: 0;
    background-color: #E5EAED;
    order: -1;
    padding: 12px 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
}

.ui-picklist .ui-picklist-list {
    height: 234px;
}

.ui-picklist td:has(.ui-picklist-filter-container) .ui-picklist-list {
    height: 200px;
}

.ui-picklist .ui-picklist-filter-container {
    border: 1px solid #E5EAED;
    border-bottom: none;
    background-color: white;
}

.ui-picklist .ui-picklist-filter {
     border-bottom: none;
 }

.ui-growl-item-container {
    opacity: 1;
    border: none;
}

.input_field:has(.checkbox) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.input_field:has(.checkbox) label {
    order: 1;
    flex-grow: 1;
    max-width: none;
    margin-top: 2px;
}

.input_field:has(.checkbox) .input_box {
    flex-shrink: 1;
    width: 20px;
}
.input_field:has(.checkbox) .error_box {
    margin-left: 0;
    width: 100%;
    order: 2;
}